.ClipInicial {
    position:relative;
    width:100%;
    background:#FFF;
    padding-bottom:95px;
    /* margin-bottom: -200px; */
    /* overflow: hidden; */
    /* -webkit-clip-path: polygon(0 0, 0 100%, 490% 0, 100% 0); */
    /* clip-path: polygon(0 0, 0 100%, 490% 0, 100% 0); */
    z-index:2;
}

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

.item-1 {
    width:90%;
    padding-top:10px;
    margin-left:25px;
    margin-bottom:-65px;
}

.item-2 {
    width:100%;
    margin-bottom:-10px;
}

.item-3 {
    width:70%;
    margin-left:50px;
}

.elemento {
    position:absolute;
    right:-30px;
    width:37%;
}

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

.titulo {
    height:104px;
    margin-bottom:60px;
}

.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:900px;
    text-align:center;
    padding:0;
    margin-top:-120px;
    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;
}

.logo-elite {
    width:600px;
}

.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:30px;
    color:#001E32;
}

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

.ClipPackPapel {
    float:right;
    width:50%;
    margin-right:-280px;
}

.pack-papel {
    width:100%;    
}

.inverse .ClipTextos {
    float:left;
    padding-left:100px;
    padding-right:0;
}

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

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

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

.ClipPortada.logos-ayd {
    text-align:center;
    padding:250px 0 300px;
}

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

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

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

.logo-pre {
    width:370px;
    margin-bottom:5px;
}

.logo-post {
    width:380px;
}

.pre-final .logo-pre {
    width:444px;
    margin-bottom:14px;
}

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

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

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

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

.pack-violeta {
    position:absolute;
    width:50%;
    top:9%;
    left:25%;
    z-index:3;
}

.bg-pack-x3 {
	margin:-10px auto; 
}

.pack-x3 {
    position:absolute;
    width:70%;
    top:21%;
    left:15%;
    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;
}

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


/*/// Queries ///*/

@media screen and (max-width:1690px) {
    .ClipPortada.beige { height:800px; }
    .logo-elite { width:530px; }
    .ClipPortada.logos-ayd { padding:220px 0 270px; }
    .ClipPortada.logos-ayd.pre-final { padding:170px 0 220px; }
    .logos-ayd .ClipFlecha { bottom:420px; }
    .logos-ayd .ClipFlecha.packs { bottom:470px; }
}

@media screen and (max-width:1490px) {
    .ClipVariables { top:22%; left:28%; }
	.elemento { width:40%; right:0; }
	.ClipPackPapel { width:55%; margin-right:-170px; }
	.inverse .ClipPackPapel { width:53%; margin-left:-200px; }
	.ClipTextos { padding-right:70px; }
	.ClipTexto { width:330px; padding-right:37px; }
	.inverse .ClipTexto { width:300px; }
	.ClipPortada.beige { height:700px; }
	.ClipImagen { margin-top:40px; }
	.logo-elite { width:440px; }
	.pack-violeta { top:11%; }
	.packs-finales { width:93%; }
}

@media screen and (max-width:1350px) {
    .ClipVariables { top:20%; left:29%; }
    .ClipPortada.bg-final { height:850px; }
    .logo-elite { width:400px; }
    .ClipPortada.logos-ayd { padding:200px 0 250px; }
    .ClipPortada.logos-ayd.pre-final { padding:150px 0 200px; }
    .logo-pre { width:326px; }
    .logo-post { width:340px; }
    .pre-final .logo-pre { width:414px; margin-bottom:13px; }
    .pre-final .logo-post { width:414px; }
    .logos-ayd .ClipFlecha { bottom:390px; }
    .logos-ayd .ClipFlecha.packs { bottom:436px; }
}

@media screen and (max-width:1270px) {
    .ClipInicial { padding-bottom:140px; }
    .ClipItems { width:20%; padding-top:30px; margin-left:70px; }
    .elemento { width:47%; top:50px; right:-40px; }
    .ClipVariables { top:22%; left:32%; }
    .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:640px; }
    .logo-elite { width:360px; }
    .ClipPortada.logos-ayd { padding:180px 0 230px; }
    .ClipPortada.logos-ayd.pre-final { padding:130px 0 180px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 90px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 60px; }
    .logo-pre { width:286px; }
    .logo-post { width:300px; }
    .pre-final .logo-pre { width:374px; margin-bottom:10px; }
    .pre-final .logo-post { width:374px; }
    .logos-ayd .ClipFlecha { bottom:354px; }
    .logos-ayd .ClipFlecha.packs { bottom:396px; }
    .ClipPortada.bg-final { height:800px; }
}

@media screen and (max-width:1023px) {
    .ClipInicial { padding-bottom:150px; margin-bottom:-150px; }
    .ClipItems { width:30%; padding-top:50px; margin-left:30px; }
    .ClipVariables { position:relative; top:40px; left:60px; }
    .elemento { width:83%; right:-170px; bottom:50px; }
    .elemento-mobile { display:inline-block; }
    .ClipPortada.beige { height:900px; }
    .ClipPortada.beige .ClipImagen { margin-top:40px; }
    .ClipPortada.beige.nena-olla .ClipImagen { margin-top:120px; }
    .ClipPortada.logos-ayd { padding:160px 0 210px; }
    .ClipPortada.logos-ayd.pre-final { padding:120px 0 160px; }
    .bg-pack-violeta { margin-top:-30px; }
    .logo-elite { width:350px; }
    .ClipPortada.white-x2 { flex-direction:column; }
    .ClipTextos { width:100%; padding-right:0; }
    .ClipTexto, .inverse .ClipTexto { float:none; width:100%; padding:90px 0 20px 130px; }
    .ClipPackPapel { width:115%; margin-right:-150px; }
    .inverse .ClipPackPapel { width:106%; margin-top:30px; margin-left:-160px; }
    .inverse .ClipTextos.desktop { display:none; }
    .inverse .ClipTextos.mobile { display:inline-block; }
    .inverse .ClipTextos { padding-left:0; padding-right:0; }
   
    .ClipLogo-pre, .ClipLogo-post { margin:0 60px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 40px; }
    .logo-pre { width:226px; }
    .logo-post { width:240px; }
    .pre-final .logo-pre { width:270px; margin-bottom:8px; }
    .pre-final .logo-post { width:270px; }
    .logos-ayd .ClipFlecha { bottom:312px; }
    .logos-ayd .ClipFlecha.packs { bottom:320px; }
	.pack-violeta { top:7%; left:23%; width:55%; }
	.ClipPortada.bg-final { height:570px; }
	.ClipImagen { margin-top:0; }
}

@media screen and (max-width:767px) {
	.ClipItems { padding-top:50px; margin-left:30px; }
	.ClipVariables { left:40px; }
	.elemento { top:75px; right:-160px; width:86%; }
	.ClipPortada.beige { height:800px; }
	.ClipLogo-pre { margin:0 30px 0 0; }
    .ClipLogo-post { margin:0 0 0 30px; }
    .logo-pre { width:142px; margin-bottom:2px; }
    .logo-post { width:150px; }
    .logos-ayd .ClipFlecha { bottom:288px; }
    .flecha { width:14px; margin-left:-4px; }
    .pre-final .flecha { margin-left:0; }
    .pre-final .ClipLogo-pre { margin:0 20px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 20px; }
    .pre-final .logo-pre { width:170px; margin-bottom:5px; }
    .pre-final .logo-post { width:170px; }
    .logos-ayd .ClipFlecha.packs { bottom:278px; }
	.ClipPortada.bg-final { height:460px; margin-top:-85px; }
	.ClipPortada.bg-final .ClipImagen { margin-top:-30px; }
}

@media screen and (max-width:639px) {
	.ClipInicial { height:770px; padding:0; margin-bottom:-80px; }
    .ClipItems { display:none; }
    .elemento { width:520px; top:40px; right:-190px; bottom:initial; }
    .ClipVariables { position:absolute; top:initial; left:25px; bottom:165px; }
    .titulo { height:70px; }
    .ClipVariables h3 { font-size:27px; margin:-53px 0 10px; }
    .ClipVariables p { font-size:14px; line-height:22px; margin-top:0; }
    .ClipPortada.beige { height:640px; margin-top:0; -webkit-clip-path:polygon(0 10%, 0 100%, 100% 100%, 100% 0); clip-path:polygon(0 10%, 0 100%, 100% 100%, 100% 0); }
    .ClipPortada.beige .ClipImagen { margin-top:0; }
    .logo-elite { width:280px; }
    .ClipTexto { padding:70px 20px 20px 65px; }
    .frase-1, .frase-1 span { font-size:27px; line-height:31px; }
    .inverse .frase-2 { width:250px; font-size:25px; line-height:29px; }
    .inverse .frase-2 span { font-size:25px; line-height:29px; }
    .ClipPackPapel { width:121%; margin-right:-75px; }
    .inverse .ClipTexto { padding:70px 130px 20px 65px; }
    .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 { margin-left:-70px; }
    .ClipPortada.logos-ayd { padding:120px 0 170px 0; }
    .ClipPortada.logos-ayd p { font-size:17px; line-height:22px; }
    .ClipPortada.logos-ayd p span { font-size:17px; line-height:22px; }
    .ClipPortada.logos-ayd.pre-final { padding:110px 0 150px; }
    .logos-ayd .ClipFlecha { bottom:250px; }
    .logos-ayd .ClipFlecha.packs { bottom:268px; }
    .bg-pack-violeta .thumb.desktop { display:none; }
    .bg-pack-violeta .thumb.mobile { display:inline-block; }
    .pack-violeta { top:11%; left:5%; width:90%; }
    .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:440px; margin-top:-75px; }
}

@media screen and (max-width:429px) {
    .ClipLogo-pre { margin:0 28px 0 0; }
    .ClipLogo-post { margin:0 0 0 28px; }
    .logo-pre { width:136px; }
    .logo-post { width:144px; }
    .logos-ayd .ClipFlecha { bottom:246px; }
    .pre-final .ClipLogo-pre { margin:0 14px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 14px; }
    .pre-final .logo-pre, .pre-final .logo-post { width:166px; }
}

@media screen and (max-width:390px) {
    .ClipTexto { padding:70px 0 20px 60px; }
    .ClipPortada.beige { height:700px; }
    .logo-elite { width:260px; }
    .frase-1, .frase-1 span { font-size:25px; line-height:29px; }
    .inverse .ClipTexto { padding:60px 90px 20px 65px; }
    .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 p { font-size:16px; line-height:21px; }
    .ClipPortada.logos-ayd p span { font-size:16px; line-height:21px; }
    .logo-pre { width:126px; }
    .logo-post { width:134px; }
    .logos-ayd .ClipFlecha { bottom:242px; }
    .pre-final .logo-pre, .pre-final .logo-post { width:156px; }
    .logos-ayd .ClipFlecha.packs { bottom:260px; }
}

@media screen and (max-width:359px) {
	.ClipVariables p { font-size:13px; line-height:21px; }
    .logo-elite { width:240px; }
	.ClipTexto, .inverse .ClipTexto { padding:70px 0 20px 40px; }
    .ClipPackPapel { margin-right:-60px; }
    .inverse .ClipPackPapel { width:110%; margin-left:-65px; }
    .ClipLogo-pre { margin:0 24px 0 0; }
    .ClipLogo-post { margin:0 0 0 24px; }
    .logo-pre { width:106px; }
    .logo-post { width:114px; }
    .logos-ayd .ClipFlecha { bottom:238px; }
    .pre-final .logo-pre, .pre-final .logo-post { width:136px; }
    .logos-ayd .ClipFlecha.packs { bottom:252px; }
    .pre-final .ClipLogo-pre { margin:0 12px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 12px; }
    .flecha { width:12px; }
}