/*begin vto page*/

.information-vto {
    font-size: 16px;
}

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

.banner-responsive-vto{
    background-image: url('../image/vto/banner_vto.webp');
    height:450px;
    width:100%;
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.no-padding{
    padding:0;
}

.information-vto-container{
    max-width: 1080px !important;
    margin:0 auto !important;
}

.information-vto-container p{
   color:#2C333A;
   letter-spacing: 0px;
}

.vto-triple {
    background-color: #efefef;
    padding:50px 60px 30px 60px;
    min-height:340px;
    margin-bottom:20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 36px;
    font-size: 18px;
}
.vto-icon {
    height: 60px;
    width: auto;
}
.mt-40{
    margin-top:40px;
}

.lora {
    font-family: "Jost", sans-serif;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
}

.vto-image-bottom{
    width:100%;
    margin-bottom: 20px;
}
.plr-60{
    padding-left:60px;
    padding-right:60px;
}

.mb-80{
    margin-bottom: 80px;
}

.mt-80{
    margin-top: 80px;
}

.mlr-none{
    margin-left:0;
    margin-right:0;
}

.relative{
    position: relative;
}

.long-btn-primary{
    margin:0 auto;
    border-radius: 4px;
    padding:8px 30px;
    
}
.long-btn-primary{
    color:#fff;
    border-color:#fff;
    background:transparent;
    margin-top:20px;
}
.long-btn-primary:hover{
    border-color:#fff;
    background:rgba(255, 255, 255, 0.5);
}

.abs-button{
    position:absolute;
    bottom:26px;left:0;
    width:100%;
    text-align: center;
}

.caption-responsive-vto{
    position: absolute;
    top:38%;
    left:20%;
    text-align: center;
    color:#fff;
}
.caption-responsive-vto *{
    color:#fff;
}

.fs-40r{
   font-size: 40px; 
}

.fs-30r{
    font-size: 30px; 
 }

 .le-40r{
    line-height: 40px;
 }

 .le-34r{
    line-height: 34px;
 }
 .italic {font-style:italic;}
.left-sole{
    background-image:url('../image/vto/occhiali_sole_img.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height:450px;
    margin-bottom:40px;
}

.right-vista{
    background-image:url('../image/vto/occhiali_vista_img.webp');
    background-repeat: no-repeat;
    background-size: cover;
    height:450px;
    margin-bottom:40px;
}



@media screen and (max-width: 768px) {

.vto-icon{
    height:55px;
}

.oh{
    overflow: hidden;
}

.vto-image-bottom {
    scale: 1.5;
    -webkit-scale:1.5;
    margin-bottom:120px;
  }

  .abs-button{
    
    bottom:26px;
    
}


.vto-triple{
    padding: 40px 14px;
    min-height: 200px;
    line-height: 17px;
    font-size: 14px;
}

    .le-40r{
        line-height: 33px;
     }
    
     .le-34r{
        line-height: 26px;
     }

    .fs-40r{
        font-size: 30px; 
     }
     .fs-30r{
        font-size: 22px; 
     }


    .information-vto-container p {
       
        padding: 0 20px;
      }
      .cr{
        padding-left: 0;
        padding-right: 0;
      }
      .rr{
        padding-left: 0;
        padding-right: 0;
      }
      .long-btn-primary{
        width:85%;
        margin:0 auto;
        border-radius: 4px;
        font-size: 11px;
        text-align: center;
        padding:8px 10px;
    }

    .left-sole{
        background-position: 50% 50%;
    }

    .right-vista{
        background-position: 50% 50%;
    }
  }

  @media only screen and (min-width: 1920px)    
  {


    .banner-responsive-vto{

        background-size: cover;

    }
  }

  @media only screen and (max-width: 1200px)    
  {
    .caption-responsive-vto {
        left: 10%;
      }
      .banner-responsive-vto{
        background-position: 30% 50%;
    }
  }
  @media only screen and (max-width: 900px)    
  {

  }
  @media screen and (max-width: 768px) {
    .banner-responsive-vto{
        background-position: 40% 30%;
        background-size: cover;
        height:420px;
    }
    .caption-responsive-vto{
        width:50%;
        left: 2%;
    }
}

@media screen and (max-width: 500px) {

    .caption-responsive-vto{
        width:60%;
        top:30%;
    }
}


  .bh-vto{
    margin-bottom:40px;
  }

  .box.featured .box-heading {
    text-align:center;
  }