@charset "utf-8";
.slick-loading .slick-list {
    background: #fff url('../images/ajax-loader.gif') center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot') format("embedded-opentype"),url('../fonts/slick.woff') format("woff"),url('../fonts/slick.ttf') format("truetype"),url('../fonts/slick.svg') format("svg");
    font-weight: normal;
    font-style: normal
}

.hero-holder {
    overflow: hidden;
    position: relative
}

.hero-holder .autoplay-controls {
    position: absolute;
    right: 13rem;
    bottom: 1.4rem
}

.hero-holder .autoplay-controls button {
    color: #fff;
    background: transparent
}

@media(max-width: 767px) {
    .hero-holder .autoplay-controls {
        display:none
    }
}

.hero-component {
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden
}

.hero-component.slick-initialized {
    visibility: visible
}

.hero-component .slick-slide {
    color: #fff;
    outline: none;
    max-height: 46.2rem;
    position: relative
}

.hero-component .slick-slide img {
    width: 100%;
    min-height: 46.2rem;
    max-height: 46.2rem;
    object-fit: cover;
    object-position: 50% 50%;
    font-family: "object-fit: cover;"
}

.hero-component .slick-slide video {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.hero-component .slick-slide video::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none
}

.hero-component .slick-slide video::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none
}

.hero-component .slick-slide video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.hero-component .slide-content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 110
}

.hero-component .slide-content span,.hero-component .slide-content p {
    cursor: default
}

.hero-component .slide-content .subject {
    font-family: 'Calibre',Arial,Sans-Serif;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 4rem
}

.hero-component .slide-content .hero-title {
    font-family: 'Calibre',Arial,Sans-Serif;
    font-weight: 600;
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: .1em;
    color: #fff
}

.hero-component .slick-dots {
    bottom: 0;
    margin: 0
}

.hero-component .slick-dots li {
    width: auto;
    height: auto;
    padding: 0 2rem .8rem 2rem;
    margin: 0 2rem
}

@media(max-width: 767px) {
    .hero-component .slick-dots li {
        padding:0;
        margin: 0
    }
}

.hero-component .slick-dots .slick-active {
    border-bottom: 3px solid #ff8c00
}

@media(max-width: 767px) {
    .hero-component .slick-dots .slick-active {
        border:0
    }

    .hero-component .slick-dots .slick-active .pager__item:before {
        color: #ff8c00
    }
}

.hero-component .slick-arrow,.hero-component .slick-next,.hero-component .slick-prev {
    background: rgba(255,255,255,.1)
}

.hero-component .slick-arrow:hover,.hero-component .slick-next:hover,.hero-component .slick-prev:hover {
    background: rgba(255,255,255,.1)
}

.hero-component .slick-arrow {
    opacity: 1
}

.hero-component .pager__item {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .hero-component .pager__item {
        border:0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0;
        font-size: 0;
        color: transparent;
        padding: 5px;
        cursor: pointer
    }

    .hero-component .pager__item:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        opacity: 1
    }

    .hero-component .pager__item span {
        display: none
    }
}

.hero-component .slick-next {
    right: 2.4rem
}

.hero-component .slick-prev {
    left: 2.4rem
}

.hero-component .slick-dots li button::before {
    color: #fff;
    opacity: 1
}

.hero-component .slick-dots li button:focus::before {
    opacity: 1
}

.hero-component .slick-dots li.slick-active button::before {
    color: #ff8c00
}

.hero-component .button+.button {
    margin-left: 1.2rem
}

@media(max-width: 767px) {
    .hero-component {
        margin:0 -15rem
    }

    .hero-component .slide-content {
        left: 0;
        padding: 0 16rem;
        right: 0;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        max-height: 26.2rem
    }

    .hero-component .slide-content img {
        min-height: 26.2rem;
        max-height: 26.2rem
    }

    .hero-component .slide-content .subject {
        font-size: 1.2rem;
        line-height: initial
    }

    .hero-component .slide-content .hero-title {
        font-size: 2rem;
        line-height: initial;
        margin-bottom: 2.4rem
    }

    .hero-component .slide-content .button {
        font-size: 1.2rem;
        padding: .8rem 1.6rem
    }

    .hero-component .slick-dots {
        bottom: 0
    }
}

@media(max-width: 767px) {
    .hero-holder .slick-slide {
        max-height:26rem
    }

    .hero-holder .slick-slide img {
        min-height: 26rem;
        max-height: 26rem
    }
}

.homepage-suggested-search__search form {
    display: flex;
    width: 100%;
    position: relative
}

.homepage-suggested-search__search form .search-input-dropdown {
    width: 100%
}