/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.slider-container {
	background-color: #000000;
	width: 100%;
}
#slider {
	background-color: #000000;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
	max-width: 1280px;
}
@media (min-width: 992px) {
	#slider {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 960px;
		padding-top: 150px;
		padding-bottom: 40px;
	}
}
#slider.accueil {
	background-image: url('../images/heroes/portek-accueil-mobile.webp');
}
@media (min-width: 992px) {
	#slider.accueil {
		background-image: url('../images/heroes/portek-accueil-desktop.webp');
	}
}
#slider.installation {
	background-image: url('../images/heroes/portek-installation-mobile.webp');
}
@media (min-width: 992px) {
	#slider.installation {
		background-image: url('../images/heroes/portek-installation-desktop.webp');
	}
}
#slider.entretien {
	background-image: url('../images/heroes/portek-entretien-mobile.webp');
}
@media (min-width: 992px) {
	#slider.entretien {
		background-image: url('../images/heroes/portek-entretien-desktop.webp');
	}
}
#slider.reparation {
	background-image: url('../images/heroes/portek-reparation-mobile.webp');
}
@media (min-width: 992px) {
	#slider.reparation {
		background-image: url('../images/heroes/portek-reparation-desktop.webp');
	}
}
#slider.portes-coulissantes {
	background-image: url('../images/heroes/portek-portes-coulissantes-mobile.webp');
}
@media (min-width: 992px) {
	#slider.portes-coulissantes {
		background-image: url('../images/heroes/portek-portes-coulissantes-desktop.webp');
	}
}
#slider.portes-battantes {
	background-image: url('../images/heroes/portek-portes-battantes-mobile.webp');
}
@media (min-width: 992px) {
	#slider.portes-battantes {
		background-image: url('../images/heroes/portek-portes-battantes-desktop.webp');
	}
}
#slider.portes-pour-personnes-a-mobilite-reduite {
	background-image: url('../images/heroes/portek-portes-pour-personnes-a-mobilite-reduite-mobile.webp');
}
@media (min-width: 992px) {
	#slider.portes-pour-personnes-a-mobilite-reduite {
		background-image: url('../images/heroes/portek-portes-pour-personnes-a-mobilite-reduite-desktop.webp');
	}
}
#slider.a-propos {
	background-image: url('../images/heroes/portek-a-propos-mobile.webp');
}
@media (min-width: 992px) {
	#slider.a-propos {
		background-image: url('../images/heroes/portek-a-propos-desktop.webp');
	}
}
#slider.contact {
	background-image: url('../images/heroes/portek-contact-mobile.webp');
}
@media (min-width: 992px) {
	#slider.contact {
		background-image: url('../images/heroes/portek-contact-desktop.webp');
	}
}
#slider.produits {
	background-image: url('../images/heroes/portek-produits-mobile.webp');
}
@media (min-width: 992px) {
	#slider.produits {
		background-image: url('../images/heroes/portek-produits-desktop.webp');
	}
}
/* CITY - LAVAL */

#slider.laval {
	background-image: url('../images/heroes/portek-ville-laval-mobile.webp');
}
@media (min-width: 992px) {
	#slider.laval {
		background-image: url('../images/heroes/portek-ville-laval-desktop.webp');
	}
}
.cake.map > div > div.laval {
	background-image: url(../images/maps/map-laval.webp);
}

/* CITY - MONT-TREMBLANT */

#slider.mont-tremblant {
	background-image: url('../images/heroes/portek-ville-mont-tremblant-mobile.webp');
}
@media (min-width: 992px) {
	#slider.mont-tremblant {
		background-image: url('../images/heroes/portek-ville-mont-tremblant-desktop.webp');
	}
}
.cake.map > div > div.mont-tremblant {
	background-image: url(../images/maps/map-mont-tremblant.webp);
}

/* CITY - SAINT-EUSTACHE */

#slider.saint-eustache {
	background-image: url('../images/heroes/portek-ville-saint-eustache-mobile.webp');
}
@media (min-width: 992px) {
	#slider.saint-eustache {
		background-image: url('../images/heroes/portek-ville-saint-eustache-desktop.webp');
	}
}
.cake.map > div > div.saint-eustache {
	background-image: url(../images/maps/map-saint-eustache.webp);
}

/* CITY - SAINT-JEROME */

#slider.saint-jerome {
	background-image: url('../images/heroes/portek-ville-saint-jerome-mobile.webp');
}
@media (min-width: 992px) {
	#slider.saint-jerome {
		background-image: url('../images/heroes/portek-ville-saint-jerome-desktop.webp');
	}
}
.cake.map > div > div.saint-jerome {
	background-image: url(../images/maps/map-saint-jerome.webp);
}

/* CITY - MIRABEL */

#slider.mirabel {
	background-image: url('../images/heroes/portek-ville-mirabel-mobile.webp');
}
@media (min-width: 992px) {
	#slider.mirabel {
		background-image: url('../images/heroes/portek-ville-mirabel-desktop.webp');
	}
}
.cake.map > div > div.mirabel {
	background-image: url(../images/maps/map-mirabel.webp);
}

/* CITY - LACHUTE */

#slider.lachute {
	background-image: url('../images/heroes/portek-ville-lachute-mobile.webp');
}
@media (min-width: 992px) {
	#slider.lachute {
		background-image: url('../images/heroes/portek-ville-lachute-desktop.webp');
	}
}
.cake.map > div > div.lachute {
	background-image: url(../images/maps/map-lachute.webp);
}

/* CITY - MONTREAL */

#slider.montreal {
	background-image: url('../images/heroes/portek-ville-montreal-mobile.webp');
}
@media (min-width: 992px) {
	#slider.montreal {
		background-image: url('../images/heroes/portek-ville-montreal-desktop.webp');
	}
}
.cake.map > div > div.montreal {
	background-image: url(../images/maps/map-montreal.webp);
}

#slider > div{
	height: auto;
	padding-top: 60vw;
}
@media (min-width: 992px) {
	#slider > div {
		display: flex;
		flex-flow: column;
		justify-content: center;
		padding-top: 0;
		position: relative;
		z-index: 3;
		width: 100%;	
	}
}
#slider > div > div > div > div {
	text-align: center;
	margin: auto;
}
@media (min-width: 992px) {
	#slider > div > div > div > div {
		margin: 0;
		text-align: left;
	}
}

#slider > div > div > div > div.col-lg-4.mt-5.mt-lg-0 {
	padding-top: 60px;
}
ol.list-services {
	color: #3fb211;
	font-size: 80px;
	font-weight: bold;
	list-style-position: inside;
	text-align: center;
}
ol.list-services li h4 {
	color: #212529;
	margin-bottom: 0;	
}
ol.list-services li p {
	color: #212529;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0;
}
.widget_links h4 span, .widget_links a span {
	display: none;
}