/*begin rayban page*/


.information-rayban b,
.information-rayban strong {
    font-weight: 500;
}

.banner-responsive-rayban{
    background-image: url('../image/nuance/banner_nuance.webp');
    height:790px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.text {padding: 20px;max-width:1000px;margin:0 auto;}


.row-carousel {display:flex;align-items:center;}
.row-carousel > div {width:85%;}
.row-carousel .box-right {width:15%;font-size:24px;}
.box-head.bh-vto {display:none;}

.row-carousel .box-right a::after {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    margin-left: 20px;
    color: #fff;
    background: url(../image/right-arrow.svg) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
}


.nascosto {height:0px;overflow:hidden;}


.information-rayban-container{
    max-width: 1600px !important;
    margin:20px auto !important;
    font-size: 16px;
}
.information-rayban-container h1,.information-rayban-container h2{
    font-size:28px;
    font-weight:400;
}
.information-rayban-container h3{
    font-size:24px;
    font-weight:400;
}
.boxes {max-width:1300px;margin:0 auto;}
.boxes h2 {margin-bottom:20px;line-height:40px;}

.boxes b {display:block;font-weight:400;font-size:16px;margin:20px 0 10px 0;padding-left:40px;}
.rayban-box b:nth-of-type(1) {background:url('../image/nuance/hearing.png') left center no-repeat;}
.rayban-box b:nth-of-type(2) {background:url('../image/nuance/microphone-line.png') left center no-repeat;}

.rayban-box {
    padding:40px;
    aspect-ratio:1 / 1;
    margin-bottom:20px;
    text-align:left;
    display:flex;
    align-items:center;
}
.rayban-box.video {
    padding:0;
}
.mt-40{
    margin-top:40px;
}
.mt-20{
    margin-top:20px;
}

.rayban-box .btn {max-width:300px;width:100%;}

.scopri a span{text-transform:uppercase;text-decoration:underline;font-weight:500;}
.scopri h3{margin:30px 0;}

.box-faq {max-width:1300px;margin:0 auto;text-align:left;padding:0 15px;}
.box-faq .faq{padding:15px 0;font-weight:500;border-bottom:1px solid #EFEFEF;}
.box-faq .content div{padding:20px 0;}
.box-faq .handle {float:right;font-size:34px;font-weight:400;vertical-align:middle;line-height:30px;font-family:"FontAwesome";}
.box-faq .handle::after {content:"−";}
.box-faq .collapsed .handle::after {content:"+";}

.occasioni .slider-item {padding:0 20px;}
.occasioni img {margin-bottom:20px;}
.occasioni h3 {font-size:20px;}


@media screen and (max-width: 768px) {
 .boxes .col-md-6 {padding:0;}
    .information-rayban-container h1,.information-rayban-container h2{
        font-size:22px;
        line-height:24px;
    }
    .information-rayban-container h3{
        font-size:18px;
    }
    .row-carousel {display:flex;align-items:center;flex-direction:column;}
    .row-carousel > div {width:100%;}
    .row-carousel .box-right {width:100%;font-size:20px;margin-top:40px;}
    .occasioni .slider-item p{font-size:12px; line-height:16px;}
    .occasioni img {aspect-ratio: 1 / 1;  object-fit: cover;object-position: center center;}
}

@media only screen and (min-width: 1600px)    
{
    .occasioni {width:120% !important;margin-left:-10%;}

}

@media only screen and (max-width: 900px)    
{
 .boxes.middle {display:grid;}
 .boxes.middle .col-md-6:nth-of-type(1) {order:2;}
    .rayban-box {
        aspect-ratio: 1 / 1;
    }

    .banner-responsive-rayban{
        background-image: url('../image/nuance/banner_nuance.webp');
        background-size: cover;
        background-position: top center;
        height:400px;
    }

}