@font-face {
    font-family: "tipografia1";
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "tipografia2";
    src: url("../fonts/Roboto-Bold.ttf");
}
#dropdown .linguise_switcher_dropdown{
    top: 20px!important;
}
#dropdown .linguise_switcher_dropdown li.linguise_current .linguise_current_lang{
 border: none!important;   
 padding: 0px!important;
}
#dropdown .linguise_switcher_dropdown li.linguise_current{
    font-size: 12px!important;
}
.mr-10{
    margin-right: 0px!important;
}
.img-preview-thumb2{
    width: 60%;
}
.contactoPag{
    height: 490px;
    width: 100%;
}
.logoPer3{
    width: 7%;
}
.bloquear{
    opacity: 0.4;
    pointer-events: none
}
.fondoadmin{
    background: url(../img/IMG/petroleo.jpg) bottom center;
    background-size:cover;
    height: 100vh;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.redessocialesMenu{
    width:20px
}
.search__input {
    width: 100%;
    padding: 5px 24px;
    background-color: transparent;
    transition: transform 250ms ease-in-out;
    font-size: 12px;
    line-height: 18px;
    color: #575756;
    background-color: transparent;
    background-image: url("../img/ICONS/lupa1.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 98% center;
    border-radius: 50px;
    border: 1px solid #FF4F1C;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.search__input::placeholder {
    color: rgba(87, 87, 86, 0.8);
}
.search__input:hover,
.search__input:focus {
    padding: 12px 0;
    outline: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #FF4F1C;
    border-radius: 0;
    background-position: 100% center;
}
.search__input2 {
    width: 100%;
    padding: 5px 24px;
    background-color: transparent;
    transition: transform 250ms ease-in-out;
    font-size: 12px;
    line-height: 18px;
    color: #575756;
    background-color: transparent;
    background-image: url("../img/ICONS/lupa1.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 98% center;
    border-radius: 5px;
    border: 1px solid rgba(87, 87, 86, 0.8);
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.search__input2::placeholder {
    color: rgba(87, 87, 86, 0.8);
}
.search__input2:hover,
.search__input2:focus {
    padding: 12px 0;
    outline: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(87, 87, 86, 0.8);
    border-radius: 0;
    background-position: 100% center;
}
.navbar-light .navbar-nav .nav-link{
    color: #ffff;
}
.padding1{
    padding-left: 3%;
    padding-right: 3%;
}
.logoFoot{
    width: 100%;
}
.logoAdmin1{
    width: 80%
}
.logoAdmin2{
    width: 7%
}
.letraFooter1{
    font-size: 0.85vmax;
}
.letraFooter2{
    font-size: 1.1vmax; 
}
.letraFooter3{
    font-size: 0.75vmax; 
}
.letraMenu1{
    font-size: 1vmax; 
}
.letraMenu1s{
    font-size: 1.3vmax; 
}
.letraMenu2{
    font-size: 1.1vmax; 
}
.letraMenu2s{
    font-size: 1.1vmax; 
}
.img1{
    width: 120px;
}
.sombra1{
    border: 1px solid rgba(255,237,232,1);
    -webkit-box-shadow: 0px 0px 2px 2px rgba(255,237,232,1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(255,237,232,1);
    box-shadow: 0px 0px 2px 2px rgba(255,237,232,1);
    border-radius: 10px;
}
.titulo1{
    color: #FF4F1C;
    font-size: 1.5vmax;
    font-family:'tipografia2', serif;
}
.titulo1s{
    color: #6B6B6B;
    font-size: 1.5vmax;
    font-family:'tipografia2', serif;
}
.titulo2{
    color: #6B6B6B;
    font-size: 1.5vmax;
    font-family:'tipografia1', serif;
}
.titulo3{
    font-size: 3vmax;
    font-family:'tipografia2', serif;
}
.titulo4{
    font-size: 1.1vmax;
    font-family:'tipografia2', serif;
}
.titulo5{
    font-size: 1vmax;
    font-family:'tipografia2', serif;
}
.titulo6{
    font-size: 0.8vmax;
    font-family:'tipografia2', serif;
}
.titulo7{
    font-size: 1.3vmax;
    font-family:'tipografia2', serif;
}
.titulo8{
    font-size: 1.6vmax;
    font-family:'tipografia2', serif;
}
.letra1{
    color: #FF4F1C;
    font-size: 1.3vmax;
    font-family:'tipografia2', serif;
}
.letra2{
    color: #6B6B6B;
    font-size: 0.9vmax;
    font-family:'tipografia1', serif;
}
.letra2s{
    font-size: 1.3vmax;
    font-family: 'tipografia2', serif;
}
.letra3{
    color: #6B6B6B;
    font-size: 1vmax;
    font-family:'tipografia1', serif;
}
.letra4{
    color: #FF4F1C;
    font-size: 1.1vmax;
    font-family:'tipografia2', serif;
}
.letra5{
    font-size: 1.2vmax;
    font-family:'tipografia1', serif;
}
.letra6{
    color: #6B6B6B;
    font-size: 0.65vmax;
    font-family:'tipografia1', serif;
}
.letra7{
    color: #6B6B6B;
    font-size: 1.1vmax;
    font-family:'tipografia1', serif;
}
.letra9{
    font-size: 4vmax;
    font-family: 'tipografia2', serif;
    line-height: 1.1;
}
.icono{
    width:50%
}
.icono1{
    width: 4em;
}
.icono2{
    width: 3em;
}
.icono3{
    width: 2em;
}
.icono3s{
    width: 1.6em;
}
.icono4{
    width: 1.5em;
}
.boton1{
    color: #FF4F1C;
    border: #FF4F1C solid 1px;
    font-size: 0.9vmax;
    font-family:'tipografia1', serif;
    padding-top: 2px;
    padding-bottom:2px;
}
.boton1:hover{
    background: #FF4F1C;
    border: #FF4F1C solid 1px;
    color:white;
}
.boton2{
    background: #FF4F1C;
    border: #FF4F1C solid 1px;
    font-size: 1vmax;
    font-family:'tipografia1', serif;
    color:white;
    position: absolute;
    bottom: 5%;
    padding-top: 2px;
    padding-bottom:2px;
}
.boton2:hover{
    background: white;
    border: #FF4F1C solid 1px;
    color:#FF4F1C;
}
.boton3{
    background: #FF4F1C;
    border: #FF4F1C solid 1px;
    font-size: 1vmax;
    font-family:'tipografia1', serif;
    color:white;
    padding-top: 2px;
    padding-bottom:2px;
}
.boton3:hover{
    background: white;
    border: #FF4F1C solid 1px;
    color:#FF4F1C;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #FF4F1C;
    border: #FF4F1C solid 1px;
    color:white;
}
.nav-pills .nav-link{
    color: #6B6B6B;
    border: #FF4F1C solid 1px;
    font-size: 1vmax;
    font-family:'tipografia1', serif;
    width: 12rem;
    border-radius: 14px;
    padding-top: 2px;
    padding-bottom:2px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #6B6B6B;
}
.nav-tabs .nav-link{
    color: #FF4F1C; 
    font-size: 1vmax;
    font-family:'tipografia1', serif;
}
.fondo1{
    background: url(../img/IMG/porquenosotros.png) top center;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.fondo2{
    background: url(../img/IMG/nosotros_3.png) top center;
    background-size:cover;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.logo{
   width: 220px
}
.logos2{
    width:70%
}
.logos3{
    width:90%
}
.catalogosMed{
    width: 100%;
    height: 80vh;
}
.card1{
    width:90%
}
.oculto2{
    display: none!important;
}
.oculto3{
    display: block;
}
.oculto3s{
    display: block;
}
.oculto4{
    display: none!important;
}
.logo1{
    width: 12em
}
.logoPer{
    width: 9%
}
.logoPer2{
    width: 40px
}
.imagenPrdo{
    height: 200px;
    width: auto;
}
.botonPosi{
    position:absolute;
}
#clickToChat-integration-container .fab--bottom-right {
    bottom: 7% !important;
    right: 1% !important;
}
#clickToChat-integration-container .fab__button{
    width:40px !important;
    height:40px !important;
}
#clickToChat-integration-container .fab__button img{
    width:20px !important;
}
#clickToChat-integration-container .fab{
    margin: 0!important;
}
.imagencarru{
    width: 100%
}
#clickToChat-integration-container .fab--bottom-right {
    bottom: 7% !important;
    right: 1% !important;
}
#clickToChat-integration-container .fab__button{
    width:40px !important;
    height:40px !important;
}
#clickToChat-integration-container .fab__button img{
    width:20px !important;
}
#clickToChat-integration-container .fab{
    margin: 0!important;
}
@media (max-width: 640px) {
    #dropdown .linguise_switcher_dropdown{
        top: 10px!important;
    }
    .padditel{
        padding-left: 6px;
        padding-right: 6px;
    }
    .linguiNuevo{
        right:38%!important;
        top:10%!important;
        padding-top:10px!important;
    }
    .search__input {
        width: 100%;
        padding: 5px 24px;
        background-color: transparent;
        transition: transform 250ms ease-in-out;
        font-size: 12px;
        line-height: 18px;
        color: #575756;
        background-color: white;
        background-image: url("../img/ICONS/lupa1.png");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: 98% center;
        border-radius: 50px;
        border: 1px solid #FF4F1C;
        transition: all 250ms ease-in-out;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }
    .botonPosi{
        position:relative;
    }
    .imagenPrdo{
        height: 100px;
        width: auto;
    }
    .logoPer{
        width: 15%
    }
    .logoPer2{
        width: 25px
    }
    .logo1{
        width: 100px
    }
    .inicioAdmin{
        position: absolute;
        top: 10%;
        bottom: 0;
        color: white!important;
    }
    .usu{
        color: white!important;
    }
    .oculto2{
        display: block!important;
    }
    .oculto4{
        display: flex!important;
    }
    .oculto3{
        display: none;
    }
    .oculto3s{
        display: none;
    }
    .nav-tabs .nav-link{
        font-size: 2vmax;
    }
    .nav-pills .nav-link{
        font-size: 2vmax;
        width: 8rem;
    }
    .alineacion1{
        text-align: center;
        padding-top: 3%;
    }
    .logoFoot{
        width: 60%;
    }
    .titulo1{
        font-size: 2.5vmax;
    }
    .titulo1s{
        font-size: 2.5vmax;
    }
    .titulo2{
        font-size: 2.5vmax;
    }
    .titulo3{
        font-size: 4vmax;
    }
    .titulo4{
        font-size: 2.5vmax;
    }
    .titulo5{
        font-size: 2vmax;
    }
    .titulo6{
        font-size: 1.8vmax;
    }
    .titulo7{
        font-size: 2.3vmax;
    }
    .letra1{
        font-size: 2.3vmax;
    }
    .letra2{
        font-size: 1.9vmax;
    }
    .letra2s{
        font-size: 2.3vmax;
    }
    .letra3{
        font-size: 2vmax;
    }
    .letra4{
        font-size: 2.1vmax;
    }
    .letra5{
        font-size: 2.2vmax;
    }
    .letra6{
        font-size: 1.65vmax;
    }
    .letra7{
        font-size: 2.1vmax;
    }
    .letra9{
        font-size: 3.3vmax;
        line-height: 1.1;
    }
    .letraMenu2{
        font-size: 2.5vmax; 
    }
    .boton1{
        font-size: 2vmax;
    }
    .boton2{
        font-size: 2vmax;
        position: relative;
        bottom: 1%;
    }
    .boton3{
        font-size: 2vmax;
    }
    .redessocialesMenu{
        width:15px
    }
    .icono{
        width:90%
    }
    .icono1{
        width: 5em;
    }
    .logo{
        width: 120px
     }
     .letraFooter1{
        font-size: 1.8vmax;
    }
    .letraFooter2{
        font-size: 1.8vmax; 
    }
     .letraFooter3{
        font-size: 1.5vmax; 
    }
    .letraMenu1{
        font-size: 1.6vmax; 
    }
    .letraMenu1s{
        font-size: 1.7vmax; 
    }

    .oculto {
        display: flex !important;
    }
    .completo1 {
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999;
        background: white;
        padding: 1rem;
        
    }
    .navbar-light .navbar-nav .nav-link{
        color: #FF4F1C!important;
    }
    .card1{
        width:100%
    }
    .padding1{
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
/* medium and up screens */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
    transform: translateX(0);
}
.carousel-control-next, .carousel-control-prev{
    width: 5%;
}
@media (min-width: 2500px)  {
    .titulo4 {
        padding-bottom: 5%;
      }
}