.head-carousel .slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
    .head-carousel .slide-content .wrapper {
        position: relative;
        display: table;
        width: 100%;
        height: 100%;
        padding: 2.75vw 0;
    }
        .head-carousel .slide-content .wrapper .inner {
            display: table-cell;
            vertical-align: bottom;
        }
        .head-carousel .slide-content .wrapper .inner.middle {
            vertical-align: middle;
        }
        .head-carousel .slide-content .wrapper .inner.top {
            vertical-align: top;
        }
        
        .head-carousel .slide-content .wrapper .inner {
            text-align: center;
        }
        .head-carousel .slide-content .wrapper .inner.left {
            text-align: left;
        }
        .head-carousel .slide-content .wrapper .inner.right {
            text-align: right;
        }
        
        .head-carousel .slide-content .wrapper .inner .button {
            display: inline-block;
            font-family: Interstate-Light;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            border-width: 1px;
            border-style: solid;
            border-color: #fff;
            padding: 12px 35px;
            text-transform: uppercase;
            background-color: rgba(0,0,0,0.5);
            transition: all .1s ease-in-out 0s;
        }
        
        
        .head-carousel .slide-content .wrapper .inner.text-black h1,
        .head-carousel .slide-content .wrapper .inner.text-black h2,
        .head-carousel .slide-content .wrapper .inner.text-black h3 {
            color: #000;
        }
        
        .head-carousel .slide-content .wrapper .inner.text-black .button {
            background-color: rgba(255,255,255,0.5);
            border-color: #000;
            color: #000;
        }
        
        .head-carousel .slide-content .wrapper .inner .button:hover {
            background-color: rgba(232,54,66,0.75);
            color: #fff;
            border-color: #fff;
            text-decoration: none;
        }
        
            .head-carousel .slide-content h1 {
                font-family: american-typewriter !important;
                font-size: 4.5vw;
                color: #fff;
                line-height: 1;
            }
            .head-carousel .slide-content h2 {
                font-family: american-typewriter !important;
                text-transform: none;
                font-size: 3.5vw;
                color: #fff;
                line-height: 1;
            }
            .head-carousel .slide-content h3 {
                font-family: american-typewriter !important;
                font-size: 2.5vw;
                color: #fff;
                line-height: 1;
            }
            
.head-carousel .swiper-button-next,
.head-carousel .swiper-button-prev {
    color: rgba(255, 255, 255, 0.5);
    width: 44px;
    height: 44px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
}
.head-carousel .swiper-button-next:after,
.head-carousel .swiper-button-prev:after {
    font-size: 22px;
}
.head-carousel .swiper-button-next:after {
    margin-right: -3px;
}
.head-carousel .swiper-button-prev:after {
    margin-left: -3px;
}

/* Layer */
.layer-black::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
}
.layer-white::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.35);
}

/*  */
/*
.swiper-slide:not(.swiper-slide-active) .slide-content .wrapper .inner .button {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease-in-out;
}
.swiper-slide.swiper-slide-active .slide-content .wrapper .inner .button {
    visibility: visible;
    opacity: 1;
}
*/

/* Responsive options */
@media screen and (max-width: 1530px) {
    .head-carousel .slide-content .wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media screen and (max-width: 992px) {
    .swiper-slide {
        height: 72vh;
        background-position: center bottom;
    }
    .swiper-slide .slide-picture {
        visibility: hidden;
    }
    .head-carousel .slide-content h1 {
        font-size: 7vw;
    }
    .head-carousel .slide-content h2 {
        font-size: 5vw;
    }
    .head-carousel .slide-content h3 {
        font-size: 4vw;
    }
}

.eg-grsp-carousel-home-wrapper .esg-entry-media {
    height: 25.25vh !important;
    padding-bottom: 0 !important;
}

.page-id-1397 .esg-entry-media {
	padding-bottom: 50% !important;
}