@charset "UTF-8";



/*--------------------ORBIT SLIDER--------------------*/



.landing-bg {
    height: 35rem;
    position: relative;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (min-width: 40em) {
    .landing-bg {
        height: 35rem;
  }
}

@media screen and (min-width: 64em) {
    .landing-bg {
        height: 40rem;
    }
}

@media screen and (min-width: 90em) {
    .landing-bg {
        height: 50rem;
    }
}


.orbit-controls button {
    font-size: 1.5em;
    z-index: 1;
    border: none;
    background: none;
    color: #7A736C;
    opacity: 1;
}

.orbit-controls button:hover {
    border: none;
    background: none;
    color: #7A736C;
    opacity: 0.8;
}

.orbit-controls button:focus {
    border: none;
    background: none;
    color: #7A736C;
    opacity: 1;
}

.orbit-bullets {
    position: relative;
    top: -4rem;
}

.orbit-bullets button {
    width: 1rem;
    height: 1rem;
    margin: 0.3rem;
}



/*--------------------SLIDER BACKGROUND--------------------*/



.slider-1 {
    background: url(../image/slider/oel-website-slider-v3-wc1p-892-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-1 {
        background: url(../image/slider/oel-website-slider-v3-wc1p-892-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-1 {
        background: url(../image/slider/oel-website-slider-v3-wc1p-892-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}


.slider-2 {
    background: url(../image/slider/oel-website-slider-v3-wbcr-8018-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-2 {
        background: url(../image/slider/oel-website-slider-v3-wbcr-8018-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-2 {
        background: url(../image/slider/oel-website-slider-v3-wbcr-8018-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

.slider-3 {
    background: url(../image/slider/oel-website-slider-v3-els-1860d-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-3 {
        background: url(../image/slider/oel-website-slider-v3-els-1860d-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-3 {
        background: url(../image/slider/oel-website-slider-v3-els-1860d-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

.slider-4 {
    background: url(../image/slider/oel-website-slider-v3-els-9700p-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-4 {
        background: url(../image/slider/oel-website-slider-v3-els-9700p-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-4 {
        background: url(../image/slider/oel-website-slider-v3-els-9700p-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

.slider-5 {
    background: url(../image/slider/oel-website-slider-v3-els-918p-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-5 {
        background: url(../image/slider/oel-website-slider-v3-els-918p-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-5 {
        background: url(../image/slider/oel-website-slider-v3-els-918p-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

.slider-6 {
    background: url(../image/slider/oel-website-slider-v3-elc-3088p-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-6 {
        background: url(../image/slider/oel-website-slider-v3-elc-3088p-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-6 {
        background: url(../image/slider/oel-website-slider-v3-elc-3088p-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

.slider-7 {
    background: url(../image/slider/oel-website-slider-v3-elc-2660p-s.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media screen and (min-width:40em) {
    .slider-7 {
        background: url(../image/slider/oel-website-slider-v3-elc-2660p-m.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}

@media screen and (min-width:64em) {
    .slider-7 {
        background: url(../image/slider/oel-website-slider-v3-elc-2660p-l.jpg) no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}




/*--------------------SLIDER COPY--------------------*/



.landing-copy-wrapper {
    padding: 1rem;
    position: relative;
    top: 5rem;
/*    background: rgba(0, 0, 0, 0.8);*/
}

@media screen and (min-width:40em) {
    .landing-copy-wrapper {
        padding: 2rem;
        top: 10rem;
        left: 1rem;
    }
}

@media screen and (min-width:64em) {
    .landing-copy-wrapper {
        top: 13rem;
        left: 3rem;
    }
}

/*
.landing-copy-wrapper.black {
    background: rgba(0, 0, 0, 0.8);
}

.landing-copy-wrapper.white {
    background: rgba(255, 255, 255, 0.8);
}
*/

.satinel-vi {
    color: #FEDEA9;
}

.satinel-vi.sanitaryware {
    color: #000000;
}

.robinez-vi {
    color: #1D71B8;
}

.headline {
    font-size: 2em;
    margin-top: 1rem;
    line-height: 1;
    font-weight: 700;
}

@media screen and (min-width:40em) {
    .headline {
        font-size: 2.5em;
    }
}

@media screen and (min-width:64em) {
    .headline {
        font-size: 3.5em;
        margin: 1rem 0 0.5rem 0;
    }
}

.headline.thin {
    font-weight: 100;
    letter-spacing: -0.025em;
}

.product-code {
    font-size: 0.7em;
    letter-spacing: 0.1em;
    margin-top: 1rem;
    padding-left: 0.25rem;
}

@media screen and (min-width:40em) {
    .product-code {
        font-size: 0.8em;
        letter-spacing: 0.1em;
    }
}


.brand.satinel {
    background: url(../image/logo/oel-website-logo-satinel.svg) no-repeat;
    background-position: center;
    background-size: contain;
    height: 2rem;
}

@media screen and (min-width:40em) {
    .brand.satinel {
        background-position: left;
        height: 3rem;
    }
}

.brand.satinel.sanitaryware {
    background: url(../image/logo/oel-website-logo-satinel-black.svg) no-repeat;
    background-position: center;
    background-size: contain;
    height: 2rem;
}

@media screen and (min-width:40em) {
    .brand.satinel.sanitaryware {
        background-position: left;
        height: 3rem;
    }
}

.brand.robinez {
    background: url(../image/logo/oel-website-logo-robinez.svg) no-repeat;
    background-position: center;
    background-size: contain;
    height: 1rem;
}

@media screen and (min-width:40em) {
    .brand.robinez {
        background-position: left;
        height: 2rem;
    }
}