@charset "UTF-8";
/******************** Entête UTF-8 ******************\
*
*	fichier	: website\css\project\mobile.css
*	projet	: Baracci - CMS
*	version	: 5 2019-07-11 08:55 MB
*
\****************************************************/

/*Global*/
.social h4 { font-size: 2em; }

/*nav*/
.site-nav ul li.open ul { display: block; width: 100%; }
.site-nav ul li.open > a { font-weight: bold; }
.site-nav ul li.open ul li a { font-weight: normal; text-transform: none; }
.feature-service .container-grid { padding-left: 1.0rem;padding-right: 1.9rem; }
.footer-nav .nav1,
.footer-nav .nav2 { display: none; }
.slider-data-flex div { width: 100%; }
.slider-data-flex h2 { text-align: center; }
.slider-data-flex p { display: none; }
body.home .slider-img { background-position: center center;top: 30px; }
.map-info-small div:nth-of-type(3),
.map-info-small div:nth-of-type(4) { display: block;width: 100%; }
.map-info-small div:nth-of-type(3) span.dot { display: none; }
.map-info-small .dot { display: none; }
.video-detail { display: none; }
.video-detail-mobile {
	display: block;
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
	cursor: pointer;
}
.video-detail-mobile img { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: #ff0000;
	color: white;
	font-size: 16px;
	padding: 12px 24px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.standard2 .imgbox { margin: 0; }
.product-grid { grid-template-columns: repeat(1, 1fr); }

/* Parallax */
.parallax-banner { height: 280px; background-attachment: scroll; }