﻿.bg-breadcrumb {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(19 1 201 / 90%), rgba(0, 0, 0, 0.2)), url(../img/bg-breadcrumb.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 60px 0;
    transition: 0.5s;
}


.elementor-521 .elementor-element.elementor-element-a60b7c1 {
    font-family: "Lexend", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #212D31;
}

.navbar-nav .nav-item > a {
    padding-right: 15px;
    color: #ff6b00;
    font-weight: bold;
}

.blink {
    animation: blinker 1.5s linear infinite;
    color: red;
    font-family: sans-serif;
}

body {
    /*background-color: #fff;*/ /* url('img_girl.jpg');29/01 */
    margin: 0;
    padding: 0;
    /*background-image: url("C:/Users/sarit/OneDrive/Project/repos/ACsApplication/ACsApplication/wwwroot/css/images/bgblue.png");*/ /* replace with your image path */
    background-size: cover; /* ensures image covers the entire page */
    background-position: center; /* centers the image */
    background-repeat: no-repeat; /* prevents tiling */
    background-attachment: fixed; /* keeps image fixed while scrolling */
}

bg-secondary-menu {
    background-color: #fff;
}

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
}

.btn-primary {
    background: #2a5bd7;
    color: white;
}

    .btn-primary:hover {
        background: #ff6b00;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

.section {
    padding: 80px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

    .section-title h2 {
        font-size: 2.5rem;
        color: #2a5bd7;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
    }

        .section-title h2:after {
            content: "";
            position: absolute;
            width: 50%;
            height: 3px;
            background: #ff6b00;
            bottom: -10px;
            left: 25%;
        }

    .section-title p {
        max-width: 700px;
        margin: 0 auto;
        color: #666;
    }

.bg-light {
    background-color: #f8f9fa;
}

/* Navigation */
nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 15px 0;
}

    nav .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    nav ul {
        display: flex;
    }

        nav ul li {
            margin-left: 30px;
        }

            nav ul li a {
                font-weight: 500;
                transition: color 0.3s;
            }

                nav ul li a:hover {
                    color: #2a5bd7;
                }

/* Hero Section */
.hero-slider {
    height: 100vh;
    background: none, url("./img/hero.jpg");
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 80px;
}

.hero-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

    .hero-content h1 {
        font-size: 3.5rem;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .hero-content p {
        font-size: 1.2rem;
        margin-bottom: 30px;
    }

/* About Section */
.about-content {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

    .about-content p {
        margin-bottom: 40px;
        font-size: 1.1rem;
    }

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.stat-item {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

    .stat-item h3 {
        font-size: 2.5rem;
        color: #2a5bd7;
        margin-bottom: 10px;
    }

/* Services Section */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.service-card {
    background: white;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-align: center;
}

    .service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    }

    .service-card i {
        font-size: 2.5rem;
        color: #2a5bd7;
        margin-bottom: 20px;
    }

    .service-card h3 {
        color: #2a5bd7;
        margin-bottom: 15px;
        font-size: 1.5rem;
    }

/* Performance Marketing Section */
.performance-stats {
    text-align: center;
    margin-bottom: 40px;
}

    .performance-stats h3 {
        font-size: 2rem;
        color: #2a5bd7;
        margin-bottom: 10px;
    }

.channels-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 40px;
}

.channel-item {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
}

.performance-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.metric-category {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

    .metric-category h5 {
        color: #2a5bd7;
        margin-bottom: 15px;
        font-size: 1.2rem;
    }

    .metric-category ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
    }

        .metric-category ul li:before {
            content: "•";
            position: absolute;
            left: 0;
            color: #ff6b00;
        }

/* Verticals Section */
.verticals-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}

.vertical-item {
    background: white;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    font-weight: 500;
    transition: all 0.3s ease;
}

    .vertical-item:hover {
        background: #2a5bd7;
        color: white;
        transform: translateY(-5px);
    }

/* Ad Formats Section */
.ad-formats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.ad-format {
    text-align: center;
}

    .ad-format img {
        border-radius: 5px;
        margin-bottom: 15px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

.ad-types {
    text-align: center;
}

    .ad-types h4 {
        margin-bottom: 20px;
        color: #2a5bd7;
    }

    .ad-types ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

        .ad-types ul li {
            background: #f8f9fa;
            padding: 10px 20px;
            border-radius: 30px;
            font-weight: 500;
        }

/* Client Showcase Section */
.client-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.client-logo {
    height: 60px;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

    .client-logo:hover {
        filter: grayscale(0);
        opacity: 1;
    }

/* Global Presence Section */
.world-map {
    position: relative;
    margin-top: 50px;
}

    .world-map img {
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

.location-markers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.marker {
    position: absolute;
    background: #2a5bd7;
    color: white;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 500;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Contact Section */
.contact-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 50px;
    margin-top: 50px;
}

.contact-info h3 {
    color: #2a5bd7;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.address {
    margin-bottom: 30px;
}

    .address h4 {
        margin-bottom: 10px;
        color: #333;
    }

.contact-details p {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.contact-details i {
    margin-right: 10px;
    color: #ff6b00;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: "Poppins", sans-serif;
}

.contact-form textarea {
    resize: vertical;
    min-height: 150px;
}

/* Footer */



footer {
    background: #222;
    color: white;
    padding: 50px 0 20px;
}



.footer-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

    .footer-links h3 {
        color: #ff6b00;
        margin-bottom: 20px;
        font-size: 1.2rem;
    }

    .footer-links a {
        color: #ccc;
        display: block;
        margin-bottom: 10px;
        transition: color 0.3s;
    }

        .footer-links a:hover {
            color: white;
        }

.social-links {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

    .social-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transition: all 0.3s;
    }

        .social-links a:hover {
            background: #ff6b00;
            transform: translateY(-3px);
        }

.copyright {
    text-align: center;
    /*margin-top: 50px;
            padding-top: 20px;*/
    /* border-top: 1px solid #444;*/
    color: #999;
    font-size: 0.9rem;
}


#animatedText {
    font-size: 24px;
    font-weight: bold;
    animation: fade 1s ease-in-out infinite;
}

body {
    margin: 0;
    height: 1000px;
}

.icon-bar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

    .icon-bar a {
        display: block;
        text-align: center;
        padding: 16px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
    }

        .icon-bar a:hover {
            background-color: #000;
        }

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.content {
    margin-left: 75px;
    font-size: 30px;
}

#logotext .no-hover:hover {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
}
/* Enable submenu dropdowns */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .c {
        top: 0;
        left: 100%;
        margin-left: 0.1rem;
    }

.hero {
    background: url('hero-ac.jpg') no-repeat center center/cover;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

    .hero h1 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero p {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

.btn-primary, .btn-secondary {
    padding: 0.8rem 1.5rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    margin: 0.5rem;
}

.btn-primary {
    background: #0a74da;
    color: #fff;
}

.btn-secondary {
    background: #fff;
    color: #0a74da;
    border: 2px solid #0a74da;
}

.section {
    padding: 3rem 2rem;
    text-align: center;
}

    .section h2 {
        margin-bottom: 2rem;
        color: #0a74da;
    }

.products {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.product-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 1rem;
    width: 250px;
}

    .product-card img {
        width: 100%;
        border-radius: 8px;
    }

footer {
    background: #0a74da;
    color: #fff;
    text-align: center;
    padding: 1rem;
}




/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* Mega menu styling */
.mega-menu {
    /*width: 100px*/; /* wide dropdown */
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    /*font-size: 10px;*/
}

    .mega-menu .col {
        flex: 1;
        min-width: 200px;
        margin-right: 20px;
    }

    .mega-menu h6 {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 12px;
    }

/* Arrow flip */
.nav-link.dropdown-toggle::after {
    content: "▼";
    font-size: 0.7em;
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.nav-item.dropdown.show > .nav-link.dropdown-toggle::after {
    transform: rotate(180deg);
}
.ms-auto {
    /*margin-left: 0px;*/
}
.sub-menu{
    text-wrap:auto;
   
}
.navbar-nav .dropdown-menu {
    /*transform: translateX(-60em);*/
    background-color: ghostwhite;   
}
/*mits*/
@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i";

html {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 100%
}

body {
    font-family: Roboto,sans-serif;
    line-height: 1.4;
    font-weight: 400
}

    body td, body th {
        text-align: left
    }

.gs18-Main {
    position: relative;
    z-index: 1
}

.gs18-MainContents {
    margin-right: auto;
    margin-left: auto;
    max-width: 1440px;
    box-sizing: border-box
}

.gs18-MainContents--Narrow {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-right: 30px;
    padding-left: 30px;
    max-width: 960px;
    width: 66.6667%
}

    .gs18-MainContents--Narrow > .gs18-dGrid:first-child > .gs18-dGrid__Item:first-child > :first-child {
        margin-top: 0
    }

.gs18-ImageList {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .gs18-ImageList:after {
        display: block;
        clear: both;
        content: ''
    }

.gs18-ImageListItem {
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

.gs18-Link:link, .gs18-Link:visited {
    color: #000;
    text-decoration: underline
}

.gs18-Link[href]:active, .gs18-Link[href]:focus, .gs18-Link[href]:hover {
    color: #f50f10
}

.gs18-Link--Back {
    position: relative;
    padding-left: 30px
}

    .gs18-Link--Back:before {
        position: absolute;
        left: 0;
        width: 26px;
        height: 26px;
        content: '';
        background-image: url(../img/icon/LinkPrev.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-Link--Back[href]:active:before, .gs18-Link--Back[href]:focus:before, .gs18-Link--Back[href]:hover:before {
        background-image: url(../img/icon/LinkPrev-R.svg)
    }

.gs18-Link--External, .gs18-Link--Map, .gs18-Link--Pdf, .gs18-Link--Xls, .gs18-Link--Zip {
    position: relative;
    padding-left: 30px
}

    .gs18-Link--External:before, .gs18-Link--Map:before, .gs18-Link--Pdf:before, .gs18-Link--Xls:before, .gs18-Link--Zip:before {
        position: absolute;
        top: -.2rem;
        left: 0;
        width: 26px;
        height: 26px;
        content: none;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-Link--External .gs18-Icon, .gs18-Link--Map .gs18-Icon, .gs18-Link--Pdf .gs18-Icon, .gs18-Link--Xls .gs18-Icon, .gs18-Link--Zip .gs18-Icon {
        position: absolute;
        top: -.2rem;
        left: 0;
        width: 26px;
        height: 26px
    }

    .gs18-Link--External[href]:active:before, .gs18-Link--External[href]:focus:before, .gs18-Link--External[href]:hover:before {
        content: '';
        background-image: url(../img/icon/External-R.svg)
    }

    .gs18-Link--External[href]:active .gs18-Icon, .gs18-Link--External[href]:focus .gs18-Icon, .gs18-Link--External[href]:hover .gs18-Icon {
        opacity: 0
    }

    .gs18-Link--Pdf[href]:active:before, .gs18-Link--Pdf[href]:focus:before, .gs18-Link--Pdf[href]:hover:before {
        content: '';
        background-image: url(../img/icon/Pdf-R.svg)
    }

    .gs18-Link--Pdf[href]:active .gs18-Icon, .gs18-Link--Pdf[href]:focus .gs18-Icon, .gs18-Link--Pdf[href]:hover .gs18-Icon {
        opacity: 0
    }

    .gs18-Link--Xls[href]:active:before, .gs18-Link--Xls[href]:focus:before, .gs18-Link--Xls[href]:hover:before {
        content: '';
        background-image: url(../img/icon/Excel-R.svg)
    }

    .gs18-Link--Xls[href]:active .gs18-Icon, .gs18-Link--Xls[href]:focus .gs18-Icon, .gs18-Link--Xls[href]:hover .gs18-Icon {
        opacity: 0
    }

    .gs18-Link--Zip[href]:active:before, .gs18-Link--Zip[href]:focus:before, .gs18-Link--Zip[href]:hover:before {
        content: '';
        background-image: url(../img/icon/Zip-R.svg)
    }

    .gs18-Link--Zip[href]:active .gs18-Icon, .gs18-Link--Zip[href]:focus .gs18-Icon, .gs18-Link--Zip[href]:hover .gs18-Icon {
        opacity: 0
    }

    .gs18-Link--Map[href]:active:before, .gs18-Link--Map[href]:focus:before, .gs18-Link--Map[href]:hover:before {
        content: '';
        background-image: url(../img/icon/Map-R.svg)
    }

    .gs18-Link--Map[href]:active .gs18-Icon, .gs18-Link--Map[href]:focus .gs18-Icon, .gs18-Link--Map[href]:hover .gs18-Icon {
        opacity: 0
    }

.gs18-Link--Disabled {
    color: #b8b8b8
}

.gs18-ButtonLink {
    margin: 20px 0 0;
    padding: 6px 13px;
    border: solid 2px #000;
    display: block;
    color: #000;
    background-color: #fff;
    font-weight: 500;
    text-decoration: none;
    box-sizing: border-box
}

    .gs18-ButtonLink:link, .gs18-ButtonLink:visited {
        color: #000
    }

    .gs18-ButtonLink:active, .gs18-ButtonLink:focus, .gs18-ButtonLink:hover {
        border-color: #fff;
        color: #f50f10;
        background-color: #fff
    }

    .gs18-ButtonLink .gs18-Icon {
        position: absolute;
        top: 0;
        left: -9999px;
        width: 26px;
        height: 26px;
        opacity: 0
    }

.gs18-ButtonLink--Small {
    padding: 7px 13px;
    font-size: .89rem
}

.gs18-ButtonLink--Primary {
    border-color: #f50f10;
    color: #fff;
    background-color: #f50f10
}

    .gs18-ButtonLink--Primary:link, .gs18-ButtonLink--Primary:visited {
        color: #fff
    }

    .gs18-ButtonLink--Primary:active, .gs18-ButtonLink--Primary:focus, .gs18-ButtonLink--Primary:hover {
        border-color: #f50f10
    }

.gs18-ButtonLink--Secondary {
    border-color: #000;
    color: #fff;
    background-color: #000
}

    .gs18-ButtonLink--Secondary:link, .gs18-ButtonLink--Secondary:visited {
        color: #fff
    }

    .gs18-ButtonLink--Secondary:active, .gs18-ButtonLink--Secondary:focus, .gs18-ButtonLink--Secondary:hover {
        border-color: #fff;
        background-color: #fff;
        color: #f50f10
    }

.gs18-ButtonLink--Third {
    border-color: #fff;
    color: #000;
    background-color: #fff
}

    .gs18-ButtonLink--Third:active, .gs18-ButtonLink--Third:focus, .gs18-ButtonLink--Third:hover {
        color: #f50f10
    }

.gs18-ButtonLink--Transmission {
    background-color: transparent
}

    .gs18-ButtonLink--Transmission:active, .gs18-ButtonLink--Transmission:focus, .gs18-ButtonLink--Transmission:hover {
        background-color: #fff
    }

.gs18-ButtonLink--Back, .gs18-ButtonLink--External, .gs18-ButtonLink--Map, .gs18-ButtonLink--Pdf, .gs18-ButtonLink--Xls, .gs18-ButtonLink--Zip {
    position: relative;
    padding-right: 50px
}

    .gs18-ButtonLink--Back:after, .gs18-ButtonLink--External:after, .gs18-ButtonLink--Map:after, .gs18-ButtonLink--Pdf:after, .gs18-ButtonLink--Xls:after, .gs18-ButtonLink--Zip:after {
        position: absolute;
        top: .3rem;
        right: 15px;
        width: 26px;
        height: 26px;
        content: '';
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-ButtonLink--Back:after {
        background-image: url(../img/icon/LinkPrev.svg)
    }

    .gs18-ButtonLink--Back:active:after, .gs18-ButtonLink--Back:focus:after, .gs18-ButtonLink--Back:hover:after {
        background-image: url(../img/icon/LinkPrev-R.svg)
    }

    .gs18-ButtonLink--External:after {
        background-image: url(../img/icon/External.svg)
    }

    .gs18-ButtonLink--External:active:after, .gs18-ButtonLink--External:focus:after, .gs18-ButtonLink--External:hover:after {
        background-image: url(../img/icon/External-R.svg)
    }

    .gs18-ButtonLink--Pdf:after {
        background-image: url(../img/icon/Pdf.svg)
    }

    .gs18-ButtonLink--Pdf:active:after, .gs18-ButtonLink--Pdf:focus:after, .gs18-ButtonLink--Pdf:hover:after {
        background-image: url(../img/icon/Pdf-R.svg)
    }

    .gs18-ButtonLink--Xls:after {
        background-image: url(../img/icon/Excel.svg)
    }

    .gs18-ButtonLink--Xls:active:after, .gs18-ButtonLink--Xls:focus:after, .gs18-ButtonLink--Xls:hover:after {
        background-image: url(../img/icon/Excel-R.svg)
    }

    .gs18-ButtonLink--Zip:after {
        background-image: url(../img/icon/Zip.svg)
    }

    .gs18-ButtonLink--Zip:active:after, .gs18-ButtonLink--Zip:focus:after, .gs18-ButtonLink--Zip:hover:after {
        background-image: url(../img/icon/Zip-R.svg)
    }

    .gs18-ButtonLink--Map:after {
        background-image: url(../img/icon/Map.svg)
    }

    .gs18-ButtonLink--Map:active:after, .gs18-ButtonLink--Map:focus:after, .gs18-ButtonLink--Map:hover:after {
        background-image: url(../img/icon/Map-R.svg)
    }

.gs18-ButtonLink--Arrow {
    display: inline-block;
    padding-right: 60px;
    background: url(../img/icon/ArrowNext.svg) no-repeat right 15px center;
    background-size: 36px auto;
    transition: .3s background
}

    .gs18-ButtonLink--Arrow:focus, .gs18-ButtonLink--Arrow:hover {
        text-decoration: none;
        background: url(../img/icon/ArrowNext-R.svg) no-repeat right 7.5px center #fff
    }

.gs18-ButtonLink--White {
    color: #fff;
    border-color: #fff
}

    .gs18-ButtonLink--White:link, .gs18-ButtonLink--White:visited {
        color: #fff
    }

    .gs18-ButtonLink--White:focus, .gs18-ButtonLink--White:hover {
        background-color: #fff;
        color: #f50f10
    }

    .gs18-ButtonLink--White.gs18-ButtonLink--Arrow {
        background-image: url(../img/icon/ArrowNext-W.svg)
    }

        .gs18-ButtonLink--White.gs18-ButtonLink--Arrow:focus, .gs18-ButtonLink--White.gs18-ButtonLink--Arrow:hover {
            background-image: url(../img/icon/ArrowNext-R.svg)
        }

.gs18-ButtonLink--UnderLine {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none
}

    .gs18-ButtonLink--UnderLine:focus, .gs18-ButtonLink--UnderLine:hover {
        color: #f50f10;
        border-color: #f50f10;
        background-color: transparent
    }

.gs18-TileItem__Body > .gs18-ImageUnit.gs18-ImageUnit--AlignMiddle20per:first-child {
    margin-top: 20%
}

.gs18-TileItem__Body.gs18-TileItem__Body--AlignBottom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-bottom: 0
}

.gs18-TileItem--Youtube .gs18-TileItem__Body {
    padding-left: 0;
    padding-right: 0
}

.gs18-HeadingLv2__SubText, .gs18-HeadingLv3__SubText {
    font-size: 1.11rem
}

.gs18-Breadcrumb {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    max-width: 1920px;
    background-color: #000;
    z-index: 10
}

.gs18-BreadcrumbList {
    margin: 0 auto;
    max-width: 1440px;
    list-style: none;
    box-sizing: border-box;
    display: flex;
    overflow: auto
}

.gs18-BreadcrumbItem {
    display: inline-block;
    line-height: 1.67;
    font-size: 1rem;
    font-weight: 400;
    display: flex
}

    .gs18-BreadcrumbItem a {
        color: #e1e1e1
    }

        .gs18-BreadcrumbItem a[aria-current] {
            color: #fff
        }

        .gs18-BreadcrumbItem a:link, .gs18-BreadcrumbItem a:visited {
            color: #e1e1e1;
            text-decoration: none
        }

        .gs18-BreadcrumbItem a[href]:focus, .gs18-BreadcrumbItem a[href]:hover {
            text-decoration: underline
        }

    .gs18-BreadcrumbItem:after {
        margin: 0 10px;
        position: relative;
        display: inline-block;
        content: '/';
        color: #757575
    }

    .gs18-BreadcrumbItem:last-child:after {
        content: none
    }

.gs18-Footer {
    background-color: #dbdbdb;
    font-size: 18px
}

.gs18-Footer__Inner {
    position: relative
}

.gs18-Footer__Global {
    margin: 0 0 30px;
    padding: 1.2em;
    line-height: 1.1;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background-color: #e0e0e0
}

    .gs18-Footer__Global > a {
        color: #000;
        text-decoration: none;
        padding: 5px 36px 5px 0;
        background: url(../img/icon/Global.svg) no-repeat right center,url(../img/icon/Global-R.svg) no-repeat -100% -100%;
        background-size: 20px auto
    }

        .gs18-Footer__Global > a:link, .gs18-Footer__Global > a:visited {
            color: #000
        }

        .gs18-Footer__Global > a:active, .gs18-Footer__Global > a:focus, .gs18-Footer__Global > a:hover {
            color: #f50f10;
            background-position: -100% -100%,right center
        }

.gs18-Footer__Title {
    margin-top: 30px
}

.gs18-Footer__List {
    margin-top: 15px;
    list-style: none;
    padding: 1px 0 0
}

    .gs18-Footer__List > li {
        display: inline-block;
        margin-bottom: 10px
    }

        .gs18-Footer__List > li > a {
            position: relative;
            color: inherit;
            font-size: 18px;
            font-weight: 500;
            text-decoration: none;
            padding-left: 22px
        }

            .gs18-Footer__List > li > a::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                width: 9px;
                height: 9px;
                border-top: 2px solid #000;
                border-left: 2px solid #000;
                -webkit-transform: translateY(-50%) rotate(-225deg);
                transform: translateY(-50%) rotate(-225deg);
                font-weight: 700
            }

            .gs18-Footer__List > li > a:link, .gs18-Footer__List > li > a:visited {
                color: #000
            }

            .gs18-Footer__List > li > a:active, .gs18-Footer__List > li > a:focus, .gs18-Footer__List > li > a:hover {
                color: #f50f10
            }

                .gs18-Footer__List > li > a:active:before, .gs18-Footer__List > li > a:focus:before, .gs18-Footer__List > li > a:hover:before {
                    border-color: #f50f10
                }

.gs18-Footer__Links {
    padding: 15px 6%;
    width: 100%
}

.gs18-Footer__Legal {
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #fff;
    margin: 0
}

    .gs18-Footer__Legal > li {
        display: inline-block;
        padding-right: .3em;
        line-height: 1.1
    }

        .gs18-Footer__Legal > li:not(:first-child) {
            padding-left: .5em;
            border-left: 1px solid #000
        }

        .gs18-Footer__Legal > li > a {
            color: inherit;
            text-decoration: none
        }

            .gs18-Footer__Legal > li > a:link, .gs18-Footer__Legal > li > a:visited {
                color: #fff
            }

            .gs18-Footer__Legal > li > a:active, .gs18-Footer__Legal > li > a:focus, .gs18-Footer__Legal > li > a:hover {
                color: #f50f10
            }

.gs18-Footer__SNS {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    line-height: 20px;
    vertical-align: top
}

    .gs18-Footer__SNS > li {
        display: inline-block
    }

        .gs18-Footer__SNS > li:not(:last-child) {
            margin-right: 10px
        }

        .gs18-Footer__SNS > li a {
            display: block
        }

            .gs18-Footer__SNS > li a:active img, .gs18-Footer__SNS > li a:focus img, .gs18-Footer__SNS > li a:hover img {
                opacity: 0
            }

        .gs18-Footer__SNS > li img {
            width: auto;
            height: 20px;
            vertical-align: top
        }

.gs18-Footer__SNSFacebook {
    background: url(../img/icon/Facebook-R.svg) no-repeat left top;
    background-size: 0
}

.gs18-Footer__SNSYoutube {
    background: url(../img/icon/YouTube-R.svg) no-repeat left top;
    background-size: 0
}

.gs18-Footer__SNSLinkedin {
    background: url(../img/icon/Linkedin-R.svg) no-repeat left top;
    background-size: 0
}

.gs18-Footer__SNS > li a:active, .gs18-Footer__SNS > li a:focus, .gs18-Footer__SNS > li a:hover {
    background-size: auto 20px
}

.gs18-Footer__Copyright {
    margin-right: auto;
    font-size: 14px
}

.gs18-GoTop {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0;
    z-index: 1
}

    .gs18-GoTop > a {
        position: relative;
        display: block;
        width: 48px;
        height: 48px;
        background-color: #000;
        color: #fff
    }

        .gs18-GoTop > a::before {
            content: "";
            position: absolute;
            top: 55%;
            left: 50%;
            width: 8px;
            height: 8px;
            border-top: 2px solid #fff;
            border-left: 2px solid #fff;
            -webkit-transform: translate(-50%,-50%) rotate(45deg);
            transform: translate(-50%,-50%) rotate(45deg)
        }

.gs18-Header {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff
}

    .gs18-Header.is-flyout {
        position: fixed;
        top: 0;
        transition: .4s top;
        background-color: #fff
    }

        .gs18-Header.is-flyout.is-hidden {
            top: -90px
        }

.gs18-Header__Inner {
    position: relative;
    max-width: 1440px;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 85px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: justify;
    background-color: #fff
}

.gs18-Header__Logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 7px 0 0;
    padding: 0 16px;
    font-size: 36px
}

    .gs18-Header__Logo img {
        width: 84px;
        vertical-align: baseline
    }

        .gs18-Header__Logo img, .gs18-Header__Logo img _:-ms-lang(x)::-ms-backdrop {
            height: 100%
        }

.gs18-Header__Lang {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 10px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-top: 2px;
    border-left: 1px solid #e1e1e1
}

.gs18-Header__Global {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-left: auto;
    height: 100%
}

.gs18-Header__GlobalLang {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    line-height: 1.1;
    vertical-align: 6px
}

    .gs18-Header__GlobalLang abbr {
        text-decoration: none
    }

    .gs18-Header__GlobalLang:first-child {
        border-right: 1px solid #000;
        padding-right: 5px
    }

    .gs18-Header__GlobalLang:hover {
        text-decoration: underline
    }

.gs18-Header__GlobalLink {
    display: inline-block;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 66px;
    height: 100%
}

    .gs18-Header__GlobalLink::after, .gs18-Header__GlobalLink::before {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        display: inline-block;
        background: #fff no-repeat center;
        background-size: 20px auto;
        width: 100%;
        height: 100%
    }

    .gs18-Header__GlobalLink::before {
        background-image: url(../img/icon/Global-R.svg)
    }

    .gs18-Header__GlobalLink::after {
        background-image: url(../img/icon/Global.svg)
    }

    .gs18-Header__GlobalLink:active::after, .gs18-Header__GlobalLink:focus::after, .gs18-Header__GlobalLink:hover::after {
        opacity: 0
    }

    .gs18-Header__GlobalLink.is-current {
        background-color: #000
    }

        .gs18-Header__GlobalLink.is-current::before {
            background-color: #000
        }

        .gs18-Header__GlobalLink.is-current::after {
            background-image: url(../img/icon/Global-W.svg);
            background-color: #000
        }

.gs18-Header--NoSearch .gs18-Header__Search {
    display: none
}

.gs18-Header__Search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gs18-Header__SearchInner {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    background-color: #fff
}

.gs18-Header__Search .gs18-Header__SearchInput {
    box-sizing: border-box
}

.gs18-Header__Search .gs18-Header__SearchBtn {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 84px;
    height: 100%;
    border: 0;
    border-left: 1px solid #e0e0e0;
    background: url(../img/icon/Search-R.svg) no-repeat -100% -100%;
    cursor: pointer
}

    .gs18-Header__Search .gs18-Header__SearchBtn::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 11px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        font-weight: 700
    }

    .gs18-Header__Search .gs18-Header__SearchBtn > img {
        margin-top: 1px
    }

    .gs18-Header__Search .gs18-Header__SearchBtn:active, .gs18-Header__Search .gs18-Header__SearchBtn:focus, .gs18-Header__Search .gs18-Header__SearchBtn:hover {
        background-position: center center
    }

        .gs18-Header__Search .gs18-Header__SearchBtn:active::before, .gs18-Header__Search .gs18-Header__SearchBtn:focus::before, .gs18-Header__Search .gs18-Header__SearchBtn:hover::before {
            border-color: #f50f10
        }

        .gs18-Header__Search .gs18-Header__SearchBtn:active > img, .gs18-Header__Search .gs18-Header__SearchBtn:focus > img, .gs18-Header__Search .gs18-Header__SearchBtn:hover > img {
            opacity: 0
        }

.gs18-Header__Search .gs18-SearchBox__Items, .gs18-Header__Search .mf_finder_searchBox_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gs18-Header__Search .gs18-SearchBox__QueryInput, .gs18-Header__Search .mf_finder_searchBox_query_input {
    border: 0;
    border-bottom: solid 2px #000;
    font-size: 24px;
    font-style: italic
}

    .gs18-Header__Search .gs18-SearchBox__QueryInput:placeholder-shown, .gs18-Header__Search .mf_finder_searchBox_query_input:placeholder-shown {
        color: #bbb
    }

    .gs18-Header__Search .gs18-SearchBox__QueryInput::-webkit-input-placeholder, .gs18-Header__Search .mf_finder_searchBox_query_input::-webkit-input-placeholder {
        color: #bbb
    }

    .gs18-Header__Search .gs18-SearchBox__QueryInput:-moz-placeholder, .gs18-Header__Search .mf_finder_searchBox_query_input:-moz-placeholder {
        color: #bbb;
        opacity: 1
    }

    .gs18-Header__Search .gs18-SearchBox__QueryInput::-moz-placeholder, .gs18-Header__Search .mf_finder_searchBox_query_input::-moz-placeholder {
        color: #bbb;
        opacity: 1
    }

    .gs18-Header__Search .gs18-SearchBox__QueryInput:-ms-input-placeholder, .gs18-Header__Search .mf_finder_searchBox_query_input:-ms-input-placeholder {
        color: #bbb
    }

.gs18-Header__Search .gs18-SearchBox__Submit, .gs18-Header__Search .mf_finder_searchBox_submit {
    width: 26px;
    height: 26px;
    margin-left: 15px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: url(../img/icon/Search-R.svg) no-repeat -100% -100%
}

    .gs18-Header__Search .gs18-SearchBox__Submit > span, .gs18-Header__Search .mf_finder_searchBox_submit > span {
        display: block;
        height: 100%;
        width: 100%;
        background: url(../img/icon/Search.svg) no-repeat center center #fff
    }

    .gs18-Header__Search .gs18-SearchBox__Submit:active, .gs18-Header__Search .gs18-SearchBox__Submit:focus, .gs18-Header__Search .gs18-SearchBox__Submit:hover, .gs18-Header__Search .mf_finder_searchBox_submit:active, .gs18-Header__Search .mf_finder_searchBox_submit:focus, .gs18-Header__Search .mf_finder_searchBox_submit:hover {
        background-position: center center
    }

        .gs18-Header__Search .gs18-SearchBox__Submit:active > span, .gs18-Header__Search .gs18-SearchBox__Submit:focus > span, .gs18-Header__Search .gs18-SearchBox__Submit:hover > span, .gs18-Header__Search .mf_finder_searchBox_submit:active > span, .gs18-Header__Search .mf_finder_searchBox_submit:focus > span, .gs18-Header__Search .mf_finder_searchBox_submit:hover > span {
            opacity: 0
        }

.gs18-Header__Search .mf_finder_searchBox_suggest_items {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    list-style-type: none;
    z-index: 5
}

.gs18-Header__Search .mf_finder_searchBox_suggest_item > a {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 15px 30px;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    font-style: italic
}

.gs18-Header__Search .mf_finder_searchBox_suggest_item_cur {
    background-color: rgba(80,80,80,.8)
}

.gs18-Header__Hamburger {
    display: none
}

.gs18-HeaderNav {
    margin: 0 auto;
    transition: .4s opacity;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

    .gs18-HeaderNav.is-hidden {
        opacity: 0
    }

.gs18-HeaderNav__Menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    height: 85px;
    list-style: none
}

.gs18-HeaderNav__Item {
    height: 100%
}

.gs18-HeaderNav__Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #000;
    text-decoration: none
}

    .gs18-HeaderNav__Text:link, .gs18-HeaderNav__Text:visited {
        color: #000;
        text-decoration: none
    }

    .gs18-HeaderNav__Text.is-current, .gs18-HeaderNav__Text.is-open {
        background: #000;
        color: #fff
    }

        .gs18-HeaderNav__Text.is-current:active, .gs18-HeaderNav__Text.is-current:focus, .gs18-HeaderNav__Text.is-current:hover, .gs18-HeaderNav__Text.is-open:active, .gs18-HeaderNav__Text.is-open:focus, .gs18-HeaderNav__Text.is-open:hover, .gs18-HeaderNav__Text:active, .gs18-HeaderNav__Text:focus, .gs18-HeaderNav__Text:hover {
            color: #f50f10
        }

.gs18-HeaderPulldown {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%
}

.gs18-HeaderPulldown__Inner {
    display: table;
    width: 100%;
    box-sizing: border-box;
    min-height: 270px;
    background-color: #f6f6f6
}

.gs18-HeaderPulldown__Header {
    box-sizing: border-box;
    display: table-cell;
    width: 34%;
    padding: 75px 0 30px 30px
}

.gs18-HeaderPulldown__Title {
    margin: 0 0 40px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1
}

    .gs18-HeaderPulldown__Title > a:active, .gs18-HeaderPulldown__Title > a:focus, .gs18-HeaderPulldown__Title > a:hover, .gs18-HeaderPulldown__Title > a:link, .gs18-HeaderPulldown__Title > a:visited {
        color: #000;
        text-decoration: none;
        cursor: default
    }

.gs18-HeaderPulldown__Gotop {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    width: 280px;
    height: 50px;
    background: url(../img/icon/ArrowNext.svg) no-repeat right 15px center;
    background-size: 36px auto;
    border: solid 2px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s background,.2s border-color,.2s color
}

    .gs18-HeaderPulldown__Gotop:link, .gs18-HeaderPulldown__Gotop:visited {
        color: #000
    }

    .gs18-HeaderPulldown__Gotop:active, .gs18-HeaderPulldown__Gotop:focus, .gs18-HeaderPulldown__Gotop:hover {
        background-image: url(../img/icon/ArrowNext-R.svg);
        background-position: right 7.5px center;
        background-color: #fff;
        border-color: #fff;
        color: #f50f10
    }

.gs18-HeaderPulldown__Back {
    display: none
}

.gs18-HeaderPulldown__Close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 3;
    background: url(../img/icon/Close-R.svg) no-repeat -100% -100%
}

    .gs18-HeaderPulldown__Close img {
        vertical-align: top
    }

    .gs18-HeaderPulldown__Close:active, .gs18-HeaderPulldown__Close:focus, .gs18-HeaderPulldown__Close:hover {
        background-position: top left
    }

        .gs18-HeaderPulldown__Close:active img, .gs18-HeaderPulldown__Close:focus img, .gs18-HeaderPulldown__Close:hover img {
            opacity: 0
        }

.gs18-HeaderPulldown__List {
    position: relative;
    list-style: none;
    display: table-cell;
    vertical-align: top;
    padding: 70px 0 30px
}

.gs18-HeaderPulldown__ListItem {
    font-size: 18px;
    line-height: 1
}

    .gs18-HeaderPulldown__ListItem > a, .gs18-HeaderPulldown__ListItem > span {
        box-sizing: border-box;
        position: relative;
        display: table;
        padding: .575em 0;
        white-space: nowrap;
        width: 0;
        color: #000
    }

    .gs18-HeaderPulldown__ListItem > a {
        font-weight: 500;
        text-decoration: none;
        transition: .5s width,.5s padding
    }

        .gs18-HeaderPulldown__ListItem > a:not(:only-child) {
            padding-right: 16px
        }

            .gs18-HeaderPulldown__ListItem > a:not(:only-child)::after {
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%) rotate(-225deg);
                transform: translateY(-50%) rotate(-225deg);
                display: inline-block;
                margin: 2px 3px 0 6px;
                width: 5px;
                height: 5px;
                vertical-align: bottom;
                border-top: 2px solid #000;
                border-left: 2px solid #000;
                font-weight: 700
            }

        .gs18-HeaderPulldown__ListItem > a:link, .gs18-HeaderPulldown__ListItem > a:visited {
            color: #000
        }

.gs18-HeaderPulldown__Sublist {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: .5s transform;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    padding: 0 0 0 30px;
    width: 50%;
    min-height: 100%;
    background-color: #e1e1e1
}

    .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__Header {
        display: none
    }

    .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__List {
        display: block
    }

    .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem > a, .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem > span {
        width: 100%;
        white-space: normal
    }

    .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem > span {
        padding-top: 10px
    }

    .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem .gs18-HeaderPulldown__List {
        padding: 0 0 0 30px
    }

.gs18-HeaderPulldownRegion {
    box-sizing: border-box;
    padding: 75px 30px 30px;
    width: 100%;
    min-height: 270px;
    background-color: #f5f5f5
}

.gs18-HeaderPulldownRegion__Header {
    margin-bottom: 60px
}

.gs18-HeaderPulldownRegion__Title {
    margin: 0;
    font-size: 64px;
    font-weight: 700;
    line-height: 1
}

.gs18-RegionList {
    margin: 0 0 60px
}

.gs18-RegionList__Title {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 700
}

.gs18-RegionList__List {
    list-style: none;
    margin: 0;
    padding-left: 0;
    border-top: 1px solid #989898
}

.gs18-RegionList__Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0 10px;
    border-bottom: 1px solid #989898;
    line-height: 1.1
}

.gs18-RegionList__Country {
    display: block;
    width: 150px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    font-size: 18px
}

.gs18-RegionList__Language {
    list-style: none;
    margin: 0;
    padding-left: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
}

    .gs18-RegionList__Language > li {
        float: left;
        width: 50%;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 700
    }

        .gs18-RegionList__Language > li > a {
            display: block;
            position: relative;
            padding-left: 24px;
            text-decoration: none;
            color: #000;
            word-break: break-word
        }

            .gs18-RegionList__Language > li > a::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                margin-right: 12px;
                width: 8px;
                height: 8px;
                border-top: 2px solid #000;
                border-left: 2px solid #000;
                vertical-align: middle;
                -webkit-transform: translateY(40%) rotate(-225deg);
                transform: translateY(40%) rotate(-225deg)
            }

            .gs18-RegionList__Language > li > a:active, .gs18-RegionList__Language > li > a:focus, .gs18-RegionList__Language > li > a:hover {
                color: #f50f10
            }

                .gs18-RegionList__Language > li > a:active::before, .gs18-RegionList__Language > li > a:focus::before, .gs18-RegionList__Language > li > a:hover::before {
                    border-color: #f50f10
                }

.gs18-LocalNav {
    box-sizing: border-box;
    background-color: #000
}

.gs18-LocalNavList {
    position: relative;
    list-style: none;
    padding: 30px 0;
    margin: 0;
    width: calc(20% - 1px);
    color: #fff;
    border-left: 1px solid #4d4d4d
}

.gs18-LocalNavList--Depth10, .gs18-LocalNavList--Depth6, .gs18-LocalNavList--Depth7, .gs18-LocalNavList--Depth8, .gs18-LocalNavList--Depth9 {
    display: none
}

.gs18-LocalNavItem {
    display: none
}

    .gs18-LocalNavItem > .gs18-LocalNavList {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%
    }

    .gs18-LocalNavItem > a, .gs18-LocalNavItem > span {
        display: block;
        padding: .8em 30px .75em;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        line-height: 1.2;
        color: #fff
    }

        .gs18-LocalNavItem > a:active, .gs18-LocalNavItem > a:focus, .gs18-LocalNavItem > a:hover {
            background-color: #272727
        }

    .gs18-LocalNavItem.is-current {
        display: block;
        z-index: 1
    }

        .gs18-LocalNavItem.is-current > a, .gs18-LocalNavItem.is-current > span {
            background-color: #757575
        }

        .gs18-LocalNavItem.is-current > .gs18-LocalNavList {
            z-index: 1
        }

            .gs18-LocalNavItem.is-current > .gs18-LocalNavList > .gs18-LocalNavItem {
                display: block
            }

.gs18-LocalNavList--Root {
    border-color-left: #000
}

    .gs18-LocalNavList--Root > .gs18-LocalNavItem {
        display: block
    }

.gs18-LocalNavList--Last {
    background-color: #272727;
    border-right: none
}

    .gs18-LocalNavList--Last .gs18-LocalNavItem.is-current > a, .gs18-LocalNavList--Last .gs18-LocalNavItem.is-current > span {
        background-color: #fff;
        color: #000
    }

.gs18-PageTop {
    display: none
}

.gs18-Accordion {
    margin: 0;
    padding: 0 0 30px;
    background-color: #f5f5f5
}

    .gs18-Accordion .gs18-Accordion__Title {
        margin: 0;
        padding-left: 30px
    }

    .gs18-Accordion .gs18-Accordion__Link {
        margin: 0;
        text-align: right
    }

        .gs18-Accordion .gs18-Accordion__Link > a {
            margin: 0
        }

.gs18-AccordionList {
    list-style: none;
    border-bottom: 1px solid #989898
}

    .gs18-AccordionList .gs18-AccordionList__Item > a, .gs18-AccordionList .gs18-AccordionList__Item > span {
        position: relative;
        display: block;
        padding: 17px 40px 17px 25px;
        font-size: 20px;
        line-height: 1.1;
        font-weight: 700;
        text-decoration: none;
        color: #000;
        transition: .2s background-color
    }

        .gs18-AccordionList .gs18-AccordionList__Item > a::after, .gs18-AccordionList .gs18-AccordionList__Item > span::after {
            content: "";
            position: absolute;
            top: 0;
            left: 30px;
            width: calc(100% - 60px);
            height: 1px;
            background-color: #989898
        }

        .gs18-AccordionList .gs18-AccordionList__Item > a.is-open, .gs18-AccordionList .gs18-AccordionList__Item > span.is-open {
            background-color: #fff
        }

            .gs18-AccordionList .gs18-AccordionList__Item > a.is-open + .gs18-AccordionList__content, .gs18-AccordionList .gs18-AccordionList__Item > span.is-open + .gs18-AccordionList__content {
                margin-bottom: -1px;
                background-color: #fff
            }

            .gs18-AccordionList .gs18-AccordionList__Item > a.is-open::after, .gs18-AccordionList .gs18-AccordionList__Item > span.is-open::after {
                content: none
            }

    .gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a::before {
        content: "";
        position: absolute;
        top: 50%;
        background-image: url(../img/icon/Plus-W.svg);
        background-position: 0 0;
        background-size: contain
    }

    .gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a.is-open::before {
        background-image: url(../img/icon/Minus-W.svg)
    }

    .gs18-AccordionList .gs18-AccordionList__content {
        display: none;
        transition: .2s background-color;
        padding: 1px 0
    }

.gs18-HalfImgBox .gs18-HalfImgBox__Img {
    margin: 0
}

    .gs18-HalfImgBox .gs18-HalfImgBox__Img > img {
        vertical-align: top;
        width: 100%;
        height: auto
    }

.gs18-HalfImgBox .gs18-HalfImgBox__Text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.gs18-HalfImgBox .gs18-HalfImgBox__Title {
    margin: 20px 0 0;
    font-size: 45px;
    font-weight: 100
}

.gs18-HalfImgBox .gs18-Text {
    margin: 20px 0 0
}

.gs18-HalfImgBox .gs18-HalfImgBox__More {
    margin: 0;
    text-align: right
}

    .gs18-HalfImgBox .gs18-HalfImgBox__More .gs18-ButtonLink {
        margin: 0;
        border: none
    }

.gs18-AnchorListWrap {
    margin: 60px 0;
    border-color: #989898;
    border-style: solid;
    border-width: 0 0 1px
}

.gs18-AnchorList {
    margin: 0 -7.5px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box
}

.gs18-AnchorListItem {
    padding: 0 7.5px;
    width: 100%;
    box-sizing: border-box
}

    .gs18-AnchorListItem .gs18-Link {
        padding: 10px 10px 10px 30px;
        position: relative;
        display: block;
        height: 100%;
        box-sizing: border-box;
        text-decoration: none
    }

        .gs18-AnchorListItem .gs18-Link:before {
            position: absolute;
            left: 0;
            width: 26px;
            height: 26px;
            content: '';
            background-image: url(../img/icon/LinkDown.svg);
            background-position: center center;
            background-repeat: no-repeat
        }

        .gs18-AnchorListItem .gs18-Link:active, .gs18-AnchorListItem .gs18-Link:focus, .gs18-AnchorListItem .gs18-Link:hover {
            color: #f50f10;
            background-color: #f0f0f0
        }

            .gs18-AnchorListItem .gs18-Link:active:before, .gs18-AnchorListItem .gs18-Link:focus:before, .gs18-AnchorListItem .gs18-Link:hover:before {
                background-image: url(../img/icon/LinkDown-R.svg)
            }

.gs18-AnchorList--Size1of2 .gs18-AnchorListItem {
    width: 50%
}

.gs18-AnchorList--Size1of3 .gs18-AnchorListItem {
    width: 33.3%
}

.gs18-AnchorList--Size1of4 .gs18-AnchorListItem {
    width: 25%
}

.gs18-HeadingLv2 .gs18-AnchorListWrap, .gs18-HeadingLv3 .gs18-AnchorListWrap {
    margin-top: 20px
}

.gs18-Annotation {
    margin: 20px 0 0;
    font-weight: 300
}

    .gs18-Annotation + .gs18-Annotation {
        margin-top: 10px
    }

.gs18-AnnotationUnit__HeadingCol .gs18-ListHeading {
    font-weight: 500
}

.gs18-AnnotationUnit__TextCol .gs18-Annotation:first-child {
    margin-top: 5px
}

.gs18-UAnnotationList {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.gs18-UAnnotationListItem {
    margin: 10px 0 0;
    position: relative;
    font-weight: 300
}

.gs18-UAnnotationListItem__Marker {
    position: absolute;
    left: 0;
    text-align: right
}

.gs18-AnnotationUnit__TextCol .gs18-UAnnotationList:first-child {
    margin-top: 5px
}

.gs18-AnnotationUnit__TextCol .gs18-UAnnotationListItem:first-child {
    margin-top: 5px
}

.gs18-OAnnotationList {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.gs18-OAnnotationListItem {
    margin: 10px 0 0;
    position: relative;
    font-weight: 300
}

.gs18-OAnnotationListItem__Marker {
    position: absolute;
    left: 0;
    text-align: right
}

.gs18-AnnotationUnit__TextCol .gs18-OAnnotationList:first-child {
    margin-top: 5px
}

.gs18-AnnotationUnit__TextCol .gs18-OAnnotationListItem:first-child {
    margin-top: 5px
}

.gs18-Box {
    background-color: #f6f6f6;
    box-sizing: border-box
}

    .gs18-Box > :first-child {
        margin-top: 0
    }

.gs18-TopSlide {
    position: relative
}

.gs18-TopSlide__Body {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.gs18-TopSlide__Main {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

    .gs18-TopSlide__Main:after, .gs18-TopSlide__Main:before {
        content: "";
        display: table
    }

    .gs18-TopSlide__Main:after {
        clear: both
    }

.gs18-TopSlide__Item {
    position: relative;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0
}

.gs18-TopSlide__Text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    z-index: 1
}

.gs18-TopSlide__Title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.gs18-TopSlide__Button {
    margin-top: 20px;
    border: 0;
    background-color: #fff
}

.gs18-TopSlide__Img {
    width: 100%;
    vertical-align: bottom
}

    .gs18-TopSlide__Img[data-js-gs18-top-slide-img-sp] {
        display: none
    }

.gs18-TopSlide__Arrow {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 33px;
    line-height: 1;
    cursor: pointer;
    z-index: 2
}

    .gs18-TopSlide__Arrow > a {
        background: 0 0;
        color: transparent;
        width: 100%;
        height: 100%;
        padding: 0;
        text-indent: -9999px
    }

        .gs18-TopSlide__Arrow > a::before {
            content: "";
            position: absolute;
            top: 50%;
            width: 18px;
            height: 18px;
            border-top: 2px solid #fff;
            border-left: 2px solid #fff;
            -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg)
        }

        .gs18-TopSlide__Arrow > a:focus, .gs18-TopSlide__Arrow > a:hover {
            opacity: .75
        }

.gs18-TopSlide__Arrow--Prev {
    left: 30px
}

    .gs18-TopSlide__Arrow--Prev > a::before {
        left: 5px
    }

.gs18-TopSlide__Arrow--Next {
    right: 30px
}

    .gs18-TopSlide__Arrow--Next > a::before {
        right: 5px;
        -webkit-transform: translateY(-50%) rotate(-225deg);
        transform: translateY(-50%) rotate(-225deg)
    }

.gs18-TopSlide__Footer {
    position: absolute;
    right: 30px;
    bottom: 5%;
    font-size: 0
}

.gs18-TopSlide__Pause {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

    .gs18-TopSlide__Pause > a {
        display: inline-block;
        width: 18px;
        height: 18px
    }

        .gs18-TopSlide__Pause > a::after, .gs18-TopSlide__Pause > a::before {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            border-left: 6px solid #fff;
            top: 1px;
            bottom: 1px
        }

        .gs18-TopSlide__Pause > a::before {
            left: 0
        }

        .gs18-TopSlide__Pause > a::after {
            right: 0
        }

        .gs18-TopSlide__Pause > a.is-active::before {
            position: static;
            top: auto;
            bottom: auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 9px 0 9px 18px;
            border-color: transparent transparent transparent #fff
        }

        .gs18-TopSlide__Pause > a.is-active::after {
            display: none
        }

.gs18-TopSlide__Dots {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    vertical-align: middle
}

.gs18-TopSlide__Dot {
    display: inline-block;
    box-sizing: border-box;
    margin-left: 10px;
    padding: 0
}

    .gs18-TopSlide__Dot > a {
        cursor: pointer;
        box-sizing: border-box;
        border: 0;
        background: 0 0;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        color: transparent;
        border-radius: 100%;
        border: 2px solid #fff
    }

        .gs18-TopSlide__Dot > a:hover {
            background-color: #fff
        }

    .gs18-TopSlide__Dot.is-active a {
        background-color: #fff
    }

    .gs18-TopSlide__Dot:first-child {
        margin-left: 20px
    }

.gs18-ContentsNav {
    margin: 60px 0;
    border-color: #989898;
    border-style: solid;
    border-width: 1px 0
}

.gs18-ContentsNavList {
    margin: 0 -7.5px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box
}

.gs18-ContentsNavListItem {
    padding: 0 7.5px;
    width: 100%;
    box-sizing: border-box
}

    .gs18-ContentsNavListItem .gs18-Link {
        padding: 10px 10px 10px 30px;
        position: relative;
        display: block;
        height: 100%;
        box-sizing: border-box;
        text-decoration: none
    }

        .gs18-ContentsNavListItem .gs18-Link:before {
            position: absolute;
            left: 0;
            width: 26px;
            height: 26px;
            content: '';
            background-image: url(../img/icon/LinkNext.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain
        }

        .gs18-ContentsNavListItem .gs18-Link:active, .gs18-ContentsNavListItem .gs18-Link:focus, .gs18-ContentsNavListItem .gs18-Link:hover {
            color: #f50f10;
            background-color: #f0f0f0
        }

            .gs18-ContentsNavListItem .gs18-Link:active:before, .gs18-ContentsNavListItem .gs18-Link:focus:before, .gs18-ContentsNavListItem .gs18-Link:hover:before {
                background-image: url(../img/icon/LinkNext-R.svg)
            }

        .gs18-ContentsNavListItem .gs18-Link[aria-current] {
            background-color: #f0f0f0
        }

.gs18-ContentsNavList--Size1of2 .gs18-ContentsNavListItem {
    width: 50%
}

.gs18-ContentsNavList--Size1of3 .gs18-ContentsNavListItem {
    width: 33.3%
}

.gs18-ContentsNavList--Size1of4 .gs18-ContentsNavListItem {
    width: 25%
}

.gs18-ContentsNav .gs18-LinkListItem a:link, .gs18-ContentsNav .gs18-LinkListItem a:visited {
    color: #000;
    text-decoration: none
}

.gs18-ContentsNav .gs18-LinkListItem a:active, .gs18-ContentsNav .gs18-LinkListItem a:focus, .gs18-ContentsNav .gs18-LinkListItem a:hover {
    color: #f50f10;
    text-decoration: underline
}

.gs18-ContentsNav .gs18-LinkListItem a:before {
    position: absolute;
    top: -.2rem;
    left: 0;
    width: 26px;
    height: 26px;
    content: '';
    background-image: url(../img/icon/LinkNext.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px
}

.gs18-ContentsNav .gs18-LinkList--Horizontal a:before {
    left: 15px
}

.gs18-ContentsNav .gs18-LinkList--Horizontal a .gs18-Icon {
    left: 15px
}

.gs18-EventsTable {
    margin: 30px 0 0;
    width: 100%;
    font-size: .89rem;
    border-collapse: collapse;
    text-align: left
}

.gs18-u-SizeEventTh {
    box-sizing: border-box;
    width: 25%
}

.gs18-u-SizeEventTd {
    box-sizing: border-box;
    width: 75%
}

.gs18-EventsTableBodyTh {
    border-color: #757575;
    border-style: solid;
    border-width: 1px 0;
    font-weight: inherit;
    vertical-align: top
}

.gs18-EventsTableBodyTd {
    position: relative;
    border-color: #757575;
    border-style: solid;
    border-width: 1px 0
}

    .gs18-EventsTableBodyTd .gs18-HeadingLv2 .gs18-Text {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 5px
    }

    .gs18-EventsTableBodyTd .gs18-Link {
        position: absolute;
        font-weight: 500;
        text-decoration: none;
        right: 0
    }

.gs18-EventsTableUnit__AnnotationCol .gs18-UAnnotationList {
    margin-top: 10px
}

.gs18-EventsTableUnit__AnnotationCol .gs18-OAnnotationList {
    margin-top: 10px
}

.gs18-Facebook .gs18-HeadingLv2 {
    margin: 0 0 30px;
    padding-left: 30px
}

.gs18-Facebook .fb_iframe_widget, .gs18-Facebook .fb_iframe_widget iframe[style], .gs18-Facebook .fb_iframe_widget span {
    width: 100% !important
}

.gs18-FeedList {
    margin: 20px 0;
    padding-left: 0;
    list-style: none
}

    .gs18-FeedList .gs18-FeedList__Item {
        margin-bottom: 15px
    }

    .gs18-FeedList .gs18-FeedList__Date {
        display: block;
        margin-bottom: 7.5px
    }

    .gs18-FeedList .gs18-FeedList__Title {
        margin: 7px 0 0
    }

        .gs18-FeedList .gs18-FeedList__Title > a {
            position: relative;
            display: block;
            padding-left: 30px;
            color: inherit;
            text-decoration: none
        }

            .gs18-FeedList .gs18-FeedList__Title > a:hover {
                text-decoration: underline
            }

            .gs18-FeedList .gs18-FeedList__Title > a::before {
                content: "";
                position: absolute;
                top: 7px;
                left: 7px;
                width: 8px;
                height: 8px;
                border-top: 2px solid #000;
                border-left: 2px solid #000;
                -webkit-transform: rotate(-225deg);
                transform: rotate(-225deg)
            }

            .gs18-FeedList .gs18-FeedList__Title > a[href$=".pdf"] {
                background: url(../img/icon/Pdf.svg) no-repeat 2px 0;
                background-size: 25px auto
            }

                .gs18-FeedList .gs18-FeedList__Title > a[href$=".pdf"]::before {
                    content: none
                }

.gs18-FeedWrap {
    position: relative;
    overflow: hidden
}

    .gs18-FeedWrap .gs18-HeadingLv2 {
        margin-top: 0
    }

    .gs18-FeedWrap .gs18-FeedRSS {
        font-size: 18px;
        font-weight: 500;
        color: #000;
        text-decoration: none
    }

        .gs18-FeedWrap .gs18-FeedRSS::before {
            content: "";
            display: inline-block;
            margin-right: 10px;
            width: 8px;
            height: 8px;
            border-top: 2px solid #000;
            border-left: 2px solid #000;
            -webkit-transform: translateY(-2px) rotate(-225deg);
            transform: translateY(-2px) rotate(-225deg);
            font-weight: 700
        }

    .gs18-FeedWrap .gs18-FeedButton {
        float: right
    }

.gs18-Grid {
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box
}

.gs18-Grid__Item {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    box-sizing: border-box
}

.gs18-Grid--Center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gs18-Grid .gs18-Grid {
    margin-right: -30px;
    margin-left: -30px
}

.gs18-dGrid {
    margin-right: -15px;
    margin-left: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box
}

.gs18-dGrid__Item {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    box-sizing: border-box
}

.gs18-dGrid--Center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gs18-dGrid .gs18-dGrid {
    margin-right: -30px;
    margin-left: -30px
}

.gs18-HeadingLv2 {
    margin: 60px 0 0;
    line-height: 1.2;
    font-weight: 700
}

.gs18-HeadingLv2--Icon {
    display: table
}

    .gs18-HeadingLv2--Icon .gs18-HeadingLv2__IconCol {
        padding-right: 20px;
        display: table-cell;
        vertical-align: top;
        box-sizing: content-box
    }

        .gs18-HeadingLv2--Icon .gs18-HeadingLv2__IconCol > img {
            max-width: 100%
        }

    .gs18-HeadingLv2--Icon .gs18-HeadingLv2__HeadingCol {
        padding-top: 19px;
        display: table-cell;
        vertical-align: top
    }

.gs18-HeadingLv2--Tag {
    margin-top: 50px
}

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2__TagCol {
        margin-bottom: 5px;
        display: block
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag {
        padding: 2px 4px;
        border-color: #000;
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        line-height: 1.2;
        background-color: #fff
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag--White {
        border-color: #000;
        color: #000;
        background-color: #fff
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag--Black {
        border-color: #000;
        color: #fff;
        background-color: #000
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag--Gray {
        border-color: #757575;
        color: #fff;
        background-color: #757575
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2__HeadingCol {
        display: block
    }

.gs18-HeadingLv2--Shoulder {
    margin-top: 50px
}

    .gs18-HeadingLv2--Shoulder .gs18-HeadingLv2__ShoulderCol {
        margin: 0 0 5px;
        display: block;
        line-height: 1.2;
        font-size: 1rem
    }

    .gs18-HeadingLv2--Shoulder .gs18-HeadingLv2__HeadingCol {
        display: block
    }

.gs18-HeadingLv2Unit__SubTextCol {
    margin-top: 5px
}

    .gs18-HeadingLv2Unit__SubTextCol .gs18-Date {
        margin-top: 0;
        line-height: 1.2;
        color: #757575
    }

.gs18-HeadingLv3 {
    margin: 40px 0 0;
    font-size: 1.25rem;
    font-weight: 700
}

.gs18-HeadingLv3--Icon {
    display: table
}

    .gs18-HeadingLv3--Icon .gs18-HeadingLv3__IconCol {
        padding-right: 20px;
        display: table-cell;
        vertical-align: top;
        box-sizing: content-box
    }

        .gs18-HeadingLv3--Icon .gs18-HeadingLv3__IconCol > img {
            max-width: 100%
        }

    .gs18-HeadingLv3--Icon .gs18-HeadingLv3__HeadingCol {
        padding-top: 19px;
        display: table-cell;
        vertical-align: top
    }

.gs18-HeadingLv3--IconTop .gs18-HeadingLv3__IconCol {
    display: block;
    text-align: center
}

    .gs18-HeadingLv3--IconTop .gs18-HeadingLv3__IconCol > img {
        max-width: 100%;
        vertical-align: top
    }

.gs18-HeadingLv3--IconTop .gs18-HeadingLv3__HeadingCol {
    display: block;
    text-align: center
}

.gs18-HeadingLv3--Tag .gs18-HeadingLv3__TagCol {
    margin-bottom: 5px;
    display: block
}

.gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag {
    padding: 2px 4px;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 1.2;
    background-color: #fff
}

.gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag--White {
    border-color: #000;
    color: #000;
    background-color: #fff
}

.gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag--Black {
    border-color: #000;
    color: #fff;
    background-color: #000
}

.gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag--Gray {
    border-color: #757575;
    color: #fff;
    background-color: #757575
}

.gs18-HeadingLv3--Tag .gs18-HeadingLv3__HeadingCol {
    display: block
}

.gs18-HeadingLv3--Shoulder .gs18-HeadingLv3__ShoulderCol {
    margin: 0 0 5px;
    display: block;
    line-height: 1.2;
    font-size: 1rem
}

.gs18-HeadingLv3--Shoulder .gs18-HeadingLv3__HeadingCol {
    display: block
}

.gs18-HeadingLv3Unit__SubTextCol {
    margin-top: 5px
}

    .gs18-HeadingLv3Unit__SubTextCol .gs18-Date {
        margin-top: 0;
        line-height: 1.2;
        color: #757575
    }

.gs18-HeadingLv3--Link {
    display: table;
    width: 100%
}

    .gs18-HeadingLv3--Link .gs18-HeadingLv3__HeadingCol {
        display: table-cell
    }

    .gs18-HeadingLv3--Link .gs18-HeadingLv3__LinkCol {
        display: table-cell;
        text-align: right
    }

        .gs18-HeadingLv3--Link .gs18-HeadingLv3__LinkCol .gs18-Link {
            position: relative;
            padding-left: 30px;
            font-size: 1rem;
            text-decoration: none
        }

            .gs18-HeadingLv3--Link .gs18-HeadingLv3__LinkCol .gs18-Link:before {
                position: absolute;
                top: -.2rem;
                left: 0;
                width: 26px;
                height: 26px;
                content: '';
                background-image: url(../img/icon/LinkNext.svg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: contain
            }

            .gs18-HeadingLv3--Link .gs18-HeadingLv3__LinkCol .gs18-Link:active:before, .gs18-HeadingLv3--Link .gs18-HeadingLv3__LinkCol .gs18-Link:focus:before, .gs18-HeadingLv3--Link .gs18-HeadingLv3__LinkCol .gs18-Link:hover:before {
                background-image: url(../img/icon/LinkNext-R.svg)
            }

.gs18-HeadingLv4 {
    margin: 30px 0 0;
    font-weight: 700
}

.gs18-HeadingLv4--Tag .gs18-HeadingLv4__TagCol {
    margin-bottom: 5px;
    display: block
}

.gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag {
    padding: 2px 4px;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 1.2;
    background-color: #fff
}

.gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag--White {
    border-color: #000;
    color: #000;
    background-color: #fff
}

.gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag--Black {
    border-color: #000;
    color: #fff;
    background-color: #000
}

.gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag--Gray {
    border-color: #757575;
    color: #fff;
    background-color: #757575
}

.gs18-HeadingLv4--Tag .gs18-HeadingLv4__HeadingCol {
    display: block
}

.gs18-aHeadingLv5 {
    margin: 20px 0 0;
    font-weight: 400
}

.gs18-aHeadingLv6 {
    margin: 20px 0 0;
    line-height: 1.4;
    color: #595959;
    font-size: 1rem;
    font-weight: 300
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

    .slick-slider .slick-list, .slick-slider .slick-track {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-loading .slick-list {
    background: #fff slick-image-url(../libs/slick/ajax-loader.gif) center center no-repeat
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track::after, .slick-track::before {
        display: table;
        content: ''
    }

    .slick-track::after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[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
}

.gs18-HistorySlide {
    box-sizing: border-box;
    position: relative;
    color: #fff;
    background-color: #1e1e1e
}

    .gs18-HistorySlide .gs18-HistorySlide__Item {
        background-color: #1e1e1e;
        overflow: hidden
    }

        .gs18-HistorySlide .gs18-HistorySlide__Item.slick-current .gs18-HistorySlide__ContentInner {
            left: 0
        }

    .gs18-HistorySlide .gs18-HistorySlide__Img {
        margin: 0;
        padding: 0
    }

        .gs18-HistorySlide .gs18-HistorySlide__Img > img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

    .gs18-HistorySlide .gs18-HistorySlide__Content {
        position: relative;
        box-sizing: border-box
    }

    .gs18-HistorySlide .gs18-HistorySlide__ContentInner {
        box-sizing: border-box;
        width: 100%;
        transition: .9s all ease
    }

    .gs18-HistorySlide .gs18-HistorySlide__Title {
        margin: 0;
        line-height: 1.1;
        font-weight: 700;
        text-align: center
    }

    .gs18-HistorySlide .gs18-HistorySlide__Text, .gs18-HistorySlide .gs18-HistorySlide__TextList {
        margin: 50px 0 0;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.4
    }

    .gs18-HistorySlide .gs18-HistorySlide__Button {
        text-align: right
    }

        .gs18-HistorySlide .gs18-HistorySlide__Button .gs18-ButtonLink {
            margin: 0
        }

    .gs18-HistorySlide .slick-dots {
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        list-style: none;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .gs18-HistorySlide .slick-dots > li {
            font-weight: 500;
            font-size: 18px;
            cursor: pointer
        }

            .gs18-HistorySlide .slick-dots > li.slick-active {
                background-color: #fff;
                color: #000
            }

.gs18-ImageHeading {
    margin: 20px 0 0;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 700
}

.gs18-MediaBlock {
    margin: 30px 0 0
}

.gs18-MediaBlock__ImageCol > .gs18-ImageUnit:first-child {
    margin-top: 0
}

.gs18-ImageUnit {
    margin: 30px 0 0;
    display: block;
    height: auto
}

.gs18-ImageUnit__ImageCol {
    background-color: #ebebeb;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.gs18-ImageUnit__ImageCol--BgTransparent {
    background-color: transparent
}

.gs18-ImageUnit__ImageCol--BgWhite {
    background-color: #fff
}

.gs18-Image {
    max-width: 100%;
    vertical-align: top
}

.gs18-Image--Extend {
    width: 100%
}

.gs18-ImageUnit__CaptionCol .gs18-LinkListItem {
    margin-top: 10px
}

.gs18-IconLegends {
    margin: 0;
    padding: 0;
    list-style: none
}

    .gs18-IconLegends:after {
        display: block;
        clear: both;
        content: ''
    }

.gs18-IconLegendsItem {
    margin: 0 20px 0 0;
    float: left
}

    .gs18-IconLegendsItem img {
        vertical-align: middle
    }

.gs18-SignatureUnit {
    margin-top: 30px;
    text-align: right
}

.gs18-SignatureUnit__DateCol .gs18-Date {
    line-height: 1.4
}

.gs18-SignatureUnit__ImageCol {
    margin-top: 5px
}

.gs18-SignatureName {
    margin: 5px 0 0;
    font-size: .89rem
}

.gs18-SignatureTitle {
    margin: 5px 0 0;
    font-size: .78rem
}

.gs18-LinkList {
    margin: 0;
    padding: 0;
    list-style: none
}

.gs18-LinkListItem {
    margin: 15px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
    box-sizing: border-box
}

.gs18-LinkList--Horizontal {
    margin-right: -15px;
    margin-left: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .gs18-LinkList--Horizontal .gs18-LinkListItem {
        padding-right: 15px;
        padding-left: 45px
    }

.gs18-LinkListItem .gs18-Link {
    position: static;
    padding-left: 0;
    text-decoration: none
}

    .gs18-LinkListItem .gs18-Link:before {
        position: absolute;
        top: -.2rem;
        left: 0;
        width: 26px;
        height: 26px;
        content: '';
        background-image: url(../img/icon/LinkNext.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-LinkListItem .gs18-Link[href]:active, .gs18-LinkListItem .gs18-Link[href]:focus, .gs18-LinkListItem .gs18-Link[href]:hover {
        color: #f50f10
    }

        .gs18-LinkListItem .gs18-Link[href]:active:before, .gs18-LinkListItem .gs18-Link[href]:focus:before, .gs18-LinkListItem .gs18-Link[href]:hover:before {
            background-image: url(../img/icon/LinkNext-R.svg)
        }

.gs18-LinkListItem .gs18-Link--Back:before {
    background-image: url(../img/icon/LinkPrev.svg)
}

.gs18-LinkListItem .gs18-Link--Back[href]:active:before, .gs18-LinkListItem .gs18-Link--Back[href]:focus:before, .gs18-LinkListItem .gs18-Link--Back[href]:hover:before {
    background-image: url(../img/icon/LinkPrev-R.svg)
}

.gs18-LinkListItem .gs18-Link--Disabled:before, .gs18-LinkListItem .gs18-Link--External:before, .gs18-LinkListItem .gs18-Link--Map:before, .gs18-LinkListItem .gs18-Link--Pdf:before, .gs18-LinkListItem .gs18-Link--Social:before, .gs18-LinkListItem .gs18-Link--Xls:before, .gs18-LinkListItem .gs18-Link--Zip:before {
    content: none
}

.gs18-LinkListItem .gs18-Link .gs18-Icon {
    position: absolute;
    top: -.2rem;
    left: 0;
    width: 26px;
    height: 26px
}

.gs18-LinkListItem .gs18-Link--External[href]:active:before, .gs18-LinkListItem .gs18-Link--External[href]:focus:before, .gs18-LinkListItem .gs18-Link--External[href]:hover:before {
    content: '';
    background-image: url(../img/icon/External-R.svg)
}

.gs18-LinkListItem .gs18-Link--External[href]:active .gs18-Icon, .gs18-LinkListItem .gs18-Link--External[href]:focus .gs18-Icon, .gs18-LinkListItem .gs18-Link--External[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-LinkListItem .gs18-Link--Pdf[href]:active:before, .gs18-LinkListItem .gs18-Link--Pdf[href]:focus:before, .gs18-LinkListItem .gs18-Link--Pdf[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Pdf-R.svg)
}

.gs18-LinkListItem .gs18-Link--Pdf[href]:active .gs18-Icon, .gs18-LinkListItem .gs18-Link--Pdf[href]:focus .gs18-Icon, .gs18-LinkListItem .gs18-Link--Pdf[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-LinkListItem .gs18-Link--Xls[href]:active:before, .gs18-LinkListItem .gs18-Link--Xls[href]:focus:before, .gs18-LinkListItem .gs18-Link--Xls[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Excel-R.svg)
}

.gs18-LinkListItem .gs18-Link--Xls[href]:active .gs18-Icon, .gs18-LinkListItem .gs18-Link--Xls[href]:focus .gs18-Icon, .gs18-LinkListItem .gs18-Link--Xls[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-LinkListItem .gs18-Link--Zip[href]:active:before, .gs18-LinkListItem .gs18-Link--Zip[href]:focus:before, .gs18-LinkListItem .gs18-Link--Zip[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Zip-R.svg)
}

.gs18-LinkListItem .gs18-Link--Zip[href]:active .gs18-Icon, .gs18-LinkListItem .gs18-Link--Zip[href]:focus .gs18-Icon, .gs18-LinkListItem .gs18-Link--Zip[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-LinkListItem .gs18-Link--Map[href]:active:before, .gs18-LinkListItem .gs18-Link--Map[href]:focus:before, .gs18-LinkListItem .gs18-Link--Map[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Map-R.svg)
}

.gs18-LinkListItem .gs18-Link--Map[href]:active .gs18-Icon, .gs18-LinkListItem .gs18-Link--Map[href]:focus .gs18-Icon, .gs18-LinkListItem .gs18-Link--Map[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-LinkListItem .gs18-Link--Social .gs18-Icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px
}

.gs18-LinkList--Horizontal .gs18-Link:before {
    left: 15px
}

.gs18-LinkList--Horizontal .gs18-Link .gs18-Icon {
    left: 15px
}

.gs18-LinkList--Size1of2 .gs18-LinkListItem {
    width: 50%
}

.gs18-LinkList--Size1of3 .gs18-LinkListItem {
    width: 33.3333%
}

.gs18-LinkList--Size1of4 .gs18-LinkListItem {
    width: 25%
}

.gs18-DateLinkList {
    margin: 0;
    padding: 0;
    list-style: none
}

.gs18-DateLinkListItem {
    margin: 20px 0 0;
    padding: 0
}

    .gs18-DateLinkListItem .gs18-LinkListItem {
        font-weight: 300
    }

    .gs18-DateLinkListItem .gs18-Date {
        line-height: 1.2;
        font-size: 1rem;
        text-align: left
    }

.gs18-BorderedLinkList {
    margin: 15px 0 0;
    padding: 0;
    list-style: none
}

.gs18-BorderedLinkListItem {
    margin: 0;
    padding: 15px 0 15px 30px;
    border-color: #989898;
    border-style: solid;
    border-width: 0 0 1px;
    position: relative;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
    box-sizing: border-box
}

    .gs18-BorderedLinkListItem:first-child {
        border-top-width: 1px
    }

    .gs18-BorderedLinkListItem .gs18-BorderedLinkList {
        margin-top: 0
    }

    .gs18-BorderedLinkListItem .gs18-BorderedLinkListItem {
        padding-bottom: 0;
        border-width: 0
    }

.gs18-BorderedLinkListItem--NoLink {
    padding-left: 0
}

    .gs18-BorderedLinkListItem--NoLink .gs18-BorderedLinkList {
        margin-left: 30px
    }

.gs18-BorderedLinkListItem .gs18-Link {
    position: static;
    padding-left: 0;
    text-decoration: none
}

    .gs18-BorderedLinkListItem .gs18-Link:before {
        margin-top: -.2rem;
        position: absolute;
        top: auto;
        left: 0;
        width: 26px;
        height: 26px;
        content: '';
        background-image: url(../img/icon/LinkNext.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-BorderedLinkListItem .gs18-Link[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link[href]:hover:before {
        background-image: url(../img/icon/LinkNext-R.svg)
    }

.gs18-BorderedLinkListItem .gs18-Link--Back:before {
    background-image: url(../img/icon/LinkPrev.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--Back[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link--Back[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link--Back[href]:hover:before {
    background-image: url(../img/icon/LinkPrev-R.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--External:before, .gs18-BorderedLinkListItem .gs18-Link--Map:before, .gs18-BorderedLinkListItem .gs18-Link--Pdf:before, .gs18-BorderedLinkListItem .gs18-Link--Social:before, .gs18-BorderedLinkListItem .gs18-Link--Xls:before, .gs18-BorderedLinkListItem .gs18-Link--Zip:before {
    content: none
}

.gs18-BorderedLinkListItem .gs18-Link .gs18-Icon {
    margin-top: -.2rem;
    position: absolute;
    top: auto;
    left: 0;
    width: 26px;
    height: 26px
}

.gs18-BorderedLinkListItem .gs18-Link--External[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link--External[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link--External[href]:hover:before {
    content: '';
    background-image: url(../img/icon/External-R.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--External[href]:active .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--External[href]:focus .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--External[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-BorderedLinkListItem .gs18-Link--Pdf[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link--Pdf[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link--Pdf[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Pdf-R.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--Pdf[href]:active .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Pdf[href]:focus .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Pdf[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-BorderedLinkListItem .gs18-Link--Xls[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link--Xls[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link--Xls[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Excel-R.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--Xls[href]:active .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Xls[href]:focus .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Xls[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-BorderedLinkListItem .gs18-Link--Zip[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link--Zip[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link--Zip[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Zip-R.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--Zip[href]:active .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Zip[href]:focus .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Zip[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-BorderedLinkListItem .gs18-Link--Map[href]:active:before, .gs18-BorderedLinkListItem .gs18-Link--Map[href]:focus:before, .gs18-BorderedLinkListItem .gs18-Link--Map[href]:hover:before {
    content: '';
    background-image: url(../img/icon/Map-R.svg)
}

.gs18-BorderedLinkListItem .gs18-Link--Map[href]:active .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Map[href]:focus .gs18-Icon, .gs18-BorderedLinkListItem .gs18-Link--Map[href]:hover .gs18-Icon {
    opacity: 0
}

.gs18-BorderedLinkListItem .gs18-Link--Social .gs18-Icon {
    position: absolute;
    margin-top: 0;
    left: 0;
    width: 18px;
    height: 18px
}

.gs18-SitemapList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gs18-SitemapListItem {
    width: 33.3333%;
    margin: 15px 0 0;
    padding: 0 15px 0 45px;
    position: relative;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
    box-sizing: border-box
}

    .gs18-SitemapListItem .gs18-SitemapList {
        padding: 0 0 0 60px
    }

        .gs18-SitemapListItem .gs18-SitemapList .gs18-SitemapListItem {
            width: 100%
        }

.gs18-SitemapListItem--NoLink {
    padding-left: 0
}

    .gs18-SitemapListItem--NoLink .gs18-SitemapList .gs18-SitemapListItem {
        padding-left: 45px
    }

.gs18-SitemapListItem .gs18-Link {
    position: static;
    padding-left: 0;
    text-decoration: none
}

    .gs18-SitemapListItem .gs18-Link:before {
        position: absolute;
        top: -.2rem;
        left: 15px;
        width: 26px;
        height: 26px;
        content: '';
        background-image: url(../img/icon/LinkNext.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-SitemapListItem .gs18-Link[href]:active:before, .gs18-SitemapListItem .gs18-Link[href]:focus:before, .gs18-SitemapListItem .gs18-Link[href]:hover:before {
        background-image: url(../img/icon/LinkNext-R.svg)
    }

.gs18-ListHeading {
    margin: 20px 0 0;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 700
}

.gs18-OList {
    margin: 20px 0 0
}

.gs18-OListItem {
    margin: 10px 0 0
}

.gs18-OList .gs18-OList {
    margin-top: 0;
    counter-reset: BracketNumber
}

.gs18-OList * .gs18-OListItem {
    position: relative;
    list-style: none;
    counter-increment: BracketNumber
}

    .gs18-OList * .gs18-OListItem:before {
        padding-right: 5px;
        position: absolute;
        content: "(" counter(BracketNumber) ")";
        text-align: right;
        box-sizing: border-box
    }

.gs18-OListBrackets {
    margin: 20px 0 0;
    list-style: none
}

.gs18-OListBracketsItem {
    margin: 10px 0 0;
    position: relative
}

.gs18-OListBracketsItem__Marker {
    padding-right: 5px;
    display: inline-block;
    position: absolute;
    text-align: right;
    box-sizing: border-box
}

.gs18-OListBrackets .gs18-OListBrackets {
    margin-top: 0
}

.gs18-UList {
    margin: 20px 0 0;
    list-style: none
}

.gs18-UListItem {
    margin: 10px 0 0;
    position: relative
}

    .gs18-UListItem:before {
        margin: .2em 0 0;
        position: absolute;
        top: 5px;
        left: -20px;
        width: 5px;
        height: 5px;
        content: '';
        background-color: #595959;
        border-radius: 50%;
        box-sizing: border-box
    }

.gs18-UList .gs18-UList {
    margin-top: 0
}

    .gs18-UList .gs18-UList .gs18-UListItem:before {
        border: solid 1px #595959;
        width: 6px;
        height: 6px;
        background-color: #fff
    }

.gs18-UListUnmarked {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.gs18-UListUnmarkedItem {
    margin: 10px 0 0
}

.gs18-UListUnmarked .gs18-UListUnmarked {
    margin-top: 0
}

.gs18-DList {
    margin: 20px 0 0
}

.gs18-DListTitle {
    margin: 10px 0 0
}

.gs18-MicroMacro {
    position: relative
}

.gs18-MicroMacro__Item {
    padding: 20px 30px 60px;
    box-sizing: border-box;
    background-color: #000;
    color: #fff;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    outline: 0
}

    .gs18-MicroMacro__Item:focus, .gs18-MicroMacro__Item:hover {
        background-color: #2d2d2d
    }

        .gs18-MicroMacro__Item:focus .gs18-MicroMacro__Heading, .gs18-MicroMacro__Item:hover .gs18-MicroMacro__Heading {
            color: #f50f10
        }

        .gs18-MicroMacro__Item:focus .gs18-MicroMacro__TriggerIcon::before, .gs18-MicroMacro__Item:hover .gs18-MicroMacro__TriggerIcon::before {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background-color: red
        }

        .gs18-MicroMacro__Item:focus .gs18-MicroMacro__TriggerIcon::after, .gs18-MicroMacro__Item:hover .gs18-MicroMacro__TriggerIcon::after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background-color: red
        }

.gs18-MicroMacro__MoreText {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: ease-in .4s
}

.gs18-MicroMacro__Links {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 30px;
    width: 100%;
    height: 56px;
    box-sizing: border-box
}

.gs18-MicroMacro .gs18-ButtonLink {
    display: none;
    margin: 0;
    border: 0;
    position: relative
}

.gs18-MicroMacro__TriggerIcon {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1;
    display: block;
    width: 26px;
    height: 26px
}

    .gs18-MicroMacro__TriggerIcon::after, .gs18-MicroMacro__TriggerIcon::before {
        content: '';
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        background-color: #000;
        position: absolute;
        width: 26px;
        height: 2px;
        top: 12px;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s,-webkit-transform .4s
    }

    .gs18-MicroMacro__TriggerIcon::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.gs18-MicroMacro__Item.is-open {
    background-color: #fff;
    color: #f50f10
}

    .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__Heading {
        color: #000
    }

    .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__MoreText {
        opacity: 1;
        height: 100%
    }

    .gs18-MicroMacro__Item.is-open .gs18-ButtonLink {
        display: inline-block;
        padding-left: 0
    }

    .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__TriggerIcon:after, .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__TriggerIcon:before {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background-color: #000
    }

    .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__HiddenImage {
        opacity: 1
    }

.gs18-MicroMacro--Image .gs18-MicroMacro__Item {
    position: relative
}

    .gs18-MicroMacro--Image .gs18-MicroMacro__Item.is-open {
        color: #fff
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__Heading, .gs18-MicroMacro--Image .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__MoreText {
            color: #fff
        }

        .gs18-MicroMacro--Image .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__TriggerIcon:after, .gs18-MicroMacro--Image .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__TriggerIcon:before {
            background-color: #fff
        }

    .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="0"] {
        background-color: #000
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="0"].is-open {
            background-color: #000
        }

    .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="1"] {
        background-color: #141414
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="1"].is-open {
            background-color: #141414
        }

    .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="2"] {
        background-color: #1e1e1e
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="2"].is-open {
            background-color: #1e1e1e
        }

    .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="3"] {
        background-color: #272727
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__Item[data-bg-darken="3"].is-open {
            background-color: #272727
        }

.gs18-MicroMacro--Image .gs18-MicroMacro__Caption {
    position: relative;
    z-index: 2
}

.gs18-MicroMacro--Image .gs18-MicroMacro__BgImg {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    opacity: .5;
    transition: all .3s
}

    .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg > img {
        vertical-align: top
    }

.gs18-MicroMacroWrap {
    background-color: #000
}

    .gs18-MicroMacroWrap .gs18-MicroMacro__Title {
        margin: 0;
        padding: 30px 30px 10px;
        color: #fff
    }

.gs18-MovieUnit {
    margin: 30px 0 0
}

.gs18-MovieUnit__MovieCol {
    background-color: #f6f6f6
}

    .gs18-MovieUnit__MovieCol .video-js {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.gs18-MovieUnit__MovieCol--BrightcoveOld {
    padding-top: 56.25%;
    position: relative;
    height: 0
}

    .gs18-MovieUnit__MovieCol--BrightcoveOld .BrightcoveExperience {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.gs18-PageTitleUnit {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    max-width: 1920px;
    background: #f0f0f0;
}

.gs18-PageTitleUnit__Inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.gs18-PageTitleUnit__CategoryCol {
    width: 100%;
    box-sizing: border-box
}

    .gs18-PageTitleUnit__CategoryCol .gs18-Category {
        margin: 0;
        line-height: 1.2;
        font-weight: 300;
        font-style: italic
    }

.gs18-PageTitleUnit__ShoulderCol {
    width: 100%;
    box-sizing: border-box
}

.gs18-PageTitleUnit__TitleCol {
    width: 100%;
    box-sizing: border-box
}

    .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        margin: 0;
        line-height: 1;
        font-weight: 700
    }

.gs18-PageTitleUnit__SubTitleCol {
    width: 100%;
    box-sizing: border-box
}

.gs18-PageTitleUnit__ButtonCol {
    width: 100%;
    box-sizing: border-box
}

    .gs18-PageTitleUnit__ButtonCol .gs18-ButtonLink {
        color: #000;
        border-color: #fff;
        background-color: #fff
    }

        .gs18-PageTitleUnit__ButtonCol .gs18-ButtonLink:active, .gs18-PageTitleUnit__ButtonCol .gs18-ButtonLink:focus, .gs18-PageTitleUnit__ButtonCol .gs18-ButtonLink:hover {
            color: #f50f10
        }

.gs18-PageTitleUnit--BgImage {
    position: relative;
    color: #fff;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat
}

    .gs18-PageTitleUnit--BgImage:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        content: ''
    }

    .gs18-PageTitleUnit--BgImage .gs18-PageTitleUnit__Inner {
        position: relative;
        z-index: 1
    }

/* .gs18-PageTitleUnit--BgFilter:after{background-color:rgba(0,0,0,.3)} */
.gs18-SelectButtonUnit {
    margin: 20px 0 0;
    display: inline-block;
    position: relative;
    background-color: #fff
}

    .gs18-SelectButtonUnit:after {
        position: absolute;
        top: 10px;
        right: 13px;
        z-index: 0;
        content: '';
        width: 26px;
        height: 26px;
        background-image: url(../img/icon/LinkDown.svg);
        background-position: center;
        background-repeat: no-repeat
    }

.gs18-SelectButton {
    padding: 10px 51px 10px 13px;
    border: solid 2px #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: 1.4;
    color: #000;
    background-color: transparent;
    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .gs18-SelectButton:focus, .gs18-SelectButton:hover {
        cursor: pointer
    }

    .gs18-SelectButton::-ms-expand {
        display: none
    }

    .gs18-SelectButton > option {
        color: #000
    }

.gs18-LineTable {
    margin: 30px 0 0;
    width: 100%;
    font-size: .89rem;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left
}

.gs18-LineTableBodyTh {
    padding: 15px 0;
    border-color: #757575;
    border-style: solid;
    border-width: 1px 0;
    font-weight: inherit;
    vertical-align: top
}

.gs18-LineTableBodyTd {
    padding: 15px 0;
    border-color: #757575;
    border-style: solid;
    border-width: 1px 0;
    vertical-align: top
}

.gs18-LineTableUnit__AnnotationCol .gs18-UAnnotationList {
    margin-top: 10px
}

.gs18-LineTableUnit__AnnotationCol .gs18-OAnnotationList {
    margin-top: 10px
}

.gs18-LineTableBodyTd .gs18-LinkListItem:first-child, .gs18-LineTableBodyTd .gs18-OListBracketsItem:first-child, .gs18-LineTableBodyTd .gs18-OListItem:first-child, .gs18-LineTableBodyTd .gs18-UListItem:first-child, .gs18-LineTableBodyTd .gs18-UListUnmarkedItem:first-child, .gs18-LineTableBodyTd > :first-child, .gs18-LineTableBodyTh .gs18-LinkListItem:first-child, .gs18-LineTableBodyTh .gs18-OListBracketsItem:first-child, .gs18-LineTableBodyTh .gs18-OListItem:first-child, .gs18-LineTableBodyTh .gs18-UListItem:first-child, .gs18-LineTableBodyTh .gs18-UListUnmarkedItem:first-child, .gs18-LineTableBodyTh > :first-child {
    margin-top: 0
}

.gs18-LineTableBodyTd .gs18-LinkList--Size1of2:first-child .gs18-LinkListItem:nth-child(-n+2), .gs18-LineTableBodyTd .gs18-LinkList--Size1of3:first-child .gs18-LinkListItem:nth-child(-n+3), .gs18-LineTableBodyTd .gs18-LinkList--Size1of4:first-child .gs18-LinkListItem:nth-child(-n+4), .gs18-LineTableBodyTh .gs18-LinkList--Size1of2:first-child .gs18-LinkListItem:nth-child(-n+2), .gs18-LineTableBodyTh .gs18-LinkList--Size1of3:first-child .gs18-LinkListItem:nth-child(-n+3), .gs18-LineTableBodyTh .gs18-LinkList--Size1of4:first-child .gs18-LinkListItem:nth-child(-n+4) {
    margin-top: 0
}

.gs18-LineTableBodyTd .gs18-OList, .gs18-LineTableBodyTd .gs18-OListBrackets, .gs18-LineTableBodyTd .gs18-UList, .gs18-LineTableBodyTd .gs18-UListUnmarked .gs18-UListUnmarked, .gs18-LineTableBodyTh .gs18-OList, .gs18-LineTableBodyTh .gs18-OListBrackets, .gs18-LineTableBodyTh .gs18-UList, .gs18-LineTableBodyTh .gs18-UListUnmarked .gs18-UListUnmarked {
    padding-left: 30px
}

.gs18-Table {
    margin: 30px 0 0;
    border: solid 1px #ccc;
    width: 100%;
    font-size: .89rem;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
    box-sizing: border-box
}

[data-js-gs18-responsive-table] > .gs18-Table {
    min-width: 960px
}

.gs18-TableCaption {
    margin: 0 0 10px;
    font-weight: 700;
    text-align: left
}

.gs18-TableBodyTd, .gs18-TableBodyTh, .gs18-TableHeadTh {
    padding: 15px;
    border: solid 1px #ccc;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.gs18-TableHeadTh {
    background-color: #e1e1e1;
    font-weight: inherit
}

.gs18-TableBodyTh {
    background-color: #ececec;
    font-weight: inherit
}

.gs18-TableBodyTh--GroupHeading {
    border-bottom-width: 0
}

.gs18-TableBodyTh:empty {
    border-top-width: 0;
    border-bottom-width: 0
}

.gs18-TableBodyTh--Sub {
    background-color: #f6f6f6
}

.gs18-TableBodyTd {
    background-color: #fff
}

.gs18-Table--AllLeft {
    text-align: left
}

.gs18-Table--AllCenter {
    text-align: center;
    list-style-position: inside;
}

.gs18-Table--Article p:first-of-type {
    text-align: center;
    list-style-position: inside;
}

.gs18-Table--AllRight {
    text-align: right
}

.gs18-Table--TheadLeft .gs18-TableHeadTh {
    text-align: left
}

.gs18-Table--TheadCenter .gs18-TableHeadTh {
    text-align: center
}

.gs18-Table--TheadRight .gs18-TableHeadTh {
    text-align: right
}

.gs18-Table--TdLeft .gs18-TableBodyTd {
    text-align: left
}

.gs18-Table--TdCenter .gs18-TableBodyTd {
    text-align: center
}

.gs18-Table--TdRight .gs18-TableBodyTd {
    text-align: right
}

.gs18-TableUnit__AnnotationCol .gs18-UAnnotationList {
    margin-top: 10px
}

.gs18-TableUnit__AnnotationCol .gs18-OAnnotationList {
    margin-top: 10px
}

.gs18-TableBodyTd .gs18-LinkListItem:first-child, .gs18-TableBodyTd .gs18-OListBracketsItem:first-child, .gs18-TableBodyTd .gs18-OListItem:first-child, .gs18-TableBodyTd .gs18-UListItem:first-child, .gs18-TableBodyTd .gs18-UListUnmarkedItem:first-child, .gs18-TableBodyTd > :first-child, .gs18-TableBodyTh .gs18-LinkListItem:first-child, .gs18-TableBodyTh .gs18-OListBracketsItem:first-child, .gs18-TableBodyTh .gs18-OListItem:first-child, .gs18-TableBodyTh .gs18-UListItem:first-child, .gs18-TableBodyTh .gs18-UListUnmarkedItem:first-child, .gs18-TableBodyTh > :first-child {
    margin-top: 0
}

.gs18-TableBodyTd .gs18-LinkList--Size1of2:first-child .gs18-LinkListItem:nth-child(-n+2), .gs18-TableBodyTd .gs18-LinkList--Size1of3:first-child .gs18-LinkListItem:nth-child(-n+3), .gs18-TableBodyTd .gs18-LinkList--Size1of4:first-child .gs18-LinkListItem:nth-child(-n+4), .gs18-TableBodyTh .gs18-LinkList--Size1of2:first-child .gs18-LinkListItem:nth-child(-n+2), .gs18-TableBodyTh .gs18-LinkList--Size1of3:first-child .gs18-LinkListItem:nth-child(-n+3), .gs18-TableBodyTh .gs18-LinkList--Size1of4:first-child .gs18-LinkListItem:nth-child(-n+4) {
    margin-top: 0
}

.gs18-TableBodyTd .gs18-OList, .gs18-TableBodyTd .gs18-OListBrackets, .gs18-TableBodyTd .gs18-UList, .gs18-TableBodyTd .gs18-UListUnmarked .gs18-UListUnmarked, .gs18-TableBodyTh .gs18-OList, .gs18-TableBodyTh .gs18-OListBrackets, .gs18-TableBodyTh .gs18-UList, .gs18-TableBodyTh .gs18-UListUnmarked .gs18-UListUnmarked {
    padding-left: 30px
}

.gs18-Text {
    margin: 20px 0 0
}

.gs18-Strong {
    font-weight: 500
}

.gs18-CaptionTitle {
    margin: 10px 0 0;
    font-weight: 500
}

.gs18-Caption {
    margin: 10px 0 0
}

.gs18-CaptionTitle + .gs18-Caption {
    margin-top: 5px
}

.gs18-Date {
    margin: 0;
    line-height: 1.2;
    font-size: .78rem;
    text-align: right
}

.gs18-ForeignLang {
    font-style: italic
}

.gs18-TextTag {
    padding: 4px 4px 5px 5px;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 1.2;
    background-color: #fff
}

.gs18-TextTag--White {
    border-color: #000;
    color: #000;
    background-color: #fff
}

.gs18-TextTag--Black {
    border-color: #000;
    color: #fff;
    background-color: #000
}

.gs18-TextTag--Gray {
    border-color: #757575;
    color: #fff;
    background-color: #757575
}

.gs18-TextTagList {
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

    .gs18-TextTagList:after {
        content: '';
        display: block;
        clear: both
    }

.gs18-TextTagListItem {
    margin: 10px 10px 0 0;
    padding: 0;
    float: left
}

.gs18-Tile {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    min-height: 1px
}

.gs18-TileItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box
}

.gs18-TileItem__Body, .gs18-TileItem__Foot, .gs18-TileItem__Head {
    padding: 15px;
    box-sizing: border-box
}

.gs18-TileItem__Head {
    width: 100%
}

.gs18-TileItem__Foot {
    width: 100%
}

.gs18-TileItem__Media {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    height: 350px;
    box-sizing: border-box
}

    .gs18-TileItem__Media .gs18-TileMediaImage {
        position: relative;
        overflow: hidden;
        height: 100%;
        text-align: center
    }

        .gs18-TileItem__Media .gs18-TileMediaImage .gs18-Image {
            position: absolute;
            top: 50%;
            left: 50%;
            max-width: none;
            width: auto;
            height: 100%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.gs18-TileItem__Body {
    -webkit-box-flex: 20;
    -ms-flex: 20 0 auto;
    flex: 20 0 auto;
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.gs18-TileItem__Head + .gs18-TileItem__Body, .gs18-TileItem__Head + .gs18-TileItem__Media + .gs18-TileItem__Body {
    padding-top: 0
}

.gs18-TileItem__Body--PosLeft, .gs18-TileItem__Foot--PosLeft {
    margin-right: auto;
    margin-left: 0
}

.gs18-TileItem__Body--PosCenter, .gs18-TileItem__Foot--PosCenter {
    margin-right: auto;
    margin-left: auto
}

.gs18-TileItem__Body--PosRight, .gs18-TileItem__Foot--PosRight {
    margin-right: 0;
    margin-left: auto
}

.gs18-TileItem--BgFilterDark:after, .gs18-TileItem--BgFilterLight:after, .gs18-TileItem--BgFilterNormal:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: ''
}

.gs18-TileItem--BgFilterLight:after {
    background-color: rgba(0,0,0,.3)
}

.gs18-TileItem--BgFilterNormal:after {
    background-color: rgba(0,0,0,.5)
}

.gs18-TileItem--BgFilterDark:after {
    background-color: rgba(0,0,0,.7)
}

.gs18-TileItem--BgBlack {
    color: #fff;
    background-color: #000 !important
}

    .gs18-TileItem--BgBlack[class*=BgFilterLight]:after {
        background-color: rgba(0,0,0,.3)
    }

    .gs18-TileItem--BgBlack[class*=BgFilterNormal]:after {
        background-color: rgba(0,0,0,.5)
    }

    .gs18-TileItem--BgBlack[class*=BgFilterDark]:after {
        background-color: rgba(0,0,0,.7)
    }

.gs18-TileItem--BgGray950 {
    color: #fff;
    background-color: #141414 !important
}

    .gs18-TileItem--BgGray950[class*=BgFilterLight]:after {
        background-color: rgba(20,20,20,.3)
    }

    .gs18-TileItem--BgGray950[class*=BgFilterNormal]:after {
        background-color: rgba(20,20,20,.5)
    }

    .gs18-TileItem--BgGray950[class*=BgFilterDark]:after {
        background-color: rgba(20,20,20,.7)
    }

.gs18-TileItem--BgGray900 {
    color: #fff;
    background-color: #1e1e1e !important
}

    .gs18-TileItem--BgGray900[class*=BgFilterLight]:after {
        background-color: rgba(30,30,30,.3)
    }

    .gs18-TileItem--BgGray900[class*=BgFilterNormal]:after {
        background-color: rgba(30,30,30,.5)
    }

    .gs18-TileItem--BgGray900[class*=BgFilterDark]:after {
        background-color: rgba(30,30,30,.7)
    }

.gs18-TileItem--BgGray800 {
    color: #fff;
    background-color: #272727 !important
}

    .gs18-TileItem--BgGray800[class*=BgFilterLight]:after {
        background-color: rgba(39,39,39,.3)
    }

    .gs18-TileItem--BgGray800[class*=BgFilterNormal]:after {
        background-color: rgba(39,39,39,.5)
    }

    .gs18-TileItem--BgGray800[class*=BgFilterDark]:after {
        background-color: rgba(39,39,39,.7)
    }

.gs18-TileItem--BgGray700 {
    color: #fff;
    background-color: #4d4d4d !important
}

    .gs18-TileItem--BgGray700[class*=BgFilterLight]:after {
        background-color: rgba(77,77,77,.3)
    }

    .gs18-TileItem--BgGray700[class*=BgFilterNormal]:after {
        background-color: rgba(77,77,77,.5)
    }

    .gs18-TileItem--BgGray700[class*=BgFilterDark]:after {
        background-color: rgba(77,77,77,.7)
    }

.gs18-TileItem--BgGray500 {
    color: #fff;
    background-color: #757575 !important
}

    .gs18-TileItem--BgGray500[class*=BgFilterLight]:after {
        background-color: rgba(117,117,117,.3)
    }

    .gs18-TileItem--BgGray500[class*=BgFilterNormal]:after {
        background-color: rgba(117,117,117,.5)
    }

    .gs18-TileItem--BgGray500[class*=BgFilterDark]:after {
        background-color: rgba(117,117,117,.7)
    }

.gs18-TileItem--BgGray400 {
    color: #fff;
    background-color: #989898 !important
}

    .gs18-TileItem--BgGray400[class*=BgFilterLight]:after {
        background-color: rgba(152,152,152,.3)
    }

    .gs18-TileItem--BgGray400[class*=BgFilterNormal]:after {
        background-color: rgba(152,152,152,.5)
    }

    .gs18-TileItem--BgGray400[class*=BgFilterDark]:after {
        background-color: rgba(152,152,152,.7)
    }

.gs18-TileItem--BgGray220 {
    background-color: #dbdbdb !important
}

.gs18-TileItem--BgGray200 {
    background-color: #e0e0e0 !important
}

.gs18-TileItem--BgGray120 {
    background-color: #ebebeb !important
}

.gs18-TileItem--BgGray100 {
    background-color: #f0f0f0 !important
}

.gs18-TileItem--BgGray070 {
    background-color: #f5f5f5 !important
}

.gs18-TileItem--BgGray050 {
    background-color: #fafafa !important
}

.gs18-TileItem--BgWhite {
    background-color: #fff !important
}

.gs18-TileItem--BgImage {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.gs18-TileItem--BgImageWhite {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.gs18-TileItem--BgPosRightTop {
    background-position: right top
}

.gs18-TileItem--BgPosRightMiddle {
    background-position: right center
}

.gs18-TileItem--BgPosRightBottom {
    background-position: right bottom
}

.gs18-TileItem--BgPosLeftTop {
    background-position: left top
}

.gs18-TileItem--BgPosLeftMiddle {
    background-position: left center
}

.gs18-TileItem--BgPosLeftBottom {
    background-position: left bottom
}

.gs18-TileItem--BgPosCenterTop {
    background-position: center top
}

.gs18-TileItem--BgPosCenterMiddle {
    background-position: center center
}

.gs18-TileItem--BgPosCenterBottom {
    background-position: center bottom
}

.gs18-TileMedia--ImgFilterDark:after, .gs18-TileMedia--ImgFilterLight:after, .gs18-TileMedia--ImgFilterNormal:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.gs18-TileMedia--ImgFilterLight:after {
    background-color: rgba(0,0,0,.3)
}

.gs18-TileMedia--ImgFilterNormal:after {
    background-color: rgba(0,0,0,.5)
}

.gs18-TileMedia--ImgFilterDark:after {
    background-color: rgba(0,0,0,.7)
}

.gs18-Tile:nth-child(2n-1) .gs18-TileMedia:nth-child(2n-1) {
    background-color: #f5f5f5
}

.gs18-Tile:nth-child(2n-1) .gs18-TileMedia:nth-child(2n) {
    background-color: #fafafa
}

.gs18-Tile:nth-child(2n) .gs18-TileMedia:nth-child(2n-1) {
    background-color: #ebebeb
}

.gs18-Tile:nth-child(2n) .gs18-TileMedia:nth-child(2n) {
    background-color: #f0f0f0
}

.gs18-TileMedia--BgBlack {
    color: #fff;
    background-color: #000 !important
}

    .gs18-TileMedia--BgBlack[class*=BgFilterLight]:after {
        background-color: rgba(0,0,0,.3)
    }

    .gs18-TileMedia--BgBlack[class*=BgFilterNormal]:after {
        background-color: rgba(0,0,0,.5)
    }

    .gs18-TileMedia--BgBlack[class*=BgFilterDark]:after {
        background-color: rgba(0,0,0,.7)
    }

.gs18-TileMedia--BgGray950 {
    color: #fff;
    background-color: #141414 !important
}

    .gs18-TileMedia--BgGray950[class*=BgFilterLight]:after {
        background-color: rgba(20,20,20,.3)
    }

    .gs18-TileMedia--BgGray950[class*=BgFilterNormal]:after {
        background-color: rgba(20,20,20,.5)
    }

    .gs18-TileMedia--BgGray950[class*=BgFilterDark]:after {
        background-color: rgba(20,20,20,.7)
    }

.gs18-TileMedia--BgGray900 {
    color: #fff;
    background-color: #1e1e1e !important
}

    .gs18-TileMedia--BgGray900[class*=BgFilterLight]:after {
        background-color: rgba(30,30,30,.3)
    }

    .gs18-TileMedia--BgGray900[class*=BgFilterNormal]:after {
        background-color: rgba(30,30,30,.5)
    }

    .gs18-TileMedia--BgGray900[class*=BgFilterDark]:after {
        background-color: rgba(30,30,30,.7)
    }

.gs18-TileMedia--BgGray800 {
    color: #fff;
    background-color: #272727 !important
}

    .gs18-TileMedia--BgGray800[class*=BgFilterLight]:after {
        background-color: rgba(39,39,39,.3)
    }

    .gs18-TileMedia--BgGray800[class*=BgFilterNormal]:after {
        background-color: rgba(39,39,39,.5)
    }

    .gs18-TileMedia--BgGray800[class*=BgFilterDark]:after {
        background-color: rgba(39,39,39,.7)
    }

.gs18-TileMedia--BgGray700 {
    color: #fff;
    background-color: #4d4d4d !important
}

    .gs18-TileMedia--BgGray700[class*=BgFilterLight]:after {
        background-color: rgba(77,77,77,.3)
    }

    .gs18-TileMedia--BgGray700[class*=BgFilterNormal]:after {
        background-color: rgba(77,77,77,.5)
    }

    .gs18-TileMedia--BgGray700[class*=BgFilterDark]:after {
        background-color: rgba(77,77,77,.7)
    }

.gs18-TileMedia--BgGray500 {
    color: #fff;
    background-color: #757575 !important
}

    .gs18-TileMedia--BgGray500[class*=BgFilterLight]:after {
        background-color: rgba(117,117,117,.3)
    }

    .gs18-TileMedia--BgGray500[class*=BgFilterNormal]:after {
        background-color: rgba(117,117,117,.5)
    }

    .gs18-TileMedia--BgGray500[class*=BgFilterDark]:after {
        background-color: rgba(117,117,117,.7)
    }

.gs18-TileMedia--BgGray400 {
    color: #fff;
    background-color: #989898 !important
}

    .gs18-TileMedia--BgGray400[class*=BgFilterLight]:after {
        background-color: rgba(152,152,152,.3)
    }

    .gs18-TileMedia--BgGray400[class*=BgFilterNormal]:after {
        background-color: rgba(152,152,152,.5)
    }

    .gs18-TileMedia--BgGray400[class*=BgFilterDark]:after {
        background-color: rgba(152,152,152,.7)
    }

.gs18-TileMedia--BgGray220 {
    background-color: #dbdbdb !important
}

.gs18-TileMedia--BgGray200 {
    background-color: #e0e0e0 !important
}

.gs18-TileMedia--BgGray120 {
    background-color: #6dd0e317 !important
}

.gs18-TileMedia--BgGray100 {
    background-color: #efefef !important
}

.gs18-TileMedia--BgGray070 {
    background-color: #f3f3f3 !important
}

.gs18-TileMedia--BgGray050 {
    background-color: #fafafa !important
}

.gs18-TileMedia--BgWhite {
    background-color: #fff !important
}

.gs18-Tile--AlignMiddle {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

    .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner {
        margin: 0 auto;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner .gs18-TileItem__Body, .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner .gs18-TileItem__Head {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

            .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner .gs18-TileItem__Body + .gs18-TileItem__Foot, .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner .gs18-TileItem__Head + .gs18-TileItem__Foot {
                padding-top: 0
            }

.gs18-TileItem--Pictgram > .gs18-TileItem__Pictgram {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 96px;
    max-height: 96px;
    min-width: 76px;
    min-height: 76px;
    width: 10vw;
    height: 10vw
}

    .gs18-TileItem--Pictgram > .gs18-TileItem__Pictgram img {
        width: 100%;
        height: 100%
    }

.gs18-TileItem--Pictgram > .gs18-TileItem__Body, .gs18-TileItem--Pictgram > .gs18-TileItem__Head {
    margin-right: 96px;
    width: auto
}

.gs18-Tile--Loop {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .gs18-Tile--Loop > .gs18-TileItem {
        background-color: transparent !important
    }

        .gs18-Tile--Loop > .gs18-TileItem:before {
            border-color: #757575;
            border-width: 1px 0 0;
            border-style: solid;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            content: ''
        }

.gs18-Tile--Button {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .gs18-Tile--Button > .gs18-TileItem:link, .gs18-Tile--Button > .gs18-TileItem:visited {
        text-decoration: none
    }

    .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body {
        position: relative;
        border-color: #fff;
        border-style: solid;
        border-width: 1px;
        color: #000;
        background-color: #fff;
        transition: .3s background
    }

        .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body:before {
            position: absolute;
            right: 0;
            bottom: 15px;
            width: 60px;
            height: 26px;
            content: '';
            background-image: url(../img/icon/ArrowNext.svg);
            background-position: right 15px center;
            background-repeat: no-repeat;
            background-size: contain
        }

    .gs18-Tile--Button > .gs18-TileItem:active > .gs18-TileItem__Body, .gs18-Tile--Button > .gs18-TileItem:focus > .gs18-TileItem__Body, .gs18-Tile--Button > .gs18-TileItem:hover > .gs18-TileItem__Body {
        color: #f50f10;
        background-color: #fff
    }

        .gs18-Tile--Button > .gs18-TileItem:active > .gs18-TileItem__Body:before, .gs18-Tile--Button > .gs18-TileItem:focus > .gs18-TileItem__Body:before, .gs18-Tile--Button > .gs18-TileItem:hover > .gs18-TileItem__Body:before {
            background-image: url(../img/icon/ArrowNext-R.svg)
        }

.gs18-TileItem .gs18-Tile:not(.gs18-Tile--Loop) .gs18-TileItem:not([class*=--Bg]) .gs18-TileItem__Body: first-child {
    padding-top: 0
}

.gs18-TileItem .gs18-Tile:nth-child(2n), .gs18-TileItem .gs18-Tile:nth-child(2n-1) {
    background-color: transparent
}

.gs18-Tile:nth-child(2n) .gs18-TileItem .gs18-TileItem:nth-child(2n), .gs18-Tile:nth-child(2n) .gs18-TileItem .gs18-TileItem:nth-child(2n-1), .gs18-Tile:nth-child(2n-1) .gs18-TileItem .gs18-TileItem:nth-child(2n), .gs18-Tile:nth-child(2n-1) .gs18-TileItem .gs18-TileItem:nth-child(2n-1) {
    background-color: transparent
}

.gs18-TileItem__Body > :first-child, .gs18-TileItem__Foot > :first-child, .gs18-TileItem__Head > :first-child {
    margin-top: 0
}

.gs18-TileItem__Body > .gs18-AnnotationUnit:first-child .gs18-ListHeading, .gs18-TileItem__Body > .gs18-DateLinkList:first-child > .gs18-DateLinkListItem:first-child, .gs18-TileItem__Body > .gs18-HeadingLv2Unit:first-child .gs18-HeadingLv2, .gs18-TileItem__Body > .gs18-HeadingLv3Unit:first-child .gs18-HeadingLv3, .gs18-TileItem__Body > .gs18-HeadingLv4Unit:first-child .gs18-HeadingLv4, .gs18-TileItem__Body > .gs18-LineTableUnit:first-child .gs18-LineTableUnit__TableCol .gs18-LineTable, .gs18-TileItem__Body > .gs18-LinkList--Size1of2:first-child > .gs18-LinkListItem:nth-child(-n+2), .gs18-TileItem__Body > .gs18-LinkList--Size1of3:first-child > .gs18-LinkListItem:nth-child(-n+3), .gs18-TileItem__Body > .gs18-LinkList--Size1of4:first-child > .gs18-LinkListItem:nth-child(-n+4), .gs18-TileItem__Body > .gs18-LinkList:first-child > .gs18-LinkListItem:first-child, .gs18-TileItem__Body > .gs18-TableUnit:first-child .gs18-TableUnit__TableCol .gs18-Table, .gs18-TileItem__Foot > .gs18-AnnotationUnit:first-child .gs18-ListHeading, .gs18-TileItem__Foot > .gs18-DateLinkList:first-child > .gs18-DateLinkListItem:first-child, .gs18-TileItem__Foot > .gs18-HeadingLv2Unit:first-child .gs18-HeadingLv2, .gs18-TileItem__Foot > .gs18-HeadingLv3Unit:first-child .gs18-HeadingLv3, .gs18-TileItem__Foot > .gs18-HeadingLv4Unit:first-child .gs18-HeadingLv4, .gs18-TileItem__Foot > .gs18-LineTableUnit:first-child .gs18-LineTableUnit__TableCol .gs18-LineTable, .gs18-TileItem__Foot > .gs18-LinkList--Size1of2:first-child > .gs18-LinkListItem:nth-child(-n+2), .gs18-TileItem__Foot > .gs18-LinkList--Size1of3:first-child > .gs18-LinkListItem:nth-child(-n+3), .gs18-TileItem__Foot > .gs18-LinkList--Size1of4:first-child > .gs18-LinkListItem:nth-child(-n+4), .gs18-TileItem__Foot > .gs18-LinkList:first-child > .gs18-LinkListItem:first-child, .gs18-TileItem__Foot > .gs18-TableUnit:first-child .gs18-TableUnit__TableCol .gs18-Table, .gs18-TileItem__Head > .gs18-AnnotationUnit:first-child .gs18-ListHeading, .gs18-TileItem__Head > .gs18-DateLinkList:first-child > .gs18-DateLinkListItem:first-child, .gs18-TileItem__Head > .gs18-HeadingLv2Unit:first-child .gs18-HeadingLv2, .gs18-TileItem__Head > .gs18-HeadingLv3Unit:first-child .gs18-HeadingLv3, .gs18-TileItem__Head > .gs18-HeadingLv4Unit:first-child .gs18-HeadingLv4, .gs18-TileItem__Head > .gs18-LineTableUnit:first-child .gs18-LineTableUnit__TableCol .gs18-LineTable, .gs18-TileItem__Head > .gs18-LinkList--Size1of2:first-child > .gs18-LinkListItem:nth-child(-n+2), .gs18-TileItem__Head > .gs18-LinkList--Size1of3:first-child > .gs18-LinkListItem:nth-child(-n+3), .gs18-TileItem__Head > .gs18-LinkList--Size1of4:first-child > .gs18-LinkListItem:nth-child(-n+4), .gs18-TileItem__Head > .gs18-LinkList:first-child > .gs18-LinkListItem:first-child, .gs18-TileItem__Head > .gs18-TableUnit:first-child .gs18-TableUnit__TableCol .gs18-Table {
    margin-top: 0
}

.gs18-TileItem__Body .gs18-MediaBlock__TextCol > .gs18-LineTableUnit:first-child .gs18-LineTableUnit__TableCol .gs18-LineTable, .gs18-TileItem__Foot .gs18-MediaBlock__TextCol > .gs18-LineTableUnit:first-child .gs18-LineTableUnit__TableCol .gs18-LineTable, .gs18-TileItem__Head .gs18-MediaBlock__TextCol > .gs18-LineTableUnit:first-child .gs18-LineTableUnit__TableCol .gs18-LineTable {
    margin-top: 0
}

.gs18-TileItem--BgBlack .gs18-Link:link, .gs18-TileItem--BgBlack .gs18-Link:visited, .gs18-TileItem--BgGray400 .gs18-Link:link, .gs18-TileItem--BgGray400 .gs18-Link:visited, .gs18-TileItem--BgGray500 .gs18-Link:link, .gs18-TileItem--BgGray500 .gs18-Link:visited, .gs18-TileItem--BgGray700 .gs18-Link:link, .gs18-TileItem--BgGray700 .gs18-Link:visited, .gs18-TileItem--BgGray800 .gs18-Link:link, .gs18-TileItem--BgGray800 .gs18-Link:visited, .gs18-TileItem--BgGray900 .gs18-Link:link, .gs18-TileItem--BgGray900 .gs18-Link:visited, .gs18-TileItem--BgGray950 .gs18-Link:link, .gs18-TileItem--BgGray950 .gs18-Link:visited, .gs18-TileItem--BgImage .gs18-Link:link, .gs18-TileItem--BgImage .gs18-Link:visited {
    color: #fff
}

.gs18-TileItem--BgBlack .gs18-Link[href]:active, .gs18-TileItem--BgBlack .gs18-Link[href]:focus, .gs18-TileItem--BgBlack .gs18-Link[href]:hover, .gs18-TileItem--BgGray400 .gs18-Link[href]:active, .gs18-TileItem--BgGray400 .gs18-Link[href]:focus, .gs18-TileItem--BgGray400 .gs18-Link[href]:hover, .gs18-TileItem--BgGray500 .gs18-Link[href]:active, .gs18-TileItem--BgGray500 .gs18-Link[href]:focus, .gs18-TileItem--BgGray500 .gs18-Link[href]:hover, .gs18-TileItem--BgGray700 .gs18-Link[href]:active, .gs18-TileItem--BgGray700 .gs18-Link[href]:focus, .gs18-TileItem--BgGray700 .gs18-Link[href]:hover, .gs18-TileItem--BgGray800 .gs18-Link[href]:active, .gs18-TileItem--BgGray800 .gs18-Link[href]:focus, .gs18-TileItem--BgGray800 .gs18-Link[href]:hover, .gs18-TileItem--BgGray900 .gs18-Link[href]:active, .gs18-TileItem--BgGray900 .gs18-Link[href]:focus, .gs18-TileItem--BgGray900 .gs18-Link[href]:hover, .gs18-TileItem--BgGray950 .gs18-Link[href]:active, .gs18-TileItem--BgGray950 .gs18-Link[href]:focus, .gs18-TileItem--BgGray950 .gs18-Link[href]:hover, .gs18-TileItem--BgImage .gs18-Link[href]:active, .gs18-TileItem--BgImage .gs18-Link[href]:focus, .gs18-TileItem--BgImage .gs18-Link[href]:hover {
    color: #f50f10
}

.gs18-TileItem--BgBlack .gs18-Link:before, .gs18-TileItem--BgGray400 .gs18-Link:before, .gs18-TileItem--BgGray500 .gs18-Link:before, .gs18-TileItem--BgGray700 .gs18-Link:before, .gs18-TileItem--BgGray800 .gs18-Link:before, .gs18-TileItem--BgGray900 .gs18-Link:before, .gs18-TileItem--BgGray950 .gs18-Link:before, .gs18-TileItem--BgImage .gs18-Link:before {
    background-image: url(../img/icon/LinkNext-W.svg)
}

.gs18-TileItem--BgBlack .gs18-Link--Back:before, .gs18-TileItem--BgGray400 .gs18-Link--Back:before, .gs18-TileItem--BgGray500 .gs18-Link--Back:before, .gs18-TileItem--BgGray700 .gs18-Link--Back:before, .gs18-TileItem--BgGray800 .gs18-Link--Back:before, .gs18-TileItem--BgGray900 .gs18-Link--Back:before, .gs18-TileItem--BgGray950 .gs18-Link--Back:before, .gs18-TileItem--BgImage .gs18-Link--Back:before {
    background-image: url(../img/icon/LinkPrev-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink, .gs18-TileItem--BgGray400 .gs18-ButtonLink, .gs18-TileItem--BgGray500 .gs18-ButtonLink, .gs18-TileItem--BgGray700 .gs18-ButtonLink, .gs18-TileItem--BgGray800 .gs18-ButtonLink, .gs18-TileItem--BgGray900 .gs18-ButtonLink, .gs18-TileItem--BgGray950 .gs18-ButtonLink, .gs18-TileItem--BgImage .gs18-ButtonLink {
    color: #fff;
    border-color: #000;
    background-color: #000
}

    .gs18-TileItem--BgBlack .gs18-ButtonLink:active, .gs18-TileItem--BgBlack .gs18-ButtonLink:focus, .gs18-TileItem--BgBlack .gs18-ButtonLink:hover, .gs18-TileItem--BgGray400 .gs18-ButtonLink:active, .gs18-TileItem--BgGray400 .gs18-ButtonLink:focus, .gs18-TileItem--BgGray400 .gs18-ButtonLink:hover, .gs18-TileItem--BgGray500 .gs18-ButtonLink:active, .gs18-TileItem--BgGray500 .gs18-ButtonLink:focus, .gs18-TileItem--BgGray500 .gs18-ButtonLink:hover, .gs18-TileItem--BgGray700 .gs18-ButtonLink:active, .gs18-TileItem--BgGray700 .gs18-ButtonLink:focus, .gs18-TileItem--BgGray700 .gs18-ButtonLink:hover, .gs18-TileItem--BgGray800 .gs18-ButtonLink:active, .gs18-TileItem--BgGray800 .gs18-ButtonLink:focus, .gs18-TileItem--BgGray800 .gs18-ButtonLink:hover, .gs18-TileItem--BgGray900 .gs18-ButtonLink:active, .gs18-TileItem--BgGray900 .gs18-ButtonLink:focus, .gs18-TileItem--BgGray900 .gs18-ButtonLink:hover, .gs18-TileItem--BgGray950 .gs18-ButtonLink:active, .gs18-TileItem--BgGray950 .gs18-ButtonLink:focus, .gs18-TileItem--BgGray950 .gs18-ButtonLink:hover, .gs18-TileItem--BgImage .gs18-ButtonLink:active, .gs18-TileItem--BgImage .gs18-ButtonLink:focus, .gs18-TileItem--BgImage .gs18-ButtonLink:hover {
        color: #f50f10;
        border-color: #fff;
        background-color: #fff
    }

.gs18-TileItem--BgBlack .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgGray400 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgGray500 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgGray700 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgGray800 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgGray900 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgGray950 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third), .gs18-TileItem--BgImage .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third) {
    background-image: url(../img/icon/ArrowNext-W.svg)
}

    .gs18-TileItem--BgBlack .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgBlack .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgBlack .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover, .gs18-TileItem--BgImage .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):active, .gs18-TileItem--BgImage .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):focus, .gs18-TileItem--BgImage .gs18-ButtonLink--Arrow:not(.gs18-ButtonLink--Third):hover {
        background-image: url(../img/icon/ArrowNext-R.svg)
    }

.gs18-TileItem--BgBlack .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgBlack .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgBlack .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgGray400 .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgGray400 .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgGray400 .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgGray500 .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgGray500 .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgGray500 .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgGray700 .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgGray700 .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgGray700 .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgGray800 .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgGray800 .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgGray800 .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgGray900 .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgGray900 .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgGray900 .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgGray950 .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgGray950 .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgGray950 .gs18-ButtonLink--UnderLine:hover, .gs18-TileItem--BgImage .gs18-ButtonLink--UnderLine:active, .gs18-TileItem--BgImage .gs18-ButtonLink--UnderLine:focus, .gs18-TileItem--BgImage .gs18-ButtonLink--UnderLine:hover {
    border-color: #f50f10;
    background-color: transparent
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Back:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Back:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Back:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Back:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Back:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Back:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Back:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Back:after {
    background-image: url(../img/icon/LinkPrev-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Back:hover:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Back:active:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Back:focus:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Back:hover:after {
    background-image: url(../img/icon/LinkPrev-R.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--External:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--External:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--External:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--External:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--External:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--External:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--External:after, .gs18-TileItem--BgImage .gs18-ButtonLink--External:after {
    background-image: url(../img/icon/External-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--External:hover:after, .gs18-TileItem--BgImage .gs18-ButtonLink--External:active:after, .gs18-TileItem--BgImage .gs18-ButtonLink--External:focus:after, .gs18-TileItem--BgImage .gs18-ButtonLink--External:hover:after {
    background-image: url(../img/icon/External-R.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Pdf:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Pdf:after {
    background-image: url(../img/icon/Pdf-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Pdf:hover:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Pdf:active:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Pdf:focus:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Pdf:hover:after {
    background-image: url(../img/icon/Pdf-R.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Xls:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Xls:after {
    background-image: url(../img/icon/Excel-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Xls:hover:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Xls:active:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Xls:focus:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Xls:hover:after {
    background-image: url(../img/icon/Excel-R.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Zip:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Zip:after {
    background-image: url(../img/icon/Zip-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Zip:hover:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Zip:active:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Zip:focus:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Zip:hover:after {
    background-image: url(../img/icon/Zip-R.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Map:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Map:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Map:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Map:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Map:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Map:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Map:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Map:after {
    background-image: url(../img/icon/Map-W.svg)
}

.gs18-TileItem--BgBlack .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgBlack .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgGray400 .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgGray500 .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgGray700 .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgGray800 .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgGray900 .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgGray950 .gs18-ButtonLink--Map:hover:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Map:active:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Map:focus:after, .gs18-TileItem--BgImage .gs18-ButtonLink--Map:hover:after {
    background-image: url(../img/icon/Map-R.svg)
}

.gs18-TileItem .gs18-Date {
    text-align: inherit
}

.gs18-TileItem .gs18-ImageUnit__ImageCol {
    background-color: transparent
}

.gs18-TileItem .gs18-ImageUnit__ImageCol--BgWhite {
    background-color: #fff
}

.gs18-TileItem .gs18-ImageUnit__ImageCol--BgGray {
    background-color: #ebebeb
}

.gs18-TileItem .gs18-ButtonLink {
    display: inline-block
}

.gs18-TileItem .gs18-ButtonLink--Third {
    color: #000;
    background-color: #fff
}

.gs18-TileItem .gs18-AnchorListWrap:last-child {
    margin-bottom: 0;
    border-bottom-width: 0
}

.gs18-TileItem .gs18-Grid {
    margin-right: -30px;
    margin-left: -30px
}

.gs18-u-Size1of1 {
    width: 100%
}

.gs18-u-Size1of2 {
    width: 50%
}

.gs18-u-Size1of3 {
    width: 33.3333%
}

.gs18-u-Size2of3 {
    width: 66.6667%
}

.gs18-u-Size1of4 {
    width: 25%
}

.gs18-u-Size2of4 {
    width: 50%
}

.gs18-u-Size3of4 {
    width: 75%
}

.gs18-u-Size1of6 {
    width: 16.6667%
}

.gs18-u-Size2of6 {
    width: 33.3333%
}

.gs18-u-Size3of6 {
    width: 50%
}

.gs18-u-Size4of6 {
    width: 66.6667%
}

.gs18-u-Size5of6 {
    width: 83.3333%
}

.gs18-u-Size12 {
    width: 100%
}

.gs18-u-Size11 {
    width: 91.6667%
}

    .gs18-u-Size11 .gs18-u-Size11 {
        width: 100%
    }

    .gs18-u-Size11 .gs18-u-Size10 {
        width: 90.9091%
    }

    .gs18-u-Size11 .gs18-u-Size9 {
        width: 81.8182%
    }

    .gs18-u-Size11 .gs18-u-Size8 {
        width: 72.7273%
    }

    .gs18-u-Size11 .gs18-u-Size7 {
        width: 63.6364%
    }

    .gs18-u-Size11 .gs18-u-Size6 {
        width: 54.5455%
    }

    .gs18-u-Size11 .gs18-u-Size5 {
        width: 45.4545%
    }

    .gs18-u-Size11 .gs18-u-Size4 {
        width: 36.3636%
    }

    .gs18-u-Size11 .gs18-u-Size3 {
        width: 27.2727%
    }

    .gs18-u-Size11 .gs18-u-Size2 {
        width: 18.1818%
    }

    .gs18-u-Size11 .gs18-u-Size1 {
        width: 9.0909%
    }

.gs18-u-Size10 {
    width: 83.3333%
}

    .gs18-u-Size10 .gs18-u-Size10 {
        width: 100%
    }

    .gs18-u-Size10 .gs18-u-Size9 {
        width: 90%
    }

    .gs18-u-Size10 .gs18-u-Size8 {
        width: 80%
    }

    .gs18-u-Size10 .gs18-u-Size7 {
        width: 70%
    }

    .gs18-u-Size10 .gs18-u-Size6 {
        width: 60%
    }

    .gs18-u-Size10 .gs18-u-Size5 {
        width: 50%
    }

    .gs18-u-Size10 .gs18-u-Size4 {
        width: 40%
    }

    .gs18-u-Size10 .gs18-u-Size3 {
        width: 30%
    }

    .gs18-u-Size10 .gs18-u-Size2 {
        width: 20%
    }

    .gs18-u-Size10 .gs18-u-Size1 {
        width: 10%
    }

.gs18-u-Size9 {
    width: 75%
}

    .gs18-u-Size9 .gs18-u-Size9 {
        width: 100%
    }

    .gs18-u-Size9 .gs18-u-Size8 {
        width: 88.8889%
    }

    .gs18-u-Size9 .gs18-u-Size7 {
        width: 77.7778%
    }

    .gs18-u-Size9 .gs18-u-Size6 {
        width: 66.6667%
    }

    .gs18-u-Size9 .gs18-u-Size5 {
        width: 55.5556%
    }

    .gs18-u-Size9 .gs18-u-Size4 {
        width: 44.4444%
    }

    .gs18-u-Size9 .gs18-u-Size3 {
        width: 33.3333%
    }

    .gs18-u-Size9 .gs18-u-Size2 {
        width: 22.2222%
    }

    .gs18-u-Size9 .gs18-u-Size1 {
        width: 11.1111%
    }

.gs18-u-Size8 {
    width: 66.6667%
}

    .gs18-MainContents--Narrow .gs18-u-Size8, .gs18-u-Size8 .gs18-u-Size8 {
        width: 100%
    }

    .gs18-MainContents--Narrow .gs18-u-Size7, .gs18-u-Size8 .gs18-u-Size7 {
        width: 87.5%
    }

    .gs18-MainContents--Narrow .gs18-u-Size6, .gs18-u-Size8 .gs18-u-Size6 {
        width: 75%
    }

    .gs18-MainContents--Narrow .gs18-u-Size5, .gs18-u-Size8 .gs18-u-Size5 {
        width: 62.5%
    }

    .gs18-MainContents--Narrow .gs18-u-Size4, .gs18-u-Size8 .gs18-u-Size4 {
        width: 50%
    }

    .gs18-MainContents--Narrow .gs18-u-Size3, .gs18-u-Size8 .gs18-u-Size3 {
        width: 37.5%
    }

    .gs18-MainContents--Narrow .gs18-u-Size2, .gs18-u-Size8 .gs18-u-Size2 {
        width: 25%
    }

    .gs18-MainContents--Narrow .gs18-u-Size1, .gs18-u-Size8 .gs18-u-Size1 {
        width: 12.5%
    }

.gs18-u-Size7 {
    width: 58.3333%
}

    .gs18-u-Size7 .gs18-u-Size7 {
        width: 100%
    }

    .gs18-u-Size7 .gs18-u-Size6 {
        width: 85.7143%
    }

    .gs18-u-Size7 .gs18-u-Size5 {
        width: 71.4286%
    }

    .gs18-u-Size7 .gs18-u-Size4 {
        width: 57.1429%
    }

    .gs18-u-Size7 .gs18-u-Size3 {
        width: 42.8571%
    }

    .gs18-u-Size7 .gs18-u-Size2 {
        width: 28.5714%
    }

    .gs18-u-Size7 .gs18-u-Size1 {
        width: 14.2857%
    }

.gs18-u-Size6 {
    width: 50%
}

    .gs18-u-Size6 .gs18-u-Size6 {
        width: 100%
    }

    .gs18-u-Size6 .gs18-u-Size5 {
        width: 83.3333%
    }

    .gs18-u-Size6 .gs18-u-Size4 {
        width: 66.6667%
    }

    .gs18-u-Size6 .gs18-u-Size3 {
        width: 50%
    }

    .gs18-u-Size6 .gs18-u-Size2 {
        width: 33.3333%
    }

    .gs18-u-Size6 .gs18-u-Size1 {
        width: 16.6667%
    }

.gs18-u-Size5 {
    width: 41.6667%
}

    .gs18-u-Size5 .gs18-u-Size5 {
        width: 100%
    }

    .gs18-u-Size5 .gs18-u-Size4 {
        width: 80%
    }

    .gs18-u-Size5 .gs18-u-Size3 {
        width: 60%
    }

    .gs18-u-Size5 .gs18-u-Size2 {
        width: 40%
    }

    .gs18-u-Size5 .gs18-u-Size1 {
        width: 20%
    }

.gs18-u-Size4 {
    width: 33.3333%
}

    .gs18-u-Size4 .gs18-u-Size4 {
        width: 100%
    }

    .gs18-u-Size4 .gs18-u-Size3 {
        width: 75%
    }

    .gs18-u-Size4 .gs18-u-Size2 {
        width: 50%
    }

    .gs18-u-Size4 .gs18-u-Size1 {
        width: 25%
    }

.gs18-u-Size3 {
    width: 25%
}

    .gs18-u-Size3 .gs18-u-Size3 {
        width: 100%
    }

    .gs18-u-Size3 .gs18-u-Size2 {
        width: 66.6667%
    }

    .gs18-u-Size3 .gs18-u-Size1 {
        width: 33.3333%
    }

.gs18-u-Size2 {
    width: 16.6667%
}

    .gs18-u-Size2 .gs18-u-Size1 {
        width: 50%
    }

.gs18-u-Size1 {
    width: 8.3333%
}

    .gs18-u-Size1 .gs18-u-Size1 {
        width: 100%
    }

.gs18-u-AlignLeft {
    text-align: left
}

.gs18-u-AlignCenter {
    text-align: center
}

.gs18-u-AlignRight {
    text-align: right
}

.gs18-u-VAlignTop {
    vertical-align: top
}

.gs18-u-VAlignMiddle {
    vertical-align: middle
}

.gs18-u-VAlignBottom {
    vertical-align: bottom
}

.gs18-HeadingLv2--Shoulder .gs18-HeadingLv2__ShoulderCol.gs18-u-FontSizeXLarge {
    font-size: 1.55rem
}

[class].gs18-u-FontSizeSpecialLight30 {
    line-height: 1;
    font-weight: 300
}

[class].gs18-u-FontSizeSpecialThin45 {
    line-height: 1;
    font-weight: 100
}

[class].gs18-u-FontSizeSpecialThin70 {
    line-height: 1;
    font-weight: 100
}

[class].gs18-u-FontSizeSpecialThin80 {
    line-height: 1;
    font-weight: 100
}

[class].gs18-u-FontSizeSpecialThin120 {
    line-height: 1;
    font-weight: 100
}

[class].gs18-u-FontSizeSpecialThin140 {
    line-height: 1;
    font-weight: 100
}

.gs18-u-FontStyleNormal {
    font-style: normal
}

.gs18-u-FontStyleItalic {
    font-style: italic
}

.gs18-YouTube {
    margin: 0;
    width: 100%
}

    .gs18-YouTube .gs18-HeadingLv2 {
        margin: 0 0 30px;
        padding-left: 30px
    }

.gs18-YouTube__List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}

    .gs18-YouTube__List[data-video-count="1"] > li:nth-child(n+2) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="2"] > li:nth-child(n+3) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="3"] > li:nth-child(n+4) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="4"] > li:nth-child(n+5) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="5"] > li:nth-child(n+6) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="6"] > li:nth-child(n+7) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="7"] > li:nth-child(n+8) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="8"] > li:nth-child(n+9) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="9"] > li:nth-child(n+10) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="10"] > li:nth-child(n+11) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="11"] > li:nth-child(n+12) {
        display: none
    }

    .gs18-YouTube__List[data-video-count="12"] > li:nth-child(n+13) {
        display: none
    }

.gs18-YouTube__Item {
    width: calc(100% / 3);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3)
}

.gs18-YouTube__Img {
    position: relative;
    display: block;
    line-height: 1
}

    .gs18-YouTube__Img > img {
        width: 100%;
        height: auto
    }

    .gs18-YouTube__Img::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 55px;
        height: 55px;
        background: url(../img/icon/MoviePlay.svg) no-repeat 0 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.gs18-YouTube__Title {
    margin: 25px 0 50px;
    padding-left: 30px
}

    .gs18-YouTube__Title > a {
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        color: #000
    }

.gs18-YouTube__Button {
    text-align: right;
    margin: 0 30px 0 0
}

    .gs18-YouTube__Button .gs18-ButtonLink {
        margin-top: 0
    }

.gs18-YouTube--Top .gs18-YouTube__Item {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.gs18-Page-Top .gs18-FeedList {
    margin-top: 30px
}

.gs18-Page-Top .gs18-Page-Top__FY .gs18-TileItem__Body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {
    .gs18-MainContents--Narrow {
        padding-right: 30px;
        padding-left: 30px
    }

    .gs18-PageTitleUnit--TextShadow .gs18-PageTitleUnit__CategoryCol .gs18-Category, .gs18-PageTitleUnit--TextShadow .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        text-shadow: 0 0 30px #000
    }

    .gs18-Tile--AlignMiddlePosition {
        position: relative
    }

        .gs18-Tile--AlignMiddlePosition .gs18-HeadingLv2 {
            width: 50%;
            margin-top: 0;
            padding-left: 50%;
            padding-top: 140px;
            vertical-align: bottom
        }

        .gs18-Tile--AlignMiddlePosition .gs18-ImageUnit {
            position: absolute;
            top: 30px;
            left: 0;
            height: 100%;
            width: 50%;
            display: table;
            margin: 0
        }

            .gs18-Tile--AlignMiddlePosition .gs18-ImageUnit .gs18-ImageUnit__ImageCol {
                display: table-cell;
                padding: 30px;
                vertical-align: middle
            }

                .gs18-Tile--AlignMiddlePosition .gs18-ImageUnit .gs18-ImageUnit__ImageCol img {
                    width: 100%
                }

        .gs18-Tile--AlignMiddlePosition .gs18-Text {
            width: 50%;
            margin-top: 0;
            padding-left: 50%
        }

    .gs18-BreadcrumbList {
        padding: 20px 30px
    }

    .gs18-BreadcrumbItem {
        font-size: 1rem
    }

    .gs18-AccordionList {
        margin: 0;
        padding: 0;
        padding-left: 0
    }

        .gs18-AccordionList .gs18-AccordionList__Item > a::after, .gs18-AccordionList .gs18-AccordionList__Item > span::after {
            left: 30px;
            width: calc(100% - 60px)
        }

        .gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a::before {
            right: 30px;
            width: 26px;
            height: 26px;
            margin-top: -13px
        }

    .gs18-HalfImgBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .gs18-HalfImgBox .gs18-HalfImgBox__Img {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .gs18-HalfImgBox .gs18-HalfImgBox__Text {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 0 30px 50px
        }

        .gs18-HalfImgBox .gs18-HalfImgBox__More {
            position: absolute;
            right: 15px;
            bottom: 10px
        }

    .gs18-Annotation {
        font-size: .89rem
    }

    .gs18-AnnotationUnit__HeadingCol .gs18-ListHeading {
        font-size: .89rem
    }

    .gs18-UAnnotationListItem {
        padding-left: 60px;
        font-size: .89rem
    }

    .gs18-UAnnotationListItem__Marker {
        width: 50px
    }

    .gs18-OAnnotationListItem {
        padding-left: 60px;
        font-size: .89rem
    }

    .gs18-OAnnotationListItem__Marker {
        width: 50px
    }

    .gs18-Box {
        margin-top: 30px;
        padding: 30px
    }

    .gs18-EventsTableBodyTh {
        padding: 25px 30px 25px 0
    }

    .gs18-EventsTableBodyTd {
        padding: 5px 0 25px
    }

        .gs18-EventsTableBodyTd .gs18-HeadingLv2 {
            margin-top: 20px
        }

            .gs18-EventsTableBodyTd .gs18-HeadingLv2 .gs18-Text {
                padding-right: 110px
            }

        .gs18-EventsTableBodyTd .gs18-HeadingLv2__TagCol {
            padding-right: 110px
        }

        .gs18-EventsTableBodyTd .gs18-Link {
            bottom: 25px
        }

    .gs18-HeadingLv2 {
        font-size: 1.4rem
    }

    .gs18-HeadingLv2--Catch {
        font-size: 2.36rem
    }

    .gs18-HeadingLv2--Icon .gs18-HeadingLv2__IconCol {
        width: 70px
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag {
        font-size: .78rem
    }

    .gs18-HeadingLv3 {
        font-size: 1.25rem
    }

    .gs18-HeadingLv3--Catch {
        font-size: 2rem
    }

    .gs18-HeadingLv3--Icon .gs18-HeadingLv3__IconCol {
        width: 70px
    }

    .gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag {
        font-size: .78rem
    }

    .gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag {
        font-size: .78rem
    }

    .gs18-MediaBlock:after {
        display: block;
        clear: both;
        content: ''
    }

    .gs18-MediaBlock__ImageCol {
        margin: 0 30px 0 0;
        float: left;
        box-sizing: border-box
    }

    .gs18-MediaBlock__ImageCol--PosRight {
        margin-right: 0;
        margin-left: 30px;
        float: right
    }

    .gs18-MediaBlock__TextCol {
        overflow: hidden;
        box-sizing: border-box
    }

        .gs18-MediaBlock__TextCol > :first-child {
            margin-top: 0
        }

    .gs18-MediaBlock--Float .gs18-MediaBlock__TextCol {
        overflow: visible
    }

    .gs18-MediaBlock--Float .gs18-MediaBlock__ImageCol {
        margin-bottom: 30px
    }

    .gs18-MediaBlock--Float .gs18-MediaBlock__TextCol {
        overflow: visible
    }

    .gs18-MediaBlock2 {
        margin: 30px 0;
        width: 100%;
        display: table;
        table-layout: fixed
    }

        .gs18-MediaBlock2 .gs18-MediaBlock2__ImageCol {
            padding-right: 30px;
            display: table-cell
        }

        .gs18-MediaBlock2 .gs18-MediaBlock2__ImageCol--PosRight {
            padding-right: 0;
            padding-left: 30px
        }

        .gs18-MediaBlock2 .gs18-MediaBlock2__TextCol {
            display: table-cell
        }

    .gs18-MediaBlock2--VAlignMiddle .gs18-MediaBlock2__ImageCol, .gs18-MediaBlock2--VAlignMiddle .gs18-MediaBlock2__TextCol {
        vertical-align: middle
    }

    .gs18-MediaBlock2--VAlignBottom .gs18-MediaBlock2__ImageCol, .gs18-MediaBlock2--VAlignBottom .gs18-MediaBlock2__TextCol {
        vertical-align: bottom
    }

    .gs18-IconLegendsItem {
        margin-top: 20px;
        font-size: .89rem
    }

        .gs18-IconLegendsItem img {
            margin-right: 10px
        }

    .gs18-ImageSwitch img:nth-child(1) {
        display: inline
    }

    .gs18-ImageSwitch img:nth-child(2) {
        display: none
    }

    .gs18-BorderedLinkListItem .gs18-BorderedLinkList {
        padding-left: 30px
    }

    .gs18-BorderedLinkListItem--NoLink {
        padding-left: 0
    }

        .gs18-BorderedLinkListItem--NoLink .gs18-BorderedLinkList {
            margin-left: 30px
        }

    .gs18-OList {
        padding: 0 0 0 60px
    }

        .gs18-OList * .gs18-OListItem:before {
            left: -60px;
            width: 60px
        }

    .gs18-OListBrackets {
        padding: 0 0 0 60px
    }

    .gs18-OListBracketsItem__Marker {
        left: -60px;
        width: 60px
    }

    .gs18-UList {
        padding: 0 0 0 60px
    }

    .gs18-UListUnmarked .gs18-UListUnmarked {
        padding-left: 60px
    }

    .gs18-DListDesc {
        margin: 10px 0 0 60px
    }

    .gs18-PageTitleUnit__Inner {
        padding: 80px 0 40px;
        min-height: 445px;
        height: 445px
    }

    .gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-lg .gs18-PageTitleUnit__Inner {
        min-height: 400px;
        height: 400px
    }

    .gs18-PageTitleUnit__CategoryCol .gs18-Category {
        font-size: 1.5rem;
        font-weight: 100;
        font-style: italic
    }

    .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        font-size: 2.36rem
    }

    .gs18-PageTitleUnit__ButtonCol {
        margin-top: 20px;
        font-size: 1.22rem
    }

    .gs18-PageTitleUnit--BgImage .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        font-size: 3.44rem
    }

    .gs18-PageTitleUnit--BgResponsive.gs18-PageTitleUnit--BgImage {
        background-position: center center,-9999px -9999px
    }

    .gs18-PageTitleUnit--Home .gs18-PageTitleUnit__Inner {
        min-height: 700px
    }

    .gs18-CaptionTitle {
        font-size: .89rem
    }

    .gs18-Caption {
        font-size: .89rem
    }

    .gs18-Date {
        font-size: .78rem
    }

    .gs18-TextTag {
        font-size: .78rem
    }

    .gs18-Tile--MinHeightSS-lg.gs18-TileItem, .gs18-Tile--MinHeightSS-lg > .gs18-TileItem {
        min-height: 250px
    }

    .gs18-Tile--MinHeightS-lg.gs18-TileItem, .gs18-Tile--MinHeightS-lg > .gs18-TileItem {
        min-height: 350px
    }

    .gs18-Tile--MinHeightM-lg.gs18-TileItem, .gs18-Tile--MinHeightM-lg > .gs18-TileItem {
        min-height: 535px
    }

    .gs18-Tile--MinHeightL-lg.gs18-TileItem, .gs18-Tile--MinHeightL-lg > .gs18-TileItem {
        min-height: 700px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgImage {
        background-position: center center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftTop {
        background-position: left top,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftMiddle {
        background-position: left center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftBottom {
        background-position: left bottom,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterTop {
        background-position: center top,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterMiddle {
        background-position: center center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterBottom {
        background-position: center bottom,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightTop {
        background-position: right top,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightMiddle {
        background-position: right center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightBottom {
        background-position: right bottom,-9999px -9999px
    }

    .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .gs18-Tile--AlignMiddle-lg {
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

        .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner {
            margin: 0 auto;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            text-align: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: center;
            align-content: center
        }

            .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Body, .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Head {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto
            }

                .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Body + .gs18-TileItem__Foot, .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Head + .gs18-TileItem__Foot {
                    padding-top: 0
                }

    .gs18-TileItem--Pictgram > .gs18-TileItem__Pictgram {
        margin: 30px
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(2n-1):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(3n-2):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(4n-3):before {
        margin-left: 30px
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(2n):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(3n):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(4n):before {
        margin-right: 30px
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(-n+2):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(-n+3):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(-n+4):before {
        border-width: 0
    }

    .gs18-Tile--Loop > .gs18-TileItem:after {
        margin: 30px 0;
        border-color: #757575;
        border-width: 0 1px 0 0;
        border-style: solid;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        content: ''
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(2n):after, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(3n):after, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(4n):after {
        border-width: 0
    }

    .gs18-Tile--Button > .gs18-TileItem {
        min-height: 315px;
        background-position: -9999px -9999px
    }

        .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body {
            margin: 30px;
            color: #fff;
            background-color: #000
        }

            .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body:before {
                background-image: url(../img/icon/ArrowNext-W.svg)
            }

        .gs18-Tile--Button > .gs18-TileItem:active, .gs18-Tile--Button > .gs18-TileItem:focus, .gs18-Tile--Button > .gs18-TileItem:hover {
            background-position: center center
        }

    .gs18-TileItem .gs18-Tile--Loop .gs18-TileItem > .gs18-TileItem__Body {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of2:nth-child(-n+2) .gs18-TileItem__Body, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of3:nth-child(-n+3) .gs18-TileItem__Body, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of4:nth-child(-n+4) .gs18-TileItem__Body {
        padding-top: 0
    }

    .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of2:nth-child(-n+2):after, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of3:nth-child(-n+3):after, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of4:nth-child(-n+4):after {
        margin-top: 0
    }

    [class].gs18-u-FontSizeSmall {
        font-size: .77rem
    }

    [class].gs18-u-FontSizeLarge {
        font-size: 1.11rem
    }

    [class].gs18-u-FontSizeXLarge {
        font-size: 1.55rem
    }

    [class].gs18-u-FontSizeXXLarge {
        font-size: 2.36rem
    }

    [class].gs18-u-FontSizeXXXLarge {
        font-size: 4.44rem
    }

    [class].gs18-u-FontSizeSpecialLight30 {
        font-size: 1.66rem
    }

    [class].gs18-u-FontSizeSpecialThin45 {
        font-size: 2.5rem
    }

    [class].gs18-u-FontSizeSpecialThin70 {
        font-size: 3.88rem
    }

    [class].gs18-u-FontSizeSpecialThin80 {
        font-size: 4.44rem
    }

    [class].gs18-u-FontSizeSpecialThin120 {
        font-size: 6.66rem
    }

    [class].gs18-u-FontSizeSpecialThin140 {
        font-size: 7.77rem
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 100%;
        overflow-x: hidden
    }

    /*.gs18-PageTitleUnit--BgImage{background-position-x:-340px;}*/
    .gs18-MainContents--Narrow {
        padding-right: 15px;
        padding-left: 15px
    }

    .gs18-PageTitleUnit--TextShadow .gs18-PageTitleUnit__CategoryCol .gs18-Category, .gs18-PageTitleUnit--TextShadow .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        text-shadow: 0 0 15px #000
    }

    .gs18-BreadcrumbList {
        padding: 15px
    }

    .gs18-BreadcrumbItem {
        font-size: .88rem
    }

    .gs18-LocalNavList {
        width: 100%;
        height: auto !important;
        padding: 0;
        border-left: 0
    }

    .gs18-LocalNavItem {
        display: none;
        border-top: 1px solid #4d4d4d
    }

        .gs18-LocalNavItem > .gs18-LocalNavList {
            position: static
        }

        .gs18-LocalNavItem > a, .gs18-LocalNavItem > span {
            padding: .95em 15px .9em;
            font-size: 16px
        }

        .gs18-LocalNavItem.is-current > a, .gs18-LocalNavItem.is-current > span {
            background-color: inherit
        }

        .gs18-LocalNavItem.is-current > .gs18-LocalNavList > .gs18-LocalNavItem {
            display: none
        }

            .gs18-LocalNavItem.is-current > .gs18-LocalNavList > .gs18-LocalNavItem.is-current, .gs18-LocalNavItem.is-current > .gs18-LocalNavList > .gs18-LocalNavItem.is-sibling {
                display: block
            }

                .gs18-LocalNavItem.is-current > .gs18-LocalNavList > .gs18-LocalNavItem.is-sibling .gs18-LocalNavList {
                    display: none
                }

    .gs18-LocalNavList--Root .gs18-LocalNavItem.is-current {
        display: block
    }

    .gs18-LocalNavList--Root > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > a, .gs18-LocalNavList--Root > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > span {
        padding-left: 30px
    }

    .gs18-LocalNavList--Root > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > a, .gs18-LocalNavList--Root > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > span {
        padding-left: 45px
    }

    .gs18-LocalNavList--Root > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > a, .gs18-LocalNavList--Root > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > .gs18-LocalNavList > .gs18-LocalNavItem > span {
        padding-left: 60px
    }

    .gs18-LocalNavList--Last .gs18-LocalNavItem {
        display: block
    }

        .gs18-LocalNavList--Last .gs18-LocalNavItem > a, .gs18-LocalNavList--Last .gs18-LocalNavItem > span {
            padding-left: 75px
        }

    .gs18-Accordion {
        padding: 25px 15px
    }

        .gs18-Accordion .gs18-Accordion__Title {
            padding-left: 0
        }

        .gs18-Accordion .gs18-HalfImgBox__More {
            padding-left: 35px
        }

    .gs18-AccordionList .gs18-AccordionList__Item > a, .gs18-AccordionList .gs18-AccordionList__Item > span {
        padding: 17px 40px 17px 25px;
        font-size: 18px
    }

        .gs18-AccordionList .gs18-AccordionList__Item > a::after, .gs18-AccordionList .gs18-AccordionList__Item > span::after {
            left: 0;
            width: 100%
        }

    .gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a::before {
        right: 0;
        width: 22px;
        height: 22px;
        margin-top: -11px
    }

    .gs18-HalfImgBox .gs18-HalfImgBox__Img {
        margin: 20px -15px 0
    }

    .gs18-HalfImgBox .gs18-HalfImgBox__Title {
        margin: 20px 0 0;
        font-size: 30px
    }

    .gs18-HalfImgBox .gs18-HalfImgBox__More {
        margin: 10px 0 0
    }

    .gs18-Annotation {
        font-size: .88rem
    }

    .gs18-AnnotationUnit__HeadingCol .gs18-ListHeading {
        font-size: .88rem
    }

    .gs18-UAnnotationListItem {
        padding-left: 50px;
        font-size: .88rem
    }

    .gs18-UAnnotationListItem__Marker {
        width: 40px
    }

    .gs18-OAnnotationListItem {
        padding-left: 50px;
        font-size: .88rem
    }

    .gs18-OAnnotationListItem__Marker {
        width: 40px
    }

    .gs18-Box {
        margin-top: 20px;
        padding: 15px
    }

    .gs18-TopSlide {
        height: 290px
    }

    .gs18-TopSlide__Item {
        height: 290px;
        overflow: hidden
    }

    .gs18-TopSlide__Title {
        font-size: 40px
    }

    .gs18-TopSlide__Img {
        width: 100%;
        height: auto;
        min-height: 290px;
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover
    }

        .gs18-TopSlide__Img[data-js-gs18-top-slide-img-pc] {
            display: none
        }

        .gs18-TopSlide__Img[data-js-gs18-top-slide-img-sp] {
            display: block
        }

    .gs18-TopSlide__Button {
        margin-left: 15px;
        margin-right: 15px
    }

    .gs18-TopSlide__Arrow {
        top: inherit;
        bottom: 25px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .gs18-TopSlide__Arrow--Prev {
        left: 10px
    }

    .gs18-TopSlide__Arrow--Next {
        right: 10px
    }

    .gs18-TopSlide__Footer {
        right: inherit;
        bottom: 32px;
        width: 100%;
        text-align: center
    }

    .gs18-EventsTableBodyTh {
        padding: 15px 5px 15px 0
    }

    .gs18-EventsTableBodyTd {
        padding: 5px 0 15px
    }

        .gs18-EventsTableBodyTd .gs18-HeadingLv2 {
            margin-top: 10px;
            padding-bottom: 42px
        }

        .gs18-EventsTableBodyTd .gs18-Link {
            bottom: 15px
        }

    .gs18-Facebook {
        width: 100%;
        height: 330px;
        overflow: hidden
    }

        .gs18-Facebook .gs18-HeadingLv2 {
            margin: 0;
            padding: 0 15px 20px
        }

    .gs18-HeadingLv2 {
        font-size: 1.25rem
    }

    .gs18-HeadingLv2--Catch {
        font-size: 1.9rem
    }

    .gs18-HeadingLv2--Icon .gs18-HeadingLv2__IconCol {
        width: 59.5px
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag {
        font-size: .75rem
    }

    .gs18-HeadingLv3 {
        font-size: 1.13rem
    }

    .gs18-HeadingLv3--Catch {
        font-size: 1.8rem
    }

    .gs18-HeadingLv3--Icon .gs18-HeadingLv3__IconCol {
        width: 59.5px
    }

    .gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag {
        font-size: .75rem
    }

    .gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag {
        font-size: .75rem
    }

    .gs18-MediaBlock2 {
        margin: 30px 0;
        width: 100%;
        display: table
    }

        .gs18-MediaBlock2 .gs18-MediaBlock2__ImageCol {
            padding-right: 30px;
            display: table-cell
        }

        .gs18-MediaBlock2 .gs18-MediaBlock2__ImageCol--PosRight {
            padding-right: 0;
            padding-left: 30px
        }

        .gs18-MediaBlock2 .gs18-MediaBlock2__TextCol {
            display: table-cell
        }

    .gs18-MediaBlock2--VAlignMiddle .gs18-MediaBlock2__ImageCol, .gs18-MediaBlock2--VAlignMiddle .gs18-MediaBlock2__TextCol {
        vertical-align: middle
    }

    .gs18-MediaBlock2--VAlignBottom .gs18-MediaBlock2__ImageCol, .gs18-MediaBlock2--VAlignBottom .gs18-MediaBlock2__TextCol {
        vertical-align: bottom
    }

    .gs18-IconLegendsItem {
        margin-top: 10px;
        font-size: .88rem
    }

        .gs18-IconLegendsItem img {
            margin-right: 5px
        }

    .gs18-ImageSwitch img:nth-child(1) {
        display: none
    }

    .gs18-ImageSwitch img:nth-child(2) {
        display: inline
    }

    .gs18-BorderedLinkListItem .gs18-BorderedLinkList {
        padding-left: 20px
    }

    .gs18-BorderedLinkListItem--NoLink {
        padding-left: 0
    }

        .gs18-BorderedLinkListItem--NoLink .gs18-BorderedLinkList {
            margin-left: 30px
        }

    .gs18-OList {
        padding: 0 0 0 50px
    }

        .gs18-OList * .gs18-OListItem:before {
            left: -50px;
            width: 50px
        }

    .gs18-OListBrackets {
        padding: 0 0 0 50px
    }

    .gs18-OListBracketsItem__Marker {
        left: -50px;
        width: 50px
    }

    .gs18-UList {
        padding: 0 0 0 50px
    }

    .gs18-UListUnmarked .gs18-UListUnmarked {
        padding-left: 50px
    }

    .gs18-DListDesc {
        margin: 10px 0 0 50px
    }

    .gs18-PageTitleUnit__Inner {
        min-height: 250px
    }

    .gs18-PageTitleUnit__CategoryCol .gs18-Category {
        font-size: 1rem
    }

    .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        font-size: 2.22rem
    }

    .gs18-PageTitleUnit__ButtonCol {
        margin-top: 10px;
        font-size: 1rem
    }

    .gs18-PageTitleUnit--BgImage .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        font-size: 2rem
    }

    .gs18-PageTitleUnit--BgResponsive.gs18-PageTitleUnit--BgImage {
        background-position: -9999px -9999px,center center
    }

    .gs18-PageTitleUnit--Home .gs18-PageTitleUnit__Inner {
        min-height: 319px
    }

    .gs18-CaptionTitle {
        font-size: .88rem
    }

    .gs18-Caption {
        font-size: .88rem
    }

    .gs18-Date {
        font-size: .75rem
    }

    .gs18-TextTag {
        font-size: .75rem
    }

    .gs18-Tile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gs18-TileItem {
        display: block
    }

    .gs18-Tile--MinHeightS-lg.gs18-TileItem, .gs18-Tile--MinHeightS-sm > .gs18-TileItem {
        min-height: 218px
    }

    .gs18-Tile--MinHeightM-lg.gs18-TileItem, .gs18-Tile--MinHeightM-sm > .gs18-TileItem {
        min-height: 290px
    }

    .gs18-Tile--MinHeightL-lg.gs18-TileItem, .gs18-Tile--MinHeightL-sm > .gs18-TileItem {
        min-height: 435px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgImage {
        background-position: -9999px -9999px,center center
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftTop {
        background-position: -9999px -9999px,left top
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftMiddle {
        background-position: -9999px -9999px,left center
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftBottom {
        background-position: -9999px -9999px,left bottom
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterTop {
        background-position: -9999px -9999px,center top
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterMiddle {
        background-position: -9999px -9999px,center center
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterBottom {
        background-position: -9999px -9999px,center bottom
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightTop {
        background-position: -9999px -9999px,right top
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightMiddle {
        background-position: -9999px -9999px,right center
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightBottom {
        background-position: -9999px -9999px,right bottom
    }

    .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner {
        padding-top: 290px;
        background-position: center 0;
        background-size: auto 290px;
        min-height: 580px
    }

        .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner .gs18-TileItem__Body {
            -webkit-box-flex: 20;
            -ms-flex: 20 0 auto;
            flex: 20 0 auto
        }

    .gs18-TileItem--Pictgram > .gs18-TileItem__Pictgram {
        margin: 20px
    }

    .gs18-TileItem--Pictgram > .gs18-TileItem__Body, .gs18-TileItem--Pictgram > .gs18-TileItem__Head {
        margin-right: calc(76px + 40px)
    }

    .gs18-TileItem__Body, .gs18-TileItem__Foot, .gs18-TileItem__Head {
        padding: 20px 15px
    }

    .gs18-Tile--Loop > .gs18-TileItem:before {
        margin-right: 15px;
        margin-left: 15px
    }

    .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body {
        margin: 25px 15px;
        min-height: 168px
    }

    :not(col).gs18-u-Size1of1, :not(col).gs18-u-Size1of2, :not(col).gs18-u-Size1of3, :not(col).gs18-u-Size1of4, :not(col).gs18-u-Size1of6, :not(col).gs18-u-Size2of3, :not(col).gs18-u-Size2of4, :not(col).gs18-u-Size2of6, :not(col).gs18-u-Size3of4, :not(col).gs18-u-Size3of6, :not(col).gs18-u-Size4of6, :not(col).gs18-u-Size5of6 {
        width: 100%
    }

    :not(col).gs18-MainContents--Narrow, :not(col).gs18-u-Size1, :not(col).gs18-u-Size10, :not(col).gs18-u-Size11, :not(col).gs18-u-Size12, :not(col).gs18-u-Size2, :not(col).gs18-u-Size3, :not(col).gs18-u-Size4, :not(col).gs18-u-Size5, :not(col).gs18-u-Size6, :not(col).gs18-u-Size7, :not(col).gs18-u-Size8, :not(col).gs18-u-Size9 {
        width: 100%
    }

    [class].gs18-u-FontSizeSmall {
        font-size: .75rem
    }

    [class].gs18-u-FontSizeLarge {
        font-size: 1.13rem
    }

    [class].gs18-u-FontSizeXLarge {
        font-size: 1.5rem
    }

    [class].gs18-u-FontSizeXXLarge {
        font-size: 2rem
    }

    [class].gs18-u-FontSizeXXXLarge {
        font-size: 4rem
    }

    [class].gs18-u-FontSizeSpecialLight30 {
        font-size: 1.6rem
    }

    [class].gs18-u-FontSizeSpecialThin45 {
        font-size: 1.9rem
    }

    [class].gs18-u-FontSizeSpecialThin70 {
        font-size: 3.1rem
    }

    [class].gs18-u-FontSizeSpecialThin80 {
        font-size: 3.1rem
    }

    [class].gs18-u-FontSizeSpecialThin120 {
        font-size: 5.6rem
    }

    [class].gs18-u-FontSizeSpecialThin140 {
        font-size: 5.6rem
    }

    .gs18-YouTube {
        padding: 25px 0 15px;
        width: 100%;
        background-color: #fafafa
    }

        .gs18-YouTube .gs18-HeadingLv2 {
            margin: 0;
            padding: 0 15px 20px
        }

    .gs18-YouTube__List {
        margin: 0;
        padding-left: 0
    }

        .gs18-YouTube__List[data-video-count-sp="1"] > li:nth-child(n+2) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="2"] > li:nth-child(n+3) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="3"] > li:nth-child(n+4) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="4"] > li:nth-child(n+5) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="5"] > li:nth-child(n+6) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="6"] > li:nth-child(n+7) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="7"] > li:nth-child(n+8) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="8"] > li:nth-child(n+9) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="9"] > li:nth-child(n+10) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="10"] > li:nth-child(n+11) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="11"] > li:nth-child(n+12) {
            display: none
        }

        .gs18-YouTube__List[data-video-count-sp="12"] > li:nth-child(n+13) {
            display: none
        }

    .gs18-YouTube__Item {
        display: block;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .gs18-YouTube__Img > img {
        width: 100%;
        height: auto
    }

    .gs18-YouTube__Title {
        margin: 15px 0 50px;
        padding-right: 15px;
        padding-left: 15px
    }

        .gs18-YouTube__Title > a {
            font-size: 18px
        }

    .gs18-YouTube__Button {
        margin-right: 15px
    }

    .gs18-YouTube--Top {
        width: 100%
    }

        .gs18-YouTube--Top .gs18-YouTube__Item {
            width: 100%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }
}

@media print {
    body {
        width: 1440px;
        -webkit-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .gs18-PageTitleUnit--TextShadow .gs18-PageTitleUnit__CategoryCol .gs18-Category, .gs18-PageTitleUnit--TextShadow .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        text-shadow: 0 0 30px #000
    }

    .gs18-Tile--AlignMiddlePosition {
        position: relative
    }

        .gs18-Tile--AlignMiddlePosition .gs18-HeadingLv2 {
            width: 50%;
            margin-top: 0;
            padding-left: 50%;
            padding-top: 140px;
            vertical-align: bottom
        }

        .gs18-Tile--AlignMiddlePosition .gs18-ImageUnit {
            position: absolute;
            top: 30px;
            left: 0;
            height: 100%;
            width: 50%;
            display: table;
            margin: 0
        }

            .gs18-Tile--AlignMiddlePosition .gs18-ImageUnit .gs18-ImageUnit__ImageCol {
                display: table-cell;
                padding: 30px;
                vertical-align: middle
            }

                .gs18-Tile--AlignMiddlePosition .gs18-ImageUnit .gs18-ImageUnit__ImageCol img {
                    width: 100%
                }

        .gs18-Tile--AlignMiddlePosition .gs18-Text {
            width: 50%;
            margin-top: 0;
            padding-left: 50%
        }

    .gs18-BreadcrumbList {
        padding: 20px 30px
    }

    .gs18-BreadcrumbItem {
        font-size: 1rem
    }

    .gs18-Footer__Inner {
        padding: 0 30px 30px;
        height: 200px;
        max-width: 1380px;
        margin: 0 auto
    }

    .gs18-Footer__Title {
        margin-top: 30px
    }

    .gs18-Footer__List {
        width: 680px;
        display: inline-block
    }

        .gs18-Footer__List > li {
            margin-bottom: 0;
            display: inline-block
        }

            .gs18-Footer__List > li:nth-child(odd) {
                margin-right: 60px
            }

            .gs18-Footer__List > li > a {
                position: relative;
                color: inherit;
                font-size: 18px;
                font-weight: 500;
                text-decoration: none;
                padding-left: 22px
            }

                .gs18-Footer__List > li > a::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 9px;
                    height: 9px;
                    border-top: 2px solid #000;
                    border-left: 2px solid #000;
                    -webkit-transform: translateY(-50%) rotate(-225deg);
                    transform: translateY(-50%) rotate(-225deg);
                    font-weight: 700
                }

    .gs18-Footer__Links {
        position: relative;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .gs18-Footer__SNS {
        margin-right: 20px;
        display: inline-block
    }

    .gs18-Footer__Legal {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .gs18-Footer__Copyright {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .gs18-Header.is-flyout {
        position: absolute
    }

        .gs18-Header.is-flyout.is-hidden {
            top: 0
        }

    .gs18-Header__GlobalLink.is-open {
        background-color: #000
    }

        .gs18-Header__GlobalLink.is-open::before {
            background-color: #000
        }

        .gs18-Header__GlobalLink.is-open::after {
            background-image: url(../img/icon/Global-W.svg);
            background-color: #000;
            opacity: 1
        }

        .gs18-Header__GlobalLink.is-open:active::after, .gs18-Header__GlobalLink.is-open:focus::after, .gs18-Header__GlobalLink.is-open:hover::after {
            opacity: 0
        }

    .gs18-Header {
        width: 100%
    }

        .gs18-Header.has-no-searchbox .gs18-Header__Inner {
            padding-right: 0
        }

        .gs18-Header.has-no-searchbox .gs18-Header__Search {
            display: none
        }

        .gs18-Header.has-no-searchbox .gs18-Header__SearchBtn > img {
            margin-left: 1px
        }

    .gs18-Header__Inner {
        padding-right: 85px
    }

    .gs18-Header__Logo > img {
        width: 110px
    }

    .gs18-Header__Search {
        position: absolute;
        right: 0;
        top: 0;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        height: 100%;
        z-index: 1
    }

        .gs18-Header__Search.is-open .gs18-Header__SearchInput {
            width: 604px
        }

        .gs18-Header__Search.is-open .gs18-Header__SearchInner > button {
            background: url(../img/icon/Close-R.svg) no-repeat center center
        }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button > img {
                display: none
            }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button::before {
                content: none
            }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button::after {
                content: url(../img/icon/Close.svg);
                display: block;
                margin-top: 5px;
                background: #fff
            }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button:active::after, .gs18-Header__Search.is-open .gs18-Header__SearchInner > button:focus::after, .gs18-Header__Search.is-open .gs18-Header__SearchInner > button:hover::after {
                opacity: 0
            }

        .gs18-Header__Search .gs18-Header__SearchInput {
            width: 0;
            transition: .5s width;
            overflow: hidden;
            box-sizing: border-box;
            height: 100%;
            border-left: 1px solid #e0e0e0
        }

            .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox {
                padding: 30px 30px 20px
            }

            .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input {
                width: 500px;
                border: 0;
                border-bottom: solid 2px #000;
                font-size: 24px;
                font-style: italic
            }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput:placeholder-shown, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input:placeholder-shown {
                    color: #888
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput::-webkit-input-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input::-webkit-input-placeholder {
                    color: #888
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput:-moz-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input:-moz-placeholder {
                    color: #888;
                    opacity: 1
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput::-moz-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input::-moz-placeholder {
                    color: #888;
                    opacity: 1
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput:-ms-input-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input:-ms-input-placeholder {
                    color: #888
                }

    .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text.is-current {
        background: #fff;
        color: #000
    }

    .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text.is-open {
        background: #000;
        color: #fff
    }

    .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text:active, .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text:focus, .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text:hover {
        color: red
    }

    .gs18-HeaderNav__Text.is-current, .gs18-HeaderNav__Text.is-open {
        background: #000;
        color: #fff
    }

    .gs18-HeaderNav__Item--Sustainability .gs18-HeaderPulldown__List {
        height: 380px
    }

    .gs18-HeaderPulldown.is-open {
        display: block
    }

    .gs18-HeaderPulldown__Sublist.is-open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .gs18-HeaderPulldown__ListItem > a.is-open {
        width: 51%;
        padding-left: 14px;
        background-color: #e1e1e1;
        color: #000
    }

        .gs18-HeaderPulldown__ListItem > a.is-open::after {
            right: 15px
        }

        .gs18-HeaderPulldown__ListItem > a.is-open:active, .gs18-HeaderPulldown__ListItem > a.is-open:focus, .gs18-HeaderPulldown__ListItem > a.is-open:hover, .gs18-HeaderPulldown__ListItem > a:active, .gs18-HeaderPulldown__ListItem > a:focus, .gs18-HeaderPulldown__ListItem > a:hover {
            color: #f50f10
        }

            .gs18-HeaderPulldown__ListItem > a.is-open:active:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a.is-open:focus:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a.is-open:hover:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a:active:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a:focus:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a:hover:not(:only-child)::after {
                border-color: #f50f10
            }

    .gs18-RegionListWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .gs18-RegionListWrap .gs18-RegionList {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            margin-bottom: 0
        }

    .gs18-LocalNav {
        page-break-inside: avoid
    }

    .gs18-AccordionList {
        margin: 0;
        padding: 0;
        padding-left: 0
    }

        .gs18-AccordionList .gs18-AccordionList__Item > a, .gs18-AccordionList .gs18-AccordionList__Item > span {
            padding: 40px 30px;
            font-size: 20px
        }

            .gs18-AccordionList .gs18-AccordionList__Item > a::after, .gs18-AccordionList .gs18-AccordionList__Item > span::after {
                left: 30px;
                width: calc(100% - 60px)
            }

        .gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a::before {
            right: 30px;
            width: 26px;
            height: 26px;
            margin-top: -13px
        }

    .gs18-HalfImgBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .gs18-HalfImgBox .gs18-HalfImgBox__Img {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .gs18-HalfImgBox .gs18-HalfImgBox__Text {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            padding: 0 30px 50px
        }

        .gs18-HalfImgBox .gs18-HalfImgBox__More {
            position: absolute;
            right: 15px;
            bottom: 10px
        }

    .gs18-Annotation {
        font-size: .89rem
    }

    .gs18-AnnotationUnit__HeadingCol .gs18-ListHeading {
        font-size: .89rem
    }

    .gs18-UAnnotationListItem {
        padding-left: 60px;
        font-size: .89rem
    }

    .gs18-UAnnotationListItem__Marker {
        width: 50px
    }

    .gs18-OAnnotationListItem {
        padding-left: 60px;
        font-size: .89rem
    }

    .gs18-OAnnotationListItem__Marker {
        width: 50px
    }

    .gs18-Box {
        margin-top: 30px;
        padding: 30px
    }

    .gs18-TopSlide__Title {
        font-size: 80px
    }

    .gs18-TopSlide__Button {
        margin-top: 35px
    }

    .gs18-EventsTableBodyTh {
        padding: 25px 30px 25px 0
    }

    .gs18-EventsTableBodyTd {
        padding: 5px 0 25px
    }

        .gs18-EventsTableBodyTd .gs18-HeadingLv2 {
            margin-top: 20px
        }

            .gs18-EventsTableBodyTd .gs18-HeadingLv2 .gs18-Text {
                padding-right: 110px
            }

        .gs18-EventsTableBodyTd .gs18-HeadingLv2__TagCol {
            padding-right: 110px
        }

        .gs18-EventsTableBodyTd .gs18-Link {
            bottom: 25px
        }

    .gs18-FeedWrap .gs18-FeedRSS {
        position: absolute;
        top: 3px;
        right: 0
    }

    .gs18-HeadingLv2 {
        font-size: 1.2rem
    }

    .gs18-HeadingLv2--Catch {
        font-size: 2.36rem
    }

    .gs18-HeadingLv2--Icon .gs18-HeadingLv2__IconCol {
        width: 70px
    }

    .gs18-HeadingLv2--Tag .gs18-HeadingLv2Tag {
        font-size: .78rem
    }

    .gs18-HeadingLv3 {
        font-size: 1.11rem
    }

    .gs18-HeadingLv3--Catch {
        font-size: 2.36rem
    }

    .gs18-HeadingLv3--Icon .gs18-HeadingLv3__IconCol {
        width: 70px
    }

    .gs18-HeadingLv3--Tag .gs18-HeadingLv3Tag {
        font-size: .78rem
    }

    .gs18-HeadingLv4--Tag .gs18-HeadingLv4Tag {
        font-size: .78rem
    }

    .gs18-HistorySlide {
        box-sizing: border-box;
        position: relative;
        color: #fff
    }

        .gs18-HistorySlide .gs18-HistorySlide__Guide {
            display: block;
            position: absolute;
            left: 30px;
            top: 107px;
            margin: 0;
            padding: 0;
            width: 50%;
            z-index: 1;
            color: #fff;
            font-weight: 500
        }

            .gs18-HistorySlide .gs18-HistorySlide__Guide::after {
                content: "";
                position: absolute;
                height: 1px;
                width: calc(100% - 240px);
                margin-left: 10px;
                top: 50%;
                background-color: #fff
            }

        .gs18-HistorySlide .gs18-HistorySlide__Item {
            height: 810px
        }

            .gs18-HistorySlide .gs18-HistorySlide__Item.slick-slide {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .gs18-HistorySlide .gs18-HistorySlide__Img {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .gs18-HistorySlide .gs18-HistorySlide__Content {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .gs18-HistorySlide .gs18-HistorySlide__ContentInner {
            position: absolute;
            left: 175px;
            bottom: 0;
            width: 100%;
            padding: 30px 50px
        }

        .gs18-HistorySlide .gs18-HistorySlide__Title {
            width: 200%;
            font-size: 80px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            margin-left: -50px
        }

        .gs18-HistorySlide .gs18-HistorySlide__TextList {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .gs18-HistorySlide .gs18-HistorySlide__TextListItem {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 47.5%;
            flex: 0 0 47.5%;
            min-width: 47.5%
        }

            .gs18-HistorySlide .gs18-HistorySlide__TextListItem > img {
                vertical-align: top
            }

            .gs18-HistorySlide .gs18-HistorySlide__TextListItem > p {
                margin: 15px 0 0
            }

        .gs18-HistorySlide .gs18-HistorySlide__Button {
            margin: 50px -20px 0 0
        }

        .gs18-HistorySlide .slick-dots {
            box-sizing: border-box;
            position: absolute;
            right: 0;
            top: 100px;
            margin: 0;
            padding: 0 30px 0 52px;
            width: 50%
        }

            .gs18-HistorySlide .slick-dots > li {
                padding: .5em .8em;
                border: 1px solid #fff;
                font-weight: 500;
                font-size: 18px
            }

    .gs18-MediaBlock:after {
        display: block;
        clear: both;
        content: ''
    }

    .gs18-MediaBlock__ImageCol {
        margin: 0 30px 0 0;
        float: left;
        box-sizing: border-box
    }

    .gs18-MediaBlock__ImageCol--PosRight {
        margin-right: 0;
        margin-left: 30px;
        float: right
    }

    .gs18-MediaBlock__TextCol {
        overflow: hidden;
        box-sizing: border-box
    }

        .gs18-MediaBlock__TextCol > :first-child {
            margin-top: 0
        }

    .gs18-MediaBlock--Float .gs18-MediaBlock__TextCol {
        overflow: visible
    }

    .gs18-MediaBlock--Float .gs18-MediaBlock__ImageCol {
        margin-bottom: 30px
    }

    .gs18-MediaBlock--Float .gs18-MediaBlock__TextCol {
        overflow: visible
    }

    .gs18-IconLegendsItem {
        margin-top: 20px;
        font-size: .89rem
    }

        .gs18-IconLegendsItem img {
            margin-right: 10px
        }

    .gs18-ImageSwitch img:nth-child(1) {
        display: inline
    }

    .gs18-ImageSwitch img:nth-child(2) {
        display: none
    }

    .gs18-BorderedLinkListItem .gs18-BorderedLinkList {
        padding-left: 30px
    }

    .gs18-BorderedLinkListItem--NoLink {
        padding-left: 0
    }

        .gs18-BorderedLinkListItem--NoLink .gs18-BorderedLinkList {
            margin-left: 30px
        }

    .gs18-OList {
        padding: 0 0 0 60px
    }

        .gs18-OList * .gs18-OListItem:before {
            left: -60px;
            width: 60px
        }

    .gs18-OListBrackets {
        padding: 0 0 0 60px
    }

    .gs18-OListBracketsItem__Marker {
        left: -60px;
        width: 60px
    }

    .gs18-UList {
        padding: 0 0 0 60px
    }

    .gs18-UListUnmarked .gs18-UListUnmarked {
        padding-left: 60px
    }

    .gs18-DListDesc {
        margin: 10px 0 0 60px
    }

    .gs18-MicroMacro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #000
    }

    .gs18-MicroMacro__Item {
        height: 263px;
        transition: all .4s;
        width: 33.33%
    }

        .gs18-MicroMacro__Item:hover {
            width: calc(33.33% + 30px)
        }

        .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__Caption {
            width: 46%
        }

    .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item {
        width: 16.6%;
        height: 430px
    }

        .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item .gs18-MicroMacro__MoreText, .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item .gs18-MicroMacro__Text {
            display: none
        }

        .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.is-open {
            width: 67%
        }

            .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__MoreText, .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__Text {
                display: block
            }

        .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half {
            width: 33.3%
        }

            .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half.is-open {
                width: 67%
            }

    .gs18-MicroMacro__Item.is-open {
        height: 400px
    }

        .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__HiddenImage {
            width: 50%
        }

    .gs18-MicroMacro__Item .gs18-ButtonLink {
        position: absolute;
        right: 50%
    }

    .gs18-MicroMacro__HiddenImage {
        transition: all .4;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        opacity: 0;
        height: 100%;
        overflow: hidden
    }

    .gs18-MicroMacro__HiddenImageInner {
        margin-left: -50%;
        width: 200%;
        height: 100%
    }

        .gs18-MicroMacro__HiddenImageInner > img {
            margin: 0 auto;
            height: 100%;
            width: auto;
            display: block
        }

        .gs18-MicroMacro__HiddenImageInner > .gs18-MicroMacro__HiddenImage-lg {
            margin: 0
        }

    .gs18-MicroMacro__HiddenImageSwitch {
        margin-left: 0
    }

    .gs18-MicroMacro__HiddenImage-sm {
        display: none
    }

    .gs18-MicroMacro__Item--Half {
        width: 50%;
        height: 350px
    }

        .gs18-MicroMacro__Item--Half:hover {
            width: calc(50% + 30px)
        }

        .gs18-MicroMacro__Item--Half.is-open .gs18-MicroMacro__Caption {
            width: 100%
        }

    .is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half {
        width: 33.3%;
        height: 535px
    }

        .is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half.is-open {
            width: 67%
        }

    .gs18-MicroMacro--Image {
        width: 100%;
        page-break-inside: avoid
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg {
            width: auto;
            height: 100%
        }

            .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg > img {
                width: auto;
                height: 100%
            }

    .gs18-PageTitleUnit__Inner {
        padding: 125px 0 40px;
        min-height: 445px;
        height: 445px
    }

    .gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-lg .gs18-PageTitleUnit__Inner {
        min-height: 700px;
        height: 700px
    }

    .gs18-PageTitleUnit__CategoryCol .gs18-Category {
        margin-bottom: 20px;
        font-size: 1.22rem
    }

    .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        font-size: 2.36rem
    }

    .gs18-PageTitleUnit__ButtonCol {
        margin-top: 20px;
        font-size: 1.22rem
    }

    .gs18-PageTitleUnit--BgImage .gs18-PageTitleUnit__TitleCol .gs18-PageTitle {
        font-size: 4.44rem
    }

    .gs18-PageTitleUnit--BgResponsive.gs18-PageTitleUnit--BgImage {
        background-position: center center,-9999px -9999px
    }

    .gs18-PageTitleUnit--Home .gs18-PageTitleUnit__Inner {
        min-height: 700px
    }

    .gs18-CaptionTitle {
        font-size: .89rem
    }

    .gs18-Caption {
        font-size: .89rem
    }

    .gs18-Date {
        font-size: .78rem
    }

    .gs18-TextTag {
        font-size: .78rem
    }

    .gs18-Tile {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        page-break-inside: avoid
    }

    .gs18-TileItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .gs18-Tile--MinHeightSS-lg.gs18-TileItem, .gs18-Tile--MinHeightSS-lg > .gs18-TileItem {
        min-height: 175px
    }

    .gs18-Tile--MinHeightS-lg.gs18-TileItem, .gs18-Tile--MinHeightS-lg > .gs18-TileItem {
        min-height: 350px
    }

    .gs18-Tile--MinHeightM-lg.gs18-TileItem, .gs18-Tile--MinHeightM-lg > .gs18-TileItem {
        min-height: 535px
    }

    .gs18-Tile--MinHeightL-lg.gs18-TileItem, .gs18-Tile--MinHeightL-lg > .gs18-TileItem {
        min-height: 700px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgImage {
        background-position: center center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftTop {
        background-position: left top,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftMiddle {
        background-position: left center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosLeftBottom {
        background-position: left bottom,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterTop {
        background-position: center top,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterMiddle {
        background-position: center center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosCenterBottom {
        background-position: center bottom,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightTop {
        background-position: right top,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightMiddle {
        background-position: right center,-9999px -9999px
    }

    .gs18-TileItem--BgResponsive.gs18-TileItem--BgPosRightBottom {
        background-position: right bottom,-9999px -9999px
    }

    .gs18-Tile--AlignMiddle .gs18-Tile--AlignMiddle__Inner {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .gs18-Tile--AlignMiddle-lg {
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

        .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner {
            margin: 0 auto;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            text-align: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: center;
            align-content: center
        }

            .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Body, .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Head {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto
            }

                .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Body + .gs18-TileItem__Foot, .gs18-Tile--AlignMiddle-lg .gs18-Tile--AlignMiddle-lg__Inner .gs18-TileItem__Head + .gs18-TileItem__Foot {
                    padding-top: 0
                }

    .gs18-TileItem--Pictgram > .gs18-TileItem__Body, .gs18-TileItem--Pictgram > .gs18-TileItem__Head {
        margin-right: calc(96px + 60px)
    }

    .gs18-TileItem--Pictgram > .gs18-TileItem__Pictgram {
        margin: 30px
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(2n-1):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(3n-2):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(4n-3):before {
        margin-left: 30px
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(2n):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(3n):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(4n):before {
        margin-right: 30px
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(-n+2):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(-n+3):before, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(-n+4):before {
        border-width: 0
    }

    .gs18-Tile--Loop > .gs18-TileItem:after {
        margin: 30px 0;
        border-color: #757575;
        border-width: 0 1px 0 0;
        border-style: solid;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        content: ''
    }

    .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of2:nth-child(2n):after, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of3:nth-child(3n):after, .gs18-Tile--Loop > .gs18-TileItem.gs18-u-Size1of4:nth-child(4n):after {
        border-width: 0
    }

    .gs18-Tile--Button > .gs18-TileItem {
        min-height: 315px;
        background-position: -9999px -9999px
    }

        .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body {
            margin: 30px;
            color: #fff;
            background-color: #000
        }

            .gs18-Tile--Button > .gs18-TileItem > .gs18-TileItem__Body:before {
                background-image: url(../img/icon/ArrowNext-W.svg)
            }

        .gs18-Tile--Button > .gs18-TileItem:active, .gs18-Tile--Button > .gs18-TileItem:focus, .gs18-Tile--Button > .gs18-TileItem:hover {
            background-position: center center
        }

    .gs18-TileItem .gs18-Tile--Loop .gs18-TileItem > .gs18-TileItem__Body {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }

    .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of2:nth-child(-n+2) .gs18-TileItem__Body, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of3:nth-child(-n+3) .gs18-TileItem__Body, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of4:nth-child(-n+4) .gs18-TileItem__Body {
        padding-top: 0
    }

    .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of2:nth-child(-n+2):after, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of3:nth-child(-n+3):after, .gs18-TileItem .gs18-TileItem__Head + .gs18-Tile--Loop .gs18-TileItem.gs18-u-Size1of4:nth-child(-n+4):after {
        margin-top: 0
    }

    [class].gs18-u-FontSizeSmall {
        font-size: .77rem
    }

    [class].gs18-u-FontSizeLarge {
        font-size: 1.11rem
    }

    [class].gs18-u-FontSizeXLarge {
        font-size: 1.55rem
    }

    [class].gs18-u-FontSizeXXLarge {
        font-size: 2.36rem
    }

    [class].gs18-u-FontSizeXXXLarge {
        font-size: 4.44rem
    }

    [class].gs18-u-FontSizeSpecialLight30 {
        font-size: 1.66rem
    }

    [class].gs18-u-FontSizeSpecialThin45 {
        font-size: 2.5rem
    }

    [class].gs18-u-FontSizeSpecialThin70 {
        font-size: 3.88rem
    }

    [class].gs18-u-FontSizeSpecialThin80 {
        font-size: 4.44rem
    }

    [class].gs18-u-FontSizeSpecialThin120 {
        font-size: 6.66rem
    }

    [class].gs18-u-FontSizeSpecialThin140 {
        font-size: 7.77rem
    }

    .gs18-u-PageBreakBeforeAlways-print {
        page-break-before: always
    }

    .gs18-u-PageBreakBeforeAvoid-print {
        page-break-before: avoid
    }

    .gs18-u-PageBreakInsideAvoid-print {
        page-break-inside: avoid
    }

    .gs18-Page-Top .gs18-FeedList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gs18-Page-Top .gs18-FeedList__Item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

@media only screen and (max-width: 980px) {
    .gs18-Main {
        margin-top: 65px !important
    }

    .gs18-Footer__Global {
        margin: -30px -15px 40px;
        padding: 1.75em 15px;
        font-size: 16px;
        text-align: left
    }

        .gs18-Footer__Global > a {
            padding-bottom: 3px
        }

    .gs18-Footer__Title {
        margin-top: 30px
    }

    .gs18-Footer__List {
        width: 100%
    }

        .gs18-Footer__List > li {
            width: 100%;
            margin-bottom: 18px;
            display: block
        }

    .gs18-Footer__SNS > li:not(:last-child) {
        margin-right: 20px
    }

    .gs18-Header__GlobalLink:active::before, .gs18-Header__GlobalLink:focus::before {
        opacity: 0
    }

    .gs18-Header__GlobalLink:active::after, .gs18-Header__GlobalLink:focus::after {
        opacity: 1
    }

    .gs18-Header__GlobalLink.is-open-small {
        background-color: #000
    }

        .gs18-Header__GlobalLink.is-open-small::before {
            opacity: 0
        }

        .gs18-Header__GlobalLink.is-open-small::after {
            opacity: 1;
            background-color: #000;
            background-image: url(../img/icon/Global-W.svg)
        }

    .gs18-Header {
        width: 100%;
        padding: 0
    }

        .gs18-Header.has-no-searchbox .gs18-Header__Search {
            display: none
        }

        .gs18-Header.has-no-searchbox .gs18-HeaderNav {
            top: 65px
        }

    .gs18-Header__Inner {
        height: 65px
    }

    .gs18-Header__Logo {
        padding-right: 13px;
        border-right: 0
    }

    .gs18-Header__Lang {
        margin-right: auto;
        margin-left: 0;
        font-size: 11px;
        padding-left: 12px
    }

    .gs18-Header__Global {
        padding-left: 0;
        margin-right: 10px
    }

    .gs18-Header__GlobalLink:active::after, .gs18-Header__GlobalLink:focus::after, .gs18-Header__GlobalLink:hover::after {
        opacity: 1
    }

    .gs18-Header__Hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
        width: 68px;
        height: 100%;
        text-align: center;
        border-left: 1px solid #e1e1e1
    }

        .gs18-Header__Hamburger.is-open-small {
            background: url(../img/icon/Close.svg) no-repeat center;
            background-size: 20px auto
        }

            .gs18-Header__Hamburger.is-open-small > img {
                display: none
            }

    .gs18-Header__Search {
        transition: .5s width;
        margin: 0;
        position: absolute;
        top: 65px;
        right: 0;
        height: auto;
        display: block;
        width: 0;
        overflow: hidden;
        background-color: #fff;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        z-index: 6
    }

    .gs18-Header__SearchInner {
        box-sizing: border-box;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 96px;
        width: 100vw;
        padding: 0 20px 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .gs18-Header__Search .gs18-Header__SearchInput {
        position: static;
        width: 100%
    }

        .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input {
            display: block;
            padding: 0;
            width: 100%;
            height: 35px;
            border-radius: 0
        }

    .gs18-Header__Search .gs18-Header__SearchBtn {
        display: none
    }

    .gs18-Header__Search .gs18-SearchBox__QueryWrap, .gs18-Header__Search .mf_finder_searchBox_query_wrap {
        -ms-flex-preferred-size: 93%;
        flex-basis: 93%
    }

    .gs18-Header__Search .gs18-SearchBox__Submit, .gs18-Header__Search .mf_finder_searchBox_submit {
        background-position: -100px -100px;
        -ms-flex-preferred-size: 26px;
        flex-basis: 26px
    }

        .gs18-Header__Search .gs18-SearchBox__Submit:active > span, .gs18-Header__Search .gs18-SearchBox__Submit:focus > span, .gs18-Header__Search .gs18-SearchBox__Submit:hover > span, .gs18-Header__Search .mf_finder_searchBox_submit:active > span, .gs18-Header__Search .mf_finder_searchBox_submit:focus > span, .gs18-Header__Search .mf_finder_searchBox_submit:hover > span {
            opacity: 1
        }

    .gs18-Header__Search.is-open-small {
        width: 100%;
        overflow: visible
    }

    .gs18-Header--NoSearch .gs18-HeaderNav {
        top: 65px
    }

    .gs18-HeaderNav {
        transition: .5s width;
        position: absolute;
        right: 0;
        top: 161px;
        width: 0;
        height: 100vh;
        overflow: hidden;
        z-index: 5
    }

        .gs18-HeaderNav.is-open-small {
            width: 100%;
            height: calc(100% - 165px);
            position: fixed;
            overflow: auto
        }

    .gs18-HeaderNav__Menu {
        display: block;
        position: relative;
        padding: 0;
        left: 0;
        transition: .5s left;
        border-top: 1px solid #e1e1e1;
        width: 100%;
        height: auto
    }

        .gs18-HeaderNav__Menu.is-step0 {
            left: 0
        }

        .gs18-HeaderNav__Menu.is-step1 {
            left: -100%
        }

        .gs18-HeaderNav__Menu.is-step2 {
            left: -200%
        }

    .gs18-HeaderNav__Item {
        background-color: #fff;
        border-bottom: 1px solid #e1e1e1
    }

    .gs18-HeaderNav__Text {
        position: relative;
        font-size: 24px;
        min-height: 85px;
        box-sizing: border-box;
        width: 100vw
    }

        .gs18-HeaderNav__Text, .gs18-HeaderNav__Text _:-ms-lang(x)::-ms-backdrop {
            padding-top: 30px;
            box-sizing: border-box
        }

            .gs18-HeaderNav__Text::before {
                content: "";
                position: absolute;
                top: 50%;
                right: 20px;
                width: 6px;
                height: 6px;
                border-top: 1px solid #000;
                border-left: 1px solid #000;
                -webkit-transform: translateY(-50%) rotate(-225deg);
                transform: translateY(-50%) rotate(-225deg)
            }

    .gs18-HeaderNav__Item--Careers .gs18-HeaderNav__Text::before {
        display: none
    }

    .gs18-Header--MinInteraction .gs18-HeaderNav__Text::before {
        display: none
    }

    .gs18-HeaderNav__Text:active, .gs18-HeaderNav__Text:focus, .gs18-HeaderNav__Text:hover {
        color: #000
    }

    .gs18-HeaderNav__Text.is-current, .gs18-HeaderNav__Text.is-open {
        background-color: #000;
        color: #fff
    }

        .gs18-HeaderNav__Text.is-current::before, .gs18-HeaderNav__Text.is-open::before {
            border-color: #fff
        }

        .gs18-HeaderNav__Text.is-current:active, .gs18-HeaderNav__Text.is-current:focus, .gs18-HeaderNav__Text.is-current:hover, .gs18-HeaderNav__Text.is-open:active, .gs18-HeaderNav__Text.is-open:focus, .gs18-HeaderNav__Text.is-open:hover {
            color: #fff
        }

            .gs18-HeaderNav__Text.is-current:active::before, .gs18-HeaderNav__Text.is-current:focus::before, .gs18-HeaderNav__Text.is-current:hover::before, .gs18-HeaderNav__Text.is-open:active::before, .gs18-HeaderNav__Text.is-open:focus::before, .gs18-HeaderNav__Text.is-open:hover::before {
                border-color: #fff
            }

    .gs18-HeaderPulldown {
        display: none;
        width: 100%;
        left: 100%;
        top: 0;
        overflow: inherit;
        background-color: #fff
    }

        .gs18-HeaderPulldown.is-current-small {
            display: block
        }

    .gs18-HeaderPulldown--Region {
        top: 65px;
        left: auto;
        right: 0;
        width: 0;
        height: 0;
        border-top: 1px solid #e1e1e1;
        overflow: hidden;
        transition: width .5s,height .5s;
        display: block
    }

        .gs18-HeaderPulldown--Region.is-transition-small {
            height: auto
        }

        .gs18-HeaderPulldown--Region.is-open-small {
            width: 100%;
            height: auto
        }

        .gs18-HeaderPulldown--Region .gs18-HeaderPulldown__Inner {
            width: 100%;
            position: relative
        }

    .gs18-HeaderPulldown__Inner {
        min-height: 0
    }

    .gs18-HeaderPulldown__Header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        color: #fff;
        width: 100vw;
        height: 120px;
        padding: 15px 15px 0;
        background-color: #000
    }

    .gs18-HeaderPulldown__Title {
        width: 100%;
        margin-bottom: 0;
        font-size: 24px
    }

        .gs18-HeaderPulldown__Title > a:active, .gs18-HeaderPulldown__Title > a:focus, .gs18-HeaderPulldown__Title > a:hover, .gs18-HeaderPulldown__Title > a:link, .gs18-HeaderPulldown__Title > a:visited {
            color: #fff;
            text-decoration: underline
        }

    .gs18-HeaderPulldown__Gotop {
        display: none
    }

    .gs18-HeaderPulldown__Back {
        display: block;
        width: 100%;
        padding-left: 16px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        position: relative
    }

        .gs18-HeaderPulldown__Back:link, .gs18-HeaderPulldown__Back:visited {
            color: #fff
        }

        .gs18-HeaderPulldown__Back::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            width: 6px;
            height: 6px;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg)
        }

    .gs18-HeaderPulldown__Close {
        display: none
    }

    .gs18-HeaderPulldown__List {
        display: block;
        position: static;
        padding: 0
    }

    .gs18-HeaderPulldown__ListItem {
        font-size: 16px
    }

        .gs18-HeaderPulldown__ListItem > a, .gs18-HeaderPulldown__ListItem > span {
            display: block;
            width: 100%;
            padding: 1em 15px;
            border-bottom: 1px solid #e1e1e1
        }

            .gs18-HeaderPulldown__ListItem > a:not(:only-child) {
                padding-right: 30px
            }

                .gs18-HeaderPulldown__ListItem > a:not(:only-child)::after {
                    right: 19px;
                    width: 6px;
                    height: 6px;
                    border-top: 1px solid #000;
                    border-left: 1px solid #000
                }

            .gs18-HeaderPulldown__ListItem > a:hover {
                width: 100%;
                background-color: #fff
            }

        .gs18-HeaderPulldown__ListItem .gs18-HeaderPulldown__List .gs18-HeaderPulldown__List .gs18-HeaderPulldown__ListItem a:active, .gs18-HeaderPulldown__ListItem .gs18-HeaderPulldown__List .gs18-HeaderPulldown__List .gs18-HeaderPulldown__ListItem a:focus, .gs18-HeaderPulldown__ListItem .gs18-HeaderPulldown__List .gs18-HeaderPulldown__List .gs18-HeaderPulldown__ListItem a:hover {
            background: #f6f6f6
        }

    .gs18-HeaderPulldown__Sublist {
        display: none;
        right: auto;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0;
        background-color: #fff
    }

        .gs18-HeaderPulldown__Sublist.is-current-small {
            display: block
        }

        .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__Header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem > span {
            padding-top: 15px;
            border-bottom: 0
        }

        .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem .gs18-HeaderPulldown__List {
            padding: 10px 0 10px 28px;
            background-color: #f6f6f6
        }

            .gs18-HeaderPulldown__Sublist .gs18-HeaderPulldown__ListItem .gs18-HeaderPulldown__List .gs18-HeaderPulldown__ListItem > a {
                padding: .75em 15px;
                border-bottom: 0
            }

    .gs18-HeaderPulldownRegion {
        padding: 60px 15px 25px;
        background-color: #fff
    }

        .gs18-HeaderPulldownRegion .gs18-HeaderPulldown__Close {
            display: block
        }

    .gs18-HeaderPulldownRegion__Header {
        margin-bottom: 60px
    }

    .gs18-HeaderPulldownRegion__Title {
        margin: 0;
        font-size: 36px;
        font-weight: 700;
        line-height: 1
    }

    .gs18-RegionList {
        margin: 0 0 50px
    }

    .gs18-RegionList__Title {
        font-size: 18px
    }

    .gs18-RegionList__Country {
        min-width: inherit;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        font-size: 16px
    }

    .gs18-RegionList__Language > li {
        width: 100%;
        font-size: 16px
    }

        .gs18-RegionList__Language > li > a {
            padding-left: 24px
        }

            .gs18-RegionList__Language > li > a::before {
                margin-right: 10px
            }

    .gs18-HistorySlide .gs18-HistorySlide__Guide {
        display: none
    }

    .gs18-HistorySlide .gs18-HistorySlide__Img {
        height: 290px
    }

    .gs18-HistorySlide .gs18-HistorySlide__ContentInner {
        position: relative;
        left: 100px;
        width: 100%;
        padding: 0 25px 15px
    }

    .gs18-HistorySlide .gs18-HistorySlide__Title {
        margin: 0 -20px;
        font-size: 40px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .gs18-HistorySlide .gs18-HistorySlide__Text, .gs18-HistorySlide .gs18-HistorySlide__TextList {
        margin: -25px 0 0;
        font-size: 16px
    }

    .gs18-HistorySlide .gs18-HistorySlide__TextListItem {
        clear: both;
        overflow: hidden
    }

        .gs18-HistorySlide .gs18-HistorySlide__TextListItem:not(:first-child) {
            margin-top: 25px
        }

        .gs18-HistorySlide .gs18-HistorySlide__TextListItem > img {
            float: left;
            margin: 0 15px 0 0
        }

        .gs18-HistorySlide .gs18-HistorySlide__TextListItem > p {
            margin: 0
        }

    .gs18-HistorySlide .gs18-HistorySlide__Button {
        margin: 50px 0 0
    }

    .gs18-HistorySlide .slick-dots {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 5px;
        width: 100%;
        border-bottom: 1px solid #fff
    }

        .gs18-HistorySlide .slick-dots > li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 14%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .gs18-HistorySlide .slick-dots > li > span {
                margin: 0 auto;
                padding: .5em;
                font-size: 14px;
                line-height: 1.1
            }

    .gs18-MicroMacro__Item {
        padding: 25px 15px;
        border-bottom: 1px solid #fff
    }

    .gs18-MicroMacro__HiddenImage {
        max-height: 0;
        overflow: hidden;
        transition: all .4s;
        margin: 0 -15px -25px
    }

        .gs18-MicroMacro__HiddenImage img {
            width: 100%;
            display: block
        }

        .gs18-MicroMacro__HiddenImage .gs18-MicroMacro__HiddenImage-lg {
            display: none
        }

    .gs18-MicroMacro__Links {
        position: static;
        padding: 0
    }

    .gs18-MicroMacro__TriggerIcon {
        top: auto;
        bottom: 10px;
        right: 15px
    }

    .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__HiddenImage {
        max-height: 200vh
    }

    .gs18-MicroMacro__Item .gs18-ButtonLink {
        float: right
    }

    .gs18-MicroMacro--Image .gs18-MicroMacro__Item {
        padding: 0 15px
    }

    .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg {
        width: auto;
        height: 100%
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg > img {
            width: auto;
            height: 100%
        }
}

@media only screen and (min-width: 961px) {
    .gs18-MainContents--Narrow {
        min-width: 960px
    }
}

@media only screen and (min-width: 769px) and (max-width:960px) {
    .gs18-MainContents--Narrow {
        width: auto
    }
}

@media only screen and (min-width: 981px) {
    .gs18-Footer__Inner {
        padding: 0 30px 30px;
        height: 200px;
        max-width: 1380px;
        margin: 0 auto
    }

    .gs18-Footer__Title {
        margin-top: 30px
    }

    .gs18-Footer__List {
        width: 680px;
        display: inline-block
    }

        .gs18-Footer__List > li {
            margin-bottom: 0;
            display: inline-block
        }

            .gs18-Footer__List > li:nth-child(odd) {
                margin-right: 60px
            }

            .gs18-Footer__List > li > a {
                position: relative;
                color: inherit;
                font-size: 18px;
                font-weight: 500;
                text-decoration: none;
                padding-left: 22px
            }

                .gs18-Footer__List > li > a::before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 9px;
                    height: 9px;
                    border-top: 2px solid #000;
                    border-left: 2px solid #000;
                    -webkit-transform: translateY(-50%) rotate(-225deg);
                    transform: translateY(-50%) rotate(-225deg);
                    font-weight: 700
                }

    .gs18-Footer__Links {
        position: relative;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }

    .gs18-Footer__SNS {
        margin-right: 20px;
        display: inline-block
    }

    .gs18-Footer__Legal {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .gs18-Footer__Copyright {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .gs18-Header__GlobalLink.is-open {
        background-color: #000
    }

        .gs18-Header__GlobalLink.is-open::before {
            background-color: #000
        }

        .gs18-Header__GlobalLink.is-open::after {
            background-image: url(../img/icon/Global-W.svg);
            background-color: #000;
            opacity: 1
        }

        .gs18-Header__GlobalLink.is-open:active::after, .gs18-Header__GlobalLink.is-open:focus::after, .gs18-Header__GlobalLink.is-open:hover::after {
            opacity: 0
        }

    .gs18-Header.has-no-searchbox .gs18-Header__Inner {
        padding-right: 0
    }

    .gs18-Header.has-no-searchbox .gs18-Header__Search {
        display: none
    }

    .gs18-Header.has-no-searchbox .gs18-Header__SearchBtn > img {
        margin-left: 1px
    }

    .gs18-Header__Inner {
        padding-right: 85px
    }

    .gs18-Header__Logo > img {
        width: 110px
    }

    .gs18-Header__Search {
        position: absolute;
        right: 0;
        top: 0;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        height: 100%;
        z-index: 1
    }

        .gs18-Header__Search.is-open .gs18-Header__SearchInput {
            width: 604px
        }

        .gs18-Header__Search.is-open .gs18-Header__SearchInner > button {
            background: url(../img/icon/Close-R.svg) no-repeat center center
        }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button > img {
                display: none
            }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button::before {
                content: none
            }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button::after {
                content: url(../img/icon/Close.svg);
                display: block;
                margin-top: 5px;
                background: #fff
            }

            .gs18-Header__Search.is-open .gs18-Header__SearchInner > button:active::after, .gs18-Header__Search.is-open .gs18-Header__SearchInner > button:focus::after, .gs18-Header__Search.is-open .gs18-Header__SearchInner > button:hover::after {
                opacity: 0
            }

        .gs18-Header__Search .gs18-Header__SearchInput {
            width: 0;
            transition: .5s width;
            overflow: hidden;
            box-sizing: border-box;
            height: 100%;
            border-left: 1px solid #e0e0e0
        }

            .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox {
                padding: 30px 30px 20px
            }

            .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input {
                width: 500px;
                border: 0;
                border-bottom: solid 2px #000;
                font-size: 24px;
                font-style: italic
            }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput:placeholder-shown, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input:placeholder-shown {
                    color: #888
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput::-webkit-input-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input::-webkit-input-placeholder {
                    color: #888
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput:-moz-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input:-moz-placeholder {
                    color: #888;
                    opacity: 1
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput::-moz-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input::-moz-placeholder {
                    color: #888;
                    opacity: 1
                }

                .gs18-Header__Search .gs18-Header__SearchInput .gs18-SearchBox__QueryInput:-ms-input-placeholder, .gs18-Header__Search .gs18-Header__SearchInput .mf_finder_searchBox_query_input:-ms-input-placeholder {
                    color: #888
                }

    .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text.is-current {
        background: #fff;
        color: #000
    }

    .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text.is-open {
        background: #000;
        color: #fff
    }

    .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text:active, .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text:focus, .gs18-HeaderNav.is-nav-open .gs18-HeaderNav__Text:hover {
        color: red
    }

    .gs18-HeaderNav__Text.is-current, .gs18-HeaderNav__Text.is-open {
        background: #000;
        color: #fff
    }

    .gs18-HeaderNav__Item--Sustainability .gs18-HeaderPulldown__List {
        height: 380px
    }

    .gs18-HeaderPulldown.is-open {
        display: block
    }

    .gs18-HeaderPulldown__Sublist.is-open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .gs18-HeaderPulldown__ListItem > a.is-open {
        width: 51%;
        padding-left: 14px;
        background-color: #e1e1e1;
        color: #000
    }

        .gs18-HeaderPulldown__ListItem > a.is-open::after {
            right: 15px
        }

        .gs18-HeaderPulldown__ListItem > a.is-open:active, .gs18-HeaderPulldown__ListItem > a.is-open:focus, .gs18-HeaderPulldown__ListItem > a.is-open:hover, .gs18-HeaderPulldown__ListItem > a:active, .gs18-HeaderPulldown__ListItem > a:focus, .gs18-HeaderPulldown__ListItem > a:hover {
            color: #f50f10
        }

            .gs18-HeaderPulldown__ListItem > a.is-open:active:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a.is-open:focus:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a.is-open:hover:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a:active:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a:focus:not(:only-child)::after, .gs18-HeaderPulldown__ListItem > a:hover:not(:only-child)::after {
                border-color: #f50f10
            }

    .gs18-RegionListWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .gs18-RegionListWrap .gs18-RegionList {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
            flex: 0 0 30%;
            margin-bottom: 0
        }

    .gs18-HistorySlide {
        box-sizing: border-box;
        position: relative;
        color: #fff
    }

        .gs18-HistorySlide .gs18-HistorySlide__Guide {
            display: block;
            position: absolute;
            left: 30px;
            top: 107px;
            margin: 0;
            padding: 0;
            width: 50%;
            z-index: 1;
            color: #fff;
            font-weight: 500
        }

            .gs18-HistorySlide .gs18-HistorySlide__Guide::after {
                content: "";
                position: absolute;
                height: 1px;
                width: calc(100% - 240px);
                margin-left: 10px;
                top: 50%;
                background-color: #fff
            }

        .gs18-HistorySlide .gs18-HistorySlide__Item {
            height: 810px
        }

            .gs18-HistorySlide .gs18-HistorySlide__Item.slick-slide {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

        .gs18-HistorySlide .gs18-HistorySlide__Img {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .gs18-HistorySlide .gs18-HistorySlide__Content {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .gs18-HistorySlide .gs18-HistorySlide__ContentInner {
            position: absolute;
            left: 175px;
            bottom: 0;
            width: 100%;
            padding: 30px 50px
        }

        .gs18-HistorySlide .gs18-HistorySlide__Title {
            width: 200%;
            font-size: 80px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            margin-left: -50px
        }

        .gs18-HistorySlide .gs18-HistorySlide__TextList {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .gs18-HistorySlide .gs18-HistorySlide__TextListItem {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 47.5%;
            flex: 0 0 47.5%;
            min-width: 47.5%
        }

            .gs18-HistorySlide .gs18-HistorySlide__TextListItem > img {
                vertical-align: top
            }

            .gs18-HistorySlide .gs18-HistorySlide__TextListItem > p {
                margin: 15px 0 0
            }

        .gs18-HistorySlide .gs18-HistorySlide__Button {
            margin: 50px -20px 0 0
        }

        .gs18-HistorySlide .slick-dots {
            box-sizing: border-box;
            position: absolute;
            right: 0;
            top: 100px;
            margin: 0;
            padding: 0 30px 0 52px;
            width: 50%
        }

            .gs18-HistorySlide .slick-dots > li {
                padding: .5em .8em;
                border: 1px solid #fff;
                font-weight: 500;
                font-size: 18px
            }

    .gs18-MicroMacro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #000
    }

    .gs18-MicroMacro__Item {
        height: 263px;
        transition: all .4s;
        width: 33.33%
    }

        .gs18-MicroMacro__Item:hover {
            width: calc(33.33% + 30px)
        }

        .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__Caption {
            width: 46%
        }

    .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item {
        width: 16.6%;
        height: 430px
    }

        .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item .gs18-MicroMacro__MoreText, .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item .gs18-MicroMacro__Text {
            display: none
        }

        .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.is-open {
            width: 67%
        }

            .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__MoreText, .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__Text {
                display: block
            }

        .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half {
            width: 33.3%
        }

            .gs18-MicroMacro.is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half.is-open {
                width: 67%
            }

    .gs18-MicroMacro__Item.is-open {
        height: 400px
    }

        .gs18-MicroMacro__Item.is-open .gs18-MicroMacro__HiddenImage {
            width: 50%
        }

    .gs18-MicroMacro__Item .gs18-ButtonLink {
        position: absolute;
        right: 50%
    }

    .gs18-MicroMacro__HiddenImage {
        transition: all .4;
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        opacity: 0;
        height: 100%;
        overflow: hidden
    }

    .gs18-MicroMacro__HiddenImageInner {
        margin-left: -50%;
        width: 200%;
        height: 100%
    }

        .gs18-MicroMacro__HiddenImageInner > img {
            margin: 0 auto;
            height: 100%;
            width: auto;
            display: block
        }

        .gs18-MicroMacro__HiddenImageInner > .gs18-MicroMacro__HiddenImage-lg {
            margin: 0
        }

    .gs18-MicroMacro__HiddenImageSwitch {
        margin-left: 0
    }

    .gs18-MicroMacro__HiddenImage-sm {
        display: none
    }

    .gs18-MicroMacro__Item--Half {
        width: 50%;
        height: 350px
    }

        .gs18-MicroMacro__Item--Half:hover {
            width: calc(50% + 30px)
        }

        .gs18-MicroMacro__Item--Half.is-open .gs18-MicroMacro__Caption {
            width: 100%
        }

    .is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half {
        width: 33.3%;
        height: 535px
    }

        .is-tile-open .gs18-MicroMacro__Item.gs18-MicroMacro__Item--Half.is-open {
            width: 67%
        }

    .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg {
        width: auto;
        height: 100%
    }

        .gs18-MicroMacro--Image .gs18-MicroMacro__BgImg > img {
            width: auto;
            height: 100%
        }
}

@media only screen and (min-width: 1200px) {
    .gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-lg .gs18-PageTitleUnit__Inner {
        min-height: 600px;
        height: 600px
    }
}

@media (max-width: 1200px) {
    .gs18-RegionList__Language > li {
        width: 100%
    }
}

@media only screen and (min-width: 981px) and (max-width:1100px) {
    .gs18-HeaderNav__Text {
        font-size: 15px
    }
}

@media only screen and (max-width: 980px) and (max-width:580px) {
    .gs18-Header__Search .gs18-SearchBox__QueryWrap, .gs18-Header__Search .mf_finder_searchBox_query_wrap {
        -ms-flex-preferred-size: 87%;
        flex-basis: 87%
    }
}

@media print and (max-width: 1100px) {
    .gs18-HeaderNav__Text {
        font-size: 15px
    }
}

@media only screen and (min-width: 980px) {
    .gs18-TopSlide__Title {
        font-size: 80px
    }

    .gs18-TopSlide__Button {
        margin-top: 35px
    }
}

@media all and (min-width: 981px) {
    .gs18-FeedWrap .gs18-FeedRSS {
        position: absolute;
        top: 3px;
        right: 0
    }

    .gs18-Page-Top .gs18-FeedList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gs18-Page-Top .gs18-FeedList__Item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

@media all and (max-width: 980px) {
    .gs18-FeedWrap .gs18-FeedRSS {
        display: block;
        margin-top: 5px;
        text-align: right;
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    .gs18-HistorySlide .slick-dots > li {
        font-size: 16px
    }
}

@media (max-width: 1140px) {
    .gs18-HistorySlide .slick-dots > li {
        font-size: 14px
    }
}

@media (max-width: 1020px) {
    .gs18-HistorySlide .slick-dots > li {
        font-size: 13px
    }
}

@media only screen and (max-width: 980px) and (max-width:320px) {
    .gs18-HistorySlide .slick-dots > li > span {
        font-size: 12px
    }
}

@media only screen and (min-width: 960px) {
    .gs18-TileItem--Pictgram > .gs18-TileItem__Body, .gs18-TileItem--Pictgram > .gs18-TileItem__Head {
        margin-right: calc(96px + 60px)
    }
}

@media only screen and (min-width: 768px) and (max-width:960px) {
    .gs18-TileItem--Pictgram > .gs18-TileItem__Body, .gs18-TileItem--Pictgram > .gs18-TileItem__Head {
        margin-right: calc(10vw + 60px)
    }
}

@media only screen and (min-width: 768px) and (max-width:1279px) {
    .gs18-Tile--Button > .gs18-TileItem.gs18-u-Size1of4 {
        width: 50%
    }
}

@media only screen and (max-width: 1024px) {
    .gs18-TileItem.gs18-u-Size1of3 .gs18-LineTable .gs18-LinkList--Size1of2 .gs18-LinkListItem {
        margin-top: 15px;
        width: 100%
    }

        .gs18-TileItem.gs18-u-Size1of3 .gs18-LineTable .gs18-LinkList--Size1of2 .gs18-LinkListItem:first-child {
            margin-top: 0
        }
}

@media only screen and (max-width: 766px) {
    .gs18-TileItem.gs18-u-Size1of3 .gs18-LineTable .gs18-LineTableBodyTd, .gs18-TileItem.gs18-u-Size1of3 .gs18-LineTable .gs18-LineTableBodyTh {
        width: 50%
    }
}

header.product-detail {
    max-height: 400px;
}

/* VRF Banner Classes*/
@media only screen and (max-width: 768px) {
    header.air-conditioning-systems, header.vrf-main {
        -ms-background-position-x: -620px;
        background-position-x: -620px;
    }
}

indented {
    padding-left: 20px;
    display: block;
}

ul.nextonthl li.gs18-LinkListItem:nth-child(1) {
    display: none;
}

ul.nextonthl li.gs18-LinkListItem label {
    cursor: pointer;
}

.nextone {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.secselcc .gs18-Select {
    padding: 10px 51px 10px 13px;
    border: solid 2px #000;
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: 1.4;
    color: #000;
    background-color: transparent;
    font-family: inherit;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 0;
}

.gs18-ContactFooter {
    margin-top: 30px;
    padding: 1px 20px 20px;
    text-align: center;
    background-color: #eee;
}

    .gs18-ContactFooter .gs18-InputButton {
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px;
    }

.gs18-InputButton--Proceed {
    border-color: #f50f10;
    color: #fff;
    background-color: #f50f10;
}

.gs18-InputButton {
    margin: 20px 0 0;
    padding: 10px 13px;
    border: solid 2px #000;
    display: table;
    color: #000;
    background-color: #fff;
    font-weight: 700;
    font-family: inherit;
    text-decoration: none;
    box-sizing: border-box;
}

@media (min-width: 320px) and (max-width: 660px) {
    ul.nextonthl li.gs18-LinkListItem {
        width: 100%
    }

    .secselcc .gs18-Select {
        width: 100%;
        padding: 5px;
    }
}
/*style*//**/
@charset "UTF-8";

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

:focus {
    outline: none
}

.gs18-Header {
    -webkit-box-shadow: 0 10px 16px 0 rgba(0,0,0,0.08);
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.08);
    max-width: 1920px;
    width: 100%;
    margin: auto
}

.clearfix:after, .clearfix:before {
    clear: both;
    content: '';
    display: table
}

.gs18-Main {
    max-width: 1920px;
    width: 100%;
    margin: auto
}

.about-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center
}

    .about-tab > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 15px
    }

.unstyled-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-inline li {
    list-style: none;
    float: left
}

.sprite__img {
    background-image: url(../img/icon/sprite.png);
    width: 88px;
    height: 88px;
    display: inline-block;
    background-position: -5px -5px
}

    .sprite__img.spt__company {
        background-position: -5px -5px
    }

    .sprite__img.spt__csr {
        background-position: -105px -5px
    }

    .sprite__img.spt__location {
        background-position: -192px -5px
    }

    .sprite__img.spt__ewaste {
        background-position: -109.5em -7.2em
    }

    .sprite__img.spt__legal {
        background-position: -470px -110px;
        background-color: #000
    }

    .sprite__img.spt__disclainer {
        background-position: -560px -110px;
        background-color: #000
    }

    .sprite__img.spt__casestudies {
        background-position: -650px -110px;
        background-color: #000
    }

.about-pr-links a:hover .sprite__img {
    background-color: #f50f10
}

.container-md {
    width: 1100px;
    max-width: 100%;
    margin: auto
}

.about-us-text, .home-AboutSection .gs18-Text {
    font-size: 1.25rem
}

.about-catagory a {
    text-decoration: none;
    color: #000;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

    .about-catagory a:hover {
        text-decoration: none;
        color: #f50f10
    }

    .about-catagory a span {
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

    .about-catagory a:hover > span {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

.about-catagory h2 {
    margin-top: 0
}

.home-AboutSection .gs18-TileItem__Body {
    flex: 0 auto;
    -webkit-box-flex: inherit;
    -ms-flex: 0 auto
}

.home-AboutSection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-direction: row;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.category-banner--home {
    margin-bottom: 1px
}

.home-AboutSection .gs18-TileItem__Head {
    padding-bottom: 0
}

.category__tile {
    text-align: center;
    background-color: rgba(255,255,255,0.73)
}

.gs18-ButtonLink--Primary {
    background-color: #000;
    color: #fff
}

.m-0 {
    margin: 0
}
.ml-10{
        margin-left:10px;
}


.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .7rem !important
}

.mb-2 {
    margin-bottom: 1.4rem !important
}

.mb-3 {
    margin-bottom: 2.1rem !important
}

.mb-4 {
    margin-bottom: 2.8rem !important
}

.mb-5 {
    margin-bottom: 3.5rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .7rem !important
}

.mt-2 {
    margin-top: 1.4rem !important
}

.mt-3 {
    margin-top: 2.1rem !important
}

.mt-4 {
    margin-top: 2.8rem !important
}

.mt-5 {
    margin-top: 3.5rem !important
}

.p-0 {
    padding: 0
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .7rem !important
}

.pb-2 {
    padding-bottom: 1.4rem !important
}

.pb-3 {
    padding-bottom: 2.1rem !important
}

.pb-4 {
    padding-bottom: 2.8rem !important
}

.pb-5 {
    padding-bottom: 3.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .7rem !important
}

.pt-2 {
    padding-top: 1.4rem !important
}

.pt-3 {
    padding-top: 2.1rem !important
}

.pt-4 {
    padding-top: 2.8rem !important
}

.pt-5 {
    padding-top: 3.5rem !important
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-3 {
    margin-top: 2.1rem;
    margin-bottom: 2.1rem
}

img {
    max-width: 100%;
    vertical-align: middle
}

.h100 {
    height: 100%
}

.latestnews-container .gs18-TileItem {
    padding-left: 15px;
    padding-right: 15px
}

.latestnews-container .gs18-TileItem-Inner {
    border: 1px solid #b7b7b7;
    height: 100%;
    padding: 0
}

    .latestnews-container .gs18-TileItem-Inner .gs18-TileItem__Head {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    .latestnews-container .gs18-TileItem-Inner .gs18-TileItem__Body > p {
        margin-bottom: 0
    }

.bottom-nav--pos.slick-slider {
    padding-bottom: 45px
}

.bottom-nav--pos button.slick-arrow {
    top: inherit;
    left: 50%;
    right: inherit
}

    .bottom-nav--pos button.slick-arrow.slick-prev {
        right: 50%;
        left: inherit
    }

.gs18-FeaturesSlide__Main .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gs18-FeaturesSlide__Main .slick-slide {
    height: inherit
}

.gs18-HeadingLv2__HeadText {
    font-size: 1.5rem
}

.gs18-TileItem__Image {
    margin-bottom: 15px
}

h3.gs18-HeadingLv3__SubText {
    margin-bottom: 0
}

.gs18-ButtonLinkRed {
    border: 2px solid #de0022;
    background-color: #de0022;
    color: #fff;
    text-decoration: none;
    padding: 6px 13px;
    display: inline-block;
    font-weight: 500;
    font-family: Roboto,sans-serif
}

input.gs18-ButtonLinkRed {
    padding: 8px 13px
}

.gs18-ButtonLink-SM {
    padding: 4px 10px;
    font-size: 14px
}

.gs18-ButtonLink-Radius {
    border-radius: 25px
}

.gs18-ButtonLinkRed:hover {
    background-color: #fff;
    color: #de0022
}

.latestnews-container .gs18-TileItem__Foot {
    margin-bottom: 10px
}

.latestnews-container .gs18-TileItem__Body {
    font-size: .9rem
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.archive-Tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-decoration: none;
    color: #000
}

.post__date {
    background-color: #404040;
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 70px;
    margin-right: 10px
}

    .post__date span {
        display: block;
        line-height: 1.2
    }

    .post__date .date {
        font-size: 1.4rem
    }

.archive-text {
    font-size: .9rem;
    font-weight: 400;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50px;
    flex: 1 0 50px;
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

    .archive-text p {
        margin: 0;
        font-size: .9rem
    }

.archive-Tile:hover, .archive-Tile:hover .post__date, .archive-Tile.active, .archive-Tile.active .post__date {
    background-color: #de0022;
    color: #fff
}

.archive-container .gs18-TileItem-Inner {
    padding: 10px 0;
    border-bottom: 1px solid #b7b7b7
}

.archive-inner-container .gs18-TileItem-Inner:first-child {
    padding-top: 0
}

.gs18-RelatedLinks {
    background-color: #e0e0e0;
    padding-top: 2rem
}

.gs18-RelatedLinkSlide__Text .gs18-ButtonLink {
    display: inline-block
}

.gs18-RelatedLinkSlide__Item {
    position: relative
}

.gs18-RelatedLinkSlide__Text {
    position: absolute;
    bottom: 8.571%;
    width: 100%;
    text-align: center
}

.gs18-RelatedLinkSlide__Arrow > a::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 18px;
    height: 18px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    left: 8px
}

.gs18-RelatedLinkSlide__Arrow--Next > a::before {
    left: inherit;
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(-225deg);
    -ms-transform: translateY(-50%) rotate(-225deg);
    transform: translateY(-50%) rotate(-225deg)
}

.gs18-RelatedLinks ul.slick-dots {
    margin: 0;
    padding: 0;
    line-height: 1
}

.gs18-RelatedLinkSlide__Arrow > a {
    background: 0 0;
    color: transparent;
    width: 30px;
    height: 100%;
    padding: 0;
    text-indent: -9999px;
    position: relative;
    display: inline-block
}

.gs18-RelatedLinkSlide {
    text-align: center;
    max-width: 1530px;
    margin: auto
}

.gs18-RelatedLinkSlide__Arrow {
    position: absolute;
    display: block;
    top: 0;
    width: 30px;
    height: 33px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    left: 16px;
    bottom: 0;
    margin: auto
}

.gs18-RelatedLinkSlide__Arrow--Next {
    right: 16px;
    left: inherit
}

.gs18-RelatedLinkSlide__Footer {
    padding: 17px 53px;
    position: relative;
    display: inline-block;
    margin: 15px 0
}

    .gs18-RelatedLinkSlide__Footer .slick-dots > li > a, .gs18-RelatedLinkSlide__Footer .slick-dots > li > button {
        cursor: pointer;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 0;
        background: 0 0;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        color: transparent;
        border-radius: 100%;
        border: 2px solid #000;
        outline: 0
    }

    .gs18-RelatedLinkSlide__Footer .slick-dots > li {
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 5px;
        padding: 0;
        vertical-align: middle
    }

        .gs18-RelatedLinkSlide__Footer .slick-dots > li.slick-active > a, .gs18-RelatedLinkSlide__Footer .slick-dots > li.slick-active > button {
            background-color: #000
        }

.gs18-RelatedLinkSlide__Button {
    margin-top: 20px;
    border: 0;
    background-color: #fff
}

.social-feeds--fb {
    background-image: url(../img/top/fb-feeds-bg.jpg);
    background-color: #de0022;
    background-position: center;
    background-size: cover;
    color: #fff;
    min-height: 600px;
    padding: 30px
}

.social-feeds--youtube {
    background-image: url(../img/top/youtube-feeds-bg.jpg);
    background-color: #000;
    background-position: center;
    background-size: cover;
    color: #fff;
    min-height: 600px;
    padding: 30px
}

.fb_iframe_widget, .fb_iframe_widget span {
    width: 100% !important
}

    .fb_iframe_widget iframe {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }

.wrap-Tile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-TileCSR {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}

.div--top {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.post--fb {
    padding: 8px
}

.post-inner--fb {
    text-align: center
}

    .post-inner--fb .fb--link {
        border-radius: 6px;
        overflow: hidden;
        display: inline-block
    }

.overflow-auto {
    overflow: auto
}

.social-feeds--fb .overflow-auto {
    margin-top: 20px;
    max-height: 450px
}

.social-feeds--carousel {
    margin: auto
}

ul.gs18-Footer__Link {
    list-style: none;
    padding: 0;
    margin: 0
}

.gs18-Footer__Link a {
    text-decoration: none;
    color: #fff;
    margin: 7px 0;
    display: block
}

.gs18-Footer {
    background-image: url(../img/top/footer-bg.jpg);
    font-size: 16px;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: auto
}

    .gs18-Footer:before {
        content: '';
        background-color: rgba(46,46,46,0.9);
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%
    }

.foot-contact--Text {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.3
}

    .foot-contact--Text p {
        margin: 0
    }

.head-txt {
    color: #de0022
}

.left--border {
    position: relative
}

    .left--border:before {
        left: -10px;
        height: 100%;
        width: 4px;
        position: absolute;
        background-color: #de0022;
        content: ''
    }

.foot-content--Top {
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom: 26px;
    padding-top: 30px
}

.gs18-ButtonLinkRed.rect-btn {
    border-radius: 0
}

.gs18-Footer__Links {
    background-color: #000;
    margin-top: 15px;
    position: relative
}

.gs18-Footer__Link a:active, .gs18-Footer__Link a:focus, .gs18-Footer__Link a:hover {
    color: #f50f10
}

.v-align--middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.yt-item--post {
    width: 250px
}

.flipster__item__content {
    background-color: #e3e3e3;
    color: #000
}

.flipster {
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    padding: 50px 0 70px
}

.flipster__nav {
    display: block;
    margin: 0 0 4em;
    text-align: center;
    position: relative;
    margin: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 100%
}

.yt-item--body {
    padding: 20px
}

    .yt-item--body h4 {
        margin: 0;
        position: relative;
        padding-top: 10px
    }

.flipster__nav__link {
    text-indent: -9999em;
    background-color: red;
    padding: 2px 5px;
    height: 0;
    border-radius: 5px
}

.flipster__nav__item--current .flipster__nav__link {
    padding: 2px 9px
}

.yt-item--body h4:before {
    height: 3px;
    width: 60px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

body * {
    scrollbar-color: #ed1b2e #000;
    scrollbar-width: thin
}

body ::-webkit-scrollbar-track {
    background: #000
}

body ::-webkit-scrollbar-thumb {
    background-color: #ed1b2e;
    outline: 1px solid #fff
}

body ::-webkit-scrollbar {
    width: 8px
}

.social-feeds ::-webkit-scrollbar-track {
    background: #000
}

.social-feeds ::-webkit-scrollbar-thumb {
    background-color: #fff;
    outline: 1px solid #000
}

.archive-inner-container {
    margin-bottom: 30px
}

a.tt--link {
    display: block;
    position: relative
}

.tt--link::after {
    background: url(../img/icon/YouTube-R.svg) no-repeat left top;
    background-size: auto 20px;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    left: 10px
}

body.gs18-HeaderFog:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 1;
    opacity: .8
}

.gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-md .gs18-PageTitleUnit__Inner {
    min-height: 450px;
    height: 450px;
    text-align: left
}

.gs18-PageTitleUnit__wrap {
    border-left: 8px solid #ed1b2e;
    margin-left: 10%;
    padding: 0px 25px;
    max-width: 50%;
}

.gs18-TileItem--BgRed {
    background-color: #ed1b2e !important;
    color: #fff !important
}

.career-bottom-about {
    position: relative;
    color: #fff;
    margin-bottom: 80px
}

.career-bottom-right {
    padding: 20px;
    overflow: auto
}

.career-bottom-left {
    border-bottom: 5px solid #ed1b2e;
    position: relative;
    margin-bottom: 20px
}

.upload-resume--title {
    background-color: #ed1b2e;
    color: #fff;
    display: inline-block;
    width: auto;
    margin: auto;
    position: absolute;
    bottom: -18px;
    padding: 5px 20px;
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 200px;
    -webkit-box-shadow: 0 0 5px 1px rgba(29,29,29,.4);
    box-shadow: 0 0 5px 1px rgba(29,29,29,.4)
}

    .upload-resume--title:hover {
        -webkit-box-shadow: 0 0 5px 3px rgba(29,29,29,.4);
        box-shadow: 0 0 5px 3px rgba(29,29,29,.4)
    }

.carrer-position {
    background-color: #fff;
    margin: 10px;
    padding: 40px 40px 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.errors {
    color: #de0022;
    font-size: .9rem
}

.text--red {
    color: #ed1b2e !important
}

.text--white {
    color: #fff !important
}

.carrer-position .gs18-Text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .carrer-position .gs18-Text > span:first-child {
        -webkit-box-flex: 20;
        flex: 20 0 100px;
        -ms-flex: 20 0 100px;
        color: #535353;
        padding-right: 10px
    }

    .carrer-position .gs18-Text > span:last-child {
        -ms-flex: 20 0 60%;
        -webkit-box-flex: 20;
        flex: 20 0 60%
    }

.career-opening {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.gs18-ButtonLink--Red {
    margin: 20px 0 0;
    padding: 10px 13px;
    border: solid 2px #000;
    display: block;
    color: #000;
    background-color: #fff;
    font-weight: 700;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.carrer-position .gs18-TileItem__Head {
    margin-bottom: 20px
}

.carrer-position .gs18-TileItem__Body {
    font-weight: 600
}

.career-bottom-right .gs18-HeadingLv2--Catch {
    margin-bottom: 0
}

.pagination {
    text-align: center;
    margin-bottom: 50px
}

    .pagination ul {
        padding: 0;
        list-style: none;
        margin: 0;
        text-align: right;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 1px solid #ccc;
        border-radius: 5px
    }

    .pagination li a, .pagination li span {
        padding: 5px 10px;
        text-decoration: none;
        border-right: 1px solid #ccc;
        display: block;
        color: #ed1b2e
    }

        .pagination li a:hover {
            text-decoration: underline
        }

    .pagination li:last-child a {
        border: 0
    }

    .pagination li a.current {
        background-color: #ccc;
        text-decoration: underline
    }

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.modal-container {
    width: 100%;
    height: 100%;
    background-color: rgba(1,1,1,0.7);
    position: fixed;
    top: 0;
    z-index: 99999999;
    height: 100%;
    display: none
}

.modal-content {
    max-width: 700px;
    border: 4px solid #de0022;
    background-color: #fff;
    position: absolute;
    max-height: 95%;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    top: 3%;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    -webkit-transition: ease-in-out .5s transform;
    -o-transition: ease-in-out .5s transform;
    transition: ease-in-out .5s transform
}

.modal-head {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto;
    margin: 10px 0
}

.modal-foot {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-head h2 {
    margin-top: 0
}

.close-btn {
    background-color: #fff;
    border: 1px solid #000;
    padding: 5px;
    width: 30px;
    line-height: 0;
    cursor: pointer
}

    .close-btn:hover {
        border-color: #de0022
    }

table.table td {
    padding: .5rem 1rem
}

table.table {
    border-color: #fff;
    font-size: 1rem;
    margin: 1rem
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem 2rem;
    border-bottom: 1px solid #ebe5e5;
    font-size: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .form-group label.form-group-label {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: flex
    }

.increment.form-group .form-group-input {
    flex: 0 0 53%;
}

.form-group-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-bottom: 2px solid #e2e2e2;
    width: 100%;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border-radius: 2px
}

.form-control-sm {
    width: 32%;
    display: inline-block
}

.file-upload {
    display: block;
    text-align: center;
    font-size: 14px
}

    .file-upload .file-select {
        display: block;
        border: 2px solid #000;
        color: #000;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #FFF;
        overflow: hidden;
        position: relative;
        border-radius: 2px
    }

        .file-upload .file-select .file-select-button {
            background: #000;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #fff
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 8px;
            width: 60%;
            text-overflow: ellipsis;
            letter-spacing: normal;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: top
        }

        .file-upload .file-select:hover {
            border-color: #34495e;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out
        }

            .file-upload .file-select:hover .file-select-button {
                background: #de0022;
                color: #FFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out
            }

    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out
    }

        .file-upload.active .file-select .file-select-button {
            background: #3fa46a;
            color: #FFF;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out
        }

    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .file-upload .file-select.file-select-disabled {
        opacity: .65
    }

        .file-upload .file-select.file-select-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #FFF;
            overflow: hidden;
            position: relative
        }

            .file-upload .file-select.file-select-disabled:hover .file-select-button {
                background: #dce4ec;
                color: #666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px
            }

            .file-upload .file-select.file-select-disabled:hover .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px
            }

.modal-content .form-control, .contact-form .form-control, .tonnage-cacluator-cont .form-control {
    border-bottom: 0;
    border: 2px solid #000;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll right 10px center #fff;
    padding-right: 20px
}

select::-ms-expand {
    display: none
}

.job-detail-content {
    opacity: 0
}

.job-form-content {
    visibility: hidden;
    -webkit-transition: ease .5s transform,ease-in-out 1s visibility;
    -o-transition: ease .5s transform,ease-in-out 1s visibility;
    transition: ease .5s transform,ease-in-out 1s visibility
}

.modal-content.job-form-content {
    -webkit-transform: translateX(300%);
    -ms-transform: translateX(300%);
    transform: translateX(300%)
}

.openjobform .modal-content.job-detail-content {
    -webkit-transform: translateX(-300%);
    -ms-transform: translateX(-300%);
    transform: translateX(-300%)
}

.openjobform .modal-content.job-form-content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: ease .5s transform;
    -o-transition: ease .5s transform;
    transition: ease .5s transform;
    visibility: visible
}

.upload-form-content {
    visibility: hidden;
    -webkit-transition: ease .5s transform,ease-in-out 1s visibility;
    -o-transition: ease .5s transform,ease-in-out 1s visibility;
    transition: ease .5s transform,ease-in-out 1s visibility
}

.open-uploadresume-form .modal-content.upload-form-content {
    visibility: visible;
    -webkit-transition: ease .5s transform,ease-in-out 1s visibility;
    -o-transition: ease .5s transform,ease-in-out 1s visibility;
    transition: ease .5s transform,ease-in-out 1s visibility
}

.form-group-input label {
    margin-right: 20px
}

#gotojd {
    margin-top: 0;
    margin-right: 10px
}

input.searchkeyword {
    border: 0;
    border-bottom: 2px solid #e2e2e2;
    width: 100%;
    padding: 10px;
    margin-bottom: 30px
}

.news--searchby-date {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

    .news--searchby-date select {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        margin-right: 10px;
        outline: none
    }

input {
    outline: none
}

.news-slide-content {
    position: absolute;
    max-width: 520px;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.80) !important;
    padding: 20px
}

    .news-slide-content .gs18-TileItem__Body {
        padding-bottom: 0
    }

        .news-slide-content .gs18-TileItem__Body > p:last-child {
            margin-bottom: 0
        }

.gs18-NewsSlide__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.gs18-NewsSlide {
    width: 100%;
    position: relative
}

.gs18-NewsSlide__Footer .gs18-RelatedLinkSlide__Arrow > a {
    background-color: rgba(255,255,255,0.73);
    height: 50px
}

.gs18-NewsSlide__Footer .gs18-RelatedLinkSlide__Arrow--Next {
    right: 0
}

.gs18-NewsSlide__Footer .gs18-RelatedLinkSlide__Arrow--Prev {
    left: 0
}

.upcoming-events--banner {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid #4b4a4a
}

.e--countdown {
    background-color: #de0022;
    color: #4e3d3d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around
}

.upcoming-events--banner h2 {
    padding-right: 35px;
    text-align: right
}

a[href^="mailto"], .wordbreak {
    word-break: break-all
}

.e--counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 5px
}

.e-text--bold {
    font-weight: 700;
    font-size: 2.5rem
}

.banner-content--fullwidth {
    max-width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 0;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    overflow: hidden
}

.gs18-PageTitleUnit__Style {
    background-color: transparent;
    width: 55%;
    height: 220px;
    padding: 20px;
    position: relative
}

    .gs18-PageTitleUnit__Style:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: #de0022;
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -ms-transform: skew(30deg,0deg);
        -webkit-transform: skew(30deg,0deg);
        transform: skew(30deg,0deg);
        -webkit-box-shadow: 20px 0 28px #000;
        box-shadow: 20px 0 28px #000
    }

    .gs18-PageTitleUnit__Style:before {
        content: " ";
        position: absolute;
        display: block;
        width: 80%;
        height: 100%;
        top: -65px;
        left: 0;
        z-index: -1;
        background: #4e3d3d;
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -ms-transform: skew(30deg,0deg);
        -webkit-transform: skew(30deg,0deg);
        transform: skew(30deg,0deg);
        -webkit-box-shadow: 20px 0 28px #000;
        box-shadow: 20px 0 28px #000
    }

.gs18-PageTitleUnit__StyleInner {
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    margin-right: 70px
}

.mt-0 {
    margin-top: 0
}

.current-event-cont {
    margin-top: 3rem
}

.sprite__icon {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: middle
}

    .sprite__icon:after {
        background-image: url(../img/icon/sprite.png);
        width: 34px;
        height: 42px;
        display: inline-block;
        background-position: -282px -5px;
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .sprite__icon.email-icon:after {
        background-position: -282px -38px
    }

    .sprite__icon.tel-icon:after {
        background-position: -282px -5px
    }

    .sprite__icon.email-icon-black:after {
        background-position: -315px -38px
    }

    .sprite__icon.tel-icon-black:after {
        background-position: -315px -5px
    }

    .sprite__icon.gmap-icon:after {
        background-position: -368px -5px
    }

    .sprite__icon.tel-icon2:after {
        background-position: -425px -5px
    }

    .sprite__icon.gst-icon:after {
        background-position: -493px -5px
    }

    .sprite__icon.fax-icon:after {
        background-position: -426px -45px
    }

.contact-info {
    padding: 1rem 0;
    margin: 5px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

    .contact-info:hover {
        -webkit-box-shadow: 0 0 15px 3px rgba(29,29,29,.24);
        box-shadow: 0 0 15px 3px rgba(29,29,29,.24)
    }

    .contact-info .gs18-Text a {
        text-decoration: none;
        color: #fff
    }

    .contact-info .email-icon-black a, .contact-info .tel-icon-black a {
        color: #000
    }

.enquiry--form .gs18-Accordion {
    padding: 0;
    background-color: #efefef
}

.gs18-AccordionList .gs18-AccordionList__content {
    max-height: 200px;
    overflow: auto
}

.enquiry--form .gs18-AccordionList .gs18-AccordionList__Item > a.is-open + .gs18-AccordionList__content {
    background-color: #efefef
}

.enquiry--form .gs18-AccordionList .gs18-AccordionList__Item > a.is-open {
    background-color: #efefef;
    margin: 0
}

.enquiry--form .gs18-AccordionList {
    border: 0
}

    .enquiry--form .gs18-AccordionList .gs18-AccordionList__Item > a::after {
        content: none
    }

.gs18-AccordionList .gs18-AccordionList__Item > a {
    font-size: 1rem;
    color: #8a8a8a
}

.enquiry--form .gs18-u-Size1of2, .enquiry--form .gs18-u-Size12 {
    padding: 0 30px;
    margin-bottom: 30px
}

.gs18-LinkListItem input[type="radio"], .gs18-LinkListItem input[type="checkbox"] {
    margin-right: 10px
}

.gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a::before {
    top: 0;
    background-image: url(../img/icon/Plus-W.svg);
    background-position: center;
    background-size: auto;
    background-color: #de0022;
    right: 0;
    background-repeat: no-repeat;
    margin: 0;
    height: 50px;
    width: 50px
}

.enquiry--form .gs18-LinkListItem {
    font-size: .9rem;
    cursor: pointer !important
}

.enquiry--form .gs18-AccordionList__content h3 {
    padding-left: 30px
}

.enquiry--form .gs18-LinkList {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e3e3;
    padding-bottom: 15px
}

    .enquiry--form .gs18-LinkList:last-child {
        border-bottom: 0
    }

.contact-form {
    max-width: 800px;
    width: 100%
}

.red {
    color: #de0022
}

#p-enq-form {
    display: none
}

#p-dealer-selection {
    display: none
}

.notetext {
    font-size: .9rem
}

.location-info {
    padding: .5rem
}

    .location-info .gs18-TileItem {
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

.heading-skew {
    background-color: #000;
    padding: 10px;
    color: #fff;
    display: inline-block;
    position: relative;
    font-weight: 400
}

    .heading-skew:after {
        content: '';
        position: absolute;
        border-right: 22px solid transparent;
        border-left: 22px solid #000;
        border-bottom: 22px solid transparent;
        border-top: 22px solid #000;
        left: 100%;
        top: 0
    }

.location-info .heading-skew {
    margin-left: -15px
}

.location-info:hover .gs18-TileItem {
    -webkit-box-shadow: 0 0 10px 8px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 8px rgba(0,0,0,0.2);
    background-color: #fff !important
}

.location-info:hover .heading-skew {
    background-color: #de0022
}

    .location-info:hover .heading-skew:after {
        border-left: 22px solid #de0022;
        border-top: 22px solid #de0022
    }

.loaction-address {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.alpha-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 15px
}

    .alpha-search ul {
        width: calc(100% - 35px)
    }

.address-filter {
    width: 100%
}

.alpha-search ul {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: auto;
    padding: 0 5px;
    border-radius: 3px
}

    .alpha-search ul li a {
        text-decoration: none;
        padding: 8px 5px;
        color: #000;
        font-size: 14px;
        margin-top: 2px;
        display: block;
        min-width: 20px;
        text-align: center
    }

        .alpha-search ul li a:hover, .alpha-search ul li a.current {
            background-color: #efefef;
            border-radius: 3px 3px 0 0;
            color: #de0022
        }

.text-address-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-align-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f-search--text {
    margin-right: 10px;
    text-align: right;
    width: 60%;
    border: 1px solid #abaabb
}

    .f-search--text:focus {
        border-color: #de0022
    }

.address-item {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding-top: 25px
}

    .address-item:nth-child(3n+3), .address-item:last-child {
        border-right: 0
    }

.crossfilter {
    width: 22px;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    height: 18px;
    align-self: center;
    cursor: pointer;
    background: url(../img/icon/reset.png) no-repeat center center;
    text-indent: -99999em;
    background-size: 16px;
    vertical-align: middle;
    -webkit-transition: ease-in-out .3s transform;
    -o-transition: ease-in-out .3s transform;
    transition: ease-in-out .3s transform;
    visibility: hidden;
    transform: scale(0);
    width: 0;
    padding: 0;
    border: 0;
    margin: 0
}

    .crossfilter.visible {
        visibility: visible;
        transform: scale(1);
        width: 30px;
        padding: 2px;
        border: 0;
        margin-left: 5px;
        -webkit-transition: ease-in-out .3s transform;
        -o-transition: ease-in-out .3s transform;
        transition: ease-in-out .3s transform
    }

    .crossfilter:hover {
        transform: rotate(30deg)
    }

.office-type--list li a {
    color: #000;
    border-bottom: 1px solid;
    display: block;
    padding: 20px;
    padding-left: 60px;
    font-size: 1.3rem;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    margin: 0
}

    .office-type--list li a.current, .office-type--list li a:hover {
        background-color: #de0022;
        color: #fff;
        border-color: #de0022
    }

    .office-type--list li a:after {
        left: 10px;
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

.sprite__icon.sales-icon:after {
    background-position: -545px -5px
}

.sprite__icon.tech-icon:after {
    background-position: -591px -5px
}

.sprite__icon.rnd-icon:after {
    background-position: -642px -5px
}

.sprite__icon.mfg-icon:after {
    background-position: -694px -5px
}

.office-type--list li a.sprite__icon.sales-icon:hover:after, .office-type--list li a.sprite__icon.sales-icon.current:after {
    background-position: -545px -44px
}

.office-type--list li a.sprite__icon.tech-icon:hover:after, .office-type--list li a.sprite__icon.tech-icon.current:after {
    background-position: -591px -44px
}

.office-type--list li a.sprite__icon.rnd-icon:hover:after, .office-type--list li a.sprite__icon.rnd-icon.current:after {
    background-position: -642px -44px
}

.office-type--list li a.sprite__icon.mfg-icon:hover:after, .office-type--list li a.sprite__icon.mfg-icon.current:after {
    background-position: -694px -44px
}

.tabcontent, .tabcontent-inner {
    display: none
}

.tabsinner {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding-bottom: 10px
}

    .tabsinner li {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }

.tabcontent.current, .tabcontent-inner.inner-current {
    display: inherit
}

.tabsinner li a {
    color: #000;
    font-size: 1.11rem;
    padding: 10px 30px;
    background-color: #bfbfbf;
    display: inline-block;
    position: relative;
    min-width: 300px;
    text-align: center
}

    .tabsinner li a:after {
        content: '';
        position: absolute;
        border-right: 0 solid transparent;
        border-left: 22px solid #bfbfbf;
        border-bottom: 22px solid transparent;
        border-top: 22px solid transparent;
        left: 100%;
        top: auto;
        z-index: 1;
        top: 0;
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

    .tabsinner li a.inner-current {
        background-color: #de0022;
        color: #fff
    }

        .tabsinner li a.inner-current:after {
            border-left-color: #de0022
        }

.gmaplink span {
    display: inline-block;
    text-indent: -9999em
}

.gs18-ButtonLink--ArrowNew {
    display: inline-block;
    width: 35px;
    background: url(../img/icon/ArrowNext.svg) no-repeat center left;
    background-size: 22px auto;
    -webkit-transition: .3s background;
    -o-transition: .3s background;
    transition: .3s background;
    position: relative;
    height: 28px;
    background-color: transparent
}

    .gs18-ButtonLink--ArrowNew:before {
        content: '';
        position: absolute;
        height: 90%;
        width: 24px;
        border: 2px solid #000;
        border-left: 0;
        right: 0
    }

    .gs18-ButtonLink--ArrowNew:focus, .gs18-ButtonLink--ArrowNew:hover, .link-product:hover .gs18-ButtonLink--ArrowNew, .link-product:focus .gs18-ButtonLink--ArrowNew {
        text-decoration: none;
        background: url(../img/icon/ArrowNext-R.svg) no-repeat right 7.5px center transparent;
        background-size: 22px auto
    }

        .gs18-ButtonLink--ArrowNew:focus:before, .gs18-ButtonLink--ArrowNew:hover:before, .link-product:hover .gs18-ButtonLink--ArrowNew:before, .link-product:focus .gs18-ButtonLink--ArrowNew:before {
            border-color: #de0022
        }

.bottom--border {
    position: relative;
    margin: 0
}

    .bottom--border:before {
        left: 0;
        bottom: 0;
        height: 4px;
        width: 130px;
        position: absolute;
        background-color: #de0022;
        content: ''
    }

.dark--color {
    color: #000
}

.link-product:hover, .link-product:focus {
    color: #de0022
}

.link-product .bottom--border {
    padding-bottom: 10px
}

.gs18-JustifyContent-Right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.gs18-TileItem--LeftShadow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,rgba(255,255,255,1)),color-stop(58%,rgba(255,255,255,0)));
    background: -o-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
    background: linear-gradient(to right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);
    z-index: -1
}

.gs18-TileItem--RightShadow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
    background: -webkit-gradient(linear,right top,left top,color-stop(25%,rgba(255,255,255,1)),color-stop(58%,rgba(255,255,255,0)));
    background: -o-linear-gradient(right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
    background: linear-gradient(to left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);
    z-index: -1
}

.product--subcatgory {
    padding: 15px
}

.product--subcatgory-Inner {
    border: 1px solid #e8e4e4;
    border: 1px solid #e8e4e4;
    -webkit-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
    min-height: 250px
}

    .product--subcatgory-Inner:hover {
        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.2)
    }

.product--subcatgory .gs18-TileItem {
    height: 100%
}

.whereto-buy a, .whitetext {
    color: #fff
}

.service-info {
    padding: 1rem 0;
    margin: 5px
}

.testimonal-slider {
    max-width: 1000px;
    width: 100%;
    margin: auto
}

.slick--item {
    border: 2px solid #000;
    text-align: center;
    position: relative;
    padding: 1rem 2rem
}

.author--pic {
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    border: 1px solid #efefef;
    overflow: hidden;
    width: 150px;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 1;
    bottom: -75px
}

button.slick-arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 37px;
    background-color: transparent;
    z-index: 1;
    border: 0;
    color: #fff;
    overflow: hidden;
    width: 50px;
    cursor: pointer
}

    button.slick-arrow:hover {
        background-color: #fff
    }

    button.slick-arrow.slick-prev {
        right: inherit;
        left: 0
    }

    button.slick-arrow:before {
        content: '';
        position: absolute;
        background-image: url(../img/icon/ArrowNext.svg);
        width: 36px;
        height: 25px;
        background-repeat: no-repeat;
        background-position: center;
        top: 7px;
        left: 7px
    }

    button.slick-arrow.slick-prev:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center 48%;
        -ms-transform-origin: center 48%;
        transform-origin: center 48%
    }

.border-half {
    position: relative;
    display: inline-block;
    padding: 15px
}

    .border-half:after {
        content: '';
        height: 15px;
        width: 70%;
        background-color: #ed1b2e;
        position: absolute;
        top: 0;
        right: 0
    }

    .border-half:before {
        content: '';
        height: 50%;
        width: 15px;
        background-color: #ed1b2e;
        position: absolute;
        top: 0;
        right: 0
    }

.border-lb-half {
    position: relative;
    display: inline-block;
    padding: 15px
}

    .border-lb-half:after {
        content: '';
        height: 60%;
        width: 15px;
        background-color: #d6d6d6;
        position: absolute;
        top: 10%;
        right: 0;
        z-index: -1
    }

    .border-lb-half:before {
        content: '';
        height: 50%;
        width: 50%;
        background-color: #ed1b2e;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1
    }

.list-catg-text {
    color: #fff
}

.slider-move li:nth-child(1), .slider-move li:nth-child(1) .list-catg-text {
    background-color: #b1b1b1
}

.slider-move li:nth-child(2), .slider-move li:nth-child(2) .list-catg-text {
    background-color: #8b8b8b
}

.slider-move li:nth-child(3), .slider-move li:nth-child(3) .list-catg-text {
    background-color: #5e5e5e
}

.slider-move li:nth-child(4), .slider-move li:nth-child(4) .list-catg-text {
    background-color: #3e3e3e
}

.icon--lg {
    padding-left: 0;
    padding-top: 100px
}

    .icon--lg::after {
        width: 100px;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        bottom: inherit;
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

.tel-icon--lg::after {
    background-position: -764px -5px
}

.fax-icon--lg::after {
    background-position: -882px -5px
}

.gst-icon--lg::after {
    background-position: -1000px -5px
}

.cin-icon--lg::after {
    background-position: -1105px -1px
}

.website-icon--lg::after {
    background-position: -1227px -5px
}

.email-icon--lg::after {
    background-position: -1362px -5px
}

.send-icon--lg::after {
    background-position: -1491px -5px
}

.download-icon--lg::after {
    background-position: -1630px -5px
}

.software-icon--lg::after {
    background-position: -1864px -5px
}

.training-icon--lg::after {
    background-position: -1745px -5px
}

.india-info {
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    border: 1px solid #eaeaea;
    margin: .5rem
}

    .india-info:hover, .india-info:hover * {
        background-color: #ed1b2e !important;
        color: #fff !important
    }

.india-info--tel:hover .tel-icon--lg::after {
    background-position: -764px -118px
}

.india-info--fax:hover .fax-icon--lg::after {
    background-position: -882px -118px
}

.india-info--gst:hover .gst-icon--lg::after {
    background-position: -1000px -118px
}

.india-info--cin:hover .cin-icon--lg::after {
    background-position: -1105px -118px
}

.india-info--website:hover .website-icon--lg::after {
    background-position: -1227px -118px
}

.india-info--email:hover .email-icon--lg::after {
    background-position: -1362px -118px
}

.india-info--send:hover .send-icon--lg::after {
    background-position: -1491px -118px
}

.india-info--download:hover .download-icon--lg::after {
    background-position: -1630px -118px
}

.ButtonLink--Pdf {
    padding: 6px 10px 6px 50px;
    border: 2px solid #000;
    position: relative;
    color: #000;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    display: inline-block
}

    .ButtonLink--Pdf:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/icon/download.svg);
        background-position: center;
        background-color: #ed1b2e;
        width: 40px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 25px
    }

    .ButtonLink--Pdf:hover, .ButtonLink--Pdf:focus, .ButtonLink--Pdf:active {
        background-color: #ed1b2e;
        color: #fff
    }

.ol-list-red {
    color: #ed1b2e;
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 20px
}

.ol-p-text {
    color: #000;
    font-size: 1.3rem;
    font-weight: 400
}

ol.ol-list-red li {
    margin-bottom: 2rem
}

.Makozin {
    font-family: 'Makozin-HeavyItalic' !important
}

.journey-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #000;
    padding: 1rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 1.2rem
}

.group-Philosophy--cont {
    padding: 2rem 1.5rem
}

.journey-group .sprite__icon {
    padding-left: 0;
    padding-right: 80px;
    display: block;
    margin-top: 15px
}

    .journey-group .sprite__icon:after {
        width: 72px;
        height: 65px;
        background-position: -1218px -4px;
        left: inherit;
        right: 0
    }

.journey-group .icon--oak:after {
    background-position: -1218px -78px
}

.journey-group > div {
    -ms-align-self: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 10px;
    margin-top: 10px
}

.journey-group .j3 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-item-align: normal;
    align-self: normal;
    min-height: 160px
}

ul.left20 {
    padding-left: 20px
}

.investor-file--grid h3 {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link--main {
    color: #ed1b2e
}

    .link--main:hover, .link--main:active, .link--main:focus, .link--main:visited {
        text-decoration: underline
    }

.donwload--btn {
    padding: 5px;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    display: inline-block;
    text-indent: -999em;
    width: 35px;
    border-radius: 50%;
    height: 35px;
    margin-top: -5px;
    background-color: #4fba6f;
    -webkit-box-shadow: 2px 2px 2px 2px #c8c8c8;
    box-shadow: 2px 2px 2px 2px #c8c8c8
}

    .donwload--btn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/icon/download.svg);
        background-position: center;
        background-color: transparent;
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        background-size: 20px;
        right: 0;
        margin: auto;
        bottom: 0
    }

    .donwload--btn:hover {
        -webkit-box-shadow: 0 0 5px 5px #c8c8c8;
        box-shadow: 0 0 5px 5px #c8c8c8
    }

.investor-file--grid h3 {
    margin-top: 0
}

.csr-pages .gs18-TileItem__Head {
    position: absolute;
    text-align: center;
    z-index: 1;
    bottom: 0;
    color: #fff
}

.border-bottom {
    border-bottom: 1px solid #ccc
}

.border-top {
    border-top: 1px solid #ccc
}

.uppercase {
    text-transform: uppercase
}

.lhs--list li a {
    padding: 12px 20px;
    display: block;
    font-size: 1.1rem
}

    .lhs--list li a:hover, .lhs--list li a:focus, .lhs--list li a.current {
        color: #ed1b2e
    }

    .lhs--list li a.current {
        font-weight: 500
    }

.csr-report--title {
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 0
}

    .csr-report--title span {
        display: block;
        font-size: 2rem
    }

.csr-reports {
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

    .csr-reports:hover {
        background-color: #fff;
        -webkit-box-shadow: 0 0 81.81px 19.19px rgba(29,29,29,0.14);
        box-shadow: 0 0 81.81px 19.19px rgba(29,29,29,0.14)
    }

.donwload--btn.btn-lg {
    width: 50px;
    height: 50px
}

    .donwload--btn.btn-lg:before {
        background-size: 25px
    }

.csr-tile-content .gs18-HeadingLv3 {
    margin-top: 0
}

.csr-tile-content {
    padding: 10px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.csr-activities--grid {
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    margin-bottom: 15px;
    text-align: center;
    height: 100%
}

    .csr-activities--grid:hover, .csr-activities-detail--grid:hover {
        -webkit-box-shadow: 0 0 15px 3px rgba(29,29,29,.24);
        box-shadow: 0 0 15px 3px rgba(29,29,29,.24)
    }

.csr-activities-detail--grid {
    background-color: #fff;
    margin: 10px
}

    .csr-activities-detail--grid:hover .gs18-HeadingLv3, .csr-activities-detail--grid:focus .gs18-HeadingLv3, .csr-activities-detail--grid:hover .readmore, .csr-activities-detail--grid:focus .readmore {
        color: #de0022
    }

.csr-activities-detail--gridInner {
    border: 5px solid #fff;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

.csr-activities-detail--grid:hover .csr-activities-detail--gridInner, .csr-activities-detail--grid:focus .csr-activities-detail--gridInner {
    border-color: #de0022
}

.space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center
}

.align-items-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexbasis {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important
}

.gs18-BreadcrumbItem a {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 300px;
    display: inline-block;
    vertical-align: middle
}

.gs18-BreadcrumbItem:after {
    vertical-align: middle
}

.archive-date {
    opacity: .4;
    font-weight: 700;
    font-size: 14px
}

.gs18-RelatedNewsSlide__Item {
    padding: 10px;
    text-align: left
}

.gs18-NewsLinkSlide {
    text-align: center
}

span.gs18-Link {
    color: #0785c0
}

.gs18-RelatedNewsSlide__Item:hover span.gs18-Link {
    color: #ed1b2e
}

.gs18-GallerySlide__ImgFluid {
    max-width: inherit;
    width: 100%
}

.gs18-GallerySlide__title {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    padding: 20px;
    color: #fff
}

    .gs18-GallerySlide__title h4 {
        margin: 0
    }

.news-nav .slick-slide {
    padding: 2px;
    height: 137px
}

    .news-nav .slick-slide > img {
        height: 100%;
        object-fit: contain;
    }

.news--SlideBg {
    height: 640px
}

    .news--SlideBg > img {
        margin: auto;
        width: 100%;
        position: absolute;
        object-fit: cover;
        height: 100%;
        transform: translateX(-50%);
        left: 50%
    }

.news-container-cont .slick-arrow {
    background-color: rgba(255,255,255,0.8)
}

.service-support {
    line-height: 1;
    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1)
}

.service-support-contact {
    border-left: 10px solid #000;
    font-size: 1.5rem;
    font-weight: 500
}

    .service-support-contact a {
        color: #fff
    }

.gs18-HeadingLv4--Catch {
    font-size: 1.3rem
}

.testimonal-container {
    position: relative
}

    .testimonal-container:before {
        background-color: #efefef;
        content: '';
        position: absolute;
        height: 300px;
        width: 100%;
        left: 0;
        bottom: 0
    }

.ProductSubCat--sublist li a {
    background-color: #ebebeb;
    padding: 1rem;
    display: block;
    font-size: 1.6rem;
    color: #717171;
    font-weight: 300;
    position: relative
}

.ProductSubCat--sublist li {
    border-right: 1px solid #ccc;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center
}

.ProductSubCat--sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
}

    .ProductSubCat--sublist li:last-child {
        border-right: 0
    }

    .ProductSubCat--sublist li a:hover, .ProductSubCat--sublist li a:focus, .ProductSubCat--sublist li a.current {
        background-color: #ed1b2e;
        color: #fff
    }

        .ProductSubCat--sublist li a.current::after {
            content: '';
            position: absolute;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 20px solid #ed1b2e;
            top: 100%;
            left: 0;
            right: 0;
            width: 0;
            margin: auto
        }

.pl-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem
}

.pl-feat-type {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-right: 1px solid #000;
    padding: 0 .5rem;
    text-align: center;
    margin-bottom: 20px
}

.pd-feature .pl-feat-type > div {
    top: 50%;
    transform: translateY(-50%);
    position: relative
}

.pl-feat-type:last-child {
    border: 0 !important
}

.price {
    color: #ed1b2e;
    font-size: 1.2rem
}

.pl-rmore {
    background-image: url(../img/icon/top-shadow.png);
    background-position: top center;
    background-color: transparent;
    padding-top: 30px;
    background-repeat: no-repeat;
    text-align: center;
    color: #ed1b2e
}

.ProductSubCat--subcatgory {
    padding: 20px
}

.pl-rmore {
    display: block;
}

.productLink--subcatgory {
    background-color: #fff;
    padding: 1.5rem;
    padding-bottom: 0;
    -webkit-box-shadow: 0 1px 23.49px 5.51px rgba(29,29,29,0.13);
    box-shadow: 0 1px 23.49px 5.51px rgba(29,29,29,0.13);
    display: block;
    height: 100%
}

    .productLink--subcatgory:hover, .productLink--subcatgor:focus {
        -webkit-box-shadow: 0 1px 23.49px 5.51px rgba(29,29,29,0.43);
        box-shadow: 0 1px 23.49px 5.51px rgba(29,29,29,0.43)
    }

        .productLink--subcatgory:hover .gs18-ButtonLink--Arrow, .productLink--subcatgory:focus .gs18-ButtonLink--Arrow {
            background: url(../img/icon/ArrowNext-R.svg) no-repeat right 7.5px center #fff
        }

.product-list-section {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 2rem
}

    .product-list-section:before {
        background-color: #efefef;
        content: '';
        position: absolute;
        height: 285px;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1
    }

.pl-feat-type.pl-feat-select:empty {
    display: none
}

.pd-feature .pl-feat-type {
    color: #fff;
    border-color: #fff;
    margin: 0;
    padding: 15px;
    font-weight: 300
}

.pl-feature strong {
    display: block;
    flex-basis: 100%
}

.pd-feature strong {
    margin-bottom: 15px
}

.pd-feature .price {
    color: #fff
}

.select-dropdown {
    font-weight: 100;
    border: 0;
    padding: 5px
}

    .select-dropdown option {
        font-weight: 100
    }

.gs18-FeaturesSlide__Item {
    padding: 15px
}

.gs18-FeaturesSlide__Text {
    font-size: .9rem
}

.gs18-FeaturesSlideInner__Item {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hexagon {
    width: 150px;
    height: 130px;
    position: relative;
    color: #fff;
    word-break: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    background-image: url(../img/icon/hexagon.png);
    background-position: 154px 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

    .hexagon span {
        display: -ms-grid;
        display: grid;
        width: 70%
    }

.gs18-FeaturesSlide__Item:hover .hexagon {
    background-position: 0 0
}

table {
    border-collapse: collapse
}

    table thead td {
        background-color: #dedede
    }

    table td {
        border: 1px solid #ccc;
        padding: 10px
    }

.spec-table--cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.table--grid {
    -webkit-box-flex: 0;
    flex: 0 0 33%;
    -ms-flex: 0 0 32%;
    padding: 5px;
    overflow: auto;
    min-width: 33%
}

.table--grid__CenterHalf .table--grid {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    -ms-flex: 0 0 49%;
}

.table--grid__CenterFull .table--grid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.spec-table--cont.table--grid__CenterHalf {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

table.table--specs {
    border-collapse: collapse;
    border: 1px solid #f1f1f2;
    width: 100%;
    font-size: 0.9rem;
}

.table--specs thead th {
    background-color: #1b5fed;
    color: #fff;
    padding: .9rem .5rem
}

.table--specs td, .table--specs th {
    padding: .5rem;
    border: 1px solid #ece6e6
}

.table--specs tbody th {
    background-color: #f1f1f2
}

.table--specs thead th:first-child {
    width: 30%;
}

.table--specs tbody tr:hover {
    color: #ed1b2e;
    background-color: #f1f1f2
}

.visualinfo-category--cont {
    background-image: url(../img/slides/visual-infocateg-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 60px;
    background-size: 100% 70%
}

.gs18-HeaderPulldown__ListItem.gs18-ListItemTop ~ .gs18-HeaderPulldown__ListItem a {
    padding-left: 20px
}

.slide--body {
    height: 0;
    opacity: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.where-to-buy--TopGrid {
    padding: 0 2.4rem
}

.where-to-buy--grid {
    padding-top: 1rem;
    height: 100%;
    text-align: center
}

    .where-to-buy--grid .gs18-TileItem__Head {
        margin-left: -20%
    }

        .where-to-buy--grid .gs18-TileItem__Head img {
            -webkit-box-shadow: 0 0 10px 1px rgba(29,29,29,.14);
            box-shadow: 0 0 10px 1px rgba(29,29,29,.14)
        }

.gs18-TileItem__FootToe {
    border-top: 3px solid #000;
    margin: 0 -15px;
    position: relative;
    padding-top: 20px
}

    .gs18-TileItem__FootToe:before {
        content: '';
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 10px solid #000;
        top: 0;
        left: 0;
        right: 0;
        width: 0;
        margin: auto
    }

.slide--body.active {
    height: auto;
    opacity: 1;
    visibility: visible
}

.form-group-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.form-group-inline {
    -ms-flex: 1 0 50%;
    -webkit-box-flex: 1;
    flex: 1 0 50%;
    padding: 5px;
    margin-bottom: 15px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form-group-filter select.form-control, .form-group-filter input.form-control {
    border: 0;
    border-bottom: 2px solid #e2e2e2
}

.or--seperator {
    text-align: center;
    position: relative;
    border-bottom: 2px solid #f7f7f7;
    margin: 30px 5px;
    font-size: .9rem
}

    .or--seperator span {
        position: absolute;
        border-radius: 50%;
        background-color: #f7f7f7;
        padding: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: inline-block;
        height: 35px;
        width: 35px;
        border: 1px solid #ececec;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.7;
        text-align: center;
        left: 0;
        right: 0
    }

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ed1b2e !important;
    outline: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2)
}

.where-to-buy--tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow-x: auto
}

    .where-to-buy--tabs li {
        -webkit-box-flex: 1;
        flex: 1 0 33%;
        -ms-flex: 1 0 31%;
        text-align: center;
        padding: 0 10px;
        -ms-align-self: flex-end;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

        .where-to-buy--tabs li a {
            background-color: #fff;
            padding: 1rem;
            display: block;
            font-size: 1.3rem;
            color: #000;
            position: relative;
            border-top: 3px solid #fff;
            border-bottom: 3px solid #000
        }

            .where-to-buy--tabsli a:hover, .where-to-buy--tabs li a:focus, .where-to-buy--tabs li a.current {
                background-color: #ed1b2e;
                color: #fff;
                border-color: #ed1b2e
            }

.result-filter {
    height: 100%;
    padding: 2rem
}

.gs18-ButtonLink--Print {
    position: relative;
    padding-left: 35px
}

    .gs18-ButtonLink--Print:after {
        position: absolute;
        top: .3rem;
        left: 5px;
        width: 26px;
        height: 26px;
        content: '';
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .gs18-ButtonLink--Print::after {
        background-image: url(../img/icon/printer.png)
    }

.gs18-ButtonLink--None {
    border: 0;
    background-color: transparent
}

.gmaplink-filter .gmap-icon {
    margin: 0
}

.result-filter p {
    margin: 5px 0
}

.lineheight16 {
    line-height: 1.6
}

.gs18-ProductSlide__Main button.slick-arrow {
    background-color: #fff
}

.slick-slide img {
    margin: auto
}

.slick-arrow.slick-disabled {
    opacity: .3;
    cursor: no-drop
}

.readmore {
    text-decoration: underline
}

.archive-inner-container {
    max-height: 505px;
    overflow: auto;
    padding-right: 10px;
    margin-right: 10px
}

.sitemap-section {
    width: 100%;
    max-width: 650px;
    margin: auto;
    margin-bottom: 30px
}

.sitemaplist {
    text-align: left;
    font-size: 1.8rem;
    list-style: none;
    padding: 0;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .sitemaplist li, .sitemaplist li a {
        position: relative
    }

    .sitemaplist > li {
        margin-bottom: 1rem;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .sitemaplist li a {
        display: block;
        line-height: 1.6
    }

        .sitemaplist li a:hover, .sitemaplist li a:focus {
            color: #ed1b2e
        }

    .sitemaplist > li a span {
        background-color: #fff;
        display: inline-block;
        width: 200px
    }

    .sitemaplist > li > a::after {
        content: '';
        height: 10px;
        width: 100%;
        background-color: #ed1b2e;
        position: absolute;
        right: 0;
        bottom: 1px;
        z-index: -1
    }

    .sitemaplist > li > ul > li {
        list-style: square;
        color: #ed1b2e
    }

    .sitemaplist > li > ul {
        width: calc(100% - 200px);
        background-color: #ebebeb;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

        .sitemaplist > li > ul > li {
            margin-top: 30px;
            margin-bottom: 30PX
        }

        .sitemaplist > li > ul ul {
            padding: 0;
            list-style: none;
            font-size: 1rem;
            font-weight: 400
        }

    .sitemaplist > li > a {
        position: sticky;
        top: 85px;
        background-color: #fff;
        z-index: 9
    }

.pagination li.active span.page-link {
    text-decoration: underline;
    background-color: #ccc
}

.form-control.error {
    box-shadow: 0 0 4px 0 rgba(237,27,46,1) !important
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.newsletter-grid .gs18-TileItem__Media {
    height: 250px
}

.newsletter-grid {
    padding: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.resources-description {
    display: none
}

.casestudies-grid {
    text-align: center;
    padding: 10px
}

.mfp-title {
    line-height: 1.4
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-dismissible {
    padding-right: 4rem
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .alert .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 1.4rem;
        cursor: pointer
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.news-nav .slick-track {
    margin-left: inherit;
    margin-right: inherit
}

.recent-event--Grid {
    height: 180px;
    overflow: hidden;
    display: block
}

.gs18-FeaturesSlideInner__Item {
    border-radius: 5px;
    font-size: 26px;
    height: 100%;
    color: #5d5d5d
}

    .gs18-FeaturesSlideInner__Item.non--image {
        background-color: #5d5d5d;
        border: 6px solid #c3c3c3;
        border-radius: 5px;
        font-size: 27px;
        color: #fff;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center
    }

img.features--image {
    max-width: 130px
}

.product-features-section .ProductSubCat--sublist li a {
    font-size: 1rem;
    padding: .5rem;
    font-weight: 400
}

    .product-features-section .ProductSubCat--sublist li a.current::after {
        border-top: 10px solid #ed1b2e
    }

iframe#youtube-iframe {
    height: 376px;
    border: 0
}

.post-inner--fb iframe {
    max-width: 100%;
    background-color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ed1b2e
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    color: #040404
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    color: #040404
}

.select2-container .select2-selection--single {
    height: 40px
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 240px;
    text-transform: uppercase
}

.select2-container--default .select2-selection--single {
    border: 1px solid #de0022
}

[href^="#"].product--subcatgory-Inner .gs18-ButtonLink--ArrowNew {
    display: none
}

.pl-feature .select2-container {
    text-transform: uppercase;
    width: 100% !important;
    max-width: 400px
}

.link--underline:hover, .link--underline:active, .link--underline:focus {
    text-decoration: underline
}

.margin--p-0 p, .address-item .gs18-TileItem__Body > p {
    margin: 0
}

div#contactItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.Input--SelctedItem {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 15px 15px 15px 0;
    margin-bottom: 5px
}

    .Input--SelctedItem .close {
        border: 1px solid #ccc;
        height: 25px;
        font-size: .8rem;
        width: 25px;
        text-align: center;
        line-height: 20px;
        background-color: #e6e6e6;
        color: #000;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        margin-left: 15px;
        cursor: pointer
    }

.Label--Selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #e6e6e6;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input--LabelforSelection {
    padding: 2px 0;
    font-size: .9rem
}

.Input--InnerSelctedItem {
    background-color: #efefef;
    padding: 10px;
    position: relative
}

.flipster__button {
    margin: 0;
    color: #fff
}

    .flipster__button svg {
        width: 20px
    }

.Input--InnerSelctedItem .errors {
    position: absolute;
    bottom: -20px;
    left: 0
}

.tonnage-cacluator-cont form {
    margin-bottom: 20px;
    display: none
}

    .tonnage-cacluator-cont form.visible {
        display: block
    }

.tonnage-cacluator-cont .hide {
    display: none !important
}

.tonnage-cacluator-cont .error {
    color: #de0022 !important
}

.tonnage-cacluator-cont label.errors {
    position: relative;
    color: #de0022 !important;
    left: 0 !important
}

.tonnage-cacluator-cont .form-group {
    border: 0
}

.tonnage-cacluator-cont input.gs18-ButtonLinkRed {
    padding: 6px 13px
}

.tonnage-cacluator-cont .gs18-ButtonLink.back--btn {
    margin-top: 0;
    margin-right: 20px
}

.nav-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

.btn-floating {
    background-color: #de0022;
    color: #fff;
    width: 45px;
    padding: 10px;
    border: 1px solid #fff;
    text-indent: -9999em;
    height: 2px;
    padding: 2px
}

    .btn-floating.disabled {
        background-color: #c3c3c3;
        color: #fff
    }

.tonnage-cacluator-cont {
    max-width: 700px;
    margin: auto;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    margin: 50px auto;
    padding: 40px
}

span#total-cooling-capacity {
    background-color: #de0022;
    color: #fff;
    padding: 15px;
    border: 5px solid #ff2143
}

.light-border {
    display: block;
    border: 1px solid #d8d8d8
}

.calcTonnageButton {
    height: 50px;
    position: fixed;
    right: -150px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/icon/calculator.svg) no-repeat 8px center;
    z-index: 99;
    background-color: #de0022;
    background-size: 34px;
    color: #fff;
    align-items: center;
    display: flex;
    padding: 10px;
    padding-left: 50px;
    font-weight: 700
}

    .calcTonnageButton.slideright, .calcTonnageButton:hover {
        right: 0
    }

.EnquiryButton {
    height: 50px;
    position: fixed;
    right: 0px;
    top: 105px;
    bottom: 0;
    margin: auto;
    background: url(../img/icon/shopping-cart.svg) no-repeat 8px center;
    z-index: 99;
    background-color: #de0022;
    background-size: 34px;
    color: #fff;
    align-items: center;
    display: flex;
    padding: 10px;
    padding-left: 50px;
    font-weight: 700
}

    .EnquiryButton.slideright, .EnquiryButton:hover {
        right: 0
    }

.features--desc {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: cubic-bezier(0.165,0.84,0.44,1) 0.3s,cubic-bezier(0.25,0.46,0.45,0.94) .25s visibility
}

.gs18-FeaturesSlide__Item, .gs18-FeaturesSlideInner__Item {
    position: relative
}

.gs18-FeaturesSlideInner__Item {
    padding-bottom: 50px
}

.product-features-section * {
    transition: cubic-bezier(0.165,0.84,0.44,1) .3s
}

.gs18-FeaturesSlide__Item:hover .features--desc {
    visibility: visible;
    height: inherit !important;
    opacity: 1
}

.gs18-FeaturesSlide__Item:hover h3.gs18-HeadingLv3 {
    margin-top: 10px
}

.gs18-FeaturesSlide__Item:hover img.features--image {
    max-width: 100px
}

span.viewmore-btn {
    position: absolute;
    bottom: 6px;
    right: 15px;
    transition: cubic-bezier(0.165,0.84,0.44,1) .6s;
    top: inherit
}

.gs18-FeaturesSlide__Item:hover .gs18-MicroMacro__TriggerIcon:after, .gs18-FeaturesSlide__Item:hover .gs18-MicroMacro__TriggerIcon:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background-color: #f50f10
}

.gs18-awards {
    display: flex;
    justify-content: space-around;
    font-size: 14px
}

    .gs18-awards > div:first-child {
        border-right: 1px solid #888
    }

    .gs18-awards > div {
        flex: 1 0 auto
    }

.gs18_award-list {
    padding: 10px
}

    .gs18_award-list .gs18-TileItem {
        border: 1px solid #efefef;
        box-shadow: 0 0 6px #ccc;
        height: 100%
    }

img.rating-modal {
    position: absolute;
    right: 0;
    top: 0
}

.relnews--img {
    height: 225px;
    position: relative;
    overflow: hidden
}

    .relnews--img > img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: none;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.split-phoneno > span:last-child, .split-emailid > span:last-child {
    display: none;
}

.addQueryBox {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
}

.afterQuery {
    flex: 1 0 48%;
    border: 1px solid #efefef;
    margin-right: 0.5rem;
    margin: 0.5rem;
}

.addQueryBox .form-group {
    padding: .5rem 1rem;
}

.labelHeader {
    background-color: #e6e6e6;
    min-height: 60px;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .modal-content {
        overflow: auto
    }
}

@media only screen and (min-width: 768px) {
    .pl-feat-type.pl-feat-select select.form-control {
        max-width: 400px;
        margin: auto
    }

    .product--subcatgory.gs18-TileItem--Shadow:nth-child(n+1):before, .product--subcatgory.gs18-TileItem--Shadow:nth-child(n+2):before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: -webkit-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        background: -webkit-gradient(linear,left top,right top,color-stop(25%,rgba(255,255,255,1)),color-stop(58%,rgba(255,255,255,0)));
        background: -o-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        background: linear-gradient(to right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);
        z-index: -1
    }

    .news--search {
        padding-right: 10px;
        margin-right: 10px
    }

    .office-type--list {
        margin-top: 80px
    }

    .lhs--list {
        overflow: auto;
        max-height: 730px
    }

    .location-info:first-child {
        padding-left: 0
    }

    .location-info:last-child {
        padding-right: 0
    }

    .sticky-top {
        position: sticky;
        top: 40px
    }

        .sticky-top.top100 {
            top: 100px
        }

    .WrapButton {
        text-transform: uppercase;
        border: 1px solid #ed1b2e;
        border-left: 8px solid #ed1b2e;
    }
}

@media only screen and (min-width: 981px) {
    .spec-table--cont {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .career-bottom-about {
        min-height: 500px
    }

    .gs18-HeaderPulldown__Sublist--Overflow {
        min-height: 435px
    }

    .gs18-Main {
        margin-top: 85px
    }

    .product--subcatgory.gs18-TileItem--Shadow:nth-child(4n+4):before, .product--subcatgory.gs18-TileItem--Shadow:nth-child(4n+3):before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: -webkit-linear-gradient(right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        background: -webkit-gradient(linear,right top,left top,color-stop(25%,rgba(255,255,255,1)),color-stop(58%,rgba(255,255,255,0)));
        background: -o-linear-gradient(right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        background: linear-gradient(to left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);
        z-index: -1
    }

    .gs18-HeaderPulldown__Inner .gs18-HeaderPulldown__List {
        height: 500px
    }

    .home-AboutSection {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .gs18-Tile--MinHeightS-lg.gs18-TileItem, .gs18-Tile--MinHeightS-lg > .gs18-TileItem {
        min-height: 400px
    }

    .mb-10 {
        margin-bottom: 10px
    }

    .gs18-HeadingLv2__HeadText {
        font-size: 1.6rem
    }

    .social-feeds--fb .overflow-auto {
        margin-top: 40px
    }

    .gs18-HeaderPulldown__Sublist--Overflow .gs18-HeaderPulldown__List {
        margin: 70px 30px 0 0;
        padding: 20px 0;
        height: calc(100% - 70px);
        overflow-y: auto;
        z-index: 1;
        scrollbar-base-color: #757575
    }

    .gs18-HeaderPulldown__Sublist--Overflow {
        height: 100%;
        overflow: hidden
    }

        .gs18-HeaderPulldown__Sublist--Overflow:before {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            top: 70px;
            background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,.08)));
            background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.08) 80%);
            background-image: -o-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.08) 80%);
            background-image: linear-gradient(-180deg,rgba(0,0,0,0) 1%,rgba(0,0,0,.08) 80%)
        }

        .gs18-HeaderPulldown__Sublist--Overflow:after, .gs18-HeaderPulldown__Sublist--Overflow:before {
            content: '';
            display: block;
            margin-right: 30px;
            width: calc(100% - 30px);
            height: 15px;
            position: absolute;
            left: 0
        }

    .career-opening .gs18-Tile {
        padding-left: 20px;
        padding-right: 20px
    }

    .career-bottom-right {
        position: absolute;
        min-height: 100%;
        right: 0;
        top: 25px;
        padding: 40px;
        overflow: auto
    }

    .office-type--list {
        margin-right: 20px
    }

    .location-info .gs18-TileItem__Body {
        margin-top: 30px;
        font-size: 1.2rem
    }

    ul.whereto-buy {
        min-height: 250px
    }

    .slider-move {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .list-catg-text {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        position: absolute;
        z-index: 9;
        width: 400px;
        text-align: center;
        background-color: #8b8b8b;
        left: 0;
        padding: 15px;
        font-size: 1.4rem;
        top: 100%;
        cursor: pointer
    }

    .slider-move li {
        position: relative;
        -webkit-transition: ease-in-out 1s width;
        -o-transition: ease-in-out 1s width;
        transition: ease-in-out 1s width;
        float: left;
        overflow: hidden;
        width: 5%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

        .slider-move li:first-child {
            width: 85%
        }

        .slider-move li .list-catg-content {
            width: 0;
            -webkit-transition: ease-in-out 1s;
            -o-transition: ease-in-out 1s;
            transition: ease-in-out 1s;
            overflow: hidden;
            background-size: auto
        }

        .slider-move li:first-child .list-catg-content {
            width: 100%
        }

    .about-tabs .gs18-TileItem {
        padding: 2rem 5rem
    }

    .slider-move:hover li {
        width: 5%
    }

    .slider-move li:hover {
        width: 85%
    }

    .slider-move:hover li .list-catg-content {
        width: 0
    }

    .slider-move li:hover .list-catg-content {
        width: 100%
    }

    .corporate-profile-cont {
        margin-left: 50px
    }

    .rhs--cont {
        padding-left: 3rem
    }

    .service-support {
        padding: 35px 18% 35px 25px;
        margin-left: 6%
    }

    .service-support-contact {
        margin-left: -5%
    }

    .gs18-HeadingLv4--Catch {
        font-size: 1.6rem
    }

    .testimonal-slider .slick-list {
        width: calc(100% - 110px);
        margin: auto
    }

    .more-text {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        visibility: hidden;
        height: 0;
        opacity: 0;
        -webkit-transition: ease-in-out .4s;
        -o-transition: ease-in-out .4s;
        transition: ease-in-out .4s
    }

    .csr-activities--grid:hover .more-text {
        visibility: visible;
        height: auto;
        opacity: 1
    }

    .csr-activities--grid:hover .csr-tile-content {
        height: 100%
    }

    .csr-tile-content {
        position: absolute;
        height: 70px;
        width: 100%;
        bottom: 0;
        padding: 5px
    }

    .csr-activities--gridInner {
        position: relative;
        padding-bottom: 60px;
        overflow: hidden
    }

    .hands-dryers--products .gs18-Tile:nth-child(2n) {
        -webkit-box-direction: normal;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .gs18-ProductSlide__Main {
        padding: 0 2rem
    }

    .latestnews-container {
        margin-bottom: 40px
    }

    .casestudies-grid {
        width: 16.66%
    }

    .product-features-section .gs18-FeaturesSlide__Main {
        padding: 0 50px
    }

    .gs18-FeaturesSlideInner__Item {
        padding: 1rem
    }

    a[href^="tel"] {
        pointer-events: none;
        color: inherit !important;
    }
}

@media only screen and (max-width: 1300px) {
    .career-bottom-about {
        margin-bottom: 150px
    }

    .address-item {
        font-size: .9rem
    }

    .csr-activities--grid.slick-slide .gs18-TileItem__Head {
        padding: 0 5px
    }

    .career-bottom-right {
        padding: 20px
    }

    .relnews--img, .latestnews-container .relnews--img {
        height: 200px
    }
}

@media only screen and (max-width: 980px) {
    .gs18-u-SizeFull {
        width: 100% !important
    }

    .social-feeds--fb, .social-feeds--youtube {
        padding: 15px
    }

    .carrer-position {
        padding: 5px
    }

    .career-bottom-about {
        margin-bottom: 40px
    }

    .upcoming-events--banner h2 {
        text-align: center
    }

    .e-text--bold {
        font-size: 2rem
    }

    .e--counter {
        font-size: .9rem
    }

    .enquiry--form .gs18-u-Size1of2, .enquiry--form .gs18-u-Size12 {
        padding: 0 15px;
        margin-bottom: 20px
    }

    .gs18-AccordionList {
        margin: 0;
        padding: 0
    }

    .form-group {
        padding: .5rem
    }

        .form-group .form-control-sm {
            width: 100%;
            margin-bottom: 5px
        }

    table.table {
        font-size: .9rem;
        margin: 0
    }

    .career-opening {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .office-type--list, .text-address-filter {
        margin-bottom: 30px
    }

    .india-info {
        margin-left: 0;
        margin-right: 0
    }

    .slider-move {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .list-catg-text {
        z-index: 9;
        width: 400px;
        text-align: center;
        background-color: #8b8b8b;
        left: 0;
        padding: 15px;
        font-size: 1.25rem;
        top: 100%;
        cursor: pointer;
        text-align: center;
        right: 0;
        width: 100%
    }

    .slider-move li {
        position: relative;
        -webkit-transition: ease-in-out 1s;
        -o-transition: ease-in-out 1s;
        transition: ease-in-out 1s;
        float: left;
        overflow: hidden;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

        .slider-move li:first-child {
            width: 100%
        }

        .slider-move li .list-catg-content {
            height: 0;
            -webkit-transition: ease-in-out 1s;
            -o-transition: ease-in-out 1s;
            transition: ease-in-out 1s;
            overflow: hidden;
            background-size: auto
        }

        .slider-move li:first-child .list-catg-content {
            height: 350px
        }

    .about-tabs .gs18-TileItem {
        padding: 2rem 5rem
    }

    .slider-move:hover li {
        height: auto
    }

    .slider-move li:hover {
        height: auto
    }

    .slider-move:hover li .list-catg-content {
        height: 0
    }

    .slider-move li:hover .list-catg-content {
        height: 350px
    }

    .gs18-TileItem__Media {
        height: 300px
    }

    .gs18-PageTitleUnit__Style:before {
        top: -45px
    }

    .loaction-address {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pt-5 {
        padding-top: 2.7rem !important
    }

    .gs18-BreadcrumbItem a {
        max-width: 150px
    }

    .table--grid {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%
    }

    .table--grid__CenterHalf .table--grid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-md .gs18-PageTitleUnit__Inner {
        min-height: 300px;
        height: 300px
    }

    button.slick-arrow {
        top: inherit
    }

        button.slick-arrow.slick-prev {
            left: 40%
        }

        button.slick-arrow.slick-next {
            right: 40%
        }

    .slick-slider {
        padding-bottom: 45px
    }

    .visualinfo-category--cont {
        padding-top: 20px;
        background-size: cover
    }

    .group-Philosophy--cont {
        padding: 1rem 0
    }

    .where-to-buy--grid .gs18-TileItem__Head {
        margin-left: inherit;
        text-align: center
    }

    .office-type--list li a:after {
        left: 0
    }

    .office-type--list li a {
        padding-left: 40px;
        font-size: 1.1rem
    }

    .loaction-address .sprite__icon {
        margin-left: 0 !important;
        display: block
    }

    .f-search--text {
        width: 100%
    }

    .more-text p.gs18-Text {
        display: none
    }

    .about-us-text, .home-AboutSection .gs18-Text {
        font-size: 1.11rem
    }

    .newsletter-grid .gs18-TileItem__Media {
        height: 200px
    }

    .casestudies-grid {
        width: 33%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .casestudies-cont {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .relnews--img {
        height: 170px
    }
}

@media only screen and (max-width: 767px) {
    .csr-activities-detail--grid {
        margin: 10px 0
    }

    .product--subcatgory.gs18-TileItem--Shadow:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(255,255,255,0.6)
    }

    .flipster {
        padding: 20px 0
    }

    .social-feeds--fb, .social-feeds--youtube {
        min-height: inherit
    }

    .career-bottom-right {
        position: inherit;
        padding: 10px
    }

    .career-bottom-about {
        margin-bottom: 20px
    }

    .carrer-position {
        margin: 5px 10px
    }

    .news-slide-content {
        position: relative;
        padding: 15px 0
    }

    .gs18-PageTitleUnit__Style {
        width: 88%;
        height: 140px
    }

    .gs18-NewsSlide__Footer .gs18-RelatedLinkSlide__Arrow {
        bottom: inherit;
        top: 20%
    }

    .gs18-AccordionList .gs18-AccordionList__Item[data-js-accordion] > a.is-open::before {
        right: 0
    }

    .form-group label.form-group-label {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-bottom: 10px
    }

    .tabsinner li a {
        font-size: .9rem;
        padding: 10px 0 10px 16px;
        position: relative;
        min-width: inherit
    }

        .tabsinner li a:after {
            border-bottom-width: 20px;
            border-top-width: 20px;
            border-left-width: 15px
        }

    .gs18-PageTitleUnit__Style {
        padding: 5px 15px
    }

    .carrer-position .gs18-Text > span:first-child {
        -webkit-box-flex: 0;
        flex: 0 auto;
        -ms-flex: 0 auto
    }

    .about-tabs.gs18-Tile--MinHeightS-lg > .gs18-TileItem {
        min-height: 250px
    }

    .slider-move li:first-child .list-catg-content {
        height: 250px
    }

    .slider-move:hover li .list-catg-content {
        height: 0
    }

    .slider-move li:hover .list-catg-content {
        height: 250px
    }

    .about-tabs .gs18-TileItem {
        padding: 0
    }

    .border-half {
        padding: 5px
    }

        .border-half:before {
            width: 5px
        }

        .border-half:after {
            height: 5px
        }

    .journey-group {
        font-size: .9rem
    }

    .ol-list-red {
        font-size: 1.12rem
    }

    .ol-p-text {
        font-size: 1rem
    }

    .gs18-BreadcrumbItem:after {
        margin: 0 5px
    }

    .gs18-RelatedNewsSlide__Item {
        padding: 5px
    }

    .gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-md .gs18-PageTitleUnit__Inner {
        min-height: 200px;
        height: 200px
    }

    .gs18-PageTitleUnit__wrap {
        border-left: 5px solid #ed1b2e;
        margin-left: 4.14%;
        padding-left: 15px;
        margin-top: 130px;
    }

    .service-support-contact {
        font-size: 1rem;
        border-left: 0;
        border-top: 10px solid #000
    }

    .gs18-TileItem--RightShadow:before {
        background: -webkit-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        background: -webkit-gradient(linear,left top,right top,color-stop(25%,rgba(255,255,255,1)),color-stop(58%,rgba(255,255,255,0)));
        background: -o-linear-gradient(left,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        background: linear-gradient(to right,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 58%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1)
    }

    .ProductSubCat--sublist li a {
        font-size: 1.3rem;
        padding: .5rem
    }

        .ProductSubCat--sublist li a.current::after {
            border-left-width: 9px;
            border-right-width: 9px;
            border-top-width: 15px
        }

    .pl-feat-type {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

        .pl-feat-type:nth-child(2n) {
            border-right: 0
        }

    .pd-feature .pl-feat-type:nth-child(2n) {
        border-right: 1px solid #fff
    }

    .pd-feature .pl-feat-type:nth-child(2n+1) {
        border-right: 0
    }

    .productLink--subcatgory {
        padding: 0
    }

    .ProductSubCat--subcatgory {
        padding: 10px
    }

    .table--grid {
        max-width: 100%;
        -ms-flex: 1 0 100% !important;
        -webkit-box-flex: 1 !important;
        flex: 1 0 100% !important
    }

    .pl-feat-type.pl-feat-select {
        -ms-flex: 1 0 100%;
        -webkit-box-flex: 1;
        flex: 1 0 100%;
        max-width: 100%
    }

    .pd-feature .pl-feat-type {
        margin-bottom: 10px;
        padding: 10px
    }

    button.slick-arrow.slick-prev {
        left: 30%
    }

    button.slick-arrow.slick-next {
        right: 30%
    }

    .border-lb-half {
        padding: 10px
    }

    .where-to-buy--TopGrid {
        padding: 0 1rem
    }

    .where-to-buy--tabs li {
        padding: 0 2px
    }

        .where-to-buy--tabs li a {
            padding: .5rem;
            font-size: 1rem
        }

    .result-filter {
        padding: 1rem;
        min-height: inherit
    }

    .gs18-Tile--MinHeightS-lg .product--subcatgory {
        min-height: 250px
    }

    .office-type--list li a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .enquiry--form .gs18-u-Size1of2, .enquiry--form .gs18-u-Size12 {
        padding: 0;
        margin-bottom: 20px
    }

    .contact-info {
        margin: 5px 0
    }

    .archive-inner-container {
        margin-right: 0
    }

    .location-info {
        padding: .5rem 0
    }

    .product--subcatgory {
        padding: 10px 15px
    }

    .sitemaplist > li > ul {
        width: 100%;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }

    .sitemaplist {
        font-size: 1.3rem
    }

        .sitemaplist > li a span {
            width: 130px
        }

    .casestudies-grid {
        width: 50%
    }

    .news--SlideBg {
        height: 450px
    }

    .table--grid {
        padding: 10px 0
    }

    .Input--SelctedItem {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding-right: 0
    }

    .address-item {
        border-right: 0
    }

    .sitemaplist > li > a {
        top: 65px
    }

    .tonnage-cacluator-cont {
        margin: 20px auto;
        padding: 20px
    }

    .gs18-GallerySlide__title {
        position: relative;
        padding: 15px;
        background-color: #000
    }

    .relnews--img {
        height: 130px
    }

        .relnews--img > img {
            object-fit: cover;
            width: 100%
        }

    .increment.form-group .form-group-input {
        flex: 0 0 100%;
    }

    .WrapButton {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .gs18-PageTitleUnit__Inner {
        min-height: 150px
    }

    input.form-control-file {
        max-width: 250px
    }

    .news-nav .slick-slide {
        height: 70px
    }
}

@media only screen and (max-width: 1380px) {
    .gs18-PageTitleUnit.gs18-PageTitleUnit--MinHeightL-md .gs18-PageTitleUnit__Inner {
        min-height: 320px;
        height: 320px;
        text-align: left
    }
}

span.connect-icon {
    background: url(/assets_gws_template_responsive/img/icon/shopping-cart.svg) no-repeat center center;
    width: 90px;
    height: 88px;
    display: inline-flex;
    background-size: contain;
}

.about-category a {
    text-decoration: none;
    color: #f50f10;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

    .about-category a:hover {
        text-decoration: none;
        color: #fff
    }

    .about-category a span {
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

    .about-category a:hover > span {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

.about-category h2 {
    margin-top: 0
}

@media only screen and (max-width: 1282px) {
    .ProductSubCat--sublist li a {
        font-size: 1.1rem;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .ProductSubCat--sublist {
        align-items: inherit;
    }
}

ol.fineprint {
    font-size: 0.75rem;
}

.enquiry--form .gs18-u-Size1of2:first-child {
    display: none;
}

.gs18-ContentsContainer .category-banner--home:nth-child(5) {
    display: none;
}

.bg-light {
    background-color: #6dd0e317 !important
}
.about-section h1 {
    text-align: center;
    font-size: 2.2em;
    color: #0066cc;
    margin-bottom: 20px;
}

.about-section p {
    margin-bottom: 15px;
    text-align: justify;
}

.divisions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.division-card {
    flex: 1 1 300px;
    background: #e6f2ff; /* soft blue highlight instead of white */
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: transform 0.2s ease;
}

    .division-card:hover {
        transform: translateY(-5px);
    }

    .division-card h3 {
        color: #004c99;
        margin-bottom: 10px;
    }

.cta-button {
    display: block;
    width: 220px;
    margin: 30px auto 0;
    padding: 12px 20px;
    text-align: center;
    background-color: #0066cc;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .cta-button:hover {
        background-color: #004c99;
        transform: scale(1.05);
    }

@media (max-width: 768px) {
    .about-section h1 {
        font-size: 1.8em;
    }

    .division-card {
        flex: 1 1 100%;
    }
}

.flip-row {
    display: flex;
    justify-content: center; /* center all cards */
    gap: 30px; /* space between cards */
    flex-wrap: nowrap; /* keep them in one row */
}

.flip-card {
    background-color: transparent;
    width: 280px;
    height: 220px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 20px;
}

.flip-card-front {
    background-color: #e6f2ff;
    color: #004c99;
}

.flip-card-back {
    background-color: #4946d4;
    color: #fff;
    transform: rotateY(180deg);
}

.bg-info {
    background-color: #fff;
}
.flip-card {
    perspective: 1000px;
    cursor: pointer;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner,
.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}
/* Highlight on hover */
.navbar-nav .nav-link:hover {
    background-color: #f8f9fa; /* light gray highlight */
    color: #000; /* text stays visible */
    border-radius: 4px; /* optional rounded corners */
}

/* Show selected (active) item */
.navbar-nav .nav-link.active {
    background-color: #940bda; /* Bootstrap primary blue */
    color: #fff !important; /* white text for contrast */
    border-radius: 4px;
}

.contact-transition a {
    transition: all 0.3s ease; /* smooth transition */
}

    .contact-transition a:hover {
        transform: scale(1.1); /* slight zoom */
        box-shadow: 0 8px 15px rgba(0,0,0,0.2); /* subtle shadow */
    }
.cta-buttons .btn {
    min-width: 200px; /* equal width for all buttons */
    text-align: center; /* center text + icon */
    transition: all 0.3s ease; /* smooth hover effect */
}

    .cta-buttons .btn:hover {
        transform: scale(1.05); /* slight zoom on hover */
        box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    }

.feedback-section {
    text-align: center;
    padding: 50px 20px;
    background: #f9f9f9;
}

    .feedback-section h2 {
        font-size: 2rem;
        margin-bottom: 30px;
        color: #333;
    }

.feedback-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.feedback-card {
    perspective: 1000px;
}

.card-inner {
    position: relative;
    width: 100%;
    height: 300px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.feedback-card:hover .card-inner {
    transform: rotateY(180deg);
}

.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

    .card-front img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.card-back {
    background: #fff;
    color: #333;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.hvac-projects {
    padding: 40px 20px;
    background: #f9f9f9;
    text-align: center;
}

    .hvac-projects h2 {
        margin-bottom: 20px;
        font-size: 2rem;
        color: #333;
    }

.table-container {
    overflow-x: auto;
}

#projectsTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

    #projectsTable th, #projectsTable td {
        border: 1px solid #ddd;
        padding: 10px;
        text-align: left;
    }

    #projectsTable th {
        background: #333;
        color: #fff;
        cursor: pointer;
    }

    #projectsTable tr:nth-child(even) {
        background: #f2f2f2;
    }

    #projectsTable tr:hover {
        background: #d9edf7;
        transition: 0.3s;
    }
.flip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.flip-card {
    background: transparent;
    width: 300px;
    height: 220px;
    perspective: 1000px;
    flex: 1 1 300px; /* responsive sizing */
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner { /* active for mobile tap */
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.flip-card-front {
    background: #f8f9fa;
    color: #333;
}

.flip-card-back {
    background: #4946d4;
    color: #333;
    transform: rotateY(180deg);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .flip-row {
        flex-direction: column;
        align-items: center;
    }

    .flip-card {
        width: 100%;
        max-width: 350px;
    }
}
.fade-in-section {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform; /* helps performance */
}

    .fade-in-section.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

/* Staggered buttons */
.cta-buttons a {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.cta-buttons.is-visible a {
    opacity: 1;
    transform: translateY(0);
}

.cta-buttons a:nth-child(1) {
    transition-delay: 0.2s;
}

.cta-buttons a:nth-child(2) {
    transition-delay: 0.4s;
}

.cta-buttons a:nth-child(3) {
    transition-delay: 0.6s;
}

.cta-buttons a:nth-child(4) {
    transition-delay: 0.8s;
}
.fade-in-section {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform; /* helps performance */
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered buttons */
.cta-buttons a {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.cta-buttons.is-visible a {
  opacity: 1;
  transform: translateY(0);
}

.cta-buttons a:nth-child(1) { transition-delay: 0.2s; }
.cta-buttons a:nth-child(2) { transition-delay: 0.4s; }
.cta-buttons a:nth-child(3) { transition-delay: 0.6s; }
.cta-buttons a:nth-child(4) { transition-delay: 0.8s; }

.feedback-section {
    padding: 60px 20px;
    text-align: center;
    color: #000; /* text color for contrast */
    /* Background image */
    background-image: url('C:/Users/sarit/Downloads/Contact.png'); /* replace with your image path */
    background-size: cover; /* ensures image covers entire section */
    /* background-position: center;  centers the image */
    background-repeat: no-repeat; /* prevents tiling */
    /* Optional overlay for readability */
    /* position: relative;*/
}

    .feedback-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5); /* dark overlay */
        z-index: 0;
    }

    .feedback-section h2,
    .feedback-grid {
        position: relative;
        z-index: 1; /* keeps content above overlay */
    }
.fade-in-section {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

    .fade-in-section.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

/* Button stagger effect */
.cta-buttons a {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

    .cta-buttons a:nth-child(1) {
        transition-delay: 0.2s;
    }

    .cta-buttons a:nth-child(2) {
        transition-delay: 0.4s;
    }

    .cta-buttons a:nth-child(3) {
        transition-delay: 0.6s;
    }

    .cta-buttons a:nth-child(4) {
        transition-delay: 0.8s;
    }

.cta-buttons.is-visible a {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile tweaks */
@media (max-width: 768px) {
    .fade-in-section {
        transition: opacity 1s ease-out, transform 1s ease-out;
    }

    .cta-buttons a {
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
}
.fade-section {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

    .fade-section.visible {
        opacity: 1;
        transform: translateY(0);
    }

/* Optional stagger for buttons */
.cta-buttons a {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.cta-buttons.visible a {
    opacity: 1;
    transform: translateY(0);
}

.cta-buttons a:nth-child(1) {
    transition-delay: 0.2s;
}

.cta-buttons a:nth-child(2) {
    transition-delay: 0.4s;
}

.cta-buttons a:nth-child(3) {
    transition-delay: 0.6s;
}

.cta-buttons a:nth-child(4) {
    transition-delay: 0.8s;
}

.contact-section {
    background: url('images/contact-bg.jpg') no-repeat center center/cover; /* replace with your image */
    position: relative;
    color: #333;
}

    .contact-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.85); /* light overlay for readability */
        z-index: 0;
    }

    .contact-section .container {
        position: relative;
        z-index: 1;
    }

.contact-info a {
    color: inherit;
    text-decoration: none;
}

    .contact-info a:hover {
        color: #0d6efd; /* Bootstrap primary */
    }
.video-section {
    position: relative;
    height: 100vh; /* full screen height */
    overflow: hidden;
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* ensures video covers entire section */
    z-index: -1;
}

.video-overlay {
    position: relative;
    z-index: 1;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

    .video-overlay h1 {
        font-size: 3rem;
        font-weight: bold;
    }

    .video-overlay p {
        font-size: 1.25rem;
        margin-bottom: 20px;
    }

/* Mobile adjustments */
@media (max-width: 768px) {
    .video-overlay h1 {
        font-size: 2rem;
    }

    .video-overlay p {
        font-size: 1rem;
    }
}
.mt-24 {
    margin-top: 24rem !important
}
.about-image img {
    max-width: 100%;
    border-radius: 10px;
}
.about-image {
    overflow: hidden; /* keeps zoomed image inside container */
    border-radius: 10px;
}

    .about-image img {
        transition: transform 0.6s ease, filter 0.6s ease, box-shadow 0.6s ease;
        filter: grayscale(100%); /* start in grayscale */
    }

        .about-image img:hover {
            transform: scale(1.08); /* zoom in */
            filter: grayscale(0%); /* return to full color */
            box-shadow: 0 8px 20px rgba(0,0,0,0.3); /* subtle shadow */
        }
        .card{
            margin-top:150px;
        }
.mt {
    margin-top: 19px;
}
/* Base state */
.fade-section {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Desktop effect: fade + slide */
@media (min-width: 768px) {
    .fade-section {
        transform: translateY(50px);
    }

        .fade-section.visible {
            opacity: 1;
            transform: translateY(0);
        }
}

/* Mobile effect: fade only */
@media (max-width: 767px) {
    .fade-section {
        transform: none; /* no slide */
    }

        .fade-section.visible {
            opacity: 1;
        }
}

.video-section1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 40px; /* margin both sides */
    gap: 20px; /* space between video and text */
}

.video-box, .description-box {
    flex: 1; /* equal width */
}

.video-box {
    max-width: 400px; /* control video size */
}

.description-box {
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
}

/* Mega menu styling */
.mega-menu {
    /*min-width: 250px;*/
    border-radius: 8px;
}

/* Nested submenu */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        margin-top: -5px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

/* Smooth hover effect */
.dropdown-item {
    transition: background 0.3s ease;
}

    .dropdown-item:hover {
        background: #f8f9fa;
        color: #000;
    }
.menu-box {
    width: 100px; /* fixed width */
    text-align: left; /* keep text aligned left */
    padding: 8px; /* optional spacing */
    border: 1px solid #ccc; /* optional border for visibility */
    background-color: #f9f9f9; /* optional background */
}
.p-1 {
    padding: .1rem !important;
}
.service-card {
    background: white;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-align: center;
}

    .service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    }

    .service-card i {
        font-size: 2.5rem;
        color: #2a5bd7;
        margin-bottom: 20px;
    }

    .service-card h3 {
        color: #2a5bd7;
        margin-bottom: 15px;
        font-size: 1.5rem;
    }
.product-list {
    list-style: none; /* remove default bullets */
    padding: 0;
}

    .product-list li {
        margin: 8px 0;
        padding-left: 24px;
        position: relative;
    }

        .product-list li::before {
            content: "•"; /* custom bullet symbol */
            color: #007bff; /* blue bullet */
            font-weight: bold;
            position: absolute;
            left: 0;
        }

    .product-list a {
        text-decoration: none;
        color: #333;
        transition: color 0.3s ease;
    }

        .product-list a:hover {
            color: #007bff; /* hover effect */
        }
/*.fa {
    position: absolute;
    left: 0;
    margin-top: -20px;
    color: #ff6b00;
}*/
.service-card1 {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(42, 91, 215, 0.1);
    transition: all 0.3s ease;
    position: relative;
}
.service-card1:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.service-card1 i {
    font-size: 1.0rem;
    color: #2a5bd7;
    margin-bottom: 20px;
}

    .service-card1 h3 {
        color: #2a5bd7;
        margin-bottom: 15px;
        font-size: 1.0rem;
        /* margin-left: 156px; */
        text-align: center;
        margin-top: 11px;
    }
table.ac-table {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: smaller;
}

    table.ac-table th, table.ac-table td {
        border: 1px solid #ddd;
        padding: 10px;
    }

    table.ac-table th {
        background-color: #2a5bd7;
        color: white;
    }

    /* Zebra striping */
    table.ac-table tr:nth-child(even) {
        background-color: #f9f9f9;
    }

    table.ac-table tr:nth-child(odd) {
        background-color: #ffffff;
    }

    /* Hover effect */
    table.ac-table tr:hover {
        background-color: #e6f0ff;
        transition: 0.3s;
    }
#contact {
    color: #212529; /* same as text-dark */
    transition: all 0.3s ease; /* smooth transition */
    cursor: pointer;
}

    #contact:hover {
        color: #2a5bd7; /* blue on hover */
        font-weight: 600; /* bold */
        transform: scale(1.05); /* slight zoom */
        text-decoration: underline;
    }

/* Floating circular button */
#backToTop {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    width: 50px;
    height: 50px;
    border: none;
    outline: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    font-size: 22px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

    #backToTop:hover {
        background-color: #0056b3;
        transform: scale(1.1);
    }


.bgsplend {
    color: #940bda;
}
.backgsplend {
    background-color: #940bda;
}
.bgsplend {
    color: #940bda;
}

.backgsplend {
    background-color: #940bda;
}
