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

.masthead { height: 110px; }
.small-header { height: 110px; }

/*header*/
.masthead-inner { height: 110px; max-width: none; justify-content: center; }
.small-header .masthead-inner { height: 110px; }
.site-title a { width: 300px;height: 97px;background-size: 300px auto;margin-top: 10px;transition: none; }
.small-header .site-title a { width: 300px;height: 97px;background-size: 300px auto;}
.nav-toggle { width: 42px; height: 28px; position: absolute; left: 1.5rem; }
.nav-toggle span { height: 4px; }
.small-header .site-nav { padding-top: 70px; }

/*headings*/
body { font-family: 'Noto Sans', sans-serif;font-weight: 400;font-size: 100%;color: #515151; }
p { font-size: 1.125em;margin-bottom: 1em;text-align: left;line-height: 1.4;font-weight: 400; }
h1 { font-size: 3em;margin: 0.5em 0;line-height: 105%;font-weight: 700;font-family: 'Playfair Display', serif;color: #000; }
.styledheading { font-size: 6em; }
h2 { font-size: 3em;margin: 0.5em 0;padding-bottom: 0; }
h3 { font-size: 1.55em; }
.social h4 { font-size: 3em; }
.lead { font-size: 2.3em;font-weight: 400; }
.slick-dots li button::before { height: 20px!important;width: 20px!important; }

/*Nav — keep left drawer on desktop too*/
.site-nav {
	float: none;
	margin: 0;
	width: 320px;
	left: -340px;
	background: #1d252c;
}
.site-nav:hover { background-color: #1d252c; background-image: none!important; }
.site-nav ul {
	display: block;
	position: static;
	background: transparent;
	height: auto;
	min-height: 0;
	border: 0;
	margin: 0;
	text-align: left;
	word-spacing: 0;
	overflow: inherit;
	padding: 0.5em 0 100px;
}
.site-nav ul li { display: block; vertical-align: top; position: relative; padding: 0; word-spacing: 0; margin: 0; background: none; }
.site-nav ul li:first-of-type { margin-left: 0; }
.site-nav ul li:last-of-type { margin-right: 0; }
.site-nav ul li a {
	display: block;
	text-decoration: none;
	padding: 13px 0;
	text-transform: uppercase;
	font-size: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin: 0 2.5em;
	font-weight: bold;
	line-height: 100%;
	color: #fff!important;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.site-nav ul li:last-of-type a {}
.site-nav > ul > li > a:hover,
.site-nav > ul > li.selected > a { color: #d2d2d2!important; }
.site-nav ul li a:hover { background-color: transparent; }
.site-nav ul li ul li a:hover { color: #fff!important; font-weight: bold; }
.site-nav ul li.selected > a { font-weight: bold; }
.site-nav ul li ul {
	background: transparent;
	position: static;
	top: auto;
	left: auto;
	right: auto;
	padding: 0;
	display: none;
	text-align: left;
}
.site-nav ul li ul:before { display: none; }
.site-nav ul li ul li { display: block; padding: 0; margin: 0; height: inherit; }
.site-nav ul li ul li a {
	padding: 9px 0 9px 20px;
	white-space: normal;
	font-size: 0.82em;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	text-transform: none;
	color: #d2d2d2!important;
	min-width: 0;
	margin: 0 2.5em;
	font-weight: normal;
}
.site-nav ul li ul li:last-child a { border-bottom: none; }
.site-nav ul li ul li:first-child { margin-left: 0; }
.site-nav ul li ul li:last-child { border: none; margin-right: 0; }
.site-nav ul li.open,
.site-nav ul li.open ul li { background-color: transparent; }
.site-nav .lang { display: block; }
.site-nav ul li.getsocialtop { display: block; }
.site-nav ul li a span { display: inline-block; }
.site-nav ul li ul li:nth-of-type(7) a { border-bottom: none; margin-top: 0; }

/*hero banner*/
.hero { padding-bottom: 40px; }
.contact-hero { height: 550px;margin-top: 110px; }
.product-grid { grid-template-columns: repeat(4, 1fr); }
body.home .slider-hero { height: 780px;margin-top: 0; }
body.stores .slider-hero { height: 400px;margin-top: 0; }
.slider-hero { height: 442px;margin-top: 0; }
body.home .slider-cont { height: 780px; }
body.stores .slider-cont { height: 400px; }
.slider-cont { height: 442px; }
.slick-dots { bottom: 40px!important; }
.slider-cont .container-grid { padding-top: 330px; }
.slider-cont .container-grid .title{ font-size: 4.3em;max-width: 730px; }
.slider-cont .bt { margin-top: 3.5em; }
.feature-service h2 { padding-right: 0.1em; }

/*video cell phone*/
.video-inner { height: 700px;background: transparent url("../../img/videobg.png") no-repeat center center;background-size: cover; }
.video-detail {
	position: absolute;
	top: 119px;
	height: 370px;
	width: 740px;
	background: transparent url("../../img/cell.png") no-repeat center center;
	background-size: 100% auto;
	padding-bottom: 0;
}
.video-detail img { margin: 28px 10% 0 10.3%;position: absolute;top: 0;left: 0;width: 549px !important;height: 314px !important; }
.categories { padding-bottom: 40px; }

/*buttons*/
.m-bt { font-size: 1.1em!important;padding: 8px 25px 9px 50px; }
a.bt span,
input.bt span,
a.bt2 span,
input.bt2 span { width: 27px;height: 27px;background-size: 27px auto;left: 10px; }
a.bt:hover span,
input:hover.bt span,
a.bt2:hover span,
input:hover.bt2 span { width: 27px;background-size: 27px auto;left: 10px;height: 27px; }
.video { background-position: center top; }
.features-text p { padding: 0 4em; }
.feature-service { background: transparent url("../../img/featured-cake2.png") no-repeat center bottom;min-height: 560px;background-size: cover; }
.social-links { margin: 2em 0; }
.social-links a { width: 99px;height: 90px;background-size: auto 90px;margin: 0 0.9em; }
.social-links a.fa { background-position: 5px 0; }
.social-links a.in { background-position: -658px 0; }
.social-links a.li { background-position: -439px 0; }
.social-links a.yo { background-position: -217px 0; }

/*category effect*/
figure.effect-apollo { background: rgba(194, 4, 48, 1); }
figure.effect-apollo img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo h2 {
	text-align: left;
	width: 100%;
	background: rgba(255,255,255,0.6);
	position: absolute;
	bottom: 13%;
	left: 0;
	text-align: center;
	text-transform: none;
	font-size: 1.5em;
	padding: 0.4em 0;
	color: #000;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
figure.effect-apollo:hover h2 { bottom: 40%;background-color: transparent;border: 1px solid #fff;border-width: 1px 0;color: #fff; }
figure.effect-apollo:hover img { opacity: 0.3;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1); }
figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.dividerlines { height: 42px; }

/*footer*/
.footer-nav .container-grid { display: flex; }
.footer-nav .address { background-color: #1d252c;padding: 2em 2em 1em; }
.footer-nav .address ul li:nth-last-child(1) a { font-weight: 400; }
.footer-nav .address h2 { margin: 0; }
.footer-newsletter .container-grid { display: flex;align-items: center;justify-content: flex-start; }
.footer-newsletter div { margin-left: auto;order: 2; }
.footer-newsletter .newsletter-title { font-size: 2.3em;margin: 0;padding-bottom: 0; }
.footer-newsletter .newsletter-subtitle { font-size: 1.5em; }
.emailField { margin: 0;width: 100%; }
.footer-legal .container-grid { display: flex;align-items: center; }
.footer-legal a { color: #000; }
.footer-legal a:nth-of-type(3) { margin-left: auto; }

/*Products*/
.products-inner a { width: calc(100% / 3); }
body.bakery .products-inner a { width: calc(100% / 4); }
.products-inner figure:hover img { -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15); }
.products-inner figure h2,
.products-inner2 figure h2 { font-size: 1.4em; }
.products-inner figure:hover h2 { background: rgba(255,255,255,0.9); }

/*Products 2*/
.products-inner2 a { width: calc(100% / 4); }
.products-inner2 figure:hover img { -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15); }
.products-inner2 figure h2 { display: none;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;transition: all ease 0.3s;position: relative;bottom: inherit; }
.products-inner2 figure:hover h2,
.products-inner2 figure.active h2 { background: transparent; }
.products-inner2 figure:hover h2,
.products-inner2 figure.active h2 { display: block; }
.products-inner2 figure:hover,
.products-inner2 figure.active { background-color: #fff; }
.products-inner2 figure:hover img,
.products-inner2 figure.active img { opacity: 0.1; }
.products-inner2 figure figcaption,
.products-inner2 figure.active figcaption { display: flex;align-items: center;align-content: center; }

/*slider products*/
.prod-slider .slider-data-flex { padding: 0 5em 0; }
.prod-slider .slider-data-flex2 { padding: 0 2em 0; }
.slider-data-flex,
.slider-data-flex2 { align-items: center;justify-content: flex-start; }
.slider-data-flex div { width: calc(100% / 2); }
.slider-data-flex2 div { width: 100%; }
.slick-prev,
.slick-next { width: 50px!important;height: 50px!important;background-size: 49px auto!important; }
.slick-prev:hover,
.slick-next:hover { width: 50px!important;height: 50px!important;background-size: 49px auto!important; }
.navdrop { }
.navdrop .bt { display: inline-block;text-align: left;max-width: 350px; }
.navdrop nav { display: none; }

/*Stores*/
.stores-map { padding: 3em 0; }
.stores-map .stores-map-inner { flex-direction: row;flex-wrap: nowrap; }

/*Contact map*/
.map-box { margin: 0;padding: 0 3em 0 0;max-width: 600px; }
#map_canvas { height: 370px; }
#map_wrapper { height: 370px; }
.stores-map .address ul,
.stores-map .address p { text-align: left;font-size: 1.3em; }
.stores-map .address h3 { text-align: left; }
.contact-info { min-width: 40%; }
.map-info-small div { margin-bottom: 2em; }
.prod-slider2-inner { height: 550px; }
.prod-slider2-inner .slick-prev { width: 50px !important;height: 50px !important;left: 32%!important; }
.prod-slider2-inner .slick-next { width: 50px !important;height: 50px !important;right: 32%!important; }
.slick-center { border: 1px solid #E2E2E2!important;background-color: rgba(255, 255, 255, 0.6); }
.prod-slider2-inner h2 { color: transparent;font-size: 2em;text-align: center;margin-top: 0.1em;margin-bottom: 1em; }
.slick-center h2 { color: inherit; }
.prod-slider2-inner div { width: inherit; }
.standard h1 { margin-bottom: 2em; }
.standard img { max-width: 500px; }
@media only screen and (min-width : 1025px) and (max-width : 1300px) {
	footer .social-links span { max-width: 100px; }
	.footer-nav .social { margin-top: 0; }
	.map-info-small .dot { display: none; }
	.prod-slider2-inner { height: 450px; }
}
.standard2 { display: flex;margin-top: 2em;justify-content: space-between; }
.standard2 .imgbox { max-width: 27%;padding: 0 0 30px 0; }

/*Contact page*/
.contact-hero { height: 550px; }
.contact-page-inner { display: flex; gap: 4em; align-items: flex-start; }
.contact-page-info { flex: 0 0 340px; }
.contact-page-form { flex: 1; }