.img-services-aspi{
	background: url(../img/intro-aspirateur.jpg) 0 58% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.img-services-geo{
	background: url(../img/georadar.jpg) 0 58% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.img-services-compactage{
	background: url(../img/intro-compactage.JPG) 0 35% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.img-services-goudron{
	background: url(../img/intro-goudronnage.JPG) 0 55% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.img-services-terrassement{
	background: url(../img/intro-terrassement.jpg) 0 55% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.img-services-vrd{
	background: url(../img/intro-vrd.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

#video_compactage{
  background-color: black;
}

.desc-compactage span{
  background-color: rgba(90,90,90,0.70) !important;
}

.background-grey{
  background-color:rgba(90, 90, 90, 0.6) !important
}
.carousel-indicators .active{
    background-color: #ff8228 !important;
}

.no-margin{margin:0 0 !important;}

.services-accordion .card-header {
  border: none;
  margin-bottom: 5px;
  color: #fff;
  padding: 5px 10px;
  background-color: #919191;
  border-radius: 0px;
}
.services-accordion .card-header .fa {
  margin-right: 8px;
}

.services-accordion .card-header .btn-link {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-align: left;
  cursor: initial !important;
}

.contact-modal {
  background-color: rgba(255, 255, 255, 0.8);
  color: #fff;
}
.contact-modal .form-control {
  color: #fff;
}
.contact-modal form input,
.contact-modal form textarea {
  background: none;
  border-color: rgba(255, 255, 255, 0.5);
  border-radius: 0px;
}
.contact-modal form input:focus,
.contact-modal form textarea:focus {
  background: none;
  outline: none;
  text-decoration: none;
}
.contact-modal form textarea:focus,
.contact-modal form input[type="text"]:focus,
.contact-modal form input[type="email"]:focus,
.contact-modal form .uneditable-input:focus {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: none;
  outline: 0 none;
}
.contact-modal form ::placeholder {
  color: #fff;
  font-size: 13px;
  opacity: 1;
}
.services-list ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.services-list ul li.active a {
  background-color: #ff8228;
}
.services-list ul li a {
  color: #fff;
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.services-list ul li a:hover {
  background-color: #444;
}

.services-widget.contact-widget {
  border: 1px solid #777;
}
.services-widget.contact-widget h2.title {
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}
.services-widget.contact-widget.widget_nav_menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.services-widget.contact-widget.widget_nav_menu ul li a {
  text-decoration: none;
  color: #4a4a4a;
  display: block;
  padding: 8px 0px 8px 0px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.1);
}
.services-widget.contact-widget.widget_nav_menu ul li a:before {
  content: "\35";
  font-family: 'ElegantIcons';
  color: #e53935;
  display: inline-block;
  margin-right: 5px;
}
.services-widget.contact-widget .contact-info {
  color: #4a4a4a;
}
.services-widget.contact-widget .contact-info .icon {
  float: left;
  font-size: 30px;
  margin-right: 15px;
}
.services-widget.contact-widget .contact-info span.title-in {
  font-size: 13px;
}
.services-widget.contact-widget .contact-info .text {
  line-height: 19px;
  font-size: 14px;
}

.background-main-color {
  background-color: #ff8228 ;
}

.background-main-color-2 {
  background-color: #177383;
}

.background-second-color {
  background-color: #5a5a5a;
}
.main-color {
  color: #ff8228;
}
.hover-third-color:hover{
  color: #177383 !important;
}
.second-color {
  color: #5a5a5a;
}

.hover-second-color:hover{
  color: #5a5a5a !important;
}

.color-goudron-rouge{
  color: #86252b !important; 
}

.color-goudron-gris{
  color: #53515E !important;
}
.bck-color-goudron-gris:before{
  /* background-color: #86252b !important; */
  background: url(../img/contact-goudronnage.jpg) 88% no-repeat;
  background-size: 100%;
}

.bck-terrassement:before{
  background: url(../img/contact-terrassement.jpg) no-repeat;
  background-size: 100%;
}

.bck-vrd:before{
  background: url(../img/contact-vrd.JPG) no-repeat;
  background-size: 100%;
}

.padding-15px {padding: 15px;}
.padding-30px {padding: 30px;}
.padding-tb-50px {padding-top: 50px;padding-bottom: 50px;}
.padding-tb-120px {padding-top: 120px;padding-bottom: 120px;}
.padding-bottom-15px {padding-bottom: 15px;}
.margin-top-5px {margin-top: 5px;}
.margin-top-30px {margin-top: 30px;}
.margin-bottom-30px {margin-bottom: 30px;}
.margin-bottom-40px {margin-bottom: 40px;}
.sm-mb-45px {margin-bottom: 45px !important;}
.opacity-9 {opacity: 0.9 !important;}
.mt-50{margin-top: 50px;}
.mb-50{margin-bottom: 50px;}
.mb-20{margin-bottom:20px;}
.ml-45{margin-left: 45px;}
.fs-32{font-size: 28px;}

.card-body{
	flex: 1 1 auto;
    padding: 1.25rem;
}

.padding-ltr-30px{
  padding: 15px 30px 0px 30px;
}
.padding-lr-30px{
  padding: 0px 30px 0px 30px;
}

.cta-services {
  position: relative;
  padding: 30px 0;
}

@media (max-width: 767px) {
  .cta-services {
    text-align: center;
    padding: 45px 0;
  }

  .cta-services h3 {
    margin-bottom: 1.2em;
  }

  .cta-services .contact-btn {
    text-align: center;
  }
  .cta-services:before {
    background: #ff8228 !important;
  }
  .nous-contacter {
    margin-top:0px !important;
  }
}

.cta-services:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cta-aspi:before{
  background-color: rgba(23, 115, 131, 0.55);
}

.cta-services h3 {
  font-size: 30px;
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.4em;
  color: #000;
}

@media (max-width: 991px) {
  .cta-services h3 {
    font-size: 22px;
    font-size: 1.46667rem;
  }

}

.nous-contacter {
  position: relative;
  display: inline-block;
}

.nous-contacter a {
  background: #5a5a5a;
  color: #fff;
  border-radius: 4px;
  font: 600 1.08em/1em 'Roboto', sans-serif;
  padding: 0.8em 1.6em;
  display: inline-block;
  border: 1px solid #5a5a5a;
}

.cligno {
  color:#ff8228;
  animation: clignote 8s linear infinite;
}
@keyframes clignote {
  50% { 
    opacity: 0.7; 
  }
}

.cligno:hover{
  color: #177383 !important;
}


@media (max-width: 576px) {
  .nous-contacter{
    margin-left: 3.7em;

  }
}

@media (max-width: 415px) {
  .carousel video{
    width: 345px;
    height: 194px;
  }
}