.ClipInicial {
    position:relative;
    width:100%;
    height:1000px;
    line-height:0;
}

.elemento {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    z-index:1;
}

.ClipVariables {
    position:absolute;
    top:33%;
    left:18%;
    z-index:1;
}

.titulo {
    height:280px;
    margin-bottom:20px;
}

.ClipVariables h3 {
    font-size:35px;
    color:#005AFF;
    margin:-40px 0 30px;
}

.ClipDatos {
    display:inline-block;
    width:100%;
    margin-top:18px;
    padding-bottom:10px;
}

.ClipVariables p {
    font-family:'montserratregular', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:23px;
    color:#001E32;
    margin-top:2px;
}

.ClipVariables p span {
    font-family:'montserratextrabold', Arial, Helvetica, sans-serif;
}

.ClipPortada.beige {
    height:900px;
    text-align:center;
    padding:0;
    margin-bottom:130px;
    background:#FFF;
    z-index:2;
}

.logo-gr {
    width:570px;
}

.ClipPortada.logos-ayd.pre-final {
    position:relative;
    text-align:center;
    margin-top:-236px;
    padding:230px 0 190px;
    -webkit-clip-path:polygon(0 15%, 0 100%, 100% 100%, 100% 0);
    clip-path:polygon(0 15%, 0 100%, 100% 100%, 100% 0);
    z-index:4;
}

.ClipLogo-pre, .ClipLogo-post {
    display:inline-block;
}

.pre-final .ClipLogo-pre, .pre-final .ClipLogo-post {
    margin:0 30px;
}

.pre-final .logo-pre, .pre-final .logo-post {
    width:80%;
}

.logos-ayd .ClipFlecha.packs {
    bottom:440px;
    width:auto;
    height:auto;
}

.flecha {
    width:22px;
}

.ClipPortada.logos-ayd p {
    font-family:'montserratregular', Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:23px;
    margin-top:22px;
}

.ClipPortada.logos-ayd p span {
    font-family:'montserratextrabold', Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:23px;
}

.bg-pack-dog {
    position:relative;
    width:100%;
}

.pack-violeta {
    position:absolute;
    width:60%;
    top:7%;
    left:21%;
    z-index:3;
}

.bg-final {
    position:relative;
    width:100%;
    text-align:center;
    padding:0;
    margin-top:-230px;
    -webkit-clip-path:polygon(0 15%, 0 100%, 100% 100%, 100% 0);
    clip-path:polygon(0 15%, 0 100%, 100% 100%, 100% 0);
    overflow:hidden;
    z-index:2;
}

.packs-finales {
    position:absolute;
    width:65%;
    top:14%;
    left:18%;
    z-index:3;
}


/*/// Queries ///*/

@media screen and (max-width:1690px) {
    .ClipVariables { top:31%; left:12%; }
    .pack-violeta { top:9%; }
}

@media screen and (max-width:1590px) {
    .ClipInicial { height:830px; }
    .ClipVariables { top:34%; }
    .pack-violeta { top:8%; }
}

@media screen and (max-width:1490px) {
    .ClipVariables { top:32%; left:7%; }
    .ClipPortada.beige { height:800px; }
    .pack-violeta { top:7%; left:23%; width:56%; }
}

@media screen and (max-width:1350px) {
    .ClipVariables { top:28%; left:6%; }
    .titulo { height:250px; }
    .ClipPortada.beige { height:700px; margin:-120px auto 90px; }
    .logo-gr { width:500px; }
}

@media screen and (max-width:1270px) {
    .ClipInicial { height:890px; }
    .ClipVariables { top:22%; }
    .titulo { height:190px; }
    .ClipVariables h3 { font-size:28px; margin:-40px 0 20px; }
    .ClipVariables p { font-size:15px; line-height:22px; margin-top:1px; }
    .ClipPortada.beige { height:680px; margin:-310px auto 180px; }
    .logo-gr { width:420px; }
    .bg-pack-dog .thumb { width:120%; margin-top:-130px; }
    .bg-final .thumb { width:120%; margin-top:-130px; }
    .pack-violeta { top:-12%; left:19%; width:63%; }
    .packs-finales { top:11%; left:15%; width:69%; }
}

@media screen and (max-width:1023px) {
    .ClipInicial { height:500px; }
    .ClipVariables { top:30%; left:5%; }
    .titulo { height:160px; }
    .ClipVariables h3 { font-size:25px; }
    .ClipPortada.beige { height:600px; margin:-100px auto 60px; }
    .logo-gr { width:370px; }
    .bg-pack-dog .thumb { width:160%; }
    .bg-final .thumb { width:160%; margin-top:-160px; }
    .pack-violeta { top:0; left:14%; width:72%; }
    .packs-finales { top:16%; left:10%; width:78%; }
}

@media screen and (max-width:767px) {
    .ClipInicial { height:500px; }
    .ClipVariables { top:25%; }
    .titulo { height:140px; }
    .ClipPortada.beige { height:440px; margin-top:-120px; margin-bottom:190px; }
    .logo-gr { width:300px; }
    .bg-pack-dog .thumb { width:150%; }
    .pack-violeta { top:-20%; left:15%; width:70%; }
    .packs-finales { width:80%; top:11%; left:9%; }
}

@media screen and (max-width:639px) {
    .titulo { height:100px; }
    .ClipVariables { top:23%; }
    .ClipVariables h3 { font-size:23px; margin:-40px 0 20px; }
    .ClipDatos { padding-right:40px; }
    .ClipVariables p { font-size:14px; line-height:22px; color:#005AFF; margin-top:0; }
    .ClipPortada.beige { height:440px; margin-top:-200px; margin-bottom:150px; }
    .bg-final { -webkit-clip-path:polygon(0 10%, 0 100%, 100% 100%, 100% 0); clip-path: polygon(0 10%, 0 100%, 100% 100%, 100% 0); }
    .logo-gr { width:250px; }
    .bg-pack-dog .thumb, .bg-final .thumb { width:180%; }
}

@media screen and (max-width:479px) {
    .ClipInicial { height:700px; }
    .elemento { right:-90px; width:170%; }
    .ClipVariables { top:54%; }
    .titulo { height:120px; }
    .ClipPortada.beige { margin-top:-70px; margin-bottom:220px; }
    .bg-pack-dog .thumb, .bg-final .thumb { width:200%; }
    .packs-finales { top:16%; }
}

@media screen and (max-width:419px) {
    .pack-violeta { top:-22%; }
}

@media screen and (max-width:399px) {
    .pack-violeta { top:-25%; }
}

@media screen and (max-width:392px) {
    .ClipVariables { top:49%; }
    .logo-gr { width:240px; }
    .pack-violeta { top:-28%; }
}

@media screen and (max-width:374px) {
    .pack-violeta { top:-28%; }
    .bg-final { margin-top:-200px; }
}

@media screen and (max-width:359px) {
    .ClipVariables { top:44%; }
    .ClipPortada.beige { margin-top:-170px; margin-bottom:170px; }
    .logo-gr { width:220px; }
    .pack-violeta { top:-38%; }
    .packs-finales { top:13%; }
}