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

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

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

.item-2 {
    width:65%;
    margin-left:-20px;
}

.item-3 {
    width:40%;
    padding-top:20px;
    margin-left:22px;
}

.elemento {
    position:absolute;
    right:-190px;
    width:63%;
}

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

.titulo {
    height:110px;
    margin-left:-5px;
    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/cotidian/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;
    padding:70px 0;
}

.ClipImagen {
    margin-top:50px;
}

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

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

.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:54%;
    margin-top:90px;
    margin-right:-130px;
}

.inverse .ClipPackPapel {
    float:left;
    width:57%;
    margin-top:110px;
    margin-left:110px;
    margin-right:-450px;
}

.pack-papel {
    width:100%;    
}

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

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

.inverse .ClipTextos.mobile {
    display:none;
    width:100%;
    padding:0;
}

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

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

.ClipPortada.logos-ayd.pre-final {
    padding:170px 0 340px;
}

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

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

.logo-pre {
    width:370px;
    margin-left:22px;
    margin-bottom:50px;
}

.logo-post {
    width:380px;
}

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

.flecha {
    width:22px;
}

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

.pre-final .logo-pre {
    width:396px;
    margin-left:0;
    margin-bottom:10px;
}

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

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

.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:45%;
    top:8%;
    left:28%;
    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:70px;
}

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


/*/// Queries ///*/

@media screen and (max-width:1670px) {
    .inverse .ClipPackPapel { margin-left:90px; margin-right:-350px; }
}

@media screen and (max-width:1490px) {
    .ClipItems { width:22%; }
    .ClipVariables { top:27%; left:25%; }
    .ClipVariables h3 { margin-bottom:22px; }
    .titulo { height:110px; }
	.elemento { width:67%; right:-262px; }
	.ClipPackPapel { width:57%; margin-right:-150px; }
	.inverse .ClipPackPapel { width:60%; margin-left:0; }
	.ClipTextos { padding-top:60px; padding-right:30px; }
	.ClipTexto { width:330px; padding-top:15px; padding-right:37px; }
	.inverse .ClipTexto { width:300px; }
	.ClipPortada.beige { height:800px; }
	.ClipImagen { margin-top:40px; }
	.logo-gr { width:600px; }
	.pack-violeta { top:8%; }
	.packs-finales { width:67%; }
}

@media screen and (max-width:1350px) {
    .ClipPortada.beige { height:700px; }
}

@media screen and (max-width:1270px) {
    .ClipInicial { padding-bottom:130px; }
    .ClipItems { width:27%; padding-top:20px; margin-left:80px; }
    .elemento { width:79%; top:20px; right:-220px; }
    .ClipVariables { top:24%; left:28%; }
    .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:530px; }
    .ClipPortada.bg-final { height:800px; }
    .ClipPackPapel { width:60%; margin-right:-100px; }
    .ClipTextos { padding-top:65px; padding-right:20px; }
    .inverse .ClipTextos { padding-top:70px; padding-left:180px; }
    .ClipPortada.logos-ayd { padding:200px 0 220px; }
    .ClipLogo-pre { margin:0 70px 0 0; }
    .ClipLogo-post { margin:0 0 0 70px; }
    .logo-pre { width:330px; margin-left:0; margin-bottom:46px; }
    .logo-post { width:340px; }
    .logos-ayd .ClipFlecha { bottom:318px; }
    .flecha { margin-left:-18px; }
    .ClipPortada.logos-ayd.pre-final { padding:140px 0 310px; }
    .pre-final .ClipLogo-pre { margin:0 60px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 60px; }
    .pre-final .logo-pre { width:346px; margin-bottom:8px; }
    .pre-final .logo-post { width:330px; }
    .logos-ayd .ClipFlecha.packs { bottom:600px; }
    .pre-final .flecha { margin-left:5px; }
    .packs-finales { width:75%; }
}

@media screen and (max-width:1023px) {
    .ClipInicial { padding-bottom:370px; margin-bottom:500px; }
    .ClipItems { display:none; }
    .ClipVariables { position:relative; top:750px; left:50px; }
    .elemento { width:130%; right:-290px; }
    .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:450px; }
    .ClipPortada.white-x2 { flex-direction:column; }
    .ClipTextos { width:100%; padding:0; }
    .ClipTexto { float:none; width:100%; margin:0; padding:80px 0 0 100px; }
    .ClipPackPapel { float:left; width:100%; margin:50px 0 0 40px; overflow:hidden; }
    .pack-papel { width:144%; }
    .inverse .ClipPackPapel { width:100%; text-align:center; margin:30px auto 0; }
    .inverse .pack-papel { width:86%; }
    .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%; margin:auto; padding:100px 0 30px 100px; }
    .ClipPortada.logos-ayd { padding:160px 0 220px; }
    .ClipLogo-pre { margin:0 50px 0 0; }
    .ClipLogo-post { margin:0 0 0 50px; }
    .logo-pre { width:260px; margin-bottom:39px; }
    .logo-post { width:270px; }
    .logos-ayd .ClipFlecha { bottom:310px; }
    .flecha { width:18px; margin-left:-10px; }
    .ClipPortada.logos-ayd.pre-final { padding:100px 0 270px; }
    .pre-final .ClipLogo-pre { margin:0 40px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 40px; }
    .pre-final .logo-pre { width:276px; margin-bottom:5px; }
    .pre-final .logo-post { width:260px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:508px; }
    .pack-violeta { top:7%; left:26%; width:47%; }
	.ClipPortada.bg-final { height:570px; }
	.ClipImagen { margin-top:0; }
    .bg-final .ClipImagen { margin-top:20px; }
    .packs-finales { width:80%; }
    .ClipPortada.white-x2.inverse { margin-top:-50px; }
}

@media screen and (max-width:767px) {
	.ClipVariables { top:730px; left:40px; }
	.elemento { right:-300px; width:142%; }
	.ClipPortada.beige { height:800px; }
    .ClipLogo-pre { margin:0 40px 0 0; }
    .ClipLogo-post { margin:0 0 0 40px; }
    .logo-pre { width:210px; margin-bottom:30px; }
    .logo-post { width:220px; }
	.logos-ayd .ClipFlecha { bottom:298px; }
    .ClipPortada.logos-ayd.pre-final { padding:120px 0 210px; }
    .pre-final .logo-pre { width:218px; margin-bottom:5px; }
    .pre-final .logo-post { width:210px; }
	.logos-ayd.pre-final .ClipFlecha.packs { bottom:400px; }
    .ClipPortada.bg-final { height:570px; margin-top:-85px; }
	.ClipPortada.bg-final .ClipImagen { margin-top:0; }
    .packs-finales { width:86%; }
}

@media screen and (max-width:639px) {
	.ClipInicial { height:770px; padding:0; margin-bottom:-90px; }
    .ClipItems { display:none; }
    .elemento { width:550px; right:-182px; }
    .ClipVariables { position:absolute; top:initial; left:25px; bottom:150px; }
    .titulo { height:57px; }
    .ClipVariables h3 { font-size:25px; margin:-47px 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:300px; }
    .ClipTexto { padding:70px 0 10px 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 { margin:30px 0 0 40px; }
    .pack-papel { width:140%; }
    .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 { width:90%; margin:40px auto; }
    .inverse .pack-papel { width:100%; }
    .ClipPortada.logos-ayd { padding:80px 7px 180px 0; }
    .ClipLogo-pre { margin:0 20px 0 0; }
    .ClipLogo-post { margin:0 0 0 20px; }
    .logo-pre { width:146px; margin-bottom:22px; }
    .logo-post { width:150px; }
    .logos-ayd .ClipFlecha { bottom:246px; }
    .flecha { width:14px; margin-left:-11px; }
    .ClipPortada.logos-ayd.pre-final { padding:80px 0 150px; }
    .pre-final .ClipLogo-pre { margin:0 20px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 20px; }
    .pre-final .logo-pre { width:158px; }
    .pre-final .logo-post { width:154px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:304px; }
    .ClipFlecha.packs .flecha { margin-left:0; }
    .bg-pack-violeta .thumb.desktop { display:none; }
    .bg-pack-violeta .thumb.mobile { display:inline-block; }
    .pack-violeta { top:7%; left:10%; width:78%; }
    .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:-30px; }
}

@media screen and (max-width:399px) {
    .elemento { top:30px; right:-180px; }
    .titulo { height:50px; }
    .ClipVariables h3 { font-size:22px; }
    .logo-gr { width:280px; }
    .ClipPortada.bg-final { height:390px; }
}

@media screen and (max-width:390px) {
    .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 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 { padding:70px 7px 170px 0; }
    .logo-pre { width:134px; margin-bottom:20px; }
    .logo-post { width:138px; }
    .logos-ayd .ClipFlecha { bottom:230px; }
    .flecha { margin-left:-12px; }
    .pre-final .logo-pre { width:138px; }
    .pre-final .logo-post { width:134px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:286px; }
    .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:374px) {
    .elemento { right:-198px; }
}

@media screen and (max-width:359px) {
    .ClipInicial { margin-bottom:-40px; }
    .elemento { width:490px; right:-170px; }
    .ClipVariables { left:20px; bottom:200px; }
	.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 40px 20px 40px; }
    .logo-pre { width:114px; margin-bottom:16px; }
    .logo-post { width:118px; }
    .logos-ayd .ClipFlecha { bottom:228px; }
    .flecha { width:12px; margin-left:-12px; }
    .pre-final .logo-pre { width:118px; }
    .pre-final .logo-post { width:114px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:272px; }
    .ClipFlecha.packs .flecha { margin-left:2px; }
}