.logo{
    width: 10em
}
.logoF{
    width: 80%
}
.navbar-nav .nav-item .nav-link{
    color: #F3921B;
    font-size: 1vmax;
}
.dropdown-menu .dropdown-item{
    font-size: 1vmax;
}
.padding1{
    padding-left: 3%;
    padding-right: 3%;
}
.redessocialesMenu{
    width: 20px;
}
.letraFooter1{
    font-size: 1vmax;
}
.letraFooter1s{
    font-size: 1.2vmax;
}
.titulo{
    font-size: 2.5vmax;
}
.titulo2{
    font-size: 2.5vmax;
}
.letra1{
    font-size: 0.9vmax;
}
.letra2{
    font-size: 1.4vmax;
}
.letra3{
    font-size: 1.3vmax;
}
.letra4{
    font-size: 1vmax;
}
.letra4s{
    font-size: 1vmax;
}
.letra5{
    font-size: 1.1vmax;
}
.letra6{
    font-size: 1.6vmax;
}
.boton1{
    font-size: 1.1vmax;
    color: #F3921B;
    background: white;
}
.boton2{
    font-size: 1.1vmax;
    background: #F3921B;
    color: white;
}
.sfixed{
    position:fixed!important; 
    top:0;
    z-index: 9999;
    left: 0px;
    right: 0px ;
}
.primero{
    padding-top: 10vh;
}
.siguiantes{
    width: 30%;
}
.card1{
    width: 80%;
}
.flip-container {
    background-color: transparent;
    width: 100%;
    height: 18.9vmax;
    perspective: 1000px; 
}
.fondoadmin{
    background: url(../img/CORT3_INICIO_3.png) bottom center;
    background-size:cover;
    height: 100vh;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.cards2 {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
}
.flip-container:hover .cards2 {
    transform: rotateY(180deg);
}
.front, .back {
    position: absolute;
    width: 100%;
    height: 100%; 
    backface-visibility: hidden;
    display: block;
    align-items: center
}
.back {
    background-color: #F3921B;
    color: white;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 8%;
    padding-right: 8%;
    transform: rotateY(180deg);
}
  .logos2{
    width:80%
}
.padding5{
    padding-bottom: 5%;
}
.logoAdmin1{
    width: 80%
}
.logoAdmin2{
    width: 7%
}
.letra9{
    font-size: 4vmax;
    line-height: 1.1;
}
.logo1{
    width: 12em
}
.logoPer{
    width: 9%
}
.logoPer2{
    width: 40px
}
.logoPer3{
    width: 7%;
}
.bottom1{
    position: absolute;
    bottom: 1%;
    left: 0;
    right: 0;
}
.margen1{
    margin-top: 2%;
}
.iframe1{
    height:22vmax
}
.disenios{
    width:100%
}
.contrato{
    width:30%
}
.textoPleca::before{
    content: "";
    position: absolute;
    display: block;
    width: 10vmax;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 5vmax);
}
.textoPleca::after{
    content: "";
    position: absolute;
    display: block;
    width: 4vmax;
    height: 4px;
    background: #F3921B;
    bottom: 0;
    left: calc(50% - 2vmax);
}
#clickToChat-integration-container .fab--bottom-right {
    right: 1% !important;
    bottom: 0.8%!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;
}
.alineacion4{
    text-align: center;
}
@media (min-width: 1600px)  {
    .iframe1{
        height:16vmax
    }
    /* .flip-container {
        background-color: transparent;
        width: 100%;
        height: 40vh;
        perspective: 1000px; 
      } */
}
@media all and (min-width: 768px) and (max-width: 1024px) { 
    #whatsmenu{
        display: none!important;
    }
    #whatsmenu2{
        display: flex!important;
        position: fixed;
        bottom: 7%;
        right: 1%;
    }
    .iframe1{
        height:30vmax
    }
    .flip-container {
        background-color: transparent;
        width: 100%;
        height: 13.7vmax;
        perspective: 1000px; 
    }
    .logo{
        width: 10em
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 1vmax;
    } 
    .letraFooter1{
        font-size: 1vmax;
    }
    .letraFooter1s{
        font-size: 1vmax;
    }
    .letra3{
        font-size: 1.2vmax;
    }
    .letra4{
        font-size: 1.1vmax;
    }
    .letra4s{
        font-size: 0.8vmax;
    }
}
@media all and (min-width: 376px) and (max-width: 667px) {
    #whatsmenu{
        display: none!important;
    }
    #whatsmenu2{
        display: flex!important;
        position: fixed;
        bottom: 7%;
        right: 1%;
    }
    .disenios{
        width:50%
    }
    .iframe1{
        height:50vmax
    }
    .logo1{
        width: 100px
    }
    .inicioAdmin{
        position: absolute;
        top: 10%;
        bottom: 0;
        color: white!important;
    }
    .navbar-nav .nav-item .nav-link{
        color: #F3921B;
        font-size: 2vmax;
    }
    .dropdown-menu .dropdown-item{
        font-size: 2vmax;
    }
    .flip-container {
        background-color: transparent;
        width: 100%;
        height: 18vmax;
        perspective: 1000px; 
    }
    .letraFooter1{
        font-size: 1.3vmax;
    }
    .letraFooter1s{
        font-size: 1.3vmax;
    }
    .titulo{
        font-size: 3vmax;
    }
    .letra1{
        font-size: 1.5vmax;
    }
    .boton1{
        font-size: 2vmax;
    }
    .boton2{
        font-size: 1.7vmax;
        background: #F3921B;
        color: white;
    }
    .letra2{
        font-size: 2.3vmax;
    }
    .letra3{
        font-size: 1.6vmax;
    }
    .letra4{
        font-size: 1.4vmax;
    }
    .letra4s{
        font-size: 1vmax;
    }
    .letra5{
        font-size: 1.8vmax;
    }
    .letra6{
        font-size: 2.3vmax;
    }
    .margen1{
        margin-top: 10%;
    }
    #SAUP190122-btnGuardarFormulario-1{
        font-size: 2vmax;
    }
 }
@media (max-width: 375px) {
    .alineacion4{
        text-align: right;
    }
    .contrato{
        width:50%
    }
    .disenios{
        width:6vmax
    }
    .iframe1{
        height:50vmax
    }
    .margen1{
        margin-top: 10%;
    }
    .logo1{
        width: 100px
    }
    .logoPer{
        width: 15%
    }
    .logoPer2{
        width: 25px
    }
    .inicioAdmin{
        position: absolute;
        top: 10%;
        bottom: 0;
        color: white!important;
    }
    .flip-container {
        background-color: transparent;
        width: 100%;
        height: 31.3vmax;
        perspective: 1000px; 
    }
    /* .logos2{
        width:0%
    } */
    .padding4{
        padding-bottom: 5%;
    }
    .padding2{
        padding-bottom: 10%;
    }
    .logo{
        width: 8em
    }
    .logoF{
        width: 70%
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 2vmax;
    }
    .dropdown-menu .dropdown-item{
        font-size: 2vmax;
    }
    .letraFooter1{
        font-size: 1.5vmax;
    }
    .letraFooter1s{
        font-size: 1.5vmax;
    }
    .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;
    }
    #whatsmenu{
        display: none!important;
    }
    #whatsmenu2{
        display: flex!important;
        position: fixed;
        bottom: 7%;
        right: 1%;
    }
    .titulo{
        font-size: 3vmax;
    }
    .letra1{
        font-size: 1.5vmax;
    }
    .boton1{
        font-size: 2vmax;
    }
    .boton2{
        font-size: 1.7vmax;
        background: #F3921B;
        color: white;
    }
    .primero{
        padding-top: 10vh;
    }
    .siguiantes{
        width: 50%;
    }
    .letra2{
        font-size: 2.3vmax;
    }
    .letra3{
        font-size: 2.2vmax;
    }
    .letra4{
        font-size: 1.8vmax;
    }
    .letra4s{
        font-size: 1.8vmax;
    }
    .letra5{
        font-size: 1.8vmax;
    }
    .card1{
        width: 100%;
    }
    .letra6{
        font-size: 2.3vmax;
    }
    #SAUP190122-btnGuardarFormulario-1{
        font-size: 2vmax;
    }
}

.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);
}