*{
    box-sizing: border-box;
}

/* SLIDER */
.slider{
    overflow: hidden;
    margin-bottom: 0!important;
}
.slider h1{
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-size: 50px;
    line-height: 60px;
    color: #58595b;
}

.slider h3{
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-size: 24px;
    line-height: 1.5;
    color: #58595b;
    text-align: left;
}

@media (max-width: 768px){
    .slider h3{
        text-align: center;
    }
    }

.slider p span b {
    font-size: 40px;
    line-height: 50px;
}

    /* Single Slide */
    .slider__slide{
        display: flex;
        flex-direction: row;
    }

        /* Full width banner */
        .full-width-banner{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: stretch;
            align-items: stretch;
            width: 100%;
        }

            /* Container */
            .full-width-banner__container{
                display: flex;
                flex-flow: column nowrap;
                justify-content: space-between;
                position: relative;
                min-height: 540px;
                height: auto;
                min-height: 570px;
                align-items: stretch;
                display: flex;
                width: 100%;
            }

                /* Content */
                .full-width-banner__content{
                    flex-grow: 1;
                    margin: 0 auto;
                    max-width: 1230px;
                    width: 100%;
                    padding: 0 45px;
                }
                
                    /* Title */
                    .full-width-banner__title{
                        font-family: "Guardian Sans Cy Web";
                        font-weight: 600;
                        font-style: normal;
                        font-stretch: normal;
                        z-index: 2;
                        position: relative;
                        padding-top: 52px;
                        margin: 0;
                    }

                    /* Header */
                    .full-width-banner__title+.full-width-banner__header{
                        padding-top: 40px;
                    }
                    .full-width-banner__header{
                        z-index: 2;
                        position: relative;
                        padding-top: 125px;
                        margin: 0;
                    }

                        /* Medium */
                        .full-width-banner__header--medium{
                            display: inline-block;
                            font-size: 40px;
                            line-height: 50px;
                            margin-bottom: 8px;
                        }

                        /* Large */
                        .full-width-banner__header--large{
                            display: inline-block;
                            font-size: 70px;
                            line-height: 85px;
                            margin-bottom: 8px;
                        }

                    /* Subtitle */
                    .full-width-banner__subtitle{
                        font-weight: 400;
                        font-style: normal;
                        font-stretch: normal;
                        z-index: 2;
                        position: relative;
                        padding: 17px 0 38px;
                        margin: 0;
                    }
                
                /* LINKS */
                .slider .full-width-banner__links{
                    padding-bottom: 100px;
                }
                .full-width-banner__links{
                    padding-bottom: 100px;
                    z-index: 3;
                    position: relative;
                    width: 100%;
                    max-width: 1230px;
                    margin: 0 auto;
                    padding: 0 45px 45px;
                }

                    /* Single link */
                    .full-width-banner__cta-link{
                        font-weight: 700;
                        font-style: normal;
                        font-stretch: normal;
                        font-size: 16px;
                        display: inline-block;
                        max-width: 360px;
                        text-transform: uppercase;
                        color: #fff;
                        background: #00b336;
                        padding: 12px 18px;
                        transition: background .15s ease-in-out;
                        text-decoration: none !important;
                    }
                    .full-width-banner__cta-link:hover:not(:disabled){
                        background:#019b2f
                    }
                    .full-width-banner__cta-link--topaz{
                        background: #93ea20;
                        color: #005f4b;
                    }
                    .full-width-banner__cta-link--fixed-width{
                        width: 256px;
                        text-align: center;
                    }
                    .full-width-banner__cta-link--topaz:hover:not(:disabled) {
                        background: #85d31d;
                        text-decoration: none;
                    }

                /* BACKGROUND */
                .full-width-banner__background{
                    z-index: 1;
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    top: 0;
                    left: 0;
                    background-position: center;
                    background-size: cover;
                }
                .full-width-banner__background--center {
                    background-position: center;
                }

                /* LINK BACKGROUND */
                .full-width-banner__background-link{
                    display: block;
                    z-index: 2;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }

/* SLIDER CONTROLS */
.slider .slick-dots{
    bottom: 40px;
}

    .slider .slick-dots li{
        width: 9%;
        min-width: 105px;
    }
    .slider .slick-dots li.slick-active button{
        background-color: #93ea20;
    }
    .slider .slick-dots li:not(.slick-active) button:hover{
        background-color: gray;
    }

        .slider .slick-dots li button{
            text-indent: -9999px;
            display: block;
            height: 10px;
            background: #8d8d8d;
            cursor: pointer;
            transition: all .15s ease-in-out;
            width: 100%;
            min-width: 105px;
        }

/* RESPONSIVE */
@media (min-width: 1025px){
    .full-width-banner .full-width-banner__background--tablet {
        display: none;
    }
    .full-width-banner .full-width-banner__background--mobile {
        display: none;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__title {
        font-size: 19px;
        line-height: 27px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__title {
        font-size: 19px;
        line-height: 27px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__header {
        font-size: 40px;
        line-height: 50px;
        padding-top: 96px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__header {
        font-size: 40px;
        line-height: 50px;
        padding-top: 96px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__title+.full-width-banner__header {
        padding-top: 18px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__title + .full-width-banner__header {
        padding-top: 18px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__header--medium {
        font-size: 25px !important;
        line-height: 35px;
        font-weight: 400;
        margin: 12px 0;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__header--medium {
        font-size: 25px !important;
        line-height: 35px;
        font-weight: 400;
        margin: 12px 0px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__header--large {
        font-size: 40px;
        line-height: 50px;
        margin: 12px 0;
    }
    .slider h1{
        font-size: 40px;
    }
}
@media (max-width: 1024px) and (min-width: 768px){
    .full-width-banner__header--large {
        font-size: 40px;
        line-height: 50px;
        margin: 12px 0px;
    }
}
@media (max-width: 768px){
    .slider{
        text-align: center;
    }
}
@media (max-width: 767px){
    .full-width-banner__title {
        font-size: 19px;
        text-align: center;
        line-height: 27px;
        padding: 55px 15px 15px;
        margin: 0px auto;
    }
    .full-width-banner__title img{
        display: inline-block;
    }
}
@media (max-width: 767px){
    .full-width-banner__header--medium {
        font-size: 25px;
        line-height: 35px;
        font-weight: 400;
        margin: 12px 0px;
    }
}
@media (max-width: 767px){
    .full-width-banner__title+.full-width-banner__header{
        padding-top: 20px;
    }
    .full-width-banner__header--large {
        font-size: 40px;
        line-height: 50px;
        margin: 12px 0px;
    }
    .slider h1{
        font-size: 25px;
        line-height: 1.4;
    }
    .full-width-banner__title+.full-width-banner__header{
        padding-top: 0;
    }
    .full-width-banner__content, .full-width-banner__links{
        padding: 0 15px;
    }
    .slider .slick-dots li{
        width: 20%;
        margin-left: 0.8%;
        margin-right: 0.8%;
    }
    .slider .slick-dots li button, .slider .slick-dots li{
        min-width: 1px;
    }
}