/* Variables de color */
:root {
	--color-background: #000;
	--color-button-default: rgba(13, 114, 177, 1);
	--color-button-hover: rgba(13, 114, 177, 0.6);
	--color-text: #FFF;
	--color-code-background: #50ADA2;
	--color-black: #000000;
}

.banners_pc {
	display: block;
}

.banners_mobil {
	display: none;
}

.banners_mobil_630 {
	display: none;
}

#slide_home {
	background: var(--color-background);
	position: relative;
}

#slide_home img {
	width: auto !important;
	margin: auto;
}

#slide_home .caixa_img_slide img {
	width: 100% !important;
}

#slide_home a.enllac_amb_fletxa img {
	margin: 0;
	display: inherit;
}

#slide_home .owl-dots {
	display: none;
}

#slide_home .owl-prev {
	position: absolute;
	left: 2%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	color: var(--color-text);
}

#slide_home .owl-next {
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	color: var(--color-text);
}

#slide_home .slide {
	background-size: cover !important;
	position: relative;
}

#slide_home .slide .container {
	width: 90%;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: auto !important;
	color: var(--color-text);
	padding: 0px 25px;
	align-items: center;
	position: absolute;
	bottom: 48%;
	left: 5%;
}

#slide_home .slide .container .caixa_fletxa {
	position: absolute;
	bottom: 20px;
}

#slide_home .slide .container .s {
	max-width: 800px;
	text-align: left;
	position: absolute;
	left: 0;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
	font-family: 'Oswald';
}

.btn_unificat:hover {
	background: var(--color-button-hover);
}

.btn_unificat {
	background: var(--color-button-default);
	padding: 10px 25px;
	color: var(--color-text);
	transition: all 0.6s ease-in-out;
	display: inline-block;
}

#slide_home .slide .container .s p {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Source Sans Pro' !important;
	font-size: 15px;
	color: var(--color-text);
	font-weight: normal;
}

.container.blackfriday {
	color: var(--color-black) !important;
}

#slide_home .slide .container.blackfriday .s p {
	color: var(--color-black) !important;
}

#slide_home .slide .container .d {
	max-width: 50%;
	margin-bottom: 35px;
}

#slide_home .slide .container a {
	line-height: 1.50;
	font-family: 'Source Sans Pro' !important;
	font-size: 15px;
}

.titol_home {
	text-align: center;
	font-size: 35px;
	font-weight: normal;
	color: #707070;
	letter-spacing: 2px;
	margin-top: 80px;
	margin-bottom: 35px;
	font-family: 'Oswald';
}

.banners_pc #slide_home .slide .container .blackfriday {
	color: var(--color-black) !important;
}

@media all and (max-width: 768px) {
	.banners_pc {
		display: none;
	}

	.banners_mobil {
		display: block;
	}

	.banners_mobil_630 {
		display: none;
	}

	#slide_home .slide .container .d {
		max-width: none;
	}

	.titol_home {
		font-size: 25px;
	}

	#slide_home .slide .container {
		height: 30vh;
	}

	#slide_home .slide .container .s {
		padding-left: 1%;
		padding-right: 1%;
		max-width: 100%;
		z-index: 9999;
	}

	#slide_home .slide .container a {
		font-size: 15px;
	}

	#slide_home .slide .container .caixa_fletxa {
		display: none;
	}

	.banners_mobil #slide_home .slide {
		padding-bottom: 110%;
		overflow: hidden;
	}

	.banners_mobil .slide video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: none;
		width: initial;
	}

	.container.blackfriday {
		bottom: 16% !important;
		color: var(--color-black) !important;
	}

	#slide_home .slide .container.blackfriday .s p {
		color: var(--color-black) !important;
	}
}

@media all and (max-width: 630px) {
	.banners_pc {
		display: none;
	}

	.banners_mobil {
		display: none;
	}

	.banners_mobil_630 {
		display: block;
	}

	.banners_mobil_630 #slide_home .slide {
		padding-bottom: 110%;
		overflow: hidden;
	}

	.banners_mobil_630 .slide video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: none;
		width: initial;
	}

	.banners_mobil_630 #slide_home {
		background: #FFF !important;
	}

	.banners_mobil_630 #slide_home .container .s p {
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: 'Source Sans Pro' !important;
		font-size: 15px;
		font-weight: normal !important;
		color: var(--color-text) !important;
	}

	.banners_mobil_630 #slide_home .container .s {
		font-size: 35px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 25px;
		font-family: 'Oswald';
		margin: 20px;
		color: var(--color-text) !important;
	}

	.banners_mobil_630 #slide_home .container .s .btn_unificat {
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: 'Source Sans Pro' !important;
		font-size: 15px;
		font-weight: bold;
	}

	#slide_home .owl-prev,
	#slide_home .owl-next {
		top: 30%;
	}
}

@media all and (max-width: 500px) {
	#slide_home .slide .container .s {
		font-size: 25px;
	}

}