#banner{
	width: 100%;
	height: 75vh;
	position: relative;
}
	#banner>img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#banner>div{
		width: 80%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 10%;
		display: flex;
	}
		#banner>div>div{
			margin: auto;
			padding: 10px;
			background: #686767;
			color: white;
			text-transform: uppercase;
			font-size: 2em;
		}
section:first-child{
	width: 100%;
}
	section:first-child article{
		width: 1000px;
		margin: auto;
		display: flex;
		padding: 50px 0px 50px;
	}
		section:first-child article img{
			margin: auto;
			position: relative;
			z-index: 2;
			border-radius: 100%;
			display: block;
			width: 300px;
			height: 300px;
			object-fit: cover;
		}
		section:first-child article img[src="img/index/detalle.png"]{
			position: absolute;
			opacity: 0.58;
		}
			section:first-child article img:before{
				width: 300px;
				height: 300px;
				content:"";
				display: block;
				background: red;
			}
			section:first-child article>div{
				text-transform: uppercase;
				margin: auto;
				font-size: 1.5em;
				color: #9b9b9b;
			}
				section:first-child article>div span{
					font-weight: bold;
				}
section:nth-child(2){
	width: 100%;
}
	section:nth-child(2):after,
	section:nth-child(2):before{
		content: "";
		display: block;
		width: 100%;
		height: 30px;
		background: url(/img/index/article-2_AB.jpg);
	}
	section:nth-child(2)>article{
		display: flex;
	}
		section:nth-child(2)>article>div{
			margin: auto;
			width: 100%;
			position: relative;
		}
		section:nth-child(2)>article:first-child>div{
			height: 400px;
		}
			section:nth-child(2)>article>div img{
				position: relative;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
				section:nth-child(2)>article:first-child>div:nth-child(1) img{
					object-position: 50% 0%;
				}
				section:nth-child(2)>article:first-child>div:nth-child(2) img{
					object-position: 50% 80%;
				}
				section:nth-child(2)>article:first-child>div:nth-child(3) img{
					object-position: 50% 65%;
				}
section:nth-child(3){
	width: 100%;
	background: #dcdcdc;
}
	section:nth-child(3)>article:first-child{
		width: 1000px;
		margin: auto;
		padding: 56px 0px 0px;
		display: flex;
		position: relative;
		overflow: hidden;
	}
		section:nth-child(3)>article:first-child:after{
			content:"";
			width: 400px;
			height: 30px;
			display: block;
			position: absolute;
			bottom: 0px;
			right: -50px;
			background-image: url(/img/index/article-3/article_detalle.jpg);
			background-position: cover;
		}
		section:nth-child(3)>article:first-child>div{
			margin: auto;
			margin-top: 0px;
			width:30%;
			cursor: pointer;
			text-align: center;
			position: relative;
		}
			section:nth-child(3)>article:first-child>div:after{
				position: absolute;
				width: 250px;
				height: 250px;
				left: 25px;
				top: -75px;
				opacity: .35;
				content: "";
				background: url(/img/index/article-3/detalle.jpg);
				background-size: 100% 100%;
				z-index: 1;
			}
			section:nth-child(3)>article:first-child>div>div{
				width: 150px;
				margin: auto;
				position: relative;
				z-index: 2;
				height: 150px;
				background: #848383;
				padding: 30px;
				display: flex;
				border-radius: 100%;
			}
				section:nth-child(3)>article:first-child>div>div>img{
					min-width: 100%;
					max-width: 100%;
					max-height: 100%;
					margin: auto;
				}
			section:nth-child(3)>article:first-child>div>h3{
				font-size: 3em;
				position: relative;
				z-index: 2;
				color: #393939;
			}
				section:nth-child(3)>article:first-child>div>h3 span{
					font-size: 0.6em;
					position: relative;
					top: -30px;
				}
	section:nth-child(3)>article:nth-child(2){
		width: 100%;
		height: 0px;
		overflow: hidden;
		transition: 0.5s ease height;
	}
		section:nth-child(3)>article:nth-child(2)>div h3{
			position: relative;
		}
		section:nth-child(3)>article:nth-child(2)>div h3:after{
			width: 100px;
			height: 7px;
			background: white;
			content: "";
			display: block;
			position: absolute;
			bottom: -5px;
			left: 0px;

		}
			section:nth-child(3)>article:nth-child(2)>div[section="nail"],
			section:nth-child(3)>article:nth-child(2)>div[section="dress"],
			section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]{
				display: none;
				position: relative;
			}
				section:nth-child(3)>article:nth-child(2)>div[section="dress"] h3:after{
					background: white;
				}
				section:nth-child(3)>article:nth-child(2)>div[section="eyelash"] h3:after{
					background: white;
				}
				section:nth-child(3)>article:nth-child(2)>div[section="nail"]{
					display: flex;
				}
					section:nth-child(3)>article:nth-child(2)>div[section="nail"]>img{
						margin: auto;
						display: block;
						object-fit: cover;
						width: 40%;
						height: 500px;
						margin-left: 0px;
					}
					section:nth-child(3)>article:nth-child(2)>div[section="nail"]>div{
						margin: auto;
						width: 60%;
						height: 100%;
						display: flex;
					}
						section:nth-child(3)>article:nth-child(2)>div[section="nail"]>div>div{
							margin: auto;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="nail"]>div h3{
							font-size: 3em;
							color: white;
							font-weight: normal;

						}
							section:nth-child(3)>article:nth-child(2)>div[section="nail"]>div ul{
								margin-top: 20px;
								list-style: none;
							}
							section:nth-child(3)>article:nth-child(2)>div[section="nail"]>div ul li{
								font-size: 1.9em;
								color: white;
							}
				section:nth-child(3)>article:nth-child(2)>div[section="dress"]{
					display: flex;
				}
					section:nth-child(3)>article:nth-child(2)>div[section="dress"]>img{
						margin: auto;
						display: block;
						height: 600px;
						width: 300px;
						margin-right: 0px;
						width: 285px;
					}
					section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div{
						margin: auto;
						width: 75%;
						height: 100%;
						display: flex;
						margin-top: 84px;
					}
						section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div>div{
							margin: auto;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div h3{
							font-size: 5em;
							color: white;
							font-weight: normal;
						}
							section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div ul{
								margin-top: 20px;
								list-style: none;
							}
							section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div ul li{
								font-size: 1.9em;
								color: white;
							}
				section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]{
					display: flex;
				}
					section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>img{
						margin: auto;
						display: block;
						width: 50%;
						height: 500px;
						margin-right: 0px;
						object-fit: cover;
					}
					section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div{
						margin: auto;
						width: 50%;
						height: 100%;
						display: flex;
						padding: 50px;
					}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div>div{
							
							color: white;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div h3{
							font-size: 3em;
							color: white;
							font-weight: normal;
							margin-bottom: 10px;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div p{
							font-size: 1.5em;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div h4{
							font-size:3em;
							font-weight: normal;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div h5{
							font-size: 3em;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div figure{
							width: 100px;
							height: 7px;
							background: white;
							margin-top: 5px;
							margin-bottom: 5px;
						}
				/*
					section:nth-child(3)>article:nth-child(2)>div[section="nail"]>div:nth-child(2) ul{
						margin: auto;
						text-align: left;
						list-style: none;
						font-size: 1.8em;
					}
				section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div:nth-child(2){
					text-align: center;
				}
					section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div:nth-child(2)>h3{
						font-size: 1.8em;
						font-weight: normal;
					}
					section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div:nth-child(2)>div{
						display: flex;
						margin-top: 30px;
					}
						section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div:nth-child(2)>div>p{
							margin: auto;
							font-size: 1.8em;
						}
						section:nth-child(3)>article:nth-child(2)>div[section="dress"]>div:nth-child(2)>div>figure{
							margin: auto;
							width: 5px;
							height: 30px;
							background: #333333;
						}
				section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2){
					text-align: center;
				}
					section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2)>h3{
						font-size: 1.8em;
						font-weight: normal;
					}
					section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2)>div{
						display: flex;
						margin-top: 30px;
					}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2)>div>div{
							margin: auto;
							font-size: 1.8em;
						}
							section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2)>div>div>.super{
								font-size: 1.2em;
								display: block;
								font-weight: bold;
							}
							section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2)>div>div>.min{
								font-size: .5em;
								display: block;
							}
						section:nth-child(3)>article:nth-child(2)>div[section="eyelash"]>div:nth-child(2)>div>figure{
							margin: auto;
							width: 5px;
							height: 70px;
							background: #333333;
						}*/
section:nth-child(4){
	width: 100%;
	background: #afafaf;
}
	
section:nth-child(4):before{
	content: "";
	display: block;
	width: 100%;
	height: 25px;
	background: url(/img/index/article-2_AB.jpg);
}
	section:nth-child(4)>article{
		width: 1200px;
		margin: auto;
		display: flex;
		padding: 100px 0px 100px;
		color: #2a2a2a;
	}
		section:nth-child(4)>article>div{
			margin: auto;
		}
			section:nth-child(4)>article>div h3{
				font-size: 1.8em;
				position: relative;
				margin-bottom: 10px;
			}
				section:nth-child(4)>article>div h3:after{
					content: "";
					display: block;
					position: absolute;
					left: 0px;
					bottom: -5px;
					width: 30px;
					height: 5px;
					background: white;
				}
			section:nth-child(4)>article>div p{
				font-weight: bold;
			}
			section:nth-child(4)>article>div p.tel{
				font-weight: normal;
				font-size: 1.25em;
			}
			section:nth-child(4)>article>div a{
				font-size: 1.3em;
				text-decoration: none;
				color: #2a2a2a;
				position: relative;
				left: 5px;
				top: -5px;
			}
			section:nth-child(4)>article>div img{
				width: 25px;
			}
section:nth-child(5){
	width: 100%;
	background: #323232;
}
	section:nth-child(5)>article{
		width: 1000px;
		margin: auto;
		display: flex;
		padding: 100px 0px 100px;
	}
		section:nth-child(5)>article>div{
			margin: auto;
			margin-top: 0px;
		}
		section:nth-child(5)>article>div:first-child{
			width: 40%;
			margin-left: 0px;
			text-transform: uppercase;
			color: white;
			font-size: 1.2em;
		}
		section:nth-child(5)>article>div:first-child p{
			position: relative;
		}
		section:nth-child(5)>article>div:first-child p:before{
			content: "";
			display: block;
			position: absolute;
			left: -50px;
			top: 5px;
			width: 40px;
			height: 15px;
			background: linear-gradient(to right, #a8a7a7 50%, #6b6b6b 50%);
		}
			section:nth-child(5)>article>div:first-child h3{
				font-size: 1.4em;
			}
			section:nth-child(5)>article>div:first-child span{
				font-size: 1.2em;
			}
		section:nth-child(5)>article>div:nth-child(2){
			width: 60%;
		}
			section:nth-child(5)>article>div:nth-child(2) form{
				width: 100%;	
				display: flex;
			}
				section:nth-child(5)>article>div:nth-child(2) form>div{
					margin: auto;
					width: 45%;
					margin-top: 0px;
				}
					section:nth-child(5)>article>div:nth-child(2) form input,
					section:nth-child(5)>article>div:nth-child(2) form textarea{
						width: 100%;
						padding:10px;
						color: #323232;
						border: none;
						margin-bottom: 15px;
					}
					section:nth-child(5)>article>div:nth-child(2) form textarea{
						min-height: 100px;
						max-height: 150px;
						min-width: 100%;
						max-width: 100%;
					}
					section:nth-child(5)>article>div:nth-child(2) form input[type="submit"]{
						background: #3d3e3e;
						color: white;
						text-transform: uppercase;
						border-radius: 10px;
						font-size: 1.2em;
						padding: 5px 20px;
						width: initial;
						cursor: pointer;
					}
					article#divServicios {
    				padding: 55px 0px 10px;
					}
					#DivBody{
						border: 2px solid red;
						padding: 10px;
						border-color: black;

					}

