@charset "UTF-8";

/* COLOURS */
/* Phase 2 variables*/
.points ul,
.follow ul,
.breadcrumb ul,
.quick-links ul,
.social-aside ul.addthis_default_style,
.aside ul,
.dropdown-copy ul,
.anchor-tabs ul,
.nav-tabs ul,
.pagination ul,
.inquiry-application ul,
.site-header ul,
.site-footer ul,
.hero-banner__text ul,
.carousel .slick-dots,
.subscribe-form ul,
.listing-content__results,
.event-aside__share ul,
.sponsors__group ul,
.sitemap ul,
.search-results,
.reseller-locator .reseller-partners--legend ul,
.two-col-carousel .slick-dots,
.three-four-carousel .slick-dots,
.tabbed-carousel .slick-dots,
.tab-carousel__tabs ul,
.page-not-found-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    /*@font-face {
    font-family: 'Clarimo UD PE Light';
    font-weight: Bold;
    src: url(//webfont.fujifilm.com/3/tsad/dist/ja/ts?condition=3823e6e3d234480832bac2fa5c3eb210&eid=5d4bcd1b80f0475385db437eac1e02d5&bw[name]=Chrome&bw[ftf]=0&bw[os]=Windows&location=www-cms.fujifilm.co.jp%2F&fonts[id]=1979&fonts[str]=MFBTYWNkZWdoaW5wcnN0);
}

@font-face {
    font-family: 'Clarimo UD PE DemiBold';
    font-weight: Bold;
    src: url(//webfont.fujifilm.com/3/tsad/dist/ja/ts?condition=3823e6e3d234480832bac2fa5c3eb210&eid=5d4bcd1b80f0475385db437eac1e02d5&bw[name]=Chrome&bw[ftf]=0&bw[os]=Windows&location=www-cms.fujifilm.co.jp%2F&fonts[id]=1985&fonts[str]=MDFITGFiZGVnaWxtbm9yc3R1dg%3D%3D);
}

@font-face {
    font-family: 'Clarimo UD PE Regular';
    font-weight: Bold;
    src: url(//webfont.fujifilm.com/3/tsad/dist/ja/ts?condition=3823e6e3d234480832bac2fa5c3eb210&eid=5d4bcd1b80f0475385db437eac1e02d5&bw[name]=Chrome&bw[ftf]=0&bw[os]=Windows&location=www-cms.fujifilm.co.jp%2F&fonts[id]=1981&fonts[str]=ISItLi8wPD0%2BQUJDREVGR0hJSkxNTlBSU1RVVl9hYmNkZWZnaGlrbG1ub3Byc3R1dnh5wqk%3D);
}*/

    .container:before,
    .row-col-12:before,
    .layout-aside:before,
    .layout-article:before,
    .section:before,
    .top-nav ul:before,
    .footer-nav ul:before,
    .follow:before,
    .follow ul:before,
    .carousel-item:before,
    .breadcrumb ul:before,
    .event-mapper__filters:before,
    .main-nav:before,
    .main-nav:after,
    .column-row-products:before,
    .column-row-products:after,
    .success-stories-mapper__filters:before,
    .anchor-tabs ul:before,
    .listing-content__sort-result:before,
    .newsroom-listing__sort-result:before,
    .testimonial:before,
    .event-mapper__filters__controls:before,
    .event-mapper__item:before,
    .success-stories-mapper__filters__controls:before,
    .reseller-locator__filters__controls:before,
    .reseller-locator__filters__controls .btn-clear-filter:before,
    .inquiry-application:before,
    .site-header__wrapper:before,
    .site-header__top:before,
    .site-header__bottom:before,
    .hero-banner:before,
    .carousel .slick-dots:before,
    .more .image-links-wrapper:before,
    .form-horizontal:before,
    .form-horizontal form:before,
    .listing-content__results:before,
    .listing-content__results > li:before,
    .career-item__details:before,
    .event-featured-speakers-wrapper:before,
    .event-agenda__header:before,
    .event-agenda__header .day-toggle:before,
    .event-aside__share ul:before,
    .sitemap ul:before,
    .reseller-locator .reseller-partners--legend ul:before,
    .two-col-carousel .slick-dots:before,
    .three-four-carousel .slick-dots:before,
    .tabbed-carousel .slick-dots:before,
    .tab-carousel__tabs ul:before,
    .page-not-found-links:before,
    .container:after,
    .row:after,
    .row-col-12:after,
    .layout-aside:after,
    .layout-article:after,
    .section:after,
    .top-nav ul:after,
    .footer-nav ul:after,
    .follow:after,
    .follow ul:after,
    .carousel-item:after,
    .breadcrumb ul:after,
    .event-mapper__filters:after,
    .nav-level3:before,
    .nav-level3:after,
    .success-stories-mapper__filters:after,
    .anchor-tabs ul:after,
    .listing-content__sort-result:after,
    .newsroom-listing__sort-result:after,
    .testimonial:after,
    .event-mapper__filters__controls:after,
    .event-mapper__item:after,
    .success-stories-mapper__filters__controls:after,
    .reseller-locator__filters__controls:after,
    .reseller-locator__filters__controls .btn-clear-filter:after,
    .inquiry-application:after,
    .site-header__wrapper:after,
    .site-header__top:after,
    .site-header__bottom:after,
    .hero-banner:after,
    .carousel .slick-dots:after,
    .more .image-links-wrapper:after,
    .form-horizontal:after,
    .form-horizontal form:after,
    .listing-content__results:after,
    .listing-content__results > li:after,
    .career-item__details:after,
    .event-featured-speakers-wrapper:after,
    .event-agenda__header:after,
    .event-agenda__header .day-toggle:after,
    .event-aside__share ul:after,
    .sitemap ul:after,
    .reseller-locator .reseller-partners--legend ul:after,
    .two-col-carousel .slick-dots:after,
    .three-four-carousel .slick-dots:after,
    .tabbed-carousel .slick-dots:after,
    .tab-carousel__tabs ul:after,
    .page-not-found-links:after {
        content: '';
        display: table;
    }

    .container:after,
    .row-col-12:after,
    .layout-aside:after,
    .layout-article:after,
    .section:after,
    .top-nav ul:after,
    .footer-nav ul:after,
    .follow:after,
    .follow ul:after,
    .carousel-item:after,
    .breadcrumb ul:after,
    .event-mapper__filters:after,
    .main-nav:after,
    .nav-level3:after,
    .column-row-products:after,
    .success-stories-mapper__filters:after,
    .anchor-tabs ul:after,
    .listing-content__sort-result:after,
    .newsroom-listing__sort-result:after,
    .testimonial:after,
    .event-mapper__filters__controls:after,
    .event-mapper__item:after,
    .success-stories-mapper__filters__controls:after,
    .reseller-locator__filters__controls:after,
    .reseller-locator__filters__controls .btn-clear-filter:after,
    .inquiry-application:after,
    .site-header__wrapper:after,
    .site-header__top:after,
    .site-header__bottom:after,
    .hero-banner:after,
    .carousel .slick-dots:after,
    .more .image-links-wrapper:after,
    .form-horizontal:after,
    .form-horizontal form:after,
    .listing-content__results:after,
    .listing-content__results > li:after,
    .career-item__details:after,
    .event-featured-speakers-wrapper:after,
    .event-agenda__header:after,
    .event-agenda__header .day-toggle:after,
    .event-aside__share ul:after,
    .sitemap ul:after,
    .reseller-locator .reseller-partners--legend ul:after,
    .two-col-carousel .slick-dots:after,
    .three-four-carousel .slick-dots:after,
    .tabbed-carousel .slick-dots:after,
    .tab-carousel__tabs ul:after,
    .page-not-found-links:after {
        clear: both;
    }

.newsroom-listing:before,
.column-row_news:before {
    content: '' !important;
    display: table !important;
}

.newsroom-listing:after,
.column-row_news:after {
    clear: both;
}

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

.solution-service-main-title-text,
.insights-main-title-text {
    font-size: 2.5em;
    margin: 25px 0 20px;
    line-height: 1.166666;
    font-weight: bold;
}



.show {
    display: block !important;
}

.hide,
.hidden {
    display: none !important;
}

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

@media only screen and (max-width: 767px) {

    .tablet-only,
    .tablet-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 768px), print {
    .mobile-only {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .desktop-only {
        display: none !important;
    }
}

@media only screen and (min-width: 992px), print {

    .tablet-only,
    .handheld-only {
        display: none !important;
    }
}

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

@font-face {
    font-family: 'icomoon';
    src: url("/fbau/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbau/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbnz/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbnz/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbnz/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbph/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbph/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbph/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbmy/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbmy/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbmy/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbmy/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbmy/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbsg/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbsg/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbsg/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbsg/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbsg/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbsg/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbsg/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbsg/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbsg/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbsg/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbca/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbca/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbca/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbca/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbca/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbmm/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbmm/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbmm/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbmm/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbmm/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbth/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbth/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbth/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbth/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbth/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbtw/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbtw/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbtw/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbtw/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbtw/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbhk/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbhk/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbhk/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbhk/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbhk/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbkr/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbkr/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbkr/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbkr/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbkr/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url("/fbvn/ffassets/fujifilm/fonts/icomoon.eot?11az0y");
    src: url("/fbvn/ffassets/fujifilm/fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("/fbvn/ffassets/fujifilm/fonts/icomoon.ttf?11az0y") format("truetype"), url("/fbvn/ffassets/fujifilm/fonts/icomoon.woff?11az0y") format("woff"), url("/fbvn/ffassets/fujifilm/fonts/icomoon.svg?11az0y#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: initial;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    [class^="icon-"]:before,
    [class*=" icon-"]:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: initial;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.icon-cross:before {
    content: "\e906";
}

.icon-return:before {
    content: "\e911";
}

.icon-tick:before {
    content: "\e912";
}

.icon-save:before {
    content: "\e913";
}

.icon-chevron-with-circle-left:before {
    content: "\e907";
}

.icon-chevron-with-circle-right:before {
    content: "\e908";
}

.icon-controller-paus:before {
    content: "\e909";
}

.icon-controller-play:before {
    content: "\e90a";
}

.icon-minus:before {
    content: "\e90b";
}

.icon-plus:before {
    content: "\e90c";
}

.icon-call:before {
    content: "\e90e";
}

.icon-agent:before {
    content: "\e90f";
}

.icon-form:before {
    content: "\e910";
}

.icon-quote:before {
    content: "\e90d";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-clock:before {
    content: "\f017";
}

.icon-map-pin:before {
    content: "\f041";
}

.icon-notification:before {
    content: "\e902";
}

.icon-enquiry:before {
    content: "\e903";
}

.icon-chat:before {
    content: "\e904";
}

.icon-share:before {
    content: "\e905";
}

/* .icon-download:before {
  content: "\e901";
} */
.icon-download {
    background-image: url(../ffassets/fujifilm/images/icn_download.svg);
    height: 36px;
    width: 36px;
    display: inline-block;
}

    .icon-download:hover {
        background-image: url(../ffassets/fujifilm/images/icn_download-w.svg);
        height: 36px;
        width: 36px;
        display: inline-block;
    }

.icon-dropdown-arrow:before {
    content: "\e900";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-youtube:before {
    content: "\f16a";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-arrow-left:before {
    content: "\f108";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-arrow-right:before {
    content: "\f109";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-navicon:before {
    content: "\f0c9";
}

.icon-file-pdf-o:before {
    content: "\f1c1";
}

[class^="col-"],
[class*=" col-"],
[class^="col10-"],
[class*=" col10-"] {
    float: left;
    padding: 0 6px;
    width: 100%;
}

.container {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    padding: 0;
}

.row,
.row-col-12 {
    margin: 0;
}

.column-row_news {
    margin: 0 -6px;
}

.right {
    float: right;
}

.left {
    float: left;
}

@media only screen and (max-width: 767px) {
    .col-xs-1 {
        width: 8.3333333333%;
        padding: 0 6px;
    }

    .offset-xs-1 {
        margin-left: 8.3333333333%;
    }

    .col-xs-2 {
        width: 16.6666666667%;
        padding: 0 6px;
    }

    .offset-xs-2 {
        margin-left: 16.6666666667%;
    }

    .col-xs-3 {
        width: 25%;
        padding: 0 6px;
    }

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

    .col-xs-4 {
        width: 33.3333333333%;
        padding: 0 6px;
    }

    .offset-xs-4 {
        margin-left: 33.3333333333%;
    }

    .col-xs-5 {
        width: 41.6666666667%;
        padding: 0 6px;
    }

    .offset-xs-5 {
        margin-left: 41.6666666667%;
    }

    .col-xs-6 {
        width: 50%;
        padding: 0 6px;
    }

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

    .col-xs-7 {
        width: 58.3333333333%;
        padding: 0 6px;
    }

    .offset-xs-7 {
        margin-left: 58.3333333333%;
    }

    .col-xs-8 {
        width: 66.6666666667%;
        padding: 0 6px;
    }

    .offset-xs-8 {
        margin-left: 66.6666666667%;
    }

    .col-xs-9 {
        width: 75%;
        padding: 0 6px;
    }

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

    .col-xs-10 {
        width: 83.3333333333%;
        padding: 0 6px;
    }

    .offset-xs-10 {
        margin-left: 83.3333333333%;
    }

    .col-xs-11 {
        width: 91.6666666667%;
        padding: 0 6px;
    }

    .offset-xs-11 {
        margin-left: 91.6666666667%;
    }

    .col-xs-12 {
        width: 100%;
        padding: 0 6px;
    }

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

    .offset-xs-0 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px), print {
    .col-sm-1 {
        width: 8.3333333333%;
        padding: 0 6px;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
        padding: 0 6px;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
        padding: 0 6px;
    }

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

    .col-sm-4 {
        width: 33.3333333333%;
        padding: 0 6px;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
        padding: 0 6px;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
        padding: 0 6px;
    }

    .mobile-col {
        width: 100% !important;
    }

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

    .col-sm-7 {
        width: 58.3333333333%;
        padding: 0 6px;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
        padding: 0 6px;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
        padding: 0 6px;
    }

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

    .col-sm-10 {
        width: 83.3333333333%;
        padding: 0 6px;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
        padding: 0 6px;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
        padding: 0 6px;
    }

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

    .offset-sm-0 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px), print {
    .col-md-1 {
        width: 8.3333333333%;
        padding: 0 6px;
    }

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
        padding: 0 6px;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
        padding: 0 6px;
    }

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

    .col-md-4 {
        width: 33.3333333333%;
        padding: 0 10px;
    }

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
        padding: 0 6px;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
        padding: 0 6px;
    }

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

    .col-md-7 {
        width: 58.3333333333%;
        padding: 0 6px;
    }

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
        padding: 0 6px;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
        padding: 0 6px;
    }

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

    .col-md-10 {
        width: 83.3333333333%;
        padding: 0 6px;
    }

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
        padding: 0 6px;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
        padding: 0 6px;
    }

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

    .offset-md-0 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1280px) {
    .col-lg-1 {
        width: 8.3333333333%;
        padding: 0 6px;
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
        padding: 0 6px;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
        padding: 0 6px;
    }

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

    .col-lg-4 {
        width: 33.3333333333%;
        padding: 0 6px;
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
        padding: 0 6px;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
        padding: 0 6px;
    }

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

    .col-lg-7 {
        width: 58.3333333333%;
        padding: 0 6px;
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
        padding: 0 6px;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
        padding: 0 6px;
    }

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

    .col-lg-10 {
        width: 83.3333333333%;
        padding: 0 6px;
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
        padding: 0 6px;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
        padding: 0 6px;
    }

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

    .offset-lg-0 {
        margin-left: 0;
    }

    .column-row_news {
        margin: 0 -6px;
    }
}

@media only screen and (max-width: 767px) {
    .col10-xs-1 {
        width: 10%;
    }

    .col10-xs-2 {
        width: 20%;
    }

    .col10-xs-3 {
        width: 30%;
    }

    .col10-xs-4 {
        width: 40%;
    }

    .col10-xs-5 {
        width: 50%;
    }

    .col10-xs-6 {
        width: 60%;
    }

    .col10-xs-7 {
        width: 70%;
    }

    .col10-xs-8 {
        width: 80%;
    }

    .col10-xs-9 {
        width: 90%;
    }

    .col10-xs-10 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px), print {
    .col10-sm-1 {
        width: 10%;
    }

    .col10-sm-2 {
        width: 20%;
    }

    .col10-sm-3 {
        width: 30%;
    }

    .col10-sm-4 {
        width: 40%;
    }

    .col10-sm-5 {
        width: 50%;
    }

    .col10-sm-6 {
        width: 60%;
    }

    .col10-sm-7 {
        width: 70%;
    }

    .col10-sm-8 {
        width: 80%;
    }

    .col10-sm-9 {
        width: 90%;
    }

    .col10-sm-10 {
        width: 100%;
    }
}

@media only screen and (min-width: 992px), print {
    .col10-md-1 {
        width: 10%;
    }

    .col10-md-2 {
        width: 20%;
    }

    .col10-md-3 {
        width: 30%;
    }

    .col10-md-4 {
        width: 40%;
    }

    .col10-md-5 {
        width: 50%;
    }

    .col10-md-6 {
        width: 60%;
    }

    .col10-md-7 {
        width: 70%;
    }

    .col10-md-8 {
        width: 80%;
    }

    .col10-md-9 {
        width: 90%;
    }

    .col10-md-10 {
        width: 100%;
    }
}

@media only screen and (min-width: 1280px) {
    .col10-lg-1 {
        width: 10%;
    }

    .col10-lg-2 {
        width: 20%;
    }

    .col10-lg-3 {
        width: 30%;
    }

    .col10-lg-4 {
        width: 40%;
    }

    .col10-lg-5 {
        width: 50%;
    }

    .col10-lg-6 {
        width: 60%;
    }

    .col10-lg-7 {
        width: 70%;
    }

    .col10-lg-8 {
        width: 80%;
    }

    .col10-lg-9 {
        width: 90%;
    }

    .col10-lg-10 {
        width: 100%;
    }
}





/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

    /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
    a:active,
    a:hover {
        outline-width: 0;
    }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

    /**
 * Add the correct display in iOS 4-7.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

    /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

    .fancybox-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

    .fancybox-slide::before {
        content: '';
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

    .fancybox-slide--image::before {
        display: none;
    }

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #ffffff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #ffffff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #ffffff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

/* Buttons */
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

    .fancybox-button,
    .fancybox-button:visited,
    .fancybox-button:link {
        color: #ccc;
    }

        .fancybox-button:hover {
            color: #ffffff;
        }

        .fancybox-button:focus {
            outline: none;
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted;
        }

        .fancybox-button[disabled],
        .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none;
        }

        /* Fix IE11 */
        .fancybox-button div {
            height: 100%;
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%;
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0;
            }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

    .fancybox-close-small:hover {
        color: #ffffff;
        opacity: 1;
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: -webkit-calc(50% - 50px);
    top: calc(50% - 50px);
    width: 70px;
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px;
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
}

/* Caption */
.fancybox-caption {
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0;
    text-align: center;
    z-index: 99996;
}

    .fancybox-caption::before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
        background-repeat: repeat-x;
        background-size: contain;
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: -44px;
        z-index: -1;
    }

    .fancybox-caption a,
    .fancybox-caption a:link,
    .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none;
    }

        .fancybox-caption a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

/* Loading indicator */
.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #ffffff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

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

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

/* Transition effects */
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-caption {
        padding: 12px;
    }

    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }
}

/* Share */
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px 0;
    }

    .fancybox-share p {
        margin: 0;
        padding: 0;
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    .fancybox-share__button:visited,
    .fancybox-share__button:link {
        color: #ffffff;
    }

    .fancybox-share__button:hover {
        text-decoration: none;
    }

.fancybox-share__button--fb {
    background: #3b5998;
}

    .fancybox-share__button--fb:hover {
        background: #344e86;
    }

.fancybox-share__button--pt {
    background: #bd081d;
}

    .fancybox-share__button--pt:hover {
        background: #aa0719;
    }

.fancybox-share__button--tw {
    background: #1da1f2;
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8;
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

    .fancybox-share__button svg path {
        fill: #ffffff;
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: -webkit-calc(100% - 8px);
    max-height: calc(100% - 8px);
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

    .fancybox-thumbs__list a::before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: '';
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 99991;
    }

    .fancybox-thumbs__list a:focus::before {
        opacity: .5;
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active::before {
        opacity: 1;
    }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: -webkit-calc(100% - 10px);
        max-width: calc(100% - 10px);
    }
}

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

body {
    position: relative;
    line-height: 1.6;
    font-weight: 300;
    word-wrap: break-word;
    color: #000;
    font-size: 1em;
}

@media print {
    body {
        zoom: 0.85;
    }
}

img {
    vertical-align: top;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.timeline-Tweet:hover {
    background-color: rgba(0, 0, 0, 0);
}

.browsehappy {
    text-align: center;
    margin: 0;
    background: #fff8e2;
    color: #000;
    padding: 0.5em 0;
}

.no-focus-outline *:not(.has-outline):focus {
    outline: none;
}

.red-link {
    color: #01916d;
    text-decoration: none;
}

    .red-link:hover {
        text-decoration: underline;
    }

/* Layouts */
.layout {
    position: relative;
    max-width: 1120px;
    margin: 80px auto 0;
    padding: 20px 10px 0;
    width: 100%;
}

.main-content,
.page-not-found {
    position: relative;
    /* max-width: 1140px; */
    margin: 0px auto 0;
    padding: 20px 10px 0;
}

.main-container {
    position: relative;
    max-width: 1140px;
    margin: 0 auto 0;
    padding: 20px 10px 0;
}

@media only screen and (min-width: 768px), print {
    .main-container {
        margin: 0 auto 0;
        padding: 20px 10px 0;
    }
}

.main-content_full-width {
    position: relative;
    margin: 0px auto 0;
    padding: 0px 0 0;
}

@media only screen and (min-width: 768px), print {
    .main-content_full-width {
        margin: 26px auto 0;
        padding: 20px 0 0;
    }
}

@media only screen and (max-width: 767px) {

    .main-content > h1:first-of-type,
    .main-content > h2:first-of-type,
    .main-content > h3:first-of-type,
    .main-content > h4:first-of-type,
    .main-content > h5:first-of-type,
    .main-content > h6:first-of-type,
    .page-not-found > h1:first-of-type,
    .page-not-found > h2:first-of-type,
    .page-not-found > h3:first-of-type,
    .page-not-found > h4:first-of-type,
    .page-not-found > h5:first-of-type,
    .page-not-found > h6:first-of-type {
        margin: 0;
    }
}

#at15s {
    margin-top: -80px !important;
}

.layout-article .layout-side {
    width: 100%;
    margin: 0 0 0 24px;
}

.top-banner {
    width: 100%;
    margin-bottom: 24px;
}

.layout-main,
.layout-bottom {
    max-width: 1120px;
    margin: 0 auto;
}

.layout-bottom {
    max-width: 1120px;
    padding: 0 10px;
    clear: both;
}

.layout-side > *:first-child {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .layout-side--left {
        display: none;
    }

    .layout-article .layout-side {
        width: 100%;
        margin: 24px 0 0;
        max-width: none;
    }
}

@media only screen and (min-width: 768px), print {
    .layout-article .layout-main {
        float: left;
        width: -webkit-calc(70% - 48px);
        width: calc(70% - 48px);
        min-width: -webkit-calc(100% - 528px);
        min-width: calc(100% - 528px);
    }

    .layout-article .layout-side {
        float: left;
        width: 30%;
        /* max-width: 240px; */
        margin: 0 0 0 24px;
    }

    .layout-article .layout-side--left {
        margin: 0 24px 0 0;
    }
}

@media only screen and (min-width: 992px), print {

    .main-content,
    .page-not-found {
        /* margin: 0 auto 0; */
        padding: 40px 0px 0;
    }

    #at15s {
        margin-top: 0 !important;
    }

    .layout-aside .layout-main {
        float: left;
        width: -webkit-calc(100% - 234px);
        width: calc(100% - 234px);
    }

    .layout-aside .layout-side {
        float: left;
        display: block;
        width: 100%;
        max-width: 210px;
        margin: 0 0 0 24px;
    }

    .layout-aside .layout-bottom {
        float: left;
        width: 100%;
    }
}

@media print {
    .layout-aside .layout-main {
        width: 100%;
    }

    .layout-aside .layout-side {
        width: 100%;
    }
}

/* Link styles */
/* Result status */
.result-status {
    text-align: center;
}

    .result-status .msg {
        display: none;
        text-align: left;
        padding: 3px 0;
        font-size: 0.875em;
        margin: 0;
    }

/* Loader animation */
@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.loader-animation {
    display: none;
    position: relative;
    margin-left: -30px;
}

    .loader-animation .inner {
        display: block;
        width: 10px;
        height: 10px;
        background: #000;
        position: absolute;
        -webkit-animation-name: fade;
        animation-name: fade;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        top: 0;
    }

        .loader-animation .inner:nth-child(1) {
            left: 0;
            -webkit-animation-delay: 0;
            animation-delay: 0;
        }

        .loader-animation .inner:nth-child(2) {
            left: 12px;
            -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
        }

        .loader-animation .inner:nth-child(3) {
            left: 24px;
            -webkit-animation-delay: 400ms;
            animation-delay: 400ms;
        }

/* Back to top */
.back-to-top {
    position: fixed;
    right: 15px;
    top: 80%;
    padding: 4px 10px;
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 5;
    display: block;
    line-height: 3rem;
    width: 3rem;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.17);
    text-decoration: none;
    color: white;
    font-size: 14px;
}

    .back-to-top span {
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        margin-top: -10px;
    }

    .back-to-top i {
        font-size: 24px;
        line-height: 1;
    }

@media print {
    .slick-slide {
        display: none !important;
    }

        .slick-slide.slick-active {
            display: block !important;
        }

    .slick-list {
        height: auto !important;
    }

    .slick-track {
        width: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

        .slick-track .slick-slide {
            width: auto !important;
        }

    .match-height {
        height: auto !important;
    }
}

/* End Layouts */
.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.section {
    margin-bottom: 25px;
}

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

    .section .anchor-link + * {
        margin-top: 0;
    }

    .section:first-of-type {
        border-top: 0;
        padding-top: 0;
    }

    .section.featured-linkboxs {
        border-top: 0;
    }

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

@media only screen and (min-width: 768px), print {
    .section.center {
        max-width: 80%;
    }
}

.section > h1,
.section > h2,
.section > h3,
.section > h4,
.section > h5,
.section > h6 {
    font-weight: 300;
    margin: 20px 0 10px;
}

.section a {
    /* color: #01916d; */
    color: #000;
    text-decoration: none;
}

    /*	.section a:hover {
        text-decoration: underline;
    }
*/
    .section a.button {
        color: #ffffff;
    }

        .section a.button:hover {
            color: #01916d;
            text-decoration: none;
        }

    .section a.button--inverse {
        color: #01916d;
    }

        .section a.button--inverse:hover {
            color: #ffffff;
            text-decoration: none;
        }

.layout-article .section > *:last-child {
    margin-bottom: 0;
}

.section table {
    font-size: 1em;
    line-height: 1.6;
    margin: 20px 0;
    border-collapse: collapse;
    width: 100% !important;
}

    .section table.full-width {
        width: 100%;
    }

    .section table th {
        text-align: left;
    }

        .section table th a {
            color: #ffffff;
            text-decoration: none;
        }

            .section table th a:hover {
                text-decoration: underline;
            }

    .section table a {
        color: #01916d;
        text-decoration: none;
    }

        .section table a:hover {
            text-decoration: underline;
        }

.section thead {
    color: #ffffff;
    text-align: left;
}

    .section thead tr {
        background: #01916d;
    }

.section th {
    background: #01916d;
    color: #ffffff;
}

.section td,
.section th {
    padding: 15px;
    font-weight: 300;
}

.section th {
    font-weight: normal;
}

.section td {
    vertical-align: top;
    max-width: 400px;
}

.section tbody tr:nth-child(odd) {
    background: #ededed;
}

.section tbody li {
    margin-bottom: 8px;
}

.section tbody p {
    margin-top: 0;
}

.section tbody ul li {
    padding-left: 0;
}

    .section tbody ul li:before {
        display: none;
    }

.sorting-table td,
.sorting-table th {
    padding: 15px 25px 15px 20px;
    font-weight: 300;
}

.sorting-table th {
    font-weight: normal;
}

.event-details-actions {
    text-align: center;
}

    .event-details-actions .button {
        margin: 0 6px;
    }

/**
 * Video Section
 */
.video-box,
.testimony-box {
    position: relative;
    padding: 0;
    margin-top: 25px;
    border-top: 0;
}

.video-box {
    background-color: #e6e6e6;
}

.video-box__desc {
    padding: 15px 20px;
}

    .video-box__desc h2 {
        margin-top: 0;
    }

.video-box__yt-embed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0;
    background-color: black;
    overflow: hidden;
}

    .video-box__yt-embed iframe {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-box__yt-embed video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/**
 * Testimony Section
 */
.testimony-box__image img {
    display: block;
    width: 100%;
}

.testimony-box__quote {
    padding: 0 8px;
}

    .testimony-box__quote blockquote {
        margin-top: 0;
    }

    .testimony-box__quote .testimony-content {
        line-height: 1.4;
        font-style: italic;
        color: #666;
        margin: 0 0 16px;
    }

        .testimony-box__quote .testimony-content p {
            margin: 0;
        }

    .testimony-box__quote footer {
        display: block;
        font-weight: bold;
        line-height: 1.4;
    }

        .testimony-box__quote footer:before {
            content: '';
            display: block;
            width: 30px;
            height: 1px;
            background-color: #000;
            margin-bottom: 16px;
        }

/**
 * Points
 */
.points {
    text-align: center;
}

    .points .icon {
        display: inline-block;
        width: 140px;
        height: 140px;
        text-align: center;
        line-height: 140px;
        border-radius: 50%;
        background: #01916d;
        margin: 10px auto 20px;
    }

        .points .icon img {
            position: relative;
            display: inline-block;
            max-width: 100%;
            top: 26px;
        }

    .points h3 {
        font-size: 2em;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .points li {
        display: inline-block;
        text-align: center;
        padding: 10px;
        margin: 0 10px 24px;
        background-color: #ebebeb;
        width: 280px;
        vertical-align: top;
    }

        .points li:before {
            display: none;
        }

/**
 * Resources
 */
.resources {
    margin-top: 20px;
}

.resources__block {
    position: relative;
    padding: 0 0 20px;
}

    .resources__block dt {
        float: left;
        margin-right: 5px;
        color: #808080;
    }

    .resources__block dd {
        clear: right;
        font-style: italic;
        margin: 0;
    }

.article-content .resources__block h3 {
    margin-bottom: 0;
}

.resources__block__download-btn {
    display: inline-block;
    border: 2px solid #01916d;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 34px;
    text-decoration: none;
}

    .resources__block__download-btn:hover {
        text-decoration: none;
        background-color: #01916d;
    }

        .resources__block__download-btn:hover i {
            color: #ffffff;
            background-image: url(../ffassets/fujifilm/images/icn_download-w.svg);
        }

/**
 * Event Agenda (career-detail page table added)
 */
.career-detail-overview table,
.event-agenda__day-table table {
    width: 100%;
}

.career-detail-overview td h3,
.career-detail-overview td h4,
.event-agenda__day-table td h3,
.event-agenda__day-table td h4 {
    margin-top: 0;
}

/**
 * Event detail page overview
 */
.event-overview h1,
.event-registration h1 {
    margin-top: 0;
    font-size: 1.5em;
}

/**
 * Career-detail-requirement
 */
.career-details-requirement ul {
    margin: 0;
}

/**
 * Career-detail-actions
 */
.career-details-actions {
    border-top: none;
    padding-top: 0;
}

    .career-details-actions a.button {
        margin: 0 12px 0 0;
    }

/**
 * Career-details
 */
.career-detail-overview .job-listing-dates {
    position: relative;
    top: -15px;
    display: inline-block;
    width: 100%;
    font-size: 0.875em;
}

.career-detail-overview .job-at-a-glance {
    margin-bottom: 0;
}

    .career-detail-overview .job-at-a-glance thead {
        display: none;
    }

    .career-detail-overview .job-at-a-glance tr {
        background-color: #ededed;
        border-bottom: 1px solid #ffffff;
        font-size: 0.8571428571em;
    }

        .career-detail-overview .job-at-a-glance tr td {
            padding: 8px;
        }

            .career-detail-overview .job-at-a-glance tr td:first-child {
                background-color: #01916d;
                color: #ffffff;
            }

.career-detail-overview p {
    position: relative;
    top: -10px;
}

/**
 * Success Stories Landing
 */
.success-landing-intro {
    margin-top: 25px;
}

    .success-landing-intro .intro-text {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 0;
        margin: 0 auto 0;
        line-height: 1.6;
        font-size: 1em;
    }

@media only screen and (min-width: 768px), print {
    .success-landing-intro .intro-text {
        max-width: 80%;
    }
}

@media only screen and (min-width: 992px) {
    .success-landing-intro .intro-text {
        font-size: 1em;
    }
}

@media only screen and (min-width: 768px), print {
    .resources__block__download-btn {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .resources__block h4 {
        padding-right: 70px;
    }

    .career-detail-overview .job-listing-dates {
        padding-right: 45px;
        display: inline;
        font-size: 1em;
    }

    .career-detail-overview .job-at-a-glance {
        margin-bottom: 0;
    }

        .career-detail-overview .job-at-a-glance thead {
            display: table-header-group;
        }

        .career-detail-overview .job-at-a-glance tr {
            background-color: #ffffff;
            border-bottom: none;
            font-size: 1em;
        }

            .career-detail-overview .job-at-a-glance tr td {
                padding: 15px;
            }

                .career-detail-overview .job-at-a-glance tr td:first-child {
                    color: #000;
                    width: 225px;
                    background-color: #ffffff;
                }

            .career-detail-overview .job-at-a-glance tr:nth-child(odd) {
                background-color: #ededed;
            }

                .career-detail-overview .job-at-a-glance tr:nth-child(odd) td:first-child {
                    background-color: #ededed;
                }
}

@media only screen and (min-width: 992px), print {
    .video-box__yt-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 65%;
    }

    .video-box__yt-embed {
        position: relative;
        height: 100%;
        padding: 0;
        min-height: 300px;
    }

        .video-box__yt-embed iframe {
            display: block;
            width: 100%;
            height: 100%;
        }

    .video-box__desc {
        float: left;
        width: 35%;
        min-height: 300px;
    }

        .video-box__desc h2 {
            margin: 15px 0 0;
        }

        .video-box__desc p {
            margin: 0 0 10px;
        }
}


a.button,
.load-more a,
.btn-group button,
.btn-clear-filter {
    outline-offset: 1px;
    position: relative;
    display: inline-flex;
    /*  background-color: var(--color-bg-secondary-a); */
    border-radius: 2px;
    line-height: 1.5;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
    cursor: pointer;
    text-decoration: none;
    word-break: break-word;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    font-size: 16px;
    min-width: 180px;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

    a.button:hover:after,
    .load-more a:hover:after,
    .btn-group button:hover:after,
    .btn-clear-filter:hover:after {
        border-top: 2px solid #01916d;
        border-right: 2px solid #01916d;
    }

    a.button.expired,
    span.button.expired,
    .load-more a.expired,
    .btn-group button.expired,
    .btn-clear-filter.expired {
        background-color: #ddd;
        color: #000;
        padding: 4px 15px 4px 15px;
        border: 1px solid #ddd;
    }

        a.button.expired:after,
        span.button.expired:after,
        .load-more a.expired:after,
        .btn-group button.expired:after,
        .btn-clear-filter.expired:after {
            display: none;
        }

        a.button.expired:hover,
        span.button.expired:hover,
        .load-more a.expired:hover,
        .btn-group button.expired:hover,
        .btn-clear-filter.expired:hover {
            background-color: #ddd;
            color: #000;
        }

    a.button.center,
    span.button.center,
    .load-more a.center,
    .btn-group button.center,
    .btn-clear-filter.center {
        text-align: center;
    }

    a.button.load-more,
    span.button.load-more,
    .load-more a.load-more,
    .btn-group button.load-more,
    .btn-clear-filter.load-more {
        padding: 5px 15px 5px 15px;
    }

        a.button.load-more:after,
        span.button.load-more:after,
        .load-more a.load-more:after,
        .btn-group button.load-more:after,
        .btn-clear-filter.load-more:after {
            display: none;
        }

a.button--inverse,
span.button--inverse,
.load-more a--inverse,
.btn-group button--inverse,
.btn-clear-filter--inverse {
    color: #01916d;
    background: #ffffff;
    /* border: 1px solid #01916d;*/
    padding: 4px 35px 4px 15px;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
}

    a.button--inverse:after,
    span.button--inverse:after,
    .load-more a--inverse:after,
    .btn-group button--inverse:after,
    .btn-clear-filter--inverse:after {
        -webkit-transform: rotate(45deg) translate(0, -50%);
        transform: rotate(45deg) translate(0, -50%);
        position: absolute;
        top: 50%;
        right: 21px;
        display: block;
        width: 10px;
        height: 10px;
        margin: -2px 0 0;
        content: "";
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    a.button--inverse:hover,
    span.button--inverse:hover,
    .load-more a--inverse:hover,
    .btn-group button--inverse:hover,
    .btn-clear-filter--inverse:hover {
        background: #01916d;
        color: #ffffff;
    }

        a.button--inverse:hover:after,
        span.button--inverse:hover:after,
        .load-more a--inverse:hover:after,
        .btn-group button--inverse:hover:after,
        .btn-clear-filter--inverse:hover:after {
            border-top: 2px solid #ffffff;
            border-right: 2px solid #ffffff;
        }

a.button.btn-wide,
span.button.btn-wide,
.load-more a.btn-wide,
.btn-group button.btn-wide,
.btn-clear-filter.btn-wide {
    min-width: 30.8510638%;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    position: relative;
    padding: 0 30px 0 10px;
    margin: 0;
    border: 1px solid transparent;
}

    a.button.btn-wide:hover,
    span.button.btn-wide:hover,
    .load-more a.btn-wide:hover,
    .btn-group button.btn-wide:hover,
    .btn-clear-filter.btn-wide:hover {
        color: #01916d;
        background-color: #ffffff;
        border: 1px solid #d7d7d7;
    }

        a.button.btn-wide:hover:after,
        span.button.btn-wide:hover:after,
        .load-more a.btn-wide:hover:after,
        .btn-group button.btn-wide:hover:after,
        .btn-clear-filter.btn-wide:hover:after {
            color: #01916d;
        }

    a.button.btn-wide:after,
    span.button.btn-wide:after,
    .load-more a.btn-wide:after,
    .btn-group button.btn-wide:after,
    .btn-clear-filter.btn-wide:after {
        -webkit-transform: rotate(0) translate(0, -50%);
        transform: rotate(0) translate(0, -50%);
        position: absolute;
        top: 50%;
        right: 12px;
        font-family: Arial;
        font-size: 90%;
        color: #ffffff;
        padding: 0 0 0 5px;
        content: "\0000a0\276F";
        border: none;
        width: auto;
        height: auto;
        margin: -1px 0 0 0;
    }

a.button.button-nohover:hover,
span.button.button-nohover:hover,
.load-more a.button-nohover:hover,
.btn-group button.button-nohover:hover,
.btn-clear-filter.button-nohover:hover {
    background: #01916d;
    color: #ffffff !important;
}

    a.button.button-nohover:hover:after,
    span.button.button-nohover:hover:after,
    .load-more a.button-nohover:hover:after,
    .btn-group button.button-nohover:hover:after,
    .btn-clear-filter.button-nohover:hover:after {
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
    }

.load-more a {
    padding: 5px 20px 5px 20px;
}

    .load-more a:after {
        display: none;
    }

.btn-clear-filter {
    float: right;
    margin: 2px 10px 0 0;
    border: 1px solid transparent;
}

    .btn-clear-filter:hover {
        border-color: #01916d;
    }

.btn-group button {
    position: relative;
    background: transparent;
    border: 1px solid #ffffff;
    display: inline-block;
    -webkit-appearance: none;
    cursor: pointer;
}

    .btn-group button[type="submit"] {
        background: #01916d;
        color: #ffffff;
    }

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

    .btn-group button i {
        display: none;
    }

    .btn-group button:hover[type="submit"] {
        background: #ffffff;
        color: #01916d;
    }

@media only screen and (min-width: 768px) {
    a.button.btn-wide {
        min-width: 290px;
    }
}

@media only screen and (min-width: 992px) {
    a.button.btn-wide {
        min-width: 290px;
    }
}

@media print {
    a.button {
        color: #000;
        border-color: #000;
        padding-right: 14px;
    }

        a.button:after {
            display: none;
        }
}

.iframe-container {
    margin: 16px auto;
    width: 100%;
    height: auto;
}

    .iframe-container iframe {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        overflow: hidden;
    }


.footer-nav ul {
    font-size: 0.9375em;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 14px;
}

.footer-nav li {
    position: relative;
    float: left;
}

    .footer-nav li:last-child a:after {
        display: none;
    }

.footer-nav a {
    color: #000;
    display: block;
    margin: 0 19px 0 0;
    text-decoration: none;
}

    .footer-nav a:hover {
        text-decoration: underline;
    }

    .footer-nav a:after {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: #dbdbdb;
        position: absolute;
        top: 50%;
        right: 9px;
        display: inline-block;
        width: 1px;
        height: 6px;
        margin: -1px 0 0;
        content: "";
    }

#searchbar {
    margin: 0;
}

.search-bar {
    background: transparent;
    position: relative;
    top: 0;
    padding: 0;
    border: 0;
    z-index: 999;
}

    .search-bar input {
        border: none !important;
        box-shadow: none !important;
        background-color: #f6f6f6;
        font-size: 1.125em;
        color: #333;
        width: 100%;
        height: 46px !important;
        margin: 0;
        padding: 8px 38px 8px 10px;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: inherit;
    }

    .search-bar button {
        position: absolute;
        top: 35px;
        right: 24px;
        border-color: #707070;
        background: #ffffff;
        background: url(../ffassets/fujifilm/images/icon-search.svg) 7px 7px no-repeat;
        background-size: 16px;
        width: 38px;
        height: 38px;
        margin: 1px;
        padding: 1px 6px;
        border: none;
        border-left: 0;
        min-width: 0 !important;
        outline: 0;
    }

        .search-bar button:after {
            display: none;
        }

        .search-bar button:hover {
            border: none;
        }

@media only screen and (max-width: 1000px) {
    .search-bar {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 5px 20px;
        background-color: #fff;
        /* border: 1px solid #e3e3e3; */
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transition: ease-in 0.2s;
        transition: ease-in 0.2s;
    }

        .search-bar.open {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -webkit-transition: ease-in 0.2s;
            transition: ease-in 0.2s;
            left: 0;
        }

        .search-bar input {
            border: 2px solid #e3e3e3;
        }

    /*  .search-bar button {
            top: 53%;
            right: 53px;
        }  */
}

/*@media only screen and (min-width: 999px), print {
    .search-bar {
        float: right;
        vertical-align: top;
    }
}*/

@media print {
    .search-bar button {
        display: none;
    }
}

.follow {
    line-height: 1.3;
    z-index: 2;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 1% 5px 1% 0;
    float: right;
}

    .follow h3 {
        float: left;
        color: #000;
        margin: 4px 10px 0 0;
        font-size: 1.125em;
        font-weight: 400;
    }

    .follow ul {
        float: left;
        margin: 0;
    }

    .follow li {
        float: left;
        margin: 0 0 0 10px;
    }

        .follow li:first-child {
            margin: 0;
        }

    .follow a {
        display: block;
    }

    .follow img {
        width: 30px;
    }

    .follow .qrcode {
        position: relative;
        cursor: pointer;
    }

        .follow .qrcode .hover {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            bottom: 0;
            right: -webkit-calc(100% + 10px);
            right: calc(100% + 10px);
            width: 80px;
        }

            .follow .qrcode .hover img {
                width: auto;
                height: auto;
            }

        .follow .qrcode:hover .hover {
            visibility: visible;
            opacity: 1;
        }

@media only screen and (min-width: 768px), print {
    .follow {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        right: 4%;
        bottom: 0;
        margin: 0;
        padding: 15px;
        float: none;
    }

        .follow h3 {
            color: #ffffff;
            margin: 4px 15px 0 0;
        }

        .follow li {
            margin: 0 0 0 15px;
        }

        .follow img {
            width: 31px;
        }
}

.panel-item {
    margin-top: 12px;
}

    .panel-item a {
        display: inline-block;
        text-decoration: none;
        color: #000;
        background-color: #ebebeb;
        width: 100%;
        height: 100%;
    }

        .panel-item a:hover {
            text-decoration: none;
        }

.panel-item__image {
    position: relative;
    height: 175px;
}

.panel-item .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.panel-item img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center center";
    object-fit: cover;
    object-position: center center;
}

.panel-item__text {
    padding: 30px 60px 40px 30px;
    position: relative;
    background-color: #ebebeb;
}

    .panel-item__text h3 {
        font-size: 1.375em;
        line-height: 1.2;
        margin: 0 0 10px;
        font-weight: 300;
    }

    .panel-item__text p {
        line-height: 1.4;
        margin: 0;
    }

    .panel-item__text .sub {
        font-size: 0.75em;
        line-height: 1.875;
        margin: 0 0 10px;
    }

    .panel-item__text:before {
        top: 29px;
        width: 30px;
        height: 30px;
        background: #01916d;
        position: absolute;
        z-index: 2;
        right: 0;
        display: block;
        content: "";
    }

    .panel-item__text:after {
        top: 39px;
        right: 11px;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        z-index: 2;
        display: block;
        content: "";
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }

.panel-item.resource .panel-item__text i {
    position: absolute;
}

.panel-item.resource .panel-item__text p {
    padding-left: 24px;
}

.panel-item:hover .overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.panel-item:hover a {
    background-color: #d5d5d5;
}

.panel-item:hover .panel-item__text {
    background-color: #d5d5d5;
}

    .panel-item:hover .panel-item__text:before {
        background: #ffffff;
    }

    .panel-item:hover .panel-item__text:after {
        border-right: 2px solid #01916d;
        border-bottom: 2px solid #01916d;
    }

.panels .panel-item:first-child .panel-item__text {
    background-color: #01916d;
    color: #ffffff;
}

.panels .panel-item:first-child a {
    background-color: #01916d;
}

.panels .panel-item:first-child:hover a {
    background-color: #991822;
}

.panels .panel-item:first-child:hover .panel-item__text {
    background-color: #991822;
}

.panels .panel-item:first-child:hover a {
    background-color: #991822;
}

.layout-article .panel-item {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .panel-item__text {
        padding: 20px 50px 40px 25px;
    }

        .panel-item__text h3 {
            font-size: 1.25em;
        }

        .panel-item__text:before {
            top: 20px;
            width: 25px;
            height: 25px;
        }

        .panel-item__text:after {
            top: 28px;
            right: 10px;
            width: 9px;
            height: 9px;
        }
}

@media only screen and (min-width: 768px), print {
    .layout-article .panel-item {
        float: left;
        width: 50%;
        padding: 0 6px;
    }
}

@media print {
    .newsroom .panel-item {
        width: 100% !important;
    }
}

.panel-gradient {
    position: relative;
    margin-top: 6px;
    padding: 0 6px;
}

    .panel-gradient > a {
        display: block;
        text-decoration: none;
        padding: 6px;
        width: 100%;
        height: 100%;
    }

        .panel-gradient > a:hover {
            text-decoration: none;
        }

.panel-gradient__image {
    position: relative;
    height: 175px;
}

.panel-gradient .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.panel-gradient img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center center";
    object-fit: cover;
    object-position: center center;
}

.panel-gradient__text {
    padding: 20px 25px 30px 25px;
}

    .panel-gradient__text h3 {
        position: absolute;
        top: 15px;
        left: 37px;
        right: 37px;
        font-size: 1.375em;
        line-height: 1.2;
        margin: 0 0 10px;
        font-weight: 300;
        color: #ffffff;
    }

    .panel-gradient__text p {
        line-height: 1.4;
        margin: 0;
        color: #000;
    }

.panel-gradient:hover > a {
    background-color: #d5d5d5;
}

.panel-gradient:hover .button {
    background-color: #ffffff;
    color: #000;
    border: 1px solid #c1c1c1;
    padding: 4px 34px 4px 14px;
}

    .panel-gradient:hover .button:after {
        border-top: 2px solid #01916d;
        border-right: 2px solid #01916d;
    }

@media only screen and (max-width: 767px) {
    .panel-gradient__text h3 {
        font-size: 1.25em;
    }
}

.carousel-item {
    position: relative;
    padding: 0 10px;
}

.carousel-item__image {
    float: left;
    text-align: center;
    width: 40%;
    margin: 0;
}

    .carousel-item__image img {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center center";
        object-fit: cover;
        object-position: center center;
    }

.carousel-item__text {
    float: right;
    width: 60%;
    padding-left: 20px;
    padding-bottom: 65px;
    line-height: 1.666666;
}

    .carousel-item__text h4 {
        font-size: 1.125em;
        font-weight: 400;
        margin: 0 0 7px;
    }

    .carousel-item__text p {
        font-size: 0.875em;
        margin: 0 0 10px;
    }

.carousel-item .button {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 31px;
    font-weight: 400;
    position: absolute;
    color: #000 !important;
    background-color: #ffffff;
    bottom: 16px;
    border: none;
}

    .carousel-item .button:after {
        border-top: 2px solid #01916d;
        border-right: 2px solid #01916d;
    }

    .carousel-item .button:hover {
        color: #ffffff !important;
        background-color: #01916d;
    }

        .carousel-item .button:hover:after {
            border-top: 2px solid #ffffff;
            border-right: 2px solid #ffffff;
        }

@media only screen and (max-width: 767px) {
    .carousel-item {
        padding: 0;
    }
}

@media only screen and (min-width: 992px), print {
    .carousel-item__text {
        line-height: 1.875;
    }
}

.social-feed-item__icon {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
}

    .social-feed-item__icon img {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 10px 0 0;
    }

.social-feed-item__text .image {
    display: block;
    position: relative;
    padding-top: 56.25%;
}

    .social-feed-item__text .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center center";
        object-fit: cover;
        object-position: center center;
    }

.social-feed-item__text p {
    line-height: 1.6;
    margin: 0 0 10px;
}

    .social-feed-item__text p a {
        display: block;
    }

.social-feed-item__text a {
    display: inline-block;
    text-decoration: none;
    color: #01916d;
    margin: 0 0 10px;
}

    .social-feed-item__text a:hover {
        text-decoration: underline;
    }

.social-feed-item__actions {
    margin-bottom: 10px;
}

    .social-feed-item__actions a {
        text-indent: -99999px;
        background-image: url(../ffassets/fujifilm/images/twitter-actions.png);
        background-position: 0 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 40px;
    }

    .social-feed-item__actions .reply:hover {
        background-position: -16px 0;
    }

    .social-feed-item__actions .retweet {
        background-position: -81px 0;
        width: 17px;
    }

        .social-feed-item__actions .retweet:hover {
            background-position: -100px 0;
        }

    .social-feed-item__actions .favorite {
        background-position: -32px 0;
        margin-right: 0;
    }

        .social-feed-item__actions .favorite:hover {
            background-position: -48px 0;
        }

@media only screen and (max-width: 767px) {
    .social-feed-item {
        margin: 12px 0 0;
    }
}

.breadcrumb {
    display: none;
    width: 100%;
    color: #8c8c8c;
    margin: 0 0 20px;
    line-height: 1.9;
    font-size: 0.875em;
}

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li:after {
            content: ' / ';
            margin: 0 10px;
        }

        .breadcrumb li:last-child:after {
            display: none;
        }

    .breadcrumb a {
        display: inline-block;
        text-decoration: none;
        color: #000;
    }

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

@media only screen and (min-width: 768px), print {
    .breadcrumb {
        display: block;
    }
}

.quick-links {
    padding: 20px 0;
    margin: 0 0 20px;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}

    .quick-links h3 {
        font-size: 1.25em;
        font-weight: 400;
        margin: 0 0 10px;
        padding: 0;
        line-height: 1.2;
    }

    .quick-links a {
        text-decoration: none;
        color: #01916d;
        line-height: 1.666666;
        display: block;
        padding: 5px 0;
    }

        .quick-links a:hover {
            text-decoration: underline;
        }

@media only screen and (min-width: 992px), print {
    .quick-links a {
        line-height: 1.875;
    }
}

@media print {
    .quick-links a {
        color: #000;
    }

    .layout-aside .quick-links {
        margin-top: 80px;
    }
}

.social-aside {
    display: inline-block;
}

    .social-aside ul.addthis_default_style li:first-child a {
        border-top: none;
    }

    .social-aside a.at300b,
    .social-aside a.at300m {
        color: #000;
        width: 100%;
        margin: 0 0 -4px;
        padding: 17px 0 19px;
        border-top: 1px solid #ebebeb;
        text-decoration: none;
        font-weight: 300;
        float: none !important;
        display: inline-block;
    }

        .social-aside a.at300b:hover,
        .social-aside a.at300m:hover {
            text-decoration: underline;
        }

        .social-aside a.at300b span,
        .social-aside a.at300m span {
            width: 26px !important;
            height: 26px !important;
            line-height: 26px !important;
            margin: -2px 10px 0 0;
            vertical-align: middle;
        }

            .social-aside a.at300b span svg,
            .social-aside a.at300m span svg {
                line-height: 26px !important;
                width: 26px !important;
                height: 26px !important;
            }

@media print {

    .social-aside li span,
    .social-aside li svg {
        display: none;
    }
}

.aside {
    margin: 30px 0 20px;
    border-top: 1px solid #c1c1c1;
}

    .aside h3 {
        font-weight: 400;
        font-size: 1.25em;
        line-height: 1.2;
        margin: 20px 0 10px;
        color: #000;
    }

        .aside h3 a {
            text-decoration: none;
            color: #01916d;
        }

            .aside h3 a:hover {
                color: #01916d;
                text-decoration: underline;
            }

    .aside p {
        line-height: 1.6;
        font-weight: 300;
        margin: 0 0 10px;
    }

    .aside ul a {
        display: inline-block;
        line-height: 1.666666;
        padding: 5px 0;
        color: #01916d;
        text-decoration: none;
        font-weight: 300;
    }

        .aside ul a:hover {
            color: #01916d;
        }

    .aside li {
        border-top: 1px solid #c1c1c1;
    }

        .aside li:first-child {
            border: none;
        }

@media only screen and (min-width: 992px), print {
    .aside ul a {
        line-height: 1.875;
    }
}

.aside-banner a {
    text-decoration: none;
}

    .aside-banner a:hover p {
        text-decoration: underline;
        color: #01916d;
    }

.aside-banner h3 {
    color: #000;
    font-weight: 400;
    font-size: 1.25em;
    margin: 10px 0 5px;
}

.aside-banner p {
    color: #000;
    font-weight: 300;
    margin: 0;
    line-height: 1.6;
}

@media only screen and (min-width: 992px), print {
    .aside-banner h3 {
        line-height: 1.875;
    }
}

.event-mapper .input-group-select,
.success-stories-mapper .input-group-select {
    position: relative;
    margin: 0 0 10px 0;
}

    .event-mapper .input-group-select select,
    .success-stories-mapper .input-group-select select {
        width: -webkit-calc(100% - 12px);
        width: calc(100% - 12px);
    }


.solutions-filter .solutions_filer_form .solutions_filer_form_select .solutions_filer_form_select_inner .filter-item {
    display: none;
}

    .solutions-filter .solutions_filer_form .solutions_filer_form_select .solutions_filer_form_select_inner .filter-item:nth-child(1) {
        display: block;
    }

    .solutions-filter .solutions_filer_form .solutions_filer_form_select .solutions_filer_form_select_inner .filter-item .filter-item--reset {
        display: block;
    }

.insights-filter,
.solutions-filter,
.event-mapper__filters,
.success-stories-mapper__filters {
    position: relative;
    z-index: 10;
}

    .insights-filter .filter-item,
    .solutions-filter .filter-item,
    .event-mapper__filters .filter-item,
    .success-stories-mapper__filters .filter-item {
        position: relative;
        margin: 0 0 10px 0;
    }

    .insights-filter select,
    .solutions-filter select,
    .event-mapper__filters select,
    .success-stories-mapper__filters select {
        position: absolute;
        display: block;
        top: 0;
        opacity: 0;
        height: 40px;
        margin: 0 0 -40px;
        width: 100%;
    }

    .insights-filter button,
    .solutions-filter button,
    .event-mapper__filters button,
    .success-stories-mapper__filters button {
        font-weight: 300;
    }


    .event-mapper__filters .btn-reset,
    .success-stories-mapper__filters .btn-reset {
        min-width: 140px;
        font-size: 0.875rem;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 14px;
        outline-offset: 1px;
        position: relative;
        display: inline-flex;
        background-color: var(--color-bg-secondary-a);
        border-radius: 2px;
        line-height: 1.5;
        text-align: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        text-decoration: none;
        word-break: break-word;
        font-family: var(--font-medium, sans-serif);
        font-weight: 500;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    }

        .event-mapper__filters .btn-reset:hover,
        .success-stories-mapper__filters .btn-reset:hover {
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            background-color: rgba(0, 0, 0, 0.14);
            color: var(--color-text);
        }

    .insights-filter .btn-grid:before,
    .insights-filter .btn-list:before,
    .solutions-filter .btn-grid:before,
    .solutions-filter .btn-list:before,
    .event-mapper__filters .btn-grid:before,
    .event-mapper__filters .btn-list:before,
    .success-stories-mapper__filters .btn-grid:before,
    .success-stories-mapper__filters .btn-list:before {
        content: "";
        background-image: url(../ffassets/fujifilm/images/sprite.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 30px;
        height: 30px;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .insights-filter .btn-grid,
    .insights-filter .btn-list,
    .solutions-filter .btn-grid,
    .solutions-filter .btn-list,
    .event-mapper__filters .btn-grid,
    .event-mapper__filters .btn-list,
    .success-stories-mapper__filters .btn-grid,
    .success-stories-mapper__filters .btn-list {
        background: transparent;
        position: relative;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 0;
        cursor: pointer;
    }

        .insights-filter .btn-grid span,
        .insights-filter .btn-list span,
        .solutions-filter .btn-grid span,
        .solutions-filter .btn-list span,
        .event-mapper__filters .btn-grid span,
        .event-mapper__filters .btn-list span,
        .success-stories-mapper__filters .btn-grid span,
        .success-stories-mapper__filters .btn-list span {
            display: block;
            overflow: hidden;
            width: 0;
            height: 0;
        }

    .insights-filter .btn-grid,
    .solutions-filter .btn-grid,
    .event-mapper__filters .btn-grid,
    .success-stories-mapper__filters .btn-grid {
        float: left;
    }

        .insights-filter .btn-grid:before,
        .solutions-filter .btn-grid:before,
        .event-mapper__filters .btn-grid:before,
        .success-stories-mapper__filters .btn-grid:before {
            background-position: -442px 0;
        }

        .insights-filter .btn-grid.active:before,
        .solutions-filter .btn-grid.active:before,
        .event-mapper__filters .btn-grid.active:before,
        .success-stories-mapper__filters .btn-grid.active:before {
            background-position: -412px 0;
        }

    .insights-filter .btn-list,
    .solutions-filter .btn-list,
    .event-mapper__filters .btn-list,
    .success-stories-mapper__filters .btn-list {
        float: left;
    }

        .insights-filter .btn-list:before,
        .solutions-filter .btn-list:before,
        .event-mapper__filters .btn-list:before,
        .success-stories-mapper__filters .btn-list:before {
            background-position: -614px 0;
        }

        .insights-filter .btn-list.active:before,
        .solutions-filter .btn-list.active:before,
        .event-mapper__filters .btn-list.active:before,
        .success-stories-mapper__filters .btn-list.active:before {
            background-position: -584px 0;
        }



    .insights-filter .dropdown-copy,
    .solutions-filter .dropdown-copy,
    .event-mapper .dropdown-copy,
    .success-stories-mapper .dropdown-copy {
        display: block;
    }

.listing-content__sort-result .dropdown-copy {
    display: block;
}

.dropdown-copy > button {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: inherit;
    text-align: left;
    background: #ffffff;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 6px 35px 6px 20px;
    border: 1px solid #d7d7d7;
}

    .dropdown-copy > button:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: -4px;
        right: 10px;
        bottom: 0;
        display: block;
        width: 10px;
        height: 10px;
        margin: auto;
        content: "";
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
    }






.dropdown-copy ul {
    background: #fff;
    position: absolute;
    z-index: 10;
    top: 40px;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    max-height: 300px;
    margin: 0;
    box-shadow: 0 0 0 0.1rem rgb(182 182 182 / 25%) !important;
}

    .dropdown-copy ul button {
        text-decoration: none;
        text-align: left;
        color: #000;
        background: #fff !important;
        display: block;
        width: 100%;
        padding: 6px 5px 6px 20px;
        /*  border: 1px solid #d7d7d7 !important; */
    }

        .dropdown-copy ul button:hover {
            color: #ffffff;
            background: #1967d2 !important;
        }

@media only screen and (min-width: 768px), print {

    .insights-filter,
    .solutions-filter,
    .event-mapper__filters,
    .success-stories-mapper__filters {
        margin: 0 0 20px -10px;
    }


        .solutions-filter .filter-item,
        .event-mapper__filters .filter-item,
        .success-stories-mapper__filters .filter-item {
            float: left;
            margin: 0;
            padding: 0 0 0 10px;
            /* width: 20%; */
        }


        .solutions-filter .filter-item--reset,
        .event-mapper__filters .filter-item--reset,
        .success-stories-mapper__filters .filter-item--reset {
            margin: 0;
            padding: 0 0 0 10px;
        }

        .insights-filter select,
        .solutions-filter select,
        .event-mapper__filters select,
        .success-stories-mapper__filters select {
            width: -webkit-calc(100% - 10px);
            width: calc(100% - 10px);
        }

    .event-mapper .input-group-select,
    .success-stories-mapper .input-group-select {
        margin: 0;
        padding: 0 0 0 10px;
        width: 20%;
        min-width: 20%;
        max-width: 20%;
    }

        .event-mapper .input-group-select select,
        .success-stories-mapper .input-group-select select {
            width: -webkit-calc(100% - 10px);
            width: calc(100% - 10px);
        }

    .success-stories-mapper .input-group-select {
        width: 15%;
        min-width: 15%;
        max-width: 15%;
    }

        .success-stories-mapper .input-group-select select {
            width: -webkit-calc(100% - 10px);
            width: calc(100% - 10px);
        }
}

@media only screen and (min-width: 992px), print {

    .insights-filter .filter-item--view,
    .solutions-filter .filter-item--view,
    .event-mapper__filters .filter-item--view,
    .success-stories-mapper__filters .filter-item--view {
        width: auto;
        margin: 0;
        padding: 5px 0 5px 10px;
        float: right;
    }

        .insights-filter .filter-item--view button,
        .solutions-filter .filter-item--view button,
        .event-mapper__filters .filter-item--view button,
        .success-stories-mapper__filters .filter-item--view button {
            margin-left: 6px;
        }
}

.dropdown-copy {
    position: relative;
    display: none;
    width: 100%;
}

.filter-item--reset {
    padding-left: 0px 0px 0px 10px;
}

.card-tiles {
    margin-top: 12px;
}

    .card-tiles a {
        display: block;
        background-color: #ffffff;
        height: 100%;
        color: #000;
        text-decoration: none;
    }

        .card-tiles a:hover {
            text-decoration: none;
        }

.card-tiles__image {
    position: relative;
    height: 122px;
}

    .card-tiles__image img {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center center";
        object-fit: cover;
        object-position: center center;
    }

.card-tiles .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.solution-services .card-tiles,
.success-stories-mapper .card-tiles {
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: linear;
    /* Webkit */
    -webkit-transition-timing-function: linear;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 200ms;
    -webkit-backface-visibility: hidden;
    opacity: 0;
}

.card-tiles.visible {
    opacity: 1;
}

.card-tiles__text {
    position: relative;
    padding: 16px 30px 10px 16px;
    background-color: rgba(0, 0, 0, 0);
}

    .card-tiles__text p {
        font-size: 0.875em;
        margin: 0 0 10px;
        line-height: 1.4;
    }

    .card-tiles__text .sub,
    .card-tiles__text .location,
    .card-tiles__text span {
        font-size: 0.75em;
        line-height: 1.875;
    }

    .card-tiles__text .date:before {
        display: inline-block;
        margin: 0 5px;
        content: "|";
    }

    .card-tiles__text h3 {
        font-size: 1.25em;
        line-height: 1.2;
        margin: 0 0 10px;
        font-weight: 300;
    }

    .card-tiles__text:before {
        top: 15px;
        width: 30px;
        height: 30px;
        background: #01916d;
        position: absolute;
        z-index: 2;
        right: 0;
        display: block;
        content: "";
    }

    .card-tiles__text:after {
        top: 25px;
        right: 11px;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        z-index: 2;
        display: block;
        content: "";
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }


@media only screen and (min-width: 992px), print {
    .list .card-tiles {
        /* width: 100%; */
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 2.5rem var(--gap) !important;
    }

        .list .card-tiles a {
            position: relative;
        }

    .list .card-tiles__image {
        position: absolute;
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px);
        height: 122px;
        margin: 16px 0 0 10px;
    }

        .list .card-tiles__image img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
        }

    .list .card-tiles__text {
        min-height: 152px;
        padding: 16px 30px 16px 16px;
        padding-left: -webkit-calc(25% + 16px);
        padding-left: calc(25% + 16px);
    }

        .list .card-tiles__text:before {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            top: 50%;
        }

        .list .card-tiles__text:after {
            -webkit-transform: translate(0, -50%) rotate(-45deg);
            transform: translate(0, -50%) rotate(-45deg);
            top: 50%;
        }

        .list .card-tiles__text.full {
            padding-left: 16px;
        }
}

@media print {
    .card-tiles {
        page-break-inside: avoid;
        margin-bottom: 60px;
    }
}

.link-image {
    padding: 10px 12px 0;
    width: 25%;
    text-align: left;
    display: inline-block;
}

    .link-image.float {
        float: left;
    }

    .link-image a {
        text-decoration: none;
        color: #000;
    }

        .link-image a:hover {
            color: #01916d;
        }

    .link-image p {
        display: inline-block;
        position: relative;
        font-size: 1em;
        margin: 0 0 10px;
    }

        .link-image p:after {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: 90%;
            text-decoration: none;
            color: #01916d;
            position: absolute;
            top: 50%;
            right: -20px;
            display: inline-block;
            content: "\0000a0\276F";
        }

    .link-image .image-holder {
        position: relative;
        padding-top: 100%;
        background-color: #01916d;
    }

        .link-image .image-holder img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
            position: absolute;
            top: 0;
            left: 0;
        }

@media only screen and (max-width: 767px) {
    .link-image {
        width: -webkit-calc(50% - 3px);
        width: calc(50% - 3px);
    }

        .link-image.float {
            width: 50%;
        }
}

@media only screen and (max-width: 991px) {
    .link-image {
        padding: 10px 10px 0;
    }

        .link-image p {
            font-size: 1.25em;
        }
}

.anchor-tabs {
    display: none;
    background-color: #ebebeb;
}

    .anchor-tabs ul {
        margin: 0 0 20px;
        padding: 13px 24px;
    }

    .anchor-tabs li {
        float: left;
        position: relative;
        margin: 12px 24px 12px 0px;
        padding: 0 24px 0 0;
        border-right: 1px solid #c1c1c1;
    }

        .anchor-tabs li:last-child {
            padding-right: 0;
            border: none;
        }

    .anchor-tabs a {
        color: #000;
        text-decoration: none;
        font-size: 1.125em;
        line-height: 28px;
    }

        .anchor-tabs a:hover {
            color: #01916d;
        }

@media only screen and (min-width: 768px), print {
    .anchor-tabs {
        display: block;
    }
}

.nav-tabs {
    display: none;
    background-color: #ebebeb;
    margin-top: -12px;
}

    .nav-tabs ul {
        margin: 0 0 20px;
    }



        .nav-tabs ul:before {
            content: '' !important;
            display: table !important;
        }

        .nav-tabs ul:after {
            content: '' !important;
            display: table !important;
            clear: both
        }

    .nav-tabs li {
        float: left;
        position: relative;
        padding: 16px 0;
        width: -webkit-calc(100% / 8);
        width: calc(100% / 8);
        height: 100%;
    }

        .nav-tabs li:nth-child(8) a,
        .nav-tabs li:last-child a {
            border: none;
        }

        .nav-tabs li:hover,
        .nav-tabs li.active {
            /* background-color: #01916d; */
        }

            .nav-tabs li:hover a,
            .nav-tabs li.active a {
                color: #01916d;
                /*  border-color: #01916d; */
            }

    .nav-tabs a {
        color: #000;
        text-decoration: none;
        font-size: 1em;
        line-height: 1.2;
        display: inline-block;
        height: 100%;
        padding: 0 10px;
        border-right: 1px solid #c1c1c1;
        width: 100%;
    }

@media only screen and (min-width: 768px), print {
    .nav-tabs {
        display: block;
    }
}

.accordion {
    border: 1px solid #c1c1c1;
    border-bottom: none;
}

    .accordion:last-child {
        border-bottom: 1px solid #c1c1c1;
    }

    .accordion button {
        position: relative;
        font-size: 1.25em;
        text-align: left;
        background: transparent;
        width: 100%;
        padding: 10px 50px 10px 15px;
        border: 0;
        line-height: 1.133333;
        font-weight: 300;
        font-family: inherit;
    }

        .accordion button:before,
        .accordion button:after {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            background: #01916d;
            position: absolute;
            top: 50%;
            right: 22px;
            display: inline-block;
            width: 2px;
            height: 2px;
            content: "";
        }

        .accordion button:before {
            width: 16px;
        }

        .accordion button:after {
            right: 29px;
            height: 16px;
        }

    .accordion.open button {
        color: #ffffff;
        border: 1px solid #01916d;
        background-color: #01916d;
    }

        .accordion.open button:before {
            background-color: #ffffff;
        }

        .accordion.open button:after {
            display: none;
        }

.accordion__content {
    display: none;
    padding: 15px;
}

    .accordion__content .rte p,
    .accordion__content .rte ul,
    .accordion__content .rte ol,
    .accordion__content .rte table {
        margin: 0 0 10px;
    }

        .accordion__content .rte p:last-child,
        .accordion__content .rte ul:last-child,
        .accordion__content .rte ol:last-child,
        .accordion__content .rte table:last-child {
            margin: 0;
        }

.accordion.tab-carousel__accordion .accordion__content {
    text-align: center;
}

.accordion.tab-carousel__accordion .tabbed-carousel {
    display: inline-block;
}

@media only screen and (min-width: 768px), print {
    .accordion__content {
        padding: 15px 30px;
    }
}

.listing-content__sort-result,
.newsroom-listing__sort-result {
    margin: 0 0 30px;
    font-size: 0.875em;
}

    .listing-content__sort-result label,
    .newsroom-listing__sort-result label {
        display: inline-block;
        margin-right: 5px;
    }

    .listing-content__sort-result select,
    .newsroom-listing__sort-result select {
        display: none;
        float: right;
        min-width: 170px;
        vertical-align: middle;
    }

    .listing-content__sort-result .dropdown-copy,
    .newsroom-listing__sort-result .dropdown-copy {
        float: right;
        max-width: 200px;
    }

.testimonial {
    max-width: 700px;
}

    .testimonial > * {
        float: left;
    }

.testimonial__image {
    width: 25%;
}

    .testimonial__image img {
        width: 100%;
    }

    .testimonial__image p {
        text-align: center;
        margin: 0;
    }

.testimonial__text {
    width: 75%;
    padding-left: 30px;
}

.resources {
    margin-top: 20px;
}

.resources__block {
    position: relative;
    padding: 0 0 20px;
}

    .resources__block dt {
        float: left;
        margin-right: 5px;
        color: #000;
    }

    .resources__block dd {
        clear: right;
        font-style: italic;
        margin: 0;
    }

.article-content .resources__block h3 {
    margin-bottom: 0;
}

.resources__block__download-btn {
    display: inline-block;
    border: 2px solid #01916d;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 34px;
    text-decoration: none;
    color: #01916d;
}

    .resources__block__download-btn:hover {
        text-decoration: none;
        background-color: #01916d;
    }

        .resources__block__download-btn:hover i {
            color: #ffffff;
        }

.pagination {
    text-align: center;
    margin: 15px auto;
}

    .pagination li {
        display: inline-block;
    }

        .pagination li.active a .pagenav {
            background-color: #01916d;
            color: #ffffff;
        }

    .pagination a {
        text-decoration: none;
        color: #000;
    }

        .pagination a:focus .pagenav,
        .pagination a:hover .pagenav {
            background-color: #01916d;
            color: #ffffff;
        }

    .pagination .pagenav {
        display: block;
        padding: 5px 8px;
        border: 1px solid #01916d;
        background-color: #ffffff;
        color: #01916d;
    }

    .pagination .pagination-prev .pagenav,
    .pagination .pagination-next .pagenav {
        position: relative;
        padding: 5px 15px;
    }

    .pagination .pagination-prev {
        margin-right: 10px;
    }

        .pagination .pagination-prev .pagenav {
            padding: 5px 15px 5px 35px;
        }

            .pagination .pagination-prev .pagenav:before {
                -webkit-transform: rotate(-45deg) translate(0, -50%);
                transform: rotate(-45deg) translate(0, -50%);
                position: absolute;
                top: 50%;
                left: 21px;
                display: block;
                width: 10px;
                height: 10px;
                margin: -2px 0 0;
                content: "";
                border-top: 2px solid #01916d;
                border-left: 2px solid #01916d;
            }

            .pagination .pagination-prev .pagenav:hover:before {
                border-top: 2px solid #ffffff;
                border-left: 2px solid #ffffff;
            }

    .pagination .pagination-next {
        margin-left: 10px;
    }

        .pagination .pagination-next .pagenav {
            padding: 5px 35px 5px 15px;
        }

            .pagination .pagination-next .pagenav:after {
                -webkit-transform: rotate(45deg) translate(0, -50%);
                transform: rotate(45deg) translate(0, -50%);
                position: absolute;
                top: 50%;
                right: 21px;
                display: block;
                width: 10px;
                height: 10px;
                margin: -2px 0 0;
                content: "";
                border-top: 2px solid #01916d;
                border-right: 2px solid #01916d;
            }

            .pagination .pagination-next .pagenav:hover:after {
                border-top: 2px solid #ffffff;
                border-right: 2px solid #ffffff;
            }

@media only screen and (max-width: 767px) {
    .pagination li {
        display: none;
    }

        .pagination li.pagination-prev,
        .pagination li.pagination-next {
            display: inline-block;
        }
}

.event-mapper__filters {
    margin: 20px -10px;
}

.event-mapper__filters__controls {
    padding: 0 6px;
    text-align: center;
}

    .event-mapper__filters__controls button {
        float: none;
        margin: 10px 0;
        max-width: 130px;
        outline: 0;
    }

@media only screen and (max-width: 767px) {
    .event-mapper__filters {
        text-align: center;
        margin: 0 -6px 20px;
    }

        .event-mapper__filters .input-group-select {
            margin-bottom: 10px;
            text-align: left;
        }
}

@media only screen and (min-width: 768px), print {
    .event-mapper__filters__controls button {
        float: left;
        height: 40px;
        margin: 0 0 0 10px;
    }
}

.event-mapper__item {
    transition-property: opacity;
    transition-duration: 200ms;
    transition-timing-function: linear;
    /* Webkit */
    -webkit-transition-timing-function: linear;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 200ms;
    -webkit-backface-visibility: hidden;
    opacity: 0;
}

    .event-mapper__item.visible {
        opacity: 1;
    }

.event-mapper__item {
    margin-bottom: 12px;
}

.event-mapper__item__image img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center center";
    object-fit: cover;
    object-position: center center;
    display: block;
}

.event-mapper__item__text {
    background-color: #333;
    padding: 30px 25px;
    color: #ffffff;
    line-height: 1.3;
    text-align: left;
}

    .event-mapper__item__text h1 {
        font-size: 1em;
        margin: 0 0 20px;
        font-weight: 300;
    }

    .event-mapper__item__text h2 {
        font-size: 1.75em;
        margin: 0 0 15px;
        font-weight: 300;
    }

    .event-mapper__item__text p {
        line-height: 1.4;
        margin: 0 0 15px;
    }

        .event-mapper__item__text p .location,
        .event-mapper__item__text p .duration {
            position: relative;
            padding-left: 22px;
            display: block;
            width: 100%;
        }

            .event-mapper__item__text p .location:before,
            .event-mapper__item__text p .duration:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                content: "";
                color: inherit;
                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                display: inline-block;
                text-align: center;
                top: 3px;
                left: 0;
                width: 18px;
            }

        .event-mapper__item__text p .duration {
            margin: 15px 0 0;
        }

            .event-mapper__item__text p .duration:before {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                content: "";
                color: inherit;
                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                top: 2px;
            }

    .event-mapper__item__text .button:hover {
        border-color: #ffffff;
    }

@media only screen and (min-width: 768px), print {
    .event-mapper__item {
        position: relative;
        margin-bottom: 12px;
    }

    .event-mapper__item__text {
        float: left;
        width: 360px;
        max-height: 345px;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 30px 25px 80px;
        margin: 0;
    }

        .event-mapper__item__text h1 {
            font-size: 1.25em;
        }

        .event-mapper__item__text h2 {
            font-size: 1.3em;
        }

        .event-mapper__item__text p,
        .event-mapper__item__text a {
            margin: 0 0 10px;
        }

    .event-mapper__item__image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: -webkit-calc(100% - 360px);
        width: calc(100% - 360px);
        float: right;
    }

        .event-mapper__item__image img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
        }
}

@media only screen and (min-width: 992px), print {
    .event-mapper__item {
        page-break-inside: avoid;
    }

    .event-mapper__item__text {
        width: 400px;
    }

        .event-mapper__item__text h1 {
            font-size: 1.25em;
        }

        .event-mapper__item__text h2 {
            font-size: 1.5em;
        }

        .event-mapper__item__text p,
        .event-mapper__item__text a {
            font-size: 1em;
            margin: 0 0 10px;
        }

    .event-mapper__item__image {
        width: -webkit-calc(100% - 400px);
        width: calc(100% - 400px);
    }
}

.success-stories-mapper__filters {
    margin: 20px -10px;
}

.success-stories-mapper__filters__controls {
    padding: 0 6px;
    /* text-align: center; */
}

    .success-stories-mapper__filters__controls button {
        float: none;
        margin: 10px 0;
        max-width: 130px;
        outline: 0;
    }

@media only screen and (max-width: 767px) {
    .success-stories-mapper__filters {
        /* text-align: center; */
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1.2rem;
    }

    .success-stories-mapper__results {
        margin-top: 0.3rem !important;
    }

    .input-group-select,
    .success-stories-mapper__filters__controls {
        padding: 0px;
    }

    .success-stories-mapper__filters .input-group-select {
        margin-bottom: 10px;
        text-align: left;
    }
}

@media only screen and (min-width: 768px), print {
    .success-stories-mapper__filters__controls button {
        float: left;
        height: 40px;
        margin: 0 0 0 10px;
    }
}

.event-featured-speakers__speaker {
    padding: 10px 12px 0;
    width: 30%;
    float: left;
}

    .event-featured-speakers__speaker a {
        display: block;
        text-decoration: none;
        color: #000;
    }

        .event-featured-speakers__speaker a:hover {
            color: #01916d;
        }

        .event-featured-speakers__speaker a > p {
            margin: 0 0 10px;
            font-size: 1.125em;
            padding-right: 20px;
        }

            .event-featured-speakers__speaker a > p:after {
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                font-size: 90%;
                text-decoration: none;
                color: #01916d;
                position: absolute;
                top: 50%;
                right: 0;
                display: inline-block;
                content: "\0000a0\276F";
            }

        .event-featured-speakers__speaker a:focus {
            outline: 0;
        }

    .event-featured-speakers__speaker p {
        display: inline-block;
        font-size: 0.9375em;
        position: relative;
        margin: 0 0 5px;
    }

    .event-featured-speakers__speaker .image-holder {
        position: relative;
        padding-top: 100%;
        background-color: #01916d;
    }

        .event-featured-speakers__speaker .image-holder img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
            position: absolute;
            top: 0;
            left: 0;
        }

        .event-featured-speakers__speaker .image-holder .label {
            transition-property: all;
            transition-duration: 300ms;
            transition-timing-function: ease-in-out;
            /* Webkit */
            -webkit-transition-timing-function: ease-in-out;
            -webkit-transition-property: all;
            -webkit-transition-duration: 300ms;
            -webkit-backface-visibility: hidden;
            display: inline-block;
            color: #ffffff;
            z-index: 2;
            opacity: 0;
            vertical-align: middle;
            position: absolute;
            top: 20%;
            text-align: center;
            width: 100%;
            vertical-align: middle;
        }

        .event-featured-speakers__speaker .image-holder:after {
            transition-property: opacity;
            transition-duration: 200ms;
            transition-timing-function: linear;
            /* Webkit */
            -webkit-transition-timing-function: linear;
            -webkit-transition-property: opacity;
            -webkit-transition-duration: 200ms;
            -webkit-backface-visibility: hidden;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0;
        }

        .event-featured-speakers__speaker .image-holder:hover:after {
            opacity: 1;
        }

        .event-featured-speakers__speaker .image-holder:hover .label {
            top: -webkit-calc(50% - 15px);
            top: calc(50% - 15px);
            opacity: 1;
        }

.event-speakers__bio {
    max-width: 800px;
    max-height: 80%;
    width: 80%;
    height: auto;
}

    .event-speakers__bio .bio__header,
    .event-speakers__bio .bio__body {
        padding: 20px 30px 0;
    }

    .event-speakers__bio .bio__header {
        padding-left: 160px;
    }

        .event-speakers__bio .bio__header h3 {
            font-size: 1.5em;
            margin: 0 0 6px;
            line-height: 1;
        }

        .event-speakers__bio .bio__header span {
            font-size: 0.875em;
            display: block;
            line-height: 1.3;
        }

    .event-speakers__bio .bio__thumbnail {
        position: absolute;
        left: 75px;
        top: 44px;
        width: 100px;
        overflow: hidden;
    }

        .event-speakers__bio .bio__thumbnail img {
            display: block;
            width: 100%;
        }

@media only screen and (max-width: 767px) {
    .event-featured-speakers__speaker {
        width: 50%;
    }

    .event-speakers__bio .bio__header {
        padding: 20px 0 0 120px;
    }

    .event-speakers__bio .bio__body {
        padding: 20px 0;
    }

    .event-speakers__bio .bio__thumbnail {
        left: 44px;
    }
}

@media only screen and (max-width: 559px) {
    .event-speakers__bio .bio__header {
        padding: 20px 0 0;
    }

    .event-speakers__bio .bio__body {
        padding: 10px 0 0;
    }

    .event-speakers__bio .bio__thumbnail {
        position: static;
        left: auto;
        padding: 0 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    .event-featured-speakers__speaker {
        padding: 10px 10px 0;
    }
}

@media only screen and (min-width: 992px) {
    .event-featured-speakers__speaker p {
        font-size: 0.9375em;
    }
}

.reseller-locator__filters {
    position: relative;
    z-index: 10;
}

    .reseller-locator__filters .input-group-select {
        position: relative;
        margin: 0 0 10px 0;
    }

        .reseller-locator__filters .input-group-select select {
            width: 100%;
        }

        .reseller-locator__filters .input-group-select input {
            border: 1px solid #d7d7d7;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .reseller-locator__filters select {
        position: absolute;
        display: block;
        top: 25px;
        opacity: 0;
        height: 40px;
    }

    .reseller-locator__filters button {
        font-size: 0.875em;
        font-weight: 300;
    }

.reseller-locator__filters__controls {
    display: block;
    position: relative;
    margin: 20px 0 0 0;
}

    .reseller-locator__filters__controls .btn-clear-filter {
        float: left;
        margin-right: 15px;
        cursor: pointer;
    }

    .reseller-locator__filters__controls .btn-reseller-near {
        border: 1px solid #01916d;
        background: #ffffff;
        color: #01916d;
    }

        .reseller-locator__filters__controls .btn-reseller-near:after {
            border-top: 2px solid #01916d;
            border-right: 2px solid #01916d;
        }

        .reseller-locator__filters__controls .btn-reseller-near:hover {
            background: #01916d;
            color: #ffffff;
        }

            .reseller-locator__filters__controls .btn-reseller-near:hover:after {
                border-top: 2px solid #ffffff;
                border-right: 2px solid #ffffff;
            }

.reseller-locator__filters .error-msg,
.reseller-locator__filters .error-msg-reseller,
.reseller-locator__filters .error-msg-location {
    display: none;
}

.reseller-locator__filters .is-active,
.reseller-locator__filters .active {
    display: block;
    color: #01916d;
}

.reseller-locator__filters .dropdown-copy {
    display: block;
}

@media only screen and (min-width: 768px) {
    .reseller-locator__filters .input-group-select {
        margin: 0 0 10px 0;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }
}

.panel-blog {
    position: relative;
    margin-top: 6px;
}

.panel-blog__image {
    width: 100%;
    height: 100%;
}

    .panel-blog__image img {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center center";
        object-fit: cover;
        object-position: center center;
    }

.panel-blog__text {
    position: absolute;
    top: 0;
    color: #ffffff;
    padding: 24px;
}

    .panel-blog__text h3 {
        margin: 0;
    }

    .panel-blog__text p {
        margin: 0;
    }

.panel-blog .button:hover {
    border-color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .panel-blog {
        padding: 0;
    }
}

@media print {
    .panel-blog {
        width: 100%;
    }
}

.inquiry-application {
    position: relative;
    background: #ebebeb;
    width: 100%;
    margin: 20px 0 12px;
    padding: 20px 17px 20px;
    white-space: normal;
    max-width: 768px;
    margin: 0 auto;
}

    .inquiry-application p {
        margin: 0 0 10px;
        font-size: 1.125em;
    }

        .inquiry-application p a {
            display: inline-block;
            text-decoration: none;
            color: #000;
            position: relative;
        }

            .inquiry-application p a:after {
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                font-size: 90%;
                text-decoration: none;
                color: #01916d;
                position: absolute;
                top: 50%;
                right: -20px;
                display: inline-block;
                content: "\0000a0\276F";
            }

            .inquiry-application p a:hover {
                text-decoration: underline;
                color: #01916d;
            }

    .inquiry-application li {
        font-size: 0.875em;
    }

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

.inquiry-application .button {
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    width: 80%;
}

@media only screen and (min-width: 768px) {
    .inquiry-application__text {
        float: left;
        width: 50%;
    }

    .inquiry-application__button {
        position: absolute;
        top: 50%;
        right: 17px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 40%;
    }

        .inquiry-application__button .button {
            margin: 0;
            width: 100%;
        }
}

.video-looping {
    position: relative;
}

.video-looping__video {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

    .video-looping__video video {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center center";
        object-fit: cover;
        object-position: center center;
        position: absolute;
        top: 0;
        left: 0;
    }

.video-looping__overlay {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.video-looping p {
    margin: 0;
}

.video-looping .title {
    color: #ffffff;
    font-size: 3em;
}

.video-looping .next {
    background-image: url(../ffassets/fujifilm/images/sprite.png);
    background-position: -135px 0px;
    width: 63px;
    height: 33px;
    margin: 0 auto;
}

    .video-looping .next span {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 0;
        height: 0;
    }

    .video-looping .next:hover {
        background-position: -72px 0px;
        width: 63px;
        height: 33px;
    }

@media only screen and (max-width: 767px) {
    .video-looping .title {
        font-size: 2em;
    }
}

@media only screen and (max-width: 479px) {
    .video-looping .title {
        font-size: 1.25em;
    }
}

.panel-caption {
    position: relative;
    margin-top: 6px;
    padding: 0 6px;
}

    .panel-caption > a {
        display: block;
        text-decoration: none;
        padding: 6px;
        width: 100%;
        height: 100%;
    }

        .panel-caption > a:hover {
            text-decoration: none;
        }

.panel-caption__image {
    display: inline-block;
    text-align: center;
}

.panel-caption .caption {
    color: #000;
    margin: 5px 0;
    font-size: 0.875em;
}

.panel-caption__text {
    padding-bottom: 10px;
}

    .panel-caption__text h3 {
        font-size: 1.125em;
        margin: 0 0 10px;
        font-weight: 400;
        color: #000;
    }

    .panel-caption__text p {
        font-size: 1.125em;
        margin: 0;
        color: #000;
    }

.panel-caption .button {
    margin: 10px 0 0;
}

.panel-caption:hover > a {
    background-color: #d5d5d5;
}

.panel-caption:hover .button {
    background-color: #ffffff;
    color: #000;
    border: 1px solid #c1c1c1;
    padding: 4px 34px 4px 14px;
}

    .panel-caption:hover .button:after {
        border-top: 2px solid #01916d;
        border-right: 2px solid #01916d;
    }

@media only screen and (max-width: 767px) {
    .panel-caption {
        padding: 0 12px;
    }
}

.social-sub-item {
    position: relative;
    border-top: 1px solid #d7d7d7;
    padding: 15px 0 10px 45px;
}

.social-sub-item__text p {
    line-height: 1.6;
    margin: 0;
}

.social-sub-item__actions {
    margin: 10px 0 0;
}

    .social-sub-item__actions a {
        text-indent: -99999px;
        background-image: url(../ffassets/fujifilm/images/twitter-actions.png);
        background-position: 0 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 40px;
    }

    .social-sub-item__actions .reply:hover {
        background-position: -16px 0;
    }

    .social-sub-item__actions .retweet {
        background-position: -81px 0;
        width: 17px;
    }

        .social-sub-item__actions .retweet:hover {
            background-position: -100px 0;
        }

    .social-sub-item__actions .favorite {
        background-position: -32px 0;
        margin-right: 0;
    }

        .social-sub-item__actions .favorite:hover {
            background-position: -48px 0;
        }

.social-sub-item__more {
    margin-bottom: 5px;
}

    .social-sub-item__more a {
        text-decoration: none;
        color: #01916d;
    }

        .social-sub-item__more a:hover {
            text-decoration: underline;
        }

.social-sub-item:before {
    position: absolute;
    left: 0;
    background-image: url(../ffassets/fujifilm/images/sprite.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
}

.social-sub-item#twitter-sub:before {
    background-position: -1105px 0px;
    width: 29px;
    height: 27px;
}

.social-sub-item#linkedin-sub:before {
    background-position: -552px 0px;
    width: 32px;
    height: 32px;
}

.social-sub-item#facebook-sub:before {
    background-position: -330px 0px;
}

.image-text-item {
    width: 150px;
    margin: 0 auto;
    padding: 0 6px;
}

    .image-text-item a {
        display: block;
        text-decoration: none;
        color: #000;
        max-width: 150px;
        margin: 0 auto;
    }

        .image-text-item a:hover p {
            color: #01916d;
            text-decoration: underline;
        }

    .image-text-item span {
        display: block;
        text-decoration: none;
        color: #000;
        max-width: 150px;
        margin: 0 auto;
    }

.image-text-item__image {
    position: relative;
    padding-top: 100%;
}

.image-text-item img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center center";
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.image-text-item p {
    font-size: 1em;
    line-height: 1.666666;
    display: inline-block;
    word-break: break-word;
    text-align: center;
    color: #000
}

.product-introduction .row-col-12 {
    margin: 0 -6px;
}

.product-introduction .product-name {
    margin: 0;
}

.product-introduction a.button {
    margin: 0;
}

.product-introduction p {
    margin: 10px 0 16px;
}

.product-introduction .label {
    display: inline-block;
    padding: 2px 5px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

    .product-introduction .label.new-item {
        color: #ea46a5;
        border: 1px solid #ea46a5;
    }

.steps-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 30px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .steps-list li {
        display: inline-block;
        position: relative;
        width: 60px;
    }

        .steps-list li:before {
            content: '';
            border: 0;
            border-top: 1px solid #ccc;
            width: 40px;
            display: block;
            position: absolute;
            top: 12px;
            left: 70%;
        }

        .steps-list li:last-child:before {
            display: none;
        }

        .steps-list li.is-active .num {
            background: #01916d;
            border: 1px solid #01916d;
            color: white;
        }

        .steps-list li.is-active .txt {
            color: #333;
        }

    .steps-list .num {
        display: inline-block;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: 1px solid #d7d7d7;
        background: white;
    }

        .steps-list .num span {
            display: block;
            margin-top: 4px;
            font-size: 0.75em;
        }

    .steps-list .txt {
        display: block;
        color: #a9a9a9;
        font-size: 0.75em;
        line-height: 1.2;
        margin-top: 10px;
    }

@media only screen and (min-width: 768px), print {
    .steps-list {
        padding: 10px 0;
    }

        .steps-list li {
            width: 110px;
        }

            .steps-list li:before {
                width: 64px;
                top: 24px;
                left: 80px;
            }

        .steps-list .num {
            height: 50px;
            width: 50px;
        }

            .steps-list .num span {
                margin-top: 12px;
                font-size: 1.125em;
            }

        .steps-list .txt {
            font-size: 0.9375em;
        }
}

.question4 .input-radio__item {
    display: none;
}

    .question4 .input-radio__item.show {
        display: block;
    }

.question__desc {
    margin: 0px 0 25px;
}

    .question__desc p {
        margin: 0;
    }

    .question__desc span {
        display: block;
        font-size: 0.8125em;
        color: #666;
        font-weight: 300;
    }

.question__input {
    width: 90%;
    margin: 0 auto;
    display: block;
}

    .question__input img {
        width: 90px;
        display: block;
        margin: 0 auto;
    }

    .question__input .input-radio,
    .question__input .input-checkbox {
        margin-bottom: 25px;
    }

        .question__input .input-radio label,
        .question__input .input-checkbox label {
            display: block;
            text-align: center;
            cursor: pointer;
        }

    .question__input .input-radio__img,
    .question__input .input-checkbox__img {
        background: white;
        border: 1px solid white;
        padding: 20px 0;
    }

    .question__input .input-radio input,
    .question__input .input-checkbox input {
        visibility: hidden;
        position: absolute;
    }

    .question__input .input-radio span,
    .question__input .input-checkbox span {
        display: block;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .question__input .input-radio input:checked + label .input-radio__img {
        border: 1px solid #01916d;
    }

    .question__input .input-checkbox input:checked + label .input-checkbox__img {
        border: 1px solid #01916d;
    }

.question__input-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;
}

    .question__input-list li {
        background: white;
        border-bottom: 1px solid #c1c1c1;
        padding: 0 0 0 15px;
    }

        .question__input-list li:last-child {
            border-bottom: 0;
        }

    .question__input-list input:checked + label:after {
        display: block;
    }

    .question__input-list label {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        padding: 10px 35px 10px 0;
        width: 100%;
    }

        .question__input-list label:before {
            content: "";
            border: 1px solid #d7d7d7;
            border-radius: 50px;
            width: 22px;
            height: 22px;
            display: inline-block;
        }

        .question__input-list label:after {
            content: "";
            width: 10px;
            height: 10px;
            background: #01916d;
            border-radius: 50px;
            position: absolute;
            left: 6px;
            display: none;
        }

        .question__input-list label span {
            font-size: 1.125em;
            font-weight: 500;
            margin-left: 10px;
        }

    .question__input-list input {
        visibility: hidden;
        position: absolute;
    }

@media only screen and (min-width: 768px), print {
    .question__input {
        width: 60%;
    }

    .question__input-checkbox {
        width: 100%;
    }

    .question__input .input-radio,
    .question__input .input-checkbox {
        margin-bottom: 0;
    }

        .question__input .input-radio span,
        .question__input .input-checkbox span {
            margin-bottom: 10px;
        }

    .question__input .input-radio__img,
    .question__input .input-checkbox__img {
        padding: 30px 0;
    }

    .question__input-list {
        width: 40%;
    }

        .question__input-list li {
            padding: 0 0 0 35px;
        }

    .question__input img {
        width: 120px;
    }

    .question__desc {
        margin: 30px 0 35px;
    }
}

@media only screen and (min-width: 992px) {
    .question__input-checkbox {
        width: 90%;
    }

    .question__input-list {
        width: 33.33333%;
    }
}

.product-item {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 50%;
    float: left;
    padding: 0 8px;
    margin-bottom: 12px;
}

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

    .product-item__list:before,
    .product-item__list:after {
        content: '';
        display: table;
    }

    .product-item__list:after {
        clear: both;
    }

.product-item--wrap {
    background: white;
}

.product-item__checkbox {
    margin-bottom: 10px;
}

    .product-item__checkbox span {
        color: #898989;
        font-size: 0.875em;
        padding-right: 25px;
        position: relative;
    }

        .product-item__checkbox span:after {
            content: '';
            display: inline-block;
            border: 1px solid #d7d7d7;
            width: 18px;
            height: 18px;
            position: absolute;
            top: -2px;
            right: 0;
            color: white;
        }

    .product-item__checkbox input {
        position: absolute;
        visibility: hidden;
    }

        .product-item__checkbox input:checked + span:after {
            content: '\e912';
            border: 1px solid white;
            background: #01916d;
            font-family: "icomoon";
            font-size: 14px;
            line-height: 18px;
        }

.product-item label {
    cursor: pointer;
    display: block;
    padding: 15px 10px 20px;
}

    .product-item label p {
        margin: 0;
        color: #898989;
        font-size: 0.875em;
        line-height: 18px;
    }

        .product-item label p span {
            display: block;
        }

    .product-item label h3 {
        margin-bottom: 5px;
    }

    .product-item label a.button {
        margin: 15px 0 0;
    }

.product-item__img {
    height: 105px;
    display: block;
}

    .product-item__img img {
        width: 100%;
        height: 100%;
        font-family: "object-fit:contain;object-position:center center";
        object-fit: contain;
        object-position: center center;
    }

@media only screen and (min-width: 768px), print {
    .product-item {
        width: 33.33333%;
    }

    .product-item__list:before,
    .product-item__list:after {
        content: '';
        display: table;
    }

    .product-item__list:after {
        clear: both;
    }

    .product-item__checkbox span {
        padding-right: 30px;
    }

        .product-item__checkbox span:after {
            width: 20px;
            height: 20px;
        }

    .product-item label {
        padding: 15px 15px 20px;
    }
}

.compare-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .compare-list:before,
    .compare-list:after {
        content: '';
        display: table;
    }

    .compare-list:after {
        clear: both;
    }

.compare-item {
    width: 20%;
    float: left;
}

.compare-item__header {
    text-align: center;
    padding: 25px 15px;
}

    .compare-item__header h3 {
        margin: 10px 0 0px;
        line-height: 24px;
    }

    .compare-item__header p {
        margin: 5px 0 0px;
        font-size: 0.875em;
        line-height: 18px;
    }

        .compare-item__header p span {
            display: block;
        }

    .compare-item__header > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .compare-item__header img {
        margin: 0 auto;
    }

.compare-item__content {
    border-right: 1px solid #c1c1c1;
}

    .compare-item__content .spec {
        padding: 10px 15px;
        font-weight: 500;
    }

        .compare-item__content .spec:nth-child(odd) {
            background: #ebebeb;
        }

        .compare-item__content .spec span {
            font-size: 0.9375em;
        }

.compare-item__footer {
    padding: 10px;
}

    .compare-item__footer a {
        position: relative;
    }

        .compare-item__footer a .icon {
            position: absolute;
            top: 50%;
            right: 12px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .compare-item__footer a.button {
            width: 100%;
            max-width: 200px;
            display: block;
            margin: 0 auto;
        }

        .compare-item__footer a.button--inverse {
            width: 100%;
            max-width: 200px;
            display: block;
            margin: 5px auto 5px;
        }

            .compare-item__footer a.button--inverse:after {
                display: none;
            }

            .compare-item__footer a.button--inverse .icon-save {
                margin-left: 5px;
            }

@media only screen and (max-width: 991px) {
    .compare-list .slick-arrow {
        border: 1px solid #01916d;
        background: white;
        color: #01916d;
        padding: 35px 10px;
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 999;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .compare-list .slick-arrow span {
            font-size: 26px;
        }

        .compare-list .slick-arrow.slick-next {
            right: 0;
        }

        .compare-list .slick-arrow.slick-prev {
            left: 0;
        }

        .compare-list .slick-arrow.slick-disabled {
            opacity: 0;
            visibility: hidden;
        }

    .compare-item__content .spec .title {
        font-weight: 600;
        text-align: left;
    }

    .compare-item__content .spec span {
        display: block;
    }
}

@media only screen and (min-width: 992px), print {
    .compare-item {
        border: 1px solid #c1c1c1;
        border-right: 0;
    }

        .compare-item:last-child {
            border-right: 1px solid #c1c1c1;
        }

    .compare-item__content {
        border: 0;
    }
}



@media only screen and (max-width: 767px) {
    .site-header {
        position: fixed !important;
    }

        .site-header .btn-mobile-search {
            display: none;
        }

        .site-header .btn-nav-menu {
            display: block;
        }

    .site-header {
        position: absolute;
        top: 0;
        width: 100%;
        /*   border-bottom: 1px solid #ebebeb; */
        z-index: 200;
        background-color: #ffffff;
        /*   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.40); */
    }

        .site-header.fix {
            position: fixed;
            -webkit-box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
            box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
            border: none;
            display: none;
        }

    .site-header__wrapper {
        padding: 20px 0 0;
        position: static;
    }

    .site-header__wrapper_nav {
        padding: 0;
        position: static;
    }

    .site-header__nav {
        position: static;
    }

    .site-header .site-logo {
        float: left;
        margin-bottom: 20px;
        margin: 0 0 30px 5px;
        display: flex;
        align-items: center;
    }

        .site-header .site-logo a {
            text-decoration: none;
            vertical-align: top;
            display: inline-block;
        }

        .site-header .site-logo img {
            height: 30px;
        }

    .site-header .btn-mobile-search,
    .site-header .btn-nav-menu {
        display: none;
        vertical-align: top;
        background: transparent;
        position: relative;
        display: none;
        width: 30px;
        height: 40px;
        padding: 0;
        border: 0;
    }

        .site-header .btn-mobile-search span,
        .site-header .btn-nav-menu span {
            display: block;
            overflow: hidden;
            height: 0;
        }

    .site-header .btn-mobile-search {
        float: right;
        background: url(../ffassets/fujifilm/images/icon-search.svg) 0 4px no-repeat;
        background-size: contain;
        margin: -5px 62px 0 0;
    }

    .site-header .btn-nav-menu {
        position: absolute;
        right: 0;
        width: 32px;
        margin: -5px 5px 0 25px;
    }

        .site-header .btn-nav-menu span:after {
            background: #999;
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 32px;
            height: 3px;
            content: "";
            margin-top: -1px;
        }

        .site-header .btn-nav-menu:before {
            background: #999;
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 32px;
            height: 3px;
            content: "";
            margin: -9px 0 0;
        }

        .site-header .btn-nav-menu:after {
            background: #999;
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 32px;
            height: 3px;
            content: "";
            margin: 7px 0 0;
        }

        .site-header .btn-nav-menu:focus:before,
        .site-header .btn-nav-menu:focus:after,
        .site-header .btn-nav-menu:focus span:after {
            background: #01916d;
        }

    .site-header.open .btn-nav-menu span:after {
        display: none;
    }

    .site-header.open .btn-nav-menu:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -2px 0 0;
    }

    .site-header.open .btn-nav-menu:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: -2px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .site-header__wrapper {
        padding: 0px 30px 0;
    }

    .site-header__wrapper_nav {
        padding: 0px 30px 0;
    }

    .site-header .site-logo {
        margin: 20px 30px 0px 0;
        max-width: 500px;
    }

        .site-header .site-logo img {
            min-width: 144px;
            height: 42px;
        }

    .site-header .btn-mobile-search,
    .site-header .btn-nav-menu {
        margin-top: 0;
    }

    .site-header .btn-mobile-search {
        margin-right: 0;
    }

    .site-header .btn-nav-menu {
        top: 20px;
        right: 30px;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .site-header {
        display: table;
    }

        .site-header .row-table {
            display: table-row;
        }

        .site-header .site-logo {
            display: flex;
            align-items: center;
            max-width: 500px;
            margin: 19px 0 19px 0;
        }

        /* .site-header.fix .site-header__wrapper {
    padding-top: 9px;
  } */
        .site-header.fix .site-logo,
        .site-header.fix .search-bar,
        .site-header.fix .top-nav {
            display: none;
        }

        .site-header.fix .logo-fix {
            width: 136px;
            padding-right: 16px !important;
        }
}

/* @media only screen and (max-width: 991px) {
  .site-header__wrapper {
    display: flex;
  }
} */
@media print {
    .site-header {
        display: table;
    }

        .site-header .row-table {
            display: table-row;
        }

        .site-header .site-logo {
            display: table-cell;
            width: 284px;
            margin: 0 0 20px 0;
        }

        .site-header .megamenu,
        .site-header .lvl2-menu,
        .site-header .logo-fix {
            display: none;
        }

        .site-header.fix {
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-bottom: 1px solid #ebebeb;
        }

            .site-header.fix .site-logo,
            .site-header.fix .search-bar {
                display: table-cell;
            }

            .site-header.fix .site-header__wrapper {
                padding: 20px 0 0;
            }
}

.site-footer {
    margin-top: 45px;
}

.site-footer__wrapper {
    padding: 15px 10px;
}

.site-footer .language-selector {
    margin: 10px 0 20px;
}

    .site-footer .language-selector a {
        text-decoration: none;
        color: #000;
        line-height: 1.35;
        font-weight: 400;
        font-size: 0.9375em;
    }

        .site-footer .language-selector a:hover {
            text-decoration: underline;
        }

.site-footer .copyright {
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 4px;
}

    .site-footer .copyright a {
        color: #000;
        text-decoration: none;
    }

        .site-footer .copyright a:hover {
            text-decoration: underline;
        }

    .site-footer .copyright p {
        margin: 0;
    }

@media only screen and (max-width: 991px) {
    .site-footer {
        padding: 0 10px;
    }

    .site-footer__wrapper {
        padding: 15px 0;
    }

    .site-footer .copyright {
        font-size: 0.75em;
    }
}

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

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
    font-weight: 300;
    margin: 20px 0 10px;
}

.rte h1 {
    line-height: 1.166666;
}

.rte h2 {
    line-height: 1.133333;
}

.rte h3,
.rte h4 {
    line-height: 1.2;
}

.rte h1 {
    font-size: 1.875em;
    margin-top: 25px;
    margin-bottom: 20px;
}

.rte h2 {
    font-size: 1.5em;
    margin-bottom: 20px;
}

.rte h3 {
    font-size: 1.25em;
}

.rte h4 {
    font-size: 1.125em;
}

.rte h5 {
    font-size: 1.125em;
}

.rte h6 {
    font-size: 1.125em;
}

.rte p {
    margin: 0 0 10px;
    line-height: 1.6;
    font-weight: 300;
    color: #000;
}

.rte a:not(.button) {
    color: #01916d;
    text-decoration: none;
}

    .rte a:not(.button):hover {
        text-decoration: underline;
    }

.hero-banner {
    margin-bottom: 12px;
}

    .hero-banner .button:hover {
        border-color: #ffffff;
    }

.hero-banner__image {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}

    .hero-banner__image img {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center center";
        object-fit: cover;
        object-position: center center;
        display: block;
    }

.hero-banner__text {
    background-color: #333;
    padding: 30px 25px;
    color: #ffffff;
    line-height: 1.3;
}

    .hero-banner__text h1 {
        font-size: 1em;
        margin: 0 0 20px;
        font-weight: 300;
    }

    .hero-banner__text h2 {
        font-size: 1.75em;
        margin: 0 0 15px;
        font-weight: 300;
    }

    .hero-banner__text p {
        line-height: 1.4;
        margin: 0 0 15px;
    }

    .hero-banner__text a {
        font-size: 1.0625em;
    }

    .hero-banner__text ul a {
        color: #ffffff;
    }

    .hero-banner__text ul {
        margin-top: 10px;
    }

        .hero-banner__text ul a {
            text-decoration: none;
        }

            .hero-banner__text ul a:hover {
                text-decoration: underline;
            }

.hero-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    font-family: "object-fit:cover;object-position:center center", 'object-fit: cover; object-position: center center;';
}

.hero-banner.product .hero-banner__text {
    position: static;
    background-color: transparent;
    color: #000;
    padding-bottom: 30px;
}

.hero-banner.product ul a {
    color: #000;
}

.hero-banner.invert .hero-banner__text {
    background-color: #ebebeb;
    color: #000;
}

.hero-banner.invert ul a {
    color: #000;
}

@media only screen and (max-width: 767px) {
    .hero-banner.home .hero-banner__text {
        margin: 15px 0 0;
    }

    .hero-banner.narrow .hero-banner__image {
        height: 138px;
    }

        .hero-banner.narrow .hero-banner__image img,
        .hero-banner.narrow .hero-banner__image video {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
        }

    .hero-banner.invert.home {
        position: relative;
        padding: 46px 0 0;
    }

        .hero-banner.invert.home .hero-banner__text {
            margin: 0 0 15px;
            color: #000;
        }

            .hero-banner.invert.home .hero-banner__text h1 {
                position: absolute;
                top: 0;
                font-size: 1.6875em;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                margin: 0 0 0 -25px;
            }

            .hero-banner.invert.home .hero-banner__text p {
                margin: 0;
            }

    .hero-banner.product .hero-banner__image img {
        max-width: 300px;
        display: block;
        margin: auto;
    }
}

@media only screen and (min-width: 768px), print {
    .hero-banner {
        position: relative;
        padding-top: 36.666666%;
    }

    .hero-banner__text {
        width: 360px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 30px 25px 0 30px;
        margin: 0;
    }

        .hero-banner__text h1 {
            font-size: 1.25em;
        }

        .hero-banner__text h2 {
            font-size: 1.625em;
        }

        .hero-banner__text p,
        .hero-banner__text a {
            margin: 0 0 10px;
        }

    .hero-banner__image {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .hero-banner.reverse .hero-banner__text {
        left: auto;
        right: 0;
    }

    .hero-banner.reverse .follow {
        right: auto;
        left: 4%;
    }

    .hero-banner.narrow {
        padding-top: 26.666666%;
        overflow: hidden;
    }

    .hero-banner.clear .hero-banner__text {
        background-color: transparent;
        color: #000;
    }

    .hero-banner.blur .hero-banner__text {
        background-color: rgba(0, 0, 0, 0.7);
        color: #ffffff;
    }

        .hero-banner.blur .hero-banner__text ul a {
            color: #ffffff;
        }

    .hero-banner.product {
        padding-top: 0;
    }

        .hero-banner.product .hero-banner__image {
            width: 50%;
            top: 0;
            right: 0;
            bottom: 0;
            left: auto;
        }

            .hero-banner.product .hero-banner__image img {
                height: auto;
            }
}

@media only screen and (min-width: 992px), print {
    .hero-banner__text {
        width: 400px;
    }

        .hero-banner__text h1 {
            font-size: 1.25em;
        }

        .hero-banner__text h2 {
            font-size: 1.875em;
        }

        .hero-banner__text p,
        .hero-banner__text a {
            margin: 0 0 10px;
        }

        .hero-banner__text a {
            font-size: 1.0625em;
        }

        .hero-banner__text ul {
            margin: 0;
        }

    .hero-banner.product {
        min-height: 440px;
    }
}

@media print {
    .hero-banner {
        page-break-inside: avoid;
    }

        .hero-banner.narrow {
            padding-top: 36.666666%;
        }
}

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

.carousel {
    color: #ffffff;
    background: #333;
    padding: 40px 0;
    margin-bottom: 12px;
}

    .carousel h3 {
        line-height: 1.3;
        text-align: center;
        margin: 0 0 40px;
        font-size: 1.25em;
        font-weight: 400;
    }

.carousel__dots {
    text-align: center;
}

.carousel .slick-dots {
    display: inline-block;
}

    .carousel .slick-dots li {
        float: left;
    }

        .carousel .slick-dots li.slick-active button {
            background-color: #fb0020;
            border-color: #fb0020;
            color: #fb0020;
        }

    .carousel .slick-dots button {
        color: #333;
        background-color: #333;
        border: 1px solid #c1c1c1;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        overflow: hidden;
        padding: 0;
        margin: 8px;
    }

        .carousel .slick-dots button:focus {
            outline: 0;
        }

@media only screen and (max-width: 767px) {
    .carousel__items {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 768px), print {
    .carousel .slick-slide .carousel-item:before {
        background: #737373;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 100%;
        content: "";
    }

    .carousel .slick-slide:first-child .carousel-item:before {
        display: none;
    }
}

@media print {
    .carousel {
        page-break-inside: avoid;
    }

        .carousel .carousel-item {
            width: 100%;
        }
}

.social-feed {
    background-color: #ebebeb;
    padding: 15px;
}

    .social-feed h3 {
        margin: 0 0 25px;
        line-height: 1.3;
        font-size: 1.25em;
        font-weight: 400;
    }

@media only screen and (max-width: 767px) {
    .social-feed {
        background-color: #ffffff;
        padding: 0;
    }

        .social-feed .column-row {
            margin-top: -12px;
        }
}

.insight,
.success-stories-mapper {
    position: relative;
    /*  background-color: #ebebeb;
    padding: 10px; */
}

.solution-services {
    background-color: transparent !important;
    padding: 0px !important;
}

.insight__header--bg,
.solution-services__header--bg,
.success-stories-mapper__header--bg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

.insight__header--text,
.solution-services__header--text,
.success-stories-mapper__header--text {
    position: relative;
    z-index: 2;
    padding: 0 5px;
    margin-bottom: 36px;
}

    .insight__header--text h1,
    .solution-services__header--text h1,
    .success-stories-mapper__header--text h1 {
        font-size: 1.875em;
        line-height: 1.166666;
        font-weight: 300;
    }

    .insight__header--text p,
    .solution-services__header--text p,
    .success-stories-mapper__header--text p {
        font-size: 1.125em;
        line-height: normal;
        margin: 0 0 10px;
    }

.insight__filter,
.solution-services__filter,
.success-stories-mapper__filter {
    margin-bottom: 20px;
}

.insight__content,
.solution-services__content,
.success-stories-mapper__content {
    position: relative;
    z-index: 2;
    margin-top: -12px;
}

.insight .show-more,
.solution-services .show-more,
.success-stories-mapper .show-more {
    font-size: 1.125em;
    line-height: 1.8;
    font-weight: 300;
    text-align: center;
    background: transparent;
    width: 100%;
    margin: 10px 0 0;
    padding: 5px 10px;
    border: 0;
    cursor: pointer;
}

    .insight .show-more span,
    .solution-services .show-more span,
    .success-stories-mapper .show-more span {
        display: block;
    }


/*  .success-stories-mapper .show-more:after {
        content: "";
        background-image: url(../ffassets/fujifilm/images/sprite.png);
        background-repeat: no-repeat;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        background-position: -912px 0;
        display: inline-block;
        width: 32px;
        height: 32px;
        text-align: center;
        display: inline-block;
    } */

@media only screen and (min-width: 768px), print {

    .insight__header--bg,
    .solution-services__header--bg,
    .success-stories-mapper__header--bg {
        display: block;
    }

    .insight__header--text,
    .solution-services__header--text,
    .success-stories-mapper__header--text {
        max-width: 100%;
    }

        .insight__header--text h1,
        .solution-services__header--text h1,
        .success-stories-mapper__header--text h1 {
            font-size: 2.5em;
            margin: 25px 0 20px;
        }

        .insight__header--text p,
        .solution-services__header--text p,
        .success-stories-mapper__header--text p {
            font-size: 1.25em;
        }
}

@media only screen and (min-width: 992px), print {

    .insight__header--text h1,
    .solution-services__header--text h1,
    .success-stories-mapper__header--text h1 {
        font-size: 2.5em;
        margin: 25px 0 20px;
    }

    .insight__header--text p,
    .solution-services__header--text p,
    .success-stories-mapper__header--text p {
        font-size: 1.25em;
    }
}

@media print {
    .solution-services__header--bg {
        display: none;
    }
}

.more {
    text-align: center;
    margin-bottom: 30px;
}

    .more h3 {
        margin-top: 50px;
        font-size: 1.625em;
        font-weight: 300;
    }

    .more .image-links-wrapper {
        margin: -10px -10px 0;
    }

@media only screen and (min-width: 992px), print {
    .more h3 {
        font-size: 1.5em;
    }

    .more .image-links-wrapper {
        margin: -10px -12px 0;
    }
}

@media print {
    .more {
        page-break-inside: avoid;
    }
}

.landing-wrapper {
    padding: 0 12px 12px;
    background-color: #ebebeb;
}

.topics {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px), print {
    .topics {
        width: 100% !important;
    }
}

.topics > h3 {
    margin: 0 0 15px;
    font-weight: 300;
}

/* .topics .topic-panels-wrapper {
        margin: 0 -12px;
    } */

.topics .topic-panels-wrapper .panel-item {
    padding: 0 12px;
}

    .topics .topic-panels-wrapper .panel-item:first-child .panel-item__text {
        background-color: #ebebeb;
        color: #000;
    }

    .topics .topic-panels-wrapper .panel-item:first-child a {
        background-color: #ebebeb;
    }

    .topics .topic-panels-wrapper .panel-item:first-child:hover .panel-item__text {
        background-color: #d5d5d5;
    }

/*  .topics .topic-panels-wrapper .panel-item:first-child:hover a {
                background-color: #d5d5d5;
            } */

.topics.products .panel-item__image {
    background-color: #ffffff;
}

.topics.products .panel-item img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover;object-position:center center";
    object-fit: cover;
    object-position: center center;
}

/*@media only screen and (min-width: 768px), print {
    .topics .topic-panels-wrapper {
        margin: 0 -12px;
    }
} */

.accordions > h3 {
    font-weight: 300;
    margin: 0 0 15px;
}

.form-wrapper {
    margin-bottom: 30px;
    max-width: 700px;
}

    .form-wrapper h1 {
        margin: 50px 0 10px;
        font-size: 1.625em;
        font-weight: 400;
    }

    .form-wrapper p {
        margin: 0 0 10px;
    }

.modal .form-wrapper {
    margin: 0 auto 30px;
}

.event-registration-form .page-header h1,
.promotion-form .page-header h1 {
    margin-top: 0;
}

.promotion .page-header h1 {
    margin: 0;
    font-size: 1em;
}

.promotion p {
    margin: 0;
}

.form-group .help-block {
    font-size: 0.875em;
    display: block;
    margin-top: -1px;
}

.form-group .row {
    margin: 0 -6px;
}

/* Required */
.required-field {
    position: relative;
}

    .required-field .control-label:before {
        display: none;
    }

    .required-field .control-label:after {
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: #fb0020;
        margin: 0 4px;
        content: "*";
    }

    .required-field .checkbox:after {
        display: none;
    }

    .required-field .checkbox.required:after {
        display: inline !important;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1;
        color: #fb0020;
        margin: 0 0.75rem;
        content: "*";
    }

.field-validation-error,
.field-validation-error span {
    color: #fb0020;
    margin-top: 2px;
    display: inline-block;
}

.has-error input.input-validation-error {
    background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
}

.has-error select.input-validation-error {
    background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
}

.has-error textarea.input-validation-error {
    background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
}

.sitecore-form fieldset {
    margin: 30px 0;
}

    .sitecore-form fieldset .row {
        margin: 0 -6px;
    }

.subscribe-form form {
    margin: 0 -5px;
    padding: 0 5px;
}

.subscribe-form label {
    display: none;
}

.subscribe-form .form-submit-border {
    margin-top: 0;
}

    .subscribe-form .form-submit-border input {
        padding: 0;
        min-width: 100px !important;
    }

.subscribe-form .form-group {
    width: 100%;
    margin-bottom: 10px !important;
}

@media only screen and (min-width: 992px), print {
    .subscribe-form form {
        padding: 0;
    }

    .subscribe-form .form-group {
        float: left;
        margin-bottom: 0;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

        .subscribe-form .form-group:nth-last-child(3),
        .subscribe-form .form-group:nth-last-child(4) {
            width: 18%;
        }

        .subscribe-form .form-group:nth-last-child(2) {
            width: 35%;
        }

    .subscribe-form .form-submit-border {
        float: left;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .layout-side .g-recaptcha {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

/* End Forms */
/* Bootstrap overwrite */
.scfForm {
    line-height: 1.666666;
    font-weight: 300;
    word-wrap: break-word;
    color: #000;
    font-size: 1em;
}

    .scfForm .page-header {
        border: none;
    }

    .scfForm label {
        font-weight: 300;
    }

    .scfForm form .form-group {
        margin: 0 0 5px;
    }

        .scfForm form .form-group .row {
            margin: 2px -10px 0;
        }

            .scfForm form .form-group .row [class^="col-"],
            .scfForm form .form-group .row [class*=" col-"] {
                padding: 0 10px;
            }

        .scfForm form .form-group .form-control:not(textarea) {
            padding: 0 10px;
            height: 36px;
        }

        .scfForm form .form-group select[size].form-control {
            height: auto;
        }

        .scfForm form .form-group .input-group-addon {
            border-radius: 0;
        }

    .scfForm form .radio label,
    .scfForm form .checkbox label {
        padding: 0;
    }

    .scfForm form .radio input[type=radio],
    .scfForm form .radio-inline input[type=radio] {
        position: relative;
        margin: 8px 10px 8px 0;
    }

    .scfForm form .radio,
    .scfForm form .checkbox,
    .scfForm form .radio-inline,
    .scfForm form .checkbox-inline {
        padding: 0;
    }

    .scfForm form .checkbox-group,
    .scfForm form .checkbox {
        position: relative;
        margin: 5px auto;
    }

        .scfForm form .checkbox-group label,
        .scfForm form .checkbox label {
            position: relative;
            display: block;
            padding: 2px 0 2px 26px;
            line-height: 1.2;
        }

            .scfForm form .checkbox-group label input[type=checkbox],
            .scfForm form .checkbox label input[type=checkbox] {
                position: absolute;
                vertical-align: middle;
                top: -2px;
                left: 0;
                margin-top: 7px;
                margin-left: 0;
            }

/* End Bootsrap overwrite */
.events-form-checklist {
    margin: 25px 0;
}

    .events-form-checklist .control-label {
        background-color: #01916d;
        color: #ffffff;
        padding: 15px;
        margin: 0;
        display: block;
    }

    .events-form-checklist .checkbox:nth-child(odd) {
        background-color: #ededed;
    }

    .events-form-checklist .checkbox {
        position: relative;
        margin: 0;
        padding: 15px 80px 15px 15px;
    }

        .events-form-checklist .checkbox label {
            position: relative;
            padding: 0;
            display: inline-block;
            width: 100%;
        }

            .events-form-checklist .checkbox label input {
                margin: 0;
            }

        .events-form-checklist .checkbox span {
            display: inline-block;
            vertical-align: top;
        }

        .events-form-checklist .checkbox .event-form-time {
            padding-right: 37px;
        }

        .events-form-checklist .checkbox .event-form-detail {
            width: 80%;
        }

        .events-form-checklist .checkbox input[type="checkbox"] {
            position: absolute;
            top: -webkit-calc(50% - 6.5px);
            top: calc(50% - 6.5px);
            left: -webkit-calc(100% - 6.5px);
            left: calc(100% - 6.5px);
            margin-top: 0;
            margin-left: 41px;
        }

        .events-form-checklist .checkbox:after {
            content: '';
            clear: both;
            display: table;
            position: absolute;
            left: 53px;
            top: 12px;
        }

input:not([type=file]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
select.form-control,
textarea.form-control {
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s;
    width: 100%;
    padding: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 1em;
}

input:not([type=file]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
select.form-control {
    vertical-align: middle;
    height: 36px;
    margin: 4px 0;
    padding: 0 10px;
}

    input:not([type=file])::-webkit-input-placeholder,
    input[type="text"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    input[type="email"]::-webkit-input-placeholder,
    input[type="search"]::-webkit-input-placeholder,
    input[type="number"]::-webkit-input-placeholder,
    select.form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #737373;
        font-weight: 300;
    }

    input:not([type=file])::-moz-placeholder,
    input[type="text"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    input[type="email"]::-moz-placeholder,
    input[type="search"]::-moz-placeholder,
    input[type="number"]::-moz-placeholder,
    select.form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #737373;
        font-weight: 300;
    }

    input:not([type=file]):-ms-input-placeholder,
    input[type="text"]:-ms-input-placeholder,
    input[type="password"]:-ms-input-placeholder,
    input[type="email"]:-ms-input-placeholder,
    input[type="search"]:-ms-input-placeholder,
    input[type="number"]:-ms-input-placeholder,
    select.form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #737373;
        font-weight: 300;
    }

    input:not([type=file]):-moz-placeholder,
    input[type="text"]:-moz-placeholder,
    input[type="password"]:-moz-placeholder,
    input[type="email"]:-moz-placeholder,
    input[type="search"]:-moz-placeholder,
    input[type="number"]:-moz-placeholder,
    select.form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #737373;
        font-weight: 300;
    }

select[size] {
    height: auto;
}

input[type="file"] {
    width: 100%;
    font-size: 1em;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 8px 10px 8px 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    padding: 0;
    height: auto;
    width: auto;
}

input[type="text"],
input[type="search"] {
    -webkit-appearance: none;
}

.form-submit-border {
    margin-top: 16px;
}

input[type="submit"] {
    white-space: nowrap;
    min-width: 180px !important;
    /*min-width: 130px !important;
    height: 36px;
    padding: 0 10px 0;	*/
    margin: 2px 0;
    color: var(--color-text-white);
    background: rgb(51, 51, 51);
    /* border: 1px solid #01916d; */
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
    height: auto;
}

    input[type="submit"]:hover {
        color: #ffff;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
        /* border: 1px solid #d7d7d7; */
    }

        input[type="submit"]:hover:after {
            color: #01916d;
        }

/* form button {
    white-space: nowrap;
    min-width: 130px !important;
    margin: 2px 0;
    color: #ffffff;
    background: #01916d;
    border: 1px solid #01916d;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    position: relative;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    width: auto;
}

    form button:hover {
        color: #01916d;
        background-color: #ffffff;
        border: 1px solid #d7d7d7;
    }

        form button:hover:after {
            color: #01916d;
        }

form.search-bar button {
    background-color: rgba(0, 0, 0, 0);
} */

@media print {
    input[type="submit"] {
        border-color: #c1c1c1;
        color: #000;
    }
}

.form-horizontal {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 30px;
}

    .form-horizontal .scfForm {
        font-size: 1.125em;
    }

    .form-horizontal form .page-header {
        display: block;
        line-height: 1.1;
        text-align: center;
        margin: 0;
    }

        .form-horizontal form .page-header h1 {
            margin: 20px 0;
        }

    .form-horizontal form > p {
        line-height: 1.3;
        text-align: center;
        margin: 20px 0;
        font-weight: 400;
    }

    .form-horizontal form {
        margin: auto;
        max-width: 320px;
    }

    .form-horizontal .form-submit-border {
        clear: both;
        padding: 35px 0 0;
        text-align: center;
    }

    .form-horizontal .checkbox-group label input,
    .form-horizontal .checkbox label input {
        position: relative;
    }

@media only screen and (min-width: 768px), print {
    .form-horizontal {
        position: relative;
        padding: 20px 30px;
    }

        .form-horizontal form {
            width: -webkit-calc(100% - 420px);
            width: calc(100% - 420px);
            float: right;
        }

            .form-horizontal form .page-header {
                position: absolute;
                top: 0;
                left: 20px;
                width: 380px;
                text-align: left;
            }

                .form-horizontal form .page-header + p {
                    position: absolute;
                    padding: 0;
                }

            .form-horizontal form > p {
                top: 100px;
                left: 20px;
                width: 380px;
                text-align: left;
                font-size: 1.125em;
                float: left;
                padding: 0 10px;
            }
}

@media only screen and (min-width: 992px), print {
    .form-horizontal form {
        max-width: none;
        margin: 0 -10px;
    }

    .form-horizontal .form-group {
        float: left;
        width: 50%;
        padding: 0 10px;
        clear: none;
    }
}

.listing-side-filters {
    position: relative;
    margin-bottom: 20px;
}

    .listing-side-filters .advanced-filters,
    .listing-side-filters .basic-filters {
        background: #ffffff;
    }

    .listing-side-filters .advanced-filters {
        display: none;
    }

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

.filter-panel-header h3 {
    display: block;
    margin: 0;
    padding: 0 0 20px;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1;
}

.advanced-options-toggle {
    display: block;
    position: relative;
    padding: 6px 10px;
    text-decoration: none;
    font-weight: bold;
    color: #01916d;
    font-size: 0.875em;
    margin: 10px;
}

    .advanced-options-toggle i {
        position: absolute;
        top: 9px;
    }

    .advanced-options-toggle:hover,
    .advanced-options-toggle:focus,
    .advanced-options-toggle:visited,
    .advanced-options-toggle:link {
        color: #01916d;
    }

.filter-group {
    display: none;
}

    .filter-group.printers-filter-group,
    .filter-group.job-filter-group {
        display: block;
    }

.clear-filters-selection-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 7px;
    color: #000;
    text-decoration: none;
    font-size: 0.8125em;
    line-height: 1;
    font-weight: 400;
    border: 1px solid #000;
}

    .clear-filters-selection-btn:visited,
    .clear-filters-selection-btn:link {
        color: #000;
    }

    .clear-filters-selection-btn:hover,
    .clear-filters-selection-btn:focus {
        color: #ffffff;
        background: #01916d;
        border: none;
    }

.filter-subgroup h4 {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    display: block;
    position: relative;
    margin: 0;
    font-size: 1.125em;
    font-weight: 300;
    padding: 6px 10px;
    cursor: pointer;
    outline: 0;
}

    .filter-subgroup h4:before,
    .filter-subgroup h4:after {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: #01916d;
        position: absolute;
        top: 50%;
        right: 22px;
        display: inline-block;
        width: 2px;
        height: 2px;
        content: "";
    }

    .filter-subgroup h4:before {
        width: 16px;
    }

    .filter-subgroup h4:after {
        right: 29px;
        height: 16px;
    }

.filter-subgroup.open h4 {
    color: #ffffff;
    border: 1px solid #01916d;
    background-color: #01916d;
}

    .filter-subgroup.open h4:before {
        background-color: #ffffff;
    }

    .filter-subgroup.open h4:after {
        display: none;
    }

.filter-subgroup:last-child h4 {
    border-bottom: 1px solid #c1c1c1;
}

.filter-subgroup__fields {
    padding: 5px 10px 15px;
    display: none;
    background-color: #ebebeb;
}

    .filter-subgroup__fields .checkbox {
        position: relative;
        margin-bottom: 8px;
        cursor: pointer;
    }

        .filter-subgroup__fields .checkbox input {
            position: absolute;
            top: 2px;
            left: 0;
        }

        .filter-subgroup__fields .checkbox label {
            padding-left: 20px;
            line-height: 1.2;
            font-size: 1.0625em;
        }

.filter-panel-btn-group {
    padding: 10px 0;
    text-align: left;
    display: none;
}

    .filter-panel-btn-group .submit-btn {
        display: inline-block;
        color: #ffffff;
        border: 0;
        text-align: center;
        line-height: 1.25;
        padding: 5px 9px;
        text-decoration: none;
        font-size: .875em;
    }

        .filter-panel-btn-group .submit-btn:hover,
        .filter-panel-btn-group .submit-btn:focus,
        .filter-panel-btn-group .submit-btn a:visited {
            color: #ffffff;
        }

@media only screen and (min-width: 992px), print {
    .filter-panel-header h3 {
        font-size: 1.25em;
    }

    .advanced-options-toggle {
        font-size: 0.875em;
    }

    .clear-filters-selection-btn {
        font-size: 0.8125em;
    }

    .filter-subgroup h4 {
        font-size: 1.125em;
    }

    .filter-subgroup__fields .checkbox label {
        font-size: 1.0625em;
    }
}

@media print {
    .filter-subgroup.open h4 {
        color: #000;
        border-color: #000;
    }
}

.career-listing {
    margin-top: 40px;
}

    .career-listing .listing-content__results {
        margin: 0 0 25px;
    }

/**
 * Product labels
 */
.listing-content__results .label {
    display: inline-block;
    padding: 2px 5px;
    color: #ffffff;
    position: absolute;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

    .listing-content__results .label.new-item {
        color: #ea46a5;
        border: 1px solid #ea46a5;
    }

    .listing-content__results .label.recommended {
        color: #1f65b3;
        border: 1px solid #1f65b3;
    }

    .listing-content__results .label.best-seller {
        color: #47a309;
        border: 1px solid #47a309;
    }

    .listing-content__results .label.promoted {
        color: #1f65b3;
        border: 1px solid #1f65b3;
    }

.listing-content__result-status {
    text-align: center;
}

    .listing-content__result-status .msg {
        display: none;
        color: #737373;
        text-align: left;
        padding: 3px 0;
        font-size: 0.875em;
        margin: 0;
    }

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

.load-more-results {
    display: none;
    text-align: center;
    margin: 20px 0 10px;
}

    .load-more-results a {
        display: inline-block;
        border-radius: 3px;
        text-align: center;
        font-weight: bold;
        line-height: 1.25;
        padding: 5px 9px;
        text-decoration: none;
        font-size: 0.875em;
    }

.listing-content__results {
    margin-top: 25px;
}

    .listing-content__results > li {
        display: block;
        position: relative;
        font-size: 1em;
        line-height: 1.3;
        padding: 0 0 10px 0;
        margin-bottom: 15px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        /* opacity: 0;*/
    }

        .listing-content__results > li.visible {
            opacity: 1;
        }

        .listing-content__results > li h5 {
            font-size: 1.1666666667em;
            margin: 0 0 10px;
            word-break: break-word;
        }

            .listing-content__results > li h5 a {
                display: block;
                text-decoration: none;
                color: #000;
                font-weight: 400;
            }

                .listing-content__results > li h5 a:hover,
                .listing-content__results > li h5 a:focus {
                    text-decoration: underline;
                }

    .listing-content__results .desc {
        width: 55%;
        float: right;
    }

    .listing-content__results .button {
        margin: 0;
        font-size: 1em;
    }

    .listing-content__results .career-item {
        padding: 15px 0;
        margin-bottom: 0;
        border-bottom: 1px solid #ebebeb;
    }

        .listing-content__results .career-item:last-child {
            border: none;
        }

    .listing-content__results .label {
        position: absolute;
        top: -7px;
        left: 3px;
        margin: 0 0 10px;
        z-index: 2;
        background-color: #ffffff;
    }

    .listing-content__results .thumbnail {
        position: relative;
        padding-top: 40%;
        width: 40%;
    }

        .listing-content__results .thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: block;
            max-width: 100%;
            max-height: 100%;
        }

.listing-content-intro > p {
    margin-top: 0;
    line-height: 1.6;
}

.career-item__details {
    position: relative;
}

    .career-item__details h3 {
        margin: 0;
    }

    .career-item__details .button {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: inline-block;
        text-decoration: none;
        font-size: 1em;
        margin: 0;
    }

    .career-item__details .location {
        margin-top: 10px;
        position: relative;
        padding-left: 25px;
        max-width: 60%;
        font-size: 0.9375em;
    }

        .career-item__details .location:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            content: "";
            color: inherit;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 1px;
            left: 2px;
            margin-right: -8px;
            color: #01916d;
        }

    .career-item__details .timestamp {
        position: relative;
        padding-left: 25px;
        max-width: 60%;
        font-size: 0.9375em;
    }

        .career-item__details .timestamp:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            content: "";
            color: inherit;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 1px;
            left: 0;
            margin-right: -8px;
            color: #01916d;
        }

    .career-item__details .opening {
        max-width: 60%;
    }

        .career-item__details .opening h3 {
            font-size: 1.125em;
        }

@media only screen and (min-width: 768px), print {
    .listing-content__results > li {
        min-height: 220px;
    }

    .listing-content__results .career-item {
        min-height: inherit;
    }

    .career-listing .listing-content {
        padding-left: 25px;
    }

    .career-item__details {
        padding-top: 0;
    }

        .career-item__details .opening {
            width: 34%;
            float: left;
        }

        .career-item__details .location {
            top: 5px;
            float: left;
            width: 20%;
            padding-right: 15px;
            padding-left: 15px;
            margin: 0;
        }

            .career-item__details .location:before {
                left: 0;
            }

        .career-item__details .timestamp {
            float: left;
            top: 5px;
            width: 20%;
            padding-right: 10px;
            padding-left: 20px;
        }

        .career-item__details .button {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            display: inline-block;
            text-decoration: none;
            margin: 0;
        }
}

@media only screen and (min-width: 992px), print {
    .listing-content__results > li {
        font-size: 1em;
    }

        .listing-content__results > li:nth-child(odd) {
            clear: left;
        }

    .listing-content__results .desc {
        padding-right: 20px;
    }

    .listing-content__results .button {
        font-size: .9em;
    }
}

@media print {
    .listing-content__results > li {
        width: 100%;
    }
}

.dynamic-listing {
    margin-top: 30px;
}

    .dynamic-listing .listing-description {
        background-color: #ebebeb;
        padding: 30px 25px 20px;
        margin-bottom: 30px;
    }

.event-featured-speakers h3 {
    margin: 50px 0 0;
    font-size: 1.625em;
}

.event-featured-speakers-wrapper {
    margin: 0 -10px;
}

@media only screen and (min-width: 992px) {
    .event-featured-speakers-wrapper {
        margin: 0 -12px;
    }
}

.announcement-list,
.news-list {
    margin: 20px 0;
}

    .announcement-list ul,
    .news-list ul {
        margin: 0;
        padding: 0;
    }

    .announcement-list li,
    .news-list li {
        position: relative;
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #ebebeb;
    }

        .announcement-list li:before,
        .announcement-list li:after,
        .news-list li:before,
        .news-list li:after {
            content: '';
            display: table;
        }

        .announcement-list li:after,
        .news-list li:after {
            clear: both;
        }

        .announcement-list li > *,
        .news-list li > * {
            float: left;
        }

        .announcement-list li a,
        .news-list li a {
            text-decoration: none;
            font-weight: normal;
            color: #01916d;
        }

            .announcement-list li a:hover,
            .news-list li a:hover {
                text-decoration: underline;
            }

        .announcement-list li .date,
        .news-list li .date {
            display: inline-block;
            width: 110px;
        }

    .announcement-list h3 {
        display: block;
        border-bottom: 2px solid #ebebeb;
        font-size: 1em;
        padding-bottom: 7px;
        margin: 0 0 10px;
        line-height: 1.3;
        font-size: 1.25em;
        font-weight: 400;
    }

    .announcement-list li h4 {
        margin: 0;
        padding-left: 20px;
        font-size: 1em;
        width: -webkit-calc(100% - 115px);
        width: calc(100% - 115px);
    }

    .news-list h2 {
        display: block;
        border-bottom: 2px solid #ebebeb;
        font-size: 1em;
        padding-bottom: 7px;
        margin: 0 0 10px;
        line-height: 1.3;
        font-size: 1.25em;
        font-weight: 400;
    }

    .news-list li h3 {
        margin: 0;
        padding-left: 20px;
        font-size: 1em;
        width: -webkit-calc(100% - 125px);
        width: calc(100% - 125px);
    }

@media only screen and (min-width: 768px) {
    .announcement-list li h4 {
        width: -webkit-calc(100% - 190px);
        width: calc(100% - 190px);
    }

    .announcement-list li .date {
        width: 185px;
    }

    .news-list li h3 {
        width: -webkit-calc(100% - 125px);
        width: calc(100% - 125px);
    }
}

.modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.96);
}

    .modal .modal-wrapper {
        position: relative;
        margin: 30px auto 230px;
        max-width: 1120px;
    }

    .modal > .wingspan {
        position: relative;
        margin: 0px auto 50px;
        padding-bottom: 80%;
    }

    .modal .modal-close-button {
        position: relative;
        text-align: right;
        margin: 20px 20px 10px;
    }

        .modal .modal-close-button a {
            display: inline-block;
            width: 30px;
            height: 30px;
            border: 2px solid #01916d;
            border-radius: 50%;
            text-decoration: none;
            line-height: 30px;
            text-align: center;
        }

            .modal .modal-close-button a i {
                position: relative;
                color: #000;
            }

            .modal .modal-close-button a:hover {
                background: #01916d;
            }

                .modal .modal-close-button a:hover i {
                    color: #ffffff;
                }

/**
 * Modal Form
 */
.modal-form .custom-select-wrapper .label {
    border-radius: 0;
    height: 32px;
}

.modal-form .custom-select-wrapper .icon-dropdown-arrow {
    color: #000;
    z-index: 1;
}

.modal-form .custom-select-wrapper .custom-select {
    z-index: 2;
}

.modal-form .legend {
    display: block;
    padding-top: 5px;
    border-top: 1px solid #ededed;
    font-style: italic;
    font-size: 0.6875em;
}

    .modal-form .legend .required {
        color: #f00;
    }

.modal-form .btn-group {
    margin-top: 25px;
}

.modal-form .captcha-image {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
}

    .modal-form .captcha-image img {
        width: 100%;
    }

.modal-form .captcha-refresh {
    display: inline-block;
    width: 12%;
    vertical-align: middle;
}

.modal-form iframe {
    height: 100%;
    width: 100%;
    border: 0;
}

/**
 * Subscribe modal
 */
.subscribe {
    display: none;
    width: 90%;
    max-width: 800px;
    margin: auto;
}

    .subscribe h3 {
        margin-top: 50px;
        font-size: 1.625em;
        font-weight: 400;
        padding: 0 6px;
    }

    .subscribe .btn-download {
        font-size: 1em;
        line-height: 1.4;
        margin: 0;
        color: #01916d;
        position: relative;
        display: inline-block;
        text-decoration: none;
        padding-right: 25px;
        padding: 0 25px 0 6px;
        word-break: break-all;
    }

        .subscribe .btn-download i {
            font-size: 22px;
            text-decoration: none;
            position: absolute;
            right: 0;
            top: 0;
        }

        .subscribe .btn-download:hover {
            text-decoration: underline;
        }

    .subscribe .icon-download {
        background-image: url(../ffassets/fujifilm/images/icn_download.svg);
        height: 24px;
        width: 24px;
        display: inline-block;
        vertical-align: bottom;
    }

        .subscribe .icon-download:hover {
            background-image: url(../ffassets/fujifilm/images/icn_download.svg);
            height: 24px;
            width: 24px;
            display: inline-block;
            vertical-align: bottom;
        }

    .subscribe .col {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .subscribe .input-group-text {
        margin-top: 0;
    }

    .subscribe .btn-group {
        margin-top: 15px;
        padding: 0 6px;
    }

@media only screen and (max-width: 767px), print {
    .subscribe .col {
        padding: 0 20px 15px;
    }

        .subscribe .col:first-child {
            border-bottom: 1px solid #e0dfdf;
        }
}

@media only screen and (min-width: 768px), print {
    .subscribe {
        padding: 20px;
    }

        .subscribe h3 {
            margin-top: 0;
        }

        .subscribe .col {
            padding: 0 20px 20px;
        }

            .subscribe .col:first-child {
                border-right: 1px solid #e0dfdf;
            }
}

@media only screen and (min-width: 992px), print {
    .subscribe h3 {
        font-size: 1.5em;
    }

    .subscribe .btn-download {
        font-size: 1.125em;
    }
}

@media only screen and (min-width: 992px), print {
    .modal-form {
        margin: 0 160px;
    }
}

.event-agenda {
    max-width: 666px;
}

.event-agenda__header .day-toggle {
    width: auto;
}

@media only screen and (min-width: 320px) {
    .event-agenda__header .day-toggle {
        float: left;
    }
}

@media only screen and (max-width: 419px) {
    .event-agenda__header .day-toggle {
        display: block;
        width: 100%;
    }
}

.event-agenda__header a {
    float: left;
    padding: 5px 15px;
    border: 1px solid #01916d;
    background-color: #ffffff;
    color: #01916d;
    text-decoration: none;
    font-weight: 400;
    margin: 0 5px 0 0;
    font-size: 1em;
    line-height: 1.875;
}

    .event-agenda__header a.active {
        color: #ffffff;
        background-color: #01916d;
    }

    .event-agenda__header a:after {
        display: none;
    }

    .event-agenda__header a:hover {
        text-decoration: none;
        border: 1px solid #01916d;
    }

    .event-agenda__header a.download {
        color: #ffffff;
        background-color: #01916d;
    }

.event-agenda__header .download {
    margin: 0;
}

@media only screen and (min-width: 420px) {
    .event-agenda__header .download {
        float: right;
        margin-top: auto;
    }
}

@media only screen and (max-width: 419px) {
    .event-agenda__header .download {
        display: block;
        margin-top: 6px;
    }
}

.event-agenda__day-table {
    display: none;
    /**
	 * Tables
	 */
}

    .event-agenda__day-table:first-child {
        display: block;
    }

    .event-agenda__day-table table {
        margin: 20px 0;
        border-collapse: collapse;
        width: 100%;
    }

    .event-agenda__day-table thead {
        color: #ffffff;
        text-align: left;
    }

        .event-agenda__day-table thead tr {
            background: #01916d;
        }

    .event-agenda__day-table th {
        background: #01916d;
        color: #ffffff;
    }

    .event-agenda__day-table td,
    .event-agenda__day-table th {
        padding: 15px;
        font-weight: 300;
    }

    .event-agenda__day-table td {
        vertical-align: top;
        max-width: 600px;
    }

        .event-agenda__day-table td:first-child {
            width: 100px;
        }

        .event-agenda__day-table td:last-child {
            width: -webkit-calc(100% - 100px);
            width: calc(100% - 100px);
        }

    .event-agenda__day-table tbody tr:nth-child(odd) {
        background: #ebebeb;
    }

    .event-agenda__day-table tbody li {
        margin-bottom: 8px;
    }

    .event-agenda__day-table tbody h3 {
        font-weight: 400;
    }

    .event-agenda__day-table tbody h3,
    .event-agenda__day-table tbody p {
        margin: 0 0 10px;
    }

    .event-agenda__day-table tbody ul li {
        padding-left: 0;
    }

        .event-agenda__day-table tbody ul li:before {
            display: none;
        }

    .event-agenda__day-table .js-synopsis-toggle {
        text-decoration: none;
        color: #01916d;
        font-weight: bold;
        display: block;
    }

        .event-agenda__day-table .js-synopsis-toggle:hover {
            text-decoration: none;
        }

        .event-agenda__day-table .js-synopsis-toggle:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            content: "";
            color: inherit;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: 1px;
            margin-right: 2px;
        }

        .event-agenda__day-table .js-synopsis-toggle.visible:before {
            content: '\e90b';
        }

.promotion {
    margin-top: 30px;
}

@media only screen and (min-width: 768px), print {
    .promotion .promotion-list {
        padding-right: 30px;
    }
}

.promotion-list__block {
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
}

    .promotion-list__block .thumbnail img {
        display: block;
        width: 100%;
    }

    .promotion-list__block .content {
        position: relative;
        padding: 15px 20px;
    }

    .promotion-list__block h3 {
        display: block;
        max-width: 60%;
        margin: 0 0 5px;
        line-height: 1.2;
        font-size: 1em;
    }

    .promotion-list__block .duration {
        display: block;
        max-width: 80%;
        font-size: 0.875em;
    }

    .promotion-list__block .button {
        position: absolute;
        right: 20px;
        top: 15px;
        font-size: 0.875em;
    }

        .promotion-list__block .button.expired {
            background-color: #ddd;
            color: #000;
        }

@media print {
    .promotion-list__block {
        page-break-inside: avoid;
        border-color: transparent;
    }
}

.related-pages__block {
    margin: 0 0 20px;
}

    .related-pages__block h3 {
        margin-top: 20px;
    }

    .related-pages__block a {
        transition-property: background-color;
        transition-duration: 150ms;
        transition-timing-function: ease-in-out;
        /* Webkit */
        -webkit-transition-timing-function: ease-in-out;
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 150ms;
        -webkit-backface-visibility: hidden;
        position: relative;
        display: block;
        color: #000;
        padding: 20px;
        min-height: 190px;
        background: #e6e6e6;
        text-decoration: none;
        padding-right: 40px;
    }

        .related-pages__block a:hover {
            background: #01916d;
            color: #ffffff;
        }

            .related-pages__block a:hover .category {
                border-color: #ffffff;
            }

        .related-pages__block a:after {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            content: "";
            color: inherit;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 24px;
        }

    .related-pages__block h4 {
        margin-top: 0;
    }

    .related-pages__block p {
        font-size: 0.875em;
        word-wrap: break-word;
    }

    .related-pages__block .category {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        display: block;
        border-top: 1px solid #000;
        padding: 20px 70px 20px 0;
        font-size: 0.875em;
    }

        .related-pages__block .category i {
            font-size: 1.3em;
            margin-right: 5px;
            color: #666;
        }

    .related-pages__block .label {
        position: absolute;
        display: block;
        top: 20px;
        right: 0;
        font-size: 0.75em;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #ea46a5;
        padding: 3px 18px;
    }

@media only screen and (min-width: 768px), print {

    .related-pages:before,
    .related-pages:after {
        content: '';
        display: table;
    }

    .related-pages:after {
        clear: both;
    }

    .related-pages__block {
        width: 48.5%;
        float: left;
        margin-right: 3%;
    }

        .related-pages__block:nth-child(2n + 2) {
            margin-right: 0;
        }
}

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

.event-aside > * {
    margin-bottom: 30px;
}

    .event-aside > * > h3 {
        margin: 0 0 10px;
        font-weight: 400;
    }

.event-aside__details .location,
.event-aside__details .date,
.event-aside__details .time {
    display: block;
    position: relative;
    line-height: 1.3;
    margin-bottom: 8px;
    padding-left: 25px;
}

    .event-aside__details .location:before,
    .event-aside__details .date:before,
    .event-aside__details .time:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: "";
        color: inherit;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        display: block;
        width: 14px;
        left: 0;
        top: 2px;
        text-align: center;
        color: #01916d;
    }

    .event-aside__details .location:before {
        content: '\f041';
    }

    .event-aside__details .date:before {
        content: '\f073';
    }

    .event-aside__details .time:before {
        content: '\f017';
    }

.event-aside__details a {
    margin-right: 5px;
}

.event-aside__map iframe {
    width: 100%;
    height: 210px;
}

.event-aside__share li {
    display: inline-block;
    float: left;
}

.event-aside__share a {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #01916d;
    text-align: center;
    margin: 0 12px 12px 0;
    text-decoration: none;
}

    .event-aside__share a i {
        display: block;
        line-height: 28px;
        color: #ffffff;
        font-size: 18px;
    }

    .event-aside__share a:hover {
        background-color: #01916d;
    }

    .event-aside__share a.facebook {
        background-color: #3b5999;
    }

    .event-aside__share a.linkedin {
        background-color: #0177b5;
    }

    .event-aside__share a.twitter {
        background-color: #1ca3f5;
    }

    .event-aside__share a.instagram {
        background-color: #cd486b;
    }

.sponsors__group {
    margin: 0 0 20px;
}

    .sponsors__group h4 {
        font-size: 0.875em;
        margin: 0 0 10px;
        font-weight: 400;
    }

    .sponsors__group li {
        display: inline-block;
        margin: 0 10% 10px 0;
        width: 25%;
        max-width: 75px;
        vertical-align: middle;
    }

        .sponsors__group li a {
            display: block;
        }

@media only screen and (min-width: 992px), print {
    .sponsors__group li:nth-child(3n + 3) {
        margin-right: 0;
    }
}

.sponsors__group li img {
    display: block;
    width: 100%;
}

@media only screen and (min-width: 992px), print {
    .event-aside {
        padding-left: 30px;
    }
}

.sitemap a,
.sitemap span {
    color: #000;
    font-weight: 400;
}

.sitemap span {
    text-decoration: underline;
}

.sitemap__lvl1 > li {
    display: block;
    margin-bottom: 24px;
}

    .sitemap__lvl1 > li > a,
    .sitemap__lvl1 > li > span {
        font-size: 1.5em;
    }

.sitemap__lvl2 > li {
    display: block;
    margin-bottom: 12px;
}

    .sitemap__lvl2 > li > a,
    .sitemap__lvl2 > li > span {
        font-size: 1.25em;
    }

.sitemap__lvl3 > li {
    display: block;
}

    .sitemap__lvl3 > li > a,
    .sitemap__lvl3 > li > span {
        font-size: 1.125em;
        color: #01916d;
    }

.sitemap__lvl4 > li {
    display: block;
    padding: 0 0 0 12px;
    margin-bottom: 6px;
}

    .sitemap__lvl4 > li > a,
    .sitemap__lvl4 > li > span {
        color: #01916d;
    }

@media only screen and (min-width: 768px) {
    .sitemap__lvl3 > li {
        display: inline-block;
        float: left;
        width: 25%;
    }
}

.search-results {
    margin: 15px 0;
}

    .search-results h2 {
        font-size: 1.125em;
        margin: 0;
    }

    .search-results a {
        color: #01916d;
        text-decoration: none;
    }

        .search-results a:hover,
        .search-results a:focus {
            text-decoration: underline;
        }

    .search-results .url {
        color: #bbb;
        display: inline-block;
        width: 100%;
        margin: 0 0 32px;
        line-height: 1.2;
    }

    .search-results .excerpt {
        margin: 6px 0;
        width: 100%;
        line-height: 1;
    }

    .search-results li {
        display: block;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 24px;
    }

.reseller-partners--list table td img {
    height: 25px;
    margin-right: 8px;
}

.reseller-locator h2 {
    margin: 0 0 30px 0;
}

.reseller-locator #resellerMap {
    width: 100%;
    height: 300px;
}

.reseller-locator .reseller-nodisplay {
    display: none;
}

.reseller-locator .reseller-map {
    margin: 50px 0 0 0;
    position: relative;
}

    .reseller-locator .reseller-map span {
        display: inline-block;
        margin-bottom: 15px;
    }

    .reseller-locator .reseller-map .resellers-count {
        font-weight: bold;
        padding: 0 2px 0 4px;
    }

    .reseller-locator .reseller-map .switch-view {
        position: absolute;
        right: 0;
        color: #01916d;
        text-decoration: none;
    }

        .reseller-locator .reseller-map .switch-view:hover {
            text-decoration: underline;
        }

    .reseller-locator .reseller-map iframe {
        display: block;
    }

    .reseller-locator .reseller-map .map-pop-up strong {
        display: inline-block;
        margin-bottom: 8px;
    }

    .reseller-locator .reseller-map .map-pop-up p {
        margin: 0;
    }

.reseller-locator .reseller-partners--list table {
    width: 60%;
    min-width: 720px;
}

    .reseller-locator .reseller-partners--list table p {
        margin: 0;
        display: inline-block;
        padding-right: 3px;
    }

    .reseller-locator .reseller-partners--list table td.has-medal {
        position: relative;
    }

        .reseller-locator .reseller-partners--list table td.has-medal img {
            position: absolute;
            top: 15px;
            left: 15px;
        }

        .reseller-locator .reseller-partners--list table td.has-medal span {
            display: inline-block;
            padding-left: 25px;
        }

.reseller-locator .reseller-partners--legend {
    display: none;
    margin: 12px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebebeb;
}

    .reseller-locator .reseller-partners--legend p {
        margin-top: 0px;
        font-weight: 400;
    }

    .reseller-locator .reseller-partners--legend li {
        float: left;
        margin-right: 24px;
    }

    .reseller-locator .reseller-partners--legend img {
        height: 25px;
        margin-right: 12px;
    }

    .reseller-locator .reseller-partners--legend span {
        line-height: 25px;
        vertical-align: middle;
    }

.reseller-locator .reseller-partners--content .partner-item {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ebebeb;
}

    .reseller-locator .reseller-partners--content .partner-item h3 img {
        height: 29px;
        margin-right: 12px;
    }

.reseller-locator .reseller-partners--content .partner-item__detail {
    position: relative;
    line-height: 1.3em;
    margin: 0 0 6px 0;
    font-size: 0.9375em;
}

    .reseller-locator .reseller-partners--content .partner-item__detail .label {
        position: absolute;
        top: 0;
        left: 0;
    }

.reseller-locator .reseller-partners--content .partner-item__detail--text {
    display: inline-block;
    padding-left: 65px;
}

.reseller-locator .reseller-partners--content .partner-item__detail p {
    margin: 0;
}

.reseller-locator .reseller-partners--content .partner-item__detail.contact,
.reseller-locator .reseller-partners--content .partner-item__detail.fax {
    display: inline-block;
}

.reseller-locator .reseller-partners--content .partner-item__detail.contact {
    margin-right: 24px;
}

.reseller-locator .reseller-partners--content a {
    color: #01916d;
    font-size: 0.9375em;
    font-weight: 500;
}

    .reseller-locator .reseller-partners--content a.button {
        color: #ffffff;
    }

        .reseller-locator .reseller-partners--content a.button:hover {
            color: #01916d;
        }

@media only screen and (min-width: 992px) {
    .reseller-locator #resellerMap {
        width: 60%;
        min-width: 720px;
        height: 400px;
    }

    .reseller-locator .reseller-map {
        max-width: none;
    }

        .reseller-locator .reseller-map .switch-view {
            right: auto;
            left: 720px;
            -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
        }
}

.newsroom-featured {
    overflow: hidden;
    margin-bottom: 20px;
}

.newsroom .column-row_news:first-child .panel-item:first-child .panel-item__text {
    background-color: #01916d;
    color: #ffffff;
}

/* .newsroom .column-row:first-child .panel-item:first-child a {
  background-color: #01916d;
}

.newsroom .column-row:first-child .panel-item:first-child:hover a {
  background-color: #991822;
} */

.newsroom .column-row_news:first-child .panel-item:first-child:hover .panel-item__text {
    background-color: #991822;
}

.newsroom-listing {
    text-align: center;
    display: flex;
    flex-direction: column;
}



    .newsroom-listing .loader {
        text-align: center;
    }

.newsroom-load-more {
    width: 100%;
    text-align: center;
}

.news-list {
    text-align: left;
    width: 100%
}

    .news-list li a {
        color: #01916d;
    }

        .news-list li a:hover {
            text-decoration: underline;
        }

    .news-list li .date {
        display: inline-block;
        width: 120px;
    }

    .news-list .no-result {
        display: none;
    }

.newsroom-listing__sort-result {
    margin-bottom: 0;
}

    .newsroom-listing__sort-result .dropdown-copy {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        float: none;
    }

@media only screen and (max-width: 767px) {
    .newsroom-listing__sort-result .right {
        float: none;
        padding: 0 6px;
        text-align: left;
    }

    .news-list .news-results {
        margin-bottom: 15px;
    }

    .newsroom-listing_news {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .newsroom-listing__sort-result .right {
        padding: 0 6px;
    }

    .newsroom-listing_news {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

.two-col-carousel,
.three-four-carousel,
.tabbed-carousel {
    margin: 0 -12px;
}

.two-col-carousel__dots,
.three-four-carousel__dots,
.tabbed-carousel__dots {
    text-align: center;
}

.two-col-carousel .slick-dots,
.three-four-carousel .slick-dots,
.tabbed-carousel .slick-dots {
    display: inline-block;
    margin-bottom: -10px;
}

    .two-col-carousel .slick-dots li,
    .three-four-carousel .slick-dots li,
    .tabbed-carousel .slick-dots li {
        float: left;
    }

        .two-col-carousel .slick-dots li.slick-active button,
        .three-four-carousel .slick-dots li.slick-active button,
        .tabbed-carousel .slick-dots li.slick-active button {
            background-color: #01916d;
            border-color: #01916d;
            color: #01916d;
        }

    .two-col-carousel .slick-dots button,
    .three-four-carousel .slick-dots button,
    .tabbed-carousel .slick-dots button {
        color: #ffffff;
        background-color: #ffffff;
        border: 2px solid #c1c1c1;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        overflow: hidden;
        padding: 0;
        margin: 8px;
        display: block;
    }

        .two-col-carousel .slick-dots button:focus,
        .three-four-carousel .slick-dots button:focus,
        .tabbed-carousel .slick-dots button:focus {
            outline: 0;
        }

.two-col-carousel .slick-arrow,
.three-four-carousel .slick-arrow,
.tabbed-carousel .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    background: transparent;
    border: none;
}

    .two-col-carousel .slick-arrow span,
    .three-four-carousel .slick-arrow span,
    .tabbed-carousel .slick-arrow span {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 0;
        height: 0;
    }

    .two-col-carousel .slick-arrow:before,
    .three-four-carousel .slick-arrow:before,
    .tabbed-carousel .slick-arrow:before {
        background-image: url(../ffassets/fujifilm/images/sprite.png);
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        width: 33px;
        height: 63px;
    }

    .two-col-carousel .slick-arrow.prev,
    .three-four-carousel .slick-arrow.prev,
    .tabbed-carousel .slick-arrow.prev {
        left: -55px;
    }

        .two-col-carousel .slick-arrow.prev:before,
        .three-four-carousel .slick-arrow.prev:before,
        .tabbed-carousel .slick-arrow.prev:before {
            background-position: -198px 0;
        }

    .two-col-carousel .slick-arrow.next,
    .three-four-carousel .slick-arrow.next,
    .tabbed-carousel .slick-arrow.next {
        right: -55px;
    }

        .two-col-carousel .slick-arrow.next:before,
        .three-four-carousel .slick-arrow.next:before,
        .tabbed-carousel .slick-arrow.next:before {
            background-position: -263px 0;
        }

    .two-col-carousel .slick-arrow:focus,
    .two-col-carousel .slick-arrow:hover,
    .three-four-carousel .slick-arrow:focus,
    .three-four-carousel .slick-arrow:hover,
    .tabbed-carousel .slick-arrow:focus,
    .tabbed-carousel .slick-arrow:hover {
        outline: 0;
    }

        .two-col-carousel .slick-arrow:focus.prev:before,
        .two-col-carousel .slick-arrow:hover.prev:before,
        .three-four-carousel .slick-arrow:focus.prev:before,
        .three-four-carousel .slick-arrow:hover.prev:before,
        .tabbed-carousel .slick-arrow:focus.prev:before,
        .tabbed-carousel .slick-arrow:hover.prev:before {
            background-position: -231px 0;
        }

        .two-col-carousel .slick-arrow:focus.next:before,
        .two-col-carousel .slick-arrow:hover.next:before,
        .three-four-carousel .slick-arrow:focus.next:before,
        .three-four-carousel .slick-arrow:hover.next:before,
        .tabbed-carousel .slick-arrow:focus.next:before,
        .tabbed-carousel .slick-arrow:hover.next:before {
            background-position: -297px 0;
        }

@media only screen and (min-width: 768px) {
    .layout-article .two-col-carousel {
        padding: 0;
    }

    .two-col-carousel {
        padding: 0 80px;
    }
}

@media only screen and (min-width: 992px) {
    .two-col-carousel {
        /* padding: 0 160px; */
        padding: 0 0px;
    }
}

@media only screen and (max-width: 767px) {

    .two-col-carousel .slick-arrow,
    .three-four-carousel .slick-arrow {
        display: none;
    }

    .two-col-carousel .panel-gradient {
        padding: 0;
    }

        .two-col-carousel .panel-gradient > a {
            padding: 0;
        }
}

@media only screen and (max-width: 1499px) {
    .two-col-carousel {
        margin: 0 auto;
    }
}

.three-four-carousel {
    max-width: 672px;
}

    .three-four-carousel .col-sm-3 p {
        font-size: 1.125em;
    }

@media only screen and (max-width: 767px) {
    .three-four-carousel .panel-caption__image {
        display: block;
        text-align: center;
    }

        .three-four-carousel .panel-caption__image img {
            display: inline;
        }
}

@media only screen and (min-width: 768px) {
    .three-four-carousel {
        margin: auto;
    }

        .three-four-carousel .col-sm-9 {
            padding: 0 70px;
        }
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(../ffassets/fujifilm/images/white-unsorted.gif);
    background-position: -webkit-calc(100% - 10px);
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
}

    .tablesorter-default .header:focus,
    .tablesorter-default .tablesorter-header:focus {
        outline: 0;
    }

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(../ffassets/fujifilm/images/white-desc.gif);
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(../ffassets/fujifilm/images/white-asc.gif);
}

.social-feed-subpage h3 {
    margin: 0 0 25px;
    line-height: 1.3;
    font-size: 1.25em;
    font-weight: 400;
}

.social-feed-subpage__icons {
    margin-bottom: 12px;
}

    .social-feed-subpage__icons a {
        text-decoration: none;
        display: inline-block;
        width: 30px;
        margin-right: 10px;
    }

.tab-carousel__tabs li {
    float: left;
    width: auto;
    min-width: 25%;
    text-align: center;
    cursor: pointer;
}

    .tab-carousel__tabs li.active a {
        background-color: #01916d;
        color: #ffffff !important;
    }

        .tab-carousel__tabs li.active a:hover {
            color: #ffffff !important;
            text-decoration: none !important;
        }

.tab-carousel__tabs a {
    text-decoration: none;
    display: block;
    padding: 5px 0;
    background-color: #ebebeb;
    color: #000;
    font-weight: 400;
    font-size: 1.25em;
}

    .tab-carousel__tabs a:hover {
        text-decoration: none;
    }

.tab-carousel__contents {
    margin: 25px 0;
    min-height: 250px;
    text-align: center;
}

.tab-carousel .tabbed-carousel {
    display: inline-block;
    width: 80%;
}

.BMap_pop .BMap_bubble_title {
    font-weight: bold;
}

.BMap_pop .BMap_bubble_content p {
    margin: 0 !important;
}

#resellerMap img {
    max-width: none;
}

.alipay-form table {
    width: 100%;
    min-width: 850px;
    font-size: 0.875em;
}

    .alipay-form table a {
        color: #01916d;
    }

    .alipay-form table tbody tr {
        background-color: transparent !important;
    }

    .alipay-form table tbody th,
    .alipay-form table tbody td {
        border: 1px solid #ededed;
    }

    .alipay-form table tbody .left-column {
        text-align: right;
    }

    .alipay-form table tbody .required {
        color: #01916d;
    }

        .alipay-form table tbody .required span {
            color: #000;
        }

    .alipay-form table tbody p {
        position: relative;
        margin: 0 0 10px;
    }

    .alipay-form table tbody .help-text {
        display: inline-block;
        margin-left: 10px;
    }

    .alipay-form table h3 {
        margin-top: 0;
    }

    .alipay-form table .payment strong {
        display: block;
    }

.alipay-form button {
    line-height: 1.55;
    text-decoration: none;
    color: #ffffff;
    background: #01916d;
    position: relative;
    display: inline-block;
    margin: 0;
    border: 1px solid #01916d;
    padding: 4px 34px 4px 14px;
    outline: 0;
}

    .alipay-form button:after {
        -webkit-transform: rotate(45deg) translate(0, -50%);
        transform: rotate(45deg) translate(0, -50%);
        position: absolute;
        top: 50%;
        right: 21px;
        display: block;
        width: 10px;
        height: 10px;
        margin: -2px 0 0;
        content: "";
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
    }

    .alipay-form button:hover {
        background: #ffffff;
        color: #01916d;
        border-color: #01916d;
    }

        .alipay-form button:hover:after {
            border-top: 2px solid #01916d;
            border-right: 2px solid #01916d;
        }

    .alipay-form button.addNewInvoice {
        padding: 4px 30px;
        min-width: 0 !important;
    }

        .alipay-form button.addNewInvoice:after {
            display: none;
        }

.sticky-buttons {
    position: fixed;
    padding: 3px 0 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ffffff;
}

    .sticky-buttons.visible {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .sticky-buttons .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /*background-color: var(--color-bg-secondary-a);*/
    }

    .sticky-buttons .hover {
        display: none;
    }

    .sticky-buttons a {
        display: block;
        text-align: center;
        padding: 7px 18px;
        margin: 0 7px;
        height: 40px;
        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;
        background: #01916d;
        color: #fff;
    }

        .sticky-buttons a:after {
            display: none;
        }

        .sticky-buttons a:hover .default {
            display: none;
        }

        .sticky-buttons a:hover {
            background: #fff;
            color: #01916d;
            border-color: #01916d;
            border: 1px solid #01916d
        }



            .sticky-buttons a:hover .hover {
                display: inline;
            }

        .sticky-buttons a i,
        .sticky-buttons a span,
        .sticky-buttons a img {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            display: inline-block;
        }

        .sticky-buttons a img {
            display: inline;
            margin: 0 13px 0 0;
            max-height: 24px;
        }

        .sticky-buttons a span {
            font-weight: 700;
            letter-spacing: 0.5px;
        }

@media only screen and (max-width: 991px) {
    .sticky-buttons {
        bottom: auto;
        top: 86px;
        background-color: #01916d;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -webkit-box-shadow: 0 4px 4px rgba(102, 102, 102, 0.4);
        box-shadow: 0 4px 4px rgba(102, 102, 102, 0.4);
    }

        .sticky-buttons a {
            width: -webkit-calc(100% / 3);
            width: calc(100% / 3);
            height: auto;
            margin: 0;
            padding: 15px 18px;
            font-size: 0.875em;
            position: relative;
            min-height: unset;
            border: none;
        }

            .sticky-buttons a:hover {
                background-color: #01916d;
                color: #ffffff;
            }

                .sticky-buttons a:hover:after {
                    border-top: none;
                    border-right: none;
                }

                .sticky-buttons a:hover .default {
                    display: inline;
                }

                .sticky-buttons a:hover .hover {
                    display: none;
                }

            .sticky-buttons a:after {
                display: block;
                width: 1px;
                height: 70%;
                top: 50%;
                right: 0;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                margin: 0;
                border: none;
                background-color: #ffffff;
            }

            .sticky-buttons a:last-child:after {
                display: none;
            }

            .sticky-buttons a img {
                margin: 0 0 10px;
                max-height: 31px;
            }

            .sticky-buttons a i,
            .sticky-buttons a span {
                display: block;
            }

            .sticky-buttons a span {
                line-height: 1.2;
                color: #fff
            }
}

.product-finder {
    background: #ebebeb;
    padding: 20px 5px;
}

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

    .product-finder__header h1 {
        font-size: 1.625em;
        line-height: 30px;
        margin-top: 0;
    }

.product-finder .question__desc {
    text-align: center;
    font-size: 1.25em;
    font-weight: 500;
}

.product-finder__footer {
    margin: 15px auto;
    position: relative;
}

    .product-finder__footer:before,
    .product-finder__footer:after {
        content: '';
        display: table;
    }

    .product-finder__footer:after {
        clear: both;
    }

    .product-finder__footer > div {
        margin-bottom: 15px;
    }

.product-finder__footer--back {
    display: inline-block;
    float: left;
}

.product-finder__footer--results {
    display: block;
    text-align: center;
}

    .product-finder__footer--results p {
        background-color: #999;
        padding: 8px 15px;
        border-radius: 7px;
        color: white;
        font-size: 1em;
        display: inline-block;
        margin: 0;
    }

.product-finder__footer--right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: right;
}

    .product-finder__footer--right button + button {
        margin-left: 15px;
    }

.product-finder__footer .btn-findprinter {
    display: none;
}

    .product-finder__footer .btn-findprinter.is-shown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.product-finder__footer .btn-compareprinter:disabled,
.product-finder__footer .btn-compareprinter[disabled] {
    background: #ddd;
    border-color: #ddd;
    color: #a9a9a9;
    cursor: default;
}

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

.product-finder button {
    line-height: 1;
    text-decoration: none;
    color: #ffffff;
    background: #01916d;
    position: relative;
    display: inline-block;
    padding: 4px 10px 4px 10px;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #01916d;
    font-weight: 500;
    padding: 5px 10px 5px 10px;
}

    .product-finder button:hover {
        background: white;
        color: #01916d;
        border: 1px solid #01916d;
    }

    .product-finder button span {
        font-size: 1em;
        font-weight: 500;
    }

        .product-finder button span + .icon {
            padding-left: 5px;
        }

    .product-finder button .icon + span {
        padding-left: 5px;
    }

    .product-finder button.btn-white {
        color: black;
        background: white;
        border: 1px solid #D7D7D7;
    }

        .product-finder button.btn-white:hover {
            background: #01916d;
            color: white;
            border: 1px solid #01916d;
        }

    .product-finder button .icon {
        font-size: 22px;
        line-height: 22px;
    }

    .product-finder button .icon-arrow-left,
    .product-finder button .icon-arrow-right {
        font-size: 14px;
    }

    .product-finder button .icon-return {
        font-size: 16px;
    }

@media only screen and (max-width: 767px) {
    .product-finder {
        padding: 35px 10px 20px;
    }

    .product-finder-wrap {
        padding: 0;
    }

    .product-finder__footer--right button + button {
        margin-left: 5px;
    }

    .product-finder button {
        padding: 5px 5px 5px 10px;
    }

        .product-finder button .btn-white {
            padding: 5px 8px 5px 5px;
        }

    .product-finder-results .finder-results__desc h2 {
        font-size: 1.25em;
    }
}

@media only screen and (min-width: 768px), print {
    .product-finder {
        padding: 50px 25px;
    }

    .product-finder__header h1 {
        font-size: 2em;
    }

    .product-finder__footer {
        margin: 35px auto;
    }

        .product-finder__footer:before,
        .product-finder__footer:after {
            content: '';
            display: table;
        }

        .product-finder__footer:after {
            clear: both;
        }

    .product-finder__footer--back {
        position: relative;
        z-index: 1;
    }

    .product-finder__footer--right {
        z-index: 1;
    }

    .product-finder__footer--results {
        position: absolute;
        top: -4px;
        left: 0;
        right: 0;
        z-index: 0;
    }

    .product-finder .question__desc {
        font-size: 1.5em;
    }
}

.product-finder-results .finder-results__desc {
    text-align: center;
    margin: 0 0 35px;
}

    .product-finder-results .finder-results__desc h2 {
        margin-bottom: 0;
        font-size: 1.25em;
    }

    .product-finder-results .finder-results__desc p {
        display: block;
        font-size: 1em;
        color: #666;
        font-weight: 300;
        margin: 0;
    }

@media only screen and (min-width: 768px), print {
    .product-finder-results .finder-results__desc h2 {
        font-size: 1.5em;
    }

    .product-finder-results .finder-results__desc p {
        font-size: 1.25em;
    }

    .product-finder__empty .empty-results__desc {
        width: 60%;
        margin: 0 auto;
    }
}

.product-finder-compare__footer {
    margin: 15px auto 0;
    position: relative;
}

    .product-finder-compare__footer .compare__footer--back {
        display: block;
    }

    .product-finder-compare__footer .compare__footer--startover {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }

    .product-finder-compare__footer button {
        line-height: 1;
        text-decoration: none;
        color: #ffffff;
        background: #01916d;
        position: relative;
        display: inline-block;
        padding: 5px 10px 5px 10px;
        border: 1px solid #D7D7D7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        border: 1px solid #01916d;
    }

        .product-finder-compare__footer button:hover {
            background: white;
            color: #01916d;
            border: 1px solid #01916d;
        }

        .product-finder-compare__footer button span {
            font-size: 1em;
            font-weight: 500;
        }

            .product-finder-compare__footer button span + .icon {
                padding-left: 5px;
            }

        .product-finder-compare__footer button .icon + span {
            padding-left: 5px;
        }

        .product-finder-compare__footer button.btn-white {
            color: black;
            background: white;
            border: 1px solid #D7D7D7;
        }

            .product-finder-compare__footer button.btn-white:hover {
                background: #01916d;
                color: white;
                border: 1px solid #01916d;
            }

        .product-finder-compare__footer button .icon {
            font-size: 22px;
            line-height: 22px;
        }

        .product-finder-compare__footer button .icon-arrow-left,
        .product-finder-compare__footer button .icon-arrow-right {
            font-size: 14px;
        }

        .product-finder-compare__footer button .icon-return {
            font-size: 16px;
        }

.product-finder-compare__header {
    text-align: center;
}

    .product-finder-compare__header h1 {
        font-size: 1.75em;
    }

.product-finder-compare .spec-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 20%;
    float: left;
}

    .product-finder-compare .spec-list li {
        padding: 10px 15px;
        font-weight: 500;
        border-left: 1px solid #c1c1c1;
    }

        .product-finder-compare .spec-list li:first-child {
            border: 1px solid #ffffff;
        }

        .product-finder-compare .spec-list li:last-child {
            border-bottom: 1px solid #c1c1c1;
        }

        .product-finder-compare .spec-list li span {
            font-size: 0.9375em;
        }

        .product-finder-compare .spec-list li:nth-child(even) {
            background: #ebebeb;
        }

@media only screen and (min-width: 768px), print {
    .product-finder-compare__header h1 {
        font-size: 2em;
        margin-bottom: 35px;
    }

    .product-finder-compare__footer {
        margin: 35px auto 0;
    }

        .product-finder-compare__footer .compare__footer--startover {
            position: absolute;
            right: 0;
            top: 0;
            width: auto;
        }
}

/**
 * 404 page
 */
.page-not-found-banner {
    background: #01916d;
    padding: 60px 20px 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 50px;
}

    .page-not-found-banner .logo {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        .page-not-found-banner .logo img {
            height: 35px;
        }

    .page-not-found-banner p {
        color: #ffffff;
        font-size: 3.125em;
        line-height: 1.2;
        margin: 0 0 10px;
    }

        .page-not-found-banner p.black-text {
            color: #000;
        }

.page-not-found-links li {
    margin-bottom: 20px;
}

.page-not-found-links .ico {
    display: inline-block;
    width: 80px;
    height: auto;
    vertical-align: middle;
}

    .page-not-found-links .ico img {
        max-width: 100%;
    }

.page-not-found-links .label {
    display: inline-block;
    margin-left: 25px;
    max-width: 62%;
    text-decoration: none;
    font-weight: normal;
    color: #01916d;
}

    .page-not-found-links .label:hover {
        text-decoration: underline;
    }

.pagination .active span.pagenav {
    color: #ffffff;
    background-color: #01916d;
}


.m-global-header__langs select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    /* border-bottom: 1px solid #8c8c8c; */
    border-radius: unset;
    color: #333;
    padding: 0 10px 1px 3px;
    margin-top: 5px;
    line-height: 1.4;
}

.m-global-header__langs label:after {
    content: "";
    width: 7px;
    height: 7px;
    border: 0;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 8px;
    position: absolute;
}

@media screen and (min-width: 768px) {
    .m-global-header__links {
        position: absolute;
        top: 40px;
        padding-top: 8px;
        right: 0;
    }

        .m-global-header__links > * {
            margin-left: 0.5rem;
        }
}

@media screen and (max-width: 767px) {
    .m-global-header__search input[type="text"] {
        height: auto !important;
    }

    .m-global-header__links {
        padding-bottom: 0rem;
    }

    .m-global-header__langs {
        margin-right: 1rem;
    }
}

.newline {
    white-space: pre-line;
}

/******************************************Custom Styles*******************************************/
.btn-center {
    text-align: center;
}


.m-form .row_select {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5em;
    margin: 0;
}

.l-container-wide_SNS {
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
}

.m-dm-filter__form_SNSPage {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
    margin: 0;
}

.m-dm-filter__form_flex {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    padding: 0 0 0 10px;
}

.insights-filter-container {
    display: flex;
    align-items: start;
    justify-content: space-between
}

.filter-item_view {
    text-align: end;
}

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

@media only screen and (max-width: 768px), print {

    .m-dm-filter__form_SNSPage,
    .m-dm-filter__form_flex {
        display: grid;
        grid-template-columns: 1fr;
        margin: 0;
        padding-left: 0px;
    }

    .insights-filter-container {
        display: block;
    }

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

    .m-form--select {
        max-width: 100%
    }

    .filter-item--reset {
        text-align: end !important;
    }

    .m-dm-filter__form_flex .insight-reset {
        text-align: left !important;
    }

    .filter-item_view {
        text-align: start;
    }
}



/*-------------------cookie custon setting button-------------------------*/

a.button-secondary {
    line-height: 1.55;
    text-decoration: none;
    color: #000;
    background: #fff;
    position: relative;
    display: inline-block;
    margin: 13px 0 0;
    border: 1px solid #858585;
    padding: 5px 20px 5px 20px;
}

    a.button-secondary:hover {
        color: #018463;
        border: 1px solid #018463;
    }



.top-nav {
    display: none;
    z-index: 202;
}

    .top-nav ul {
        margin: 0 0 0 20px;
        height: 40px;
        white-space: nowrap;
    }

    .top-nav li {
        height: 100%;
        padding: 0 0 0 22px;
        display: inline-block;
    }

        .top-nav li:before {
            content: '';
            display: inline-block;
            height: 100%;
            width: 0;
            vertical-align: middle;
        }

        .top-nav li:first-child {
            padding: 0;
        }

            .top-nav li:first-child a:before {
                display: none;
            }

        .top-nav li > * {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

    .top-nav a {
        line-height: 1.35;
        font-weight: 400;
        color: #000;
        position: relative;
        text-decoration: none;
    }

        .top-nav a:hover {
            text-decoration: underline;
            color: #01916d;
        }

    .top-nav li > a {
        padding: 0;
        border: 0;
    }

        .top-nav li > a:before {
            content: '';
            width: 1px;
            /* border-left: thin solid #dbdbdb; */
            display: block;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            position: absolute;
            background: rgba(0, 0, 0, 0);
            top: 50%;
            left: -12px;
            height: 10px;
        }

@media only screen and (min-width: 768px) {
    .top-nav {
        display: block;
        font-size: 0.875em;
        font-weight: 300;
        background: transparent;
        z-index: 1;
        display: block;
        width: auto;
        position: static;
        top: auto;
        left: auto;
        visibility: visible;
        margin: 0px 57px 0 0;
        float: right;
    }
}

@media only screen and (min-width: 768px) {
    .top-nav {
        /* display: table-cell; */
        vertical-align: top;
        float: right;
        left: 0;
        margin: 5px 10px 0 0;
    }

        .top-nav li {
            padding: 0 0 0 24px;
        }

    .top-nav-mobile {
        display: none;
    }
}

@media print {
    .top-nav {
        display: none;
    }
}

@media only screen and (min-width: 768px), print {
    .main-nav {
        /* float: left; */
        font-size: 0.875rem;
        background: transparent;
        z-index: 1;
        width: 100%;
        margin: 0;
        border: 0;
    }

        .main-nav .main {
            float: left;
        }

            /* .main-nav .main>li:nth-child(2) {
        padding-left: 0;
    } */

            .main-nav .main > li:nth-child(2) > a:before,
            .main-nav .main > li:nth-child(2) > a .separator {
                display: none;
            }

            .main-nav .main > li:first-child {
                padding: 0;
            }

        .main-nav .share-contact {
            float: right;
        }

    .mobile-selector {
        display: none;
    }

    .main-nav .share-contact > li:hover > a:before,
    .main-nav .share-contact > li:hover > a .separator {
        margin-top: -3px;
    }

    .main-nav .main > li,
    .main-nav .share-contact > li {
        float: left;
        padding: 0 .5rem;
    }

        .main-nav .main > li:first-child,
        .main-nav .share-contact > li:first-child {
            padding-left: 0;
            padding-right: 0.5rem;
        }

            .main-nav .main > li:first-child > a:before,
            .main-nav .main > li:first-child > a .separator,
            .main-nav .share-contact > li:first-child > a:before,
            .main-nav .share-contact > li:first-child > a .separator {
                display: none;
            }

        .main-nav .main > li:last-child,
        .main-nav .share-contact > li:last-child {
            padding-right: 0;
        }

        .main-nav .main > li.hover .megamenu,
        .main-nav .main > li.hover .lvl2-menu,
        .main-nav .share-contact > li.hover .megamenu,
        .main-nav .share-contact > li.hover .lvl2-menu {
            visibility: visible !important;
        }

        .main-nav .main > li.hover > a,
        .main-nav .share-contact > li.hover > a {
            padding-bottom: 0px;
            /*   border-bottom: 5px solid #01916d; */
        }

            .main-nav .main > li.hover > a:before,
            .main-nav .main > li.hover > a .separator,
            .main-nav .share-contact > li.hover > a:before,
            .main-nav .share-contact > li.hover > a .separator {
                /*  margin-top: -3px; */
            }

        .main-nav .main > li.active > a,
        .main-nav .share-contact > li.active > a {
            padding-bottom: 4px;
            border-bottom: 5px solid #01916d;
        }

            .main-nav .main > li.active > a:before,
            .main-nav .share-contact > li.active > a:before {
                margin-top: -2px;
            }

        .main-nav .main > li > a,
        .main-nav .share-contact > li > a {
            display: inline-block;
            padding: 0 0 4px;
            border: 0;
            font-weight: 500;
            line-height: 40px;
            color: #000;
            position: relative;
            text-decoration: none;
            letter-spacing: 0.06em;
            font-size: 16px;
        }

        .main-nav .main > li .separator,
        .main-nav .share-contact > li .separator {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            background: rgba(0, 0, 0, 0);
            position: absolute;
            border-left: thin solid #dbdbdb;
            width: 1px;
            top: 50%;
            left: -16px;
            display: none;
            height: 13px;
            margin: -5px 0 0;
        }

    .main-nav .main .logo-fix,
    .main-nav .share-contact .logo-fix {
        width: 0;
        overflow: hidden;
    }

        .main-nav .main .logo-fix a,
        .main-nav .share-contact .logo-fix a {
            display: inline-block;
            padding: 8px 0 0;
        }

        .main-nav .main .logo-fix img,
        .main-nav .share-contact .logo-fix img {
            width: 120px;
            display: block;
        }

        .main-nav .main .logo-fix:hover a,
        .main-nav .main .logo-fix.hover a,
        .main-nav .share-contact .logo-fix:hover a,
        .main-nav .share-contact .logo-fix.hover a {
            border: 0;
        }

    .main-nav .main .small-nav,
    .main-nav .share-contact .small-nav {
        position: relative;
    }

    .main-nav .lvl2-menu,
    .main-nav .megamenu {
        position: absolute;
        top: 42px;
        left: 0;
        background: #ffffff;
        visibility: hidden;
        overflow: visible;
        padding-top: 30px;
        padding-bottom: 30px;
        -webkit-box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
        box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
        white-space: nowrap;
        min-width: 240px;
        width: 100%;
        /* border-top: 1px solid #ebebeb; */
    }

        .main-nav .lvl2-menu ul,
        .main-nav .megamenu ul {
            display: block;
        }

        .main-nav .lvl2-menu .container {
            max-width: 1140px;
        }

    .main-nav .lvl2-menu__title a,
    .main-nav .megamenu__title a {
        font-size: 1.125em;
        font-weight: bold;
        display: inline-block;
        padding: 0 35px 0 0;
        line-height: 1.35;
        color: #01916d;
        position: relative;
        text-decoration: none;
    }

        .main-nav .lvl2-menu__title a:hover,
        .main-nav .megamenu__title a:hover {
            text-decoration: underline;
        }

        .main-nav .lvl2-menu__title a:after,
        .main-nav .megamenu__title a:after {
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: 90%;
            text-decoration: none;
            color: #01916d;
            position: absolute;
            top: 60%;
            right: 20px;
            display: inline-block;
            content: "\0000a0\276F";
        }

    .main-nav .lvl2-menu__nav {
        display: block;
        margin: 0 0 10px;
        padding: 10px 0 0;
        width: 100%;
    }

    .main-nav .lvl2-menu.small {
        min-width: 240px;
        top: -webkit-calc(100% + 1px);
        top: calc(100% + 1px);
        right: 0;
        left: auto;
        padding: 20px;
    }

        .main-nav .lvl2-menu.small .lvl2-menu__nav,
        .main-nav .lvl2-menu.small .nav-level2 {
            margin: 0;
        }

            .main-nav .lvl2-menu.small .nav-level2 a {
                padding: 10px 0;
            }

                .main-nav .lvl2-menu.small .nav-level2 a:after {
                    font-size: 90%;
                    color: #01916d;
                    position: relative;
                    top: 8px;
                    padding: 0 0 0 5px;
                    content: "\0000a0\276F";
                }

    .main-nav .lvl2-menu .nav-level2 {
        margin: 0 0 10px;
        width: 100%;
    }

        .main-nav .lvl2-menu .nav-level2 li {
            margin: 0 0 5px;
        }

        .main-nav .lvl2-menu .nav-level2 > li > a {
            font-weight: 400;
            display: inline-block;
        }

            .main-nav .lvl2-menu .nav-level2 > li > a:hover {
                color: #000;
                text-decoration: underline;
            }

            .main-nav .lvl2-menu .nav-level2 > li > a:after {
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                font-size: 90%;
                text-decoration: none;
                color: #01916d;
                position: absolute;
                top: 50%;
                right: -15px;
                display: inline-block;
                content: "\0000a0\276F";
            }

        .main-nav .lvl2-menu .nav-level2 a {
            font-weight: 400;
            line-height: 1.35;
            color: #000;
            position: relative;
            display: block;
            padding: 2px 0;
            border: 0;
            text-decoration: none;
        }

            .main-nav .lvl2-menu .nav-level2 a:hover {
                text-decoration: underline;
            }

    .main-nav .megamenu {
        overflow: hidden;
    }

    .main-nav .megamenu__nav {
        margin: 0 -20px;
    }

        .main-nav .megamenu__nav .column {
            padding: 12px 20px 0;
        }

    .main-nav .megamenu .nav-level2__link {
        margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ebebeb;
        line-height: 1.35;
        font-weight: bold;
    }

        .main-nav .megamenu .nav-level2__link a {
            text-decoration: none;
            color: #01916d;
        }

            .main-nav .megamenu .nav-level2__link a:hover {
                text-decoration: underline;
            }

        .main-nav .megamenu .nav-level2__link span {
            color: #000;
            display: block;
            height: 19px;
        }

    .main-nav .megamenu .nav-level3 {
        margin: 0 0 10px;
        width: 100%;
    }

        .main-nav .megamenu .nav-level3 a {
            font-weight: 400;
            line-height: 1.35;
            color: #000;
            position: relative;
            display: block;
            padding: 2px 0;
            border: 0;
            text-decoration: none;
        }

            .main-nav .megamenu .nav-level3 a:hover {
                color: #01916d;
            }

    .main-nav .megamenu .nav-level4 {
        margin: 0 0 0 42px;
    }

    .main-nav .megamenu__products .col-sm-6 .nav-level3 {
        margin: 0 -20px;
    }

        .main-nav .megamenu__products .col-sm-6 .nav-level3 li {
            white-space: normal;
            padding: 0 20px;
            margin-bottom: 20px;
        }

            .main-nav .megamenu__products .col-sm-6 .nav-level3 li > * {
                float: left;
            }

        .main-nav .megamenu__products .col-sm-6 .nav-level3 img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
            width: 65px;
            height: 40px;
            margin: 0 20px 10px 0;
        }

        .main-nav .megamenu__products .col-sm-6 .nav-level3 a {
            display: inline-block;
            width: -webkit-calc(100% - 85px);
            width: calc(100% - 85px);
        }

    .main-nav .megamenu__inquiry {
        background: #ebebeb;
        width: 100%;
        margin: 20px 0 12px;
        padding: 20px 17px 20px;
        white-space: normal;
    }

        .main-nav .megamenu__inquiry p {
            margin: 0 0 10px;
            font-weight: 400;
        }

        .main-nav .megamenu__inquiry .button {
            text-align: center;
            font-size: 1em;
            width: 100%;
        }
}

@media only screen and (max-width: 767px) {
    .separator {
        display: none
    }

    .top-nav {
        display: none;
    }

    .main-nav {
        position: absolute;
        z-index: 300;
        top: 0px;
        right: 100%;
        width: 100%;
        height: -webkit-calc(100vh - 140px);
        height: calc(100vh - 140px);
        /* background-color: #ebebeb; */
        font-size: .9375em;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transition: ease-in .2s;
        transition: ease-in .2s;
        /*	padding-inline: 1.8rem */
    }

        .main-nav .share-header-menu > li > a,
        .main-nav .home-login > li > a {
            font-weight: 400;
            line-height: 1.35;
            font-size: 10px;
            color: #000;
            position: relative;
            display: block;
            padding: 9px 30px 9px 20px;
            border-bottom: 1px solid #e3e3e3;
            text-decoration: none
        }

        .main-nav .share-contact > li,
        .main-nav .home-login > li,
        .main-nav .lvl2-menu__title,
        .main-nav .has-children {
            display: block
        }

            .main-nav .share-contact > li > a,
            .main-nav .home-login > li > a,
            .main-nav .lvl2-menu__title > a,
            .main-nav .has-children > a {
                font-weight: 400;
                line-height: 1.35;
                color: #000;
                position: relative;
                display: block;
                padding: 9px 30px 9px 20px;
                border-bottom: 1px solid #e3e3e3;
                text-decoration: none
            }

                .main-nav .share-contact > li > a:after,
                .main-nav .home-login > li > a:after,
                .main-nav .megamenu__title > a:after,
                .main-nav .lvl2-menu__title > a:after,
                .main-nav .has-children > a:after {
                    -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    font-family: Arial;
                    font-size: 90%;
                    text-decoration: none;
                    color: #01916d;
                    position: absolute;
                    top: 50%;
                    right: 6%;
                    display: inline-block;
                    content: " ❯"
                }

                .main-nav .share-contact > li > a.no-children:after,
                .main-nav .home-login > li > a.no-children:after,
                .main-nav .megamenu__title > a.no-children:after,
                .main-nav .lvl2-menu__title > a.no-children:after,
                .main-nav .has-children > a.no-children:after {
                    display: none
                }

            .main-nav .lvl2-menu__title a:after {
                display: none
            }

        .main-nav .megamenu {
            position: absolute;
            top: 0;
            z-index: 401;
            background-color: #fff;
            width: 100%;
            height: -webkit-calc(100vh - 80px);
            height: calc(100vh - 80px);
            overflow-y: scroll;
            -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
            -webkit-transition: ease-in .2s;
            transition: ease-in .2s
        }

            .main-nav .megamenu button {
                font-weight: 400;
                line-height: 1.35;
                color: #000;
                background: #fff;
                position: relative;
                display: block;
                width: 100%;
                padding: 9px 30px 9px 20px;
                border: 0;
                border-bottom: 1px solid #e3e3e3
            }

                .main-nav .megamenu button:before {
                    -webkit-transform: rotateZ(180deg) translate(0, 50%);
                    transform: rotateZ(180deg) translate(0, 50%);
                    font-size: 90%;
                    color: #01916d;
                    position: absolute;
                    top: 50%;
                    left: 20px;
                    padding: 0 0 0 5px;
                    content: " ❯"
                }

    .mobile-selector {
        display: block;
        padding-left: 4px;
    }

    .main-nav .megamenu__image {
        margin-top: 10px
    }

    .main-nav .megamenu .column {
        padding: 0
    }

    .main-nav .megamenu .nav-level2__link {
        padding: 9px 30px 9px 20px;
        border-bottom: 1px solid #e3e3e3;
        line-height: 1.35;
        font-weight: bold
    }

        .main-nav .megamenu .nav-level2__link a {
            text-decoration: none;
            color: #01916d
        }

            .main-nav .megamenu .nav-level2__link a:hover {
                text-decoration: underline
            }

        .main-nav .megamenu .nav-level2__link span {
            color: #000;
            display: block;
            height: 19px
        }

    .main-nav .megamenu .nav-level3 li {
        line-height: 1.35;
        font-weight: 400
    }

        .main-nav .megamenu .nav-level3 li a {
            display: block;
            padding: 9px 30px 9px 20px;
            text-decoration: none;
            color: #000;
            border-bottom: 1px solid #e3e3e3
        }

            .main-nav .megamenu .nav-level3 li a:hover {
                text-decoration: underline
            }

    .main-nav .megamenu .nav-level4 {
        margin: 0 0 0 42px
    }

    .main-nav .megamenu__products .nav-level2 {
        overflow: hidden
    }

    .main-nav .megamenu__products .nav-level2__link {
        border: none
    }

    .main-nav .megamenu__products .col-sm-6 .nav-level3 {
        margin: 0;
        padding: 0
    }

        .main-nav .megamenu__products .col-sm-6 .nav-level3 li {
            white-space: normal;
            padding: 0 0 0 20px;
            margin-bottom: 10px;
            border-bottom: 1px solid #e3e3e3;
        }

            .main-nav .megamenu__products .col-sm-6 .nav-level3 li > * {
                float: left
            }

        .main-nav .megamenu__products .col-sm-6 .nav-level3 img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
            width: 65px;
            height: 40px;
            margin: 0 10px 10px 0
        }

        .main-nav .megamenu__products .col-sm-6 .nav-level3 a {
            display: inline-block;
            padding-left: 0;
            padding-right: 0;
            width: -webkit-calc(100% - 85px);
            width: calc(100% - 85px);
            border-bottom: none;
            /*   border-top: 1px solid #e3e3e3 */
        }

    .main-nav .lvl2-menu,
    .main-nav .lvl3-menu,
    .main-nav .lvl4-menu {
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 401;
        background-color: #ebebeb;
        height: -webkit-calc(100vh - 80px);
        height: calc(100vh - 80px);
        overflow-y: scroll;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transition: ease-in .2s;
        transition: ease-in .2s
    }

        .main-nav .lvl2-menu button,
        .main-nav .lvl3-menu button,
        .main-nav .lvl4-menu button {
            font-weight: 400;
            line-height: 1.35;
            color: #000;
            background: #fff;
            position: relative;
            display: block;
            width: 100%;
            padding: 9px 30px 9px 20px;
            border: 0;
            border-bottom: 1px solid #e3e3e3
        }

            .main-nav .lvl2-menu button:before,
            .main-nav .lvl3-menu button:before,
            .main-nav .lvl4-menu button:before {
                -webkit-transform: rotateZ(180deg) translate(0, 50%);
                transform: rotateZ(180deg) translate(0, 50%);
                font-size: 90%;
                color: #01916d;
                position: absolute;
                top: 50%;
                left: 20px;
                padding: 0 0 0 5px;
                content: " ❯"
            }

        .main-nav .lvl2-menu .nav-level2 li,
        .main-nav .lvl3-menu .nav-level2 li,
        .main-nav .lvl4-menu .nav-level2 li {
            line-height: 1.35;
            font-weight: 400
        }

            .main-nav .lvl2-menu .nav-level2 li a,
            .main-nav .lvl3-menu .nav-level2 li a,
            .main-nav .lvl4-menu .nav-level2 li a {
                display: block;
                padding: 9px 30px 9px 20px;
                text-decoration: none;
                color: #000;
                border-bottom: 1px solid #e3e3e3
            }

                .main-nav .lvl2-menu .nav-level2 li a:hover,
                .main-nav .lvl3-menu .nav-level2 li a:hover,
                .main-nav .lvl4-menu .nav-level2 li a:hover {
                    text-decoration: underline
                }

        .main-nav .lvl2-menu .nav-levesl3,
        .main-nav .lvl3-menu .nav-levesl3,
        .main-nav .lvl4-menu .nav-levesl3 {
            position: absolute;
            top: 0;
            z-index: 500;
            width: 100%;
            height: -webkit-calc(100vh - 80px);
            height: calc(100vh - 80px);
            background-color: #ebebeb;
            -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
            -webkit-transition: ease-in .2s;
            transition: ease-in .2s
        }

    .main-nav.slideout,
    .main-nav .slideout {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
        -webkit-transition: ease-in .2s;
        transition: ease-in .2s;
        /*  padding-top: 30px; */
        overflow-y: auto;
        overflow-x: hidden;
        /* padding-inline: 0.5rem; */
    }

    .slideout .m-global-menu__contents-inner {
        padding-inline: 0;
        padding: 0;
    }
}



@media print {

    .main-nav .main > li,
    .main-nav .share-contact > li {
        float: left;
        padding: 0 10px 0 0;
    }

        .main-nav .main > li a:before,
        .main-nav .share-contact > li a:before {
            display: none;
        }
}


/**************************************************COOKIE STYLES STARTS*****************************************************/
.cookie-flex {
    display: flex !important;
    /*  align-items: center !important; */
    flex-direction: row-reverse !important;
}

@media only screen and (max-width: 767px) {
    .cookie-flex {
        display: flex;
        /*  align-items: center !important; */
        flex-direction: column-reverse !important;
    }
}

.cookie-link {
    margin-left: 2rem !important;
}

.cookie-btn {
    background-color: #333 !important;
    color: var(--color-text-white) !important;
    border: 1px solid #858585 !important;
    text-decoration: underline !important;
    width: 100% !important;
}

    .cookie-btn:hover {
        background-color: linear-gradient(90deg, #239E7D 0%, #11906E 26.04%, #028462 51.46%, #0B8C62 76.06%, #26A464 100%) !important;
    }

.cookie-flex .m-btn .btn:not(.btn-link)::after {
    content: none !important;
}

.cookie-container {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.cookie-title {
    font-family: var(--font-normal);
    font-weight: 400 !important
}

/**************************************************COOKIE STYLES ENDS*****************************************************/

/**************************************************SUSTAINABILITY STARTS*****************************************************/


.sustainability-container ul li {
    list-style: disc !important;
}

.sustainability-container p {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 2;
    letter-spacing: .06em;
    font-family: var(--font-normal, sans-serif);
}


.right-container-wrapper aside {
    margin: 0;
    border: none !important;
}

.right-container-wrapper h3 {
    padding: 24px 8px 24px 0;
    margin-bottom: 16px;
    border-top: 1px solid rgba(214, 214, 214, 1);
    border-bottom: 1px solid rgba(214, 214, 214, 1);
    margin-top: 0px;
}

    .right-container-wrapper h3 a {
        font-weight: bold;
        /* pointer-events: none; */
        position: relative;
        font-size: 20px;
        display: flex;
        padding: 0 0 0 16px;
        font-size: 16px;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        color: #000 !important;
    }

        .right-container-wrapper h3 a:before {
            content: "";
            display: block;
            width: 4px;
            height: 20px;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            background: rgba(92, 92, 92, 1);
        }

        .right-container-wrapper h3 a:after {
            content: "";
            -webkit-mask-image: var(--i-arrow_r_b, url(""));
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            display: inline-block;
            width: 1.25em;
            height: 1.25em;
            margin-left: 16px;
            vertical-align: middle;
            background: rgba(92, 92, 92, 1);
        }

.right-container-wrapper ul li {
    border: none;
    padding: 10px 8px 10px 0;
}

    .right-container-wrapper ul li a {
        display: flex;
        padding: 0 0 0 16px;
        position: relative;
        font-size: 16px;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        color: #000;
    }

        .right-container-wrapper ul li a:hover {
            color: #01916d;
        }

            .right-container-wrapper ul li a:hover:before {
                content: "";
                display: block;
                width: 4px;
                height: 20px;
                margin: auto;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                background: rgba(1, 132, 99, 0.4);
            }

        .right-container-wrapper ul li a:after {
            content: "";
            -webkit-mask-image: var(--i-arrow_r_b, url(""));
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            display: inline-block;
            width: 1.25em;
            height: 1.25em;
            margin-left: 16px;
            vertical-align: middle;
            background: rgba(92, 92, 92, 1);
        }

.sustainability-container table {
    margin-top: 0 !important;
}

    .sustainability-container table:first-of-type tr {
        /*display: flex;
    justify-content: center; */
        background: #fff
    }

    .sustainability-container table:first-of-type td {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
        max-width: 353px;
        margin: 0 auto;
    }

/* .sustainability-container table:first-of-type a {
        outline-offset: 1px !important;
        position: relative;
        display: inline-flex;
        border-radius: 2px;
        line-height: 1.5;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 1.5em;
        padding-right: 2em;
        cursor: pointer;
        text-decoration: none;
        word-break: break-word;
        font-family: var(--font-medium, sans-serif);
        font-weight: 500;
        font-size: 16px;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        background-color: rgb(51, 51, 51) !important;
        color: var(--color-text-white);
        min-width: 180px;
    } 

        .sustainability-container table:first-of-type a:hover {
            background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
        } 

            .sustainability-container table:first-of-type a:hover:before {
                opacity: 1
            }*/

.sustainability-container span.button:after {
    content: "";
    -webkit-mask-image: var(--i-arrow_r, none);
    position: absolute;
    right: 0.5rem;
    line-height: 1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background-color: var(--color-text-white);
}

.sustainability-container table:nth-of-type(2) tbody {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 2.5rem var(--gap);
}

.sustainability-container table:nth-of-type(2) tr,
.container-wrapper .topic-panels-wrapper {
    background-color: #fff !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem var(--gap)
}

.sustainability-container table:nth-of-type(2) td,
.container-wrapper .panel-item {
    text-decoration: none !important;
    color: #000;
    height: 100% !important;
    padding: 24px !important;
    display: block !important;
    background-color: #fff !important;
    border: 1px solid #d6d6d6 !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100%;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

    /*.sustainability-container table:nth-of-type(2) td p {
	text-align: left !important;
} */

    .sustainability-container table:nth-of-type(2) td:hover,
    .container-wrapper .panel-item:hover {
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);
        color: var(--color-text-green) !important;
    }

    .container-wrapper .panel-item .btn {
        display: none !important;
    }

.container-wrapper .topics .topic-panels-wrapper .panel-item a {
    background-color: #fff;
    box-shadow: none;
}

.container-wrapper .topics .topic-panels-wrapper .panel-item img {
    margin-bottom: 2rem;
}

.container-wrapper .topics .topic-panels-wrapper .panel-item .bnr-01 > a .group .hdg {
    margin: 2rem 0 10px;
    font-size: 18px !important;
    font-family: var(--font-medium, sans-serif);
}

.sustainability-container table:nth-of-type(2) td p a {
    color: #000 !important;
    text-decoration: none !important;
}

.sustainability-container table:nth-of-type(2) td p {
    font-family: var(--font-medium, sans-serif) !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 1.5;
}


.sustainability-container table:nth-of-type(2) td:hover p a,
.container-wrapper .l-main .panel-item:hover .bnr-01 > a .group .hdg {
    color: var(--color-text-green) !important;
}

@media only screen and (max-width: 768px) {

    .sustainability-container table:nth-of-type(2) tbody {
        display: grid;
        grid-template-rows: 1fr;
        gap: 2.5rem var(--gap);
    }

    .sustainability-container table:nth-of-type(2) tr,
    .container-wrapper .topic-panels-wrapper {
        background-color: #fff !important;
        display: grid;
        grid-template-columns: 1fr;
        gap: 2.5rem var(--gap)
    }

    .sustainability-container table:nth-of-type(2) td {
        width: 100%;
        max-width: 100%
    }

        .sustainability-container table:nth-of-type(2) td p img {
            width: 100%
        }

    .sustainability-container .two-col-carousel {
        padding: 0 0 !important;
    }

    .sustainability-container .slick-track {
        width: auto
    }

    .left-container {
        width: 100% !important;
        float: none !important;
    }

    .right-container {
        width: 100% !important;
        display: block;
        float: none !important;
        margin: 0 !important;
    }
}

.sustainability-container table img {
    width: 100%;
    height: 213px !important
}

.sustainability-container ul {
    padding-left: 1rem;
}

.container-wrapper {
    width: 100%
}

.left-container {
    width: 68%;
    float: left;
}

.right-container {
    width: 30%;
    float: left;
    margin-left: 20px;
}

/**************************************************SUSTAINABILITY ENDS*****************************************************/

.card-flex-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

::placeholder {
    color: #cacaca !important
}

/*.detail a {
    line-height: 1.55 !important;
    text-decoration: none !important;
    color: #fff !important;
    background: #01916d !important;
    position: relative !important;
    display: inline-block !important;
    margin: 15px 0 0 !important;
    border: 1px solid #01916d !important;
    padding: 5px 20px 5px 20px !important;
}

    .detail a:hover {
        background: #fff !important;
        color: #01916d !important;
    }
*/

/**************************************************CONTACT-US STARTS*****************************************************/

.contact_us_flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container_wrapper .m-btn .btn-primary::after {
    background-color: var(--color-text-white) !important;
}

.container_wrapper .m-btn .btn-primary::after,
.container_wrapper .m-btn .btn-secondary::after {
    content: "";
    -webkit-mask-image: var(--i-arrow_r, none);
    position: absolute;
    right: 0.5rem;
    line-height: 1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background: var(--color-text);
}

@media print, screen and (min-width: 767px) {
    .feedback_flex {
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr 2fr;
    }
}

@media print, screen and (max-width: 767px) {
    .feedback_flex {
        display: grid;
        gap: 2rem;
        grid-template-rows: 1fr !important;
    }
}

/**************************************************CONTACT-US ENDS*****************************************************/

input:focus,
select:focus,
textarea:focus {
    outline: solid !important;
}

.nav-level1 {
    background: #fff !important;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

    .nav-level1::-webkit-scrollbar {
        display: none;
    }

@media print, screen and (max-width: 998px) {
    .mobile-level3-col {
        width: 100% !important
    }
}

@media only screen and (min-width: 999px), print {
    .product-nav {
        display: flex;
    }

        .product-nav .col-sm-3 {
            width: 50% !important;
        }
}

@media (min-width: 767px) and (max-width: 998px) {
    .product-nav .col-sm-3 {
        width: 100% !important;
    }
}


.search_icon_header:hover svg path,
.search_icon_header:hover {
    fill: #018463;
    color: #018463;
}

.card-tiles,
.slick-slide .panel-gradient {
    height: auto;
}

.success-stories-mapper .bnr-01.ride-hdg > a .group,
.slick-slide .bnr-01.ride-hdg > a .group {
    padding: 20px 20px 70px 20px;
}

.success-stories-mapper .bnr-01 > a,
.panel-gradient .bnr-01 > a {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

    .success-stories-mapper .bnr-01 > a:hover,
    .panel-gradient .bnr-01 > a:hover {
        box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    }

/*.success-stories-mapper .bnr-01.ride-hdg .btn, .panel-gradient .bnr-01.ride-hdg .btn {
	    border: 1px solid #d7d7d7;
    background: #fff;
    color: #000;
} */

.success-stories-mapper .bnr-01.ride-hdg .btn::after,
.panel-gradient .bnr-01.ride-hdg .btn::after {
    display: none;
}

@media print, screen and (max-width: 490px) {
    .sticky-buttons a {
        font-size: 12px;
    }

        .sticky-buttons a.button {
            min-width: auto;
        }
}

/********************************Insights Starts****************************************/

@media print, screen and (max-width: 767px) {
    .insights-filter-container .m-form {
        margin-bottom: 0.8rem
    }

    .insights-filter-container .m-form__select {
        width: 100% !important;
    }

    .insights-filter-container .filter-item_view {
        display: none
    }
}

/********************************Insights Ends****************************************/

.product-listing .m-btn {
    margin-top: 1rem;
}

.layout-main ul li {
    list-style: disc !important;
}

    .layout-main ul li ul li {
        list-style: circle !important;
    }

.megamenu .nav-level3 li {
    height: auto !important;
}

    .megamenu .nav-level3 li a {
        content: "\200B";
        white-space: normal;
    }

.newsroom .m-card__thumb {
    height: 235px !important;
    width: auto;
    background-position: center;
    background-size: cover;
    position: relative;
    display: block;
    overflow: hidden;
}

    .newsroom .m-card__thumb img {
        position: relative;
        display: block;
        overflow: hidden;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }

/*
.newsroom .dropdown-copy ul {
    height: 225px;
}
*/
.section a.button,
.event-aside a.button,
a .btn-clear-filter {
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white);
}

    .section a.button:hover,
    .event-aside a.button:hover,
    a:hover .btn-clear-filter {
        color: var(--color-text-white) !important;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
    }

.resources__block__download-btn {
    background: #fff !important;
}

    .resources__block__download-btn:hover {
        background: #01916d !important;
        color: #fff !important
    }

.section ul,
.listing-description ul {
    list-style-type: disc;
    padding-left: 2rem;
}

/*.section a span {
	    color: #01916d;
    text-decoration: none;
}

.section a span:hover {
	    color: #01916d;
    text-decoration: underline;
}*/

.section .tab-carousel ul,
.event-overview ul li {
    list-style: none !important;
    padding-left: 0;
}

/*.hero-banner a {
    background-color: #fff !important;
    border: 1px solid var(--color-border) !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    padding-left: 1.5em !important;
    padding-right: 2em !important;
    color: #000 !important;
}

    .hero-banner a:hover {
        background-color: #fff !important;
        color: var(--color-text-green) !important;
        border-color: var(--color-text-green) !important;
    }
*/
.notice-list .nl_num,
.layout-main .notice-list li {
    list-style-type: none !important;
}

.accordion__content .column-row:before,
.accordion__content .column-row:after {
    content: '';
    display: table;
}

.accordion__content .column-row:after {
    clear: both;
}

.left-container section p {
    text-underline-offset: 3px;
}

.image-text-item__text p {
    text-decoration: none !important;
}



/*    .left-container section p a em span,
        .left-container section p span a span,
        .left-container section p span a span,
        .left-container section ol li p a span {
            padding: 0 !important;
            background: transparent !important;
            display: inline;
            text-decoration: none !important;
            font-size: 16px !important;
            font-weight: 300 !important;
            font-family: var(--font-medium, sans-serif);
            color: #01916d !important;
        }

        .left-container section p a:hover em span,
        .left-container section p span a:hover span,
        .left-container section p span a:hover span,
        .left-container section ol li p a:hover span {
            color: #01916d !important;
        }
*/
.left-container table td p a:hover span {
    text-decoration: none !important;
}

section p a[target=_blank]:hover {
    text-decoration: underline;
}


.btn-clear-filter,
.career-item__details .button,
.load-more a,
a.button,
span.button,
section form button,
.login_box .btn, .mktoButton {
    outline-offset: 1px;
    position: relative;
    display: inline-flex;
    background-color: var(--color-bg-secondary-a);
    border-radius: 2px;
    line-height: 1.5;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
    cursor: pointer;
    text-decoration: none !important;
    word-break: break-word;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    font-size: 16px;
    min-width: 180px;
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white) !important;
}

    .btn-clear-filter:hover,
    .career-item__details .button:hover,
    .load-more a:hover,
    a.button:hover,
    span.button:hover,
    section form button:hover,
    .login_box .btn:hover, .mktoButton:hover {
        text-decoration: none !important;
        color: var(--color-text-white) !important;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
    }

.career-item__details .button {
    position: absolute;
}

section form a {
    color: #01916d !important;
}

    section form a:hover {
        color: #01916d;
        text-decoration: underline;
    }

section ol {
    list-style: decimal;
}

.left-container section ul li a,
.left-container section span a sup,
.left-container section span sup a {
    color: #01916d;
}

    .left-container section ul li a:hover,
    .left-container section span a:hover sup,
    .left-container section span sup:hover a {
        color: #01916d;
        text-decoration: underline;
    }

.left-container details p a span {
    outline-offset: 1px;
    position: relative;
    display: inline-flex;
    background-color: var(--color-bg-secondary-a);
    border-radius: 2px;
    line-height: 1.5;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
    cursor: pointer;
    text-decoration: none;
    word-break: break-word;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    font-size: 16px;
    min-width: 180px;
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white);
}

.left-container details p a:hover span {
    text-decoration: none;
    color: var(--color-text-white);
    background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
}


.left-container section .sustainability-container td p a[target=_blank] span {
    color: #000 !important;
    font-size: 18px !important;
}

.left-container section .sustainability-container td:hover p a[target=_blank] span {
    color: #01916d !important;
}

.left-container section ol {
    margin-left: 40px;
}



.left-container .section > a {
    color: #01916d;
}

    .left-container .section > a:hover {
        text-decoration: underline
    }

.empty-right-container {
    width: calc(100% - 48px);
}

.c-hero-mv .splide__slider ul.splide__pagination.splide__pagination--ltr {
    display: none;
}

@media print, screen and (min-width: 768px) {
    .success-stories-mapper__results .row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }
}

@media print, screen and (max-width: 768px) {
    .success-stories-mapper__results .row {
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }
}

/*.main-container summary {
	list-style: inside disclosure-closed;
}*/

details > summary:first-of-type {
    list-style: inside disclosure-closed;
}

details[open] > summary:first-of-type {
    list-style-type: disclosure-open;
}

@media print, screen and (max-width: 768px) {
    .main-content_full-width {
        margin: 94px 0 0 !important;
        overflow-x: hidden;
    }
}

.dynamic-listing .column-row:before,
.layout-bottom .column-row:before,
.dynamic-listing .column-row:after,
.layout-bottom .column-row:after {
    content: "";
    display: table;
}

.dynamic-listing .column-row:after,
.layout-bottom .column-row:after {
    clear: both;
}

.dark-blur a.button,
.dark-blur span.button,
a.button.secondary,
span.button.secondary {
    background: #fff !important;
    border: 1px solid var(--color-border) !important;
    color: #000 !important;
}

    .dark-blur a.button:hover,
    .dark-blur span.button:hover,
    a.button.secondary:hover,
    span.button.secondary:hover {
        background: #fff !important;
        color: var(--color-text-green) !important;
        border-color: var(--color-text-green) !important;
    }

a.button.normal,
span.button.normal {
    background-color: var(--color-bg-secondary-a) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    color: var(--color-text) !important;
}

    a.button.normal:hover,
    span.button.normal:hover {
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        background: rgba(0, 0, 0, 0.14) !important;
        color: var(--color-text) !important;
    }

.mktoButton, .button_button_isPrimary {
    background-color: rgb(51, 51, 51) !important;
    background-image: rgb(51, 51, 51) !important;
    background: rgb(51, 51, 51) !important;
}

    .mktoButton:hover, .button_button_isPrimary:hover {
        color: var(--color-text-white) !important;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%) !important;
    }

.chatpopoverlay {
    margin-block-start: 0em !important;
    margin-block-end: 0em !important;
}

.cookie-privacy-link {
    color: #fff;
    text-decoration: underline;
}

    .cookie-privacy-link:hover {
        color: #01916d !important;
    }

a.link.secondary {
    color: rgb(51, 51, 51) !important;
}

    a.link.secondary:hover {
        color: #01916d !important;
    }

@media print, screen and (min-width: 768px) {
    :where(.l-mv-area>*:last-child:not(.screen-reader)) {
        margin-bottom: 7.5rem
    }
}

@media screen and (max-width: 767px) {
    :where(.l-mv-area>*:last-child:not(.screen-reader)) {
        margin-bottom: 5rem
    }
}


.mktoButton {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    padding-left: 1.5em !important;
    padding-right: 2em !important;
    min-width: 180px !important;
    font-size: 16px !important;
    font-family: var(--font-medium, sans-serif) !important;
}

.hero-banner .detail-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .hero-banner .detail-actions p {
        margin-bottom: 0 !important;
    }

    .hero-banner .detail-actions a {
        min-width: 160px !important;
    }

.flexContentWrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
}

@media print, screen and (max-width: 998px) {
    .flexContentWrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 1rem;
    }
}

.accordion__content .rte ol {
    padding-left: 1.5em;
}

@media only screen and (max-width: 998px), print {
    .main-nav .main > li > a,
    .main-nav .share-contact > li > a, .m-header__link-text {
        font-size: 12px !important
    }
}

@media only screen and (max-width: 850px), print {
    .main-nav .main > li > a,
    .main-nav .share-contact > li > a, .m-header__link-text {
        font-size: 10px !important
    }
}
.table_img_wrapper {width: 100% !important;height: auto !important;display: block;}

@charset "UTF-8";

:where(:not(html, canvas, img, svg, video, input, textarea):not(svg *, symbol *, table, th, td, iframe)) {
    color: unset;
    font: unset;
    font-palette: unset;
    font-synthesis: unset;
    forced-color-adjust: unset;
    text-orientation: unset;
    text-rendering: unset;
    -webkit-font-smoothing: unset;
    -webkit-locale: unset;
    -webkit-text-orientation: unset;
    -webkit-writing-mode: unset;
    writing-mode: unset;
    zoom: unset;
    accent-color: unset;
    place-content: unset;
    place-items: unset;
    place-self: unset;
    alignment-baseline: unset;
    animation-composition: unset;
    animation: unset;
    app-region: unset;
    appearance: unset;
    aspect-ratio: unset;
    backdrop-filter: unset;
    backface-visibility: unset;
    background: unset;
    background-blend-mode: unset;
    baseline-shift: unset;
    baseline-source: unset;
    block-size: unset;
    border-block: unset;
    border: unset;
    border-radius: unset;
    border-collapse: unset;
    border-end-end-radius: unset;
    border-end-start-radius: unset;
    border-inline: unset;
    border-start-end-radius: unset;
    border-start-start-radius: unset;
    inset: unset;
    box-shadow: unset;
    box-sizing: unset;
    break-after: unset;
    break-before: unset;
    break-inside: unset;
    buffered-rendering: unset;
    caption-side: unset;
    caret-color: unset;
    clear: unset;
    clip: unset;
    clip-path: unset;
    clip-rule: unset;
    color-interpolation: unset;
    color-interpolation-filters: unset;
    color-rendering: unset;
    color-scheme: unset;
    columns: unset;
    column-fill: unset;
    gap: unset;
    column-rule: unset;
    column-span: unset;
    contain: unset;
    contain-intrinsic-block-size: unset;
    contain-intrinsic-size: unset;
    contain-intrinsic-inline-size: unset;
    container: unset;
    content: unset;
    content-visibility: unset;
    counter-increment: unset;
    counter-reset: unset;
    counter-set: unset;
    cursor: unset;
    cx: unset;
    cy: unset;
    d: unset;
    display: revert;
    dominant-baseline: unset;
    empty-cells: unset;
    fill: unset;
    fill-opacity: unset;
    fill-rule: unset;
    filter: unset;
    flex: unset;
    flex-flow: unset;
    float: unset;
    flood-color: unset;
    flood-opacity: unset;
    grid: unset;
    grid-area: unset;
    height: unset;
    hyphenate-character: unset;
    hyphenate-limit-chars: unset;
    hyphens: unset;
    image-orientation: unset;
    image-rendering: unset;
    initial-letter: unset;
    inline-size: unset;
    inset-block: unset;
    inset-inline: unset;
    isolation: unset;
    letter-spacing: unset;
    lighting-color: unset;
    line-break: unset;
    list-style: unset;
    margin-block: unset;
    margin: unset;
    margin-inline: unset;
    marker: unset;
    mask: unset;
    mask-type: unset;
    math-depth: unset;
    math-shift: unset;
    math-style: unset;
    max-block-size: unset;
    max-height: unset;
    max-inline-size: unset;
    max-width: unset;
    min-block-size: unset;
    min-height: unset;
    min-inline-size: unset;
    min-width: unset;
    mix-blend-mode: unset;
    object-fit: unset;
    object-position: unset;
    object-view-box: unset;
    offset: unset;
    opacity: unset;
    order: unset;
    orphans: unset;
    outline: unset;
    outline-offset: unset;
    overflow-anchor: unset;
    overflow-clip-margin: unset;
    overflow-wrap: unset;
    overflow: unset;
    overscroll-behavior-block: unset;
    overscroll-behavior-inline: unset;
    overscroll-behavior: unset;
    padding-block: unset;
    padding: unset;
    padding-inline: unset;
    page: unset;
    page-orientation: unset;
    paint-order: unset;
    perspective: unset;
    perspective-origin: unset;
    pointer-events: unset;
    position: unset;
    quotes: unset;
    r: unset;
    resize: unset;
    rotate: unset;
    ruby-position: unset;
    rx: unset;
    ry: unset;
    scale: unset;
    scroll-behavior: unset;
    scroll-margin-block: unset;
    scroll-margin: unset;
    scroll-margin-inline: unset;
    scroll-padding-block: unset;
    scroll-padding: unset;
    scroll-padding-inline: unset;
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
    scroll-snap-type: unset;
    scrollbar-gutter: unset;
    shape-image-threshold: unset;
    shape-margin: unset;
    shape-outside: unset;
    shape-rendering: unset;
    size: unset;
    speak: unset;
    stop-color: unset;
    stop-opacity: unset;
    stroke: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-width: unset;
    tab-size: unset;
    table-layout: unset;
    text-align: unset;
    text-align-last: unset;
    text-anchor: unset;
    text-combine-upright: unset;
    text-decoration: unset;
    text-decoration-skip-ink: unset;
    text-emphasis: unset;
    text-emphasis-position: unset;
    text-indent: unset;
    text-overflow: unset;
    text-shadow: unset;
    text-size-adjust: unset;
    text-transform: unset;
    text-underline-offset: unset;
    text-underline-position: unset;
    white-space: unset;
    touch-action: unset;
    transform: unset;
    transform-box: unset;
    transform-origin: unset;
    transform-style: unset;
    transition: unset;
    translate: unset;
    user-select: unset;
    vector-effect: unset;
    vertical-align: unset;
    view-transition-name: unset;
    visibility: unset;
    border-spacing: unset;
    -webkit-box-align: unset;
    -webkit-box-decoration-break: unset;
    -webkit-box-direction: unset;
    -webkit-box-flex: unset;
    -webkit-box-ordinal-group: unset;
    -webkit-box-orient: unset;
    -webkit-box-pack: unset;
    -webkit-box-reflect: unset;
    -webkit-highlight: unset;
    -webkit-line-break: unset;
    -webkit-line-clamp: unset;
    -webkit-mask-box-image: unset;
    -webkit-mask: unset;
    -webkit-mask-composite: unset;
    -webkit-print-color-adjust: unset;
    -webkit-rtl-ordering: unset;
    -webkit-ruby-position: unset;
    -webkit-tap-highlight-color: unset;
    -webkit-text-combine: unset;
    -webkit-text-decorations-in-effect: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-security: unset;
    -webkit-text-stroke: unset;
    -webkit-user-drag: unset;
    -webkit-user-modify: unset;
    widows: unset;
    width: unset;
    will-change: unset;
    word-break: unset;
    word-spacing: unset;
    x: unset;
    y: unset;
    z-index: unset;
}

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

a,
button {
    cursor: revert;
}

ol,
ul,
menu {
    list-style: none;
}

sup {
    vertical-align: super;
    font-size: 0.6em;
}

sub {
    vertical-align: sub;
    font-size: 0.6em;
}

u {
    text-decoration: underline;
}

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

table {
    border-collapse: collapse;
}

input,
textarea {
    user-select: auto;
}

textarea {
    white-space: revert;
}

meter {
    appearance: revert;
}

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

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    user-select: auto;
}

:where([draggable="true"]) {
    -webkit-user-drag: element;
}

html,
:root {
    color: var(--color-text);
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-family: var(--font-normal, sans-serif);
    scroll-behavior: smooth;
}

@media print {

    html,
    :root {
        color: rgb(0, 0, 0);
    }
}

@media print {

    html,
    :root {
        color: rgb(0, 0, 0);
    }
}

:root {
    --i-blank: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20points%3D%2223.59%2C7%2019%2C7%2019%2C5%2027%2C5%2027%2C13%2025%2C13%2025%2C8.41%2016.71%2C16.71%2015.29%2C15.29%20%09%0A%09%09%22%3E%3C%2Fpolygon%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%2C9c0-1.1%2C0.9-2%2C2-2h7v2H7v16h16v-7h2v7c0%2C1.1-0.9%2C2-2%2C2H7c-1.1%2C0-2-0.9-2-2V9z%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    --i-blank_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20points%3D%2227.38%2C4.62%2018.62%2C4.62%2018.62%2C7.38%2022.68%2C7.38%2014.76%2C15.29%2016.71%2C17.24%20%0A%09%0924.62%2C9.32%2024.62%2C13.38%2027.38%2C13.38%20%09%22%3E%3C%2Fpolygon%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2C6.62C5.69%2C6.62%2C4.62%2C7.69%2C4.62%2C9v16c0%2C1.31%2C1.06%2C2.38%2C2.38%2C2.38h16%0A%09%09c1.31%2C0%2C2.38-1.06%2C2.38-2.38v-7.38h-2.75v7H7.38V9.38h7V6.62H7z%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    --i-arrow_r: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_l: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(180%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_t: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(-90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_r_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_b_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_l_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(180%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_t_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(-90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-first-green: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB5klEQVQ4jWJkaE5xYGD458AABkwHGGrnHICwSQANCQIMDQs+MDAwMAAAAAD//2ICGcbIyFgPwgiDiQdMrUn1jCzM9xlaUw0YGBgYAAAAAP//YiLZNUgAZNj//4wNDAwMAoz//+1naEhQAAAAAP//IttAJMPA4P9/xokMDQseAAAAAP//IstALIY1MtTOaWBgYGAAAAAA//8i2UB8hjEwMDAAAAAA//8iyUBChjEwMDAAAAAA//8i2kBiDGNgYGAAAAAA//8iykBiDWNgYGAAAAAA//8iaCAphjEwMDAAAAAA///CayCphjEwMDAAAAAA///CaSA5hjEwMDAAAAAA///CaeC/f0yMKAqZ/v0nZBgDAwMDAAAA///C7eXaOQ1gVyFc2AByNV7TGBgYAAAAAP//wh8ppBrKwMAAAAAA//8inGxIMZSBgQEAAAD//yIuYRNrKAMDAwAAAP//Ij7rEWMoAwMDAAAA//8irXAgZCgDAwMAAAD//yK9+MJnKAMDAwAAAP//Iq+AxWUoAwMDAAAA//8ivwrAMJShgKEhQQAAAAD//6KoTkEY+v/Df8Z/jgwNCz4AAAAA//9iZnAyBpn/kIGB4SC4Gt1/7gFJhu4/d4DBTn8lQ92CGwwMDAwAAAAA//8DAF2vwLGNsvCKAAAAAElFTkSuQmCC');
    --i-last-green: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB2UlEQVQ4jWJkgIGGBAWGhgUP4HxiQXOKAwPDPwewcgamAwAAAAD//2IC060JBowszOeZWpPqSTaQ4Z8DIyNjPQgzMPxzAAAAAP//YmJoSBBg/M+8n4GBQeD/f8YG8gyFAgYGBgAAAAD//2JiaFjw4f9/xokwIYoMZWBgAAAAAP//gni5dk7D//+MjRQbysDAAAAAAP//ghhILUMZGBgAAAAA//9CGEgNQxkYGAAAAAD//0I1kFJDGRgYAAAAAP//wjSQEkMZGBgAAAAA///CbiC5hjIwMAAAAAD//8JtIDmGMjAwAAAAAP//wm8gqYYyMDAAAAAA//8ibCAohzL9+4/M//ePCVEGIAMGBgYAAAAA//8iaCDINSBXIbmwEeRqrIoZGBgAAAAA///CayCphjEwMDAAAAAA///CaSA5hjEwMDAAAAAA///CaiC5hjEwMDAAAAAA///CMJASwxgYGBgAAAAA//9CMZBSwxgYGBgAAAAA//+CG0gNwxgYGBgAAAAA//8CG0gtwxgYGBgAAAAA//8CVQEK//8zFlDDMAYGBgYAAAAA//8CVQEP/jMyOTIwMICqAooMY2BgYAAAAAD//0KuRgVA9QvJJiBXowxMBwAAAAD//wMASHu2VW0ANJQAAAAASUVORK5CYII=');
}

:root {
    --mq: sm;
    --container-padding: 32px;
    --gutter: 8px;
    --gap: 16px;
    --vw: 10px;
    --container-width: 1160px;
    --col-width: 60px;
    --container-wide-width: 1400px;
    --col-wide-width: 80px;
    --color-border: #ADADAD;
    --color-text: #000;
    --color-text-white: #fff;
    --color-text-secondary: #515151;
    --color-text-green: #018463;
    --color-text-blue: #124F72;
    --color-text-red: #990000;
    --color-bg: #fff;
    --color-bg-secondary: #F6F7F6;
    --color-bg-secondary-a: rgba(0, 0, 0, 0.08);
    --color-bg-blue: #E8F3F8;
    --color-bg-red: #FFF5F5;
    --color-attention: #fb0020;
    --color-link: #fb0020;
    --i-circle-r: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2035%2035%22%20enable-background%3D%22new%200%200%2035%2035%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M16.7%2C12.2c-0.4-0.4-0.4-1.1%2C0-1.5c0.4-0.4%2C1.1-0.4%2C1.5%2C0l6.1%2C6.1c0.4%2C0.4%2C0.4%2C1.1%2C0%2C1.5l-6.1%2C6.1c-0.4%2C0.4-1.1%2C0.4-1.5%2C0%0A%09%09c-0.4-0.4-0.4-1.1%2C0-1.5l4.3-4.3H10.6c-0.6%2C0-1.1-0.5-1.1-1.1s0.5-1.1%2C1.1-1.1H21L16.7%2C12.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.8281%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%2216.1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    --i-dl: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2C20h3v5h20v-5h3v8H3V20z%20M13%2C16V4h6v12h4l-7%2C7l-7-7H13z%22%2F%3E%0A%3C%2Fsvg%3E");
    --i-search: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M9.6%2C18.1c-4.8%2C0-8.6-4-8.6-8.8c0-4.7%2C3.9-8.5%2C8.6-8.6c4.8%2C0.1%2C8.6%2C4%2C8.6%2C8.8C18.1%2C14.3%2C14.3%2C18.1%2C9.6%2C18.1z%20M9.6%2C2.3c-4%2C0-7.2%2C3.2-7.2%2C7.2s3.2%2C7.2%2C7.2%2C7.2s7.2-3.2%2C7.2-7.2S13.6%2C2.3%2C9.6%2C2.3z%22%2F%3E%0A%3Cpath%20d%3D%22M20%2C21.2l-5-5l1-1l5%2C5L20%2C21.2z%22%2F%3E%0A%3C%2Fsvg%3E");
    --i-share: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.9583%205.11538C13.224%205.11538%2014.25%204.0822%2014.25%202.80769C14.25%201.53319%2013.224%200.5%2011.9583%200.5C10.6927%200.5%209.66667%201.53319%209.66667%202.80769C9.66667%203.06448%209.70832%203.31147%209.78519%203.54219L4.54299%206.51155C4.12262%206.0105%203.49404%205.69231%202.79167%205.69231C1.52601%205.69231%200.5%206.7255%200.5%208C0.5%209.2745%201.52601%2010.3077%202.79167%2010.3077C3.49404%2010.3077%204.12262%209.9895%204.54299%209.48845L9.78519%2012.4578C9.70832%2012.6885%209.66667%2012.9355%209.66667%2013.1923C9.66667%2014.4668%2010.6927%2015.5%2011.9583%2015.5C13.224%2015.5%2014.25%2014.4668%2014.25%2013.1923C14.25%2011.9178%2013.224%2010.8846%2011.9583%2010.8846C11.256%2010.8846%2010.6274%2011.2028%2010.207%2011.7038L4.96482%208.73449C5.04168%208.50377%205.08333%208.25678%205.08333%208C5.08333%207.74321%205.04168%207.49622%204.96481%207.26551L10.207%204.29615C10.6274%204.79719%2011.256%205.11538%2011.9583%205.11538Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    --i-cross: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.11612%206.00006L0.696699%2010.4195L1.58058%2011.3034L6%206.88394L10.4194%2011.3034L11.3033%2010.4195L6.88388%206.00006L11.3033%201.58064L10.4194%200.696761L6%205.11618L1.58058%200.696761L0.696699%201.58064L5.11612%206.00006Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    --i-file: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%0A%09%20height%3D%2216px%22%20viewBox%3D%220%200%2014%2016%22%20enable-background%3D%22new%200%200%2014%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.04%2C1H2.12v2.78H0.75v3.33h1.37V16h11.13V4.24L10.04%2C1z%20M3.22%2C7.11v7.78h8.93%0A%09V5.31H8.99V2.11H3.22v1.67h4.95v3.33H3.22z%20M11.65%2C4.19l-1.56-1.58v1.58H11.65z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

:root {
    --font-normal: "UD Shin Go SC Light";
    --font-medium: "UD Shin Go SC Regular";
    --font-bold: "UD Shin Go SC Medium";
    --font-normal-conde: "UD Shin Go SC Light";
    --font-medium-conde: "UD Shin Go SC Regular";
    --font-bold-conde: "UD Shin Go SC Medium";
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    :root {
        --mq: md;
        --container-padding: 40px;
        --gutter: 16px;
        --gap: 32px
    }
}

@media screen and (min-width: 1280px) {
    :root {
        --mq: lg;
        --container-padding: 64px;
        --gutter: 20px;
        --gap: 40px
    }
}


#onetrust-consent-sdk,
#onetrust-consent-sdk * {
    font-family: sans-serif
}

/* body,
ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
button,
p {
    margin: 0;
    padding: 0;
} */

body,
ul,
ol,
dl,
button {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    line-height: 1.75;
    /*  color: #333333;*/
    color: #000000;
}

.-fixed body {
    overflow-y: scroll;
}

main {
    position: relative;
    width: 100%;
    display: block;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    main {
        position: initial;
        width: initial;
    }
}

p {
    font-size: 1rem;
}

a {
    text-decoration: none;
    color: #333333;
}

h1 {
    font-weight: 600;
    font-size: 36px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-weight: 600;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    overflow-wrap: break-word;
}

h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 1rem
}

.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

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

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

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

.w-100 {
    width: 100%;
}

/* ol,
ul {
    list-style-type: none;
    padding: 0;
} */

ol,
ul {
    list-style-type: none;
}

.l-container {
    max-width: 1400px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    /*  padding-right: 2rem;
    padding-left: 2rem; */
}

.l-container-wide {
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    /*  padding-left: var(--container-padding);
    padding-right: var(--container-padding); */
}

.m-heading-1__title,
.m-heading-5__title,
.m-heading-6__title {
    font-family: var(--font-bold-conde, sans-serif);
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .l-container-wide {
        max-width: 1120px;
    }
}

@media screen and (max-width: 767px) {
    .l-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.bg-black {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.m-paragraph {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

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

.m-paragraph__body > p {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 2;
    letter-spacing: .06em;
    font-family: var(--font-normal, sans-serif);
}

    .m-paragraph__body > p > small {
        font-size: 90%;
    }

@media screen and (max-width: 767px) {
    .l-container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

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

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

.l-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .l-flex.-align-start {
        align-items: flex-start;
    }

    .l-flex.-align-end {
        align-items: flex-end;
    }

    .l-flex.-justify-start {
        justify-content: flex-start;
    }

    .l-flex.-justify-end {
        justify-content: flex-end;
    }

    .l-flex.-dir-column {
        flex-direction: column;
    }


/**********************************Header**************************************************/

.top-header {
    /*  border-bottom: 1px solid #dcdcdc; */
}

@media only screen and (max-width: 992px) {
    .top-header {
        min-height: 80px;
    }
}

.m-global-header__menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.m-global-header {
    top: 0;
    width: 100%;
    z-index: 1;
}

.m-global-header__head {
    height: 5rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dcdcdc;
    background-color: #ffffff;
}

    .m-global-header__head .m-global-header__head__inner {
        height: 100%;
    }

.m-global-header__logo {
    margin-right: 1rem;
    flex-shrink: 0;
}

.m-global-header__region {
    font-size: 0.875rem;
    color: #707070;
    /* padding-right: 21.875rem; */
    padding-left: 1rem;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .m-global-header .l-container {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .m-global-header__head {
        position: relative;
        padding-top: 1.5rem;
        height: 4rem;
        background-color: #ffffff;
        z-index: 1;
    }

    .m-global-header__head__inner {
        padding-right: 3rem;
        padding-bottom: 1rem;
    }

    .m-global-header__logo {
        height: 1.875rem;
        margin-right: 0.75rem;
    }

        .m-global-header__logo img {
            width: auto;
            height: 100%;
        }

    .m-global-header__region {
        font-size: 0.625rem;
        padding-right: 2.5rem;
    }
}

[data-script-enabled=true] .m-global-header {
    position: absolute;
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-header .m-global-header__head {
        height: 2rem;
        padding-top: 1rem;
    }

    .-ver2 .m-global-header .m-global-header__logo {
        height: 1.125rem;
    }

    .-ver2 .m-global-header .m-global-header__region {
        position: absolute;
        top: 2rem;
        left: 0;
        width: 100%;
        background-color: #4a4a4a;
        color: #ffffff;
        font-size: 1rem;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #3b3b3b;
        padding-top: 0.625rem;
        padding-right: 1.875rem;
        padding-bottom: 0.625rem;
        padding-left: 1rem;
    }
}

.m-global-header__menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
    .m-global-header {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    }

    .m-global-header__menu {
        transform: translateY(0);
        background-color: #f6f6f6;
        display: flex;
        flex-direction: column;
    }

    .m-global-header.-active {
        box-shadow: none;
    }

        .m-global-header.-active .m-global-header__menu {
            transform: translateY(0);
            margin-top: 0;
            visibility: visible;
            transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.4s;
            height: auto;
        }

    .m-global-header.-hide .m-global-header__menu {
        transform: translateY(-100%);
        visibility: hidden;
        transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.4s;
    }

    .m-global-header.-hide.-submenu-active .m-global-header__menu {
        transform: translateX(100%);
    }
}

@media print, screen and (min-width: 768px) {
    .m-global-header::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #000000;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.4s linear, visibility 0s linear 0.4s;
        z-index: -1;
    }

    .m-global-header.-submenu-active::before {
        visibility: visible;
        opacity: 0.3;
        transition: opacity 0.4s linear, visibility 0s linear 0s;
    }
}

@media screen and (max-width: 767px) {
    [data-script-enabled=true] .m-global-header__menu {
        transform: translateY(-100%);
        height: 0;
        visibility: hidden;
    }
}

.m-global-header__utils {
    position: relative;
    width: 100%;
}

.m-global-header__utils__inner {
    position: absolute;
    top: -5rem;
    right: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.m-global-header__global-link {
    color: #9b9b9b;
    font-size: 0.75rem;
    display: block;
    margin-right: 1.625rem;
}

    .m-global-header__global-link > img {
        width: 1.125rem;
        height: 1.125rem;
        vertical-align: top;
    }

.m-global-header__search {
    background-color: #f6f6f6;
    height: 3rem;
    display: flex;
}

    .m-global-header__search input[type=text],
    .m-global-header__search__button {
        line-height: 1.25;
    }

.m-global-header__search__button {
    width: 3rem;
    height: 3rem;
    padding-left: 0.5rem;
    background: none;
    border: none;
    box-shadow: none;
    display: inline-block;
    padding-top: 0.6875rem;
    padding-right: 0.4375rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}

.m-global-header__search__text {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.m-global-header__search__icon {
    stroke: #707070;
    fill: #707070;
    width: 1.3125rem;
    height: 1.3125rem;
}

.m-global-header__search input[type=text] {
    border: none;
    background: none;
    width: 12rem;
    height: 100%;
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
}

@media screen and (max-width: 767px) {
    .m-global-header__utils {
        position: static;
        order: 2;
    }

    .m-global-header__utils__inner {
        position: static;
        justify-content: flex-start;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .m-global-header__search {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: auto;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #c8c8c8;
        padding-top: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
    }

    .m-global-header__search__button {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }

    .m-global-header__search input[type=text],
    .m-global-header__search button {
        background-color: #ffffff;
    }

    .m-global-header__search input[type=text] {
        width: calc(100% - 48px);
        height: 3rem;
        padding-left: 1rem;
    }

    .m-global-header__search__icon {
        width: 2rem;
        height: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-header .m-global-header__utils {
        background-color: #4a4a4a;
    }

    .-ver2 .m-global-header .m-global-header__search {
        top: 3rem;
        background-color: #4a4a4a;
        border-bottom-color: #6e6e6e;
    }
}

.m-global-header__toggle {
    position: absolute;
    top: 0.5rem;
    right: 0.125rem;
    width: 3rem;
    height: 3rem;
    background: none;
    z-index: 1;
    border: none;
    display: none;
}

@media screen and (max-width: 767px) {
    .m-global-header__toggle {
        display: block;
    }

        .m-global-header__toggle::before,
        .m-global-header__toggle::after,
        .m-global-header__toggle .m-global-header__toggle__text::before {
            content: "";
            display: block;
            background-color: #000000;
            width: 1.5rem;
            height: 0.125rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%);
            transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
        }

        .m-global-header__toggle::after {
            transform: translate(-50%, -7px);
        }

        .m-global-header__toggle::before {
            transform: translate(-50%, 7px);
        }

        .m-global-header__toggle .m-global-header__toggle__text {
            height: 0;
            overflow: hidden;
            display: block;
        }

            .m-global-header__toggle .m-global-header__toggle__text::before {
                transform: translateX(-50%) scaleX(1);
            }
}

.m-global-header.-active .m-global-header__toggle::before {
    transform: translateX(-50%) rotate(45deg);
}

.m-global-header.-active .m-global-header__toggle::after {
    transform: translateX(-50%) rotate(-45deg);
}

.m-global-header.-active .m-global-header__toggle .m-global-header__toggle__text::before {
    transform: translateX(-50%) scaleX(0);
}

.-ver2 .m-global-header .m-global-header__toggle {
    top: 2rem;
}

    .-ver2 .m-global-header .m-global-header__toggle::before,
    .-ver2 .m-global-header .m-global-header__toggle::after,
    .-ver2 .m-global-header .m-global-header__toggle .m-global-header__toggle__text::before {
        background-color: #ffffff;
    }


/**********************************End Header**************************************************/


/*************************************Footer*************************************************/
.m-global-footer__wrap p,
.m-global-footer__wrap ul,
.m-global-footer__wrap ol {
    margin: 0;
    padding: 0;
}

.m-global-footer__wrap ol,
.m-global-footer__wrap ul {
    list-style-type: none;
    padding: 0;
}

.m-global-footer__wrap .m-sns-links {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
}

.m-global-footer__wrap .m-sns-links__item {
    margin-top: 0;
}

    .m-global-footer__wrap .m-sns-links__item > img {
        opacity: 0.8;
        transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .m-global-footer__wrap .m-sns-links__item:hover > img,
    .m-global-footer__wrap .m-sns-links__item:active > img,
    .m-global-footer__wrap .m-sns-links__item:focus > img {
        opacity: 1;
        transform: none;
        transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

.m-global-footer__wrap {
    background-color: #333333;
    padding-top: 2.25rem;
    margin-top: 45px;
}

.m-footer-links {
    border-bottom: 1px solid #707070;
    padding-bottom: 2.5rem;
}

    .m-footer-links .m-column {
        margin-top: 0;
        margin-bottom: 0;
    }

.m-footer-links__title {
    color: #ffffff;
    font-size: 1.125rem;
    margin-bottom: 0.25rem !important;
}

.m-footer-links__label {
    color: #dcdcdc;
    font-size: 13px;
    margin-top: 0.5rem !important;
}

.m-footer-links__link:hover > img,
.m-footer-links__link:active > img,
.m-footer-links__link:focus > img {
    filter: brightness(1.2);
}

.m-footer-links__link:hover .m-footer-links__label,
.m-footer-links__link:active .m-footer-links__label,
.m-footer-links__link:focus .m-footer-links__label {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .m-footer-links__label {
        display: none;
    }
}

.m-footer-sitemap {
    border-top: 1px solid #707070;
    padding-top: 2.5rem;
    margin-bottom: 3rem;
}

.m-footer-sitemap__head {
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.m-footer-sitemap__body > li {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
}

.m-footer-sitemap__category + .m-footer-sitemap__category {
    margin-top: 1.5rem;
}

.m-footer-sitemap__group ul {
    padding-left: 1rem;
}

    .m-footer-sitemap__group ul > li {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }

.m-footer-sitemap__group__head {
    font-size: 0.75rem;
    margin-bottom: 0.5rem !important;
    color: #ffffff;
}

.m-footer-sitemap a {
    color: #dcdcdc;
}

    .m-footer-sitemap a:hover,
    .m-footer-sitemap a:active,
    .m-footer-sitemap a:focus {
        color: #ffffff;
        text-decoration: underline;
    }

@media screen and (max-width: 767px) {
    .m-footer-sitemap {
        padding-top: 0.3125rem;
    }

        .m-footer-sitemap .row {
            margin-top: -0.25rem;
            margin-right: -0.5rem;
            margin-bottom: -0.25rem;
            margin-left: -0.5rem;
        }

            .m-footer-sitemap .row > .col {
                padding-top: 0.25rem;
                padding-right: 0.5rem;
                padding-bottom: 0.25rem;
                padding-left: 0.5rem;
            }

    .m-footer-sitemap__head {
        position: relative;
        font-size: 1rem;
    }

        .m-footer-sitemap__head a {
            display: block;
        }

            .m-footer-sitemap__head a::before,
            .m-footer-sitemap__head a::after {
                content: "";
                display: inline-block;
                position: absolute;
                background-color: #8c8c8c;
                width: 1.125rem;
                height: 0.0625rem;
                right: -7px;
                top: 1rem;
            }

            .m-footer-sitemap__head a::before {
                transform: translateX(-50%) rotate(0);
            }

            .m-footer-sitemap__head a::after {
                transform: translateX(-50%) rotate(90deg);
            }

            .m-footer-sitemap__head a.-open::after {
                transform: translateX(-50%) rotate(0);
                background-color: #ffffff;
            }

        .m-footer-sitemap__head .-no-disclosure-body::before,
        .m-footer-sitemap__head .-no-disclosure-body::after {
            content: none;
        }

    .m-footer-sitemap__body {
        visibility: hidden;
        overflow: hidden;
        transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s;
    }

        .m-footer-sitemap__body.-open {
            visibility: visible;
        }

    .m-footer-sitemap__category + .m-footer-sitemap__category {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
}

.m-global-footer {
    background-color: #000000;
    margin-top: 10px;
}

.m-global-footer__body {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.m-global-footer__anchor {
    color: #999999;
}

    .m-global-footer__anchor:hover,
    .m-global-footer__anchor:active,
    .m-global-footer__anchor:focus {
        color: #dcdcdc;
        text-decoration: underline;
    }

.m-global-footer__lang a {
    font-size: 0.75rem;
    border: 1px solid #8c8c8c;
    padding: 8px 10px 6px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #8c8c8c;
    text-decoration: none;
}

    .m-global-footer__lang a:hover,
    .m-global-footer__lang a:active,
    .m-global-footer__lang a:focus {
        border-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.4);
    }

.m-global-footer__item {
    display: inline-block;
    padding-right: 0.5rem;
    font-size: 0.875rem;
}

    .m-global-footer__item:not(:last-child)::after {
        content: "";
        display: inline-block;
        width: 0.0625rem;
        margin-left: 1rem;
        background-color: #707070;
        height: 0.75rem;
    }

.m-global-footer__body__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.m-global-footer__copyright {
    color: #8c8c8c;
}

.m-global-footer-copyright-homepage {
    font-size: 100% !important;
    font-family: var(--font-medium, sans-serif) !important;
    font-weight: normal !important;
}

@media screen and (max-width: 767px) {
    .m-global-footer__lang {
        margin-top: 0.5rem;
    }

    .m-global-footer__copyright {
        display: block;
        text-align: center;
        margin-top: 2rem;
    }
}

.m-sns-links {
    text-align: center;
    margin-top: -1rem;
}

@media print, screen and (min-width: 768px) {
    .m-sns-links {
        margin-top: -2rem;
    }
}

.m-sns-links__item {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-top: 1rem;
    margin-right: 0.5rem;
}

    .m-sns-links__item:last-child {
        margin-right: 0 !important;
    }

@media print, screen and (min-width: 768px) {
    .m-sns-links__item {
        width: 5rem;
        height: 5rem;
        margin-top: 2rem;
        margin-right: 1.5rem;
    }

        .m-sns-links__item > img {
            transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        }

        .m-sns-links__item:hover > img,
        .m-sns-links__item:active > img,
        .m-sns-links__item:focus > img {
            transform: translateY(-10px);
            transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
        }
}

.m-sns-links--size-small {
    margin-top: -1.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-sns-links--size-small {
        margin-top: -1rem;
    }
}

.m-sns-links--size-small .m-sns-links__item {
    width: 2rem;
    height: 2rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-sns-links--size-small .m-sns-links__item {
        margin-top: 1rem;
        margin-right: 1rem;
    }
}

.m-global-footer__wrap .m-sns-links {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
}

.m-global-footer__wrap .m-sns-links__item {
    margin-top: 0;
}

    .m-global-footer__wrap .m-sns-links__item > img {
        opacity: 0.8;
        transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .m-global-footer__wrap .m-sns-links__item:hover > img,
    .m-global-footer__wrap .m-sns-links__item:active > img,
    .m-global-footer__wrap .m-sns-links__item:focus > img {
        opacity: 1;
        transform: none;
        transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }


/*************************************End Footer*************************************************/


/*************************************Picture Panel**********************************************/

.m-picture-panel__wrap {
    padding-top: 2.5rem;
}

.m-picture-panel {
    position: relative;
    transform-origin: top center;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    height: 100vw;
    transform: translate3d(0, -5vw, 0);
}

[data-script-enabled=true] .m-picture-panel::after {
    content: "";
}

.m-picture-panel__list__element {
    opacity: 0;
    visibility: hidden;
}

.m-picture-panel.-current ~ .m-picture-panel {
    transform: translate3d(0, 0, 0);
}

.m-picture-panel::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 105vw;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0.5;
    transition-property: opacity;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    background-color: #000000;
    pointer-events: none;
}

.m-picture-panel.-current::after {
    opacity: 0;
}

.m-picture-panel__anchor {
    display: block;
    color: #ffffff;
    overflow: hidden;
    height: 110vw;
}

.m-picture-panel__body {
    position: relative;
    height: 100%;
    transform: translate3d(0, -5vw, 0);
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

    .m-picture-panel__body::before,
    .m-picture-panel__body::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 150%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 65%, rgba(255, 255, 255, 0.15) 100%);
        z-index: 10;
        transform: skewX(-52deg) translateX(120%);
    }

    .m-picture-panel__body::before {
        transition-property: transform;
        transition-duration: 0.72s;
        transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    .m-picture-panel__body::after {
        transition-property: transform;
        transition-duration: 0.8s;
        transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

.-ready .m-picture-panel__body::before,
.-ready .m-picture-panel__body::after {
    transform: skewX(-52deg) translateX(-20%);
    transition-property: transform;
    transition-duration: 0s;
    transition-timing-function: linear;
}

.-current .m-picture-panel__body {
    transform: translate3d(0, -2.5vw, 0);
}

.m-picture-panel__headline {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    letter-spacing: 0.1em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    font-size: 2.25rem;
    z-index: 10;
    margin-top: 0;
    margin-bottom: 0;
}

.m-picture-panel__title {
    position: relative;
    display: block;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335), cubic-bezier(0.785, 0.135, 0.15, 0.86);
    font-size: 2rem;
}

    .m-picture-panel__title::before {
        content: "-";
        position: absolute;
        color: #fb0020;
        transform-origin: left center;
        display: inline-block;
        transform: scaleX(1.7);
        left: -27px;
        margin-top: -0.1875rem;
    }

.-current .m-picture-panel__title {
    transform: translateX(0%);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.m-picture-panel__subtitle {
    text-indent: 0.2em;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335), cubic-bezier(0.785, 0.135, 0.15, 0.86);
    font-size: 1rem;
}

.-current .m-picture-panel__subtitle {
    transform: translateX(0%);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-delay: 0.1s, 0.1s;
}

.m-picture-panel__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.m-picture-panel__list__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-property: opacity, visibility;
    transition-duration: 0s, 0s;
    transition-timing-function: linear, linear;
    transition-delay: 1.6s, 1.6s;
}

    .m-picture-panel__list__element.-show {
        z-index: 1;
        opacity: 1;
        visibility: visible;
        transition-property: opacity;
        transition-duration: 1.6s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s, 0s;
    }

    .m-picture-panel__list__element img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition-property: transform;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.-current .m-picture-panel__list__element img {
    transform: scale(1.05);
}

@media print, screen and (min-width: 768px) {
    .m-picture-panel {
        height: 33.125rem;
        transform: translateY(-40px);
    }

        .m-picture-panel::after {
            height: 35.625rem;
        }

    .m-picture-panel__body {
        transform: translateY(-40px);
    }

    .-current .m-picture-panel__body {
        transform: translateY(-20px);
    }

    .m-picture-panel__anchor {
        height: 38.125rem;
    }

    .m-picture-panel:last-child .m-picture-panel__anchor {
        height: 35.625rem;
    }

    .m-picture-panel__title {
        font-size: 3rem;
    }

        .m-picture-panel__title::before {
            transform: scaleX(2.2);
            left: -52px;
            margin-top: -0.25rem;
        }

    .m-picture-panel__subtitle {
        font-size: 1.125rem;
    }
}


/*************************************End Picture Panel*************************************************/


/*****************************************Accordion******************************************************/

.m-accordion {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.m-accordion__item {
    border-bottom: 1px solid #8c8c8c;
}

    .m-accordion__item:first-child {
        border-top: 1px solid #8c8c8c;
    }

.m-accordion__head {
    position: relative;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 3rem;
}

    .m-accordion__head::before,
    .m-accordion__head::after {
        content: "";
        display: inline-block;
        position: absolute;
        background-color: #8c8c8c;
        width: 1.25rem;
        height: 0.0625rem;
        right: 0;
        top: 50%;
    }

    .m-accordion__head::before {
        transform: translateX(-50%) rotate(0deg);
    }

    .m-accordion__head::after {
        transform: translateX(-50%) rotate(90deg);
    }

.m-accordion__anchor.-open .m-accordion__head::after {
    transform: translateX(-50%) rotate(0deg);
}

.m-accordion__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.m-accordion__title {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.m-accordion__description {
    font-size: 0.875rem;
    line-height: 1.5;
    flex-grow: 1;
}

.m-accordion__body {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

[data-script-enabled=true] .m-accordion__body {
    visibility: hidden;
    transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s linear;
    overflow: hidden;
}

    [data-script-enabled=true] .m-accordion__body.-open {
        visibility: visible;
    }


/*************************************End Accordion*************************************************/


/*****************************************News******************************************************/

.m-news-list {
    padding-top: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-news-list__item {
    margin-bottom: 1.5rem;
}

.m-news-list__data,
.m-news-list__date {
    font-size: 0.875rem;
    color: #707070;
}

.m-news-list__text {
    font-size: 0.875rem;
    margin-bottom: 0;
}

    .m-news-list__text .btn {
        color: #707070;
        margin-bottom: 0;
        margin-right: 0;
    }

        .m-news-list__text .btn:hover,
        .m-news-list__text .btn:active,
        .m-news-list__text .btn:focus {
            text-decoration: none;
            color: #01916d;
        }

    .m-news-list__text span {
        line-height: 1.5;
    }

.announcement-list1 p,
.announcement-list1 ul,
.announcement-list1 ol {
    margin: 0;
    padding: 0;
}

.announcement-list1 ol,
.announcement-list1 ul {
    list-style-type: none;
    padding: 0;
}

@media print, screen and (min-width: 768px) {
    .m-news-list__item {
        display: flex;
        align-items: self-start;
    }

    .m-news-list__body {
        flex: 1;
    }

    .m-news-list__date {
        padding-right: 1rem;
        margin-right: 1rem;
        position: relative;
    }

        .m-news-list__date::after {
            content: "";
            width: 0.0625rem;
            height: 0.625rem;
            background-color: #8c8c8c;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -0.3125rem;
        }

        .m-news-list__date span {
            display: inline-block;
            width: 14em;
            /* white-space: nowrap; */
        }

    .m-news-list__item.-light .m-news-list__date::after {
        background-color: #dcdcdc;
    }

    .m-news-list__text {
        font-size: 1rem;
    }
}


/**************************************End News**********************************/


/***********************************menu*******************************************/

.m-global-menu {
    position: relative;
    height: 2.5rem;
    transition: height 0.4s linear;
}

.m-global-menu__wrap {
    position: absolute;
    overflow: hidden;
    transition: height 0.4s linear;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.m-global-menu__wrap__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.m-global-menu__list {
    display: flex;
}

.m-global-menu__link {
    color: #333333;
    display: block;
    padding-top: 0.5rem;
    padding-right: 0;
    padding-bottom: 0.0625rem;
    padding-left: 0;
    font-size: 0.875rem;
}

.m-global-menu__item {
    padding-top: 0;
    padding-right: 0.5rem;
    padding-bottom: 0;
    padding-left: 0.5rem;
}

    .m-global-menu__item:first-child {
        padding-left: 0;
    }

    .m-global-menu__item:last-child {
        padding-right: 0;
    }

@media print, screen and (min-width: 768px) {

    .m-global-menu__item:hover .m-global-menu__link,
    .m-global-menu__item:active .m-global-menu__link,
    .m-global-menu__item:focus .m-global-menu__link {
        /* border-bottom: 3px solid #01916d; */
    }

    .m-global-menu__item.-current .m-global-menu__link {
        border-bottom: 3px solid #01916d;
    }
}

@media screen and (max-width: 767px) {
    .m-global-menu {
        /*   border-top: 1px solid #c8c8c8; */
        height: auto;
    }

    .m-global-menu__wrap {
        position: static;
        background-color: #f6f6f6;
    }

    .m-global-menu__wrap__inner {
        flex-direction: column;
    }

    .m-global-menu__list {
        width: 100%;
        flex-direction: column;
    }

    .m-global-menu__link {
        font-size: 0.875rem;
        padding-top: 1.0625rem;
        padding-right: 0.25rem;
        padding-bottom: 0.5625rem;
        padding-left: 0.25rem;
    }

    .m-global-menu__item {
        overflow: hidden;
        margin: 0;
        border-bottom: 1px solid #c8c8c8;
        padding: 0;
    }
}

.-ver2 .m-global-menu {
    border-top-color: #6e6e6e;
}

.-ver2 .m-global-menu__link {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-menu {
        margin-top: 8rem;
    }

    .-ver2 .m-global-menu__wrap {
        background-color: #4a4a4a;
    }

    .-ver2 .m-global-menu__link {
        color: #dcdcdc;
    }

    .-ver2 .m-global-menu__item {
        border-bottom-color: #6e6e6e;
    }
}

@media print, screen and (min-width: 768px) {
    .-ver2 .m-global-menu__wrap {
        position: relative;
    }

        .-ver2 .m-global-menu__wrap::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2.5rem;
            background-color: #4a4a4a;
        }

    .-ver2 .m-global-menu__wrap__inner {
        position: relative;
        z-index: 1;
    }

    .-ver2 .m-global-menu__item:hover .m-global-menu__link,
    .-ver2 .m-global-menu__item:active .m-global-menu__link,
    .-ver2 .m-global-menu__item:focus .m-global-menu__link {
        border-bottom-color: #ffffff;
    }

    .-ver2 .m-global-menu__item.-current .m-global-menu__link {
        border-bottom-color: #ffffff;
    }
}

.m-global-menu__sub-menu {
    position: absolute;
    width: 100%;
    top: 2.5rem;
    left: 0;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
    padding-top: 2.625rem;
    padding-right: 1.25rem;
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
}

.m-global-menu__sub-menu__close {
    display: none;
}

.m-global-menu__sub-menu__contents__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 1.625rem;
}

    .m-global-menu__sub-menu__contents__wrap .m-global-menu__links {
        display: none;
    }

.m-global-menu__sub-menu__contents {
    width: 28%;
}

    .m-global-menu__sub-menu__contents.-wide {
        width: 100%;
        margin-right: 4.375rem;
    }

@media print, screen and (max-width: 900px) {
    .m-global-menu__sub-menu__contents.-wide {
        margin-right: 0;
    }
}

.m-global-menu__sub-menu__contents__item:not(:last-child) {
    margin-bottom: 1.875rem;
}

.m-global-menu__sub-menu__contents__item__title {
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.m-global-menu__item.-active .m-global-menu__sub-menu {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .m-global-menu__sub-menu {
        top: 0;
        transform: translateX(100%);
        background-color: #f6f6f6;
        opacity: 1;
        display: none;
        overflow: hidden;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
        padding-top: 1rem;
        padding-right: 0;
        padding-bottom: 1rem;
        padding-left: 0;
    }

        .m-global-menu__sub-menu .m-link {
            font-size: 1.375rem;
            padding-bottom: 0.75rem;
        }

        .m-global-menu__sub-menu .m-link__anchor {
            color: #8c8c8c;
        }

        .m-global-menu__sub-menu .m-link .m-link__text {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .m-global-menu__sub-menu .m-link .m-link__text-small {
            font-size: 0.875rem;
        }

    .m-global-menu__sub-menu__contents__wrap {
        flex-direction: column;
        margin-top: 0;
    }

        .m-global-menu__sub-menu__contents__wrap .m-global-menu__links {
            display: block;
            margin-top: 0.9375rem;
        }

    .m-global-menu__sub-menu__contents {
        width: 100%;
        border-top: 1px solid #cccccc;
    }

    .m-global-menu__sub-menu__contents__inner {
        padding-top: 0.9375rem;
        padding-right: 0;
        padding-bottom: 1.125rem;
        padding-left: 0;
    }

        .m-global-menu__sub-menu__contents__inner .m-link.m-icon__arrow-right::after {
            content: none;
        }

    .m-global-menu__sub-menu__contents__item {
        width: 100%;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 0.875rem;
    }

        .m-global-menu__sub-menu__contents__item:last-child {
            border-bottom: none;
        }

        .m-global-menu__sub-menu__contents__item:not(:last-child) {
            margin-bottom: 0;
            padding-bottom: 0.75rem;
        }

        .m-global-menu__sub-menu__contents__item.-last {
            border-bottom: 1px solid #cccccc;
        }

    .m-global-menu__sub-menu__contents__item__title {
        padding-left: 0.3125rem;
        margin-top: 0.4375rem;
        margin-bottom: 0.25rem;
    }

    .m-global-menu__sub-menu__close {
        display: block;
        border: none;
        border-bottom: 1px solid #cccccc;
        background-color: #f0f0f0;
        width: 100%;
        font-size: 1rem;
        text-align: left;
        margin-top: -1rem;
        padding-top: 0.5625rem;
        padding-right: 1rem;
        padding-bottom: 0.625rem;
        padding-left: 1rem;
    }

    .m-global-menu__sub-menu__close__text {
        padding-left: 1.25rem;
    }

    .m-global-menu__item.-pre-active .m-global-menu__sub-menu {
        transition: 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.4s linear;
        display: block;
    }

    .m-global-menu__item.-active .m-global-menu__sub-menu {
        transform: translateX(0);
    }

    .-hide .m-global-menu__item .m-global-menu__sub-menu {
        transition: none;
    }
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-menu__sub-menu {
        background-color: #4a4a4a;
    }

        .-ver2 .m-global-menu__sub-menu .m-link__anchor {
            color: #dcdcdc;
        }

    .-ver2 .m-global-menu__sub-menu__close {
        border-bottom-color: #6e6e6e;
        background-color: #4a4a4a;
    }

    .-ver2 .m-global-menu__sub-menu__close__text {
        color: #dcdcdc;
    }

    .-ver2 .m-global-menu__sub-menu__contents {
        border-top-color: #6e6e6e;
    }

    .-ver2 .m-global-menu__sub-menu__contents__item {
        border-bottom-color: #6e6e6e;
    }

    .-ver2 .m-global-menu__sub-menu__contents__item__title {
        color: #dcdcdc;
    }
}

.m-global-menu__sub-menu .m-link-list {
    padding-top: 0;
    padding-right: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
}

@media print, screen and (max-width: 900px) {
    .m-global-menu__sub-menu .m-link-list {
        padding-right: 0;
        padding-left: 0;
    }
}

.m-global-menu__sub-menu .m-link-list__anchor:hover,
.m-global-menu__sub-menu .m-link-list__anchor:active,
.m-global-menu__sub-menu .m-link-list__anchor:focus {
    color: #01916d;
}

.m-global-menu__sub-menu .m-link-list.-block {
    margin-top: 0.75rem;
    margin-bottom: 1.125rem;
    padding-right: 0;
    padding-left: 0;
}

    .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor:hover,
    .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor:active,
    .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor:focus {
        color: #ffffff;
    }

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item {
    margin-bottom: 0.625rem;
}

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item__title {
    display: block;
}

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item:not(:first-child) .m-link-list__item__title {
    margin-top: 1.375rem;
}

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__anchor {
    display: flex;
    align-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0.375rem;
}

    .m-global-menu__sub-menu .m-link-list.-image .m-link-list__anchor img {
        margin-right: 0.8125rem;
    }

.m-global-menu__sub-menu .m-link-list.-image + .m-link-list:not(.-image) {
    margin-left: 2.75rem;
}

@media print, screen and (max-width: 900px) {
    .m-global-menu__sub-menu .m-link-list.-image + .m-link-list:not(.-image) {
        margin-left: 0;
    }
}

.m-global-menu__sub-menu .m-link-list__wrap {
    display: flex;
}

    .m-global-menu__sub-menu .m-link-list__wrap .m-link-list {
        width: 30%;
        margin-right: 0.75rem;
    }

        .m-global-menu__sub-menu .m-link-list__wrap .m-link-list:last-child {
            margin-right: 0;
        }

@media screen and (max-width: 767px) {
    .m-global-menu__sub-menu .m-link-list {
        padding-top: 0.5625rem;
        padding-right: 1rem;
        padding-bottom: 0.5625rem;
        padding-left: 1rem;
    }

        .m-global-menu__sub-menu .m-link-list .m-link-list__item {
            font-size: 1rem;
        }

            .m-global-menu__sub-menu .m-link-list .m-link-list__item:not(:last-child) {
                margin-bottom: 1.1875rem;
            }

        .m-global-menu__sub-menu .m-link-list.-block {
            padding: 0;
            margin-top: 0.25rem;
            margin-bottom: 0.75rem;
        }

            .m-global-menu__sub-menu .m-link-list.-block .m-link-list__item {
                margin-bottom: 0;
            }

            .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor {
                background-color: transparent;
                color: #333333;
            }

            .m-global-menu__sub-menu .m-link-list.-block:not(:last-child) {
                margin-bottom: 0;
            }

        .m-global-menu__sub-menu .m-link-list.-image img {
            display: none;
        }

        .m-global-menu__sub-menu .m-link-list.-image .m-link-list__item:last-child {
            margin-bottom: 0;
        }

        .m-global-menu__sub-menu .m-link-list.-image .m-link-list__anchor {
            padding-top: 0;
            padding-bottom: 0;
        }

    .m-global-menu__sub-menu .m-link-list__wrap {
        flex-direction: column;
    }

        .m-global-menu__sub-menu .m-link-list__wrap .m-link-list {
            width: 100%;
        }

    .m-global-menu__sub-menu .m-box-inquiry {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    .-ver2 .m-global-menu__sub-menu .m-link-list .m-link-list__anchor,
    .-ver2 .m-global-menu__sub-menu .m-link-list .m-link-list__item__title {
        color: #dcdcdc;
    }
}

.m-link-list ol,
.m-link-list ul {
    list-style-type: none;
    padding: 0;
}

/***********************************End menu*******************************************/


/***********************************Banner*********************************************/

.m-banner {
    margin-top: 2rem;
    margin-bottom: 1rem;
    page-break-inside: avoid;
}

    .m-banner .m-caption {
        max-height: 3.5em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-top: 0.5rem;
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .m-banner .m-slider {
        position: relative;
        overflow: visible;
    }
}

@media screen and (max-width: 767px) {
    .m-banner .m-slider__body {
        display: block;
        transform: none !important;
    }
}

@media screen and (max-width: 767px) {
    .m-banner .m-slider__ui {
        display: none;
    }
}

.m-banner .row {
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-banner .row {
        margin-top: -0.75rem;
        /* margin-right: -0.75rem; */
        margin-bottom: -0.75rem;
        /* margin-left: -0.75rem; */
    }
}

@media screen and (max-width: 767px) {
    .m-banner .row > .col {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-banner .row > .col {
        flex-shrink: 0;
        flex-grow: 0;
    }
}

.m-banner .row > .col a {
    transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    display: block;
}

    .m-banner .row > .col a:hover,
    .m-banner .row > .col a:active,
    .m-banner .row > .col a:focus {
        opacity: 0.8;
    }

.m-banner .row > .col img {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

@media print {
    .m-banner .row > .col img {
        box-shadow: none;
        border: 1px solid #707070;
    }
}

@media print, screen and (min-width: 768px) {
    .m-banner--style_4column .row {
        margin-top: -0.75rem;
        margin-right: -0.75rem;
        margin-bottom: -0.75rem;
        margin-left: -0.75rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-banner--style_4column .row > .col {
        padding-top: 0.75rem;
        padding-right: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 0.75rem;
    }
}

.m-banner--style_4column .m-slider__ui {
    display: none;
}


/***********************************End Banner*********************************************/


/**************************************Headings*******************************************/

.page-header {
    padding-bottom: 0.2em;
    /*  border-bottom: 1px solid #8c8c8c; */
}

.m-heading-1 {
    /*  margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-top: 5rem; */
    margin-bottom: 1rem;
}

.m-heading-1__title {
    /*font-size: 2rem;*/
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column-reverse;
}

.m-heading-1__title-main {
    display: inline;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 1rem;
    font-size: 32px;
    line-height: 1.5;
}

.m-heading-1__title-sub {
    /* font-size: 1.25rem;*/
    font-size: 18px;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-1__title {
        margin-bottom: 0;
        /* font-size: 2.25rem;*/
    }

    .m-heading-1__title-main {
        font-size: 36px;
    }
}

.m-heading-2 {
    /* margin-top: 4rem;
    margin-bottom: 2rem;*/
    font-size: 36px;
    line-height: 1.5;
    margin-top: 5rem;
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-2 {
        margin-top: 4.5rem;
        margin-bottom: 3rem;
    }
}

.m-heading-2__title {
    font-size: 2rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-2__title {
        font-size: 2.25rem;
    }
}


.m-heading-3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}


.m-heading-3__title {
    font-size: 1.5rem;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .m-heading-3__title {
        font-size: 2rem;
    }
}

.m-heading-3.-withLink {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .m-heading-3.-withLink .m-link-list__body {
        margin-top: 0;
    }

.m-heading-4 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-4 {
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
}

.m-heading-4__title {
    font-size: 1.25rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-4__title {
        font-size: 1.5rem;
    }
}

.m-heading-5 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-5 {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
}

.m-heading-5__title {
    font-size: 1.125rem;
}

.m-heading-6 {
    /*margin-top: 1.5rem;
    margin-bottom: 0.5rem;*/
    margin-top: 40px;
    margin-bottom: 16px;
}

@media print, screen and (min-width: 768px) {
    .m-heading-6 {
        /*margin-top: 2rem;
        margin-bottom: 1rem;*/
        margin-top: 48px;
        margin-bottom: 16px;
    }
}

.m-heading-6__title {
    font-size: 1rem;
}


/******************************************End Headings**********************************************/


/*******************************************Panel-MIG***********************************************/

.bnr-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

    .bnr-list > li {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        margin: 0 0 15px;
    }

        .bnr-list > li:hover .link,
        .bnr-list > li:active .link,
        .bnr-list > li:focus .link {
            color: #01916d;
        }

        .bnr-list > li:last-child {
            margin-bottom: 0;
        }

        .bnr-list > li > a {
            text-decoration: none;
            color: #000;
            background: #fff;
            position: relative;
            display: block;
            padding: 10px 15px 10px 15px;
            border: 1px solid #c1c1c1;
        }

        .bnr-list > li.thumb > a {
            padding: 10px 105px 10px 15px;
        }

        .bnr-list > li .thumb {
            text-align: right;
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            overflow: hidden;
            width: 100px;
            max-width: 100%;
            height: 100%;
        }

            .bnr-list > li .thumb img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: auto;
                width: auto;
                max-height: 100%;
            }

        .bnr-list > li em {
            color: #000;
            display: block;
            margin: 0 0 7px;
        }

        .bnr-list > li .link {
            display: block;
            margin: 7px 0 0;
        }

.lyt-side .bnr-list > li .thumb {
    width: 65px;
    max-width: 65px;
}

    .lyt-side .bnr-list > li.thumb > a {
        padding: 12px 70px 12px 15px;
    }

@media (min-width:768px), print {
    .bnr-list {
        margin-left: -24px;
    }

        .bnr-list > li {
            -webkit-flex: 50% 0 0;
            flex: 50% 0 0;
            max-width: 50%;
            padding-left: 24px;
        }

    .lyt-side .bnr-list {
        margin-left: 0;
    }

        .lyt-side .bnr-list > li {
            -webkit-flex: 100% 0 0;
            flex: 100% 0 0;
            max-width: 100%;
            padding-left: 0;
        }
}


/**
   * .bnr-01
  **/

.bnr-01 {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 0 12px;
    height: 100%;
}

    .bnr-01 .category {
        font-size: 0.75em;
        line-height: 1.875;
    }

    .bnr-01 .date {
        font-size: 0.75em;
        line-height: 1.875;
    }

        .bnr-01 .date:before {
            display: inline-block;
            margin: 0 5px;
            content: "|";
        }

    .bnr-01 .btn {
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        position: relative;
        padding: 5px 20px 5px 20px;
        text-indent: 0;
        background: #fff;
        border: 1px solid #d7d7d7;
    }

    .bnr-01.ride-hdg > a:hover .btn,
    .bnr-01.ride-hdg > a:active .btn,
    .bnr-01.ride-hdg > a:focus .btn {
        color: #000;
        background-color: #fff;
        border-color: #c1c1c1;
    }

    .bnr-01 .unit {
        display: inline-block;
    }

    .bnr-01.pickup {
        background: #01916d;
    }

        .bnr-01.pickup > a {
            color: #fff;
        }

            .bnr-01.pickup > a:hover,
            .bnr-01.pickup > a:active,
            .bnr-01.pickup > a:focus {
                background: #02614e;
            }

    .bnr-01.active {
        background: #01916d;
    }

        .bnr-01.active > a {
            color: #fff;
        }

    .bnr-01 > a {
        text-decoration: none;
        color: #000;
        position: relative;
        display: block;
        height: 100%;
        max-height: 100%;
        /*  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
    }

        .bnr-01 > a _:-ms-fullscreen,
        :root .bnr-01 > a {
            height: 100%;
        }

        .bnr-01 > a:hover,
        .bnr-01 > a:active,
        .bnr-01 > a:focus {
            /*  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); */
        }

            .bnr-01 > a:hover .image::after,
            .bnr-01 > a:active .image::after,
            .bnr-01 > a:focus .image::after {
                display: block;
            }

            .bnr-01 > a:hover .group::before,
            .bnr-01 > a:active .group::before,
            .bnr-01 > a:focus .group::before {
                background: #fff;
            }

            .bnr-01 > a:hover .group::after,
            .bnr-01 > a:active .group::after,
            .bnr-01 > a:focus .group::after {
                border-color: #01916d;
            }

        .bnr-01 > a .image {
            background-position: center;
            background-size: cover;
            position: relative;
            display: block;
            overflow: hidden;
            height: 122px;
        }

.topic-panels-wrapper .bnr-01 > a .image {
    height: 175px;
}

@media only screen and (min-width: 992px), print {
    .list .bnr-01 > a .image {
        position: absolute;
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px);
        height: 122px;
        margin: 16px 0 0 10px;
    }

    .list .bnr-01.ride-hdg > a .group {
        min-height: 152px;
        padding: 16px 30px 16px 16px;
        padding-left: -webkit-calc(25% + 16px);
        padding-left: calc(25% + 16px);
    }

    .list .bnr-01.ride-hdg .btn {
        left: unset;
        right: 20px;
    }
}

.bnr-01 {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    /* margin: 0 0 12px; */
    height: 100%;
}

    .bnr-01 .category {
        font-size: .75em;
        line-height: 1.875
    }

    .bnr-01 .date {
        font-size: .75em;
        line-height: 1.875
    }

        .bnr-01 .date:before {
            display: inline-block;
            margin: 0 5px;
            content: "|"
        }

    .bnr-01 .btn {
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        position: relative;
        padding: 5px 20px 5px 20px;
        text-indent: 0;
        background: #fff;
        border: 1px solid #d7d7d7
    }

    .bnr-01.ride-hdg > a:hover .btn,
    .bnr-01.ride-hdg > a:active .btn,
    .bnr-01.ride-hdg > a:focus .btn {
        color: #fff !important;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%) !important;
    }

    .bnr-01 .unit {
        display: inline-block
    }

    .bnr-01.pickup {
        background: #01916d
    }

        .bnr-01.pickup > a {
            color: #fff
        }

            .bnr-01.pickup > a:hover,
            .bnr-01.pickup > a:active,
            .bnr-01.pickup > a:focus {
                background: #02614e
            }

    .bnr-01.active {
        background: #01916d
    }

        .bnr-01.active > a {
            color: #fff
        }

    .bnr-01 > a {
        text-decoration: none;
        color: #000;
        position: relative;
        display: block;
        height: 100%;
        max-height: 100%;
        /*   box-shadow: 0 0 4px rgba(0,0,0,.2) */
    }

        .bnr-01 > a _:-ms-fullscreen,
        :root .bnr-01 > a {
            height: 100%
        }

        .bnr-01 > a:hover,
        .bnr-01 > a:active,
        .bnr-01 > a:focus {
            /* box-shadow: 0 2px 8px rgba(0,0,0,.4) */
            text-decoration: none !important;
        }

            .bnr-01 > a:hover .image::after,
            .bnr-01 > a:active .image::after,
            .bnr-01 > a:focus .image::after {
                display: block
            }

            .bnr-01 > a:hover .group::before,
            .bnr-01 > a:active .group::before,
            .bnr-01 > a:focus .group::before {
                background: #fff
            }

            .bnr-01 > a:hover .group::after,
            .bnr-01 > a:active .group::after,
            .bnr-01 > a:focus .group::after {
                border-color: #01916d
            }

        .bnr-01 > a .image {
            background-position: center;
            background-size: cover;
            position: relative;
            display: block;
            overflow: hidden;
            height: 122px
        }

.topic-panels-wrapper .bnr-01 > a .image {
    height: 175px
}

@media only screen and (min-width: 992px), print {
    .list .bnr-01 > a .image {
        position: absolute;
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px) !important;
        height: 157px !important;
        margin: 0px !important
    }

    .list .bnr-01.ride-hdg > a .group {
        min-height: 152px;
        padding: 0;
        padding-left: -webkit-calc(25% + 16px);
        padding-left: calc(25% + 30px) !important
    }

    .list .bnr-01.ride-hdg .btn {
        left: unset;
        right: 20px
    }
}

.bnr-01 > a .image:before {
    position: absolute !important;
    top: 0 !important;
    left: -50% !important;
    display: none !important;
    width: 200% !important;
    height: 100% !important;
    content: "" !important;
}

.bnr-01 > a .image .hdg {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    position: relative;
    display: block;
    padding: 10px 25px
}

.bnr-01 > a .image img {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center
}

[data-script-enabled="true"] .bnr-01 > a .image {
    width: auto;
    height: 213px
}

.bnr-01 > a .image::after {
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
    display: none !important;
    width: 100% !important;
    min-height: 100% !important;
    content: "" !important
}

.bnr-01 > a .unvisible {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden
}

.bnr-01 > a .group {
    position: relative;
    display: block;
    /*  padding: 20px 50px 40px 25px */
}

    .bnr-01 > a .group > .txt:last-child {
        margin-bottom: 0
    }

    .bnr-01 > a .group .hdg {
        font-size: 20px;
        line-height: 1.4;
        display: block;
        margin: 0 0 10px
    }

    .bnr-01 > a .group .txt {
        font-size: 16px;
        line-height: 1.6;
        display: block;
        margin: 0 0 10px
    }

.bnr-01.ride-hdg {
    background: transparent
}

    .bnr-01.ride-hdg > a:hover .btn,
    .bnr-01.ride-hdg > a:active .btn,
    .bnr-01.ride-hdg > a:focus .btn {
        color: #000;
        background-color: #fff;
        border-color: #c1c1c1
    }

        .bnr-01.ride-hdg > a:hover .btn::after,
        .bnr-01.ride-hdg > a:active .btn::after,
        .bnr-01.ride-hdg > a:focus .btn::after {
            color: #01916d
        }

@media(min-width: 768px), print {
    .bnr-01.ride-hdg > a {
        margin: -6px -3px 0 -3px
    }
}

.bnr-01.ride-hdg > a .image:before {
    display: block !important
}

.bnr-01.ride-hdg > a .group {
    /* padding: 20px 20px 70px 20px */
}

    .bnr-01.ride-hdg > a .group::before,
    .bnr-01.ride-hdg > a .group::after {
        display: none
    }

.bnr-01.ride-hdg .btn {
    color: #fff;
    background-color: #01916d;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 20px;
    margin-top: 20px;
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
}

    .bnr-01.ride-hdg .btn::after {
        color: #fff;
    }

.bnr-01.nallow {
    background: #fff
}

    .bnr-01.nallow:hover .btn,
    .bnr-01.nallow:active .btn,
    .bnr-01.nallow:focus .btn {
        color: #fff;
        background: #01916d;
        border-color: #01916d
    }

        .bnr-01.nallow:hover .btn::after,
        .bnr-01.nallow:active .btn::after,
        .bnr-01.nallow:focus .btn::after {
            color: #fff
        }

    .bnr-01.nallow > a .group {
        padding: 20px
    }

        .bnr-01.nallow > a .group::before,
        .bnr-01.nallow > a .group::after {
            display: none
        }

        .bnr-01.nallow > a .group .hdg {
            font-size: 21px;
            line-height: 1.4
        }

        .bnr-01.nallow > a .group .txt {
            margin: 0 0 15px
        }

@media(min-width: 768px), print {
    [data-script-enabled="true"] .bnr-01 > a .image {
        height: 213px
    }

    .bnr-01 > a .group {
        /*   padding: 20px */
    }

        .bnr-01 > a .group::before {
            top: 30px;
            width: 30px;
            height: 30px
        }

        .bnr-01 > a .group::after {
            top: 39px;
            right: 11px;
            width: 10px;
            height: 10px
        }

        .bnr-01 > a .group .hdg {
            font-size: 18px !important;
        }

        .bnr-01 > a .group .txt {
            font-size: 16px
        }

            .bnr-01 > a .group .txt.min-height {
                font-size: 16px;
                min-height: 80px
            }

    .bnr-01.nallow > a .hdg {
        font-size: 18px
    }

    .bnr-01.nallow > a .txt {
        font-size: 14px
    }

    .bnr-01.nallow > a .group {
        padding: 20px
    }
}


/******************************************End Panel***************************************************/


/******************************************Buttons****************************************************/

.m-btn {
    /*    display: flex;
    margin-bottom: 1rem;*/
    margin-bottom: 1rem;
    vertical-align: top;
    max-width: 100%;
}

    .m-btn.text-center {
        justify-content: center;
    }

    .m-btn.text-right {
        justify-content: flex-end;
    }

    .m-btn .btn {
        /*     display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #ffffff;
        background-color: #333333;
        font-size: 1rem;
        min-height: 48px;
        min-width: 8em;
        max-width: 100%;
        border: none;
        border-radius: 2px;
        vertical-align: top;
        transition-property: background-color, color, border-color;
        transition-duration: 0.4s, 0.4s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.075, 0.82, 0.165, 1);
        transition-delay: 0s, 0s;
        padding-top: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
        padding-left: 1em;*/
        outline-offset: 1px;
        position: relative;
        display: inline-flex;
        background-color: var(--color-bg-secondary-a);
        border-radius: 2px;
        line-height: 1.5;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 1.5em;
        padding-right: 2em;
        cursor: pointer;
        text-decoration: none;
        word-break: break-word;
        font-family: var(--font-medium, sans-serif);
        font-weight: 500;
        font-size: 16px;
        min-width: 180px;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    }

        .m-btn .btn span {
            position: relative;
        }

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

    .m-btn .btn-inner {
        line-height: 1.25;
    }

@media print, screen and (min-width: 768px) {

    .m-btn .btn:hover,
    .m-btn .btn:active,
    .m-btn .btn:focus, .m-btn .btn.btn-sm:hover {
        /*background-color: #01916d;*/
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1) !important;
        background: rgba(0, 0, 0, 0.14) !important;
        color: var(--color-text) !important;
    }

    .m-btn .btn:active {
        transform: translateY(2px);
    }

    .m-btn .btn-lg {
        min-width: 240px;
        min-height: 80px;
    }
}

.m-btn .btn-sm {
    /*min-width: 6em;
    min-height: 40px;
    font-size: 0.875rem;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;*/
    min-width: 140px;
    font-size: 0.875rem;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 14px;
    color: #333 !important
}

.m-btn .btn-lg {
    /*min-width: 10em;
    min-height: 80px;
    font-size: 1.125rem;
    padding-top: 0.5em;
    padding-right: 3em;
    padding-bottom: 0.5em;
    padding-left: 3em;*/
    font-size: 18px;
}

/*.m-btn .btn:not(.btn-link)::after {
    content: "";
    -webkit-mask-image: var(--i-arrow_r, none);
    position: absolute;
    right: 0.5rem;
    line-height: 1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background: var(--color-text);
} */


.m-btn .btn-primary {
    /*background-color: #01916d;
    border: 1px solid #018463;*/
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white);
}

    .m-btn .btn-primary::before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
        opacity: 0;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    }

.m-btn .btn.btn-primary::after {
    background-color: var(--color-text-white);
}

@media print, screen and (min-width: 768px) {
    .m-btn .btn-primary {
        min-width: 180px;
    }

        .m-btn .btn-primary:hover,
        .m-btn .btn-primary:active,
        .m-btn .btn-primary:focus {
            /* background-color: rgba(1, 145, 109, 0.8);*/
            background-color: rgb(51, 51, 51);
            color: var(--color-text-white) !important;
            text-decoration: none !important;
        }

            .m-btn .btn-primary:hover::before,
            .m-btn .btn-primary:active::before,
            .m-btn .btn-primary:focus::before {
                opacity: 1;
            }
}

.m-btn .btn-secondary {
    /*color: #333333;
    background-color: #ffffff;
    border: 2px solid #8c8c8c;*/
    background-color: #fff;
    border: 1px solid var(--color-border);
    min-width: auto;
    color: #000
}

@media print, screen and (min-width: 768px) {
    .m-btn .btn-secondary {
        min-width: 180px;
    }

        .m-btn .btn-secondary:hover,
        .m-btn .btn-secondary:active,
        .m-btn .btn-secondary:focus {
            /*background-color: #ffffff;
        border-color: #018463;
        color: #018463;*/
            background-color: #fff !important;
            background: #fff !important;
            color: var(--color-text-green) !important;
            border-color: var(--color-text-green);
            text-decoration: none !important
        }

    .m-btn .btn.btn-secondary:hover::after,
    .m-btn .btn.btn-secondary:active::after,
    .m-btn .btn.btn-secondary:focus::after {
        background-color: var(--color-text-green);
    }

    .m-btn .btn-secondary:active {
        background-color: #f6f6f6;
    }
}

.m-btn__blank-icon {
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
    vertical-align: middle;
    filter: brightness(0);
}

.m-btn--contact {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

    .m-btn--contact .btn {
        width: 100%;
    }

@media print, screen and (min-width: 768px) {
    .m-btn--contact .btn {
        width: auto;
        min-width: 550px;
    }
}


/***********************************************End Buttons**************************************/

.m-hero {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

@media print, screen and (min-width: 768px) {
    .m-hero {
        padding-top: 31.25%;
    }
}

.m-hero img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.m-carousel__body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

.m-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .m-carousel__item > a {
        display: block;
        position: relative;
        height: 100%;
    }

        .m-carousel__item > a::after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 2.5rem;
            height: 2.5rem;
            background-image: url("../images/icn_linked.svg");
            background-size: cover;
            background-repeat: no-repeat;
        }

.m-carousel__bullets {
    position: absolute;
    left: 50%;
    bottom: 0.625rem;
    transform: translateX(-50%);
    display: inline-flex;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.m-carousel__bullet {
    position: relative;
    background-color: transparent;
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .m-carousel__bullet::before {
        content: "";
        display: block;
        background-color: #f6f6f6;
        width: 0.75rem;
        height: 0.75rem;
        border: 1px solid #8c8c8c;
        border-radius: 50%;
    }

.m-carousel__bullet-text {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.m-carousel__bullet.-current::before {
    background-color: #ffffff;
    width: 0.8125rem;
    height: 0.8125rem;
    border-color: #01916d;
}

.m-carousel__prev,
.m-carousel__next {
    position: absolute;
    top: 50%;
    width: 5.625rem;
    height: 6.25rem;
    background: transparent;
    border: 0;
    transform: translateY(-50%);
    overflow: hidden;
}

.m-carousel__prev-text,
.m-carousel__next-text {
    position: absolute;
    right: 100%;
}

.m-carousel__prev::before,
.m-carousel__next::before {
    content: "";
    display: inline-block;
    width: 2.8125rem;
    height: 2.8125rem;
    border-top: 1px solid #01916d;
    border-right: 1px solid #01916d;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.m-carousel__prev:hover,
.m-carousel__prev:active,
.m-carousel__prev:focus,
.m-carousel__next:hover,
.m-carousel__next:active,
.m-carousel__next:focus {
    opacity: 0.5;
    transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media screen and (max-width: 767px) {

    .m-carousel__prev,
    .m-carousel__next {
        display: none;
    }
}

.m-carousel__prev {
    left: 0;
}

    .m-carousel__prev::before {
        transform: translateX(-25%) translateY(-50%) rotate(-135deg);
    }

.m-carousel__next {
    right: 0;
}

    .m-carousel__next::before {
        transform: translateX(-75%) translateY(-50%) rotate(45deg);
    }

@keyframes to-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes to-left-current {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes to-right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes to-right-current {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.js-carousel-item.js-carousel-move-next {
    transform: translateX(100%);
}

.js-carousel-item.js-carousel-move-prev {
    transform: translateX(-100%);
}

.js-carousel-item.js-carousel-move-left:not(.js-carousel-move-next) {
    animation: to-left 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move-left.js-carousel-move-next {
    animation: to-left-current 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move-right:not(.js-carousel-move-prev) {
    animation: to-right 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move-right.js-carousel-move-prev {
    animation: to-right-current 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move--quick {
    transition: transform 0.2s linear 0s;
}


/**
 * .hero-banner
**/

.hero-banner {
    position: relative;
    display: -webkit-flex;
    display: flex;
    /* overflow:hidden; */
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0 0 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

    .hero-banner:hover,
    .hero-banner:focus,
    .hero-banner:active {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    }

        .hero-banner:hover img {
            opacity: 0.75;
        }

    .hero-banner > .background {
        background: #333;
    }

    .lyt-main .hero-banner h1,
    .hero-banner h1 {
        font-weight: 300;
        margin-top: 10px;
    }


/* .hero-banner p{
  color:#444;
  } */

@media (min-width:768px) {
    .hero-banner.dark-blur p {
        color: #fff;
    }
}

.hero-banner.light > .col,
.hero-banner.light-blur > .col,
.hero-banner.invert > div > .col {
    color: #000;
    background: #ebebeb;
}

[data-script-enabled="true"] .hero-banner.animate-type-1 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

    [data-script-enabled="true"] .hero-banner.animate-type-1 .background img.animated {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

[data-script-enabled="true"] .hero-banner.animate-type-2 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    opacity: 0;
}

    [data-script-enabled="true"] .hero-banner.animate-type-2 .background img.animated {
        opacity: 1;
    }

[data-script-enabled="true"] .hero-banner.animate-type-3 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

    [data-script-enabled="true"] .hero-banner.animate-type-3 .background img.animated {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

[data-script-enabled="true"] .hero-banner.animate-type-4 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

    [data-script-enabled="true"] .hero-banner.animate-type-4 .background img.animated {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

[data-script-enabled="true"] .hero-banner.animate-type-5 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: translateX(240px);
    transform: translateX(240px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

    [data-script-enabled="true"] .hero-banner.animate-type-5 .background img.animated {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

.hero-banner > .col {
    color: #000;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-order: 2;
    order: 2;
    padding: 30px 25px;
}

    .hero-banner > .col > * {
        position: relative;
        z-index: 2;
    }

    .hero-banner > .col .hdg-title {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .hero-banner > .col .hdg-copy {
        font-size: 28px;
        font-weight: 300;
        margin: 15px 0;
        padding: 0;
        background: none;
        border: none;
    }

    .hero-banner > .col .detail {
        font-size: 16px;
        line-height: 1.4;
    }

        .hero-banner > .col .detail > *:first-child {
            margin-top: 0;
        }

        .hero-banner > .col .detail > *:last-child {
            margin-bottom: 0;
        }

        .hero-banner > .col .detail > * {
            margin-bottom: 15px;
        }

        .hero-banner > .col .detail .btn {
            font-size: 17px;
            line-height: 1.55;
            text-decoration: none;
            color: #fff;
            background: #01916d;
            border: solid 1px #01916d;
            position: relative;
            display: inline-block;
            margin: 15px 0 0;
            padding: 4px 25px 4px 25px;
        }

            .hero-banner > .col .detail .btn:hover,
            .hero-banner > .col .detail .btn:active,
            .hero-banner > .col .detail .btn:focus {
                color: #333;
                background: #fff;
                border: 1px solid #7c7c7c;
            }

                .hero-banner > .col .detail .btn:hover::after,
                .hero-banner > .col .detail .btn:active::after,
                .hero-banner > .col .detail .btn:focus::after {
                    border-color: #01916d;
                }

    .hero-banner > .col .unit {
        display: inline-block;
    }

.hero-banner .blur-cover {
    display: none;
}

.hero-banner .follow {
    color: #333;
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-order: 3;
    order: 3;
    margin: 0 5px 15px;
}

    .hero-banner .follow .hdg {
        font-size: 18px;
        margin: 0 10px 0 0;
    }

.lyt-main .hero-banner .follow .hdg {
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px 0 0;
    padding: 0;
}

    .lyt-main .hero-banner .follow .hdg::before {
        content: none;
    }

.hero-banner .follow .list {
    display: -webkit-flex;
    display: flex;
    margin: 0;
}

    .hero-banner .follow .list li {
        margin: 0 0 0 10px;
    }

        .hero-banner .follow .list li:first-child {
            margin: 0;
        }

    .hero-banner .follow .list a {
        display: block;
    }

    .hero-banner .follow .list img {
        width: 30px;
    }

.hero-banner .background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    order: 1;
    width: 100%;
}

    .hero-banner .background img {
        position: relative;
        max-width: none;
        height: auto;
        width: 100%;
    }

.hero-banner.nallow {
    padding: 46px 0 0;
}

@media (max-width:767px) {
    .hero-banner.nallow.or-link {
        padding: 0;
    }
}

@media (max-width:767px) {
    .hero-banner.nallow.or-link > a {
        padding: 46px 0 0;
    }
}

.hero-banner.nallow .background {
    height: 138px;
}

.hero-banner.nallow > .col .hdg-title {
    font-size: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: -188px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 -25px;
}

.hero-banner.nallow > .col .hdg-copy {
    margin-top: 0;
}

.hero-banner.nallow > .col .detail .btn {
    margin: 0;
}

.hero-banner.nallow .follow {
    margin-top: 15px;
}

.hero-banner .btn {
    margin-top: 0;
}

@media (min-width:768px), print {
    .hero-banner {
        position: relative;
        overflow: hidden;
        -webkit-flex-direction: row;
        flex-direction: row;
        height: auto;
        margin-bottom: 12px;
        padding-top: 40%;
    }

        /* 比率が変わるためトリ */
        .hero-banner .background img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
            display: block;
        }

        .hero-banner.dark-blur.is-covered .col::before,
        .hero-banner.light-blur.is-covered .col::before {
            display: none;
        }

        .hero-banner.dark-blur > .col,
        .hero-banner.light-blur > .col {
            background-color: transparent;
            overflow: hidden;
        }

            .hero-banner.dark-blur > .col::before,
            .hero-banner.dark-blur > .col .blur-cover,
            .hero-banner.light-blur > .col::before,
            .hero-banner.light-blur > .col .blur-cover {
                /* background-color: #000; */
                background-size: cover;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
                padding: 0;
                content: "";
            }

        .hero-banner.dark-blur .blur-cover,
        .hero-banner.light-blur .blur-cover {
            position: relative;
            box-sizing: content-box;
            padding: 10px 0;
            box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5);
            -webkit-filter: blur(15px);
            filter: blur(15px);
        }

            .hero-banner.dark-blur .blur-cover.on-svg::after,
            .hero-banner.light-blur .blur-cover.on-svg::after {
                background: #000;
                position: absolute;
                z-index: 1;
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5);
                opacity: .4;
            }

            .hero-banner.dark-blur .blur-cover svg,
            .hero-banner.light-blur .blur-cover svg {
                position: absolute;
                top: 0;
                left: calc(20vw - 100%);
                width: 1120px;
            }

            .hero-banner.dark-blur .blur-cover::before,
            .hero-banner.light-blur .blur-cover::before {
                background: #333;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                opacity: .5;
            }

        .hero-banner.dark-blur .col {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .hero-banner.light-blur .col::before,
        .hero-banner.light-blur .col .blur-cover {
            background-color: #ebebeb;
        }

            .hero-banner.light-blur .col .blur-cover.on-svg::after {
                background-color: #ebebeb;
                box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
            }

            .hero-banner.light-blur .col .blur-cover::before {
                background: #ebebeb;
                opacity: .3;
            }

        .hero-banner.col-right > div > .col {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
        }

        .hero-banner.col-right > .col .blur-cover {
            background-position: calc(100% + -97.25vw) 0;
        }

            .hero-banner.col-right > .col .blur-cover svg {
                left: calc(100% + -97.25vw);
            }
}

.hero-banner.dark-blur > .col .hdg-copy,
.hero-banner.dark-blur > .col .hdg-title {
    color: #fff;
}

/* .hero-banner.dark-blur > .col .details p{
    color:#fff;
} */
@media (min-width:769px), print {
    .hero-banner h1 {
        font-weight: 300;
        margin-top: 25px;
    }

    .hero-banner .btn {
        margin-top: 0;
    }
}

@media (min-width:768px) and (min-width:768px), print and (min-width:768px), print and (min-width:768px), print {
    .hero-banner.col-right > .col .blur-cover svg {
        width: 1120px;
    }
}

@media (min-width:768px) and (min-width:1120px), print and (min-width:1120px), print and (min-width:768px), print {
    .hero-banner.col-right > .col .blur-cover {
        background-position: 100% 0;
    }

        .hero-banner.col-right > .col .blur-cover svg {
            right: 0;
            left: auto;
        }
}

@media (min-width:768px), print {
    .hero-banner.col-right .follow {
        right: auto;
        left: 4%;
    }

    .hero-banner > .col {
        position: absolute;
        top: 0;
        -webkit-order: 1;
        order: 1;
        width: 360px;
        height: 100%;
        margin: 0;
        padding: 20px 25px 0 30px;
    }

    .hero-banner.is-covered > .col {
        border: none;
    }

    .hero-banner > .col .hdg-title {
        font-size: 20px;
    }

    .hero-banner > .col .hdg-copy {
        font-size: 26px;
    }

    .hero-banner > .col .detail {
        font-size: 16px;
    }

        .hero-banner > .col .detail .btn {
            margin: 0;
        }

    .hero-banner .background {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .hero-banner.clear .col {
        background-color: transparent;
        color: #fff;
    }

    [data-script-enabled="true"] .hero-banner .background {
        height: 100%;
        padding: 0;
    }

    .hero-banner .follow {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        right: 4%;
        bottom: 0;
        margin: 0;
        padding: 15px;
    }

        .hero-banner .follow .hdg {
            color: #fff;
            margin: 0 15px 0 0;
        }

        .hero-banner .follow .list li {
            margin: 0 0 0 15px;
        }

        .hero-banner .follow .list img {
            width: 31px;
        }

    .hero-banner.nallow {
        padding: 30% 0 0 0;
    }

        .hero-banner.nallow .background {
            background-image: none !important;
        }

            .hero-banner.nallow .background img {
                display: block !important;
                margin-left: auto;
            }

        .hero-banner.nallow > .col .hdg-title {
            font-size: 20px;
            white-space: normal;
            position: relative;
            top: 0;
            left: 0;
            width: auto;
            margin: 0 0 20px;
        }

        .hero-banner.nallow > .col .hdg-copy {
            margin: 20px 0;
        }

        .hero-banner.nallow > .col .detail .btn {
            margin: 5px 0 0;
        }

        .hero-banner.nallow .follow {
            margin-top: 15px;
        }
}

@media (max-width:767px) {
    .hero-banner.nallow > .col .hdg-title {
        padding: 10px;
    }
}

@media (min-width:840px), print {
    .hero-banner {
        padding-top: 36.8%;
    }
}

@media (min-width:992px), print {
    .hero-banner > .col {
        width: 400px;
    }

        .hero-banner > .col .hdg-copy {
            font-size: 30px;
        }
}

@media (min-width:1120px), print {
    .hero-banner {
        margin-right: 0;
        margin-left: 0;
    }

        .hero-banner.dark-blur.hero-banner .blur-cover svg,
        .hero-banner.light-blur.hero-banner .blur-cover svg {
            left: 0;
        }
}


/*全体ヒットポイント用*/

.hero-banner > div {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0;
    text-decoration: none;
}

    .hero-banner > div:hover img {
        opacity: 0.75;
    }

    .hero-banner > div > .background {
        background-color: #333;
    }

.hero-banner.light > div > .col,
.hero-banner.light-blur > div > .col {
    color: #000;
    background: #ebebeb;
}

.hero-banner > div > .col {
    color: #000;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-order: 2;
    order: 2;
    padding: 30px 25px;
}

.hero-banner.clear > div > .col {
    background-color: transparent;
    color: #000;
}

.hero-banner > div > .col > * {
    position: relative;
    z-index: 2;
}

.hero-banner > div > .col .hdg-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

.hero-banner > div > .col .hdg-copy {
    font-size: 28px;
    font-weight: 300;
    margin: 15px 0;
    padding: 0;
    background: none;
    border: none;
}

.hero-banner > div > .col .detail {
    font-size: 16px;
    line-height: 1.4;
}

    .hero-banner > div > .col .detail > *:first-child {
        margin-top: 0;
    }

    .hero-banner > div > .col .detail > *:last-child {
        margin-bottom: 0;
    }

    .hero-banner > div > .col .detail > * {
        margin-bottom: 15px;
    }

    .hero-banner > div > .col .detail .btn {
        font-size: 17px;
        line-height: 1.55;
        text-decoration: none;
        color: #fff;
        background: #01916d;
        position: relative;
        display: inline-block;
        margin: 15px 0 0;
        padding: 4px 25px 4px 25px;
    }

.hero-banner:hover > a > .col .detail .btn,
.hero-banner:active > a > .col .detail .btn,
.hero-banner:focus > a > .col .detail .btn {
    color: #333;
    background: #fff;
    border: 1px solid #7c7c7c;
}

.hero-banner > div > .col .unit {
    display: inline-block;
}

.hero-banner.nallow > a > .col .hdg-title {
    font-size: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: -188px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 -25px;
}

@media (max-width:767px) {
    .hero-banner.nallow > a > .col .hdg-title {
        padding: 10px;
    }
}

.hero-banner.nallow > a > .col .hdg-copy {
    margin-top: 0;
}

.hero-banner.nallow > a > .col .detail .btn {
    margin: 0;
}

.hero-banner.col-right > a > .col {
    top: 0;
    right: 0;
    height: 100%;
}

    .hero-banner.col-right > a > .col .blur-cover {
        background-position: calc(100% + -97.25vw) 0;
    }

        .hero-banner.col-right > a > .col .blur-cover svg {
            left: calc(100% + -97.25vw);
        }

@media (min-width:768px) and (min-width:768px), print and (min-width:768px), print and (min-width:768px), print {
    .hero-banner.col-right > a > .col .blur-cover svg {
        width: 1120px;
    }
}

@media (min-width:768px) and (min-width:1120px), print and (min-width:1120px), print and (min-width:768px), print {
    .hero-banner.col-right > a > .col .blur-cover {
        background-position: 100% 0;
    }

        .hero-banner.col-right > a > .col .blur-cover svg {
            right: 0;
            left: auto;
        }
}

@media (min-width:768px), print {

    .hero-banner.dark-blur > a > .col,
    .hero-banner.light-blur > a > .col {
        background-color: rgba(0, 0, 0, 0.7);
        overflow: hidden;
    }

        .hero-banner.dark-blur > a > .col::before,
        .hero-banner.dark-blur > a > .col .blur-cover,
        .hero-banner.light-blur > a > .col::before,
        .hero-banner.light-blur > a > .col .blur-cover {
            background-color: #333;
            background-size: cover;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            content: "";
            opacity: .5;
            /* Add */
        }

    .hero-banner > div > .col {
        position: absolute;
        top: 0;
        -webkit-order: 1;
        order: 1;
        width: 360px;
        height: 100%;
        margin: 0;
        padding: 20px 25px 0 30px;
    }

        .hero-banner > div > .col .hdg-title {
            font-size: 20px;
        }

        .hero-banner > div > .col .hdg-copy {
            font-size: 26px;
        }

        .hero-banner > div > .col .detail {
            font-size: 16px;
        }

            .hero-banner > div > .col .detail .btn {
                margin: 0;
            }

    .hero-banner.nallow > a > .col .hdg-title {
        font-size: 20px;
        white-space: normal;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        margin: 0 0 20px;
    }

    .hero-banner.nallow > a > .col .hdg-copy {
        margin: 20px 0;
    }

    .hero-banner.nallow > a > .col .detail .btn {
        margin: 5px 0 0;
    }
}

@media (min-width:992px), print {
    .hero-banner > div > .col {
        width: 400px;
    }

        .hero-banner > div > .col .hdg-copy {
            font-size: 30px;
        }
}

/**********************************************************************************************************/

/*****************************************Hero area for site home page************************************************************/

.m-hero-panel {
    position: relative;
    page-break-inside: avoid;
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel {
        margin-top: 5rem;
        /* margin-bottom: 5rem; */
    }
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel__img {
        transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
}

.m-hero-panel__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.m-hero-panel__box {
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel__box {
        max-width: 480px;
        width: 38vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel__box {
        margin-top: -3px;
        position: relative;
    }
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    .m-hero-panel__box .m-title-hero__body {
        font-size: 4vw;
    }

        .m-hero-panel__box .m-title-hero__body small {
            font-size: 1.25vw;
        }
}

.m-hero-panel__box .m-title-hero__body span:after {
    content: "";
    -webkit-mask-image: var(--i-circle-r, url(""));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: .85em;
    height: .85em;
    background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
    margin-left: .5rem;
    margin-bottom: -3px;
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    .m-hero-panel__box .m-title-hero__secondary {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel__box .m-title-hero__secondary {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel.-left .m-hero-panel__img {
        margin-right: calc(var(--container-padding)*-1);
        /* margin-left: calc(var(--col-width)*2 + var(--gutter)*4); */
        margin-left: calc(29px + var(--gutter)*4);
    }
}

.m-hero-panel.-right .m-hero-panel__box {
    right: 0;
}

@media screen and (max-width: 767px) {
    .m-hero-panel.-right .m-hero-panel__box .m-title-hero__body:before {
        margin-left: inherit;
        margin-right: calc(var(--container-padding)*-1);
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel.-right .m-hero-panel__img {
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(29px + var(--gutter)*4);
    }
}

.m-hero-panel[inview] .m-hero-panel__box {
    opacity: 1;
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel a:hover {
        color: inherit;
    }

    a:hover .m-hero-panel__img {
        opacity: .6;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    }
}

@media print {
    .m-hero-panel__box {
        width: 40%;
    }
}

.m-title-hero__body {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-bold, sans-serif);
    font-weight: 700;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .m-title-hero__body {
        font-size: 32px;
        line-height: 1.25;
    }
}

.m-title-hero__body span {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body span {
        font-size: clamp(32px, 3.25vw, 40px);
    }
}

.m-title-hero__body small {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body small {
        font-size: clamp(12px, 1.25vw, 16px);
    }
}

@media screen and (max-width: 767px) {
    .m-title-hero__body small {
        font-size: 14px;
    }
}

.m-title-hero__secondary {
    margin-top: clamp(1rem, 1.75vw, 1.5rem);
    font-size: clamp(12px, 1.25vw, 16px);
}

    .m-title-hero__secondary *:last-child {
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .m-title-hero__secondary {
        display: none;
    }
}


.m-title-hero__body:before {
    content: "";
    width: .1%;
    display: block;
    transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
    background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
    background-size: 1000% 100%;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body:before {
        height: 5px;
        margin-bottom: clamp(1rem, 2.25vw, 2rem);
    }
}

@media screen and (max-width: 767px) {
    .m-title-hero__body:before {
        height: 3px;
        margin-bottom: 1.5rem;
        margin-left: calc(var(--container-padding)*-1);
    }
}

[inview=true] .m-title-hero__body:before {
    background-size: 100% 100%;
}

@media print, screen and (min-width: 768px) {
    [inview=true] .m-title-hero__body:before {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    [inview=true] .m-title-hero__body:before {
        width: calc(100% + var(--container-padding));
    }
}

@media print,screen and (min-width: 768px) {
    .c-hero-mv {
        margin-left: calc(var(--container-padding)*-1)
    }
}

@media screen and (min-width: 1528px) {
    .c-hero-mv {
        margin-left: calc(700px - var(--vw)*50)
    }
}

@media print,screen and (min-width: 768px) {
    .c-hero-mv {
        margin-bottom: 88px
    }
}

@media screen and (max-width: 767px) {
    .c-hero-mv {
        margin-bottom: 5rem;
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(var(--container-padding)*-1)
    }
}

.c-hero {
    position: relative;
}

    .c-hero.--nocarousel .splide__controls,
    .c-hero.--nocarousel .splide__arrows {
        display: none;
    }

/* .l-mv-area .c-hero .c-carousel {
    margin-right: calc(var(--container-padding)*-1);
} */

@media print, screen and (min-width: 768px) {
    .c-hero-mv {
        /*   margin-top: 25px; */
        margin-bottom: 88px;
    }
}

@media screen and (max-width: 767px) {
    .c-hero-mv {
        margin-bottom: 5rem;
        margin-right: calc(1.5rem*-1);
    }
}

@media print, screen and (min-width: 768px) {
    .c-hero-mv .c-carousel__body {
        aspect-ratio: 1468/540;
    }
}

/*@media screen and (max-width: 767px) {
    .l-mv-area .c-hero .c-carousel {
        margin-left: calc(var(--container-padding)*-1);
    }
} */

/*@media screen and (min-width: 1218px) {
    .l-mv-area .c-hero .c-carousel__body {
        margin-right: calc(560px - var(--vw)*50);
	       margin-right: calc(var(--container-padding)*-1);
    }
}*/
@media print,screen and (min-width: 768px) {
    .l-mv-area .c-hero .c-carousel__body {
        margin-right: calc(var(--container-padding)*-1)
    }
}

@media screen and (min-width: 1528px) {
    .l-mv-area .c-hero .c-carousel__body {
        margin-right: calc(700px - var(--vw)*50)
    }
}

@media screen and (max-width: 767px) {
    .l-mv-area .c-hero .c-carousel__bottom {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding)
    }
}

@media print, screen and (min-width: 768px) {
    .c-carousel__body {
        aspect-ratio: 1400/438;
    }
}

.c-hero-mv .c-carousel__prev,
.c-hero-mv .c-carousel__next {
    display: none;
}

.c-hero-mv .c-carousel__arrows .c-carousel__prev,
.c-hero-mv .c-carousel__arrows .c-carousel__next {
    display: block;
}

.c-hero-mv__box {
    position: relative;
    transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--color-text-white);
    line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
    .c-hero-mv__box {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width: 1280px) {
    .c-hero-mv__box {
        margin-left: 4rem;
        width: 340px;
    }

        .c-hero-mv__box p {
            font-size: 14px;
        }
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    .c-hero-mv__box {
        margin-left: 2.5rem;
        width: 30vw;
        max-width: 320px;
    }

        .c-hero-mv__box p {
            font-size: 1.1vw;
        }
}

@media screen and (max-width: 767px) {
    .c-hero-mv__box {
        padding-top: 14.4vw;
        padding-left: 8.3%;
        padding-right: 8.3%;
        max-height: 100%;
    }

        .c-hero-mv__box p {
            font-size: 3.6vw;
        }
}

.c-hero-mv__box img {
    width: 100%;
}

.c-hero-mv__box p {
    margin-top: 1rem;
    margin-bottom: 0;
    line-height: 1.75;
}

.c-hero-mv__box[aria-hidden=true] {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-hero-mv__box.-black {
    color: var(--color-text);
}

@media screen and (max-width: 767px) {
    .c-hero-mv__box.-black {
        display: none;
    }
}

.c-hero-mv__line {
    display: block;
    height: 8px;
    width: .1%;
    background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
    background-size: 1000% 100%;
    transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
}

.c-hero-mv__body {
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2s;
}

.c-hero-mv[inview=true][ready=true] .c-hero-mv__line {
    width: 100%;
    background-size: 100% 100%;
}

.c-hero-mv[inview=true][ready=true] .c-hero-mv__body {
    opacity: 1;
}

@media print {
    .c-hero-mv {
        margin-left: 0;
    }

    .c-hero-mv__box {
        width: 27%;
        margin-left: 2.5rem;
    }
}

body:not([data-init]) .l-primary,
body:not([data-init]) .l-secondary {
    visibility: hidden;
}



/** ---- .c-hero-panel ---- **/

/** ---- .c-hero-panel ---- **/

.c-hero-panel {
    position: relative;
    page-break-inside: avoid;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.c-hero-panel__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.c-hero-panel__box .c-title-hero__body span:after {
    content: "";
    -webkit-mask-image: var(--i-circle-r, url(""));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
    margin-left: 0.5rem;
    margin-bottom: -3px;
}

@media print, screen and (min-width: 768px) {
    .c-hero-panel {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

        .c-hero-panel a:hover {
            color: inherit;
        }

    .c-hero-panel__box {
        top: 70%;
        max-width: 480px;
        width: 38vw;
        position: absolute;
        transform: translateY(-50%);
    }

    .c-hero-panel.-right .c-hero-panel__box {
        right: 0;
    }

    .c-hero-panel__box .c-title-hero__body {
        font-size: 4vw;
    }
}

@media screen and (max-width: 767px) {
    .c-hero-panel.-right .c-hero-panel__img {
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(29px + var(--gutter)*4);
    }

    .c-hero-panel.-left .c-hero-panel__img {
        margin-right: calc(var(--container-padding)*-1);
        margin-left: calc(29px + var(--gutter)*4);
    }

    .c-hero-panel .c-hero-panel__box .c-title-hero__body {
        font-size: 28px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .c-hero-panel__box .c-title-hero__secondary {
        font-size: 1.25vw;
    }
}



@media print, screen and (min-width: 768px) {
    .c-title-hero__body {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body {
        font-size: 28px;
    }
}

.c-carousel {
    position: relative;
}

.c-carousel__body {
    position: relative;
    height: auto;
}

@media print, screen and (min-width: 768px) {
    .c-carousel__body {
        aspect-ratio: 1400/438;
    }
}

@media screen and (max-width: 767px) {
    .c-carousel__body {
        aspect-ratio: 1/1;
    }
}

.c-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .8s cubic-bezier(0.47, 0, 0.745, 0.715);
}

    .c-carousel__item[href]:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%2040L40%200V40H0Z%22%20fill%3D%22%23ADADAD%22%2F%3E%0A%3Cpath%20d%3D%22M36.28%2028.08V28.048L32.28%2024.048L31.464%2024.864L34.184%2027.472H22.2V28.656H34.184L31.464%2031.264L32.28%2032.08L36.28%2028.08Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }

    .c-carousel__item[aria-hidden=false] {
        opacity: 1;
        z-index: 10;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
    }

@media print, screen and (min-width: 768px) {
    .c-carousel__item[aria-hidden=false][href]:hover {
        opacity: .8;
    }
}

.c-carousel__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}

@media print, screen and (min-width: 768px) {
    .c-carousel__img {
        transition: opacity .8s cubic-bezier(0.47, 0, 0.745, 0.715), transform .4s cubic-bezier(0.47, 0, 0.745, 0.715);
    }
}

.c-carousel__prev,
.c-carousel__next {
    position: absolute;
    z-index: 11;
    padding: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

@media print, screen and (min-width: 768px) {

    .c-carousel__prev,
    .c-carousel__next {
        transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
    }

        .c-carousel__prev:hover,
        .c-carousel__next:hover {
            opacity: .4 !important;
            transition-duration: .4s;
        }
}

.c-carousel__prev:not(.-icon) svg *,
.c-carousel__next:not(.-icon) svg * {
    stroke: #f5f5f5;
}

@media screen and (max-width: 767px) {

    .c-carousel__prev:not(.-icon),
    .c-carousel__next:not(.-icon) {
        display: none;
    }

    .c-carousel__prev,
    .c-carousel__next {
        transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
    }

        .c-carousel__prev:hover,
        .c-carousel__next:hover {
            opacity: .4 !important;
            transition-duration: .4s;
        }
}

.c-carousel__prev.-icon svg,
.c-carousel__next.-icon svg {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .64);
}

    .c-carousel__prev.-icon svg *,
    .c-carousel__next.-icon svg * {
        fill: #5c5c5c;
    }

.c-carousel__prev {
    left: 0;
}

    .c-carousel__prev.-icon {
        padding-left: 0;
    }

        .c-carousel__prev.-icon:after {
            -webkit-mask-image: var(--i-arrow_l, none);
        }

.c-carousel__next {
    right: 0;
}

    .c-carousel__next.-icon {
        padding-right: 0;
    }

        .c-carousel__next.-icon:after {
            -webkit-mask-image: var(--i-arrow_r, none);
        }

@media print, screen and (min-width: 768px) {

    .c-carousel:hover .c-carousel__prev,
    .c-carousel:hover .c-carousel__next {
        opacity: 1;
        transition-duration: 1.2s;
    }
}

.c-carousel__controller {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 3rem;
    z-index: 11;
    position: absolute;
    right: 0;
}

.c-carousel__bullet {
    display: flex;
}

    .c-carousel__bullet button {
        width: 36px;
        height: 36px;
        padding: 2px;
        display: flex;
        align-items: center;
    }

        .c-carousel__bullet button:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #000;
            opacity: .48;
            transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        .c-carousel__bullet button[aria-selected=true]:before {
            opacity: 1;
        }

@media print, screen and (min-width: 768px) {
    .c-carousel__bullet button:hover:before {
        opacity: 1;
        background-color: #01916d;
    }
}

.c-carousel__toggle {
    width: 36px;
    height: 36px;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-carousel__toggle-play {
    display: grid;
}

.c-carousel__toggle svg * {
    fill: var(--color-text-secondary);
    transition: fill .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

@media print, screen and (min-width: 768px) {
    .c-carousel__toggle:hover svg * {
        fill: #01916d;
    }
}

.c-carousel__bottom {
    position: absolute;
    z-index: 11;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    /*pointer-events: none;*/
}

@media print {
    .c-carousel__body {
        aspect-ratio: initial !important;
    }

    .c-carousel__controller,
    .c-carousel__prev,
    .c-carousel__next {
        display: none;
    }

    .c-carousel__item {
        position: initial !important;
        transition: none !important;
    }

        .c-carousel__item[aria-hidden=true] {
            display: none;
        }

    .c-carousel__img {
        position: initial !important;
        object-fit: initial !important;
    }
}

.c-hero {
    position: relative;
    page-break-inside: avoid;
}

.c-hero__box {
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media print, screen and (min-width: 768px) {
    .c-hero__box {
        width: 42%;
        max-width: 600px;
        min-width: 310px;
        margin-top: 3rem;
        align-self: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .c-hero .c-hero__box .c-title-hero {
        padding-left: var(--container-padding);
    }

    .c-hero__box {
        width: 100%;
        align-self: end;
    }
}

.c-hero__box[aria-hidden=false] {
    transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: 1;
}

.c-carousel__prev,
.c-carousel__next {
    position: absolute;
    z-index: 11;
    padding: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

@media print, screen and (min-width: 768px) {

    .c-carousel__prev,
    .c-carousel__next {
        transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
    }

        .c-carousel__prev:hover,
        .c-carousel__next:hover {
            opacity: .4 !important;
            transition-duration: .4s;
        }
}

.c-carousel__prev:not(.-icon) svg *,
.c-carousel__next:not(.-icon) svg * {
    stroke: #f5f5f5;
}

@media screen and (max-width: 767px) {

    .c-carousel__prev:not(.-icon),
    .c-carousel__next:not(.-icon) {
        display: none;
    }
}

.c-carousel__prev.-icon svg,
.c-carousel__next.-icon svg {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .64);
}

    .c-carousel__prev.-icon svg *,
    .c-carousel__next.-icon svg * {
        fill: #5c5c5c;
    }

.c-carousel__prev {
    left: 0;
}

    .c-carousel__prev.-icon {
        padding-left: 0;
    }

        .c-carousel__prev.-icon:after {
            -webkit-mask-image: var(--i-arrow_l, none);
        }

.c-carousel__next {
    right: 0;
}

    .c-carousel__next.-icon {
        padding-right: 0;
    }

        .c-carousel__next.-icon:after {
            -webkit-mask-image: var(--i-arrow_r, none);
        }

@media print, screen and (min-width: 768px) {

    .c-carousel:hover .c-carousel__prev,
    .c-carousel:hover .c-carousel__next {
        opacity: 1;
        transition-duration: 1.2s;
    }
}

.c-carousel__controller {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 3rem;
    z-index: 11;
    position: absolute;
    right: 0;
}

.c-carousel__bullet {
    display: flex;
}

    .c-carousel__bullet button {
        width: 36px;
        height: 36px;
        padding: 2px;
        display: flex;
        align-items: center;
    }

        .c-carousel__bullet button:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #000;
            opacity: .48;
            transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        .c-carousel__bullet button[aria-selected=true]:before {
            opacity: 1;
        }

@media print, screen and (min-width: 768px) {
    .c-carousel__bullet button:hover:before {
        opacity: 1;
        background-color: #01916d;
    }
}





.c-slider {
    position: relative;
}

.c-slider__body {
    display: flex;
}

@media print, screen and (min-width: 768px) {
    .c-slider__body {
        width: calc(100% + var(--gutter)*2);
        margin-left: calc(var(--gutter)*-1);
        margin-right: calc(var(--gutter)*-1);
    }
}

@media screen and (max-width: 767px) {
    .c-slider__body {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(var(--container-padding)*-1);
        margin-bottom: -1.5rem;
        padding-left: calc(var(--container-padding));
        padding-right: calc(var(--container-padding) - var(--gutter)*2);
        padding-bottom: 1.5rem;
    }
}

.c-slider__item {
    flex-shrink: 0;
}

@media print, screen and (min-width: 768px) {
    .c-slider__item {
        width: calc(33.3333333333% - .01px);
        padding-left: var(--gutter);
        padding-right: var(--gutter);
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

        .c-slider__item[disabled=false] {
            visibility: visible;
            opacity: 1;
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        }
}

@media screen and (max-width: 767px) {
    .c-slider__item {
        width: 75%;
        margin-right: calc(var(--gutter)*2);
    }
}

.c-slider__item .c-card {
    display: block;
    padding: 1rem;
}

    .c-slider__item .c-card .c-headline {
        font-size: 16px;
        font-size: var(--font-medium);
    }

    .c-slider__item .c-card .m-wysiwyg {
        font-size: 14px;
    }

@media print, screen and (min-width: 768px) {
    .c-slider.-sm .c-slider__item {
        width: 25%;
    }
}

.c-slider__prev,
.c-slider__next {
    position: absolute;
    z-index: 11;
    top: calc(50% - 3.5rem);
    min-width: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 30px;
    background-color: rgba(0, 0, 0, 0);
}

    .c-slider__prev:after,
    .c-slider__next:after {
        position: unset;
    }

    .c-slider__prev:hover,
    .c-slider__next:hover {
        opacity: .4;
    }

.c-slider__prev {
    left: calc(var(--gutter)*-1);
    transform: translate(-100%, -50%);
}

    .c-slider__prev:after {
        -webkit-mask-image: var(--i-arrow_l, none);
    }

.c-slider__next {
    right: calc(var(--gutter)*-1);
    transform: translate(100%, -50%);
}

@media screen and (max-width: 1279px) {
    .c-slider__prev {
        left: 0;
    }

    .c-slider__next {
        right: 0;
    }
}

.c-slider__controller {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem;
}

@media print, screen and (min-width: 768px) {
    .c-slider__controller {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .c-slider__controller {
        margin-top: 1.5rem;
    }
}

.c-slider__bullet {
    display: flex;
}

    .c-slider__bullet button {
        width: 36px;
        height: 36px;
        padding: 2px;
        display: flex;
        align-items: center;
    }

        .c-slider__bullet button:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #000;
            opacity: .2;
            transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        .c-slider__bullet button[aria-selected=true]:before {
            opacity: 1;
        }

@media print, screen and (min-width: 768px) {
    .c-slider__bullet button:hover:before {
        opacity: 1;
        background-color: #01916d;
    }
}

@media print {

    .c-slider__prev,
    .c-slider__next,
    .c-slider__controller {
        display: none;
    }
}

.c-title-hero__body {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-bold, sans-serif);
    font-weight: 700;
    line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body {
        font-size: 32px;
        line-height: 1.25;
    }
}

.c-title-hero__body span {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body span {
        font-size: clamp(32px, 3.25vw, 40px);
    }
}

.c-title-hero__body small {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body small {
        font-size: clamp(12px, 1.25vw, 16px);
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body small {
        font-size: 14px;
    }
}

.c-title-hero__secondary {
    margin-top: clamp(1rem, 1.75vw, 1.5rem);
    font-size: clamp(12px, 1.25vw, 16px);
}

    .c-title-hero__secondary *:last-child {
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .c-title-hero__secondary {
        display: none;
    }
}

.c-title-hero__body:before {
    content: "";
    width: .1%;
    display: block;
    transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
    background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
    background-size: 1000% 100%;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body:before {
        height: 5px;
        margin-bottom: clamp(1rem, 2.25vw, 2rem);
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body:before {
        height: 3px;
        margin-bottom: 1.5rem;
        margin-left: calc(var(--container-padding)*-1);
    }

    .c-hero-panel.-right .c-hero-panel__box .c-title-hero__body:before {
        margin-left: inherit;
        margin-right: calc(var(--container-padding)*-1);
    }
}

[inview=true] .c-title-hero__body:before {
    background-size: 100% 100%;
    width: 100%;
}

/* splide */
.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        display: flex;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

    .splide.is-initialized,
    .splide.is-rendered {
        visibility: visible
    }

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

    .splide__slide img {
        vertical-align: bottom
    }

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

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

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

    .splide__arrow svg {
        fill: #000;
        height: 1.2em;
        width: 1.2em
    }

    .splide__arrow:hover:not(:disabled) {
        opacity: .9
    }

    .splide__arrow:disabled {
        opacity: .3
    }

    .splide__arrow:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide__arrow--prev {
    left: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    right: 0;
    z-index: 1
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

    .splide__slide:focus {
        outline: 0
    }

@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

    .splide__toggle:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

    .splide__track--nav > .splide__list > .splide__slide.is-active {
        border: 3px solid #000
    }

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

    .splide__arrows--rtl .splide__arrow--prev svg {
        transform: scaleX(1)
    }

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

    .splide__arrows--rtl .splide__arrow--next svg {
        transform: scaleX(-1)
    }

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

    .splide__arrows--ttb .splide__arrow--prev svg {
        transform: rotate(-90deg)
    }

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

    .splide__arrows--ttb .splide__arrow--next svg {
        transform: rotate(90deg)
    }

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: grid;
}

.splide__pagination__page {
    background: #000;
    border: 0;
    display: inline-block;
    height: 3px;
    margin: 3px;
    opacity: .4;
    padding: 0;
    position: relative;
    transition: transform .2s linear, opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
    width: 26px;
}

    .splide__pagination__page.is-active {
        opacity: 1;
        z-index: 1
    }

    .splide__pagination__page:hover {
        background-color: #01916d;
        cursor: pointer;
        opacity: 1;
    }

    .splide__pagination__page:focus-visible {
        outline: 2px solid #000;
        outline-offset: 2px
    }

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 2px solid #000;
    outline-offset: 2px
}

.splide__controls {
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
}

p#footer_notice {
    background-color: #f1f2f1;
}

/**********************************************************************************************************/
.m-footer {
    background-color: #F1F2F1;
    color: #515151;
    font-family: var(--font-medium, sans-serif);
    margin-top: 8rem;
}

    .m-footer a {
        color: #515151;
    }

        .m-footer a[href]:hover {
            text-decoration: underline;
        }

.m-footer__inner {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    padding: 4.2rem 2rem 5rem;
}

.m-footer__nav-item-section:not(:first-child) {
    margin-top: 1.5rem;
}

.m-footer__nav-content {
    margin-top: 1rem;
}

.m-footer__nav-title {
    margin-top: 16px;
}

.m-footer__nav-top-link + .m-footer__nav-title {
    margin-top: 0;
}

.m-footer__nav-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 48px;
}

.m-footer__nav-btn {
    display: block;
    font-size: 18px;
    font-family: var(--font-bold-conde, sans-serif);
    font-weight: 700;
}

.m-footer__nav-top-link {
    display: none;
}

.m-footer__nav-title {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 0.75rem;
}

.m-footer_nav-child-list {
    margin-left: 1rem;
    margin-top: 0.6rem;
    font-size: 0.875rem;
}

.m-footer_nav-child-item:not(:first-child) {
    margin-top: 0.5rem;
}

.m-footer__nav-link {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.m-footer__nav-link-text {
    font-size: 0.875rem;
}

.m-footer__sns-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    margin-top: 2.5rem;
}

@media print, screen and (max-width: 767px) {
    .m-footer__sns-list {
        justify-content: center !important;
    }
}

.m-footer__sns-icon {
    width: 48px;
}

.m-footer__group {
    border-top: 1px solid #D9D9D9;
    ;
    margin-top: 1.875rem;
    padding-top: 2.5rem;
}

.m-footer__group-title-text {
    font-size: 1.125rem;
    font-family: var(--font-medium, sans-serif);
    font-weight: normal;
}

.m-footer__group-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
}

.m-footer__group-link {
    font-size: 1.125rem;
    font-family: var(--font-bold, sans-serif);
    font-weight: bold;
}

.m-footer__other {
    display: flex;
    column-gap: 24px;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #D9D9D9;
    ;
}

.m-footer__other-head {
    flex-shrink: 0;
}

.m-footer__other-body {
    width: 100%;
}

.m-footer__other-body-top {
    display: flex;
    justify-content: space-between;
}

.m-footer__other-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.m-footer__other-links-item:not(:last-child) > .m-footer__other-links-link {
    border-right: 1px solid #8A8A8A;
    padding-right: 1.25rem;
}

.m-footer__other-links-link {
    font-size: 0.875rem;
    font-family: var(--font-bold, sans-serif);
    font-weight: bold;
}

.m-footer__other-global-link {
    margin-bottom: 0;
}

.m-footer__other-global-link-text {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 0.875rem;
}

    .m-footer__other-global-link-text::before {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        content: '';
        width: 24px;
        height: 25px;
        background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_global-2.svg');
    }

.m-footer__copyright {
    margin-bottom: 0;
}

.m-footer__copyright-text {
    /*font-size: 0.75rem;*/
}

@media screen and (max-width: 920px) {
    .m-footer.type2 .m-breadcrumb-bottom__list {
        padding-top: 1rem;
    }

    .m-footer.type2 .m-footer__inner {
        padding-top: 3.2rem;
        padding-bottom: 2.5rem;
    }

    .m-footer.type2 .m-footer__nav-list {
        display: block;
    }

    .m-footer.type2 .m-footer__nav-top-link {
        display: block;
    }

    .m-footer.type2 .m-footer__nav-item-section:not(:first-child) {
        margin-top: 0;
    }

    .m-footer.type2 .m-footer__nav-content {
        overflow: hidden;
        transition: .3s height ease-out;
    }

    .m-footer.type2 .m-footer__nav-btn {
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.25rem;
    }

        .m-footer.type2 .m-footer__nav-btn[role="button"] {
            padding-right: 60px;
        }

            .m-footer.type2 .m-footer__nav-btn[role="button"]::before,
            .m-footer.type2 .m-footer__nav-btn[role="button"]::after {
                position: absolute;
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                right: 10px;
                display: block;
                width: 2px;
                height: 21px;
                content: "";
                transition: rotate .2s;
                background: #5C5C5C;
                transform: translateY(-50%);
            }

            .m-footer.type2 .m-footer__nav-btn[role="button"]::after {
                top: 49%;
                transform: translateY(-50%) rotate(90deg);
                right: 10px;
            }

        .m-footer.type2 .m-footer__nav-btn[aria-expanded="true"]::before {
            display: none;
        }

        .m-footer.type2 .m-footer__nav-btn[href]:hover,
        .m-footer.type2 .m-footer__nav-btn[href]:focus {
            text-decoration: none;
        }

    .m-footer.type2 .m-footer__nav-content {
        margin-top: 0;
    }

    .m-footer.type2 .m-footer__nav-top-link {
        font-size: 1.25rem;
    }

    .m-footer.type2 .m-footer__nav-title {
        font-size: 1.25rem;
    }

    .m-footer.type2 .m-footer__nav-link-text {
        font-size: 1rem;
    }

    .m-footer.type2 .m-footer__other {
        display: block;
    }

    .m-footer.type2 .m-footer__other-body-top {
        display: block;
    }

    .m-footer.type2 .m-footer__other-head {
        text-align: center;
    }

    .m-footer.type2 .m-footer__other-body {
        margin-top: 3rem;
    }

    .m-footer.type2 .m-footer__other-global-link {
        margin-top: 1.2rem;
    }

    .m-footer.type2 .m-footer__body-bottom {
        margin-top: 40px;
    }

    .m-footer.type2 .m-footer__nav-top-link + .m-footer__nav-title {
        margin-top: 0.5rem;
    }

    .m-footer.type2 .m-footer_nav-child-list {
        margin-top: 1.6rem;
        margin-bottom: 2rem;
    }

    .m-footer.type2 .m-footer_nav-child-item:not(:first-child) {
        margin-top: 0.9rem;
    }

    .m-footer.type2 .m-footer__nav-link {
        margin-top: 0.8rem;
    }

    .m-footer.type2 .m-footer__group-list {
        row-gap: 1.3rem;
    }

    .m-footer.type2 .m-footer__group {
        padding-top: 2.5rem;
    }

    .m-footer.type2 .m-footer__logo {
        width: 153px;
    }

    .m-footer.type2 .m-footer__other-body {
        margin-top: 2rem;
    }

    .m-footer.type2 .m-footer__copyright {
        line-height: 150%;
    }
}

@media screen and (max-width: 767px) {
    .m-breadcrumb-bottom__list {
        padding-top: 1rem;
    }

    .m-footer__inner {
        padding-top: 3.2rem;
        padding-bottom: 2.5rem;
    }

    .m-footer__nav-list {
        display: block;
    }

    .m-footer__nav-top-link {
        display: block;
    }

    .m-footer__nav-item-section:not(:first-child) {
        margin-top: 0;
    }

    .m-footer__nav-content {
        overflow: hidden;
        transition: .3s height ease-out;
    }

    .m-footer__nav-btn {
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.25rem;
    }

        .m-footer__nav-btn[role="button"] {
            padding-right: 60px;
        }

            .m-footer__nav-btn[role="button"]::before,
            .m-footer__nav-btn[role="button"]::after {
                position: absolute;
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                right: 10px;
                display: block;
                width: 2px;
                height: 21px;
                content: "";
                transition: rotate .2s;
                background: #5C5C5C;
                transform: translateY(-50%);
            }

            .m-footer__nav-btn[role="button"]::after {
                top: 49%;
                transform: translateY(-50%) rotate(90deg);
                right: 10px;
            }

        .m-footer__nav-btn[aria-expanded="true"]::before {
            display: none;
        }

    .m-footer .m-footer__nav-btn[href]:hover,
    .m-footer .m-footer__nav-btn[href]:focus {
        text-decoration: none;
    }

    .m-footer__nav-content {
        margin-top: 0;
    }

    .m-footer__nav-top-link {
        font-size: 1.25rem;
    }

    .m-footer__nav-title {
        font-size: 1.25rem;
    }

    .m-footer__nav-link-text {
        font-size: 1rem;
    }

    .m-footer__other {
        display: block;
    }

    .m-footer__other-body-top {
        display: block;
    }

    .m-footer__other-head {
        text-align: center;
    }

    .m-footer__other-body {
        margin-top: 3rem;
    }

    .m-footer__other-global-link {
        margin-top: 1.2rem;
    }

    .m-footer__body-bottom {
        margin-top: 40px;
    }

    .m-footer__nav-top-link + .m-footer__nav-title {
        margin-top: 0.5rem;
    }

    .m-footer_nav-child-list {
        margin-top: 1.6rem;
        margin-bottom: 2rem;
    }

    .m-footer_nav-child-item:not(:first-child) {
        margin-top: 0.9rem;
    }

    .m-footer__nav-link {
        margin-top: 0.8rem;
    }

    .m-footer__group-list {
        row-gap: 1.3rem;
    }

    .m-footer__group {
        padding-top: 2.5rem;
    }

    .m-footer__logo {
        width: 153px;
    }

    .m-footer__other-body {
        margin-top: 2rem;
    }

    .m-footer__copyright {
        line-height: 150%;
    }
}

/*****************************************Footer************************************************************/
/*****************************************Card************************************************************/
.m-card {
    height: 100%;
}

.m-card__body {
    overflow: hidden;
    height: 100%
}

.m-card__thumb {
    margin-bottom: 1.5rem;
    text-align: center;
    /* height: 175px */
}

.m-card__headline {
    vertical-align: middle;
    margin-bottom: 1rem;
    line-height: 1.5;
}

    .m-card__headline:last-child {
        margin-right: 0;
    }

.m-card__title {
    display: inline;
    vertical-align: middle;
    /* margin-right: 0.5rem; */
    line-height: 1.5;
}

.m-vertical-card .m-card__title {
    /* font-family: var(--font-medium-conde, sans-serif)!important; */
    font-family: var(--font-medium, sans-serif) !important;
    font-weight: 300 !important;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    overflow-wrap: anywhere;
}

.m-card__tag {
    margin-bottom: 1rem;
}

.m-card__badge {
    margin-bottom: 0.5rem;
}

    .m-card__badge .m-badge {
        margin-bottom: 0.5rem;
    }

.m-card__btn + .m-card__btn {
    margin-top: 0.75rem;
}

.m-card__btns .m-card__btn > .m-btn {
    margin-bottom: 0;
}

.m-card__btns .m-caption {
    margin-top: 0.25rem;
}

.m-card__btns + .m-card__btns {
    margin-top: 0.75rem;
}

.m-vertical-container--style_3column .m-btn .btn,
.m-vertical-container--style_4column .m-btn .btn {
    min-width: unset !important;
}

.m-card__description {
    line-height: 1.5;
    margin-bottom: 1rem;
}

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

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

.m-vertical-card {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    page-break-inside: avoid;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-card {
        margin-top: 5rem;
        margin-bottom: 2rem;
        page-break-inside: avoid;
    }

    .m-vertical-card__body .row {
        display: grid;
        gap: 2.5rem var(--gap);
        grid-template-columns: 1fr 1fr;
    }

    .m-vertical-card--style_2column .m-vertical-card__body .m-card__thumb {
        margin-bottom: 2rem;
    }

    .m-vertical-card--style_3column .m-vertical-card__body .m-card__thumb {
        margin-bottom: 1.5rem;
    }

    .m-vertical-card--style_4column .m-vertical-card__body .m-card__thumb {
        margin-bottom: 1rem;
    }

    .m-vertical-card--style_4column .m-label--new {
        margin-left: 0;
    }
}

.m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .card_3row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem var(--gap);
    margin-left: 0;
    margin-right: 0;
}



@media print, screen and (max-width: 990px) {
    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .card_3row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem var(--gap);
        margin-left: 0;
        margin-right: 0;
    }
}

@media print, screen and (max-width: 768px) {
    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .card_3row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2.5rem var(--gap);
        margin-left: 0;
        margin-right: 0;
    }

    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .row {
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }



    .m-vertical-card.m-vertical-card--style_4column .m-vertical-card__body .row {
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }
}


@media print, screen and (min-width: 768px) {
    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .row {
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }



    .m-vertical-card.m-vertical-card--style_4column .m-vertical-card__body .row {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }
}

@media print, screen and (max-width: 990px) {
    .m-vertical-card.m-vertical-card--style_3column__insight .m-vertical-card__body .row {
        grid-template-columns: 1fr 1fr !important;
        margin-left: 0;
        margin-right: 0;
    }
}

.m-vertical-card .m-vertical-card__col {
    /*  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;*/
    height: 100%;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-card .m-vertical-card__col {
        /*    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;*/
    }
}

@media screen and (max-width: 767px) {
    .m-vertical-card .m-vertical-card__col {
        margin-bottom: 2.5rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_2column .m-card__thumb {
        margin-bottom: 2rem;
    }

    .m-vertical-container.m-vertical-container--style_3column .m-card__thumb {
        margin-bottom: 1.5rem;
    }

    .m-vertical-container.m-vertical-container--style_4column .m-card__thumb {
        margin-bottom: 1rem;
    }
}

.m-vertical-card .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-vertical-card .m-card__description {
    font-size: 1rem;
}

    .m-vertical-card .m-card__description > p {
        max-height: 8.75em;
        font-size: inherit;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

@media screen and (max-width: 767px) {
    .m-vertical-card .m-card__title {
        font-size: 1.25rem;
    }
}

.m-vertical-card__link {
    text-decoration: none;
    color: inherit;
    height: 100%;
    padding: 24px;
    display: block;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

    .m-vertical-card__link:hover,
    .m-vertical-card__link:active,
    .m-vertical-card__link:focus {
        color: inherit;
        text-decoration: none;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);
    }

@media print, screen and (min-width: 768px) {

    .m-vertical-card__link:hover,
    .m-vertical-card__link:active,
    .m-vertical-card__link:focus {
        text-decoration: none;
    }

        .m-vertical-card__link:hover .m-card__title {
            color: var(--color-text-green);
        }
}

@media print, screen and (min-width: 768px) {
    .m-vertical-card--style_2column .m-vertical-card__col {
        /*    flex: 0 0 50%;
    max-width: 50%;*/
    }

    .m-vertical-card--style_2column .m-card__title {
        font-size: 24px;
    }

    .m-vertical-card--style_3column .m-vertical-card__link {
        padding: 1.5rem;
    }

    .m-vertical-card--style_3column .m-vertical-card__col {
        /*    flex: 0 0 calc(100% / 3 - 0.01px);
    max-width: calc(100% / 3 - 0.01px);*/
    }

    .m-vertical-card--style_3column .m-card__title {
        font-size: 18px;
    }

    .m-vertical-card--style_4column .m-vertical-card__link {
        padding: 1rem;
    }

    .m-vertical-card--style_4column .m-vertical-card__col {
        /*    flex: 0 0 25%;
    max-width: 25%;*/
    }

    .m-vertical-card--style_4column .m-card__title {
        font-size: 18px;
    }

    .m-vertical-card--style_4column .m-card__description {
        font-size: 14px;
    }
}

.m-large-image-card {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-large-image-card__inner {
    background-color: #ffffff;
    text-decoration: none;
    display: block;
    color: inherit;
    height: 100%;
    page-break-inside: avoid;
}

@media print, screen and (max-width: 767px) {
    .m-large-image-card__inner .m-card {
        margin-bottom: 2rem;
    }
}

.m-large-image-card .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-large-image-card .m-card__headline {
    position: relative;
}

.m-large-image-card .m-card__title {
    font-size: 24px;
}

.m-large-image-card .m-card__description {
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

    .m-large-image-card .m-card__description > p {
        font-size: inherit;
        line-height: 1.75;
    }

.m-large-image-card .m-card__btns {
    margin-top: 1rem;
}

    .m-large-image-card .m-card__btns .m-btn .btn-primary {
        width: 100%;
        background-color: var(--color-bg-secondary-a);
        color: #333;
    }

        .m-large-image-card .m-card__btns .m-btn .btn-primary:hover {
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            background-color: rgba(0, 0, 0, .14);
        }

        .m-large-image-card .m-card__btns .m-btn .btn-primary::before {
            display: none;
        }

        .m-large-image-card .m-card__btns .m-btn .btn-primary::after {
            background-color: #333;
        }

.m-horizontal-container {
    margin-top: 2rem;
    margin-bottom: 5rem;
    page-break-inside: avoid;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container {
        margin-top: 3rem;
        margin-bottom: 7rem;
    }
}

.m-horizontal-container__body > .row {
    margin: 0;
}

    .m-horizontal-container__body > .row [class*=col] {
        padding: 0;
    }

/* .m-horizontal-container__body > .row [class*=col] :last-child {
  margin-bottom: 0;
} */
.m-horizontal-container__img {
    margin-right: calc(var(--gutter)*2);
    flex-shrink: 0;
    position: relative;
}

@media print, screen and (max-width: 767px) {
    .m-horizontal-container__img {
        margin-right: 0 !important;
        margin-bottom: 1.5rem !important;
    }
}

.m-horizontal-container__img img {
    width: 100%;
    max-width: none;
}

.m-horizontal-container__imgs {
    position: relative;
    padding-top: 66.76136%;
    overflow: hidden;
    margin-bottom: 1.5rem !important;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container__imgs {
        margin-bottom: 0;
        margin-right: calc(var(--gutter)*2);
    }
}

.m-horizontal-container__imgs img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
    font-family: 'object-fit: contain; object-position: center;';
}

.m-horizontal-container__imgs .m-carousel__prev,
.m-horizontal-container__imgs .m-carousel__next {
    width: 2.5rem;
    height: 6.25rem;
    display: block;
}

    .m-horizontal-container__imgs .m-carousel__prev::before,
    .m-horizontal-container__imgs .m-carousel__next::before {
        width: 1rem;
        height: 1rem;
        border-color: #000;
        border-width: 2px;
    }

.m-horizontal-container__imgs .m-carousel__bullets {
    display: none;
}

.m-horizontal-container__headline {
    vertical-align: middle;
    margin-bottom: 1rem;
}

    .m-horizontal-container__headline .m-label--new {
        margin-left: 12px;
    }

.m-horizontal-container__sub-title {
    display: inline;
    font-size: 24px;
    vertical-align: middle;
    line-height: 1.25;
}

@media screen and (max-width: 767px) {
    .m-horizontal-container__sub-title {
        font-size: 20px;
    }
}

.m-horizontal-container__description {
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 1rem;
}

    .m-horizontal-container__description > p {
        font-size: inherit;
    }

.m-horizontal-container__tag {
    margin-bottom: 1rem;
    margin-right: -8px;
    line-height: 1;
}

.m-horizontal-container__badge {
    margin-right: -2px;
    margin-bottom: 0.5rem;
}

.m-horizontal-container__links {
    /* margin-right: -12px; */
    margin-bottom: 1rem;
}

    .m-horizontal-container__links .btn-link,
    .m-horizontal-container__links .btn-link--lg {
        /* display: unset; */
        margin-bottom: 0;
    }

.m-horizontal-container__btns {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container__btns {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* .m-horizontal-container__btn {
  margin-bottom: 12px;
} */
.m-horizontal-container__btn .m-btn {
    height: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 12px;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container__btn .m-btn .btn {
        min-width: unset !important;
        font-size: 14px;
    }
}

.m-horizontal-container__body .m-caption {
    margin-bottom: 0;
}

.m-vertical-container {
    margin-top: 2rem;
    margin-bottom: 5rem;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container {
        margin-top: 3rem;
    }

    .m-vertical-container--style_2column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr;
    }

    .m-vertical-container--style_3column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr;
    }

    .m-vertical-container--style_4column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/* .m-vertical-container * .m-vertical-container {
  margin-top: 1rem;
}
.m-vertical-container .m-vertical-container__col {
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .m-vertical-container .m-vertical-container__col {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container .m-vertical-container__col {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
} */
@media print, screen and (min-width: 768px) {
    /* .m-vertical-container--style_2column .m-vertical-container__col {
    flex: 0 0 50%;
    max-width: 50%;
  } */

    /* .m-vertical-container--style_3column .m-vertical-container__col {
    max-width: calc(100% / 3 - 0.01px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 0.01px);
  } */

    /* .m-vertical-container--style_4column .m-vertical-container__col {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m-vertical-container--style_4column .m-card__description {
    font-size: 0.875rem;
  } */
}

/* .m-vertical-container .m-card {
  border-bottom: 1px solid #dcdcdc;
} */
/* .m-vertical-container .m-card__body {
  padding-bottom: 0.5rem;
} */
.m-vertical-container .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-vertical-container .m-card__headline {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_2column .m-card__headline {
        margin-bottom: 1.5rem;
    }
}

.m-vertical-container .m-card__title {
    font-size: 1.125rem;
    margin-right: 0;
}

.m-vertical-container .m-card__headline .m-label--new {
    margin-left: 12px;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_4column .m-card__headline .m-label--new {
        margin-left: 0;
    }
}

.m-vertical-container .m-card__description {
    margin-bottom: 1rem;
    line-height: 1.75;
    font-size: 14px;
    overflow-wrap: anywhere;
}

    .m-vertical-container .m-card__description > p {
        font-size: inherit;
    }

.m-vertical-container .m-card__tag {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.m-vertical-container .m-card__badge {
    margin-bottom: 0.5rem;
}

.m-vertical-container .m-card__btns .m-link-list .m-link-list__body {
    margin-top: 0;
    margin-bottom: 0;
}

@media print, screen and (max-width: 767px) {
    .m-card__btns .m-btn {
        margin-right: 0;
        display: block;
    }
}

/**************************************************End Card********************************************************/

.m-slider {
    overflow: hidden;
    margin-top: -0.5rem;
    /*  margin-right: -0.5rem; */
    margin-bottom: -0.5rem;
    /*  margin-left: -0.5rem; */
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}

.m-slider__body {
    flex-wrap: nowrap;
    transition: transform 0.4s linear 0s;
}

.m-slider__ui {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.875rem;
}

@media print {
    .m-slider__ui {
        display: none;
    }
}

.m-slider__bullets {
    display: inline-flex;
}

.m-slider__bullet {
    position: relative;
    background-color: transparent;
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .m-slider__bullet::before {
        content: "";
        display: block;
        background-color: #8c8c8c;
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.m-slider__bullet-text {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.m-slider__bullet.-current::before {
    background-color: #333333;
}

.m-slider__prev,
.m-slider__next {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    border: none;
    background-color: transparent;
}

.m-slider__prev-text,
.m-slider__next-text {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.m-slider__prev::before,
.m-slider__next::before {
    content: "";
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 3px solid #01916d;
    border-right: 3px solid #01916d;
}

.m-slider__prev::before {
    transform: rotate(-135deg);
}

.m-slider__next::before {
    transform: rotate(45deg);
}


/***************************Slider End*****************************************/
/***************************Table*****************************************/
.m-table {
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-table__body {
    overflow-x: auto;
    max-width: 100%;
}

.m-table__table {
    min-width: 544px;
    margin-right: auto;
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
}

.m-table--black .m-table__table {
    border-color: #000000;
}

.m-table--white .m-table__table {
    border-color: #cccccc;
}

.m-table__col--5 {
    width: 5%;
}

.m-table__col--10 {
    width: 10%;
}

.m-table__col--15 {
    width: 15%;
}

.m-table__col--20 {
    width: 20%;
}

.m-table__col--25 {
    width: 25%;
}

.m-table__col--30 {
    width: 30%;
}

.m-table__col--35 {
    width: 35%;
}

.m-table__col--40 {
    width: 40%;
}

.m-table__col--45 {
    width: 45%;
}

.m-table__col--50 {
    width: 50%;
}

.m-table__col--55 {
    width: 55%;
}

.m-table__col--60 {
    width: 60%;
}

.m-table__col--65 {
    width: 65%;
}

.m-table__col--70 {
    width: 70%;
}

.m-table__col--75 {
    width: 75%;
}

.m-table__col--80 {
    width: 80%;
}

.m-table__col--85 {
    width: 85%;
}

.m-table__col--90 {
    width: 90%;
}

.m-table__col--95 {
    width: 95%;
}

.m-table__col--100 {
    width: 100%;
}

.m-table--black .m-table__thead-row {
    background-color: #333333;
    color: #ffffff;
}

.m-table--white .m-table__thead-row {
    background-color: #ffffff;
}

.m-table--black .m-table__tbody-row:nth-of-type(2n + 1) {
    background-color: #ffffff;
}

.m-table--black .m-table__tbody-row:nth-of-type(2n) {
    background-color: #f6f6f6;
}

.m-table--white .m-table__tbody-row:nth-of-type(2n + 1) {
    background-color: #f6f6f6;
}

.m-table--white .m-table__tbody-row:nth-of-type(2n) {
    background-color: #dcdcdc;
}

.m-table__cell {
    font-size: 0.875rem;
    min-width: 80px;
    border-width: 1px;
    border-style: solid;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}

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

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

@media print, screen and (min-width: 768px) {
    .m-table__cell {
        font-size: 1rem;
        padding: 5px;
        text-align: left;
    }
}

.m-table--black .m-table__cell--head {
    border-color: #000000;
    background-color: #333333;
    color: #ffffff;
}

.m-table--white .m-table__cell--head {
    border-color: #cccccc;
    background-color: #ffffff;
}

.m-table__cell--data {
    border-color: #cccccc;
}

.m-table__cell__button {
    position: relative;
    color: #ffffff;
    padding-right: 1.25rem;
    display: block;
    background: none;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: left;
}

    .m-table__cell__button::before,
    .m-table__cell__button::after {
        content: " ❮";
        color: #707070;
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
    }

    .m-table__cell__button::before {
        transform: translateY(-50%) rotateZ(90deg);
        margin: -0.5625rem 0 0;
        content: " ❮";
    }

    .m-table__cell__button::after {
        transform: translateY(-50%) rotateZ(90deg);
        margin: 0.3125rem 0 0;
        content: " ❯";
    }

    .m-table__cell__button.-asc::before,
    .m-table__cell__button.-desc::after {
        color: #ffffff;
    }

/*Modal*/

.m-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.4s;
    z-index: 99999;
}

    .m-modal.-hide {
        visibility: hidden;
        opacity: 0;
    }

.m-modal__close {
    position: absolute;
    top: 1.8rem;
    right: 2.5rem;
    background: none;
    box-shadow: none;
    border: none;
    z-index: 1;
    overflow: visible;
    display: none;
}

.m-modal__close__text {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.m-modal__close::before,
.m-modal__close::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #000;
    width: 1.25rem;
    height: 0.0625rem;
    top: 0.4375rem;
    right: -16px;
}

.m-modal__close::before {
    transform: translateX(-50%) rotate(45deg);
}

.m-modal__close::after {
    transform: translateX(-50%) rotate(135deg);
}


.m-modal__container {
    width: 100%;
    position: relative;
    max-width: 1184px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.m-modal.-iframe .m-modal__container,
.m-modal.-video .m-modal__container {
    width: 100%;
}

.m-modal.-iframe .m-modal__container {
    height: 100%;
    max-height: calc(100vh - 11rem);
}

.m-modal__contents {
    height: 100%;
}

    .m-modal__contents .m-youtube {
        margin-top: 0;
        margin-bottom: 0;
    }

.m-modal.-iframe .m-modal__contents,
.m-modal.-video .m-modal__contents {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.m-modal__body {
    position: relative;
    background-color: #ffffff;
    overflow-y: auto;
    max-height: calc(100vh - 11rem);
    /* padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem; */
}

.m-modal.-iframe .m-modal__body,
.m-modal.-video .m-modal__body {
    height: 100%;
    overflow: hidden;
}

    .m-modal.-iframe .m-modal__body iframe,
    .m-modal.-video .m-modal__body iframe {
        border: none;
        width: 100%;
        height: 100%;
        vertical-align: top;
    }

.m-modal__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

@media print, screen and (min-width: 768px) {
    .m-modal__container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .m-modal__body {
        max-height: calc(100vh - 4rem);
        /* padding-left: 2rem;
        padding-right: 2rem; */
    }
}

/***********************Cokies*****************************************************************/

.m-cookie-confirm {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99995;
    animation: m-cookie-confirm--anime 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

@keyframes m-cookie-confirm--anime {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

.m-cookie-confirm__header p {
    margin-bottom: 0.5rem;
}

.m-cookie-confirm__link {
    color: #fff;
}

.m-cookie-confirm__body__text {
    line-height: 1.5;
}

.m-cookie-confirm__body__btns {
    font-size: 14px;
}

.m-cookie-confirm__accept-all {
    margin-bottom: 0.75rem !important;
}

.m-cookie-confirm__open-setting {
    color: #fff;
    margin-left: 0.5em;
}

.m-cookie-confirm__close-btn {
    position: absolute;
    width: 3rem;
    height: 3rem;
    background-color: transparent;
    border: 0;
    top: 0;
    right: 0;
}

    .m-cookie-confirm__close-btn:before,
    .m-cookie-confirm__close-btn:after {
        content: "";
        display: inline-block;
        position: absolute;
        background-color: #fff;
        width: 20px;
        height: 1px;
        top: 50%;
        left: 50%;
    }

    .m-cookie-confirm__close-btn:before {
        transform: translateX(-50%) rotate(45deg);
    }

    .m-cookie-confirm__close-btn:after {
        transform: translateX(-50%) rotate(135deg);
    }

/* .m-cookie-confirm[data-js-mode="notice"] .m-cookie-confirm__body__btns {
    display: none;
  } */

.m-cookie-confirm--hide {
    transform: translateY(100%);
}

@media print, screen and (min-width: 768px) {
    .m-cookie-confirm__body {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .m-cookie-confirm__body__text {
        font-size: 14px;
        flex: 1;
    }

        .m-cookie-confirm__body__text p {
            margin-bottom: 0;
        }

    .m-cookie-confirm__body__btns {
        min-width: 190px;
        margin-left: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .m-cookie-confirm__body__text {
        font-size: 12px;
    }

    .m-cookie-confirm__body__btns {
        text-align: center;
    }
}

/*************/

.m-modal[data-js-modal-hash="#cookie-manager"] {
    z-index: 502;
}

.m-cookie-manager__headline h3 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.m-cookie-manager__text {
    font-size: 14px;
}

    .m-cookie-manager__text a {
        color: #333;
        margin-left: 0.5em;
    }

.m-cookie-manager__accept-all {
    margin-bottom: 1.5rem;
}

.m-cookie-manager__options dl {
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
}

.m-cookie-manager__options dt {
    padding-right: 1.5rem;
}

.m-cookie-manager__options dd {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.m-cookie-manager__option {
    border-top: 1px solid #dcdcdc;
}

    .m-cookie-manager__option dt {
        font-family: var(--font-bold-conde, sans-serif);
        font-weight: 600;
    }

    .m-cookie-manager__option dd {
        font-size: 12px;
        line-height: 1.5;
    }

.m-cookie-manager__option__switch {
    padding-left: 3rem;
}

@media print, screen and (min-width: 768px) {
    .m-cookie-manager__accept-all {
        text-align: right;
    }

    .m-cookie-manager__option {
        display: table-row;
    }

        .m-cookie-manager__option dt {
            display: table-cell;
            height: 5rem;
            white-space: nowrap;
            vertical-align: middle;
        }

        .m-cookie-manager__option dd {
            display: table-cell;
            vertical-align: middle;
        }

    .m-cookie-manager__option__switch label {
        font-size: 20px;
        margin-bottom: 0;
    }

    .m-cookie-manager__save {
        text-align: right;
        margin-top: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .m-cookie-manager__accept-all .m-cookie__accept-all {
        width: 100%;
    }

    .m-cookie-manager__text {
        line-height: 1.5;
    }

    .m-cookie-manager__option {
        position: relative;
        padding-top: 1rem;
        padding-right: 2.5rem;
        padding-bottom: 1rem;
    }

        .m-cookie-manager__option dd {
            margin-bottom: 0;
        }

    .m-cookie-manager__option__switch {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -9px;
    }

        .m-cookie-manager__option__switch label {
            font-size: 13px;
            margin-bottom: 0;
        }

    .m-cookie-manager__save {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .m-cookie-manager__save .m-cookie__save {
            width: 100%;
        }
}

.m-toggle-btn {
    display: none;
    -webkit-appearance: none;
    background-color: transparent;
}

.m-toggle-btn__body {
    display: inline-block;
    width: 2.52em;
    height: 1.4em;
    background-color: #707070;
    border-radius: 0.7em;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 0.25em;
    vertical-align: sub;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

    .m-toggle-btn__body:before {
        content: "";
        display: block;
        border-radius: 0.7em;
        width: 1.4em;
        height: 1.4em;
        background-color: #fff;
        background: radial-gradient(circle, white 99%, rgba(255, 255, 255, 0) 100%);
        border: 2px solid #707070;
        transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .m-toggle-btn__body:hover {
        opacity: 0.8;
    }

    .m-toggle-btn:checked + .m-toggle-btn__body,
    .m-toggle-btn__body[checked] {
        background-color: #01916d;
    }

        .m-toggle-btn:checked + .m-toggle-btn__body:before,
        .m-toggle-btn__body[checked]:before {
            border-color: #01916d;
            transform: translateX(1.12em);
        }

.m-toggle-btn[disabled] + .m-toggle-btn__body {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.gray3 {
    background-color: #dcdcdc !important;
}

.gray4 {
    background-color: #f6f6f6 !important;
}

/***************************Table End*****************************************/
.image-hdg {
    position: absolute;
    padding: 10px;
    color: #fff;
    font-size: 20px;
}

.d-flex {
    display: flex;
}

.invisible {
    visibility: hidden;
}

.box-04 {
    background-color: #fff;
    background-clip: padding-box;
    margin: 20px 0;
    padding: 10px 30px;
    border: 1px solid #b2880a;
}

/************************* Breadcrumb **********************************************/
.m-breadcrumb {
    overflow-x: auto;
    font-size: 12px;
    padding-top: 80px;
    padding-bottom: 0;
    /* margin-bottom: 1rem; */
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    background-color: #f1f2f1;
}

@media print, screen and (max-width: 767px) {
    .m-breadcrumb {
        overflow-x: scroll;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media print, screen and (min-width: 768px) {
    /* .m-breadcrumb {
    margin-bottom: 5rem;
  } */
}

.m-breadcrumb--forHeader {
    margin-bottom: 0;
    margin-top: 17px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}

.m-breadcrumb__body {
    white-space: nowrap;
    display: inline-block;
    padding-right: var(--container-padding);
}

    .m-breadcrumb__body > li:not(:last-child) > a:hover {
        color: inherit;
        text-decoration: underline;
    }

    .m-breadcrumb__body > li {
        display: inline-flex;
        align-items: center;
        margin-right: 0.5rem;
    }

        .m-breadcrumb__body > li:not(:last-child) > a {
            color: #515151;
        }

        .m-breadcrumb__body > li:not(:last-child)::after {
            content: "";
            background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2216%22%20viewBox%3D%220%200%207%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L5.18655%207.05025C5.6731%207.75338%205.65883%208.68804%205.15105%209.37599L1%2015%22%20stroke%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fsvg%3E);
            width: 7px;
            height: 16px;
            margin-left: 0.5rem;
            display: inline-block;
        }

        .m-breadcrumb__body > li a:hover,
        .m-breadcrumb__body > li a:active,
        .m-breadcrumb__body > li a:focus {
            color: unset;
        }

.m-breadcrumb__item {
    text-decoration: none;
    text-overflow: ellipsis;
}

.m-breadcrumb .-active .m-breadcrumb__item {
    max-width: none;
    font-family: var(--font-bold, sans-serif);
    font-weight: 700;
    color: #000000;
}

/***************************Breadcrumb End*****************************************/

/***************************Form Styles start*****************************************/

.m-form {
    margin-bottom: 0.8rem;
}

.m-form-field {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-form-field__body > :last-child {
    margin-bottom: 0;
}

.m-form-inner {
    display: flex;
    flex-direction: column;
}

    .m-form-inner > [data-order="0"] {
        order: 0;
    }

    .m-form-inner > [data-order="1"] {
        order: 1;
    }

@media print, screen and (min-width: 768px) {
    .m-form--input {
        max-width: 545px;
    }
}

@media print, screen and (min-width: 768px) {
    .m-form--select {
        max-width: 350px;
    }
}

@media print, screen and (min-width: 768px) {
    .m-form--textarea {
        max-width: 930px;
    }
}

.m-form__title,
.m-form__label {
    font-size: 1rem;
    line-height: 1.5;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    color: #000;
    display: block;
}

.m-form__title {
    margin-bottom: 0.9375rem;
}

.m-form--check-list .m-form__title,
.m-form--radio-list .m-form__title {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {

    .m-form--check-list .m-form__title,
    .m-form--radio-list .m-form__title {
        margin-bottom: .5rem;
    }
}

.m-form__label {
    margin-bottom: 0.1875rem;
}

.m-form--check-list .m-form__label {
    position: relative;
    /* display: inline-block; */
    margin-bottom: 0;
    padding-left: 1rem;
    cursor: pointer;
}

.m-form--radio-list .m-form__label {
    vertical-align: top;
    display: block;
    margin-bottom: 1rem;
    margin-right: 0px;
    padding-left: 1.25rem;
    cursor: pointer;
}

.m-form__label label:hover,
.m-form-inner label:hover {
    color: inherit;
}

.m-form__required {
    font-size: 0.75rem;
    color: #fb0020;
    display: inline-block;
    margin-left: 0.75rem;
}

.m-form__input {
    font-size: 1.125rem;
}

.m-form__select {
    position: relative;
    height: 100%;
}

.m-form__select-item::-ms-expand {
    display: none;
}

/* .m-form__select::before, .m-form__select::after {
  content: "";
  position: absolute;
  display: block;
  right: 0.6875rem;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.m-form__select::before {
  bottom: calc(50% + 2px);
  border-bottom: 8px solid #3b3b3b;
}
.m-form__select::after {
  top: calc(50% + 2px);
  border-top: 8px solid #3b3b3b;
} */
.m-form__textarea {
    min-height: 200px;
    line-height: 1.5;
    padding-top: 0.75rem;
    padding-right: 0.9375rem;
    padding-bottom: 0.75rem;
    padding-left: 0.9375rem;
}

.m-form__input,
.m-form__select-item {
    padding-top: 0.1875rem;
    padding-right: 0.625rem;
    padding-bottom: 0.1875rem;
    padding-left: 0.625rem;
}

    .m-form__input:-ms-input-placeholder,
    .m-form__textarea:-ms-input-placeholder {
        color: #8c8c8c;
    }

    .m-form__input::placeholder,
    .m-form__textarea::placeholder {
        color: #8c8c8c;
    }

.m-form__input,
.m-form__select-item,
.m-form__textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #adadad;
    padding: 0.5rem 1rem;
    max-width: 100%;
    border-radius: 0;
    font-size: 1rem;
    display: block;
    line-height: 1.5;
    box-sizing: border-box;
}

.m-form__input {
    width: 100%;
}

.m-form__select-item {
    width: 100%;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    color: var(--color-text-secondary);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
}

    .m-form__input:focus,
    .m-form__input:active,
    .m-form__select-item:focus,
    .m-form__select-item:active,
    .m-form__textarea:focus,
    .m-form__textarea:active {
        /* outline: 1px solid #01916d; */
        border-radius: 0.5px;
        outline-offset: 3px;
        outline: 2px solid #333;
        border-color: #333;
    }

    .m-form__input.-inputed,
    .m-form__select-item.-inputed,
    .m-form__textarea.-inputed {
        background-color: #ffffff;
        color: #333333;
    }

.m-form__checkbox {
    /* border: 1px solid rgb(173, 173, 173);
  border-radius: 2px;
  width: 13px;
  height: 13px; */
    /* position: absolute;
  left: 0;
  top: calc(1.375rem / 2); */
}

.m-form__radio {
    margin-top: 0px;
    display: inline-block;
    margin-left: -1.25rem;
    -webkit-user-select: auto;
    appearance: auto;
}

.m-form__check-item {
    color: var(--color-text);
    margin-left: 6px;
    margin-bottom: 0px;
}

.m-form__checkbox + .m-form__check-item::before,
.m-form__checkbox + .m-form__check-item::after,
.m-form__radio + .m-form__check-item::before,
.m-form__radio + .m-form__check-item::after {
    content: "";
    display: block;
    position: absolute;
}

.m-form__checkbox + .m-form__check-item::before,
.m-form__radio + .m-form__check-item::before {
    left: 0;
    border: 1px solid #ADADAD;
    box-shadow: 0 1px rgba(220, 220, 220, 0.6) inset;
    background-color: #ffffff;
}

.m-form--check-list .m-form__checkbox + .m-form__check-item::before,
.m-form--check-list .m-form__radio + .m-form__check-item::before {
    top: 0.3125rem;
    left: 0.1875rem;
    width: 13px;
    height: 13px;
    border-radius: 2px;
}

.m-form--radio-list .m-form__checkbox + .m-form__check-item::before,
.m-form--radio-list .m-form__radio + .m-form__check-item::before {
    top: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
}

.m-form__checkbox + .m-form__check-item::after,
.m-form__radio + .m-form__check-item::after {
    opacity: 0;
}

.m-form--check-list .m-form__checkbox + .m-form__check-item::after,
.m-form--check-list .m-form__radio + .m-form__check-item::after {
    top: 0.3125rem;
    left: 0.1875rem;
    width: 13px;
    height: 13px;
    background-image: url("../images/icn_check.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.m-form--radio-list .m-form__checkbox + .m-form__check-item::after,
.m-form--radio-list .m-form__radio + .m-form__check-item::after {
    top: 0.75rem;
    left: 0.625rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
}

.m-form__checkbox:focus,
.m-form__checkbox:active,
.m-form__radio:focus,
.m-form__radio:active {
    outline: none;
}

/* .m-form__checkbox:focus + .m-form__check-item::before, .m-form__checkbox:active + .m-form__check-item::before, .m-form__radio:focus + .m-form__check-item::before, .m-form__radio:active + .m-form__check-item::before {
  outline: 1px solid #01916d;
} */
.m-form__checkbox:checked + .m-form__check-item::before,
.m-form__radio:checked + .m-form__check-item::before {
    background-color: #4099fd;
    border-color: #4099fd;
    box-shadow: none;
}

.m-form__checkbox:checked + .m-form__check-item::after,
.m-form__radio:checked + .m-form__check-item::after {
    opacity: 1;
}

.m-form--error__item {
    background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
}

.m-form--error__text {
    display: none;
}

.m-form--error .m-form--error__text {
    display: inline-block;
}

.m-form--error__text[data-order="0"] {
    margin-top: -0.375rem;
    margin-bottom: 0.5rem;
}

.m-form--error__text[data-order="1"] {
    margin-top: 0.4375rem;
}

.m-form--error__text-inner {
    font-size: 0.875rem;
    color: #fb0020;
    vertical-align: middle;
}

.m-form--error__image {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin-right: 0.375rem;
}

.m-form .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5em;
    margin: 0;
}

.m-form--check-list .row,
.m-form--radio-list .row {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
}

.m-form .row .col {
    padding: 0;
}

.m-form .row > .col-6 {
    width: 100%;
    max-width: unset;
}

.m-form--check-list .row > .col {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.m-form--radio-list .row > .col {
    padding-top: 0;
    padding-bottom: 0;
}

/***************************Form Styles End*****************************************/

/*******************************Vertical Container***************************************************/

.m-vertical-container {
    margin-top: 2rem;
    margin-bottom: 5rem;
}


@media print, screen and (min-width: 768px) {
    .m-vertical-container {
        margin-top: 3rem;
    }

    .m-vertical-container--style_2column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr;
    }

    .m-vertical-container--style_3column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr;
    }

    .m-vertical-container--style_3column_newsroom .row {
        margin: 0;
        display: grid;
        gap: 2.5rem var(--gap);
        grid-template-columns: 1fr 1fr 2fr;
    }

    .m-vertical-container--style_4column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media print, screen and (max-width: 768px) {
    .m-vertical-container--style_3column_newsroom .row {
        margin: 0;
        display: grid;
        gap: 2.5rem var(--gap);
        grid-template-columns: 1fr;
    }
}

/* .m-vertical-container * .m-vertical-container {
  margin-top: 1rem;
}
.m-vertical-container .m-vertical-container__col {
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .m-vertical-container .m-vertical-container__col {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container .m-vertical-container__col {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
} */
@media print, screen and (min-width: 768px) {
    /* .m-vertical-container--style_2column .m-vertical-container__col {
    flex: 0 0 50%;
    max-width: 50%;
  } */

    /* .m-vertical-container--style_3column .m-vertical-container__col {
    max-width: calc(100% / 3 - 0.01px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 0.01px);
  } */

    /* .m-vertical-container--style_4column .m-vertical-container__col {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m-vertical-container--style_4column .m-card__description {
    font-size: 0.875rem;
  } */
}

/* .m-vertical-container .m-card {
  border-bottom: 1px solid #dcdcdc;
} */
/* .m-vertical-container .m-card__body {
  padding-bottom: 0.5rem;
} */
.m-vertical-container .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-vertical-container .m-card__headline {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_2column .m-card__headline {
        margin-bottom: 1.5rem;
    }
}

.m-vertical-container .m-card__title {
    font-size: 18px;
    margin-right: 0;
}

.m-vertical-container .m-card__headline .m-label--new {
    margin-left: 12px;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_4column .m-card__headline .m-label--new {
        margin-left: 0;
    }
}

.m-vertical-container .m-card__description {
    margin-bottom: 1rem;
    line-height: 1.75;
    font-size: 14px;
    overflow-wrap: anywhere;
}

    .m-vertical-container .m-card__description > p {
        font-size: inherit;
    }

.m-vertical-container .m-card__tag {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.m-vertical-container .m-card__badge {
    margin-bottom: 0.5rem;
}

.m-vertical-container .m-card__btns .m-link-list .m-link-list__body {
    margin-top: 0;
    margin-bottom: 0;
}

@media print, screen and (max-width: 767px) {
    .m-card__btns .m-btn {
        margin-right: 0;
        display: block;
    }
}

/*************************************Vertical Container End***********************/
/*News Listing*/
.m-news-list {
    padding-top: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-news-list__item {
    margin-bottom: 1.5rem;
}

.m-news-list__data,
.m-news-list__date {
    font-size: 12px;
    color: #000;
    font-family: var(--font-normal, sans-serif);
}

.m-news-list__text {
    font-size: 14px;
    margin-bottom: 0;
    font-family: var(--font-medium, sans-serif);
}

    .m-news-list__text .btn {
        color: #000;
        margin-bottom: 0;
        margin-right: 0;
    }

        .m-news-list__text .btn:hover,
        .m-news-list__text .btn:active,
        .m-news-list__text .btn:focus {
            text-decoration: none;
            color: #01916d;
        }

    .m-news-list__text span {
        line-height: 1.5;
    }

@media print, screen and (min-width: 768px) {
    .m-news-list__item {
        display: flex;
        align-items: self-start;
    }

    .m-news-list__body {
        flex: 1;
    }

    .m-news-list__date {
        padding-right: 1rem;
        margin-right: 1rem;
        position: relative;
    }

        .m-news-list__date::after {
            content: "";
            width: 0.0625rem;
            height: 0.625rem;
            background-color: #8c8c8c;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -0.3125rem;
        }

        .m-news-list__date span {
            display: inline-block;
            width: 14em;
            /* white-space: nowrap; */
        }

    .m-news-list__item.-light .m-news-list__date::after {
        background-color: #dcdcdc;
    }

    .m-news-list__text {
        font-size: 1rem;
    }

    .m-news-list__data,
    .m-news-list__date {
        font-size: 14px;
    }
}

/*News Lisitng End*/
/***************************Header*****************************************/
.m-header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 50;
    font-family: var(--font-medium, sans-serif);
}

    .m-header.is-set .m-header__body {
        display: block;
    }

.m-header__body {
    display: none;
    position: relative;
    background-color: #ffffff;
    z-index: 1;
}

    .m-header__body[hidden] {
        display: none !important;
    }

.m-header__body-inner {
    background-color: #fff !important;
}

.m-header::after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    background-color: #000;
    opacity: 0;
    transition: opacity .2s;
}

.m-header.is-backdrop::after {
    pointer-events: auto;
    opacity: .3;
}

.m-header__head {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    z-index: 1;
}

.m-header__head-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    padding: 3.2rem 2rem 2.4rem;
}

.m-header__title {
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.m-header__logo {
    display: block;
}

.m-header__region {
    font-size: 0.875rem;
    letter-spacing: 0.84px;
    color: #333;
}

.m-header__menu-pc {
    display: flex;
    column-gap: 24px;
    align-items: center;
}

.m-header__link {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 0.875rem;
}

.m-header__link-text {
    color: #000000;
    font-size: 0.75rem;
    letter-spacing: 0.36px;
}

    .m-header__link-text:hover {
        opacity: 0.6;
        color: #000000;
    }

.m-header__link-text-icon {
    margin-top: 5px;
    margin-left: 4px;
}

.m-header__btn {
    display: none;
}

.m-header__search-sp {
    display: none;
}

.m-header__menu-sp {
    display: none;
}

.m-header__search {
    position: relative;
}

.m-header__search-btn {
    display: flex;
    align-items: center;
}

.m-header__search-pc .m-header__search {
    max-width: 486px;
    margin: 5.9375rem 0 0 auto;
}

.m-header__search-pc .m-header__search-input {
    position: relative;
    width: 100%;
    border: 0;
    background: #FFF;
    box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 1.875rem 3.5rem 1.875rem 2rem;
}

    .m-header__search-pc .m-header__search-input::placeholder {
        color: rgba(81, 81, 81, 0.30);
        font-size: 1.5rem;
    }

.m-header__search-button {
    display: flex;
    position: absolute;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
}

.m-header__search-icon {
    width: 24px;
    height: 24px;
}

.m-header__search-btn.is-open .m-header__search-icon {
    display: none;
}

.m-header__search-btn.is-open {
    width: 30px;
    height: 30px;
}

    .m-header__search-btn.is-open::before {
        position: absolute;
        content: "";
        display: block;
        top: 15px;
        left: 50%;
        width: 28px;
        height: 2px;
        background-color: #000000;
        transform: translateX(-50%) rotate(-45deg);
    }

    .m-header__search-btn.is-open::after {
        position: absolute;
        content: "";
        display: block;
        top: 15px;
        left: 50%;
        width: 28px;
        height: 2px;
        background-color: #000000;
        transform: translateX(-50%) rotate(45deg);
    }

.m-header__search-dialog::backdrop {
    visibility: hidden;
    background: rgba(0, 0, 0, .07);
    opacity: 0;
    transition: opacity .4s ease-out, visibility .4s ease-out;
}

.m-header__search-dialog.is-open::backdrop {
    visibility: visible;
    opacity: 1;
}

.m-header__search-dialog {
    width: 100%;
    overflow: visible;
    visibility: hidden;
    background-color: transparent;
    border: 0;
    opacity: 0;
    transition: opacity .4s ease-out, visibility .4s ease-out;
}

.m-header__search-dialog-inner {
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}

.m-header__search-dialog:modal {
    position: absolute;
    bottom: 0;
    right: 0;
    inset-block-start: 0px;
    inset-block-end: 0px;
}

.m-header__search-dialog.is-open {
    visibility: visible;
    opacity: 1;
}



@media screen and (max-width: 767px) {
    .m-header__head-inner {
        column-gap: 10px;
    }

    .m-header__body {
        position: absolute;
        right: 0;
        left: 0;
        overflow: hidden;
        transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .m-header__body-inner {
        height: calc(100dvh - 92px);
        /*   padding: 0.875rem 2rem; */
        overflow-y: scroll;
        overflow-x: hidden;
        background: #ebebeb;
        padding: 0 !important
    }

    .m-header__search {
        position: absolute;
    }

    .m-global-menu {
        top: 100px;
    }

    .m-global-menu__item {
        padding-left: 0;
        padding-right: 0
    }

    .m-global-menu__list {
        display: flex !important;
        flex-direction: column !important;
    }

    .m-header__menu-pc {
        display: none;
    }

    .main-nav .megamenu button {
        font-weight: 400;
        line-height: 1.35;
        color: #000;
        background: #fff;
        position: relative;
        display: block;
        width: 100%;
        padding: 9px 30px 9px 20px;
        border: 0;
        border-bottom: 1px solid #e3e3e3;
        text-align: center;
        font-size: 15px;
    }

        .main-nav .megamenu button:before {
            -webkit-transform: rotateZ(180deg) translate(0, 50%);
            transform: rotateZ(180deg) translate(0, 50%);
            font-size: 90%;
            color: #01916d;
            position: absolute;
            top: 54%;
            left: 20px;
            padding: 0 0 0 5px;
            content: " ❯";
        }

    .main-nav .megamenu__title > a {
        font-weight: 400;
        line-height: 1.35;
        color: #000;
        position: relative;
        display: block;
        padding: 9px 30px 9px 20px;
        border-bottom: 1px solid #e3e3e3;
        text-decoration: none;
    }

        .main-nav .megamenu__title > a:after {
            transform: translate(0, -50%);
            font-family: Arial;
            font-size: 90%;
            text-decoration: none;
            color: #01916d;
            position: absolute;
            top: 50%;
            right: 24px;
            display: inline-block;
            content: " ❯";
        }


    /*.megamenu__nav .col-sm-4 {
	width: 100%
} */

    .nav-level3 {
        display: flex;
        flex-direction: column;
    }

        .nav-level3 .col-sm-6 {
            width: 100%
        }

    .megamenu__title a {
        font-size: 12px;
    }

    .m-global-menu__top-link-txt {
        padding-left: 30px;
    }

    .m-header__btn {
        flex-shrink: 0;
        position: relative;
        display: block;
        width: 50px;
        height: 30px;
        overflow: hidden;
    }

    .m-header__btn-txt {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 100%;
        color: rgba(0, 0, 0, 0);
    }

        .m-header__btn-txt::before {
            position: absolute;
            content: "";
            display: block;
            top: 22px;
            left: 15px;
            width: 19.5px;
            height: 2px;
            background-color: #000000;
            transition: transform 0.2s;
        }

    .m-header__btn::before,
    .m-header__btn::after {
        position: absolute;
        content: "";
        display: block;
        left: 15px;
        width: 19.5px;
        height: 2px;
        background-color: #000000;
        transition: transform 0.2s;
    }

    .m-header__btn::before {
        top: 8px;
    }

    .m-header__btn::after {
        bottom: 13px;
    }

    .m-header__btn[aria-expanded="true"]::before {
        top: 14px;
        width: 23px;
        transform: rotate(45deg);
    }

    .m-header__btn[aria-expanded="true"]::after {
        transform: translateX(200%);
    }

    .m-header__btn[aria-expanded="true"] .m-header__btn-txt::before {
        top: 14px;
        width: 23px;
        transform: rotate(-45deg);
    }

    .m-header__title {
        column-gap: 16px;
    }

    .m-header__head-inner {
        padding: 1.5625rem 1.5rem 1.5625rem 1.7rem;
    }

    .m-header__region {
        line-height: 21px;
    }

    .m-header__region-txt {
        display: inline-block;
    }

    .m-header__search-sp {
        display: block;
    }

    .m-header__search-input {
        position: relative;
        width: 100%;
        border: 0;
        background: #F6F7F6;
        padding: 1.25rem 3.5rem 1.25rem 1.25rem;
    }

        .m-header__search-input::placeholder {
            color: rgba(81, 81, 81, 0.30);
            font-size: 1.25rem;
        }

    .m-header__search-button {
        display: flex;
        position: absolute;
        align-items: center;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }

    .m-header__search-icon {
        width: 24px;
        height: 24px;
    }

    .m-header__menu-sp {
        display: block;
        margin-top: 2rem;
    }

    .m-header__select {
        position: relative;
        width: fit-content;
    }

        .m-header__select::after {
            position: absolute;
            display: block;
            width: 8px;
            height: 8px;
            content: "";
            border-top-style: solid;
            border-top-width: 1px;
            border-right-style: solid;
            border-right-width: 1px;
            top: 40%;
            translate: 0 -50%;
            rotate: 135deg;
            right: 2px;
        }

    .m-header__select-inner {
        padding-right: 1.625rem;
    }

    .m-header__link {
        margin-top: 24px;
    }

    .m-header__link-text {
        font-size: 1rem;
    }

    .m-header__link-text-icon {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .megamenu__nav {
        display: flex !important;
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 767px) {
    .megamenu__nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}



@media only screen and (min-width: 768px) {
    .m-global-menu {
        position: relative;
        transition: height 0.4s linear;
        background-color: #ffffff;
    }

        .m-global-menu.is-set .m-global-menu__contents {
            display: block;
        }



    .m-global-menu__item {
        margin-bottom: 0;
    }

    .m-global-menu__inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1184px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        /*padding-right: 2rem;
        padding-left: 2rem; */
    }

    .m-global-menu__contents {
        /* display: none; */
        position: absolute;
        left: 0;
        width: 100%;
        overflow: hidden;
        transition: .4s height ease-out;
        background-color: #fff;
    }

        .m-global-menu__contents[hidden] {
            display: none !important;
        }

        .m-global-menu__contents .btn-lg {
            min-height: unset;
        }

        .m-global-menu__contents .btn-inner {
            font-size: 14px;
        }

        .m-global-menu__contents .m-banner--style_4column .row {
            padding: 0;
            margin: 0;
        }

        .m-global-menu__contents .row {
            display: grid;
            gap: 20px var(--gap);
        }

            /* @media print, screen and (min-width: 768px) {
    .m-global-menu__contents .row {
        grid-template-columns: repeat(4,1fr);
    }
} */

            .m-global-menu__contents .row > .col-3 {
                width: unset;
            }

            .m-global-menu__contents .row .m-btn {
                margin-bottom: 0;
            }

        .m-global-menu__contents .m-btn .btn-secondary {
            padding: 18px 27px;
            max-height: 50px;
        }

            .m-global-menu__contents .m-btn .btn-secondary::after {
                content: unset;
            }

        .m-global-menu__contents .m-link-list__item a {
            display: flex;
            align-items: center;
        }

        .m-global-menu__contents .m-link-list__item img {
            margin-right: 10px;
        }

        .m-global-menu__contents .m-link-list__item a {
            flex-wrap: nowrap;
        }

    .m-global-menu__contents-inner {
        max-width: 1184px;
        /* margin-inline: auto;
        padding-inline: 2rem;
        padding: 0rem 2rem;*/
    }

    .m-global-menu__list {
        display: flex;
        column-gap: 20px;
    }


    .m-global-menu__link {
        color: #000000;
    }

        .m-global-menu__link::after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background-color: rgba(0, 0, 0, 0);
            flex-shrink: 0;
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0s linear .4s;
            /*border-bottom: 2px solid #333; */
        }

        .m-global-menu__link:hover {
            color: #000000;
        }

            .m-global-menu__link:hover::after {
                background-color: #333;
                transform: scaleX(1);
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                transition-delay: 0s, 0s;
            }

    .m-global-menu__sub-menu__contents-inner {
        max-width: 1184px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        /* padding-right: 2rem;
    padding-left: 2rem; */
    }

    .m-global-menu__top-link-txt {
        position: relative;
        display: inline-block;
        padding-right: 38px;
        font-size: 1.5rem;
        font-weight: bold;
        color: #000000;
    }

        .m-global-menu__top-link-txt::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 28px;
            height: 28px;
            background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_arrow.svg');
        }

        .m-global-menu__top-link-txt:hover {
            opacity: 0.6;
            color: #000000;
        }
}


/* @media screen and (max-width: 920px) {
    .m-header.type2 .m-global-menu {
        margin-top: 24px;
    }

    .m-header.type2 .m-global-menu__list {
        display: block;
    }
	
	
	
    .m-header.type2 .m-global-menu__inner {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .m-header.type2 .m-global-menu__contents {
        position: static;
    }

    .m-header.type2 .m-global-menu__link {
        position: relative;
        display: block;
        padding: 1.2rem 2rem 1.2rem 0;
        font-size: 1.375rem;
    }

        .m-header.type2 .m-global-menu__link[role="button"]::before,
        .m-header.type2 .m-global-menu__link[role="button"]::after {
            position: absolute;
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            right: 11px;
            display: block;
            width: 2px;
            height: 21px;
            content: "";
            transition: rotate .2s;
            background: #5C5C5C;
            transform: translateY(-50%);
        }

        .m-header.type2 .m-global-menu__link[role="button"]::after {
            top: 49%;
            transform: translateY(-50%) rotate(90deg);
            right: 10px;
        }

        .m-header.type2 .m-global-menu__link[role="button"]:hover::after {
            transform: translateY(-50%) rotate(90deg);
        }

        .m-header.type2 .m-global-menu__link:not([role="button"]):hover::after {
            display: none;
        }

        .m-header.type2 .m-global-menu__link[role="button"][aria-expanded="true"]::before {
            display: none;
        }

    .m-header.type2 .m-global-menu__contents-inner {
        padding: 0.5rem 0 2rem;
    }

    .m-header.type2 .m-global-menu__top-link-txt {
        font-size: 1.125rem;
        font-weight: normal;
        padding-right: 0;
    }

        .m-header.type2 .m-global-menu__top-link-txt::after {
            display: none;
        }
}
*/
/* @media screen and (max-width: 767px) {
    .m-global-menu {
        margin-top: 24px;
    }

    .m-global-menu__list {
        display: block;
    }

    .m-global-menu__inner {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .m-global-menu__contents {
        position: static;
    }

    .m-global-menu__link {
        position: relative;
        display: block;
        padding: 1.2rem 2rem 1.2rem 0;
        font-size: 0.875rem;
    }

        .m-global-menu__link[role="button"]::before, .m-global-menu__link[role="button"]::after {
            position: absolute;
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            right: 11px;
            display: block;
            width: 2px;
            height: 21px;
            content: "";
            transition: rotate .2s;
            background: #5C5C5C;
            transform: translateY(-50%);
        }

        .m-global-menu__link[role="button"]::after {
            top: 49%;
            transform: translateY(-50%) rotate(90deg);
            right: 10px;
        }

        .m-global-menu__link[role="button"]:hover::after {
            transform: translateY(-50%) rotate(90deg);
        }

        .m-global-menu__link:not([role="button"]):hover::after {
            display: none;
        }

        .m-global-menu__link[role="button"][aria-expanded="true"]::before {
            display: none;
        }

    .m-global-menu__contents-inner {
        padding: 0.5rem 0 2rem;
    }

    .m-global-menu__top-link-txt {
        font-size: 1.125rem;
        font-weight: normal;
        padding-right: 0;
    }

        .m-global-menu__top-link-txt::after {
            display: none;
        }
} */
@media screen and (max-width: 1156px) {
    .m-global-menu__list {
        column-gap: 16px;
    }

    .main-nav .main > li {
        padding: 0 0.4rem
    }
}



@media screen and (max-width: 1110px) {
    .m-global-menu__list {
        column-gap: 14px;
    }

    .main-nav .main > li {
        padding: 0 0.2rem
    }

        .main-nav .main > li:first-child {
            padding-right: 0 !important
        }
}

@media screen and (max-width: 1050px) {
    .m-global-menu__list {
        column-gap: 8px;
    }

    .main-nav .main > li {
        padding: 0 0rem
    }

    .m-header__menu-pc {
        column-gap: 10px;
    }
}

/********************************Header Ends****************************************/

/********************************List Starts****************************************/

.list-style-disc {
    list-style-type: disc;
    padding-left: 1.5rem;
}

.m-list,
.m-list--column {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {

    .m-list,
    .m-list--column {
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }
}

/********************************List Ends****************************************/

/********************************Box Styles Starts****************************************/
.m-box-inquiry {
    border: 4px solid #8c8c8c;
    padding-top: 0.875rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
}

.m-box-inquiry__text {
    font-size: 0.875rem;
}

.m-box-field {
    page-break-inside: avoid;
    background-color: #ffffff;
    /*  border: 4px solid #8c8c8c;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
    padding-right: 1.875rem;
    padding-bottom: 2rem;
    padding-left: 1.875rem;*/
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    display: flex;
    gap: var(--gap);
    border: 1px solid var(--color-border);
    padding: var(--gap);
}

@media print, screen and (min-width: 768px) {
    .m-box-field {
        padding: 32px;
    }
}

@media screen and (max-width: 767px) {
    .m-box-field {
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding: var(--container-padding);
    }
}

.m-box-field.m-box-field--style_thin-gray {
    border-width: 1px;
    /*  background-color: #f6f6f6;*/
    background: var(--color-bg-secondary);
}

.m-box-field.m-box-field--style_black-white {
    /*  border-color: #333333;*/
    border: 2px solid #333333;
}

.m-box-field.m-box-field--style_green-green {
    border-color: #01916d;
    background-color: #f3fefb;
}

.m-box-field.m-box-field--style_green-white {
    /*  border-color: #01916d;*/
    border: 2px solid #01916d;
}

.m-box-field h1,
.m-box-field h2,
.m-box-field h3,
.m-box-field h4,
.m-box-field h5,
.m-box-field h6,
.m-box-field .m-paragraph {
    margin-top: 0;
}

.m-box-field .m-img-paragraph {
    margin: 0;
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph__img {
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph__img {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph--size_small .m-img-paragraph__img {
        width: calc(var(--col-width)*2 + var(--gap));
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph--size_small .m-img-paragraph__img {
        width: calc((800% - 4 * var(--gap))/12);
    }
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        width: calc(var(--col-width)*4 + var(--gap)*3);
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        padding: 0 1rem;
        width: 100%;
    }
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        width: calc((600% - 6 * var(--gap))/12);
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        padding: 0 1rem;
        width: 100%;
    }
}

.m-attention-box {
    display: flex;
    border-radius: 5px;
    margin-top: 2rem;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
}

@media print, screen and (min-width: 768px) {
    .m-attention-box {
        align-items: center;
    }
}

.m-attention-box__icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 0.125rem;
}

.m-attention-box__body {
    flex: 1;
}

.m-attention-box__title {
    font-size: 1.125rem;
}

.m-attention-box__text {
    line-height: 1.5;
}

    .m-attention-box__text > :first-child {
        margin-top: 0;
    }

    .m-attention-box__text > :last-child {
        margin-bottom: 0;
    }

.m-attention-box.m-attention-box--style_attention {
    /*background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
    color: #fb0020;
    padding-top: 1.5rem;
    padding-right: 1.25rem;
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;*/
    color: var(--color-text-red);
    background-color: var(--color-bg-red);
    border: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 1rem;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

.m-attention-box__title {
    margin-bottom: 6px;
}

.m-attention-box.m-attention-box--style_attention .m-attention-box__title,
.m-attention-box.m-attention-box--style_information .m-attention-box__title {
    margin-top: 0;
}

@media print, screen and (min-width: 768px) {
    .m-attention-box {
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }

    /*  .m-attention-box.m-attention-box--style_attention {
      padding-top: 1rem;
      padding-right: 2.25rem;
      padding-bottom: 1rem;
      padding-left: 2.25rem;
    }*/
}

.m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.7709%2016.7778H13.0626L12.4584%209.11111L12.3959%206.36111H15.4584L15.3959%209.11111L14.7709%2016.7778Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M15.8126%2020.2778C15.8126%2021.3611%2014.9584%2022.0903%2013.9167%2022.0903C12.8751%2022.0903%2012.0209%2021.3611%2012.0209%2020.2778C12.0209%2019.1944%2012.8751%2018.4444%2013.9167%2018.4444C14.9584%2018.4444%2015.8126%2019.1944%2015.8126%2020.2778Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28%2014C28%2021.732%2021.732%2028%2014%2028C6.26801%2028%200%2021.732%200%2014C0%206.26801%206.26801%200%2014%200C21.732%200%2028%206.26801%2028%2014ZM25.6667%2014C25.6667%2020.4433%2020.4433%2025.6667%2014%2025.6667C7.55668%2025.6667%202.33333%2020.4433%202.33333%2014C2.33333%207.55668%207.55668%202.33333%2014%202.33333C20.4433%202.33333%2025.6667%207.55668%2025.6667%2014Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-position: center top;
    width: 3.5rem;
    height: 28px;
}

@media print, screen and (min-width: 768px) {
    /*  .m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
      width: 3rem;
      height: 3rem;
      margin-right: 2rem;
    }*/
}

@media print, screen and (max-width: 767px) {
    .m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
        top: 0;
    }
}


.m-attention-box.m-attention-box--style_information {
    color: var(--color-text-blue);
    background-color: var(--color-bg-blue);
    border: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 1rem;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

    .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2020.625C16.7635%2020.625%2020.625%2016.7635%2020.625%2012C20.625%207.23654%2016.7635%203.375%2012%203.375C7.23654%203.375%203.375%207.23654%203.375%2012C3.375%2016.7635%207.23654%2020.625%2012%2020.625ZM12%2022.5C17.799%2022.5%2022.5%2017.799%2022.5%2012C22.5%206.20101%2017.799%201.5%2012%201.5C6.20101%201.5%201.5%206.20101%201.5%2012C1.5%2017.799%206.20101%2022.5%2012%2022.5ZM13.5%207.5C13.5%208.32843%2012.8284%209%2012%209C11.1716%209%2010.5%208.32843%2010.5%207.5C10.5%206.67157%2011.1716%206%2012%206C12.8284%206%2013.5%206.67157%2013.5%207.5ZM10.875%2010.5V18H13.125V10.5H10.875Z%22%20fill%3D%22%230081C0%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        background-position: center top;
        width: 3rem;
        height: 24px;
    }

@media print, screen and (min-width: 768px) {
    /*  .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 1rem;
    }*/
}

@media print, screen and (max-width: 767px) {
    .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
        top: 0;
    }
}

/********************************Box Styles Ends****************************************/

@media print, screen and (max-width: 767px) {
    /* .contact-us .m-heading-3__title {
        text-align: left !important;
    } */

    .contact-us .m-vertical-container--style_3column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr;
    }
}

:where(input[type=text], input[type=search], input[type=email], input[type=url], input[type=password], input[type=date], input[type=time], input[type=number], input[type=tel], textarea) {
    /*background-color: var(--color-bg-secondary); */
    font-family: sans-serif !important;
    padding: .75rem 1rem;
    /* border:1px solid var(--color-bg-secondary); */
    line-height: 1.5;
    /* display: block; */
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .m-global-header__langs {
        font-size: 12px;
    }
}

.insight__content .m-vertical-card {
    margin-top: 1.4rem !important;
}

.insight__content .card_3row {
    margin-top: 0 !important;
}

@media print, screen and (min-width: 768px) {

    a:hover img,
    button:hover img,
    label:hover img {
        opacity: .6;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    }
}

.m-footer__body-bottom p {
    margin-bottom: 0 !important;
    font-size: 12.8px !important;
}

@media print, screen and (max-width: 998px) {
    .m-breadcrumb--forHeader {
        padding-top: 0px !important;
        margin-top: 6rem;
    }
}

.m-slider__body:before,
.m-slider__body:after {
    content: "" !important;
    display: table !important;
}

.m-slider__body:after {
    clear: both !important;
}

.m-slider__item a {
    position: relative;
}

.section a {
    color: #01916d;
}

    .section a:hover {
        text-decoration: underline
    }

.bnr-01 > a .group {
    color: #000
}


@media print,screen and (min-width: 768px) {
    .m-site-header__langs {
        font-size: 12px;
        position: absolute;
        top: 4.25rem
    }

        .m-site-header__langs:nth-last-child(1) {
            right: 0
        }

        .m-site-header__langs:nth-last-child(2) {
            right: 37px
        }
}

@media screen and (max-width: 767px) {
    .m-site-header__langs {
        order: 1;
        width: 100%;
        margin-left: -1rem;
        margin-top: 2rem
    }
}

.m-global-header__langs select {
    border: none !important;
    color: var(--color-text) !important;
    width: 106px !important;
}

@media print,screen and (max-width: 998px) {
    .m-global-header__langs select {
        width: auto !important;
    }
}


@media print,screen and (min-width: 768px) {
    .m-global-header__langs select {
        padding-right: 1.4rem !important
    }
}


.m-global-header__langs select {
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    color: var(--color-text-secondary);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
    line-height: 24px
}

.sitecoremvcform select {
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
    border: 1px solid #adadad;
    padding-top: 0.5rem;
}


form select {
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
    border: 1px solid #adadad;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 2.5rem !important;
}

.m-banner a:hover .image-hdg {
    color: #000 !important;
}

.l-primary {
    border-bottom: 1px solid rgba(0,0,0,0)
}

    .l-primary > *:first-child {
        margin-top: 0
    }

    .l-primary:after {
        content: "";
        display: block
    }

@media print,screen and (min-width: 768px) {
    .l-primary:after {
        margin-top: 10rem
    }
}

@media screen and (max-width: 767px) {
    .l-primary:after {
        margin-top: 7.5rem
    }
}

@media print,screen and (min-width: 768px) {
    .l-primary_container-wide, .l-primary_container, .l-primary_container-thin {
        /* margin-top:7.5rem; */
        margin-bottom: 7.5rem
    }
}

@media screen and (max-width: 767px) {
    .l-primary_container-wide, .l-primary_container, .l-primary_container-thin {
        /* margin-top:5rem; */
        margin-bottom: 5rem
    }
}

.l-secondary {
    background-color: var(--color-bg-secondary);
    border-top: 1px solid rgba(0,0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0)
}

    .l-secondary:before, .l-secondary:after {
        content: "";
        display: block
    }

@media print,screen and (min-width: 768px) {
    .l-secondary:before {
        margin-bottom: 10rem
    }
}

@media screen and (max-width: 767px) {
    .l-secondary:before {
        margin-bottom: 7.5rem
    }
}

@media print,screen and (min-width: 768px) {
    .l-secondary:after {
        margin-top: 10rem
    }
}

@media screen and (max-width: 767px) {
    .l-secondary:after {
        margin-top: 7.5rem
    }
}

@media print,screen and (min-width: 768px) {
    .l-secondary_container, .l-secondary_container-thin, .l-secondary_container-wide {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem
    }
}

@media screen and (max-width: 767px) {
    .l-secondary_container, .l-secondary_container-thin, .l-secondary_container-wide {
        margin-top: 5rem;
        margin-bottom: 5rem
    }
}

@media print {
    .l-secondary {
        background-color: rgba(0,0,0,0);
        border-top-color: #858585
    }

        .l-secondary:before {
            margin-bottom: 5rem
        }

        .l-secondary:after {
            margin-top: 5rem
        }
}

.container-wide, .container-thin, .container-fluid {
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}



@media print,screen and (min-width: 768px) {
    .container {
        max-width: 1160px
    }
}

@media print,screen and (min-width: 768px) {
    .container-wide {
        max-width: 1400px;
    }
}

@media print,screen and (min-width: 768px) {
    .container-thin {
        max-width: 1160px
    }

    .container-thin__body {
        width: calc(83.3333333333% - .01px);
        margin-left: auto;
        margin-right: auto
    }
}

@media print {
    .container, .container-wide {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media print,screen and (min-width: 768px) {
    .m-nav-item__sub {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: calc(var(--vw)*100);
        background-color: #fff;
        z-index: 400;
        margin-top: .5rem
    }

        .m-nav-item__sub .container-wide {
            padding-top: 2rem;
            padding-bottom: 4rem
        }

        .m-nav-item__sub:before {
            pointer-events: none;
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, white 50%);
            background-size: 100% 200%;
            background-position: 0 100%;
            transition: background-position .2s cubic-bezier(0.445, 0.05, 0.55, 0.95) .4s,opacity .4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
            z-index: 1
        }
}

@media screen and (max-width: 767px) {
    .m-nav-item__sub .container-wide {
        padding-left: 0;
        padding-right: 0;
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media print,screen and (min-width: 768px) {
    .m-nav-item__top {
        font-family: var(--font-bold-conde, sans-serif);
        font-weight: 700;
        font-size: 24px;
        display: block;
        line-height: 1.5;
        margin-bottom: 28px
    }

        .m-nav-item__top:after {
            -webkit-mask-image: var(--i-circle-r);
            width: 35px;
            height: 35px;
            background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
            margin-top: -0.2em
        }

        .m-nav-item__top:hover {
            opacity: .6;
            color: var(--color-text)
        }
}

@media screen and (max-width: 767px) {
    .m-nav-item__top {
        display: block;
        font-family: var(--font-medium-conde, sans-serif);
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 2rem
    }

        .m-nav-item__top:after {
            display: none
        }
}

@media print,screen and (min-width: 768px) {
    .m-nav-item__product-label {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .m-nav-item__product-label {
        font-size: 20px;
        margin-bottom: 1.5rem
    }

        .m-nav-item__product-label + .m-nav-item__primary {
            padding-left: 1rem
        }
}

.m-nav-item__primary .c-container > *:first-child {
    margin-top: 0
}

.m-nav-item__primary .c-container > *:last-child {
    margin-bottom: 0
}

@media print,screen and (min-width: 768px) {
    .m-nav-item__secondary {
        margin-top: 28px
    }
}

@media screen and (max-width: 767px) {
    .m-nav-item__secondary {
        margin-top: 2rem
    }
}

@media print,screen and (min-width: 768px) {
    .m-nav-item__aside {
        margin-top: 28px
    }
}

@media screen and (max-width: 767px) {
    .m-nav-item__aside {
        display: none
    }
}
html {font-weight: normal;font-family: "UD Shin Go SC Regular";}@media print, screen and (min-width: 768px) {html {font-family: "UD Shin Go SC Regular";}}h1, h5, h6, b, strong {font-family: "UD Shin Go SC Medium" !important;font-weight: bold;}h2, h3, h4 {font-weight: normal;font-family: "UD Shin Go SC Regular" !important;}section {font-family: "UD Shin Go SC Light" !important;}.m-heading-1__title, .m-heading-5__title, .m-heading-6__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-heading-2__title, .m-heading-3__title, .m-heading-4__title {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}.m-heading-1__title-sub {font-weight: normal;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-heading-1__title-sub {font-family: "UD Shin Go SC Regular" !important;}}.font-weight-bold {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.font-weight-regular {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.font-weight-regular {font-family: "UD Shin Go SC Regular" !important;}}.m-attention-box__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-vertical-card .m-card__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-phone-number__number {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-contact__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-context-menu__heading > [class*=__title] {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-context-menu__heading > [class*=__title] {font-family: "UD Shin Go SC Regular" !important;}}.m-related-content .m-card__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}@media print, screen and (min-width: 768px) {.m-related-content .m-card__description {font-family: "UD Shin Go SC Medium" !important;font-weight: 300 !important;}}.m-vertical-container .m-card__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-panel-feature__title {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-panel-feature__title {font-family: "UD Shin Go SC Regular" !important;}}.m-panel-links__item-label {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-panel-links__item-label {font-family: "UD Shin Go SC Regular" !important;}}.m-feature-large__title {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-feature-large__title {font-family: "UD Shin Go SC Regular" !important;}}.m-feature-small__label {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-feature-small__label {font-family: "UD Shin Go SC Regular" !important;}}.m-feature-story__title {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-feature-story__title {font-family: "UD Shin Go SC Regular" !important;}}.m-content-header__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-picture-panel__subtitle {font-weight: normal !important;font-family: "UD Shin Go SC Regular" !important;}@media print, screen and (min-width: 768px) {.m-picture-panel__subtitle {font-family: "UD Shin Go SC Regular" !important;}}.m-footer-links__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-footer-sitemap__head {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-global-menu__sub-menu__contents__item__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-filter__result__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}.m-filter__related__title {font-family: "UD Shin Go SC Medium" !important;font-weight: bold !important;}@media only screen and (min-width: 999px), print {.main-nav .main > li > a, .main-nav .share-contact > li > a {font-size: 16px !important;}}@media screen and (max-width: 767px) {.m-global-menu__link {font-size: 16px !important;}}.nav-level2__link, .m-header__link, .m-footer_nav-child-item, .m-footer__nav-title, .m-nav-item__label, .m-global-menu__link, .m-footer__group, .m-footer__copyright, .megamenu__title, .sticky-buttons a span, .m-breadcrumb__body li a, .m-footer__group-title-text {font-family: "UD Shin Go SC Regular" !important;}.nav-level3 li a {font-family: "UD Shin Go SC Light" !important;font-weight: 400 !important;}.m-news-list__text, .m-news-list__date,.m-card__description,.listing-description, .left-container section, .right-container .aside {font-family: "UD Shin Go SC Light" !important;font-weight: 300 !important;}.m-title-hero__body,.m-breadcrumb__item,.m-footer__group-link,.m-footer__other-links-link,.m-footer__nav-btn, .bnr-01>a .group>.hdg {font-family: "UD Shin Go SC Medium" !important;font-weight: 700 !important;}