/*Ancien vert: #779a0b, #6d8d23*/

@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@1,700&display=swap');

@font-face {
	font-family: 'sommetblack';
	src: url('../fonts/sommetblack-webfont.woff2') format('woff2'),
		url('../fonts/sommetblack-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'sommetregular';
	src: url('../fonts/sommet-webfont.woff2') format('woff2'),
		url('../fonts/sommet-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'sommetbold';
	src: url('../fonts/sommetbold-webfont.woff2') format('woff2'),
		url('../fonts/sommetbold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

body,
html {
	font-family: "sommetregular", arial, sans-serif;
	color: #4d4d4d;
	font-size: 16px;
	overflow-x: hidden;
}

h1,
.h1,
h2,
.h2 {
	/*font-weight: 700;*/
	font-family: "sommetblack", arial, sans-serif;
}

h3,
.h3,
h4,
.h4,
h5,
.h5 {
	font-family: "sommetbold", arial, sans-serif;
}

.container:not(#homepage) .h1,
.container:not(#homepage) h1 {
	color: #194B1E;
}

#search {
	z-index: 0;
}

h4,
.h4 {
	/*font-weight: normal;*/
	/*line-height: 27px;*/
}

.clearfix {
	clear: both;
}

.lobster {
	font-family: 'Lobster Two', cursive;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: white;
	background-color: #f35321;
	padding: 10px 30px;
	border-radius: 3px;
	border-color: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background-color: #dc4719;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: white;
	background-color: #194B1E;
	padding: 5px 15px;
	border-radius: 3px;
	border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: #275e2d;
}

.position-relative {
	position: relative;
}

.bandeau_new {
	z-index: 1;
	background: #134918;
	color: white;
	padding: 10px;
	position: absolute;
	transform: rotate(25deg);
}

.bandeau_new p {
	color: white;
	margin: 0;
	text-align: center;
}

.bandeau_new.new {
	right: -2vw;
	top: 1vw;
	width: 20vw;
}

.bandeau_new.scrolling {
	right: -3vw;
	top: 3vw;
	width: 30vw;
}

.bandeau_new.scrolling p {
	white-space: nowrap;
	/* animation properties */
	-moz-transform: translateX(7%);
	-webkit-transform: translateX(7%);
	transform: translateX(7%);

	-moz-animation: my-animation 3s linear;
	-webkit-animation: my-animation 3s linear;
	animation: my-animation 3s linear;
}

/* for Firefox */
@-moz-keyframes my-animation {
	from {
		-moz-transform: translateX(100%);
	}

	to {
		-moz-transform: translateX(7%);
	}
}

/* for Chrome */
@-webkit-keyframes my-animation {
	from {
		-webkit-transform: translateX(100%);
	}

	to {
		-webkit-transform: translateX(7%);
	}
}

@keyframes my-animation {
	from {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	to {
		-moz-transform: translateX(7%);
		-webkit-transform: translateX(7%);
		transform: translateX(7%);
	}
}


#top-header {
	padding: 10px 0 0 0;
	border-bottom: 2px solid #768828;
	z-index: 2;
	position: relative;
	background: white;
}

#menu,
#logo,
#menu li {
	display: inline-block;
}

#logo {
	float: left;
}

#menu {
	float: right;
	margin: 15px 0;
}

#menu li a {
	text-transform: uppercase;
	font-weight: 700;
	color: #707374;
	font-size: 15px;
}

#menu li>a:active,
#menu li>a:hover,
#menu li>a:focus,
#menu li.active>a,
.dropdown-menu li.active>a,
.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-menu li>a:active {
	background-color: transparent;
	color: #f35727;
}

#menu .dropdown-menu {
	display: none;
	position: absolute;
	border: 1px solid lightgrey;
	border-radius: unset;
	background-color: white;
	z-index: 1;
	width: 100%;
	padding-top: 0;
}

.dropdown-menu li {
	display: block !important;
	padding: 5px 0;
}

.dropdown-menu li a {
	padding: 5px 0;
	text-decoration: none;
}

.menu-row {
	display: flex;
}

.menu-row .col {
	text-align: center;
}

.menu-row .col a {
	color: black !important;
	text-decoration: none;
}

.menu-row .col img {
	margin: auto;
}

.menu-row.cats .col img {
	max-width: 60px;
}

.menu-row.brands .col img {
	max-width: 100px;
}

.menu-row.brands {
	align-items: center;
}

#hamburger {
	padding: 15px;
	display: none;
	cursor: pointer;
}

#hamburger .fa-bars {
	font-size: 30px;
	color: #707374;
	float: right;
}

#responsive-menu {
	display: none;
	margin-top: 10px;
}

#responsive-menu li {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}

#responsive-menu li a {
	padding: 15px;
	color: #768828 !important;
	background-color: #f2f2f2;
	border-top: 1px solid white;
}

#responsive-menu li a:active,
#responsive-menu li a:focus,
#responsive-menu li a:hover,
#responsive-menu li.active>a {
	color: #f35727 !important;
	background-color: #e6e6e6;
}

#responsive-menu .nav {
	border-bottom: 2px solid #768828;
}

#responsive-menu .nav .phone {
	background: #f2f2f2;
	padding: 15px;
	border-top: 1px solid white;
}

#responsive-menu .nav .phone p {
	margin: 0;
}

.left-menu {
	background-color: #4d4d4d;
	padding: 10px;
	color: #fff;
}

.left-menu ul {
	padding: 0;
	margin: 0;
}

.left-menu li {
	list-style-type: none;
}

.left-menu li a {
	color: #fff;
	display: block;
	padding: 10px 20px;
}

.left-menu li .cat a {
	display: inline;
}

.left-menu li .cat {
	padding: 10px;
}

.left-menu li a span {
	float: right;
	display: none;
}

.left-menu li .cat:hover,
.left-menu li .cat.active {
	background-color: #f35727;
}

.left-menu li:hover a {
	text-decoration: none;
}

.left-menu li:hover a span,
.left-menu li.active a span {
	display: inline-block;
}

.cat_fa {
	float: right;
	display: inline;
}

#slider img {
	width: 100%;
}

.bottom_gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent 60%, #000);
	;
	z-index: 1;
}

.carousel {
	z-index: 1;
}

.carousel-caption {
	/*left: 24vw;*/
	/*bottom: 10vw;*/
	text-align: left;
	text-shadow: black 2px 2px 2px;
	z-index: 2;
}

.bg-caption {
	display: inline-block;
	/*background: rgba(255, 255, 255, 0.5);*/
	padding: 10px 30px;
	border-radius: 10px;
}

.carousel-caption h1 {
	font-size: 1.6vw;
}

.carousel-caption h2 {
	line-height: 2vw;
	font-size: 1.3vw;
	margin-bottom: 2vw;
}

.carousel-caption a {
	font-size: 0.8vw;
}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	background-color: white;
	margin-right: 10px;
}

.carousel-indicators .active {
	width: 17px;
	height: 17px;
	background-color: #f35727;
	border-color: #f35727;
	margin-right: 10px;
}

.search {
	padding: 10px 0;
/*	background-color: rgba(119, 154, 11, 0.2);*/
	background-color: #194B1E;
	margin-bottom: 25px;
}

.search button {
	background-color: transparent;
	border: none;
	color: #4d4d4d;
}
.form-inline .input-group .input-group-addon{
	width:38px;
}
.search .form-control{
	border: none;
}
.search .input-group{
	width: 100%;
}

.prod-search {
	color: #194B1E !important;
}

.prod-search:hover {
	text-decoration: none !important;
}

.card {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	height: 360px;
	/* display: flex; */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.card.card-homepage img.img-bg{
	transform: scale(1);
	transition:all 2s;
}
.card.card-homepage:hover img.img-bg{
	transform: scale(1.1);
	transition:all 2s;
}
.card .cat_over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(19, 73, 24, 0.8);
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition:all .5s;
}

.card .cat_over:hover {
	opacity: 1;
	transition:all .5s;
}

.card .cat_over img:not(.the-bastard) {
	width: 5vw;
}

.card .cat_over img.the-bastard {
	width: 7vw;
}

.card .cat_over ul {
	margin-top: 20px;
}

.card .cat_over li {
	display: block !important;
}

.card .cat_over a {
	color: white;
	font-weight: 400;
	text-decoration: underline;
	line-height: 18px;
	font-size: 18px;
	line-height: 25px;
}
.card .cat_over a:hover {
	color: #f35321;
}

.card .opacity_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	mix-blend-mode: multiply;
}

.card .card_caption {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.card .card_caption .brand-logo:not(.the-bastard) {
	width: 7vw;
}

.card .card_caption .brand-logo.the-bastard {
	width: 11vw;
}

.card:hover .brand-logo {
	opacity: 0;
}

.card .card_caption p {
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
/*	text-shadow: black 2px 2px 2px;*/
/*	margin-bottom: 108px;*/
}

.ui-menu-item:hover,
.ui-menu-item:focus,
.ui-menu-item-wrapper:hover {
	color: #dc4719;
	border: none;
}

.banner {
	height: 500px;
	overflow: hidden;
	background-image: url('../img/jardin.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 3px solid #194B1E;
}

.banner-photo {
	background-image: url('../img/H350-0214.jpg');
}

.banner-service {
	background-image: url('../img/services.png');
}

.banner-husqvarna {
	background-image: url('../img/husqvarna.jpg');
}

.banner-belrobotics {
	background-image: url('../img/belrob-banner.jpg');
}

.banner-105 {
	background-image: url('../img/105.jpg');
}

.banner-310 {
	background-image: url('../img/310.jpg');
}

.banner-315 {
	background-image: url('../img/315.jpg');
}

.banner-420 {
	background-image: url('../img/420.jpg');
}

.banner-430 {
	background-image: url('../img/430.jpg');
}

.banner-440 {
	background-image: url('../img/440.jpg');
	background-position: bottom;
}

.banner-450 {
	background-image: url('../img/450.jpg');
}

.banner-faq {
	background-position: bottom;
	background-image: url('../img/H350-0367.jpg');
}

.banner-contact {
	background-image: url('../img/maxresdefault.jpg');
}

.banner-entretiens {
	background-position: center bottom;
	background-image: url('../img/winteriscoming.jpg');
	/* background-image: url('../img/105.jpg');*/
}

.banner-entretiens h1 {
	text-align: center;
	margin-top: 300px;
	color: #194B1E;
}

#homepage ul {
	padding: 0;
	margin-bottom: 50px;
}

#homepage li {
	list-style-type: none;
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
}

#homepage li:first-child div:after {
	content: ' | ';
	font-size: 25px;
	color: #4d4d4d;
}

#homepage li .filtre {
	cursor: pointer;
}

#homepage li .filtre:hover,
#homepage li .filtre:focus,
#homepage li .filtre.active {
	color: #f35321;
}

#homepage .products .h5 {
	text-align: center;
}

#homepage .fa-phone,
#homepage .fa-wrench {
	font-size: 100px;
	color: #194B1E;
}

#news {
	background-color: rgba(119, 154, 11, 0.2);
}

#catalogue {
	margin-bottom: 50px;
}

#catalogue h1 {
	font-size: 56px;
	margin-bottom: 50px;
}

#catalogue .filter {
	margin-bottom: 20px;
}

#catalogue .filter-title {
	color: white;
	background: #194B1E;
	padding: 10px 35px;
	text-align: center;
	margin-bottom: 0;
	border-radius: 5px 5px 0 0 ;
}

#catalogue .filter-body {
	background: #F7F7F7;
	border-radius:0 0 5px 5px;
	padding: 35px;
}

#catalogue .filter-body .filter-item{
	margin-bottom: 20px;
}
#catalogue .filter-body .filter-item p{
/*	color: #194B1E;*/
}

#catalogue .filter-body .checkbox:first-of-type {
	margin-top: 20px;
}

#catalogue .filter-body .checkbox {
	margin-bottom: 15px;
}

#catalogue .filter-body .checkbox input[type="checkbox"] {
	accent-color: #134918;
}

#catalogue .filter-body .feature-values {
	height: 2px;
	width: 100%;
	background: #7A7A7A;
	color: #7A7A7A;
	margin: 40px 0 50px 0;
	display: flex;
	justify-content: space-between;
	border: none;
	position: relative;
	z-index: 1;
}

#catalogue .filter-body .feature-values .val {
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	margin-top: 10px;
}
#catalogue .filter-body .feature-values .val.min-val{
	margin-left: -10px;
}
#catalogue .filter-body .feature-values .val.max{
	margin-right: -10px;
}

#catalogue .filter-body .feature-values input {
	position: absolute;
	top: -30px;
	left: -5px;
	background: unset;
	border: unset;
	color: #134918;
	outline: unset;
	font-size: 13px;
/*	font-weight: 600;*/
}

#catalogue .filter-body .feature-values .ui-slider-range {
	background: #134918;
}

#catalogue .filter-body .feature-values .ui-slider-handle {
	background: white;
	border: 2px solid #134918;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	cursor: pointer;
	outline: unset;
}

#catalogue .card {
	border: 1px solid #F7F7F7;
	height: auto;
}


#catalogue .card .img-wrapper{
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover!important;
}
#catalogue .card .card-body{
	padding:20px;
	background-color: #F7F7F7;
	border-radius: 0 0 5px 5px;
	width: 100%;
	text-align: center;
	color: #194B1E;
	transition: .5s all;
	font-weight: 700;
}

#catalogue a{
 	text-decoration: none;
}

#catalogue .card:hover .card-body{
	background-color: #194B1E;
	color: #FFF;
	transition: .5s all;

}

#catalogue .card img{
	/*min-height: 100%;
	min-width: 100%;*/
}

#catalogue .card .card_caption {
	padding: 10px;
}

.home-prod {
	color: inherit;
}

.home-prod:hover {
	color: inherit;
	text-decoration: none;
}

.machine:hover {
	border: 2px solid #f35727;
	padding: 18px;
}

.machine {
	padding: 20px;
	border-radius: 3px;
}

.caract .row {
	margin: 20px 0;
}

.caract .col-sm-8 {
	padding: 0;
}

.infos {
	position: absolute;
	bottom: 0;
	right: 0;
}

.panel {
	cursor: pointer;
}

.panel-heading {
	position: relative;
}

#faq .panel-heading {
	padding-right: 50px;
}

#faq .fa {
	position: absolute;
	right: 20px;
	top: 35%;
}

.category .fa {
	position: absolute;
	/*bottom: 10px;*/
	right: 10px;
	top: 10px;
	/*left: 0;*/
}

.category .panel-heading {
	padding-bottom: 30px;
}

.gallery-title {
	background-color: #f35727;
	color: white;
	padding: 30px;
	margin-top: -10px;
	position: relative;
}

.cover h3 {
	margin: 0;
}

.cover:hover a,
.cover a:focus,
.cover a:active {
	text-decoration: none !important;
}

.cover:hover .gallery-title {
	background-color: #dc4719;
}

#filedown li {
	list-style-type: none;
	margin-bottom: 20px;
}

#filedown li a {
	border: 3px solid #f35727;
	border-radius: 3px;
	padding: 10px 0;
	color: #4d4d4d;
	font-weight: 700;
	display: block;
	text-align: center;
}

#filedown li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #f35727;
}

#services ul li {
	list-style-type: none;
}

#services ul:not(.nav-pills) li:before {
	font-family: FontAwesome;
	content: '\f00c';
	color: #f35727;
	margin-right: 10px;
}

#services ul li ul li:before {
	color: #8B9140;
}

#services li:not(.active) .tab {
	color: #f35321;
	border-bottom: 2px solid;
}

#services .tab {
	min-width: 150px;
	text-align: center;
	margin-right: 20px;
}

#contact .fa {
	font-size: 40px;
}

#contact button[name=Submit] {
	background-color: #f35321;
	border: none;
	color: #fff;
	border-radius: 3px;
	box-shadow: 1px 2px 6px #888888;
	padding: 8px 20px;
}

#contact button[name=Submit] .fa {
	font-size: 25px;
	margin-right: 15px;
}

.scroll_top,
.scroll_top:hover,
.scroll_top:focus,
.scroll_top:active {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	padding: 0 0 6px 0;
	border-radius: 50px;
}

#bottom-privacy {
	position: fixed;
	z-index: 999999999999;
	bottom: 0;
	right: 0;
	left: 0;
	background: #707374;
	/* background du fond */
}

#bottom-privacy .container {
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	padding: 20px 35px;
}

#bottom-privacy .container a {
	color: #f35727;
	/* couleur du lien */
}

#bottom-privacy .container a.btn {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	transition: all 250ms;
	position: relative;
	line-height: 25px;
	border-radius: 0;
}

footer {
	background-color: #242424;
	color: #fff;
	padding: 20px 0 10px 0;
	font-size: 12px;
}

.titre {
	border-bottom: 1px solid white;
	padding-bottom: 8px;
}

footer .nav {
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

footer .nav:before,
footer .nav:after {
	display: none;
}

footer .nav i {
	display: none;
}

footer li {
	display: inline-block !important;
}

footer li a,
footer .dropdown-menu li a {
	color: #fff;
}

footer li a:hover,
footer li a:focus,
footer li a:active,
footer .dropdown-menu li a:hover,
footer .dropdown-menu li a:active,
footer .dropdown-menu li a:focus,
footer .dropdown-menu li.active a {
	color: #fff;
	background-color: transparent !important;
}

footer .dropdown-menu {
	display: none;
	background-color: transparent;
	padding: 0 15px;
	position: static;
	box-shadow: none;
	border: none;
	font-size: 12px;
	min-width: 0;
}

footer .dropdown .fa-angle-down {
	display: none;
	font-size: 12px !important;
}

footer .phone {
	display: none !important;
}

footer .col-left .fa {
	font-size: 40px;
	margin: 5px 0 0 5px;
	color: #395498;
}

footer .col-right .fa {
	font-size: 25px;
}

footer .col-right .row,
#contact .row {
	margin: 20px 0;
}

.bottom {
	padding-top: 10px;
	background-color: #191919;
	font-size: 10px;
}

/* --- PAGE ENTRETIEN --- */
.message-rouge {
	text-align: center;
	color: red;
	font-weight: bold;
	min-height: 200px;
	border: 2px solid red;
}

.message-rouge .row {
	margin: 0 !important;
}

.message-rouge .row .col-md-6:first-child {
	min-height: 200px;
}

.message-rouge .row .col-md-6 p:first-child {
	margin-top: 70px;
}

.message-rouge .img-box {
	/*background: url(../img/entretien-105.jpg) center bottom;
    background-size: cover;*/
	min-height: 200px;
}

#blog .card {
	margin: 30px 0;
}

#blog .card_img {
	max-height: 225px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#blog .card_body {
	padding: 10px;
	background-color: #E4EBCE;
}

#blog_details {
	margin: 50px 0;
}

#blog_details .img-thumbnail {
	margin-bottom: 10px;
}


/* --- RESPONSIVE --- */

@media (max-width: 1400px) {
	.bandeau_new.new {
		right: -2vw;
		top: 1vw;
		width: 20vw;
	}

	.bandeau_new.scrolling {
		right: -8vw;
		top: 4vw;
		width: 40vw;
	}

	.bandeau_new p {
		font-size: 1.4vw;
	}
}

@media (max-width: 1200px) {
	#hamburger {
		display: block;
		padding-bottom: 0;
	}

	#menu {
		display: none;
	}

	.dropdown-menu {
		width: 100%;
		position: relative;
		border: none;
		box-shadow: none;
		float: none;
		margin: 0;
		border-radius: 0;
	}

	.dropdown-menu li {
		padding: 0;
	}

	.dropdown-menu a,
	.dropdown-menu .active a {
		background-color: transparent !important;
		color: #fff !important;
	}

	#responsive-menu {
		display: block;
		position: absolute;
		top: 95px;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 16;
	}

	#top-header .container {
		padding-bottom: 10px;
	}

	.carousel-caption {
		bottom: 5vw;
	}

	.banner {
		height: 200px;
	}
}

@media (max-width: 991px) {
	.hp_video {
		width: 100%;
		height: 53vw;
	}

	.cat_row {
		display: block !important;
	}

	.menu-row {
		display: block;
	}

	.dropdown-menu a {
		display: flex;
		align-items: center;
		color: #4d4d4d !important;
		margin-bottom: 15px;
	}

	.dropdown-menu a img {
		width: 35px;
		height: auto;
		margin-right: 10px;
	}

	.dropdown-menu a p {
		margin-bottom: 0;
	}

	.menu-row.brands a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		margin-bottom: 35px;
	}

	.menu-row.brands a img {
		width: 90%;
		margin-right: 0;
	}

	.menu-row .col img {
		margin: unset;
	  }

	.card .card_caption .brand-logo:not(.the-bastard) {
		width: 25vw;
	}

	.card .cat_over img:not(.the-bastard) {
		width: 20vw;
	}

	.card .card_caption .brand-logo.the-bastard {
		width: 40vw;
	}

	.card .cat_over img.the-bastard {
		width: 30vw;
	}
}

@media (max-width: 767px) {
	.bandeau_new {
		display: none;
	}

	.home-prod img,
	.cat_prod {
		max-width: 300px;
	}

	footer .nav {
		display: inline-block;
	}
}

@media (max-width: 614px) {
	#top-header {
		border-bottom: 0;
	}
	#slider {
		display: none;
	}

	.infos {
		position: static;
	}

	.carousel-caption {
		display: none;
	}
}

@media (max-width: 315px) {
	footer .nav {
		display: inline-block !important;
	}

	footer li {
		display: block !important;
	}
}