/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
	margin    : 0;
	padding   : 0;
	list-style: none;
}

.sf-menu li {
	position: relative;
}

.sf-menu ul {
	position: absolute;
	display : none;
	top     : 100%;
	left    : 0;
	z-index : 99;
}

.sf-menu>li {
	float: left;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
	display: block;
}

.sf-menu a {
	display : block;
	position: relative;

}

.sf-menu ul ul {
	top : 0;
	left: 100%;
}

/*** Default Menu Style ***/
.menu ul {
	margin    : 0;
	padding   : 0;
	list-style: none;
}

.menu ul li {
	position: relative
}

.menu ul ul {
	position        : absolute;
	display         : none;
	top             : 100%;
	left            : 0;
	z-index         : 100;
	width           : 225px;
	background-color: #FFF;
}

@media (max-width: 600px) {
	.menu ul ul {
		top: 50px
	}

	.menu ul ul li :last-child {}
}

.menu>ul li {
	float           : left;
	background-color: #FFF;
}

.menu ul li:hover>ul {
	display: block;
}

.menu ul a {
	display : block;
	position: relative;
}

.menu ul ul ul {
	top : 0;
	left: 100%;
}

.menu ul a {
	text-decoration: none;
	font-size      : 12.5px;

}

.menu ul>li>a {
	color          : #ED1C24;
	/*252c34*/
	font-weight    : 800;
	line-height    : 22px;
	overflow       : hidden;
	text-transform : uppercase;
	/*touppercase*/
	margin-right   : 10px;
	border         : 1px solid #000;
	border-radius  : 0px;
	display        : flex;
	align-items    : center;
	justify-content: space-between;
	letter-spacing : 10;
	height         : 10px;
	text-decoration: none;
	list-style     : none;
}

.menu ul>li>a:hover {
	color: #FFF;
}

#current {
	color           : #ED1C24;
	background-color: #000;
}


.menu ul li a:hover,
.menu ul>li:hover>a {
	color           : #ED1C24;
	background-color: #000;
}


#current:after {
	bottom           : -2.5px;
	left             : 50%;
	display          : block;
	height           : 5px;
	margin           : 0 0 0 -2.5px;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	-ms-transform    : rotate(45deg);
	-o-transform     : rotate(45deg);
	transform        : rotate(45deg);
	position         : absolute;
	width            : 5px;
}

.ie8 #current:after {
	display: none;
}

#btn-demandez-devis {
	color           : #FFF;
	background-color: #000;
	border-radius   : 0px;
	font-size       : 12px;
	padding         : 16px;
	border          : 1px solid #ED1C24 !important;
	font-weight     : 800;
	line-height     : 22px;
	overflow        : hidden;
	text-transform  : uppercase;
}

#btn-demandez-devis:hover {
	color           : #ED1C24;
	background-color: #000;
	border-radius   : 0px;
	box-sizing      : border-box;
	border          : 2px solid #ED1C24 !important;
}

.fullwidthbanner-container #btn-demandez-devis {
	font-size    : 17px;
	padding      : 12px 20px 12px 20px;
	border-radius: 80px;
}


/*
.menu ul li a {
	-webkit-transition:border 150ms ease-in-out,background-color 150ms ease-in-out;
	-moz-transition:border 150ms ease-in-out,background-color 150ms ease-in-out;
	-o-transition:border 150ms ease-in-out,background-color 150ms ease-in-out;
	-ms-transition:border 150ms ease-in-out,background-color 150ms ease-in-out;
	transition:border 150ms ease-in-out,background-color 150ms ease-in-out;
}

.menu ul ul {
	background-color:#FFF;
	z-index:999;
	border-radius:0;
	margin: 0;
	box-shadow:0 0px 0px rgba(0,0,0,0.04);
}
.menu>ul ul li:hover>a {
	border-bottom:0;
	background:transparent;
	height: 30px;
}*/
.menu ul ul li {
	background-color: #000;
	margin          : 0;
	padding         : 0;
	width           : 100%;
	border-radius   : 0;
}



.menu ul ul li a {
	height          : 43px;
	width           : 130%;
	color           : #ED1C24;
	background-color: #FFF;
	border-radius   : 0;
	margin-top      : 1px;
	font-size       : 12px;
	font-weight     : bolder;
	line-height     : 18px;
	padding         : 10px 10px;
	border          : 1px;
	text-align      : left;

	-webkit-transition: all .0s ease-in-out;
	-moz-transition   : all .0s ease-in-out;
	-o-transition     : all .0s ease-in-out;
	-ms-transition    : all .0s ease-in-out;
	transition        : all .0s ease-in-out;
	display           : block;
}

.menu ul ul li {
	background-color: #FFF;
	border-top      : 0px solid #FFF;
}

.menu ul ul li:first-child {
	border: 0;
}

.menu ul ul li a:hover {
	color           : #FFF;
	background-color: #ED1C24;
	border-radius   : 0;
	/*padding-left  :21px !important;*/
}

/*
.menu ul ul li a:hover {
	border-radius:10px 10px 10px 10px;
}
*/

.menu ul ul ul {}

.sf-sub-indicator {}

.menu ul ul .sf-sub-indicator .icon-chevron-down {
	display: none;
}

/*
@media (min-width: 768px) and (max-width: 979px) {
	.menu ul ul li {
		margin:40px;
		padding:0;
		width:100%;
		border-radius: 0;
	}
	}
	*/
@media (min-width: 768px) and (max-width: 979px) {
	.menu ul ul li {
		background-color: #000;
		margin          : 100px;
		padding         : 40;
		height          : 50px;
		width           : 100%;
		border-radius   : 0;
		border-top      : 1px solid #FFF;
	}
}

@media (max-width: 600px) {
	.menu ul ul li {
		background-color: #000;
		border-top      : 1px solid #FFF;
	}

	.menu ul ul li:last-child {
		background-color: #FFF;
		padding-bottom  : 25px;
	}

	.nav-scroll-bar {
		height          : 200px;
		overflow-x      : hidden;
		overflow-y      : auto;
		/* transform    : translateX(100%); */
		/* transition   : .65s; */
	}

	.fullwidthbanner-container #btn-demandez-devis {
		font-size  : 11px;
		padding    : 7px 13px 7px 13px;
		margin-left: -40px;
	}
}