.ClipInicial {
    position:relative;
}

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

.item-1 {
    width:65%;
    margin-top:20px;
    margin-left:30px;
    margin-bottom:20px;
}

.item-2 {
    width:95%;
    margin-bottom:30px;
}

.item-3 {
    width:82%;
}

.elemento {
	position:absolute;
    width:42%;
    top:-46px;
    right:30px;
    bottom:initial;
}

.elemento-mobile {
    position:absolute;
    display:none;
    top:-16px;
    width:94%;
}

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

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

.ClipVariables h3 {
    font-size:35px;
    color:#005AFF;
    margin:-40px 0 30px;
}

.ClipVariables p {
    font-family:'montserratregular', Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:23px;
    color:#333;
    margin-top:2px;
}

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

.ClipPortada.white {
	/*height:650px;*/
    height:850px;
	text-align:center;
	margin-bottom:120px;
	background:#FFF;
}

.logo-ladysoft {
    width:650px;
    margin:auto;
}

.ClipPortada.packs-x3 {
	display:block;
	margin:0 auto -14%;
	background-image:url('../imgs/proyectos/ladysoft/bg-pack-x3.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#EFEFEF;
    overflow:hidden;
}

.packs-x3-full {
	width:112%;
	margin:-1% 0 0 -6%;
}

.pack-1 {
	position:absolute;
	width:27%;
	left:-20px;
	bottom:30px;
}

.pack-2 {
	position:absolute;
	width:50%;
	top:0;
	left:15%;
	right:30%;
}

.pack-3 {
	position:absolute;
	width:36%;
	top:-20px;
	right:-20px;
}

.ClipPortada.logos-ayd {
    text-align:center;
    padding:310px 0 360px;
}

.logos-ayd .ClipImagen {
    margin:0 0 0 36px;
}

.ClipLogo-pre, .ClipLogo-post {
    display:inline-block;
}

.ClipLogo-pre {
    margin:0 100px 0 0;
}

.ClipLogo-post {
    margin:0 0 0 100px;
}

.logos-ayd.prefinal .ClipImagen {
    margin:0 0 0 25px;
}

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

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

.logo-pre {
    width:360px;
    margin-left:30px;
    margin-bottom:20px;
}

.logo-post {
    width:400px;
}

.ClipPortada.logos-ayd.pre-final {
    padding:200px 0 250px;
}

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

.logos-ayd .ClipFlecha.packs {
    bottom:514px;
    top:initial;
}

.flecha {
    width:20px;
}

.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-b1 {
	width:350px;
}

.pack-b2 {
	position:relative;
	width:350px;
	margin-left:-100px;
    margin-bottom:28px;
    z-index:1;
}

.pack-pre {
    width:450px;
    margin-bottom:-11px;
}

.pack-post {
    width:446px;
}

.ClipBg {
	width:100%;
	margin:10px auto;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#EFEFEF;
}

.ClipBg.tampones {
	height:834px;
	margin:0 auto;
	background-image:url('../imgs/proyectos/ladysoft/foto-tampones-desktop.jpg');
	background-position:top left;
}

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

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

.ClipFinal {
	position:relative;
    margin-top:-190px;
    -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 {
    position:absolute;
    width:90%;
    top:21%;
    left:0;
    right:0;
    margin:auto;
    z-index:3;
}

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


/* QUERIES */

@media screen and (max-width:1670px) {
    .ClipPortada.white { height:720px; margin-bottom:90px; }
}

@media screen and (max-width:1490px) {
	.elemento { width:38%; top:-46px; right:30px; bottom:initial; }
    .logo-ladysoft { width:570px; }
    .ClipPortada.logos-ayd { padding:250px 0 300px; }
    .logos-ayd .ClipFlecha { bottom:424px; }
    .ClipPortada.logos-ayd.pre-final { padding:120px 0 170px; }
    .logos-ayd .ClipFlecha.packs { bottom:450px; }
}

@media screen and (max-width:1390px) {
    .ClipVariables { left:28%; }
    .ClipPortada.white { height:700px; margin-bottom:70px; }
    .logo-pre { width:330px; }
    .logo-post { width:370px; }
    .logos-ayd .ClipFlecha { bottom:414px; }
    .pack-pre { width:430px; margin-bottom:-16px; }
    .pack-post { width:416px; }
    .logos-ayd .ClipFlecha.packs { bottom:420px; }
    .logos-ayd.pre-final .ClipImagen { margin:0 0 0 20px; }
}

@media screen and (max-width:1270px) {
	.ClipItems { margin-left:90px; }
	.ClipVariables { top:34%; left:30%; }
	.titulo { height:95px; }
	.ClipVariables h3 { font-size:28px; margin:-45px 0 22px; }
	.ClipVariables p { font-size:15px; line-height:22px; margin-top:1px; }
	.ClipPortada.white { height:600px; margin-bottom:30px; }
    .logo-ladysoft { width:470px; }
    .ClipPortada.logos-ayd { padding:180px 0 230px; }
    .logos-ayd .ClipImagen { margin:0 0 0 29px; }
    .ClipLogo-pre { margin:0 70px 0 0; }
    .logo-pre { width:280px; }
    .logo-post { width:320px; }
    .logos-ayd .ClipFlecha { bottom:330px; }
    .ClipPortada.logos-ayd.pre-final { padding:100px 0 150px; }
    .logos-ayd.pre-final .ClipImagen { margin:0 0 0 10px; }
    .pre-final .ClipLogo-pre { margin:0 60px 0 0; }
    .pre-final .ClipLogo-post { margin:0 0 0 50px; }
    .pack-pre { width:380px; margin-bottom:-14px; }
    .pack-post { width:366px; }
    .logos-ayd .ClipFlecha.packs { bottom:370px; }
}

@media screen and (max-width:1023px) {
	.ClipInicial { height:900px; padding-bottom:0; margin-bottom:0; -webkit-clip-path:initial; clip-path:initial; }
	.ClipItems { display:none; }
	.elemento.desktop { display:none; }
	.elemento-mobile { display:inline-block; }
	.ClipVariables { position:relative; top:600px; left:60px; }
	.ClipPortada.white { height:400px; margin-bottom:90px; }
    .logo-ladysoft { width:430px; }
	.ClipPortada.logos-ayd { padding:130px 0 170px; }
	.ClipPortada.logos-ayd.pre-final { padding:110px 0 150px; }
	.logos-ayd .ClipImagen { margin:0 0 0 -4px; }
	.logos-ayd.pre-final .ClipImagen { margin:0; }
    .ClipLogo-pre { margin-right:60px; }
    .ClipLogo-post { margin-left:60px; }
    .logo-pre { width:200px; margin-bottom:12px; }
    .logo-post { width:220px; margin-bottom:-2px; }
    .logos-ayd .ClipFlecha { bottom:248px; }
    .flecha { width:18px; }
    .pre-final .ClipLogo-pre { margin-right:40px; }
    .pre-final .ClipLogo-post { margin-left:40px; }
    .pack-pre { width:250px; margin-bottom:-10px; }
    .pack-post { width:240px; }
    .logos-ayd .ClipFlecha.packs { bottom:310px; left:0; }
}

@media screen and (max-width:767px) {
    .ClipVariables { top:540px; }
	.logo-ladysoft { width:390px; }
}

@media screen and (max-width:639px) {
	.ClipInicial { height:600px; }
	.ClipVariables { top:350px; left:22px; }
	.titulo { height:65px; }
	.ClipVariables h3 { font-size:24px; margin:-60px 0 10px; }
	.ClipVariables p { font-size:14px; line-height:22px; margin-top:0; }
    .logo-ladysoft { width:300px; }
    .ClipPortada.packs-x3 { margin-bottom:0; background-image:url('../imgs/proyectos/ladysoft/bg-pack-x3-mobile.jpg'); }
    .packs-x3-full { width:130%; margin:8% 0 -10px -14%; }
	.ClipPortada.logos-ayd { padding:110px 0 140px; }
	.logos-ayd .ClipImagen { margin-left:-20px; }
    .ClipLogo-pre { margin-right:20px; }
    .ClipLogo-post { margin-left:40px; }
    .logo-pre { width:130px; margin-bottom:10px; }
	.logo-post { width:150px; margin-bottom:0; }
	.logos-ayd .ClipFlecha { left:-3px; bottom:205px; }
	.flecha { width:16px; margin-left:-10px; }
	.logos-ayd.pre-final .ClipImagen { margin:0 0 0 -13px; }
	.pre-final .ClipLogo-pre, .pre-final .ClipLogo-post { margin:0 20px; }
	.pack-pre { width:160px; }
	.pack-post { width:154px; margin-bottom:-3px; }
	.ClipPortada.logos-ayd.pre-final { padding:100px 0 150px; }
	.logos-ayd.pre-final .ClipFlecha.packs { left:-13px; bottom:260px; }
    .pre-final .flecha { margin-left:0; }
	.packs { top:30%; }
	.ClipFotos .thumb.desktop, .ClipFinal .thumb.desktop { display:none; }
    .ClipFotos .thumb.mobile, .ClipFinal .thumb.mobile { display:inline-block; }
}

@media screen and (max-width:411px) {
    .logo-ladysoft { width:280px; }
	.ClipPortada.logos-ayd { padding:100px 0 120px; }
    .logo-pre { width:122px; }
	.logo-post { width:144px; }
	.logos-ayd .ClipFlecha { bottom:186px; }
	.flecha { width:15px; }
	.ClipPortada.logos-ayd p, .ClipPortada.logos-ayd p span { font-size:17px; line-height:22px; }
	.ClipPortada.logos-ayd.pre-final { padding:90px 0 140px; }
	.logos-ayd.pre-final .ClipFlecha.packs { bottom:250px; }
}

@media screen and (max-width:390px) {
	.titulo { height:60px; }
    .logo-ladysoft { width:270px; }
	.ClipPortada.logos-ayd { padding:90px 0 100px; }
	.logos-ayd .ClipImagen { margin:0 0 0 -12px; }
    .logo-pre { width:112px; }
	.logo-post { width:134px; }
	.logos-ayd .ClipFlecha { bottom:163px; }
	.ClipPortada.logos-ayd.pre-final { padding:80px 0 120px; }
	.logos-ayd.pre-final .ClipImagen { margin:0 0 0 -12px; }
	.pack-pre { width:144px; }
	.pack-post { width:138px; }
	.logos-ayd.pre-final .ClipFlecha.packs { bottom:220px; }
}

@media screen and (max-width:359px) {
	.titulo { height:50px; }
	.ClipVariables h3 { font-size:22px; }
	.ClipVariables p { font-size:13px; }
	.ClipPortada.white { height:250px; margin-bottom:90px; }
    .logo-ladysoft { width:240px; }
    .logos-ayd .ClipImagen { margin:0 0 0 -24px; }
    .ClipLogo-pre { margin-right:10px; }
    .logo-pre { width:100px; }
	.logo-post { width:114px; }
	.logos-ayd .ClipFlecha { bottom:160px; }
	.flecha { width:12px; }
	.pack-pre { width:120px; }
	.pack-post { width:112px; }
	.logos-ayd.pre-final .ClipFlecha.packs { bottom:208px; }
}