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

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

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

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

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

.elemento {
    position:absolute;
    top:90px;
    right:-47px;
    width:27%;
}

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

.titulo {
    height:130px;
    margin-left:-2px;
    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:900px;
    text-align:center;
    padding:0;
    margin-top:-120px;
    background-image:url('../imgs/proyectos/maxwipe/bg-desktop-logo-gr.jpg');
    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-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:30px;
    color:#001E32;
}

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

.ClipPackPapel {
    float:right;
    width:60%;
    margin-top:50px;
    margin-right:-180px;
}

.pack-papel {
    width:100%;    
}

.inverse .pack-papel {
    width:103%;    
}

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

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

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

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

.ClipPortada.logos-ayd {
    text-align:center;
    padding:270px 0 320px;
}

.ClipPortada.logos-ayd.pre-final {
    padding:190px 0 330px;
}

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

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

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

.logo-post {
    width:450px;
}

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

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

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

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

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

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

.flecha {
    width:22px;
    margin-left:-18px;
}

.ClipPortada.logos-ayd.pre-final .flecha {
    margin-left:-12px;
}

.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:53%;
    top:7%;
    left:21%;
    z-index:3;
}

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


/*/// Queries ///*/

@media screen and (max-width:1670px) {
    .inverse .ClipPackPapel { margin-left:-330px; }
    .inverse .ClipTextos { padding-left:150px; }
}

@media screen and (max-width:1490px) {
    .ClipItems { width:20%; }
    .ClipVariables { top:22%; left:27%; }
	.elemento { width:32%; right:-35px; }
	.ClipPackPapel { width:57%; margin-right:-150px; }
	.inverse .ClipPackPapel { width:53%; margin-left:-200px; }
	.ClipTextos { padding-right:30px; }
	.ClipTexto { width:330px; padding-right:37px; }
	.inverse .ClipTexto { width:310px; }
	.ClipPortada.beige { height:800px; }
	.ClipImagen { margin-top:40px; }
	.logo-gr { width:600px; }
	.pack-violeta { top:8%; }
	.packs-finales { width:75%; }
}

@media screen and (max-width:1350px) {
    .ClipVariables { top:23%; left:28%; }
    .titulo { height:120px; }
    .ClipPortada.beige { height:750px; }
}

@media screen and (max-width:1270px) {
    .ClipItems { width:23%; padding-top:30px; margin-left:70px; }
    .elemento { width:36%; top:92px; right:-30px; }
    .ClipVariables { top:25%; left:29%; }
    .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:680px; }
    .logo-gr { width:540px; }
    .ClipPortada.bg-final { height:800px; }
    .ClipPackPapel { width:60%; margin-right:-100px; }
    .ClipTextos { padding-right:0; }
    .ClipTexto { width:370px; padding-right:60px; }
    .inverse .ClipTexto { width:330px;}
    .inverse .ClipPackPapel { width:70%; margin-left:-170px; }
    .inverse .ClipTextos { padding-left:120px; }
    .ClipPortada.logos-ayd { padding:200px 0 220px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 60px; }
    .logo-pre { width:350px; }
    .logo-post { width:360px; }
    .logos-ayd .ClipFlecha { bottom:350px; }
    .ClipPortada.logos-ayd.pre-final { padding:150px 0 300px; }
    .logos-ayd.pre-final .ClipImagen { margin-left:0; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 60px; }
    .pre-final .logo-pre { width:300px; margin-bottom:7px; }
    .pre-final .logo-post { width:290px; }
    .logos-ayd .ClipFlecha.packs { bottom:590px; }
    .ClipPortada.logos-ayd.pre-final .flecha { margin-left:-6px; }
}

@media screen and (max-width:1023px) {
    .ClipInicial { padding-bottom:160px; margin-bottom:500px; }
    .ClipItems { display:none; }
    .ClipVariables { position:relative; top:500px; left:60px; }
    .elemento { width:88%; right:-120px; bottom:50px; }
    .ClipPortada.beige { height:900px; }
    .ClipPortada.beige .ClipImagen { margin-top:40px; }
    .ClipPortada.beige.nena-olla .ClipImagen { margin-top:120px; }
    .bg-pack-violeta { margin-top:-30px; }
    .logo-gr { width:480px; }
    .ClipPortada.white-x2 { flex-direction:column; }
    .flecha { width:18px; margin-left:-10px; }
    .ClipTextos { width:100%; padding-right:0; }
    .ClipTexto { float:none; width:100%; padding:90px 0 20px 90px; }
    .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; }
    .inverse .ClipTexto { float:none; width:100%; padding:90px 0 20px 90px; }
    .logos-ayd .ClipImagen { margin-left:0; }
    .ClipLogo-pre { margin:0 40px 0 0; }
    .ClipLogo-post { margin:0 0 0 40px; }
    .logo-pre { width:300px; }
    .logo-post { width:300px; }
    .logos-ayd .ClipFlecha { bottom:338px; }
    .ClipPortada.logos-ayd.pre-final { padding:100px 0 250px; }
    .pre-final .ClipLogo-pre { margin:0 40px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 40px; }
    .pre-final .logo-pre { width:250px; }
    .pre-final .logo-post { width:240px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:490px; }
    .bg-pack-violeta .thumb.desktop { width:140%; }
	.pack-violeta { top:8%; left:16%; width:69%; }
	.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:-50px; width:86%; }
	.ClipPortada.beige { height:800px; }
    .ClipPortada.logos-ayd { padding:180px 0 220px; }
    .ClipLogo-pre { margin:0 30px 0 0; }
    .ClipLogo-post { margin:0 0 0 30px; }
    .logo-pre { width:240px; }
    .logo-post { width:246px; }
    .logos-ayd .ClipFlecha { bottom:322px; }
    .ClipPortada.logos-ayd.pre-final { padding:110px 0 200px; }
    .pre-final .ClipLogo-pre { margin:0 30px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 30px; }
    .pre-final .logo-pre { width:200px; }
    .pre-final .logo-post { width:190px; }
	.logos-ayd.pre-final .ClipFlecha.packs { bottom:410px; }
	.ClipPortada.bg-final { height:460px; margin-top:-85px; }
	.ClipPortada.bg-final .ClipImagen { margin-top:-70px; }
}

@media screen and (max-width:639px) {
	.ClipInicial { height:770px; padding:0; margin-bottom:-130px; }
    .ClipItems { display:none; }
    .elemento { width:490px; top:57px; right:-93px; 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-gr { width:320px; }
    .ClipTexto { padding:70px 20px 20px 65px; }
    .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:116%; margin-top:30px; margin-right:-90px; }
    .inverse .ClipTexto { padding:70px 0 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 { width:90%; margin:40px auto; }
    .inverse .pack-papel { width:100%; }
    .ClipPortada.logos-ayd { padding:100px 7px 190px 0; }    
    .ClipLogo-pre { margin:0 15px 0 0; }
    .ClipLogo-post { margin:0 0 0 15px; }
    .logo-pre { width:160px; }
    .logo-post { width:166px; }
    .logos-ayd .ClipFlecha { bottom:270px; }
    .flecha { width:14px; margin-left:-18px; }
    .ClipPortada.logos-ayd.pre-final { padding:70px 0 130px; }
    .pre-final .ClipLogo-pre { margin:0 20px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 20px; }
    .pre-final .logo-pre { width:148px; margin-bottom:0; }
    .pre-final .logo-post { width:140px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:290px; }
    .ClipPortada.logos-ayd.pre-final .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: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:420px; margin-top:-75px; }
    .ClipDatos { padding-right:20px; }
    .ClipPortada.bg-final .ClipImagen { margin-top:-57px; }
    .packs-finales { width:87%; }
}

@media screen and (max-width:399px) {
    .elemento { width:490px; top:57px; right:-100px; }
}

@media screen and (max-width:390px) {
    .elemento { width:470px; right:-97px; }
    .titulo { height:67px; }
    .ClipTexto { padding:70px 0 20px 60px; }
    .ClipPortada.beige { height:700px; }
    .logo-gr { width:290px; }
    .frase-1, .frase-1 span { font-size:25px; line-height:29px; }
    .inverse .ClipTexto { padding:60px 0 20px 60px; }
    .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 7px 140px 0; }
    .logo-pre { width:142px; margin-bottom:3px; }
    .logo-post { width:146px; }
    .logos-ayd .ClipFlecha { bottom:214px; }
    .flecha { margin-left:-16px; }
    .pre-final .logo-pre { width:128px; margin-bottom:0; }
    .pre-final .logo-post { width:120px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:270px; }
    .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:60px; }
    .elemento { width:400px; right:-80px; }
    .ClipVariables { left:20px; bottom:235px; }
	.ClipVariables p { font-size:13px; line-height:21px; }
    .ClipPortada.beige { display:inline-block; height:600px; margin-top:-100px; }
    .logo-gr { width:260px; }
	.ClipTexto { padding:70px 0 20px 40px; }
    .inverse .ClipTexto { padding:60px 0 20px 40px; }
    .ClipPackPapel { margin-right:-60px; }
    .inverse .ClipPackPapel { width:110%; margin-left:-65px; }
    .logo-pre { width:128px; margin-bottom:3px; }
    .logo-post { width:132px; }
	.logos-ayd .ClipFlecha { bottom:210px; }
    .flecha { width:12px; }
    .ClipPortada.logos-ayd.pre-final { padding:57px 0 120px; }
    .pre-final .logo-pre { width:108px; }
    .pre-final .logo-post { width:100px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:246px; }
    .ClipPortada.logos-ayd.pre-final .flecha { margin-left:4px; }
}