.seleccion-container {
    margin-top: 88px
}

.seleccion-container .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding: 0
}

.seleccion-container .container-fluid .content {
    position: relative;
    left: 260px;
    max-width: 880px
}

.seleccion-container .first.lazy-background,
.seleccion-container .last.lazy-background {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0
}

.seleccion-container .link {
    text-align: center
}

.seleccion-container .first.lazy-background {
    width: 407px;
    background-size: auto 85%;
    left: 0;
    background-image: url(/assets/img/selection/first.jpg)
}

.seleccion-container .first.lazy-background h2 {
    margin-top: calc(50% - 130px);
    color: #fff;
    font-weight: 400
}

.seleccion-container .last.lazy-background {
    width: 150px;
    background-size: 100% 85%;
    margin-left: -1px;
    right: 0;
    background-image: url(/assets/img/selection/last.jpg)
}

.seleccion-container .list {
    margin-left: 0;
    margin-right: 0
}

.seleccion-container .list .item {
    color: #333;
    background-color: #fff;
    padding: 0;
    border-right: 1px solid #e9e9e9
}

.seleccion-container .list .item a {
    color: inherit;
    text-decoration: none
}

.seleccion-container .list .item img {
    width: calc(100% + 1px);
    margin-right: -1px
}

.seleccion-container .list .item h4 {
    margin: 0;
    padding: 18px 15px
}

@media screen and (max-width:1288px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        max-width: none;
        width: calc(100vw - 28.7226534932957vw - ((100vw - 1230px)/ 2)) !important
    }

    .seleccion-container .container-fluid .first {
        width: 28.7226534932957vw
    }
}

@media screen and (max-width:1346px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        max-width: none;
        width: calc(100vw - 28.7226534932957vw - ((100vw - 1290px)/ 2)) !important
    }

    .seleccion-container .container-fluid .first {
        width: 28.7226534932957vw
    }
}

@media screen and (max-width:1416px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        max-width: none;
        width: calc(100vw - 28.7226534932957vw - ((100vw - 1370px)/ 2))
    }

    .seleccion-container .container-fluid .first {
        width: 28.7226534932957vw
    }
}

@media screen and (min-width:1200px) {
    .seleccion-container .container-fluid {
        max-width: 1690px
    }

    .seleccion-container .container-fluid .content {
        max-width: 1170px
    }
}

@media screen and (max-width:1199px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        max-width: none;
        width: calc(100vw - 28.7226534932957vw - ((100vw - 930px)/ 2)) !important
    }
}

@media screen and (max-width:991px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        width: 56.90104166666667vw !important
    }

    .seleccion-container .container-fluid .first {
        width: 43.09895833333333vw;
        background-size: auto 70%
    }
}

@media screen and (max-width:767px) {
    .seleccion-container.lazy-background {
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        color: #fff;
        padding-top: 25px;
        padding-bottom: 50px
    }

    .seleccion-container.lazy-background owl-carousel ::ng-deep .owl-nav .owl-prev:after,
    owl-carousel ::ng-deep .owl-nav .owl-next:after {
        border: solid #fff;
        border-width: 0 2px 2px 0
    }

    .seleccion-container.lazy-background owl-carousel ::ng-deep .item {
        color: #333;
        margin-bottom: 37px
    }

    .seleccion-container.lazy-background owl-carousel ::ng-deep .owl-nav {
        top: calc(50% - 45px)
    }

    .seleccion-container.lazy-background.visible {
        background-image: url(/assets/img/selection/background.png)
    }
}

.seleccion-container .image {
    background-color: #999
}

@media screen and (min:768px) and (max:899px) {
    .seleccion-container .image {
        min-height: 165px
    }
}

@media screen and (min:900px) and (max:1199px) {
    .seleccion-container .image {
        min-height: 150px
    }
}

@media screen and (min:1200px) {
    .seleccion-container .image {
        min-height: 200px
    }
}

@media screen and (max-width:1760px) and (min-width:1561px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        max-width: none;
        width: calc(100vw - 28.7226534932957vw - ((100vw - 1470px)/ 2))
    }

    .seleccion-container .container-fluid .first {
        width: 28.7226534932957vw
    }
}

@media screen and (max-width:1560px) and (min-width:1417px) {
    .seleccion-container .container-fluid .content {
        float: right;
        position: relative !important;
        left: 0 !important;
        max-width: none;
        width: calc(100vw - 28.7226534932957vw - ((100vw - 1470px)/ 2))
    }

    .seleccion-container .container-fluid .first {
        width: 28.7226534932957vw
    }
}