.ClipInicial {
    position:relative;
    width:100%;
    background:#FFF;
    padding-bottom:70px;
    z-index:2;
}

.ClipItems {
    display:inline-block;
    width:21%;
    padding-top:10px;
    margin-left:90px;
}

.item-1 {
    width:49%;
    padding-top:10px;
    margin-left:45px;
}

.item-2 {
    width:95%;
    margin-top:-10px;
    margin-left:-20px;
}

.item-3 {
    width:72%;
    margin-left:22px;
}

.elemento {
    position:absolute;
    top:-20px;
    right:-3px;
    width:47%;
}

.ClipVariables {
    position:absolute;
    top:30%;
    left:27%;
}

.titulo {
    height:100px;
    margin-bottom:50px;
}

.ClipVariables h3 {
    /*font-family:'montserratextrabold', Arial, Helvetica, sans-serif;*/
    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:#0F2032;
    margin-top:2px;
}

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

.ClipPortada.beige {
    height:1100px;
    text-align:center;
    padding:0;
}

.logo-gr {
    width:700px;
}

.ClipPortada.white-x2 {
    flex-direction:row;
    align-items:center;
}

.ClipImagen {
    margin-top:50px;
}

.ClipTextos {
    float:left;
    width:50%;
    padding-right:60px;
}

.ClipTexto {
    float:right;
    width:298px;
    font-family:'montserratextrabold', Arial, Helvetica, sans-serif;
    text-align:left;
}

.frase-1 {
    font-size:33px;
    line-height:37px;
    color:#001E32;
}

.frase-1 span {
	font-size:33px;
    line-height:37px;
    color:#005AFF;
}

.inverse .frase-2 {
    font-size:27px;
    line-height:31px;
    color:#001E32;
}

.inverse .frase-2 span {
	display:inline-block;
	font-family:'montserratregular', Arial, Helvetica, sans-serif;
	font-size:27px;
    line-height:31px;
    margin-top:2px;
}

.ClipPackPapel {
    float:right;
    width:43%;
    margin-right:-230px;
}

.pack-papel {
    width:100%;    
}

.inverse .ClipTextos {
    float:left;
    padding:0 0 0 140px;
}

.inverse .ClipTextos.mobile {
    display:none;
}

.inverse .ClipTexto {
    float:left;
    width:300px;
}

.inverse .ClipPackPapel {
    float:left;
    margin-left:-375px;
    margin-right:0;
}

.ClipPortada.logos-ayd {
    text-align:center;
    padding:240px 0 340px;
}

.logos-ayd .ClipImagen {
    margin-top:0;
    margin-left:52px;
}

.ClipLogo-pre, .ClipLogo-post {
    display:inline-block;
    margin:0 100px;
}

.logo-pre {
    width:380px;
    margin-bottom:3px;
}

.logo-post {
    width:430px;
}

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

.flecha {
    width:22px;
}

.ClipPortada.logos-ayd.pre-final {
    padding:220px 0 380px;
}

.logos-ayd.pre-final .ClipImagen {
    margin-left:4px;
}

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

.pre-final .logo-pre {
    width:570px;
}

.pre-final .logo-post {
    width:570px;
}

.logos-ayd .ClipFlecha.packs {
    bottom:650px;
}

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

.pack-violeta {
    position:absolute;
    top:15%;
    left:5%;
    width:95%;
    z-index:3;
}

.ClipPortada.bg-final {
    height:900px;
    text-align:center;
    padding:100px 0 0;
    margin-top:-180px;
    background-size:cover;
    background-position:center;
    background-color:#F9F9FA;
    -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;
}

.bg-final .ClipImagen {
    margin-top:-30px;
}

.packs-finales {
    width:90%;
    margin:auto;
}


/*/// Queries ///*/

@media screen and (max-width:1490px) {
    .ClipInicial { padding-bottom:0; }
    .ClipItems { width:23%; margin-left:80px; }
    .elemento { top:10px; width:45%; }
    .ClipVariables { top:35%; left:30%; }
	.ClipPackPapel { margin-right:-150px; }
	.inverse .ClipPackPapel { width:53%; margin-left:-200px; }
	.ClipTextos { padding-right:30px; }
	.ClipTexto { width:330px; padding-right:37px; }
	.inverse .ClipTexto { width:300px; }
	.ClipPortada.beige { height:800px; }
	.ClipImagen { margin-top:40px; }
	.logo-gr { width:600px; }
    .ClipPortada.logos-ayd { padding:200px 0 300px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 90px; }
    .logos-ayd .ClipFlecha { bottom:454px; }
    .ClipPortada.logos-ayd.pre-final { padding:200px 0 350px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 70px; }
    .pre-final .logo-pre { width:480px; }
    .pre-final .logo-post { width:480px; }
    .logos-ayd .ClipFlecha.packs { bottom:584px; }
    .pack-violeta { top:17%; left:6%; width:92%; }
}

@media screen and (max-width:1350px) {
    .elemento { top:40px; width:42%; }
    .ClipVariables { top:34%; left:31%; }
    .titulo { height:90px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 80px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 60px; }
}

@media screen and (max-width:1270px) {
    .ClipItems { width:25%; padding-top:40px; margin-left:60px; }
    .elemento { width:43%; top:60px; right:-33px; }
    .ClipVariables { top:33%; left:33%; }
    .titulo { height:80px; }
    .ClipVariables h3 { font-size:28px; margin:-45px 0 22px; }
    .ClipVariables p { font-size:15px; line-height:22px; margin-top:1px; }
    .ClipPortada.beige { height:570px; margin-bottom:90px; }
    .logo-gr { width:500px; }
    .ClipPortada.bg-final { height:800px; }
    .ClipPackPapel { width:60%; margin-right:-100px; }
    .ClipTextos { padding-right:0; }
    .inverse .ClipPackPapel { width:70%; margin-left:-170px; }
    .inverse .ClipTextos { margin-top:-80px; padding-left:100px; }
    .ClipPortada.logos-ayd { padding:150px 0 220px; }
    .logos-ayd .ClipImagen { margin-left:30px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 60px; }
    .logo-pre { width:300px; margin-bottom:-2px; }
    .logo-post { width:330px; }
    .logos-ayd .ClipFlecha { bottom:348px; }
    .pre-final .logo-pre { width:360px; }
    .pre-final .logo-post { width:360px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 50px; }
    .logos-ayd .ClipFlecha.packs { bottom:532px; }
    .packs-finales { width:93%; }
}

@media screen and (max-width:1023px) {
    .ClipInicial { margin-bottom:50px; }
    .ClipItems { display:none; }
    .ClipVariables { position:relative; left:60px; }
    .elemento { position:relative; width:100%; top:10px; right:-10px; margin-bottom:-50px; }
    .ClipPortada.beige { height:500px; margin-bottom:50px; }
    .ClipPortada.beige .ClipImagen { margin-top:40px; }
    .ClipPortada.beige.nena-olla .ClipImagen { margin-top:120px; }
    .ClipPortada.logos-ayd { padding:110px 0 220px; }
    .bg-pack-violeta { margin-top:-30px; }
    .logo-gr { width:480px; }
    .ClipPortada.white-x2 { flex-direction:column; }
    .logos-ayd .ClipFlecha { bottom:314px; }
    .flecha { width:18px; }
    .ClipTextos { width:100%; padding-right:0; }
    .ClipTexto { float:left; width:100%; max-width:initial; margin:0 0 0 86px; padding:70px 0 40px; }
    .ClipPackPapel { width:115%; margin-right:-190px; }
    .inverse .ClipPackPapel { width:92%; margin:30px auto 0; }
    .inverse .ClipTextos.desktop { display:none; }
    .inverse .ClipTextos.mobile { display:inline-block; }
    .inverse .ClipTextos { padding-left:0; padding-right:0; }
    .inverse .ClipTexto { float:left; width:100%; max-width:initial; margin:0 0 0 86px; padding:170px 0 0; }
    .logos-ayd .ClipImagen { margin-left:22px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 50px; }
    .logo-pre { width:226px; margin-bottom:-3px; }
    .logo-post { width:250px; }
    .logos-ayd .ClipFlecha { bottom:322px; }
    .ClipPortada.logos-ayd.pre-final { padding:150px 0 320px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 40px; }
    .pre-final .logo-pre { width:260px; margin-bottom:0; }
    .pre-final .logo-post { width:260px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:458px; }
    .pack-violeta { top:12%; left:1%; width:100%; }
	.ClipPortada.bg-final { height:570px; }
	.ClipImagen { margin-top:0; }
}

@media screen and (max-width:767px) {
	.ClipVariables { left:40px; }
    .logo-gr { width:400px; }
    .ClipPortada.logos-ayd { padding:110px 0 210px; }
    .ClipLogo-pre { margin:0 40px 0 0; }
    .ClipLogo-post { margin:0 0 0 40px; }
    .logo-pre { width:206px; margin-bottom:-1px; }
    .logo-post { width:230px; }
	.logos-ayd .ClipFlecha { bottom:306px; }
    .ClipPortada.logos-ayd.pre-final { padding:110px 0 190px; }
    .logos-ayd.pre-final .ClipImagen { margin-left:0; }
    .pre-final .ClipLogo-pre { margin:0 35px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 35px; }
    .pre-final .logo-pre { width:220px; }
    .pre-final .logo-post { width:220px; }
	.logos-ayd.pre-final .ClipFlecha.packs { bottom:312px; }
    .ClipPortada.bg-final { height:460px; margin-top:-85px; }
	.ClipPortada.bg-final .ClipImagen { margin-top:-30px; }
}

@media screen and (max-width:639px) {
    .elemento { margin-bottom:0; }
    .ClipVariables { left:25px; }
    .titulo { height:60px; margin-bottom:57px; }
    .ClipVariables h3 { font-size:25px; margin:-53px 0 10px; }
    .ClipVariables p { font-size:14px; line-height:22px; margin-top:0; }
    .ClipPortada.beige { height:400px; }
    .ClipPortada.beige .ClipImagen { margin-top:0; }
    .logo-gr { width:300px; }
    .ClipTexto { margin:0 0 0 50px; padding:20px 0 10px; }
    .frase-1, .frase-1 span { font-size:27px; line-height:31px; }
    .inverse .frase-2, .inverse .frase-2 span { font-size:25px; line-height:29px; }
    .ClipPackPapel { width:112%; margin-top:30px; margin-right:-106px; }
    .inverse .ClipTexto { padding:200px 0 0 0; margin-left:50px; }
    .inverse .frase-B-1.D-M { display:inline-block; }
    .inverse .frase-B-1.tablet { display:none; }
    .inverse .frase-B-1 { font-size:27px; line-height:31px; }
    .inverse .frase-B-2 { width:230px; font-size:25px; line-height:29px; margin-top:2px; }
    .inverse .ClipPackPapel { width:90%; margin:40px auto; }
    .inverse .pack-papel { width:100%; }
    .ClipPortada.logos-ayd { padding:70px 0 180px; }
    .logos-ayd .ClipImagen { margin-left:0; }
    .ClipLogo-pre { margin:0 28px 0 0; }
    .ClipLogo-post { margin:0 0 0 28px; }
    .logo-pre { width:142px; margin-bottom:0; }
    .logo-post { width:160px; }
    .logos-ayd .ClipFlecha { bottom:260px; }
    .flecha { width:14px; margin-left:-18px; }
    .ClipPortada.logos-ayd.pre-final { padding:100px 0 150px; }
    .pre-final .ClipLogo-pre { margin:0 25px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 25px; }
    .pre-final .logo-pre { width:160px; }
    .pre-final .logo-post { width:160px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:250px; }
    .ClipFlecha.packs .flecha { margin-left:0; }
    .ClipPortada.logos-ayd p { font-size:17px; line-height:22px; }
    .ClipPortada.logos-ayd p span { font-size:17px; line-height:22px; }
    .bg-pack-violeta .thumb.desktop { display:none; }
    .bg-pack-violeta .thumb.mobile { display:inline-block; }
    .pack-violeta { top:20%; left:-18%; width:136%; }
    .ClipFotos .thumb.desktop, .bg-pack-x3 .thumb.desktop { display:none; }
    .ClipFotos .thumb.mobile, .bg-pack-x3 .thumb.mobile { display:inline-block; }
    .pack-x3 { top:31%; left:2.4%; width:95%; }
    .ClipPortada.bg-final { height:420px; margin-top:-75px; }
    .ClipDatos { padding-right:20px; margin-top:22px; }
    .ClipPortada.bg-final .ClipImagen { margin-top:-57px; }
    .packs-finales { width:95%; }
}

@media screen and (max-width:429px) {
    .ClipLogo-pre { margin:0 22px 0 0; }
    .ClipLogo-post { margin:0 0 0 22px; }
    .pre-final .ClipLogo-pre { margin:0 20px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 20px; }
}

@media screen and (max-width:399px) {
    .logo-pre { width:132px; }
    .logo-post { width:150px; }
    .logos-ayd .ClipFlecha { bottom:256px; }
    .ClipPortada.logos-ayd.pre-final { padding:110px 0 160px; }
    .pre-final .logo-pre { width:150px; }
    .pre-final .logo-post { width:150px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:254px; }
}

@media screen and (max-width:390px) {
    .titulo { height:57px; }
    .logo-gr { width:270px; }
    .frase-1, .frase-1 span { font-size:25px; line-height:29px; }
    .inverse .frase-1, .inverse .frase-1 span { font-size:25px; line-height:29px; }
    .inverse .frase-2, .inverse .frase-2 span { font-size:23px; line-height:27px; }
    .ClipPortada.logos-ayd { padding:80px 0 140px; }
    .logo-pre { width:122px; }
    .logo-post { width:140px; }
    .logos-ayd .ClipFlecha { bottom:210px; }
    .ClipPortada.logos-ayd.pre-final { padding:90px 0 140px; }
    .pre-final .logo-pre { width:130px; }
    .pre-final .logo-post { width:130px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:228px; }
    .ClipPortada.logos-ayd p { font-size:16px; line-height:21px; }
    .ClipPortada.logos-ayd p span { font-size:16px; line-height:21px; }
    .ClipPortada.bg-final { height:390px; margin-top:-55px; }
    .inverse .ClipPackPapel { margin:30px auto 40px; }
}

@media screen and (max-width:359px) {
    .titulo { height:53px; }
    .ClipVariables { left:20px; }
    .ClipVariables h3 { font-size:23px; }
	.ClipVariables p { font-size:13px; line-height:21px; }
    .ClipPortada.beige { height:350px; margin-bottom:20px; }
    .logo-gr { width:240px; }
    .logo-pre { width:102px; }
    .logo-post { width:120px; }
	.logos-ayd .ClipFlecha { bottom:206px; }
    .flecha { width:12px; margin-left:-16px; }
    .pre-final .logo-pre { width:110px; }
    .pre-final .logo-post { width:110px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:220px; }
}