@charset "UTF-8";
@media print,
screen and (min-width: 40em) {
    .reveal,
    .reveal.tiny,
    .reveal.small,
    .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto;
    }
}

@font-face {
    font-family: simple-line-icons;
    src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0);
    src: url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"), url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"), url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"), url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format("woff"), url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");
    font-weight: 400;
    font-style: normal;
}

.sli {
    font-family: simple-line-icons;
    speak: none;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sli-user:before {
    content: "\e005";
}

.sli-people:before {
    content: "\e001";
}

.sli-user-female:before {
    content: "\e000";
}

.sli-user-follow:before {
    content: "\e002";
}

.sli-user-following:before {
    content: "\e003";
}

.sli-user-unfollow:before {
    content: "\e004";
}

.sli-login:before {
    content: "\e066";
}

.sli-logout:before {
    content: "\e065";
}

.sli-emotsmile:before {
    content: "\e021";
}

.sli-phone:before {
    content: "\e600";
}

.sli-call-end:before {
    content: "\e048";
}

.sli-call-in:before {
    content: "\e047";
}

.sli-call-out:before {
    content: "\e046";
}

.sli-map:before {
    content: "\e033";
}

.sli-location-pin:before {
    content: "\e096";
}

.sli-direction:before {
    content: "\e042";
}

.sli-directions:before {
    content: "\e041";
}

.sli-compass:before {
    content: "\e045";
}

.sli-layers:before {
    content: "\e034";
}

.sli-menu:before {
    content: "\e601";
}

.sli-list:before {
    content: "\e067";
}

.sli-options-vertical:before {
    content: "\e602";
}

.sli-options:before {
    content: "\e603";
}

.sli-arrow-down:before {
    content: "\e604";
}

.sli-arrow-left:before {
    content: "\e605";
}

.sli-arrow-right:before {
    content: "\e606";
}

.sli-arrow-up:before {
    content: "\e607";
}

.sli-arrow-up-circle:before {
    content: "\e078";
}

.sli-arrow-left-circle:before {
    content: "\e07a";
}

.sli-arrow-right-circle:before {
    content: "\e079";
}

.sli-arrow-down-circle:before {
    content: "\e07b";
}

.sli-check:before {
    content: "\e080";
}

.sli-clock:before {
    content: "\e081";
}

.sli-plus:before {
    content: "\e095";
}

.sli-minus:before {
    content: "\e615";
}

.sli-close:before {
    content: "\e082";
}

.sli-event:before {
    content: "\e619";
}

.sli-exclamation:before {
    content: "\e617";
}

.sli-organization:before {
    content: "\e616";
}

.sli-trophy:before {
    content: "\e006";
}

.sli-screen-smartphone:before {
    content: "\e010";
}

.sli-screen-desktop:before {
    content: "\e011";
}

.sli-plane:before {
    content: "\e012";
}

.sli-notebook:before {
    content: "\e013";
}

.sli-mustache:before {
    content: "\e014";
}

.sli-mouse:before {
    content: "\e015";
}

.sli-magnet:before {
    content: "\e016";
}

.sli-energy:before {
    content: "\e020";
}

.sli-disc:before {
    content: "\e022";
}

.sli-cursor:before {
    content: "\e06e";
}

.sli-cursor-move:before {
    content: "\e023";
}

.sli-crop:before {
    content: "\e024";
}

.sli-chemistry:before {
    content: "\e026";
}

.sli-speedometer:before {
    content: "\e007";
}

.sli-shield:before {
    content: "\e00e";
}

.sli-screen-tablet:before {
    content: "\e00f";
}

.sli-magic-wand:before {
    content: "\e017";
}

.sli-hourglass:before {
    content: "\e018";
}

.sli-graduation:before {
    content: "\e019";
}

.sli-ghost:before {
    content: "\e01a";
}

.sli-game-controller:before {
    content: "\e01b";
}

.sli-fire:before {
    content: "\e01c";
}

.sli-eyeglass:before {
    content: "\e01d";
}

.sli-envelope-open:before {
    content: "\e01e";
}

.sli-envelope-letter:before {
    content: "\e01f";
}

.sli-bell:before {
    content: "\e027";
}

.sli-badge:before {
    content: "\e028";
}

.sli-anchor:before {
    content: "\e029";
}

.sli-wallet:before {
    content: "\e02a";
}

.sli-vector:before {
    content: "\e02b";
}

.sli-speech:before {
    content: "\e02c";
}

.sli-puzzle:before {
    content: "\e02d";
}

.sli-printer:before {
    content: "\e02e";
}

.sli-present:before {
    content: "\e02f";
}

.sli-playlist:before {
    content: "\e030";
}

.sli-pin:before {
    content: "\e031";
}

.sli-picture:before {
    content: "\e032";
}

.sli-handbag:before {
    content: "\e035";
}

.sli-globe-alt:before {
    content: "\e036";
}

.sli-globe:before {
    content: "\e037";
}

.sli-folder-alt:before {
    content: "\e039";
}

.sli-folder:before {
    content: "\e089";
}

.sli-film:before {
    content: "\e03a";
}

.sli-feed:before {
    content: "\e03b";
}

.sli-drop:before {
    content: "\e03e";
}

.sli-drawer:before {
    content: "\e03f";
}

.sli-docs:before {
    content: "\e040";
}

.sli-doc:before {
    content: "\e085";
}

.sli-diamond:before {
    content: "\e043";
}

.sli-cup:before {
    content: "\e044";
}

.sli-calculator:before {
    content: "\e049";
}

.sli-bubbles:before {
    content: "\e04a";
}

.sli-briefcase:before {
    content: "\e04b";
}

.sli-book-open:before {
    content: "\e04c";
}

.sli-basket-loaded:before {
    content: "\e04d";
}

.sli-basket:before {
    content: "\e04e";
}

.sli-bag:before {
    content: "\e04f";
}

.sli-action-undo:before {
    content: "\e050";
}

.sli-action-redo:before {
    content: "\e051";
}

.sli-wrench:before {
    content: "\e052";
}

.sli-umbrella:before {
    content: "\e053";
}

.sli-trash:before {
    content: "\e054";
}

.sli-tag:before {
    content: "\e055";
}

.sli-support:before {
    content: "\e056";
}

.sli-frame:before {
    content: "\e038";
}

.sli-size-fullscreen:before {
    content: "\e057";
}

.sli-size-actual:before {
    content: "\e058";
}

.sli-shuffle:before {
    content: "\e059";
}

.sli-share-alt:before {
    content: "\e05a";
}

.sli-share:before {
    content: "\e05b";
}

.sli-rocket:before {
    content: "\e05c";
}

.sli-question:before {
    content: "\e05d";
}

.sli-pie-chart:before {
    content: "\e05e";
}

.sli-pencil:before {
    content: "\e05f";
}

.sli-note:before {
    content: "\e060";
}

.sli-loop:before {
    content: "\e064";
}

.sli-home:before {
    content: "\e069";
}

.sli-grid:before {
    content: "\e06a";
}

.sli-graph:before {
    content: "\e06b";
}

.sli-microphone:before {
    content: "\e063";
}

.sli-music-tone-alt:before {
    content: "\e061";
}

.sli-music-tone:before {
    content: "\e062";
}

.sli-earphones-alt:before {
    content: "\e03c";
}

.sli-earphones:before {
    content: "\e03d";
}

.sli-equalizer:before {
    content: "\e06c";
}

.sli-like:before {
    content: "\e068";
}

.sli-dislike:before {
    content: "\e06d";
}

.sli-control-start:before {
    content: "\e06f";
}

.sli-control-rewind:before {
    content: "\e070";
}

.sli-control-play:before {
    content: "\e071";
}

.sli-control-pause:before {
    content: "\e072";
}

.sli-control-forward:before {
    content: "\e073";
}

.sli-control-end:before {
    content: "\e074";
}

.sli-volume-1:before {
    content: "\e09f";
}

.sli-volume-2:before {
    content: "\e0a0";
}

.sli-volume-off:before {
    content: "\e0a1";
}

.sli-calendar:before {
    content: "\e075";
}

.sli-bulb:before {
    content: "\e076";
}

.sli-chart:before {
    content: "\e077";
}

.sli-ban:before {
    content: "\e07c";
}

.sli-bubble:before {
    content: "\e07d";
}

.sli-camrecorder:before {
    content: "\e07e";
}

.sli-camera:before {
    content: "\e07f";
}

.sli-cloud-download:before {
    content: "\e083";
}

.sli-cloud-upload:before {
    content: "\e084";
}

.sli-envelope:before {
    content: "\e086";
}

.sli-eye:before {
    content: "\e087";
}

.sli-flag:before {
    content: "\e088";
}

.sli-heart:before {
    content: "\e08a";
}

.sli-info:before {
    content: "\e08b";
}

.sli-key:before {
    content: "\e08c";
}

.sli-link:before {
    content: "\e08d";
}

.sli-lock:before {
    content: "\e08e";
}

.sli-lock-open:before {
    content: "\e08f";
}

.sli-magnifier:before {
    content: "\e090";
}

.sli-magnifier-add:before {
    content: "\e091";
}

.sli-magnifier-remove:before {
    content: "\e092";
}

.sli-paper-clip:before {
    content: "\e093";
}

.sli-paper-plane:before {
    content: "\e094";
}

.sli-power:before {
    content: "\e097";
}

.sli-refresh:before {
    content: "\e098";
}

.sli-reload:before {
    content: "\e099";
}

.sli-settings:before {
    content: "\e09a";
}

.sli-star:before {
    content: "\e09b";
}

.sli-symbol-female:before {
    content: "\e09c";
}

.sli-symbol-male:before {
    content: "\e09d";
}

.sli-target:before {
    content: "\e09e";
}

.sli-credit-card:before {
    content: "\e025";
}

.sli-paypal:before {
    content: "\e608";
}

.sli-social-tumblr:before {
    content: "\e00a";
}

.sli-social-twitter:before {
    content: "\e009";
}

.sli-social-facebook:before {
    content: "\e00b";
}

.sli-social-instagram:before {
    content: "\e609";
}

.sli-social-linkedin:before {
    content: "\e60a";
}

.sli-social-pinterest:before {
    content: "\e60b";
}

.sli-social-github:before {
    content: "\e60c";
}

.sli-social-google:before {
    content: "\e60d";
}

.sli-social-reddit:before {
    content: "\e60e";
}

.sli-social-skype:before {
    content: "\e60f";
}

.sli-social-dribbble:before {
    content: "\e00d";
}

.sli-social-behance:before {
    content: "\e610";
}

.sli-social-foursqare:before {
    content: "\e611";
}

.sli-social-soundcloud:before {
    content: "\e612";
}

.sli-social-spotify:before {
    content: "\e613";
}

.sli-social-stumbleupon:before {
    content: "\e614";
}

.sli-social-youtube:before {
    content: "\e008";
}

.sli-social-dropbox:before {
    content: "\e00c";
}

.sli-social-vkontakte:before {
    content: "\e618";
}

.sli-social-steam:before {
    content: "\e620";
}

.product-popup-left {
    width: 280px;
    max-width: 100%;
    position: fixed;
    left: 20px;
    bottom: -10px;
    z-index: 1009;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

.product-popup-left.show-popup {
    -webkit-transform: none;
    transform: none;
    bottom: 30px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px #0003;
}

.product-popup-left.hide-popup {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.product-popup-left .product-popup-left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px;
    position: relative;
}

.product-popup-left .product-popup-left-content .popup-image {
    width: 25%;
}

.product-popup-left .product-popup-left-content .popup-info {
    width: 75%;
    padding-left: 15px;
}

.product-popup-left .product-popup-left-content .popup-info .title {
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
    display: block;
    padding-right: 15px;
    white-space: nowrap;
}

.product-popup-left .product-popup-left-content .popup-info .product-title {
    font-size: 13px;
    color: #1b1b1b;
    font-weight: 600;
    display: block;
}

.product-popup-left .product-popup-left-content .popup-info .product-title:hover {
    color: var(--color_primary_hover);
}

.product-popup-left .product-popup-left-content .popup-info .money {
    font-size: 13px;
    font-weight: 400;
    display: line-block;
    color: var(--color_primary_hover);
}

.product-popup-left .product-popup-left-content .popup-info del .money {
    color: #999;
    display: inline-block;
    padding-left: 5px;
    text-decoration: line-through;
    font-weight: 400;
}

.product-popup-left .product-popup-left-content .popup-close {
    width: 25px;
    height: 25px;
    line-height: 35px;
    border-radius: 100%;
    color: red;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product-popup-left .product-popup-left-content .popup-close:hover {
    color: #304ffe;
}

.product-popup-left .product-popup-left-content .popup-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cookies-bar-layout {
    position: fixed;
    z-index: 1;
    width: 100%;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    padding: 10px 30px;
    display: none;
    -webkit-animation: moveBottom 0.6s ease both;
    animation: moveBottom 0.6s ease both;
}

.cookies-bar-layout .action {
    white-space: nowrap;
}

.cookies-bar-layout .action:hover {
    color: #000;
}

.cookies-bar-layout.show-cookies {
    display: block;
    -webkit-animation: moveTop 0.6s ease both;
    animation: moveTop 0.6s ease both;
}

.cookies-bar-layout .cookies-bar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cookies-bar-layout .cookies-bar-caption {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 15px;
}

.cookies-bar-layout .button.cookies-bar-action {
    width: 80px;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: #cc4b37;
}

.cookies-bar-layout .button.cookies-bar-action:hover {
    background-color: #000;
}

@media screen and (max-width: 800px) {
    .cookies-bar-layout {
        padding: 5px 10px;
        bottom: 60px;
    }
    .cookies-bar-layout .cookies-bar-title,
    .cookies-bar-layout .action {
        font-size: 12px;
    }
}

.button-to-top:hover {
    background: var(--color_primary);
    color: #fff;
}

.suffix-compare,
.template-page {
    background: white;
}

.button-cancel-custom {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333 !important;
}

.button-cancel-custom:hover {
    color: var(--color_primary);
}

.search-box-ajax-product .media-object-section .image a {
    margin-bottom: 0;
}

.search-box-ajax-product .media-object-section p {
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.search-box-ajax-product .media-object-section p a {
    font-size: 0.875rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
    color: #333;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-ajax-product .media-object-section p a {
        font-size: 13px;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 0;
    }
}

.search-box-ajax-product .media-object-section p span.money {
    font-size: 14px;
    color: var(--color_primary);
    font-weight: 400;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-ajax-product .media-object-section .image img {
        width: 80px;
    }
}

.desktop-header-search-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translate(30px);
    z-index: -1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.desktop-header-search-content.active {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
    z-index: 804;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
}

.desktop-header-search {
    min-height: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1px !important;
}

.searchbox-close {
    padding: 8px;
    color: #666;
    cursor: pointer;
}

.searchbox-close .svg-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.searchbox-close:hover {
    color: var(--color_primary);
    background: #f5f5f5;
}

.data-ajax-search-content {
    width: 100%;
    padding-top: 25px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-transform: translateY(51px);
    transform: translateY(51px);
    z-index: 999;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem #00000026;
}

.search-box-desktop-ajax-product {
    overflow-y: auto;
    overflow-x: hidden;
}

.search-title-page {
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    text-align: center;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-title-page {
        font-weight: 500;
    }
}

.searchresult-area {
    display: none;
}

.searchresult-area.open {
    display: block;
    position: absolute;
    overflow: visible;
    z-index: 802;
    width: 100%;
    background: white;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 30px #00000026;
}

.searchresult-area.open .search-box-inner {
    background: white;
    padding: 30px 0;
}

@media print,
screen and (max-width: 34.43625em) {
    .searchresult-area.open {
        display: none !important;
    }
}

.search-box-ajax-more {
    margin-bottom: 0.9375rem !important;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-form {
        padding-bottom: 30px;
    }
    .search-overlay #theme-header:after {
        display: none !important;
    }
    .search-box-ajax-more {
        margin-bottom: 0 !important;
    }
    .search-box-ajax-more a {
        color: var(--color_primary);
        border-bottom: 1px solid var(--color_primary);
    }
}

#theme-header:after {
    content: "";
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    z-index: 801;
}

.search-overlay .desktop-header {
    position: relative;
    z-index: 803;
}

.search-overlay #theme-header:after {
    display: block;
}

.template-search {
    background: white;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-ajax-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }
    .search-box-ajax-product .media-object {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .search-box-ajax-product .media-object .media-object-section {
        padding-right: 0;
    }
    .search-box-ajax-product .media-object .media-object-section p {
        margin-bottom: 5px;
    }
    .search-box-ajax-product .media-object .image {
        margin-bottom: 10px;
    }
    .search-box-ajax-product .media-object .image a {
        display: block;
    }
    .search-box-ajax-product .media-object .image a img {
        width: 100%;
    }
    .search-box-container {
        position: sticky;
        z-index: 1;
        padding-top: 10px !important;
        top: 0;
        left: 0;
        right: 0;
        background: #ffffff;
    }
}

@media screen and (min-width: 801px) {
    .headerleft #search-box-desktop {
        left: 16.875rem;
        width: calc(100% - 16.875rem);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .headerleft #search-box-desktop.is-open {
        left: 16.875rem;
        top: 0px;
        background-color: transparent;
        width: calc(100% - 16.875rem);
        padding-top: 60px;
    }
    .headerleft #search-box-desktop.is-open.addPadding {
        padding-top: 60px;
        -webkit-animation: openDropdownPanel 0.6s ease both;
        animation: openDropdownPanel 0.6s ease both;
    }
    .headerleft #search-box-desktop.is-open.addPadding .button-cancel-custom {
        top: 87px;
    }
    .headerleft #search-box-desktop.is-open.removePadding {
        padding-top: 0;
        -webkit-animation: moveTop 0.6s ease both;
        animation: moveTop 0.6s ease both;
    }
    .headerleft #search-box-desktop.is-open.removePadding .button-cancel-custom {
        top: 27px;
    }
    .headerleft #search-box-desktop.is-open .search-box-inner {
        margin-top: 50px;
    }
    .headerleft #search-box-desktop.is-open .search-box-inner .search-box-desktop-ajax-result .close {
        display: none;
    }
    .headerleft #search-box-desktop.is-open>.grid-container {
        width: 100% !important;
        background-color: #fff;
        max-width: 100%;
        padding: 30px 100px !important;
    }
    .headerleft #search-box-desktop.is-open>.grid-container form>div>.grid-container {
        padding-left: 0;
        padding-right: 0;
    }
    .headerleft #search-box-desktop.is-open>.grid-container .search-box-desktop-form .input-group {
        width: 500px;
        margin: 0 auto;
        max-width: 100%;
    }
    .headerleft #search-box-desktop.is-open>.grid-container .search-box-desktop-form .input-group-field {
        padding-left: 15px !important;
    }
    .headerleft #search-box-desktop.is-open .button-cancel-custom {
        margin-bottom: 0 !important;
        top: 87px;
        right: 30px;
    }
    .headerleft #search-box-desktop.is-open .button-cancel-custom .sli-close {
        font-size: 16px;
    }
    .headerleft #search-box-desktop.is-open .button-cancel-custom .sli-close:before {
        content: "Close";
        font-family: var(--font_paragraph);
        text-decoration: underline;
        color: #999;
    }
    .headerleft #search-box-desktop.is-open .button-cancel-custom .sli-close:hover:before {
        color: var(--color_primary);
    }
}

.headerleft .search-box-desktop-ajax-product {
    margin-left: -10px;
    margin-right: -10px;
}

.headerleft .search-box-desktop-ajax-product .grid-x {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.headerleft .search-box-desktop-ajax-product-item {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 1200px) {
    .headerleft .search-box-desktop-ajax-product-item {
        width: 20% !important;
    }
}

@media screen and (max-width: 1199px) {
    .headerleft .search-box-desktop-ajax-product-item {
        width: 33.33333% !important;
    }
}

.cart-button-bottom .grid-margin-x {
    margin-left: -10px;
    margin-right: -10px;
}

.cart-button-bottom .grid-margin-x>.small-6 {
    width: calc(50% - 20px);
}

.cart-button-bottom .grid-margin-x>.cell {
    margin-left: 10px;
    margin-right: 10px;
}

.mini-cart-price-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.media-object-section {
    position: relative;
}

.mini-cart-subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 20px;
    padding-top: 23px;
    border-top: 1px solid #ccc;
    color: #999;
}

.mini-cart-subtotal .mini-cart-subtotal-price {
    font-size: 13px;
    color: #333;
    font-weight: 700;
}

.mini-cart-empty-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color_primary);
    color: #fff;
    margin-top: 25px;
    height: 40px;
    font-size: 13px;
}

.mini-cart-empty-message svg {
    margin-right: 12px;
    width: 36px;
}

.mini-cart-product-image {
    width: 80px;
}

.mini-cart-product-image img {
    max-width: 100% !important;
}

.product-item .progress {
    display: none !important;
}

.product-shop-look {
    margin-top: 4.75rem;
}

.product-shop-look .product-item-thumb {
    margin-bottom: 0;
}

.product-shop-look .product-item-caption {
    display: none;
}

.product-shop-look .swiper-container {
    padding: 0 3rem;
}

.product-shop-look .swiper-container:after,
.product-shop-look .swiper-container:before {
    content: "";
    position: absolute;
    width: 3rem;
    left: 0;
    top: 0;
    bottom: 0;
    background: #f5f5f5;
    z-index: 2;
}

.product-shop-look .swiper-container:before {
    left: auto;
    right: 0;
}

.product-shop-look .carousel .carousel-navigation {
    visibility: visible;
}

.product-shop-look .carousel-nav-prev {
    left: 0.625rem !important;
}

.product-shop-look .carousel-nav-next {
    right: 0.625rem !important;
}

.product-shop-look-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #d7d7d7;
    letter-spacing: 0.7px;
    padding-bottom: 0.75rem;
    margin-bottom: 1.9375rem;
}

.reveal.product-customtab-popup {
    width: 52.5%;
    padding: 2.8125rem;
}

.reveal.product-customtab-popup .tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom-style: none;
    margin-bottom: 26px;
}

.reveal.product-customtab-popup .tabs-title>a {
    font-size: 0.875rem;
    padding: 0 1.625rem;
}

.reveal.product-customtab-popup .is-active>a {
    text-decoration: underline;
}

.reveal.product-customtab-popup .close-reveal {
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
}

.reveal.product-customtab-popup h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 1.75rem;
}

.reveal.product-customtab-popup h3 {
    color: #000;
    font-size: 1.125rem;
    margin-bottom: 0.875rem;
    font-weight: 600;
}

.reveal.product-customtab-popup p {
    color: #666;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.reveal.product-sizechart-popup {
    width: 52.5%;
    padding: 2.8125rem;
    text-align: center;
}

.reveal.product-sizechart-popup .close-reveal {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f7f7;
}

.reveal.product-sizechart-popup .close-reveal .svg-icon {
    width: 23px;
    height: 23px;
}

.search-box-desktop-ajax-product-item .product-item-title {
    height: auto !important;
    list-style: 1.3 !important;
}

.search-box-desktop-ajax-product-item .product-item-title a {
    display: inline-block !important;
}

.item-vendor {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.table-scroll {
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-device-width: 550px) {
    body {
        -webkit-text-size-adjust: none;
    }
}

body {
    overflow-x: hidden;
}

.bkghomepage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.layout-main {
    background: var(--color_desktop_page_bg);
}

.layout-main .homepage-layout {
    display: block;
}

.layout-main .homepage-layout:after {
    content: "";
    display: table;
    clear: both;
}

.layout-main .homepage-maincontent {
    float: right;
}

.layout-main .homepage-leftbar {
    float: left;
}

.isb-banner {
    margin-bottom: 3.125rem;
}

.te-avatar {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 0.3125rem;
}

.te-avatar a {
    display: inline-block;
}

.te-name {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.3125rem;
}

.te-job {
    font-size: 0.875rem;
}

.te-job:after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    width: 40px;
    height: 2px;
    background: #e6e6e6;
}

.te-review {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.isb-testimonial {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 2.8125rem;
}

.isb-title {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.product-item-caption {
    line-height: 1.0625rem;
}

.product-item-vendor {
    font-size: 0.8125rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
    display: none;
}

.freetext {
    font-size: 13px;
    color: #999;
    margin: -4px 0 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 801px) and (max-width: 1260px) {
    .freetext {
        display: none;
    }
}

.freetext li {
    margin-right: 8px;
}

.index-brand-grid-container.box {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    margin-bottom: 0;
}

.index-leftsidebar .isb-product .position-relative,
.search-box-desktop-ajax-product .color-available {
    display: none;
}

.isb-product {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 2.5rem;
}

.isb-product .isb-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

.isb-product .isb-content .product-grid {
    width: calc(50% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.isb-product .isb-content .product-grid .product-item {
    margin-bottom: 0;
}

@media print,
screen and (max-width: 34.43625em) {
    .isb-product .isb-content .product-grid {
        margin-bottom: 1.25rem;
    }
}

#mini-cart-desktop-info,
#mini-cart-info {
    background: white;
    overflow: inherit;
    overflow-y: auto;
    height: 100%;
}

#mini-cart-desktop-info .mini-cart-info,
#mini-cart-info .mini-cart-info {
    height: 100%;
    position: relative;
}

#mini-cart-desktop-info .mini-cart-info>div,
#mini-cart-info .mini-cart-info>div {
    height: 100%;
}

#mini-cart-desktop-info .mini-cart-info>div .grid-container,
#mini-cart-info .mini-cart-info>div .grid-container {
    height: 100%;
}

#mini-cart-desktop-info .mini-cart-info form,
#mini-cart-info .mini-cart-info form {
    background: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: rgba(255, 255, 255, 0.9);
}

@media print,
screen and (max-width: 34.43625em) {
    #mini-cart-desktop-info .mini-cart-info form,
    #mini-cart-info .mini-cart-info form {
        padding: 10px;
    }
}

#mini-cart-desktop-info .mini-cart-info form button,
#mini-cart-info .mini-cart-info form button {
    margin-bottom: 0;
}

#mini-cart-desktop-info .mini-cart-inner,
#mini-cart-info .mini-cart-inner {
    overflow-y: auto;
    height: calc(100% - 60px) !important;
}

.index-information-bottom .box-content {
    height: auto;
    border: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.index-information-bottom .index-banner-grid-item {
    border-right: 1px solid #e6e6e6;
}

@media (max-width: 1260px) {
    .index-information-bottom .index-banner-grid-item {
        border-right: 0;
    }
}

@media (max-width: 550px) {
    .index-information-bottom .index-banner-grid-item {
        margin-bottom: 30px;
    }
}

@media (min-width: 551px) and (max-width: 1260px) {
    .index-information-bottom .index-banner-grid-item {
        margin: 15px 0;
    }
}

.index-information-bottom .index-banner-grid-item:last-child {
    border-right: 0;
    margin-bottom: 0;
}

.index-information-bottom .info-element {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

@media (max-width: 550px) {
    .index-information-bottom .info-element {
        padding: 0 6px;
    }
}

.index-information-bottom .info-element .info-icon {
    margin-bottom: 0;
}

.index-information-bottom .info-element .info-icon img {
    max-width: 33px;
}

.index-information-bottom .info-element .heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

@media (max-width: 550px) {
    .index-information-bottom .info-element .heading {
        margin-bottom: 3px;
    }
}

.index-information-bottom .info-element .subheading {
    font-size: 13px;
    color: gray;
}

.product-info-container .grid-x>.shrink {
    min-width: 5.625rem;
}

.swiper-container-vertical .swiper-slide {
    height: auto !important;
}

.layout-sidebar-content .article-item .article-item-caption .article-item-info {
    display: none;
}

@media (max-width: 800px) {
    .margin-top-mobile {
        margin-top: 0 !important;
    }
}

.position-full-center .box-title {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.position-full-center .box-divider.position-1,
.position-full-center .box-divider.position-2 {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

@media (max-width: 550px) {
    .position-full-center .more-text {
        text-align: center;
    }
}

.position-full-left .box-title {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.position-full-right .box-title {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.box-divider.position-1,
.box-divider.position-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-divider.position-1 .box-title,
.box-divider.position-2 .box-title {
    width: auto !important;
}

.box-divider.position-1 .img-left,
.box-divider.position-2 .img-left {
    margin-right: 15px;
}

.box-divider.position-1 .img-right,
.box-divider.position-2 .img-right {
    margin-left: 15px;
}

#preview-bar-iframe,
#admin-bar-iframe {
    display: none !important;
}

.challenge__container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.challenge__container .challenge__button {
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 15px;
    line-height: 38px;
    margin-bottom: 30px;
}

.address-add-form {
    margin-bottom: 50px;
}

@media screen and (min-width: 801px) {
    .index-section {
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 800px) {
    .index-section {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 550px) {
    .index-section {
        margin-bottom: 30px;
    }
}

.template-page .index-section {
    margin-bottom: 0;
}

.foundation-mq {
    font-family: "small=0em&medium=34.4375em&large=50.0625em&xlarge=78.8125em&xxlarge=90.0625em&xxxlarge=105.0625em";
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}

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

*:focus {
    outline: none;
}

body {
    margin: 0;
    padding: 0;
    background: var(--color_desktop_page_bg);
    font-family: var(--font_paragraph);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4667;
    color: var(--color_desktop_page_paragraph);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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;
}

i,
em {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: 700;
    line-height: inherit;
}

small {
    font-size: 80%;
    line-height: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--font_title);
    font-style: normal;
    font-weight: 400;
    color: var(--color_desktop_page_heading);
    text-rendering: optimizeLegibility;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
    line-height: 0;
    color: #cacaca;
}

h1,
.h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h2,
.h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h3,
.h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h4,
.h4 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h5,
.h5 {
    font-size: 0.9375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h6,
.h6 {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

a {
    line-height: inherit;
    color: var(--color_desktop_page_link);
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:active,
a.active {
    color: var(--color_desktop_page_link_hover);
}

a img {
    border: 0;
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

input {
    border-radius: 0;
}

textarea {
    height: auto;
    min-height: 3.125rem;
    border-radius: 0;
}

select {
    -webkit-box-sizing: border-box;
    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;
    cursor: auto;
    font-size: inherit;
}

[data-whatinput="mouse"] button {
    outline: 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: 0.3rem;
    font-weight: 700;
}

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a;
}

cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a;
}

cite:before {
    content: "\2014  ";
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none;
}

figure {
    margin: 0;
}

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
}

.is-visible {
    display: block !important;
}

.visible {
    display: block;
}

.is-hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.svg-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    fill: currentColor;
}

.pointer {
    cursor: pointer;
}

.loader {
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.reveal {
    -webkit-overflow-scrolling: touch;
}

[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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    box-shadow: inset 0 1px 2px #0a0a0a1a;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -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 #8a8a8a;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

textarea {
    max-width: 100%;
}

textarea[rows] {
    height: auto;
}

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"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #cacaca;
}

::-moz-placeholder {
    color: #cacaca;
}

::-ms-input-placeholder {
    color: #cacaca;
}

::placeholder {
    color: #cacaca;
}

[type="file"],
[type="checkbox"],
[type="radio"] {
    margin: 0 0 1rem;
}

[type="checkbox"]+label,
[type="radio"]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.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: 0.5rem;
}

[type="file"] {
    width: 100%;
}

label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a;
}

label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0;
}

.help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a;
}

.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.input-group> :first-child,
.input-group> :first-child.input-group-button>* {
    border-radius: 0;
}

.input-group> :last-child,
.input-group> :last-child.input-group-button>* {
    border-radius: 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 #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: 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-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -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 {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
}

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

legend {
    max-width: 100%;
    margin-bottom: 0.5rem;
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca;
}

.fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem;
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    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%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

@media screen and (min-width: 0\fffd) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

select::-ms-expand {
    display: none;
}

select[multiple] {
    height: auto;
    background-image: none;
}

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0;
}

.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)::-moz-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: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #cc4b37;
}

.form-error.is-visible {
    display: block;
}

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a;
}

.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;
}

.cite-block {
    display: block;
    color: #8a8a8a;
    font-size: 0.8125rem;
}

.cite-block:before {
    content: "\2014  ";
}

.code-inline {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    color: #0a0a0a;
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    color: #0a0a0a;
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

.grid-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 93.75rem;
    margin-left: auto;
    margin-right: auto;
}

.grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.grid-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

.cell.auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.cell.shrink {
    -webkit-box-flex: 0;
    -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 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.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-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 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%;
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto;
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto;
}

.grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

.grid-margin-x>.cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.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);
}

.grid-padding-x .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.grid-padding-x>.cell {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.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%;
}

.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);
}

.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-padding-collapse {
    margin-right: 0;
    margin-left: 0;
}

.small-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);
}

.grid-y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.grid-y>.cell {
    height: auto;
    max-height: none;
}

.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 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.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-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 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%;
}

.grid-padding-y .grid-padding-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

.grid-padding-y>.cell {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.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);
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
}

.cell .grid-frame {
    width: 100%;
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
}

.cell-block-container>.grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
}

.cell .grid-y.grid-frame {
    height: 100%;
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.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);
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem);
}

.fluid-xy {
    padding: 0.625rem;
    max-width: 100%;
    margin: 0 auto;
}

@media print,
screen and (max-width: 34.43625em) {
    .grid-x>.small-2-4 {
        width: 20%;
    }
    .grid-margin-x>.small-2-4 {
        width: calc(20% - 1.25rem);
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

[data-whatinput="mouse"] .button {
    outline: 0;
}

.button.tiny {
    font-size: 0.6rem;
}

.button.small {
    font-size: 0.75rem;
}

.button.large {
    font-size: 1.25rem;
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.button,
.button.disabled,
.button[disabled],
.button.disabled:hover,
.button[disabled]:hover,
.button.disabled:focus,
.button[disabled]:focus {
    background-color: #1779ba;
    color: #fefefe;
}

.button:hover,
.button:focus {
    background-color: #14679e;
    color: #fefefe;
}

.button.primary,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
    background-color: #1779ba;
    color: #fefefe;
}

.button.primary:hover,
.button.primary:focus {
    background-color: #126195;
    color: #fefefe;
}

.button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
.button.secondary.disabled:hover,
.button.secondary[disabled]:hover,
.button.secondary.disabled:focus,
.button.secondary[disabled]:focus {
    background-color: #767676;
    color: #fefefe;
}

.button.secondary:hover,
.button.secondary:focus {
    background-color: #5e5e5e;
    color: #fefefe;
}

.button.success,
.button.success.disabled,
.button.success[disabled],
.button.success.disabled:hover,
.button.success[disabled]:hover,
.button.success.disabled:focus,
.button.success[disabled]:focus {
    background-color: #3adb76;
    color: #0a0a0a;
}

.button.success:hover,
.button.success:focus {
    background-color: #22bb5b;
    color: #0a0a0a;
}

.button.warning,
.button.warning.disabled,
.button.warning[disabled],
.button.warning.disabled:hover,
.button.warning[disabled]:hover,
.button.warning.disabled:focus,
.button.warning[disabled]:focus {
    background-color: #ffae00;
    color: #0a0a0a;
}

.button.warning:hover,
.button.warning:focus {
    background-color: #cc8b00;
    color: #0a0a0a;
}

.button.alert,
.button.alert.disabled,
.button.alert[disabled],
.button.alert.disabled:hover,
.button.alert[disabled]:hover,
.button.alert.disabled:focus,
.button.alert[disabled]:focus {
    background-color: #cc4b37;
    color: #fefefe;
}

.button.alert:hover,
.button.alert:focus {
    background-color: #a53b2a;
    color: #fefefe;
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus,
.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,
.button.hollow.disabled,
.button.hollow[disabled],
.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus {
    border: 1px solid #1779ba;
    color: #1779ba;
}

.button.hollow:hover,
.button.hollow:focus {
    border-color: #0c3d5d;
    color: #0c3d5d;
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary[disabled],
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus {
    border: 1px solid #1779ba;
    color: #1779ba;
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
    border-color: #0c3d5d;
    color: #0c3d5d;
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary[disabled],
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus {
    border: 1px solid #767676;
    color: #767676;
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
    border-color: #3b3b3b;
    color: #3b3b3b;
}

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success[disabled],
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled]:hover,
.button.hollow.success.disabled:focus,
.button.hollow.success[disabled]:focus {
    border: 1px solid #3adb76;
    color: #3adb76;
}

.button.hollow.success:hover,
.button.hollow.success:focus {
    border-color: #157539;
    color: #157539;
}

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning[disabled],
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled]:hover,
.button.hollow.warning.disabled:focus,
.button.hollow.warning[disabled]:focus {
    border: 1px solid #ffae00;
    color: #ffae00;
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
    border-color: #805700;
    color: #805700;
}

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert[disabled],
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled]:hover,
.button.hollow.alert.disabled:focus,
.button.hollow.alert[disabled]:focus {
    border: 1px solid #cc4b37;
    color: #cc4b37;
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
    border-color: #67251a;
    color: #67251a;
}

.button.clear,
.button.clear:hover,
.button.clear:focus,
.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
    border-color: transparent;
    background-color: transparent;
}

.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
    color: #1779ba;
}

.button.clear:hover,
.button.clear:focus {
    color: #0c3d5d;
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
    color: #1779ba;
}

.button.clear.primary:hover,
.button.clear.primary:focus {
    color: #0c3d5d;
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
    color: #767676;
}

.button.clear.secondary:hover,
.button.clear.secondary:focus {
    color: #3b3b3b;
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus {
    color: #3adb76;
}

.button.clear.success:hover,
.button.clear.success:focus {
    color: #157539;
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus {
    color: #ffae00;
}

.button.clear.warning:hover,
.button.clear.warning:focus {
    color: #805700;
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus {
    color: #cc4b37;
}

.button.clear.alert:hover,
.button.clear.alert:focus {
    color: #67251a;
}

.button.disabled,
.button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.button.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: white transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em;
}

.button.dropdown.hollow:after,
.button.dropdown.clear:after {
    border-top-color: #1779ba;
}

.button.dropdown.hollow.primary:after,
.button.dropdown.clear.primary:after {
    border-top-color: #1779ba;
}

.button.dropdown.hollow.secondary:after,
.button.dropdown.clear.secondary:after {
    border-top-color: #767676;
}

.button.dropdown.hollow.success:after,
.button.dropdown.clear.success:after {
    border-top-color: #3adb76;
}

.button.dropdown.hollow.warning:after,
.button.dropdown.clear.warning:after {
    border-top-color: #ffae00;
}

.button.dropdown.hollow.alert:after,
.button.dropdown.clear.alert:after {
    border-top-color: #cc4b37;
}

.button.arrow-only:after {
    top: -0.1em;
    float: none;
    margin-left: 0;
}

a.button:hover,
a.button:focus {
    text-decoration: none;
}

.button-group {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.button-group:before,
.button-group:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.button-group:after {
    clear: both;
}

.button-group:before,
.button-group:after {
    display: none;
}

.button-group .button {
    margin: 0 1px 1px 0;
    font-size: 0.9rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.button-group .button:last-child {
    margin-right: 0;
}

.button-group.tiny .button {
    font-size: 0.6rem;
}

.button-group.small .button {
    font-size: 0.75rem;
}

.button-group.large .button {
    font-size: 1.25rem;
}

.button-group.expanded .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    margin-right: 0;
}

.button-group.primary .button,
.button-group.primary .button.disabled,
.button-group.primary .button[disabled],
.button-group.primary .button.disabled:hover,
.button-group.primary .button[disabled]:hover,
.button-group.primary .button.disabled:focus,
.button-group.primary .button[disabled]:focus {
    background-color: #1779ba;
    color: #fefefe;
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
    background-color: #126195;
    color: #fefefe;
}

.button-group.secondary .button,
.button-group.secondary .button.disabled,
.button-group.secondary .button[disabled],
.button-group.secondary .button.disabled:hover,
.button-group.secondary .button[disabled]:hover,
.button-group.secondary .button.disabled:focus,
.button-group.secondary .button[disabled]:focus {
    background-color: #767676;
    color: #fefefe;
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background-color: #5e5e5e;
    color: #fefefe;
}

.button-group.success .button,
.button-group.success .button.disabled,
.button-group.success .button[disabled],
.button-group.success .button.disabled:hover,
.button-group.success .button[disabled]:hover,
.button-group.success .button.disabled:focus,
.button-group.success .button[disabled]:focus {
    background-color: #3adb76;
    color: #0a0a0a;
}

.button-group.success .button:hover,
.button-group.success .button:focus {
    background-color: #22bb5b;
    color: #0a0a0a;
}

.button-group.warning .button,
.button-group.warning .button.disabled,
.button-group.warning .button[disabled],
.button-group.warning .button.disabled:hover,
.button-group.warning .button[disabled]:hover,
.button-group.warning .button.disabled:focus,
.button-group.warning .button[disabled]:focus {
    background-color: #ffae00;
    color: #0a0a0a;
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
    background-color: #cc8b00;
    color: #0a0a0a;
}

.button-group.alert .button,
.button-group.alert .button.disabled,
.button-group.alert .button[disabled],
.button-group.alert .button.disabled:hover,
.button-group.alert .button[disabled]:hover,
.button-group.alert .button.disabled:focus,
.button-group.alert .button[disabled]:focus {
    background-color: #cc4b37;
    color: #fefefe;
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
    background-color: #a53b2a;
    color: #fefefe;
}

.button-group.hollow .button,
.button-group.hollow .button:hover,
.button-group.hollow .button:focus,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:hover,
.button-group.hollow .button[disabled]:focus {
    background-color: transparent;
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button[disabled],
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button[disabled]:hover,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button[disabled]:focus {
    border: 1px solid #1779ba;
    color: #1779ba;
}

.button-group.hollow .button:hover,
.button-group.hollow .button:focus {
    border-color: #0c3d5d;
    color: #0c3d5d;
}

.button-group.hollow.primary .button,
.button-group.hollow.primary .button.disabled,
.button-group.hollow.primary .button[disabled],
.button-group.hollow.primary .button.disabled:hover,
.button-group.hollow.primary .button[disabled]:hover,
.button-group.hollow.primary .button.disabled:focus,
.button-group.hollow.primary .button[disabled]:focus,
.button-group.hollow .button.primary,
.button-group.hollow .button.primary.disabled,
.button-group.hollow .button.primary[disabled],
.button-group.hollow .button.primary.disabled:hover,
.button-group.hollow .button.primary[disabled]:hover,
.button-group.hollow .button.primary.disabled:focus,
.button-group.hollow .button.primary[disabled]:focus {
    border: 1px solid #1779ba;
    color: #1779ba;
}

.button-group.hollow.primary .button:hover,
.button-group.hollow.primary .button:focus,
.button-group.hollow .button.primary:hover,
.button-group.hollow .button.primary:focus {
    border-color: #0c3d5d;
    color: #0c3d5d;
}

.button-group.hollow.secondary .button,
.button-group.hollow.secondary .button.disabled,
.button-group.hollow.secondary .button[disabled],
.button-group.hollow.secondary .button.disabled:hover,
.button-group.hollow.secondary .button[disabled]:hover,
.button-group.hollow.secondary .button.disabled:focus,
.button-group.hollow.secondary .button[disabled]:focus,
.button-group.hollow .button.secondary,
.button-group.hollow .button.secondary.disabled,
.button-group.hollow .button.secondary[disabled],
.button-group.hollow .button.secondary.disabled:hover,
.button-group.hollow .button.secondary[disabled]:hover,
.button-group.hollow .button.secondary.disabled:focus,
.button-group.hollow .button.secondary[disabled]:focus {
    border: 1px solid #767676;
    color: #767676;
}

.button-group.hollow.secondary .button:hover,
.button-group.hollow.secondary .button:focus,
.button-group.hollow .button.secondary:hover,
.button-group.hollow .button.secondary:focus {
    border-color: #3b3b3b;
    color: #3b3b3b;
}

.button-group.hollow.success .button,
.button-group.hollow.success .button.disabled,
.button-group.hollow.success .button[disabled],
.button-group.hollow.success .button.disabled:hover,
.button-group.hollow.success .button[disabled]:hover,
.button-group.hollow.success .button.disabled:focus,
.button-group.hollow.success .button[disabled]:focus,
.button-group.hollow .button.success,
.button-group.hollow .button.success.disabled,
.button-group.hollow .button.success[disabled],
.button-group.hollow .button.success.disabled:hover,
.button-group.hollow .button.success[disabled]:hover,
.button-group.hollow .button.success.disabled:focus,
.button-group.hollow .button.success[disabled]:focus {
    border: 1px solid #3adb76;
    color: #3adb76;
}

.button-group.hollow.success .button:hover,
.button-group.hollow.success .button:focus,
.button-group.hollow .button.success:hover,
.button-group.hollow .button.success:focus {
    border-color: #157539;
    color: #157539;
}

.button-group.hollow.warning .button,
.button-group.hollow.warning .button.disabled,
.button-group.hollow.warning .button[disabled],
.button-group.hollow.warning .button.disabled:hover,
.button-group.hollow.warning .button[disabled]:hover,
.button-group.hollow.warning .button.disabled:focus,
.button-group.hollow.warning .button[disabled]:focus,
.button-group.hollow .button.warning,
.button-group.hollow .button.warning.disabled,
.button-group.hollow .button.warning[disabled],
.button-group.hollow .button.warning.disabled:hover,
.button-group.hollow .button.warning[disabled]:hover,
.button-group.hollow .button.warning.disabled:focus,
.button-group.hollow .button.warning[disabled]:focus {
    border: 1px solid #ffae00;
    color: #ffae00;
}

.button-group.hollow.warning .button:hover,
.button-group.hollow.warning .button:focus,
.button-group.hollow .button.warning:hover,
.button-group.hollow .button.warning:focus {
    border-color: #805700;
    color: #805700;
}

.button-group.hollow.alert .button,
.button-group.hollow.alert .button.disabled,
.button-group.hollow.alert .button[disabled],
.button-group.hollow.alert .button.disabled:hover,
.button-group.hollow.alert .button[disabled]:hover,
.button-group.hollow.alert .button.disabled:focus,
.button-group.hollow.alert .button[disabled]:focus,
.button-group.hollow .button.alert,
.button-group.hollow .button.alert.disabled,
.button-group.hollow .button.alert[disabled],
.button-group.hollow .button.alert.disabled:hover,
.button-group.hollow .button.alert[disabled]:hover,
.button-group.hollow .button.alert.disabled:focus,
.button-group.hollow .button.alert[disabled]:focus {
    border: 1px solid #cc4b37;
    color: #cc4b37;
}

.button-group.hollow.alert .button:hover,
.button-group.hollow.alert .button:focus,
.button-group.hollow .button.alert:hover,
.button-group.hollow .button.alert:focus {
    border-color: #67251a;
    color: #67251a;
}

.button-group.clear .button,
.button-group.clear .button:hover,
.button-group.clear .button:focus,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:hover,
.button-group.clear .button.disabled:focus,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:hover,
.button-group.clear .button[disabled]:focus {
    border-color: transparent;
    background-color: transparent;
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button[disabled],
.button-group.clear .button.disabled:hover,
.button-group.clear .button[disabled]:hover,
.button-group.clear .button.disabled:focus,
.button-group.clear .button[disabled]:focus {
    color: #1779ba;
}

.button-group.clear .button:hover,
.button-group.clear .button:focus {
    color: #0c3d5d;
}

.button-group.clear.primary .button,
.button-group.clear.primary .button.disabled,
.button-group.clear.primary .button[disabled],
.button-group.clear.primary .button.disabled:hover,
.button-group.clear.primary .button[disabled]:hover,
.button-group.clear.primary .button.disabled:focus,
.button-group.clear.primary .button[disabled]:focus,
.button-group.clear .button.primary,
.button-group.clear .button.primary.disabled,
.button-group.clear .button.primary[disabled],
.button-group.clear .button.primary.disabled:hover,
.button-group.clear .button.primary[disabled]:hover,
.button-group.clear .button.primary.disabled:focus,
.button-group.clear .button.primary[disabled]:focus {
    color: #1779ba;
}

.button-group.clear.primary .button:hover,
.button-group.clear.primary .button:focus,
.button-group.clear .button.primary:hover,
.button-group.clear .button.primary:focus {
    color: #0c3d5d;
}

.button-group.clear.secondary .button,
.button-group.clear.secondary .button.disabled,
.button-group.clear.secondary .button[disabled],
.button-group.clear.secondary .button.disabled:hover,
.button-group.clear.secondary .button[disabled]:hover,
.button-group.clear.secondary .button.disabled:focus,
.button-group.clear.secondary .button[disabled]:focus,
.button-group.clear .button.secondary,
.button-group.clear .button.secondary.disabled,
.button-group.clear .button.secondary[disabled],
.button-group.clear .button.secondary.disabled:hover,
.button-group.clear .button.secondary[disabled]:hover,
.button-group.clear .button.secondary.disabled:focus,
.button-group.clear .button.secondary[disabled]:focus {
    color: #767676;
}

.button-group.clear.secondary .button:hover,
.button-group.clear.secondary .button:focus,
.button-group.clear .button.secondary:hover,
.button-group.clear .button.secondary:focus {
    color: #3b3b3b;
}

.button-group.clear.success .button,
.button-group.clear.success .button.disabled,
.button-group.clear.success .button[disabled],
.button-group.clear.success .button.disabled:hover,
.button-group.clear.success .button[disabled]:hover,
.button-group.clear.success .button.disabled:focus,
.button-group.clear.success .button[disabled]:focus,
.button-group.clear .button.success,
.button-group.clear .button.success.disabled,
.button-group.clear .button.success[disabled],
.button-group.clear .button.success.disabled:hover,
.button-group.clear .button.success[disabled]:hover,
.button-group.clear .button.success.disabled:focus,
.button-group.clear .button.success[disabled]:focus {
    color: #3adb76;
}

.button-group.clear.success .button:hover,
.button-group.clear.success .button:focus,
.button-group.clear .button.success:hover,
.button-group.clear .button.success:focus {
    color: #157539;
}

.button-group.clear.warning .button,
.button-group.clear.warning .button.disabled,
.button-group.clear.warning .button[disabled],
.button-group.clear.warning .button.disabled:hover,
.button-group.clear.warning .button[disabled]:hover,
.button-group.clear.warning .button.disabled:focus,
.button-group.clear.warning .button[disabled]:focus,
.button-group.clear .button.warning,
.button-group.clear .button.warning.disabled,
.button-group.clear .button.warning[disabled],
.button-group.clear .button.warning.disabled:hover,
.button-group.clear .button.warning[disabled]:hover,
.button-group.clear .button.warning.disabled:focus,
.button-group.clear .button.warning[disabled]:focus {
    color: #ffae00;
}

.button-group.clear.warning .button:hover,
.button-group.clear.warning .button:focus,
.button-group.clear .button.warning:hover,
.button-group.clear .button.warning:focus {
    color: #805700;
}

.button-group.clear.alert .button,
.button-group.clear.alert .button.disabled,
.button-group.clear.alert .button[disabled],
.button-group.clear.alert .button.disabled:hover,
.button-group.clear.alert .button[disabled]:hover,
.button-group.clear.alert .button.disabled:focus,
.button-group.clear.alert .button[disabled]:focus,
.button-group.clear .button.alert,
.button-group.clear .button.alert.disabled,
.button-group.clear .button.alert[disabled],
.button-group.clear .button.alert.disabled:hover,
.button-group.clear .button.alert[disabled]:hover,
.button-group.clear .button.alert.disabled:focus,
.button-group.clear .button.alert[disabled]:focus {
    color: #cc4b37;
}

.button-group.clear.alert .button:hover,
.button-group.clear.alert .button:focus,
.button-group.clear .button.alert:hover,
.button-group.clear .button.alert:focus {
    color: #67251a;
}

.button-group.no-gaps .button {
    margin-right: -0.0625rem;
}

.button-group.no-gaps .button+.button {
    border-left-color: transparent;
}

.button-group.stacked,
.button-group.stacked-for-small,
.button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.button-group.stacked .button,
.button-group.stacked-for-small .button,
.button-group.stacked-for-medium .button {
    -webkit-box-flex: 0;
    -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;
}

.button-group.stacked.expanded .button,
.button-group.stacked-for-small.expanded .button,
.button-group.stacked-for-medium.expanded .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    margin-right: 0;
}

@media print,
screen and (max-width: 34.43625em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0;
    }
}

@media print,
screen and (max-width: 50.06125em) {
    .button-group.stacked-for-medium.expanded {
        display: block;
    }
    .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0;
    }
}

.close-button {
    position: absolute;
    z-index: 10;
    color: #8a8a8a;
    cursor: pointer;
}

[data-whatinput="mouse"] .close-button {
    outline: 0;
}

.close-button:hover,
.close-button:focus {
    color: #0a0a0a;
}

.close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1;
}

.close-button.medium,
.close-button {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca;
}

.progress.primary .progress-meter {
    background-color: #1779ba;
}

.progress.secondary .progress-meter {
    background-color: #767676;
}

.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: #1779ba;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0.9375rem;
    border-radius: 0;
}

thead,
tbody,
tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700;
}

thead {
    background: #f8f8f8;
    color: #0a0a0a;
}

tfoot {
    background: #f1f1f1;
    color: #0a0a0a;
}

thead tr,
tfoot tr {
    background: transparent;
}

thead th,
thead td,
tfoot th,
tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700;
    text-align: left;
}

tbody th,
tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1;
}

table.unstriped tbody {
    background-color: #fefefe;
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe;
}

@media print,
screen and (max-width: 50.06125em) {
    table.stack thead,
    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: #f3f3f3;
}

table.hover tfoot tr:hover {
    background-color: #ececec;
}

table.hover tbody tr:hover {
    background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}

.breadcrumbs {
    margin: 0 0 1rem;
    list-style: none;
}

.breadcrumbs:before,
.breadcrumbs:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.breadcrumbs:after {
    clear: both;
}

.breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase;
}

.breadcrumbs li:not(:last-child):after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
}

.breadcrumbs a {
    color: #1779ba;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed;
}

.callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a;
}

.callout> :first-child {
    margin-top: 0;
}

.callout> :last-child {
    margin-bottom: 0;
}

.callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a;
}

.callout.secondary {
    background-color: #eaeaea;
    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: 0.5rem;
}

.callout.large {
    padding: 3rem;
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px #0000001a;
    overflow: hidden;
    color: #333;
}

.card> :last-child {
    margin-bottom: 0;
}

.card-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 1rem;
    background: white;
}

.card-divider> :last-child {
    margin-bottom: 0;
}

.card-section {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem;
}

.card-section> :last-child {
    margin-bottom: 0;
}

.card-image {
    min-height: 1px;
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem;
}

.dropdown-pane.is-opening {
    display: block;
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible;
}

.dropdown-pane.tiny {
    width: 100px;
}

.dropdown-pane.small {
    width: 200px;
}

.dropdown-pane.large {
    width: 400px;
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}

.pagination:before,
.pagination:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.pagination:after {
    clear: both;
}

.pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: none;
}

.pagination li:last-child,
.pagination li:first-child {
    display: inline-block;
}

.pagination a,
.pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #0a0a0a;
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6;
}

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default;
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed;
}

.pagination .disabled:hover {
    background: transparent;
}

.pagination .ellipsis:after {
    padding: 0.1875rem 0.625rem;
    content: "\2026";
    color: #0a0a0a;
}

.pagination-previous a:before,
.pagination-previous.disabled:before {
    display: inline-block;
    margin-right: 0.5rem;
    content: "\ab";
}

.pagination-next a:after,
.pagination-next.disabled:after {
    display: inline-block;
    margin-left: 0.5rem;
    content: "\bb";
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: 700;
    cursor: help;
}

.tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe;
}

.tooltip:before {
    position: absolute;
}

.tooltip.bottom:before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.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%);
    transform: translate(-50%);
}

.tooltip.top:before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.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%);
    transform: translate(-50%);
}

.tooltip.left:before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.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%);
    transform: translateY(-50%);
}

.tooltip.right:before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.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%);
    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%;
}

.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none;
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed;
}

.accordion-item:first-child> :first-child {
    border-radius: 0;
}

.accordion-item:last-child> :last-child {
    border-radius: 0;
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: #1779ba;
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
}

.accordion-title:hover,
.accordion-title:focus {
    background-color: #e6e6e6;
}

.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: "+";
}

.is-active>.accordion-title:before {
    content: "\2013";
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a;
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.media-object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.media-object img {
    max-width: none;
}

@media print,
screen and (max-width: 34.43625em) {
    .media-object.stack-for-small {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.media-object-section {
    -webkit-box-flex: 0;
    -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 print,
screen and (max-width: 34.43625em) {
    .stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .stack-for-small .media-object-section img {
        width: 100%;
    }
}

.media-object-section.main-section {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.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%;
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none;
}

.tabs:before,
.tabs:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -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: #1779ba;
}

.tabs.primary>li>a {
    color: #fff;
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #1673b1;
}

.tabs-title {
    float: left;
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #1779ba;
}

[data-whatinput="mouse"] .tabs-title>a {
    outline: 0;
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #1468a0;
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected="true"] {
    background: #e6e6e6;
    color: #1779ba;
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0;
}

.tabs-panel {
    display: none;
    padding: 0;
}

.tabs-panel.is-active {
    display: block;
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #fefefe;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    box-shadow: 0 0 0 1px #0a0a0a33;
    line-height: 0;
}

a.thumbnail {
    -webkit-transition: -webkit-box-shadow 0.2s ease-out;
    transition: -webkit-box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
    box-shadow: 0 0 6px 1px #1779ba80;
}

a.thumbnail image {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-whatinput="mouse"] .menu li {
    outline: 0;
}

.menu a,
.menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
}

.menu input,
.menu select,
.menu a,
.menu button {
    margin-bottom: 0;
}

.menu input {
    display: inline-block;
}

.menu,
.menu.horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.menu.vertical {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.menu.expanded li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.menu.simple {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu.simple li+li {
    margin-left: 1rem;
}

.menu.simple a {
    padding: 0;
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem;
}

.menu.icons a,
.menu.icon-top a,
.menu.icon-right a,
.menu.icon-bottom a,
.menu.icon-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menu.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -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: 0.25rem;
}

.menu.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -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: 0.25rem;
}

.menu.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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 {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center;
}

.menu.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -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 {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center;
}

.menu .is-active>a {
    background: #1779ba;
    color: #fefefe;
}

.menu .active>a {
    background: #1779ba;
    color: #fefefe;
}

.menu.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.menu.align-right li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.menu.align-right li .submenu li {
    -webkit-box-pack: 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-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu.align-center li .submenu li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}

.menu-centered>.menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu-centered>.menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu-centered>.menu li .submenu li {
    -webkit-box-pack: 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: #fefefe;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px #fefefe, 0 14px #fefefe;
    content: "";
}

.menu-icon:hover:after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    box-shadow: 0 7px #cacaca, 0 14px #cacaca;
}

.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: black;
    -webkit-box-shadow: 0 7px 0 black, 0 14px 0 black;
    box-shadow: 0 7px #000, 0 14px #000;
    content: "";
}

.menu-icon.dark:hover:after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    box-shadow: 0 7px #8a8a8a, 0 14px #8a8a8a;
}

.accordion-menu li {
    width: 100%;
}

.accordion-menu a,
.accordion-menu .is-accordion-submenu a {
    padding: 0.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: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem;
}

.accordion-menu.align-left .is-accordion-submenu-parent>a:after {
    right: 1rem;
    left: auto;
}

.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);
    transform: rotate(180deg);
    -webkit-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;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.submenu-toggle:after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto;
}

.submenu-toggle[aria-expanded="true"]:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.submenu-toggle-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.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;
}

[data-whatinput="mouse"] .dropdown.menu a {
    outline: 0;
}

.dropdown.menu>li>a {
    padding: 0.7rem 1rem;
}

.dropdown.menu>li.is-active>a {
    background: transparent;
    color: #1779ba;
}

.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 {
    top: 0;
    right: 100%;
    left: auto;
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%;
}

.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;
    left: auto;
    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 #cacaca;
    background: #fefefe;
}

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px;
}

.is-dropdown-submenu>li {
    width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
    display: block;
}

.is-off-canvas-open {
    overflow: hidden;
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 850;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(254, 254, 254, 0.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: 860;
    -webkit-transition: -webkit-transform 0.5s ease;
    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: white;
}

[data-whatinput="mouse"] .off-canvas {
    outline: 0;
}

.off-canvas.is-transition-push {
    z-index: 860;
}

.off-canvas.is-closed {
    visibility: hidden;
}

.off-canvas.is-transition-overlap {
    z-index: 870;
}

.off-canvas.is-transition-overlap.is-open {
    -webkit-box-shadow: 0 5px 15px rgba(27, 27, 31, 0.1);
    box-shadow: 0 5px 15px #1b1b1f1a;
}

.off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

.off-canvas-absolute {
    position: absolute;
    z-index: 860;
    -webkit-transition: -webkit-transform 0.5s ease;
    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: white;
}

[data-whatinput="mouse"] .off-canvas-absolute {
    outline: 0;
}

.off-canvas-absolute.is-transition-push {
    z-index: 860;
}

.off-canvas-absolute.is-closed {
    visibility: hidden;
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 870;
}

.off-canvas-absolute.is-transition-overlap.is-open {
    -webkit-box-shadow: 0 5px 15px rgba(27, 27, 31, 0.1);
    box-shadow: 0 5px 15px #1b1b1f1a;
}

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: auto;
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
}

.off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

.off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(100%);
    transform: translate(100%);
}

.position-left.is-transition-push {
    -webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
    box-shadow: inset -13px 0 20px -13px #0a0a0a40;
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: auto;
    -webkit-transform: translateX(100%);
    transform: translate(100%);
}

.off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(100%);
    transform: translate(100%);
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
}

.position-right.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
    box-shadow: inset 13px 0 20px -13px #0a0a0a40;
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: auto;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.position-top.is-transition-push {
    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
    box-shadow: inset 0 -13px 20px -13px #0a0a0a40;
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: auto;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.position-bottom.is-transition-push {
    -webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
    box-shadow: inset 0 13px 20px -13px #0a0a0a40;
}

.off-canvas-content {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 0.5s ease;
    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,
.off-canvas-content .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0);
}

html.is-reveal-open {
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}

html.is-reveal-open body {
    overflow: hidden;
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: #0a0a0a73;
    overflow-y: scroll;
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

[data-whatinput="mouse"] .reveal {
    outline: 0;
}

.reveal .column {
    min-width: 0;
}

.reveal> :last-child {
    margin-bottom: 0;
}

.reveal.collapse {
    padding: 0;
}

.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 print,
screen and (max-width: 34.43625em) {
    .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;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.clearfix:after {
    clear: both;
}

.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-left.vertical.menu>li>a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.align-right.vertical.menu>li>a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-center.vertical.menu>li>a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-self-middle {
    -ms-flex-item-align: center;
    align-self: center;
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.align-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media print,
screen and (max-width: 34.43625em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 34.43625em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 50.06125em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 78.81125em) {
    .show-for-xlarge {
        display: none !important;
    }
}

@media screen and (max-width: 90.06125em) {
    .show-for-xxlarge {
        display: none !important;
    }
}

@media screen and (max-width: 105.06125em) {
    .show-for-xxxlarge {
        display: none !important;
    }
}

@media screen and (max-width: 105.06125em) {
    .show-for-xxxlarge-only {
        display: none !important;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

.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;
    }
}

.text-hide {
    font: 0/0 a !important;
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    border: 0 !important;
}

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-wrap {
    word-wrap: break-word !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-overline {
    text-decoration: overline !important;
}

.text-underline {
    text-decoration: underline !important;
}

.text-line-through {
    text-decoration: line-through !important;
}

.font-wide {
    letter-spacing: 0.25rem;
}

.font-normal {
    font-weight: 400;
}

.font-bold {
    font-weight: 700;
}

.font-italic {
    font-style: italic !important;
}

ul.list-disc {
    list-style-type: disc !important;
}

ul.list-circle {
    list-style-type: circle !important;
}

ul.list-square {
    list-style-type: square !important;
}

ol.list-decimal {
    list-style-type: decimal !important;
}

ol.list-lower-alpha {
    list-style-type: lower-alpha !important;
}

ol.list-lower-latin {
    list-style-type: lower-latin !important;
}

ol.list-lower-roman {
    list-style-type: lower-roman !important;
}

ol.list-upper-alpha {
    list-style-type: upper-alpha !important;
}

ol.list-upper-latin {
    list-style-type: upper-latin !important;
}

ol.list-upper-roman {
    list-style-type: upper-roman !important;
}

.rounded,
.rounded .switch-paddle {
    border-radius: 5000px !important;
}

.rounded .switch-paddle:after {
    border-radius: 50%;
}

.radius {
    border-radius: 0.1875rem;
}

.bordered {
    border: 0.0625rem solid #cacaca;
}

.shadow {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px #00000029, 0 2px 10px #0000001f;
}

.arrow-down {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4375rem;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
}

.arrow-up {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4375rem;
    content: "";
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
}

.arrow-right {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4375rem;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
}

.arrow-left {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4375rem;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
}

.separator-center {
    text-align: center !important;
}

.separator-center:before,
.separator-center:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.separator-center:after {
    clear: both;
}

.separator-center:after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #1779ba;
    margin: 1rem auto 0;
}

.separator-left {
    text-align: left !important;
}

.separator-left:before,
.separator-left:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.separator-left:after {
    clear: both;
}

.separator-left:after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #1779ba;
    margin: 1rem auto 0;
    margin-left: 0 !important;
}

.separator-right {
    text-align: right !important;
}

.separator-right:before,
.separator-right:after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.separator-right:after {
    clear: both;
}

.separator-right:after {
    position: relative !important;
    width: 3rem;
    border-bottom: 0.125rem solid #1779ba;
    margin: 1rem auto 0;
    margin-right: 0 !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-x-visible {
    overflow-x: visible !important;
}

.overflow-y-visible {
    overflow-y: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.display-inline {
    display: inline !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-block {
    display: block !important;
}

.display-table {
    display: table !important;
}

.display-table-cell {
    display: table-cell !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-fixed-top {
    position: fixed !important;
    top: 0rem !important;
    right: 0rem !important;
    left: 0rem !important;
    z-index: 975;
}

.position-fixed-bottom {
    position: fixed !important;
    right: 0rem !important;
    bottom: 0rem !important;
    left: 0rem !important;
    z-index: 975;
}

.border-box {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.border-none {
    border: none !important;
}

.width-25 {
    width: 25% !important;
}

.width-50 {
    width: 50% !important;
}

.width-75 {
    width: 75% !important;
}

.width-100 {
    width: 100% !important;
}

.height-25 {
    height: 25% !important;
}

.height-50 {
    height: 50% !important;
}

.height-75 {
    height: 75% !important;
}

.height-100 {
    height: 100% !important;
}

.max-width-100 {
    max-width: 100% !important;
}

.max-height-100 {
    max-height: 100% !important;
}

.margin-0 {
    margin: 0rem !important;
}

.margin-top-0 {
    margin-top: 0rem !important;
}

.margin-right-0 {
    margin-right: 0rem !important;
}

.margin-bottom-0 {
    margin-bottom: 0rem !important;
}

.margin-left-0 {
    margin-left: 0rem !important;
}

.margin-horizontal-0 {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.margin-vertical-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-0 {
    padding: 0rem !important;
}

.padding-top-0 {
    padding-top: 0rem !important;
}

.padding-right-0 {
    padding-right: 0rem !important;
}

.padding-bottom-0 {
    padding-bottom: 0rem !important;
}

.padding-left-0 {
    padding-left: 0rem !important;
}

.padding-horizontal-0 {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.padding-vertical-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-1 {
    margin: 0.9375rem !important;
}

.margin-top-1 {
    margin-top: 0.9375rem !important;
}

.margin-right-1 {
    margin-right: 0.9375rem !important;
}

.margin-bottom-1 {
    margin-bottom: 0.9375rem !important;
}

.margin-left-1 {
    margin-left: 0.9375rem !important;
}

.margin-horizontal-1 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
}

.margin-vertical-1 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
}

.padding-1 {
    padding: 0.9375rem !important;
}

.padding-top-1 {
    padding-top: 0.9375rem !important;
}

.padding-right-1 {
    padding-right: 0.9375rem !important;
}

.padding-bottom-1 {
    padding-bottom: 0.9375rem !important;
}

.padding-left-1 {
    padding-left: 0.9375rem !important;
}

.padding-horizontal-1 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
}

.padding-vertical-1 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
}

.margin-2 {
    margin: 1.875rem !important;
}

.margin-top-2 {
    margin-top: 1.875rem !important;
}

.margin-right-2 {
    margin-right: 1.875rem !important;
}

.margin-bottom-2 {
    margin-bottom: 1.875rem !important;
}

.margin-left-2 {
    margin-left: 1.875rem !important;
}

.margin-horizontal-2 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
}

.margin-vertical-2 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
}

.padding-2 {
    padding: 1.875rem !important;
}

.padding-top-2 {
    padding-top: 1.875rem !important;
}

.padding-right-2 {
    padding-right: 1.875rem !important;
}

.padding-bottom-2 {
    padding-bottom: 1.875rem !important;
}

.padding-left-2 {
    padding-left: 1.875rem !important;
}

.padding-horizontal-2 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
}

.padding-vertical-2 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
}

.margin-3 {
    margin: 2.8125rem !important;
}

.margin-top-3 {
    margin-top: 2.8125rem !important;
}

.margin-right-3 {
    margin-right: 2.8125rem !important;
}

.margin-bottom-3 {
    margin-bottom: 2.8125rem !important;
}

.margin-left-3 {
    margin-left: 2.8125rem !important;
}

.margin-horizontal-3 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important;
}

.margin-vertical-3 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important;
}

.padding-3 {
    padding: 2.8125rem !important;
}

.padding-top-3 {
    padding-top: 2.8125rem !important;
}

.padding-right-3 {
    padding-right: 2.8125rem !important;
}

.padding-bottom-3 {
    padding-bottom: 2.8125rem !important;
}

.padding-left-3 {
    padding-left: 2.8125rem !important;
}

.padding-horizontal-3 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important;
}

.padding-vertical-3 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important;
}

.layout-left-sidebar,
.layout-right-sidebar {
    padding-bottom: 50px;
}

.layout-sidebar-title {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color_desktop_page_heading);
}

.layout-sidebar-title h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--color_desktop_page_heading);
}

.layout-sidebar+.layout-sidebar {
    margin-top: 45px;
}

.layout-sidebar ul.vertical.menu [aria-hidden="true"] {
    display: none;
}

.layout-sidebar ul.vertical.menu li>a,
.layout-sidebar ul.vertical.menu li.is-accordion-submenu-item>a {
    padding: 10px 0;
    font-size: 15px;
    color: var(--color_desktop_page_paragraph);
}

.layout-sidebar ul.vertical.menu li.is-accordion-submenu-item>a {
    text-transform: capitalize;
}

.layout-sidebar ul.vertical.menu li:hover>a,
.layout-sidebar ul.vertical.menu li.active>a {
    background: transparent;
    color: var(--color_primary);
}

.layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent .submenu-toggle:after,
.layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after {
    top: 4px;
    height: 25px !important;
    line-height: 25px;
    width: 25px !important;
    background-color: #f1f1f1;
    border-radius: 3px;
    display: block;
    color: #000;
    content: "+";
    text-align: center;
    border: none !important;
    font-size: 15px;
    left: auto;
    right: 0;
}

@media screen and (max-width: 800px) {
    .layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent .submenu-toggle:after,
    .layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after {
        right: 15px;
    }
}

.layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent .submenu-toggle:hover:after,
.layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:hover:after {
    color: #fff;
    background-color: var(--color_primary);
}

.layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent .submenu-toggle[aria-expanded="true"]:after,
.layout-sidebar ul.vertical.menu.accordion-menu .is-accordion-submenu-parent[aria-expanded="true"]>a:after {
    content: "-";
    -webkit-transform: none;
    transform: none;
    background-color: var(--color_primary);
    color: #fff;
}

@media screen and (max-width: 800px) {
    .layout-sidebar ul.vertical.menu.accordion-menu .nested.is-accordion-submenu {
        margin-left: 0;
    }
    .layout-sidebar ul.vertical.menu.accordion-menu .nested.is-accordion-submenu>li a {
        text-transform: capitalize !important;
        font-weight: 500 !important;
    }
}

.layout-content {
    margin-bottom: 0.9375rem;
}

.layout-content-title h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5625rem;
    font-family: var(--font_title);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.layout-content-title+.layout-content-content {
    margin-top: 2.25rem;
}

@media print,
screen and (max-width: 34.43625em) {
    .layout-content-title+.layout-content-content {
        margin-top: 1.25rem;
    }
    .layout-content-title+.layout-content-content .swiper-container {
        padding-right: 36.5%;
    }
    .layout-content-title+.layout-content-content .carousel-navigation {
        display: none;
    }
}

.layout-footer {
    padding-bottom: 0;
}

.layout-mobile .mini-cart-inner {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.layout-mobile-overlap {
    padding: 0;
}

.layout-mobile-overlap.full {
    height: 100%;
    min-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.input-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.input-control {
    font-size: initial;
    border-color: #dcdcdc;
}

select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGBAMAAADj6an2AAAAIVBMVEUAAAASEhISEhISEhISEhISEhISEhISEhISEhISEhISEhKT81xZAAAACnRSTlMAmTMR7syId2ZE5JP5aAAAAChJREFUCNdjMGJgYFZgKFFgME1gYHRiDmRgYBCZKgAkGRcygEADAwMASQQD8Zb9zwYAAAAASUVORK5CYII=);
    color: inherit;
    cursor: pointer;
    border-color: #dcdcdc;
}

.select {
    position: relative;
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGBAMAAADj6an2AAAAIVBMVEUAAAASEhISEhISEhISEhISEhISEhISEhISEhISEhISEhKT81xZAAAACnRSTlMAmTMR7syId2ZE5JP5aAAAAChJREFUCNdjMGJgYFZgKFFgME1gYHRiDmRgYBCZKgAkGRcygEADAwMASQQD8Zb9zwYAAAAASUVORK5CYII=);
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    margin: 0 0 1rem;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    list-style: none;
    border: 1px solid #dcdcdc;
}

.select ul,
.select li {
    margin: 0;
    list-style: none;
}

.select-dropdown {
    position: absolute;
    background: white;
    top: 100%;
    left: 0;
    max-height: 0;
    width: 100%;
    padding: 0.5rem 0;
    border: 1px solid #dcdcdc;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    overflow: hidden;
    z-index: 999;
}

.select-option {
    padding: 0.25rem 0.5rem;
}

.select-option,
.select-option a {
    color: #333;
}

.select-option:hover,
.select-option a:hover {
    color: var(--color_primary);
}

.select-option.disabled {
    color: #7f7f7f;
    cursor: not-allowed;
}

.select-option.disabled a {
    color: #7f7f7f;
}

.select:hover .select-dropdown,
.select:focus .select-dropdown {
    max-height: 1000px;
    visibility: visible;
}

label {
    font-size: inherit;
}

.button {
    font-size: inherit;
    background-color: var(--color_primary);
}

.button:hover,
.button:focus,
.button:active {
    background-color: var(--color_primary);
}

.button.primary {
    background-color: var(--color_primary);
    color: #fff;
}

.button.primary:hover,
.button.primary:focus,
.button.primary:active {
    background-color: var(--color_primary);
    color: #fff;
}

.button.reverse {
    background: white;
    color: #000;
    border: 1px solid black;
}

.button.reverse:hover,
.button.reverse:focus,
.button.reverse:active {
    background: black;
    color: #fff;
}

.button.alert {
    color: #fff;
}

.button.disabled {
    background: #a9a9aa;
    color: #fff;
    cursor: not-allowed;
}

.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active {
    background-color: #a9a9aa;
    color: #fff;
}

.button.clear:hover {
    color: var(--color_primary_hover);
}

.button-to-top {
    background: white;
    position: fixed;
    display: none;
    bottom: 5.625rem;
    right: 0.5rem;
    height: 3.4375rem;
    width: 3.4375rem;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px #0000004d;
    cursor: pointer;
    z-index: 1000;
}

.button-to-top-text {
    font-size: 0.875rem;
    line-height: 1;
}

.button-to-top-text em {
    font-size: 1rem;
}

.card {
    margin-bottom: 0.625rem;
}

.card-divider {
    padding: 0 0.625rem;
}

.card-title {
    position: relative;
    padding: 0.625rem 0;
    font-size: 1.25rem;
}

.card-title:before,
.card-title:after {
    content: "";
    background: var(--color_primary);
    position: absolute;
    display: block;
    bottom: 0;
    height: 2px;
}

.card-title:before {
    width: calc(100% - 4px);
    left: 0;
}

.card-title:after {
    width: 2px;
    right: 0;
}

.card-section {
    padding: 0.625rem;
}

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

.box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #dcdcdc;
}

.box> :last-child {
    margin-bottom: 0;
}

.box-divider {
    position: relative;
}

.box-divider> :last-child {
    margin-bottom: 0;
}

.box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: var(--font_title);
    text-transform: uppercase;
}

.box-sub-title {
    text-align: center;
}

.box-section {
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.box-section> :last-child {
    margin-bottom: 0;
}

.box-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.box-content> :last-child {
    margin-bottom: 0;
}

.box-divider+.box-content {
    margin-top: 1.875rem;
}

.box-image {
    min-height: 1px;
}

.page-heading {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    text-align: center;
}

@media print,
screen and (max-width: 34.43625em) {
    .page-heading {
        margin-top: 0;
    }
}

.page-title {
    font-size: 1.5625rem;
    font-weight: 600;
    margin-bottom: 0;
}

.page-subtitle {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.page-content {
    margin-bottom: 2.5rem;
}

.page-content .compare-empty,
.page-content .wishlist-empty {
    margin-bottom: 1rem;
}

@media print,
screen and (max-width: 50.06125em) {
    .page-content .compare-empty,
    .page-content .wishlist-empty {
        margin-top: 2rem;
    }
}

.layout-404 {
    margin-top: -2%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.layout-404 .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 860px;
    padding-top: 2%;
}

.layout-404 .page-heading {
    margin-bottom: 0;
}

.layout-404 .page-heading .sub-title {
    font-size: 50px;
    font-family: Great Vibes, cursive;
    font-style: italic;
}

.layout-404 .page-heading .title {
    font-weight: 600;
    font-size: 70px;
    color: #666;
    margin-bottom: 20px;
}

.layout-404 .page-heading .caption {
    font-size: 15px;
    color: #999;
    text-transform: uppercase;
}

.layout-404 .page-heading .btn {
    background-color: var(--color_primary);
    color: #fff;
    text-transform: uppercase;
    width: 195px;
    text-align: center;
    display: block;
    margin: 60px auto 0;
    line-height: 50px;
    font-size: 15px;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}

.layout-404 .page-heading .btn:hover {
    background-color: #000;
}

@media screen and (max-width: 1260px) {
    .layout-404 .grid-container {
        min-height: 500px;
    }
    .layout-404 .page-heading .sub-title {
        font-size: 40px;
    }
    .layout-404 .page-heading .title {
        font-size: 50px;
    }
}

@media screen and (max-width: 800px) {
    .layout-404 .grid-container {
        min-height: 400px;
        padding-top: 0;
    }
    .layout-404 .page-heading .sub-title {
        font-size: 30px;
    }
    .layout-404 .page-heading .title {
        font-size: 40px;
    }
    .layout-404 .page-heading .btn {
        width: 150px;
        line-height: 40px;
    }
}

@media screen and (max-width: 550px) {
    .layout-404 .page-heading .title {
        font-size: 30px;
    }
    .layout-404 .page-heading .btn {
        margin-top: 30px;
    }
}

.rating em {
    font-size: 1.25rem;
    color: #9c9da0;
}

.rating em.active,
.spr-icon-star {
    color: #fc0;
}

.spr-icon-star-empty {
    color: #9c9da0;
}

.spr-icon-star-half-alt {
    color: #fc0;
}

.breadcrumb {
    background-color: var(--color_breadcrumb_desktop_bg);
}

.breadcrumb .page-title,
.breadcrumb a {
    color: var(--color_breadcrumb_desktop_color);
}

.breadcrumb a:hover {
    color: var(--color_breadcrumb_desktop_hover_color);
    text-decoration: none;
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb .page-title {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 10px;
    text-align: center;
}

@media screen and (min-width: 551px) {
    .breadcrumb .page-title {
        font-family: var(--font_desktop_paragraph);
    }
}

@media screen and (max-width: 550px) {
    .breadcrumb .page-title {
        font-family: var(--font_desktop_paragraph);
    }
}

.breadcrumb .grid-container {
    display: block;
    max-width: 1170px;
}

.breadcrumb .breadcrumbs {
    margin: 0;
    max-width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb .breadcrumbs a {
    font-size: 20px;
    font-style: italic;
}

@media screen and (min-width: 551px) {
    .breadcrumb .breadcrumbs a {
        font-family: var(--font_desktop_title);
    }
}

@media screen and (max-width: 550px) {
    .breadcrumb .breadcrumbs a {
        font-family: var(--font_desktop_title);
    }
}

.breadcrumb .breadcrumbs li {
    font-weight: 500;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumb .breadcrumbs li:not(:last-child):after {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
}

.breadcrumb .breadcrumbs li:not(:last-child):after {
    content: "/";
}

@media screen and (max-width: 800px) {
    .breadcrumb .page-title {
        font-size: 30px;
    }
    .breadcrumb .breadcrumbs a {
        font-size: 16px;
    }
    .breadcrumb .breadcrumbs li:not(:last-child):after {
        font-size: 16px;
        line-height: 16px;
    }
}

.template-addresses .breadcrumb,
.template-account .breadcrumb,
.template-cart .breadcrumb,
.template-article .breadcrumb,
.template-blog .breadcrumb,
.template-collection .breadcrumb,
.template-page .breadcrumb {
    margin-bottom: 100px;
}

@media screen and (max-width: 800px) {
    .template-addresses .breadcrumb,
    .template-account .breadcrumb,
    .template-cart .breadcrumb,
    .template-article .breadcrumb,
    .template-blog .breadcrumb,
    .template-collection .breadcrumb,
    .template-page .breadcrumb {
        margin-bottom: 40px;
    }
}

.pagination {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination li {
    display: block;
    margin: 0;
    font-weight: 500;
    height: 30px;
    min-width: 30px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px;
    margin-left: 0.3125rem;
}

.pagination li.current {
    line-height: 28px;
    font-size: 15px;
    color: #ffffffe6;
    border: 1px solid var(--color_primary);
    background-color: var(--color_primary);
    padding: 0 2px;
}

.pagination li:not(.current) {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
}

.pagination li:not(.current) a {
    padding: 0 2px;
    display: block;
    line-height: 28px;
    height: 100%;
    width: 100%;
    font-size: 15px;
    color: #666;
}

.pagination-previous,
.pagination-next {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination-previous a:before,
.pagination-previous a:after,
.pagination-previous:before,
.pagination-previous:after,
.pagination-next a:before,
.pagination-next a:after,
.pagination-next:before,
.pagination-next:after {
    display: none !important;
}

.pagination-previous em,
.pagination-next em {
    font-size: 10px;
    margin: 0 5px;
}

.pagination-previous.disabled,
.pagination-next.disabled {
    display: none !important;
}

.pagination-previous a {
    padding-left: 5px !important;
    padding-right: 10px !important;
}

.pagination-next a {
    padding-right: 5px !important;
    padding-left: 10px !important;
}

.accordion {
    background: transparent;
}

.accordion-title {
    background: transparent;
    padding: 0;
    border: 0 !important;
    color: #333;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

.accordion-title:hover,
.accordion-title:focus {
    background: transparent;
}

.accordion-title:before {
    display: none;
}

.accordion-title .accordion-item-state {
    position: absolute;
    height: 0.875rem;
    width: 0.875rem;
    top: 50%;
    right: 0;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-title[aria-expanded="false"] .accordion-item-state-open,
.accordion-title[aria-expanded="true"] .accordion-item-state-close {
    display: none;
}

.accordion-item {
    background: white;
    padding: 0.875rem 0.75rem;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-bottom: 0.3125rem;
}

.accordion-content {
    margin-top: 0.5rem;
    padding: 0;
    border: 0 !important;
}

.tabs {
    border-width: 0 0 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs .accordion-item-state {
    display: none;
}

.tabs-title>a {
    position: relative;
    display: block;
    background: transparent;
    padding: 1.25rem 3rem;
    color: #7f7f7f;
    font-size: 0.9375rem;
    font-weight: 500;
    text-transform: uppercase;
}

.tabs-title>a:after {
    content: "";
    position: absolute;
    display: block;
    background: black;
    color: #333;
    height: 1px;
    bottom: -1px;
    left: 50%;
    right: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-title>a:hover,
.tabs-title>a:focus,
.tabs-title>a[aria-selected="true"] {
    background: transparent;
    color: #333;
}

.tabs-title:hover>a,
.tabs-title.is-active>a {
    background: transparent;
}

.tabs-title:hover>a:after,
.tabs-title.is-active>a:after {
    left: 0;
    right: 0;
}

.tabs-content {
    border: 0;
}

.tabs-panel {
    padding: 1rem;
}

table.unstriped tbody tr:last-child {
    border: 0;
}

.table-scroll table {
    width: 100%;
}

.social-sharing {
    margin-bottom: 30px;
    position: relative;
}

.social-sharing>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin-right: 0.375rem;
    border-radius: 4px;
    overflow: hidden;
}

.social-sharing>a:hover {
    color: #fff;
}

.social-sharing>a:last-child {
    margin: 0;
}

.social-sharing>a svg {
    height: 1.5rem;
    width: 1.5rem;
}

.social-sharing>a .share-title {
    display: none;
}

.social-sharing>a:last-child {
    margin-right: 0;
}

.social-sharing:after {
    content: "";
    position: absolute;
    left: 2.1875rem;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid white;
    display: none;
}

.mini-cart {
    position: relative;
    margin: 0;
}

.mini-cart-text {
    padding: 0.75rem;
}

.mini-cart-icon {
    position: relative;
}

.mini-cart-total {
    position: absolute;
    color: #fff;
    top: 100%;
    left: 100%;
    font-size: 9px;
    font-weight: 700;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 15px;
    width: 16px;
    height: 16px;
    font-family: Open Sans, sans-serif;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mini-cart,
.mini-cart-info {
    position: relative;
}

.mini-cart-info .input-group {
    max-width: 5rem;
    border-radius: 4px;
}

.mini-cart-info .input-group-label {
    background: transparent;
    border: 0;
    color: #777;
    height: 1.5625rem;
    width: 1.5625rem;
}

.mini-cart-info .input-group-label em {
    font-size: 0.8125rem;
}

.mini-cart-info .input-group-label svg {
    width: 10px;
    height: 10px;
}

.mini-cart-info .input-group-field {
    background: transparent;
    padding: 0.3125rem;
    height: 1.5625rem;
    border-style: none;
    border-color: #dcdcdc;
    border-width: 0 1px 0 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mini-cart-info .loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 99;
}

.cart-adding .mini-cart-info .loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mini-cart-close {
    position: absolute;
    padding: 0;
    top: -4px;
    color: #777;
    background: white;
    right: 0.9375rem;
    z-index: 99;
}

.mini-cart-close em {
    font-size: 1.25rem;
}

.mini-cart-title {
    font-size: 0.8125rem;
    margin-top: 0;
    margin-bottom: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    text-transform: uppercase;
    color: #777;
}

@media print,
screen and (max-width: 34.43625em) {
    .mini-cart-title {
        margin-top: 1rem;
    }
}

.mini-cart-button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    height: 40px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.mini-cart-remove {
    position: absolute;
    top: 2px;
    right: 0;
    color: #777;
}

.mini-cart-remove em {
    font-size: 17px;
}

.mini-cart-remove:hover {
    color: var(--color_primary_hover);
}

.mini-cart-item-wrapper {
    position: relative;
    margin-bottom: 25px;
}

.mini-cart-product-title {
    margin-bottom: 10px;
    height: 2.25rem;
    overflow: hidden;
    padding-right: 25%;
}

.mini-cart-product-title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
}

.mini-cart-product-title a .title {
    color: #333;
}

.mini-cart-product-title a .title:hover {
    color: var(--color_primary);
}

.mini-cart-product-title a .variant {
    color: #777;
}

.mini-cart-product-price {
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
}

.mini-cart-quantity {
    margin-bottom: 0;
}

#mini-cart-info {
    width: 100%;
}

#mini-cart-desktop-info {
    width: 100%;
    max-width: 21.875rem;
    padding-top: 15px;
    height: 100%;
    z-index: 10000;
}

.toast.toast-info {
    background-color: #fff;
    color: #333;
}

.toast.toast-info .toast-message a,
.toast.toast-info .toast-message label {
    color: #333;
}

.toast.toast-info .toast-message .notification-link a,
.toast.toast-info .toast-message .notification-link a:hover {
    color: #fff;
}

.toast.toast-info .toast-close-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #979798;
    color: #fff;
    height: 1rem;
    width: 1rem;
    padding-bottom: 0.25rem;
    border-radius: 50%;
    font-size: 0.9375rem;
    line-height: 16px;
    opacity: 1;
    display: inline-block;
    font-weight: 400;
}

.toast.toast-info .toast-close-button:hover {
    background: var(--color_primary);
    color: #fff;
    opacity: 1;
}

.notification {
    color: #333;
    font-size: 0.75rem;
}

.notification-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    text-decoration: underline;
}

.notification-image {
    width: 3rem;
}

.notification-link {
    display: inline-block;
    background: var(--color_primary);
    padding: 0.1875rem 0.625rem;
    border-radius: 3px;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.notification-link:hover {
    background: var(--color_primary_hover);
}

.notification-product-title {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.notification-product-price {
    margin-bottom: 0.375rem;
}

.notification .media-object-section:first-child {
    padding-right: 0.625rem;
}

.search-box-ajax-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
}

#search-box {
    z-index: 1020;
}

.search-box em {
    display: block;
}

.search-box-ajax-result {
    margin: 0.625rem 0 2.5rem;
    font-size: 1.25rem;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-ajax-result {
        font-size: 0.8125rem;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        color: #777;
        text-align: left;
    }
}

.search-box-ajax-product p {
    margin-bottom: 0;
}

.search-box-container {
    padding: 0 0.375rem;
    margin-right: 0.875rem;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-container {
        padding: 0 10px;
        margin-right: 0;
    }
}

.search-box-form .input-group {
    margin: 0;
}

.search-box-form .input-group-button .button {
    color: #909090;
    padding: 0 0.5625rem;
}

.search-box-form .input-group-label {
    background: transparent;
    color: #909090;
    padding: 0.9375rem;
    border: 0;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-form .input-group-label {
        padding-left: 0;
        padding-bottom: 0;
    }
}

.search-box-form .input-group-field {
    border: none;
    border-bottom: 2px solid black;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300;
    margin-bottom: 1rem;
}

@media print,
screen and (max-width: 34.43625em) {
    .search-box-form .input-group-field {
        margin-bottom: 0;
    }
}

.search-box-form .button-cancel,
.search-box-form .button-submit {
    font-size: 0.875rem;
    font-weight: 500;
    border: 0;
    margin-bottom: 0;
}

.search-box-form .button-cancel {
    color: #a9a9aa;
}

.search-box-form .button-submit {
    color: #333;
    padding-right: 0;
}

#search-box-desktop {
    z-index: 9999;
    max-height: 100%;
}

.search-box-desktop-ajax-result {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-family: Open Sans, sans-serif;
    margin-bottom: 30px;
    margin-top: 30px;
}

.search-box-desktop-ajax-result p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.search-box-desktop-ajax-result .close {
    position: absolute;
    color: #999;
    font-weight: 600;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid;
}

.search-box-desktop-ajax-result .close:hover {
    color: var(--color_primary);
}

.search-box-desktop-ajax-product-item {
    margin-bottom: 1.25rem;
}

.search-box-desktop-ajax-more {
    font-size: 1.125rem;
    font-weight: 700;
    margin-left: 15px;
}

.search-box-desktop-ajax-more a {
    font-size: 1.125rem;
    font-weight: 700;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color_primary) !important;
}

.search-box-desktop-ajax-more a span {
    border-bottom: 1px solid var(--color_primary);
    display: inline-block;
}

.search-box-desktop-ajax-more a svg {
    margin-left: 10px;
    color: var(--color_primary) !important;
}

.search-box-desktop-form .input-group {
    border: 1px solid var(--color_primary);
    position: relative;
    width: 250px;
    margin-bottom: 0;
}

.search-box-desktop-form .input-group-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background: var(--color_primary);
}

.search-box-desktop-form .input-group-button .button {
    color: #fff;
    width: 100%;
    padding: 0;
}

.search-box-desktop-form .input-group-button .button em {
    font-size: 21px;
    font-weight: 600;
}

.search-box-desktop-form .input-group-field {
    padding-left: 15px;
    padding-right: 55px;
    height: 38px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 13px;
}

.search-box-desktop-form .input-group-field::-webkit-input-placeholder {
    color: #333;
}

.search-box-desktop-form .input-group-field::-moz-placeholder {
    color: #333;
}

.search-box-desktop-form .input-group-field::-ms-input-placeholder {
    color: #333;
}

.search-box-desktop-form .input-group-field::placeholder {
    color: #333;
}

.search-box-desktop-form .button-cancel {
    color: #a9a9aa;
}

.search-box-desktop-form .button-submit {
    color: #333;
    padding-right: 0;
}

.product-list .product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-list .product-item-thumb {
    height: 100%;
    width: 30%;
    margin-bottom: 0;
}

.product-list .product-item-caption {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product-list .product-item-title {
    font-size: 0.875rem;
}

.product-list .product-item-description {
    display: block;
}

.product-item .product-id {
    display: none !important;
}

.product-item .product-item-option {
    width: 100%;
}

.product-item .product-item-option-image {
    border: 1px solid #ddd;
    width: 1.25rem;
    cursor: pointer;
    margin-right: 0.3125rem;
    margin-bottom: 0.25rem;
}

.product-item .product-item-option-image:last-child {
    margin-right: 0;
}

.product-item .product-item-option-color {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: relative;
    opacity: 0.7;
    margin-right: 0.5rem;
}

.product-item .product-item-option-color:last-child {
    margin-right: 0;
}

.product-item .product-item-option-color[data-color-more] {
    display: none;
}

.product-item .product-item-option-color.active-show[data-color-more] {
    display: block;
}

.product-item .product-item-option div[data-color-show-more] {
    cursor: pointer;
    color: var(--color_primary);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
}

.product-grid .product-item-description {
    display: none !important;
}

.product-item {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0 #0000;
}

.product-item .product-item-button-cart {
    background-color: var(--color_primary) !important;
    color: #fff !important;
    border-color: var(--color_primary) !important;
    font-size: 18px !important;
    display: inline-block !important;
    font-weight: 600 !important;
    height: 40px;
    line-height: 36px;
    border-radius: 20px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    padding: 0 15px !important;
    min-width: 100px;
}

.product-item .product-item-button-cart * {
    color: #fff !important;
}

.product-item .product-item-button-cart:after {
    content: "";
    border-color: #fff !important;
}

@media screen and (min-width: 551px) {
    .product-item .product-item-button-cart {
        font-family: var(--font_desktop_title);
    }
}

@media screen and (max-width: 550px) {
    .product-item .product-item-button-cart {
        font-family: var(--font_desktop_title);
    }
}

.product-item .product-item-button-cart .sli {
    display: none;
}

.product-item .product-item-button-cart:hover {
    background-color: #fff !important;
    color: var(--color_primary) !important;
    border-color: var(--color_primary) !important;
}

.product-item .product-item-button-cart:hover * {
    color: var(--color_primary) !important;
}

.product-item .product-item-button-cart:hover:after {
    content: "";
    border-color: var(--color_primary) !important;
}

@media screen and (max-width: 800px) {
    .product-item .product-item-button-cart {
        font-size: 14px !important;
        height: 34px;
        line-height: 30px;
        border-radius: 17px;
        padding: 0 10px !important;
        min-width: 100px;
    }
}

.product-item .group-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
}

.product-item .group-button-wishlist .icon-added,
.product-item .group-button-compare .icon-added {
    display: none;
}

.product-item .group-button-wishlist,
.product-item .group-button-quickview,
.product-item .group-button-compare {
    margin: 5px !important;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-item .group-button-wishlist em,
.product-item .group-button-quickview em,
.product-item .group-button-compare em {
    font-size: 15px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
}

.product-item .group-button-wishlist.is-added,
.product-item .group-button-wishlist:hover,
.product-item .group-button-quickview.is-added,
.product-item .group-button-quickview:hover,
.product-item .group-button-compare.is-added,
.product-item .group-button-compare:hover {
    opacity: 1;
    background-color: var(--color_primary) !important;
    color: #fff !important;
    border-color: var(--color_primary) !important;
}

.product-item .group-button-wishlist.is-added *,
.product-item .group-button-wishlist:hover *,
.product-item .group-button-quickview.is-added *,
.product-item .group-button-quickview:hover *,
.product-item .group-button-compare.is-added *,
.product-item .group-button-compare:hover * {
    color: #fff !important;
}

.product-item .group-button-wishlist.is-added:after,
.product-item .group-button-wishlist:hover:after,
.product-item .group-button-quickview.is-added:after,
.product-item .group-button-quickview:hover:after,
.product-item .group-button-compare.is-added:after,
.product-item .group-button-compare:hover:after {
    content: "";
    border-color: #fff !important;
}

@media screen and (max-width: 1260px) {
    .product-item .group-button-wishlist,
    .product-item .group-button-quickview,
    .product-item .group-button-compare {
        margin: 10px !important;
        width: 45px;
        height: 45px;
    }
    .product-item .group-button-wishlist svg,
    .product-item .group-button-quickview svg,
    .product-item .group-button-compare svg {
        width: 18px;
        height: 18px;
    }
}

@media screen and (max-width: 800px) {
    .product-item .group-button-wishlist,
    .product-item .group-button-quickview,
    .product-item .group-button-compare {
        background: none !important;
        border-color: transparent !important;
        opacity: 1;
        width: 20px;
        height: 20px;
    }
    .product-item .group-button-wishlist em,
    .product-item .group-button-quickview em,
    .product-item .group-button-compare em {
        color: #000;
        width: 15px;
    }
    .product-item .group-button-wishlist.is-added,
    .product-item .group-button-wishlist:hover,
    .product-item .group-button-quickview.is-added,
    .product-item .group-button-quickview:hover,
    .product-item .group-button-compare.is-added,
    .product-item .group-button-compare:hover {
        background: none !important;
        border-color: transparent !important;
    }
    .product-item .group-button-wishlist.is-added em,
    .product-item .group-button-wishlist:hover em,
    .product-item .group-button-quickview.is-added em,
    .product-item .group-button-quickview:hover em,
    .product-item .group-button-compare.is-added em,
    .product-item .group-button-compare:hover em {
        color: var(--color_primary) !important;
    }
}

@media screen and (max-width: 550px) {
    .product-item .group-button-wishlist,
    .product-item .group-button-quickview,
    .product-item .group-button-compare {
        margin: 10px 3px !important;
    }
}

@media screen and (min-width: 801px) {
    .product-item .group-button.top-right {
        top: 15px;
        right: 15px;
        z-index: 3;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: translateX(200%);
        transform: translate(200%);
    }
    .product-item:hover .group-button.top-right {
        -webkit-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 800px) {
    .product-item .group-button {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 0;
    }
}

.product-item .product-countdown {
    position: absolute;
    bottom: 100%;
    padding: 20px;
    max-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.product-item .product-countdown .product-countdown-content {
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 7px #00000026;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-item .product-countdown .product-countdown-content .item {
    text-align: center;
}

.product-item .product-countdown .product-countdown-content .item:not(:last-child) {
    padding-right: 15px;
    position: relative;
}

.product-item .product-countdown .product-countdown-content .item:not(:last-child):after {
    content: ":";
    position: absolute;
    right: 5px;
    color: #171717;
    top: 50%;
    font-weight: 600;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
}

.product-item .product-countdown .product-countdown-content .item .number {
    font-size: 21px;
    display: block;
    color: #171717;
    font-weight: 600;
    line-height: 1em;
}

.product-item .product-countdown .product-countdown-content .item .text {
    font-size: 12px;
    text-transform: uppercase;
    color: #a6a6a6;
    font-weight: 600;
    line-height: 1em;
}

@media screen and (min-width: 801px) {
    .product-item:hover .product-countdown {
        left: 100%;
        -webkit-transform: translateX(100%);
        transform: translate(100%);
    }
}

.product-item .product-item-image {
    display: block;
    width: 100%;
    z-index: 2;
}

.product-item .product-item-image:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translateX(20%);
    transform: translate(20%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.product-item .product-item-thumb {
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-item .product-item-thumb>a {
    display: block;
    position: relative;
}

.product-item .product-item-label+.product-item-label {
    margin-top: 10px;
}

.product-item .product-item-label {
    padding: 8px 12px;
    clear: both;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
}

@media screen and (min-width: 551px) {
    .product-item .product-item-label {
        font-family: var(--font_desktop_paragraph);
    }
}

@media screen and (max-width: 550px) {
    .product-item .product-item-label {
        font-family: var(--font_desktop_paragraph);
    }
}

.product-item .product-item-label-list {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 4;
}

.product-item-caption {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 20px;
    padding-bottom: 30px;
    z-index: 3;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.product-item-caption .product-item-title {
    overflow: hidden;
    font-size: 20px;
    display: inline-block;
    line-height: 1.2em;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: var(--font_desktop_title);
}

.product-item-caption .product-item-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: inherit;
    line-height: 1.3em;
    font-weight: 700;
    color: #000;
}

.product-item-caption .product-item-title a:hover {
    text-decoration: underline;
}

.product-item-caption .product-item-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-item-caption .product-item-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    margin-top: 10px;
}

@media screen and (min-width: 551px) {
    .product-item-caption .product-item-price {
        font-family: var(--font_desktop_paragraph);
    }
}

@media screen and (max-width: 550px) {
    .product-item-caption .product-item-price {
        font-family: var(--font_desktop_paragraph);
    }
}

.product-item-caption .product-item-price-default,
.product-item-caption .product-item-price-sale {
    color: #d8242b;
}

.product-item-caption .product-item-price-old {
    color: #696969;
    font-weight: 500;
    position: relative;
    font-size: 15px;
    padding-left: 12px;
}

@media screen and (max-width: 800px) {
    .product-item-caption .product-item-price-old {
        padding-left: 5px;
    }
}

.product-item-caption .product-item-vendor {
    display: none !important;
}

.product-item-caption .product-item-rating .spr-badge,
.product-item-caption .cart-button {
    margin-top: 15px;
}

.product-item-rating .spr-starrating {
    margin: 0;
    font-size: 18px;
    display: inline-block;
}

.product-item-rating .spr-starrating .spr-icon {
    margin-right: 1px;
    margin-left: 1px;
    top: 0;
}

.product-item-rating .spr-starrating .spr-icon-star:before {
    font-size: 100%;
}

.product-item-rating .spr-badge-caption {
    display: none;
}

.product-item-rating .spr-badge[data-rating="0.0"] {
    display: none !important;
}

.product-item .color-available {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}

.product-item .color-available .product-item-option {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 801px) {
    .product-item:hover {
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 13px #00000026;
    }
    .product-item:hover .product-item-image:nth-child(2) {
        -webkit-transform: translateX(0);
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
}

@media screen and (max-width: 1260px) {
    .product-item .product-item-label {
        padding: 4px 5px;
    }
    .product-item .product-item-label+.product-item-label {
        margin-top: 5px;
    }
}

@media screen and (max-width: 800px) {
    .product-item .product-countdown {
        position: static;
        padding: 0;
        -webkit-transform: none;
        transform: none;
    }
    .product-item .product-countdown .product-countdown-content {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }
    .product-item .product-countdown .product-countdown-content .item .number {
        font-size: 14px;
    }
    .product-item .product-countdown .product-countdown-content .item .text {
        font-size: 9px;
    }
    .product-item .product-item-label {
        min-width: 0;
    }
    .product-item .product-item-caption .color-available {
        position: static;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-animation: none;
        animation: none;
    }
}

@media screen and (max-width: 800px) {
    .product-item-label {
        padding: 3px;
        font-size: 9px;
    }
    .product-item .product-item-label+.product-item-label {
        margin-top: 3px;
    }
    .product-item-caption {
        text-align: center;
        padding-right: 0;
        min-height: auto;
    }
    .product-item-caption .product-item-price {
        position: static;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0;
    }
    .product-item-caption .product-item-price .product-price-old {
        margin-top: 0;
        margin-left: 10px;
    }
    .product-item-caption .color-available {
        width: 100%;
    }
    .product-item-caption .product-item-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .product-item .product-item-caption .color-available .product-item-option {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-list {
    padding: 1px;
}

.product-list .product-item {
    padding-bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-list .product-item .product-item-description {
    line-height: 1.7em;
    font-size: 15px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-list .product-item .product-item-thumb {
    width: 35%;
    border-radius: 10px;
}

.product-list .product-item .product-countdown {
    padding: 0;
    position: static;
    top: 0;
    bottom: auto;
    -webkit-transition: none;
    transition: none;
    left: 0;
    -webkit-transform: none;
    transform: none;
    margin-bottom: 30px;
}

.product-list .product-item .product-countdown .product-countdown-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-list .product-item .product-item-caption {
    text-align: left;
    width: 65% !important;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px !important;
    padding-right: 10px !important;
    border-top: none !important;
}

.product-list .product-item .product-item-caption .product-item-price {
    position: static;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0;
    margin-top: 0;
}

.product-list .product-item .product-item-caption .product-item-price-old {
    margin-top: 0;
}

.product-list .product-item .product-item-caption .color-available {
    margin-top: 0;
    margin-bottom: 15px;
    position: static;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.product-list .product-item .product-item-caption .color-available .product-item-option {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-list .product-item .product-item-caption .color-available .product-item-option-image {
    border-color: #ddd;
}

.product-list .product-item .product-item-caption .color-available .product-item-option-image:hover {
    border-color: var(--color_primary);
}

.product-list .product-item .product-item-caption .product-item-title {
    margin-top: 0;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    position: relative;
}

.product-list .product-item .product-item-caption .product-item-title a {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.product-list .product-item .product-item-caption .product-item-title:before {
    display: none !important;
}

.product-list .product-item .product-option-value .grid-x {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-list .product-item .product-option-image,
.product-list .product-item .product-option-color {
    margin-right: 10px;
    margin-left: 0;
}

.product-list .product-item .product-item-buttons {
    margin-top: 15px;
}

.product-list .product-item .product-item-buttons .product-item-button-cart .sli {
    font-size: 15px;
    margin-right: 5px;
}

.product-list .product-item .product-item-group {
    margin-top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-list .product-item .group-button {
    display: none !important;
    width: auto;
}

.product-list .product-item:hover .product-countdown {
    left: 0;
    -webkit-transform: none;
    transform: none;
}

.product-list .product-item:hover .color-available {
    -webkit-animation: none;
    animation: none;
}

.product-list .product-item:hover .product-item-caption {
    -webkit-transform: none;
    transform: none;
}

@media screen and (max-width: 1260px) {
    .product-list .product-item .group-button-wishlist,
    .product-list .product-item .group-button-quickview,
    .product-list .product-item .group-button-compare {
        margin: 5px !important;
    }
}

@media screen and (max-width: 800px) {
    .product-list .product-item .product-item-thumb {
        width: 45% !important;
    }
    .product-list .product-item .product-item-caption {
        padding-left: 15px !important;
        width: 55% !important;
    }
}

@media screen and (max-width: 550px) {
    .product-list .product-item .product-item-button-cart>span {
        font-size: 14px;
    }
}

.product-list .product-item:hover {
    background-color: #fff;
}

.product-list .product-item .product-item-thumb>a:after {
    display: none;
}

.collection-product-list .product-list .product-item {
    margin-bottom: 27px;
}

.collection-product-list .product-list .product-item .product-item-thumb {
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}

.collection-product-list .product-list .product-item .group-button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.collection-product-list .product-list .product-item:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.collection-product-list .product-list .product-item:hover .product-item-thumb {
    border-color: var(--color_primary);
}

@media screen and (min-width: 1261px) {
    .collection-product-list .product-list .product-item .product-item-caption {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px !important;
    }
    .collection-product-list .product-list .product-item .product-item-caption .product-item-price,
    .collection-product-list .product-list .product-item .product-item-caption .product-item-title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1260px) {
    .collection-product-list .product-list .product-item .group-button {
        margin-top: 10px !important;
    }
}

.article-item {
    position: relative;
}

.article-item .article-blog {
    display: none !important;
}

.article-item-thumb {
    position: relative;
}

.article-item-thumb>a {
    overflow: hidden;
}

.article-item-info {
    padding-top: 10px;
}

.article-item .read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    padding-left: 39px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
}

.article-item .read-more:before {
    content: "";
    width: 24px;
    margin-right: 15px;
    background-color: var(--color_desktop_page_paragraph);
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.article-item .read-more:hover {
    color: var(--color_primary);
}

.article-item .read-more:hover:before {
    background-color: var(--color_primary);
}

.article-item .article-item-date {
    padding: 15px 0;
}

.article-item .article-item-date .month,
.article-item .article-item-date .day {
    display: block;
}

@media screen and (min-width: 551px) {
    .article-item .article-item-date .month,
    .article-item .article-item-date .day {
        font-family: var(--font_desktop_paragraph);
    }
}

@media screen and (max-width: 550px) {
    .article-item .article-item-date .month,
    .article-item .article-item-date .day {
        font-family: var(--font_desktop_paragraph);
    }
}

.article-item .article-item-date .month {
    font-weight: 400;
    font-size: 17px;
    line-height: 1em;
}

.article-item .article-item-date .day {
    font-weight: 700;
    font-size: 38px;
    line-height: 1em;
    margin-bottom: 5px;
}

.article-item .article-item-caption {
    text-align: left;
}

.article-item .article-item-caption .article-item-title {
    font-size: 18px;
    color: var(--color_desktop_page_heading);
    font-weight: 900;
    line-height: 1.5em;
    margin-bottom: 13px;
}

.article-item .article-item-caption .article-item-title * {
    color: var(--color_desktop_page_heading);
}

.article-item .article-item-caption .article-item-title a:hover {
    color: var(--color_primary);
}

.article-item .article-item-caption .article-item-content .content {
    font-size: 14px;
    line-height: 1.6em;
    display: block;
    margin-bottom: 22px;
}

.article-item .article-item-image {
    display: block;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}

.article-item .article-item-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.article-item .article-item-user:before {
    content: "";
    width: 30px;
    height: 30px;
    background-color: #e1e1e1;
    border-radius: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-item .article-item-user .user {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-item:hover .article-item-image {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1);
}

.article-item:hover .article-item-user:before {
    background-color: var(--color_primary);
}

@media screen and (max-width: 550px) {
    .article-item>div {
        width: 100% !important;
    }
    .article-item .article-item-info {
        padding-top: 15px !important;
        padding-left: 0 !important;
    }
}

.article-grid .article-item .article-item-top .article-item-date {
    text-align: center;
    color: #fff;
    background-color: var(--color_primary);
    padding: 15px;
}

.article-grid .article-item .article-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.article-list .article-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.article-list .article-item>div {
    width: 50%;
}

.article-list .article-item .article-item-date {
    padding: 0 0 5px;
}

.article-list .article-item .article-item-title {
    margin-bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 551px) {
    .article-list .article-item .article-item-info {
        padding-left: 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media screen and (min-width: 551px) and (max-width: 1260px) {
    .article-list .article-item .article-item-info {
        padding-top: 0;
        padding-left: 15px;
    }
}

.article-list .article-item .article-item-thumb {
    border-radius: 10px;
    overflow: hidden;
}

.article-list .article-item .article-item-caption .article-item-content .content {
    margin-bottom: 15px;
}

@media screen and (max-width: 550px) {
    .article-list {
        margin-bottom: 20px;
    }
}

.collection-item {
    margin-bottom: 1.25rem;
    text-align: center;
}

.collection-item-thumb {
    margin-bottom: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.collection-item-thumb:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.collection-item-title {
    font-size: 1.25rem;
}

.min-height-100 {
    min-height: 6.25rem;
}

.min-height-200 {
    min-height: 12.5rem;
}

.min-height-300 {
    min-height: 18.75rem;
}

.min-height-400 {
    min-height: 25rem;
}

.min-height-500 {
    min-height: 31.25rem;
}

.min-height-600 {
    min-height: 37.5rem;
}

.min-height-700 {
    min-height: 43.75rem;
}

.min-height-800 {
    min-height: 50rem;
}

.min-height-900 {
    min-height: 56.25rem;
}

.min-height-1000 {
    min-height: 62.5rem;
}

.margin-auto {
    margin: auto;
}

.margin-h-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin-v-auto {
    margin-top: auto;
    margin-left: auto;
}

.gradient-red {
    background: #f45c43;
    background: linear-gradient(135deg, #f45c43 0%, #eb3349 100%);
}

.gradient-orange {
    background: #ffc837;
    background: linear-gradient(135deg, #ffc837 0%, #ff8008 100%);
}

.gradient-yellow {
    background: #eac989;
    background: linear-gradient(135deg, #eac989 0%, #e1af50 100%);
}

.gradient-green {
    background: #0ba360;
    background: linear-gradient(135deg, #0ba360 0%, #3cba92 100%);
}

.gradient-blue {
    background: #99b7f4;
    background: linear-gradient(135deg, #99b7f4 0%, #5689ee 100%);
}

.gradient-teal {
    background: #78ffd6;
    background: linear-gradient(135deg, #78ffd6 0%, #007991 100%);
}

.gradient-purple {
    background: #cf8ac3;
    background: linear-gradient(135deg, #cf8ac3 0%, #b549a2 100%);
}

.effect {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.effect-pulse:before,
.effect-pulse:after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 1rem;
    bottom: 1rem;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    z-index: 7;
}

.effect-pulse:before {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-transform: scale(0, 1);
    transform: scaleX(0);
}

.effect-pulse:after {
    border-right: 1px solid white;
    border-left: 1px solid white;
    -webkit-transform: scale(1, 0);
    transform: scaleY(0);
}

.effect-pulse:hover:before,
.effect-pulse:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
}

.effect-scope:before,
.effect-scope:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 9;
}

.effect-scope:hover:before,
.effect-scope:hover:after {
    background: rgba(255, 255, 255, 0.3);
    visibility: visible;
}

.effect-scope:hover:before {
    width: 0;
    right: 50%;
    left: 50%;
}

.effect-scope:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
}

.effect-scope1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 9;
}

.effect-scope1:hover:after {
    background: rgba(0, 0, 0, 0.3);
    visibility: visible;
    height: 100%;
    top: 0%;
    bottom: 0%;
}

.effect-square {
    overflow: hidden;
}

.effect-square:before,
.effect-square:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #ffffff80;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    z-index: 7;
}

.effect-square:before {
    left: 50%;
    top: 0px;
    -webkit-transform: scale(0, 1);
    transform: scaleX(0);
}

.effect-square:after {
    right: 50%;
    bottom: 0px;
    -webkit-transform: scale(0, 1);
    transform: scaleX(0);
}

.effect-square:hover:before,
.effect-square:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
    opacity: 0;
}

.effect-circle {
    overflow: hidden;
}

.effect-circle:before,
.effect-circle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: #ffffff80;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    z-index: 7;
}

.effect-circle:before {
    left: 0;
    top: 0px;
    -webkit-transform: scale(0, 1);
    transform: scaleX(0);
}

.effect-circle:after {
    right: 0;
    bottom: 0px;
    -webkit-transform: scale(0, 1);
    transform: scaleX(0);
}

.effect-circle:hover:before,
.effect-circle:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
    opacity: 0;
    border-radius: 100%;
}

@-webkit-keyframes openDropdownPanel {
    0% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes openDropdownPanel {
    0% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes openSubMenu {
    0% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes openSubMenu {
    0% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes isOpen {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes isOpen {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(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: scaleZ(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(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: scaleZ(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(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 {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(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: translate(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translate(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, 0);
    }
}

@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, 0);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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: scaleZ(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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: scaleZ(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skew(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skew(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skew(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skew(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skew(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skew(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        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: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        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: translateZ(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -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 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        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 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotateY(-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) translateZ(150px) rotateY(-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) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotateY(-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) translateZ(150px) rotateY(-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) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(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) rotateX(-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) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(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) rotateX(-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) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotateX(-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 {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(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) rotateY(-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) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(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) rotateY(-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) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotateY(-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 {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(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 {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -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: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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 {
    0% {
        -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-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.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 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.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 {
    0% {
        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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes rollIn {
    0% {
        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: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        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 {
    0% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(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 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(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 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(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 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    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-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    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-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.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-prev,
.swiper-button-next {
    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-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

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

.swiper-button-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-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    z-index: 10;
}

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

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    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(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

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

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    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(0px, -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%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.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%);
    transform: translate(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
    background: rgba(0, 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);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

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

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-pagination-lock {
    display: none;
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none;
}

.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%;
    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 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

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

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

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

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

.swiper-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;
    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;
    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-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

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

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

.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-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-in-down.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: translateY(0);
}

.slide-in-left.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: translate(0);
}

.slide-in-up.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: translateY(0);
}

.slide-in-right.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    transform: translate(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: translate(0);
}

.slide-out-down.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    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%);
    transform: translateY(100%);
}

.slide-out-right.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    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%);
    transform: translate(100%);
}

.slide-out-up.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    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%);
    transform: translateY(-100%);
}

.slide-out-left.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    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%);
    transform: translate(-100%);
}

.fade-in.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1;
}

.fade-out.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0;
}

.scale-in-up.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: scale(1);
    opacity: 1;
}

.scale-in-down.mui-enter {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: scale(1);
    opacity: 1;
}

.scale-out-up.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    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);
    transform: scale(1.5);
    opacity: 0;
}

.scale-out-down.mui-leave {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    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(0.5);
    transform: scale(0.5);
    opacity: 0;
}

.slow {
    -webkit-transition-duration: 0.5s !important;
    transition-duration: 0.5s !important;
}

.fast {
    -webkit-transition-duration: 0.15s !important;
    transition-duration: 0.15s !important;
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important;
}

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important;
}

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important;
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
    -webkit-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important;
}

.long-delay {
    -webkit-transition-delay: 0.5s !important;
    transition-delay: 0.5s !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: translate(7%);
    }
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translate(-7%);
    }
}

@keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translate(7%);
    }
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translate(-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);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
    to {
        -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);
    }
    to {
        -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%,
    to {
        -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%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.slow {
    -webkit-animation-duration: 0.5s !important;
    animation-duration: 0.5s !important;
}

.fast {
    -webkit-animation-duration: 0.15s !important;
    animation-duration: 0.15s !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(0.485, 0.155, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
}

.long-delay {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc;
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline;
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(default-skin.svg);
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: #0000004d;
    height: 30px;
    width: 32px;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px #00000040;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff;
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d;
}

a.pswp__share--download:hover {
    background: #ddd;
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: 0.75;
    padding: 0 10px;
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc;
}

.pswp__caption--empty {
    display: none;
}

.pswp__caption--fake {
    visibility: hidden;
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 0.5s linear infinite;
    animation: clockwise 0.5s linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

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

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

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: #00000080;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: #0000004d;
}

.pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

.toast-title {
    font-weight: 700;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #fff;
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container>div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container>div:hover {
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container.toast-top-center>div,
#toast-container.toast-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #4caf50;
}

.toast-error {
    background-color: #f44336;
}

.toast-info {
    background-color: #2196f3;
}

.toast-warning {
    background-color: #ffc107;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px;
        width: 11em;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px;
        width: 18em;
    }
    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px;
        width: 25em;
    }
}

[dir="rtl"] .toast-close-button {
    right: auto;
    left: -0.3em;
    float: left;
}

[dir="rtl"] .toast-progress {
    left: auto;
    right: 0;
}

.effect {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.effect>a:not(.no-effect),
.effect .effect-parent:not(.no-effect) {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.effect-zoom>a,
.effect-zoom .effect-parent {
    display: block;
    overflow: hidden;
}

.effect-zoom>a:not(.no-effect) .effect-img,
.effect-zoom .effect-parent:not(.no-effect) .effect-img,
.effect-zoom>a:not(.no-effect) img,
.effect-zoom .effect-parent:not(.no-effect) img {
    transition: opacity 1s, transform 1s;
    width: 100%;
}

.effect-zoom:hover>a:not(.no-effect) .effect-img,
.effect-zoom:hover .effect-parent:not(.no-effect) .effect-img,
.effect-zoom:hover>a:not(.no-effect) img,
.effect-zoom:hover .effect-parent:not(.no-effect) img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

.effect-shine>a:not(.no-effect),
.effect-shine .effect-parent:not(.no-effect) {
    display: block;
}

.effect-shine .effect-parent:not(.no-effect):before,
.effect-shine>a:not(.no-effect):before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.effect-shine:hover .effect-parent:not(.no-effect):before,
.effect-shine:hover>a:not(.no-effect):before {
    animation: shine 0.75s;
}