.text-green {
  color : #A5BC00 !important;
}

.bg-green {
  background-color: #A5BC00 !important;;
}

.text-grey {
  color : #696969 !important;
}

.text-black {
    color : #000000
}

.bg-grey {
  background-color: #696969 !important;
}

.green-gradient {
  background: linear-gradient(40deg, #6FBB64, #A5BC00) !important;
}


.grey-gradient {
  background: linear-gradient(30deg,rgba(54, 55, 51, 0.9),rgba(121, 123, 117, 0.79)) !important;
}

.pointer {
    cursor : pointer;
}
.creative-lp .btn-white {
  color : black !important;
  font-weight: bold;
}

.nicEdit-main {
  text-align : left;
}


.jarallax a {
  color : #A5BC00;
}

a:hover {
    color : black;
}

        .main-nav {
            font-size : 15px;
        }

        .dropdown-menu {
            text-transform: capitalize;
        }

        .main-navbar .nav-link {
            font-size: 14px
        }

        .header-info {
          background : linear-gradient(70deg, #4B515D, #3E4551) !important
        }

        nav ul li a:hover {
          /*background-color: #cddc39 ;
          padding: 2px 7px;
          color : white;
          font-weight: bold;
          border-top: 4px solid;
          border-bottom: 4px solid;
          border-right: none;
          border-left: none;*/
        }

        .creative-lp .title {
          color : black !important
        }

        .navbar-nav .nav-link:hover {
            color : white !important;
            background-color: #cddc39;
            border-radius : 2px;
        }

        .creative-lp .dropdown .dropdown-menu .dropdown-item:hover {
            background-color: #A5BC00;
            transition : 0.9s;
            border : 2px solid #A5BC00;
        }

        .creative-lp .dropdown .dropdown-menu .dropdown-item:hover .main-navbar .nav-link {
            font-weight : bold;
        }

/** STYLE MENU PROJET **/

.projet-section-title {
    border: 3px solid;
    text-align: center;
    border-right: none;
    border-left: none;
    font-weight: 600;
    padding: 10px 0px;
    margin : 40px
}



.single-service {
	/*background: #212121;*/
	background : linear-gradient(30deg,rgba(54, 55, 51, 0.9),rgba(121, 123, 117, 0.79));
	padding: 60px;
	height: 400px;
	transition: all 0.9s ease 0s;
	border-radius: 7px;
	cursor : pointer;

    /*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
}

.single-service i {
	color : #95BC1D;
	font-size: 50px;
	padding-bottom: 20px;
}

.single-service h3 {
	color:#fff !important;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.single-service p {
	display: none;
	transition: all 0.9s ease 0s;
	color: #fff;
	font-weight: 700;


}

.single-service:hover p {
	display: block;
}

.single-service:hover i {
	font-size: 70px;
	transition: 0.9s;
	color : #fff;
}

.single-service:hover {
	/*background-color: tomato;
	background: url('t0f8by68eh3r27g.jpg') ;*/
	background-image: linear-gradient(30deg, rgba(149, 188, 29, 0.5),rgba(121, 123, 117, 0.79)),
                  url("t0f8by68eh3r27g.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	border-radius: 3px;
    overflow: hidden;
}

.single-service:hover .img-projet {
    display : none
}

.carousel-multi-item .carousel-indicators li {
    background-color: #A5BC00
}

.carousel-multi-item .carousel-indicators .active {
    background-color: #696969;
}

.content p {
    font-size: 12px
}
hr {
	color : white;
	border : 1px solid;
}

.ref-content:hover .ref-icone-categorie {
    font-size: 17px;
    transition: 0.9s;
    color : #fff;
 }

 .ref-content:hover .ref-diminutif {
     font-size: 18px;
     transition: 0.9s;
     color : #fff;
  }



  /*=======================================================================
  [09] Skill Area
  =========================================================================*/
  .section-space-counter {
      padding: 11.5rem 0 7rem;
   }
   .overlay-default {
       position: relative;
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
    }

    .circle {
      width: 100px;
      margin: 6px 6px 20px;
      display: inline-block;
      position: relative;
      text-align: center;
      line-height: 1.2;
    }

    .circle canvas {
      vertical-align: top;
      width : 150px;
      height: 150px;
    }

    .circle strong {
      position: absolute;
      top: 51px;
      left: 21px;
      width: 100%;
      text-align: center;
      line-height: 40px;
      font-size: 38px;
    }

    .circle strong i {
      font-style: normal;
      font-size: 0.6em;
      font-weight: normal;
    }

    .circle span {
      display: block;
      color: #fff;
      font-weight: bold;
      margin-top: 15px;
      text-transform : uppercase;
      margin-left : 30px
    }
  /** Domaine d'intervention **/


  .domaine-intervention {
  	padding: 20px;
  	transition: all 0.5 ease 0s;
  	border: 5px solid #fff;
  	height: 300px;
  	margin: 10px 0;
    border-radius: 5px;
    cursor : pointer;
    background :red;
    background: linear-gradient(40deg, #6FBB64, #A5BC00) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  }

  .symbol {
  	position: relative;
  	text-align: center;
  	top: 40px;
  	transition: all 0.4s ease 0s;
  	width: 80px;
  	background : #fff;
  	border-radius: 50px;
  	color : #333;
  	display: inline-block;
  	font-style: 23px;
  	height: 80px;
  	line-height: 85px;
  	margin-bottom: 0;
    margin-left: 35%;
    padding-top: 5px;
  }

  .symbol i {
      font-size : 40px
  }

  .domaine-intervention h3{
  	color : #fff;
  	margin: 0;
  	position: relative;
  	text-transform: uppercase;
  	top: 90px;
  	transition: all 700ms cubic-bezier(0.62, -0.50, 0.255, 1.50) 0s;
  }

  .domaine-intervention:hover {
  	background: #20639b;
    background: linear-gradient(30deg,rgba(54, 55, 51, 0.9),rgba(121, 123, 117, 0.79)) !important;
  	border : 2px solid #5c991e;
  }

  .domaine-intervention:hover .symbol {
  	top : -10px;
  	color : #20639b;
  }

  .domaine-intervention:hover h3 {
  	color:#fff;
  	top : 0;
    font-weight : bold;
  	margin-bottom: 15px;
  }

  .domaine-intervention:hover i {
  	color: #A5BC00;
  }

  .domaine-intervention p {
  	opacity: 0;
  	transition: all 700ms cubic-bezier(0.65, -0.50, 0.255, 1.50) 0s;

  }

  .domaine-intervention:hover p {
  	color : #fff;
  	opacity: 1;
  	transition : scale(1);
  }