.block {
    height: 252px;
    position: relative;
    margin: 0 auto 30px;
    max-width: 446px;
}
.block .overlay {
    opacity: 0;
    background-color: rgba(23, 28, 45, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.block .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.block .content .overlay-link {
    position: absolute;
    top: 0;
    height: 210px;
    width: 100%;
    display: block;
    z-index: 3;
}
.block .content .text {
    position: relative;
    top: 150px;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.block .content .text .title {
    font-size: 20px;
    color: #fff;
    padding: 20px 20px 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .block .content .text .title {
        font-size: 18px;
    }
}
.block .content .text .description {
    color: #fff;
    padding: 0 20px;
    opacity: 0;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.block .content .caption {
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    background-color: rgba(23, 28, 45, 0.4);
    width: 100%;
}
.block .content a {
    color: #fff;
}
.block .content a .fa {
    font-size: 14px;
    padding-left: 5px;
}
.block .content a:hover {
    color: #fff;
}
@media (min-width: 768px) {
    .block:hover .overlay {
        opacity: 1;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .block:hover .content .text {
        top: 0;
    }
    .block:hover .content .text .description {
        opacity: 1;
    }
    .block:hover .content .caption {
        background-color: rgba(23, 28, 45, 0.4);
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }
    .block:hover .content a:hover {
        color: #ec1c24;
    }
}
#alveo {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #alveo:hover {
        background: url("/content/dam/xilinx/imgs/hubs/alveo.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#accelerator-cards {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #accelerator-cards:hover {
        background: url("/content/dam/xilinx/imgs/hubs/accelerator-cards.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#evaluation-boards {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #evaluation-boards:hover {
        background: url("/content/dam/xilinx/imgs/hubs/evaluation-boards.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#som-boards {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #som-boards:hover {
        background: url("/content/dam/xilinx/imgs/hubs/som-boards.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#cost-optimized {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #cost-optimized:hover {
        background: url("/content/dam/xilinx/imgs/hubs/cost-optimized.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#fmc {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #fmc:hover {
        background: url("/content/dam/xilinx/imgs/hubs/fmc.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#bk-accessories {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #bk-accessories:hover {
        background: url("/content/dam/xilinx/imgs/hubs/bk-accessories.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#aerospace-defense {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #aerospace-defense:hover {
        background: url("/content/dam/xilinx/imgs/hubs/aerospace-defense.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#asic-prototyping {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #asic-prototyping:hover {
        background: url("/content/dam/xilinx/imgs/hubs/asic-prototyping.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#audio {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/audio.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/audio.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/audio.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/audio.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/audio.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/audio.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #audio:hover {
        background: url("/content/dam/xilinx/imgs/hubs/audio.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#automotive {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #automotive:hover {
        background: url("/content/dam/xilinx/imgs/hubs/automotive.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#broadcast {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #broadcast:hover {
        background: url("/content/dam/xilinx/imgs/hubs/broadcast.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#consumer-electronics {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #consumer-electronics:hover {
        background: url("/content/dam/xilinx/imgs/hubs/consumer-electronics.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#data-center {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #data-center:hover {
        background: url("/content/dam/xilinx/imgs/hubs/data-center.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#high-performance-computing {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #high-performance-computing:hover {
        background: url("/content/dam/xilinx/imgs/hubs/high-performance-computing.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#industrial {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #industrial:hover {
        background: url("/content/dam/xilinx/imgs/hubs/industrial.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#medical {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/medical.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/medical.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/medical.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/medical.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/medical.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/medical.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #medical:hover {
        background: url("/content/dam/xilinx/imgs/hubs/medical.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#smarter-networks {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #smarter-networks:hover {
        background: url("/content/dam/xilinx/imgs/hubs/smarter-networks.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#smarter-vision {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #smarter-vision:hover {
        background: url("/content/dam/xilinx/imgs/hubs/smarter-vision.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#test-measurement {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #test-measurement:hover {
        background: url("/content/dam/xilinx/imgs/hubs/test-measurement.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#wired-communications {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #wired-communications:hover {
        background: url("/content/dam/xilinx/imgs/hubs/wired-communications.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#wireless-communications {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #wireless-communications:hover {
        background: url("/content/dam/xilinx/imgs/hubs/wireless-communications.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#ics {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #ics:hover {
        background: url("/content/dam/xilinx/imgs/hubs/3dics.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#accelerated-cloud {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #accelerated-cloud:hover {
        background: url("/content/dam/xilinx/imgs/hubs/accelerated-cloud.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#ai-engine {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #ai-engine:hover {
        background: url("/content/dam/xilinx/imgs/hubs/ai-engine-tile.png");
        background-size: cover;
        background-position: center center;
    }
}
#configuration-solutions {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #configuration-solutions:hover {
        background: url("/content/dam/xilinx/imgs/hubs/configuration-solutions.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#connectivity {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #connectivity:hover {
        background: url("/content/dam/xilinx/imgs/hubs/connectivity.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#design-security {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #design-security:hover {
        background: url("/content/dam/xilinx/imgs/hubs/design-security.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#dsp {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #dsp:hover {
        background: url("/content/dam/xilinx/imgs/hubs/dsp-tile.png");
        background-size: cover;
        background-position: center center;
    }
}
#ethernet {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #ethernet:hover {
        background: url("/content/dam/xilinx/imgs/hubs/ethernet.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#functional-safety {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #functional-safety:hover {
        background: url("/content/dam/xilinx/imgs/hubs/functional-safety.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#high-speed-serial {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #high-speed-serial:hover {
        background: url("/content/dam/xilinx/imgs/hubs/high-speed-serial.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#machine-learning {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #machine-learning:hover {
        background: url("/content/dam/xilinx/imgs/hubs/machine-learning.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#memory-solutions {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #memory-solutions:hover {
        background: url("/content/dam/xilinx/imgs/hubs/memory-solutions.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#mipi-solutions {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #mipi-solutions:hover {
        background: url("/content/dam/xilinx/imgs/hubs/mipi.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#partial-reconfiguration {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #partial-reconfiguration:hover {
        background: url("/content/dam/xilinx/imgs/hubs/partial-reconfiguration.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#pci-express {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #pci-express:hover {
        background: url("/content/dam/xilinx/imgs/hubs/pci-express.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#power-efficiency {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #power-efficiency:hover {
        background: url("/content/dam/xilinx/imgs/hubs/power-efficiency.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#processing-solutions {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #processing-solutions:hover {
        background: url("/content/dam/xilinx/imgs/hubs/processing-solutions.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#rfsoc {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #rfsoc:hover {
        background: url("/content/dam/xilinx/imgs/hubs/rfsoc.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#signal-integrity {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #signal-integrity:hover {
        background: url("/content/dam/xilinx/imgs/hubs/signal-integrity.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#system-monitor-xadc {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #system-monitor-xadc:hover {
        background: url("/content/dam/xilinx/imgs/hubs/system-monitor-xadc.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#silicon-devices {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #silicon-devices:hover {
        background: url("/content/dam/xilinx/imgs/hubs/silicon-devices.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#developer-zone {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #developer-zone:hover {
        background: url("/content/dam/xilinx/imgs/hubs/developer-zone.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#boards-and-kits {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #boards-and-kits:hover {
        background: url("/content/dam/xilinx/imgs/hubs/boards-and-kits.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#intellectual-property {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #intellectual-property:hover {
        background: url("/content/dam/xilinx/imgs/hubs/intellectual-property.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#technology {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/technology.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #technology:hover {
        background: url("/content/dam/xilinx/imgs/hubs/technology.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#all-programmable-leadership {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #all-programmable-leadership:hover {
        background: url("/content/dam/xilinx/imgs/hubs/all-programmable-leadership.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#generation-ahead-28nm {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #generation-ahead-28nm:hover {
        background: url("/content/dam/xilinx/imgs/hubs/generation-ahead-28nm.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#generation-ahead-16nm {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #generation-ahead-16nm:hover {
        background: url("/content/dam/xilinx/imgs/hubs/generation-ahead-16nm.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#company-overview {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #company-overview:hover {
        background: url("/content/dam/xilinx/imgs/hubs/company-overview.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#management-team {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #management-team:hover {
        background: url("/content/dam/xilinx/imgs/hubs/management-team.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#customer-innovation {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #customer-innovation:hover {
        background: url("/content/dam/xilinx/imgs/hubs/customer-innovation.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#corporate-responsibilities {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #corporate-responsibilities:hover {
        background: url("/content/dam/xilinx/imgs/hubs/corporate-responsibilities.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#environment-health-safety {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #environment-health-safety:hover {
        background: url("/content/dam/xilinx/imgs/hubs/environment-health-safety.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#technology-investments {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #technology-investments:hover {
        background: url("/content/dam/xilinx/imgs/hubs/technology-investments.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#community-engagement {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #community-engagement:hover {
        background: url("/content/dam/xilinx/imgs/hubs/community-engagement.jpg");
        background-size: cover;
        background-position: center center;
    }
}
#research-labs {
    background: -moz-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
    background: -webkit-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
    background: -o-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
    background: -ms-linear-gradient(top, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(23, 28, 45, 0.2)), to(rgba(23, 28, 45, 0.8))), url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
    background: linear-gradient(to bottom, rgba(23, 28, 45, 0.2) 50%, rgba(23, 28, 45, 0.8) 100%), url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {
    #research-labs:hover {
        background: url("/content/dam/xilinx/imgs/hubs/research-labs.jpg");
        background-size: cover;
        background-position: center center;
    }
}
.xilinx-bs3 .CoveoSearchInterface .coveo-search-section {
    margin-top: 0;
}
.xilinx-bs3 .CoveoSearchInterface .coveo-search-section .CoveoSearchbox {
    margin-right: 0;
}
.xilinx-bs3 .CoveoSearchInterface .coveo-search-section .CoveoSearchbox .CoveoSearchButton {
    height: 44px;
}
.xilinx-bs3 .xilinxSearchBox .coveo-search-section .magic-box {
    height: 44px;
}
.xilinx-bs3 .xilinxSearchBox .coveo-search-section .magic-box .magic-box-input input {
    height: 44px;
}