body, html {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

body {
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 82%,rgba(161,205,246,1) 100%);
}

.indi {
    border: 1px solid red;
}

.center {
    text-align: center !important;
}

.left{
    text-align: left !important;
}

.right{
    text-align: right !important;
}

.noPadding {
    padding: 0 !important;
    margin: 0 !important;
}

.bold {
    font-weight: 700;
}
.resp {
    width: 100%;
    height: auto;
}
.red {
    color: #c11617;
}

#top {
    width: 100%;
    background-image: url("../images/back-top.png");
    background-repeat: no-repeat;
    background-size:100% auto;
}

.alto {
    height: auto;
    width: 100%;
}

#logSeg {
    width: 30%;
    height: auto;
    margin-top: 6vh;
}

.txtTop {
    width: 75%;
    color: #ffffff;
    font-size: 2em;
    margin: 0 auto;
    line-height: 1.2em;
}

#btnActiva {
    background-color: #c11617;
    color: #ffffff;
    text-decoration: none;
    font-size: 1em;
    margin-top: 3vh;
    padding: 1vh 10vh;
    border-radius: 45px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.35);
    border: none;
}

#logoInf {
    width: 25%;
    margin-left: 39%;
    margin-top: 6%;
    margin-bottom: 2%;
}


.quest {
    font-size: 2.8em;
    font-weight: 900;
    line-height:1.3em;
    margin-top: 5vh;
}

.icons-red {
    width: 40%;
    height: auto;
    margin: 5% auto 2% auto;
}

.bord-left {
    border-left: solid 1px #a8a8a8;
}

.cantAzul {
    font-size: 6em;
    color: #1442f1;
    padding-bottom: 0px !important;
    margin-bottom: 0 !important;
    line-height: 1em;
}

.txtBullets {
    font-size: 1.2em;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
.txtBullets-big {
    font-size: 2em;
    line-height: 1.1em;
}

.gris {
    color: #a4a4a4;
    font-size: .8em;
}
.azulTiny {
    font-size: .3em;
}
.negro {
    color: #000000 !important;
}
.blanco {
    color: #ffffff !important;
}
.azulTxt {
    color: #1b2fbc !important;
}

#frRed {
    padding-top: 6%;
}

.segTot {
    font-size: 2.5em;
    background-color: #c11617;
    color: #ffffff;
    width: 80%;
    margin: 0 auto;
    padding: 1% 3%;
    border-radius: 30px;
}

#desplegables {
    padding: 5%;
}

.layerExpand {
    width: 90%;
    margin: 0 auto;
    padding: 1%;
    position: relative;
}

#expand1 {
    background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 29%,rgba(20,66,241,1) 77%);
    border-radius: 0px 20px 20px 0px;
    margin-top: 6vw;
}

#expand2 {
    background: linear-gradient(to right,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
    border-radius: 20px 0px 0px 20px;
    margin-top: 15vw;
}

#expand3 {
    background: linear-gradient(to left,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
    border-radius: 0px 20px 20px 0px;
    margin-top: 9vw;
}

#expand4 {
    background: linear-gradient(45deg,  rgba(0,116,238,1) 2%,rgba(0,192,250,1) 40%,rgba(255,255,255,0) 75%);
    border-radius: 20px 0px 0px 20px;
    margin-top: 12vw;
}

#expand5 {
    background: linear-gradient(to left,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
    border-radius: 0px 20px 20px 0px;
    margin-top: 12vw;
}

.fotoExpand {
    position: absolute;
    top: -6vw;
    width: 40%;
    height: auto;
}
.txtExpand {
    width: 65%;
    margin-left: 35%;
}

.fotoExpand2 {
    position: absolute;
    top: -12vw;
    right: 0%;
    width: 40%;
    height: auto;
}

#foto4 {
    position: absolute;
    top: -5vw;
    right: 0%;
    width: 40%;
    height: auto;
}

.txtExpand2 {
    width: 50%;
    margin-left: 6%;
}
.txtExIn {
    color: #ffffff;
    font-weight: 700;
    font-size: 2em;
    line-height: 1.2em;
}

.btnExpand {
    position:absolute;
    bottom: -30px;
    right: 5%;
    width: 20%;
}

.btnExpand2 {
    position:absolute;
    bottom: -30px;
    left: 5%;
    width: 20%;
}

.btnExpand:focus, .btnExpand2:focus {
    border: none !important;
    box-shadow: none !important;
}

.btn .btn-primary {
    border: none !important;
    box-shadow: none !important;
}

.btn-primary:active:focus {
    border: none !important;
    box-shadow: none !important;
}

input:focus, select:focus, select, input.form-control:focus, button:focus, button.active:focus, .btn-primary:hover, .btn-primary:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btnExpand a, .btnExpand2 a {
    background: none !important;
    border: none !important;
}

.listasExpand {
    color: #ffffff;
    font-size: 1.2em;
    list-style-type:square;
}

li::marker {
    color: red;
  }

.trans {
    background: transparent !important;
    border: none !important;
}
table {
    width: 100% !important;
 }
 tbody {
    width: 100% !important;
    display: table;
 }

#degClose {
    background: linear-gradient(to bottom,  rgba(158,24,56,1) 0%,rgba(225,31,38,1) 66%);
    padding: 2vw 5vw;
    width: 70%;
    margin: 7vw auto;
    color: #ffffff;
    border-radius: 50px; 
}


 a {
    text-decoration: none !important;
}

.bigClose {
    font-size: 2.5em;
    line-height: 1.2em;
}
.sub {
    text-decoration: underline;
}
.txtClose {
    font-weight: 100;
    font-size: 1.2em;
    line-height: 1.2em;
}
.tinyClose {
    font-size: .7em;
}




/*///////////////////////////// TABLET ///////////////////////*/
@media (min-width: 768px) and (max-width: 991px) {
    .bord-left {
        border-left: none !important;
    }
    #top {
        background-size:auto 100%;
        background-position: 15% 0%;
    }
    .azul {
        background-color:#2726ff;
    }
    #logSeg {
        width: 60%;
        margin-top: 2vh;
    }
    .txtTop {
        width: 90%;
        font-size: 2.7em;
    }
    #btnActiva {
        font-size: 1.8em;
        margin-top: 3vh;
        padding: 1vh 15vh;
    }
    #logoInf {
        width: 40%;
        margin: 0% auto 5% auto;
    }
    .quest {
        font-size: 3.5em;
    }
    .cantAzul {
        font-size: 8em;
    }
    .txtBullets {
        font-size: 2em;
    }
    .txtBullets-big {
        font-size: 2.5em;
        line-height: 1.1em;
    }
    .segTot {
        font-size: 3em;
        width: 96%;
        padding: 1% 3%;
    }
    .fotoExpand {
        position: relative;
        width: 100%;
        height: auto;
        margin:0 auto;
        top: -8vw;
    }
    .fotoExpand2 {
        position: relative;
        width: 100%;
        height: auto;
        margin:0 auto;
        top: -8vw;
    }
    #foto4 {
        position: relative;
        width: 100%;
        height: auto;
        margin:0 auto;
        top: -8vw;
    }
    .txtExpand {
        width: 100%;
        margin-left: 0%;
        margin-top: -6vw;
    }
    .txtExpand2 {
        width: 100%;
        margin-left: 0%;
        margin-top: -6vw;
    }
    .txtExIn {
        font-size: 2.4em;
        line-height: 1.2em;
        margin: 0;
    }
    .btnExpand {
        position:absolute;
        bottom: -50px;
        left: 25%;
        width: 50%;
    }
    .btnExpand2 {
        position:absolute;
        bottom: -50px;
        left: 25%;
        width: 50%;
    }
    .listasExpand {
        font-size: 1.8em;
    }
    #expand2 {
        margin-top: 16vw;
    }
    #expand2 {
        background: linear-gradient(to top,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 25vw;
    }
    #expand3 {
        background: linear-gradient(to top,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 25vw;
    }
    #expand4 {
        background: linear-gradient(0deg,  rgba(0,116,238,1) 2%,rgba(0,192,250,1) 40%,rgba(255,255,255,0) 75%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 22vw;
    }
    #expand5 {
        background: linear-gradient(to top,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 26vw;
    }
    #degClose {
        width: 94%;
    }

}

/*///////////////////////////// SMARTPHONE ///////////////////////*/
@media (min-width: 320px) and (max-width: 767px) {
    .bord-left {
        border-left: none !important;
    }
    #top {
        background-size:auto 100%;
        background-position: 15% 0%;
    }
    #logSeg {
        width: 50%;
        height: auto;
        margin-top: 2vh;
    }
    .azul {
        background-color:#2726ff;
    }
    .txtTop {
        width: 90%;
    }
    #logoInf {
        width: 40%;
        margin: 0% auto 5% auto;
    }
    .quest {
        line-height:1.2em;
        font-size: 2.2em;
    }
    .txtBullets-big {
        font-size: 2.1em;
        line-height: 1.1em;
    }
    .segTot {
        font-size: 2.5em;
        width: 96%;
        padding: 3% 3%;
        line-height: 1.2em;
    }
    .fotoExpand {
        position: relative;
        width: 100%;
        height: auto;
        margin:0 auto;
        top: -8vw;
    }
    .fotoExpand2 {
        position: relative;
        width: 100%;
        height: auto;
        margin:0 auto;
        top: -8vw;
    }
    #foto4 {
        position: relative;
        width: 100%;
        height: auto;
        margin:0 auto;
        top: -8vw;
    }
    .txtExpand {
        width: 100%;
        margin-left: 0%;
    }
    .txtExpand2 {
        width: 100%;
        margin-left: 0%;
    }
    .txtExIn {
        font-size: 2em;
        line-height: 1.2em;
        margin: 0;
    }
    .btnExpand {
        position:relative;
        bottom: 1vw;
        left: 7%;
        width: 86%
    }
    .btnExpand2 {
        position:relative;
        bottom: 1vw;
        left: 7%;
        width: 86%;
    }
    .layerExpand {
        width: 98%;
    }
    #expand2 {
        margin-top: 20vw;
    }
    #expand1 {
        background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 29%,rgba(20,66,241,1) 77%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 6vw;
    }
    #expand2 {
        background: linear-gradient(to top,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 30vw;
    }
    #expand3 {
        background: linear-gradient(to top,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 30vw;
    }
    #expand4 {
        background: linear-gradient(0deg,  rgba(0,116,238,1) 2%,rgba(0,192,250,1) 40%,rgba(255,255,255,0) 75%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 30vw;
    }
    #expand5 {
        background: linear-gradient(to top,  rgba(242,242,243,1) 23%,rgba(255,255,255,0.5) 71%,rgba(255,255,255,0) 100%);
        border-radius: 0px 0px 20px 20px;
        margin-top: 30vw;
    }
    #degClose {
        width: 94%;
    }
}