/* SECTION-1 */

#section-1 h1{
	font-size: 60px;
	color: #231f20;
}

#section-1 h1 .welcome-spn{
	font-size: 45px;
}

#section-1 h1 .location1-spn{
	font-size: 56px;
}

#section-1 h1 .location2-spn{
	font-size: 53px;
}

#section-1 .s2 img{
	max-width: 475px;
    max-height: 712px;
	width: 100%;
	border-radius: 40px;
}

#section-1 a{
	text-decoration: none;
	font-size: 18px;
	color: #231f20;
	margin-bottom: 10px;
}

#section-1 #get-date{
	width: fit-content;
	font-weight: bold;
	color: #231f20;
	border: solid 1px #231f20;
	border-radius: 15px;
	font-size: 24px;
	text-wrap-mode: nowrap;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

#section-1 #get-date:hover{
	background-color: #231f20;
	color: white;
}

#section-1 #get-date img{
	width: 40px;
}

#section-1 .logo{
	width: 500px;
}

@media (max-width: 545px) {
	#section-1 h1 {
	    line-height: 45px;
	}

    #section-1 .logo{
		width: 280px;
	}

	#section-1 h1 .welcome-spn{
		font-size: 35px;
	}

	#section-1 h1 .location1-spn, #section-1 h1 .location2-spn{
		font-size: 43px;
	}

	#section-1 .s2{
		padding-left: 0;
		padding-right: 0;
	}
}

/* SECTION-2 */

#section-2{
	background-image: url("../../assets/images/peluquero-recorte-granada-zaidin.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

#section-2 .bc-black{
	background-color: rgba(0, 0, 0, 0.4);
	padding-top: 130px;
	padding-bottom: 130px;
}

#section-2 h2{
	font-weight: bold;
	font-size: 70px;
}

#section-2 h2, #section-2 ul li, #section-2 p{
	color: white;
}

#section-2 ul li, #section-2 p{
	margin-bottom: 50px;
}

#section-2 ul li:nth-child(3){
	margin-bottom: 0;
}

#section-2 .services-ctn{
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 40px;
	padding-top: 85px;
	padding-bottom: 85px;
}

#section-2 h3{
	font-weight: bold;
	color: #E9C664;
	font-size: 45px;
}

#section-2 h4{
	font-weight: normal;
	font-size: 22px;
}

#section-2 .services-ctn p{
	font-size: 22px;
	color: #231f20;
	margin-bottom: auto;
}

#section-2 .get-date{
	width: fit-content;
	text-decoration: none;
	background-color: white;
	font-weight: bold;
	color: #231f20;
	border: solid 1px #231f20;
	border-radius: 15px;
	font-size: 24px;
	text-wrap-mode: nowrap;
	padding: 10px 25px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

#section-2 .get-date:hover{
	background-color: #231f20;
	color: white;
}

@media (max-width: 992px) {
	#section-2 ul li:nth-child(3){
		margin-bottom: 50px;
	}

	#section-2 h2{
		text-align: center;
	}

	#section-2 h3{
		color: #231f20;
	}
}

@media (max-width: 545px) {
	#section-2{
		background: #231f20;
	}

	#section-2 h2{
		font-size: 43px;
	}

	#section-2 li, #section-2 p{
		text-align: center;
	}
}

/* SECTION-3 */

#section-3{
	padding-top: 130px;
	padding-bottom: 130px;
	background-color: white;
}

#section-3 h2{
	font-size: 70px;
	font-weight: bold;
}

#section-3 .btn-services{
	font-weight: bold;
	background-color: #E9C664;
	color: #231f20;
	padding: 10px 0;
	width: 100%;
	font-size: 22px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

#section-3 .btn-services:hover{
	color: #E9C664;
	background-color: #231f20;
}

#section-3 .item-service{
	border: solid 1px;
	border-radius: 40px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	background-color: white;
	height: 270px;
}

#section-3 .item-service img{
	width: 80px;
}

#section-3 .services-img-ctn .bc{
	background-image: url("../../assets/images/peluqueria-zaidin-granada-corte-de-pelo.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 40px;
	height: 100%;
	width: 100%;
}

@media (max-width: 1400px) {
	#section-3 .item-service{
		height: 240px;
	}
}

@media (max-width: 1400px) {
	#section-3 .item-service{
		height: 200px;
	}
}

@media (max-width: 992px) {
	#section-3 .services-img-ctn .bc{
		height: 600px;
	}

	#section-3 .item-service{
		height: 285px;
	}
}

@media (max-width: 768px) {
	#section-3 .services-img-ctn .bc{
		height: 475px;
	}
}

@media (max-width: 545px) {
	#section-3 .item-service img{
		width: 60px;
	}

	#section-3 .item-service{
		height: 180px;
	}

	#section-3 .item-service h3{
		font-size: 22px;
	}

	#section-3 .services-img-ctn .bc{
		height: 340px;
	}

	#section-3 h2{
        font-size: 43px;
    }
}

/* SECTION-5 */

#section-5{
	padding-top: 130px;
	padding-bottom: 130px;
	background-image: url("../../assets/images/fondo-oscuro-peluqueria-zaidin.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#section-5 h2{
	font-size: 70px;
	font-weight: bold;
}

#section-5 .vip-services{
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 43px;
	height: fit-content;
	z-index: 1;
	position: absolute;
	bottom: 40px;
	right: 0;
}

#section-5 .btn{
	width: fit-content;
	font-weight: bold;
	background-color: #231f20;
	color: white;
	border-radius: 15px;
	font-size: 24px;
	text-wrap-mode: nowrap;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

@media (max-width: 992px) {
	#section-5 .vip-services{
		position: initial;
	}

	#section-5 .bc{
		position: absolute;
	}
}

@media (max-width: 545px) {
	#section-5 h2{
		font-size: 43px;
	}
}

/* SECTION-6 */

#section-6{
	position: relative;
	padding-top: 130px;
	padding-bottom: 130px;
}

#section-6 .bc{
	height: 60%;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #E9C664;
	z-index: -1;
}

#section-6 h2{
	font-size: 70px;
	font-weight: bold;
}

#section-6 .img-job{
	transition: 0.5s;
	position: relative;
	padding-left: 0;
	padding-right: 0;
}

#section-6 .img-job img{
	border-radius: 43px;
}

#section-6 .img-job .bcjob{
	position: absolute;
	top: 0;
	border-radius: 43px;
	display: none;
	background-color: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: flex-end;
	padding: 20px;
	width: 100%;
}

#section-6 .img-job .bcjob figcaption{
	color: white;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
}

#section-6 .btn{
	font-weight: bold;
	background-color: #231f20;
	color: white;
	padding: 10px 15px;
	width: fit-content;
	font-size: 22px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

#section-6 .btn:hover{
	background-color: white;
	color: #231f20;
}

@media (max-width: 1400px) {
	/*#section-6 .img-job .bcjob{
		width: 261px;
	}*/
}

@media (max-width: 545px) {
	#section-6 h2{
		font-size: 43px;
	}
}

/* SECTION-8 */

#section-8{
	position: relative;
	padding-top: 130px;
	padding-bottom: 130px;
	background-color: #231f20;
}

#section-8 h2{
	font-size: 70px;
	font-weight: bold;
	color: #E9C664;
}

#section-8 p{
	color: white;
}

#section-8 #player{
	border-radius: 10px;
}

#section-8 #player iframe{
	border-radius: 10px;
}

#section-8 .item-gallery > div{
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}

#section-8 .item-gallery1{
	background-image: url("../../assets/images/Conoce-Crown-Barber-Barberia-Peluqueria-Zaidin-Granada-1.webp");
}

#section-8 .item-gallery2{
	background-image: url("../../assets/images/Conoce-Crown-Barber-Barberia-Peluqueria-Zaidin-Granada-2.webp");
}

#section-8 .item-gallery3{
	background-image: url("../../assets/images/Conoce-Crown-Barber-Barberia-Peluqueria-Zaidin-Granada-3.webp");
}

#section-8 .item-gallery4{
	background-image: url("../../assets/images/Conoce-Crown-Barber-Barberia-Peluqueria-Zaidin-Granada-4.webp");
}

#section-8 .item-gallery5{
	background-image: url("../../assets/images/Conoce-Crown-Barber-Barberia-Peluqueria-Zaidin-Granada-5.webp");
}

#section-8 .item-gallery6{
	background-image: url("../../assets/images/Conoce-Crown-Barber-Barberia-Peluqueria-Zaidin-Granada-6.webp");
}

@media (max-width: 992px) {
	#section-8 .item-gallery{
		height: 200px;
	}
}

@media (max-width: 768px) {
	#section-8 .item-gallery{
		height: 400px;
	}
}

@media (max-width: 545px) {
	#section-8 h2{
		font-size: 43px;
	}
}

/* SECTION-7 */

#section-7{
	padding-top: 130px;
	padding-bottom: 130px;
}

#section-7 h2{
	font-size: 70px;
	font-weight: bold;
}

#section-7 form label:not(.check-form){
	display: none;
}

#section-7 form input, #section-7 form textarea{
	font-size: 18px;
}

#section-7 input[type=submit]{
	font-weight: bold;
	background-color: #E9C664;
	color: #231f20;
	padding: 10px 15px;
	width: fit-content;
	font-size: 18px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

#section-7 input[type=submit]:hover{
	background-color: #231f20;
	color: #E9C664;
}

@media (max-width: 545px) {
	#section-7 h2{
		font-size: 43px;
	}

	#section-7 h2 img{
		width: 70px;
	}
}