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

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

.item-1 {
    width:47%;
    padding-top:15px;
    margin-left:75px;
    margin-bottom:-10px;
}

.item-2 {
    width:86%;
    margin-left:-22px;
    margin-bottom:10px;
}

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

.ClipElemento {
    position:absolute;
    top:39px;
    right:10px;
    width:47%;
}

.elemento {
    width:100%;
}

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

.titulo {
    height:130px;
    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/babysec/bg-logo-gr.jpg');
    background-size:cover;
    background-position:center top;
    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;
}

.ClipNena {
    position:absolute;
    left:70px;
    bottom:-40px;
    width:17%;
    z-index:3;
}

.nena {
    width:100%;
}

.logo-gr {
    position:relative;
    width:600px;
    z-index:4;
}

.ClipImagen {
    margin-top:50px;
}

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

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

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

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

.logo-post {
    width:380px;
}

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

.flecha {
    width:22px;
}

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

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

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

.pre-final .logo-pre {
    width:390px;
    margin-bottom:9px;
}

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

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

.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:57%;
    top:7%;
    left:0;
    right:0;
    margin:auto;
    z-index:3;
}

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

.bg-packs-bottom {
    position:relative;
    margin-top:-170px;
    -webkit-clip-path:polygon(0 15%, 0 100%, 100% 100%, 100% 0);
    clip-path:polygon(0 15%, 0 100%, 100% 100%, 100% 0);
}

.packs-bottom {
    position:absolute;
    width:60%;
    top:13%;
    left:0;
    right:0;
    margin:auto;
    z-index:1;
}


/*/// Queries ///*/

@media screen and (max-width:1490px) {
    .ClipInicial { padding-bottom:80px; }
    .ClipItems { width:16%; margin-left:80px; }
    .ClipElemento { width:55%; }
    .ClipVariables { top:21%; left:25%; }
	.ClipPortada.beige { height:800px; }
	.ClipImagen { margin-top:40px; }
	.logo-gr { width:500px; }
    .ClipNena { width:20%; }
    .ClipPortada.logos-ayd { padding:220px 0 290px; }
    .logos-ayd .ClipFlecha { bottom:430px; }
    .ClipPortada.logos-ayd.pre-final { padding:130px 0 280px; }
    .pre-final .logo-pre { width:360px; }
    .pre-final .logo-post { width:370px; }
    .logos-ayd .ClipFlecha.packs { bottom:590px; }
}

@media screen and (max-width:1270px) {
    .ClipInicial { padding-bottom:140px; }
    .ClipItems { width:17%; padding-top:30px; margin-left:70px; }
    .ClipElemento { top:120px; right:-5px; width:57%; }
    .ClipVariables { top:20%; left:27%; }
    .titulo { height:100px; margin-bottom:-5px; }
    .ClipVariables h3 { font-size:25px; margin:0 0 20px; }
    .ClipVariables p { font-size:15px; line-height:22px; margin-top:1px; }
    .ClipPortada.beige { height:680px; }
    .logo-gr { width:400px; }
    .ClipNena { left:40px; width:23%; }
    .ClipPortada.logos-ayd { padding:170px 0 230px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 60px; }
    .logo-pre { width:310px; margin-bottom:1px; }
    .logo-post { width:320px; }
    .logos-ayd .ClipFlecha { bottom:350px; }
    .ClipPortada.logos-ayd.pre-final { padding:60px 0 220px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 50px; }
    .pre-final .logo-pre { width:280px; margin-bottom:6px; }
    .pre-final .logo-post { width:290px; }
    .logos-ayd .ClipFlecha.packs { bottom:460px; }
    .bg-pack-violeta .thumb.desktop { width:120%; }
    .pack-violeta { width:65%; top:8%; }
    .ClipPortada.bg-final { height:800px; }
}

@media screen and (max-width:1023px) {
    .ClipInicial { padding-bottom:130px; }
    .ClipItems { display:none; }
    .ClipElemento { position:relative; float:right; top:30px; right:-110px; width:90%; margin-bottom:20px; -ms-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }
    .ClipVariables { position:relative; top:initial; left:50px; }
    .ClipPortada.beige { height:900px; }
    .ClipPortada.beige .ClipImagen { margin-top:40px; }
    .ClipNena { left:-90px; width:40%; }
    .ClipPortada.logos-ayd { padding:170px 0 240px; }
    .bg-pack-violeta { margin-top:-30px; }
    .logo-gr { width:490px; }
    .ClipLogo-pre, .ClipLogo-post { margin:0 50px; }
    .logo-pre { width:250px; margin-bottom:1px; }
    .logo-post { width:260px; }
    .logos-ayd .ClipFlecha { bottom:340px; }
    .ClipPortada.logos-ayd.pre-final { padding:80px 0 250px; }
    .pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 40px; }
    .pre-final .logo-pre { width:240px; margin-bottom:9px; }
    .pre-final .logo-post { width:250px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:470px; }
    .pack-violeta { top:8%; width:75%; }
    .bg-pack-violeta .thumb.desktop { width:140%; }
	.ClipImagen { margin-top:0; }
}

@media screen and (max-width:767px) {
    .logo-gr { width:400px; }
	.ClipVariables { left:40px; }
	.ClipPortada.beige { height:800px; }
    .ClipPortada.logos-ayd { padding:130px 0 200px; }
    .logos-ayd .ClipImagen { margin-left:0; }
    .ClipLogo-pre { margin:0 40px 0 0; }
    .ClipLogo-post { margin:0 0 0 40px; }
    .logo-pre { width:214px; margin-bottom:-1px; }
    .logo-post { width:220px; }
	.logos-ayd .ClipFlecha { bottom:284px; }
    .flecha { margin-left:-16px; }
    .ClipPortada.logos-ayd.pre-final { padding:50px 0 220px; }
    .logos-ayd.pre-final .ClipImagen { margin-left:-10px; }
    .pre-final .logo-pre { width:196px; margin-bottom:1px; }
    .pre-final .logo-post { width:200px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:394px; }
    .pre-final .flecha { margin-left:-12px; }
}

@media screen and (max-width:639px) {
    .ClipInicial { padding-bottom:50px; }
    .ClipElemento { right:-57px; }
    .ClipVariables { left:initial; padding:0 25px; }
    .titulo { height:69px; }
    .ClipVariables h3 { margin:0 0 10px; }
    .ClipVariables p { font-size:14px; line-height:21px; }
    .ClipPortada.beige { height:640px; margin-top:0; background-position:right; -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; }
    .ClipNena { left:-72px; width:54%; }
    .logo-gr { width:260px; }
    .ClipPortada.logos-ayd { padding:120px 7px 170px 0; }
    .ClipLogo-pre { margin:0 30px 0 0; }
    .ClipLogo-post { margin:0 0 0 30px; }
    .logo-pre { width:148px; margin-bottom:0; }
    .logo-post { width:150px; }
    .logos-ayd .ClipFlecha { bottom:244px; }
    .flecha { width:14px; margin-left:-11px; }
    .ClipPortada.logos-ayd.pre-final { padding:60px 0 90px; }
    .logos-ayd.pre-final .ClipImagen { margin-left:0; }
    .pre-final .ClipLogo-pre { margin:0 25px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 25px; }
    .pre-final .logo-pre { width:146px; margin-bottom:2px; }
    .pre-final .logo-post { width:150px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:232px; }
    .ClipFlecha.packs .flecha { margin-left:-4px; }
    .ClipPortada.logos-ayd p { font-size:17px; line-height:22px; }
    .ClipPortada.logos-ayd p span { font-size:17px; line-height:22px; }
    .bg-packs-bottom { margin-top:-30px; }
    .bg-pack-violeta .thumb.desktop, .bg-packs-bottom .thumb.desktop { display:none; }
    .bg-pack-violeta .thumb.mobile, .bg-packs-bottom .thumb.mobile { display:inline-block; }
    .pack-violeta { top:15%; width:86%; }
    .packs-bottom { top:17%; width:86%; }
}

@media screen and (max-width:429px) {
    .ClipLogo-pre { margin:0 22px 0 0; }
    .ClipLogo-post { margin:0 0 0 22px; }
    .logo-pre { margin-bottom:1px; }
    .flecha { margin-left:-14px; }
    .pre-final .ClipLogo-pre { margin:0 18px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 18px; }
}

@media screen and (max-width:399px) {
    .logo-gr { width:270px; }
	.logos-ayd .ClipFlecha { bottom:244px; }
    .ClipPortada.logos-ayd.pre-final { padding:50px 0 70px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:210px; }
}

@media screen and (max-width:390px) {
    .ClipInicial { padding-bottom:30px; }
    .titulo { height:67px; }
    .ClipPortada.beige { height:540px; }
    .logo-gr { width:260px; }
    .ClipPortada.logos-ayd { padding:110px 7px 160px 0; }
    .logos-ayd .ClipImagen { margin-left:1px; }
    .logo-pre { width:132px; }
    .logo-post { width:136px; }
    .logos-ayd .ClipFlecha { bottom:230px; }
    .flecha { margin-left:-14px; }
    .pre-final .logo-pre { width:126px; margin-bottom:1px; }
    .pre-final .logo-post { width:130px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:196px; }
    .ClipPortada.logos-ayd p { font-size:16px; line-height:21px; }
    .ClipPortada.logos-ayd p span { font-size:16px; line-height:21px; }
}

@media screen and (max-width:359px) {
    .ClipElemento { right:-44px; margin-bottom:30px; }
    .ClipVariables { padding:0 20px; }
    .titulo { height:63px; }
	.ClipVariables p { font-size:13px; line-height:20px; }
    .logo-gr { width:240px; }
    .ClipLogo-pre { margin:0 18px 0 0; }
    .ClipLogo-post { margin:0 0 0 18px; }
    .logo-pre { width:124px; }
    .logo-post { width:126px; }
	.logos-ayd .ClipFlecha { bottom:228px; }
    .flecha { width:12px; margin-left:-12px; }
    .pre-final .ClipLogo-pre { margin:0 16px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 16px; }
    .pre-final .logo-pre { width:116px; margin-bottom:2px; }
    .pre-final .logo-post { width:120px; }
    .logos-ayd.pre-final .ClipFlecha.packs { bottom:190px; }
}