/*******************************/

/********* General CSS *********/

/*******************************/



@font-face {

    font-family: 'nunitosemibold';

    src: url('fonts/nunito-semibold-webfont.woff2') format('woff2'),

         url('fonts/nunito-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'nunitosemibold';

    src: url('fonts/Bahnschrift.woff2') format('woff2'),

        url('fonts/Bahnschrift.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

  font-family: Nunito;

  src: url('fonts/nunito-v10-latin-regular.woff2') format('woff2'), url('fonts/nunito-v10-latin-regular.woff') format('woff');

  font-weight: 400;

  font-style: normal;

  font-display: swap

}

@font-face {

  font-family: Nunito;

  src: url('fonts/nunito-v10-latin-italic.woff2') format('woff2'), url('fonts/nunito-v10-latin-italic.woff') format('woff');

  font-weight: 400;

  font-style: italic;

  font-display: swap

}

@font-face {

  font-family: Nunito;

  src: url('fonts/nunito-v10-latin-600.woff2') format('woff2'), url('fonts/nunito-v10-latin-600.woff') format('woff');

  font-weight: 700;

  font-style: normal;

  font-display: swap

}

body {

    color: #262727;

    background: #ffffff;

    font-family: Nunito,Helvetica,Arial,sans-serif' !important;

}

h4{

	font-weight: 600;



}



h1,

h2, 

h3, 

h4,

h5, 

h6 {

    color: #222;

    font-family: Nunito,Helvetica,Arial,sans-serif !important;

}



a {

    color: #454545;

    transition: .3s;

}



a:hover,

a:active,

a:focus {

    color: #092a49;

    outline: none;

    text-decoration: none;

}

.csc-table{}

.csc-table tr{

}

.csc-table th{

		    border: 1px solid #ccc;

    background: #006767;

    color: #fff;

    padding: 3px 11px;

	text-align: left



}

.csc-table td{

	border: 1px solid #ccc;

	    padding: 11px;

}









.btn:focus,

.form-control:focus {

    box-shadow: none;

}



.container-fluid {

    max-width: 1366px;

}

container-fluid2{

	max-width: 100%

}



.back-to-top {

    position: fixed;

    display: none;

    background: #78b22b;

    width: 44px;

    height: 44px;

    text-align: center;

    line-height: 1;

    font-size: 22px;

    right: 15px;

    bottom: 15px;

    transition: background 0.5s;

    z-index: 9;

}



.back-to-top i {

    color: #fff;

    padding-top: 10px;

}



.back-to-top:hover {

    background: #006767;

}



.back-to-top:hover i {

    color: #fff;

}



@media (min-width: 992px) {

    .mt-125 {

    }

}











/**********************************/

/*********** Nav Bar CSS **********/

/**********************************/

.navbar {

    position: relative;

    transition: .5s;

    z-index: 999;

}



.navbar.nav-sticky {

    position: fixed;

    top: 0;

    width: 100%;

    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);

    transition: .5s;

}



.navbar .navbar-brand {

    margin: 0;

    color: #ffffff;

    font-size: 45px;

    line-height: 0px;

    font-weight: 200;

    text-transform: uppercase;

}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active, .langue a.nav-item.nav-link.active {

	    transition: none;

    border-bottom: 2px solid;

	position: relative

}

.navbar-dark .navbar-nav .nav-link:hover:after, .navbar-dark .navbar-nav .nav-link.active:after, .langue a.nav-item.nav-link.active:after {

  /*  content: '';

    width: 10px;

    height: 2px;

    position: absolute;

    bottom: -2px;

    background: #fff;

    left: 0px;*/

}

.navbar .navbar-brand img {

    max-width: 100%;

    max-height: 40px;

}



.navbar-dark .navbar-nav .nav-link,

.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active {

       padding: 10px 0px 8px 0px;

    color: #ffffff;

    margin-right: 15px;

	position: relative

}

.container-fluid {

    position: relative;

}



.langue {

       position: absolute;

    right: 19px;

    height: 0;

    top: 10px;

}

.langue a {

    float: left;

}

.langue a.nav-item.nav-link {

    color: #fff !important;

}

.langue a.nav-item.nav-link:hover, .langue a.nav-item.nav-link.active  {

    color: #fff !important;

}

.terms li{

}



.terms {

    text-align: justify;

}

.terms ul {

	    padding: 0px 17px;

}

div#navbarCollapse {

margin-top: 70px;
padding-left: 10px;}

.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link:active {

    transition: none;

	border-bottom: 2px solid

}

.navbar-dark .navbar-nav .nav-link:hover:after,

.navbar-dark .navbar-nav .nav-link:active:after {

	/*    content: '';

    width: 10px;

    height: 2px;

    position: absolute;

    bottom: -2px;

    background: #fff;

    left: 0px;*/

	

}



.navbar .dropdown-menu {

    margin-top: 0;

    border: 0;

    border-radius: 0;

    background: #f8f9fa;

}

button.CnxBtn {

            background: #78b22b;

    border: none;

    border-radius: 24px;

    padding: 8px 24px 8px 66px;

    color: #fff;

    position: relative;

    margin-right: 10px;

	font-family: Nunito,Helvetica,Arial,sans-serif;

}

.footer .col-lg-8, .col-lg-4{

	padding-left: 0

}



button.CnxBtn:before {

	        content: url(../img/icons/icon-connexion.png);

    left: 30px;

    top: 5px;

    position: absolute;

}

button#subs:before{

		        content: url(../img/icons/icon-inscription.png);



	

}



#Abtsect2 .section-header {

    text-align: left;

}

#Abtsect2 .section-header h2 {

    margin-bottom: 8px;

	font-family: Nunito,Helvetica,Arial,sans-serif;

}#Abtsect2 .section-header h2 span {

	font-weight:100

}

#Abtsect2 .section-header p {

	color: #006767

}

ul.listpillars {

    margin: 0;

    padding: 0;

}

ul.listpillars li {

    background: url(../img/icons/icon-pillars.jpg) no-repeat left;

    list-style: none;

    padding-left: 70px;

}

ul.listpillars li strong{

	         border-bottom: 1px solid #fff;

    padding-bottom: 45px;

    width: 100%;

    display: block;

    color: #006767;

    font-size: 19px;

    padding-top: 28px;

}



ul.listpillars li span{ 

	display: block;

    font-weight: normal;

	color: #262727;

	font-size: 15px

	

}







@media (min-width: 992px) {

    .navbar {

        position: absolute;

        width: 100%;

        top: 0;

        padding: 0;

        background: none !important;

        z-index: 9;

    }

    

    .navbar.nav-sticky {

         padding: 0;

    background: #006767 !important;

    padding-bottom: 20px;

    }

    

    .page .navbar {

    }

    

    .navbar a.nav-link {

            padding: 8px 15px;

    font-size: 18px;

    letter-spacing: 1px;

    }

}



@media (max-width: 991.98px) {   

    .navbar {

        padding: 15px;

        background: #013d3d !important;

    }

    

    .navbar a.nav-link {

        padding: 5px;

    }

    

    .navbar .dropdown-menu {

        box-shadow: none;

    }

}





/*******************************/

/********** Hero CSS ***********/

/*******************************/



.logo {

	        background: url(../img/tire.png) repeat-y left;

    padding-left: 60px;

    padding-top: 63px;

}

.navbar.nav-sticky .logo {

padding-top: 46px;

    padding-bottom: 18px;

}





.carousel {

    position: relative;

    width: 100%;

    height: calc(100vh - 35px);

    min-height: 400px;

}



.carousel .container-fluid {

    padding: 0;

}



.carousel .carousel-item {

    position: relative;

    width: 100%;

    height: calc(100vh - 35px);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.carousel .carousel-img {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: right;

    overflow: hidden;

}



.carousel .carousel-img::after {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

	    background: #0067674d;

}



.carousel .carousel-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.carousel .carousel-text {

    position: absolute;

    max-width: 700px;

    height: calc(100vh - 35px);

    display: flex;

    justify-content: center;

    flex-direction: column;

    z-index: 2;

	    left: 65px;

}



.carousel .carousel-text h1 {

	    color: #ffffff;

    font-size: 60px;

    font-weight: 200;

    padding-top: 10px;

    margin: 0;

}

.carousel .carousel-text h4 {

    color: #fff;

    margin-bottom: 0;

    font-size: 35px;



}



.carousel .carousel-text p {

    color: #ffffff;

    font-size: 20px;

    margin-bottom: 25px;

	font-family: Nunito,Helvetica,Arial,sans-serif;

}

strong {

		font-family: Nunito,Helvetica,Arial,sans-serif !important;

	font-weight: bold



	

}



.carousel .carousel-text .btn {

           padding: 11px 45px;

    font-size: 18px;

    letter-spacing: 1px;

    color: #ffffff;

    background: none;

    border-radius: 0;

    transition: .3s;

    background: #006767;

    border-radius: 37px;

    position: relative;

}

.carousel .carousel-text .btn:hover {

	color: #006767 !important

}







a.Btncontact {

	padding: 12px 34px 12px 65px;

    font-size: 18px;

    letter-spacing: 1px;

    color: #006767;

    background: none;

    border-radius: 0;

    transition: .3s;

    background: #fff;

    border-radius: 37px;

    position: relative;

}









a.Btncontact {

padding: 12px 51px;

    font-size: 17px;

    letter-spacing: 1px;

    color: #006767;

    background: none;

    border-radius: 0;

    transition: .3s;

    background: #fff;

    border-radius: 37px;

    position: relative;

    float: right;

    margin-bottom: 50px;

    margin-top: 30px;

}









.carousel .carousel-text .btn i {

    margin-right: 5px;

}



.carousel .carousel-text .btn:hover {

    color: #0796fe;

    background: #ffffff;

}



.carousel .carousel-btn .btn:first-child {

    margin-right: 15px;

}



.carousel .owl-nav {

    position: absolute;

    width: 122px;

    right: 2px;

    bottom: 2px;

    display: flex;

    z-index: 9;

}



.carousel .owl-nav .owl-prev,

.carousel .owl-nav .owl-next {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    background: #006767;

    font-size: 22px;

    transition: .3s;

}



.carousel .owl-nav .owl-prev:hover,

.carousel .owl-nav .owl-next:hover {

    color: #006767;

    background: #78b22b;

}



.carousel .owl-nav .owl-prev {

    margin-right: 2px;

}



.carousel .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

}



#videoModal .modal-dialog {

    position: relative;

    max-width: 800px;

    margin: 60px auto 0 auto;

}



#videoModal .modal-body {

    position: relative;

    padding: 0px;

}



#videoModal .close {

    position: absolute;

    width: 30px;

    height: 30px;

    right: 0px;

    top: -30px;

    z-index: 999;

    font-size: 30px;

    font-weight: normal;

    color: #ffffff;

    background: #000000;

    opacity: 1;

}



@media (max-width: 991.98px) {

    .carousel,

    .carousel .carousel-item,

    .carousel .carousel-text {

        height: calc(100vh - 105px);

    }

    

    .carousel .carousel-text h1 {

        font-size: 35px;

    }

    

    .carousel .carousel-text p {

        font-size: 16px;

    }

    

    .carousel .carousel-text .btn {

        padding: 12px 30px;

        font-size: 15px;

        letter-spacing: 0;

    }

}



@media (max-width: 767.98px) {

   .carousel, .carousel .carousel-item, .carousel .carousel-text {

    height: calc(76vh - 70px) !important;

}

	.carousel .carousel-text{

		left: 14px;

	}

    .carousel .carousel-text h1 {

        font-size: 30px;

    }

    

    .carousel .carousel-text .btn {

        padding: 10px 25px;

        font-size: 15px;

        letter-spacing: 0;

    }

}



@media (max-width: 575.98px) {

    .carousel .carousel-text h1 {

        font-size: 25px;

    }

    

    .carousel .carousel-text .btn {

        padding: 8px 20px;

        font-size: 14px;

        letter-spacing: 0;

    }

}





/*******************************/

/******* Section Header ********/

/*******************************/

.section-header {

    position: relative;

    text-align: left;

    margin-bottom: 30px;

}



.section-header p {

      position: relative;

    font-size: 21px;

    color: #006767;

	font-weight: bold;

	font-family: Nunito,Helvetica,Arial,sans-serif

}



.section-header h2 {

        position: relative;

    font-size: 37px;

    margin: 0;

    line-height: 41px;

	font-weight: bold

}

.foundationLabel h3{

	font-weight: bold !important

}









.section-header h2:hover::after {

    border-image: repeating-linear-gradient( 60deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 1.5%, rgba(0,0,0,.05) 1.5%, rgba(0,0,0,.05) 3%) 30;

}



@media (max-width: 991.98px) {

    .section-header h2 {

        font-size: 38px;

    }

}



@media (max-width: 767.98px) {

    .section-header h2 {

        font-size: 38px;

    }

}



@media (max-width: 575.98px) {

    .section-header h2 {

        font-size: 35px;

    }

}





/*******************************/

/********** Fact CSS ***********/

/*******************************/

.fact {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



.fact .fact-item {

    position: relative;

    width: 100%;

    margin-bottom: 30px;

    padding: 30px 0 25px 0;

    text-align: center;

    background: #ffffff;

    border: 1px solid transparent;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

    transition: .3s;

}



.fact .fact-item:hover {

    border-color: rgba(0, 0, 0, .1);

    box-shadow: none;

}



.fact .fact-item img {

    max-height: 50px;

    margin-bottom: 15px;

}



.fact .fact-item h2 {

    font-size: 22px;

    font-weight: 300;

    letter-spacing: 1px;

}







/********** headpage CSS **********/

.Headpage{

	       background: url(../img/banner.jpg) no-repeat;

    position: relative;

    width: 100%;

    background-size: cover;

    padding: 250px 0 27px;

}

.Headpage:before {

    content: "";

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.45)),color-stop(50%,rgba(0,0,0,.35)));

    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.45) 0,rgba(0,0,0,.35) 50%);

    background-image: -moz-linear-gradient(top,rgba(0,0,0,.45) 0,rgba(0,0,0,.35) 50%);

	background-image: linear-gradient(to bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,.35) 50%);}

#abt {

	   background: url(../img/abt.jpg) no-repeat;

}

#poli {

	  background: url(../img/banner3.jpg) no-repeat center;

    background-size: 100%;

}





#news{

		     background: url(../img/newsbanner.jpg) no-repeat;

    background-position: 51% 52%;



}



.Tithead h1, .Tithead p{

	text-align: left;

	color: #fff

}

#sofi .section-header{

	text-align: left

}







/********** end headpage  CSS **********/







/*******************************/

/********** About CSS **********/

/*******************************/

.about {

    position: relative;

    width: 100%;

    padding: 45px 0;

}



.about .section-header {

    margin-bottom: 15px;

    margin-left: 0;

}



.about .about-img {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    transition: .5s;

}







.about .about-img-1 img,

.about .about-img-2 img {

    position: relative;

    width: 100%;

}



.about .about-text p {

    font-size: 18px;

}



.about .about-text a.btn {

    position: relative;

    margin-top: 15px;

    padding: 12px 25px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 1px;

    color: #092a49;

    border: 2px solid #092a49;

    border-radius: 0;

    background: none;

    transition: .3s;

}



.about .about-text a.btn:hover {

    color: #0796fe;

    background: #092a49;

}







/*******************************/

/********* Service CSS *********/

/*******************************/

.service {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



.service .service-item {

    position: relative;

    width: 100%;

    margin-bottom: 30px;

    padding: 30px;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, .1);

    transition: .3s;

}



.service .service-item:hover {

    border-color: transparent;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

}



.service .service-item img {

    max-height: 50px;

    margin-bottom: 20px;

}



.service .service-item h3 {

    margin-bottom: 10px;

    font-size: 22px;

    font-weight: 300;

    letter-spacing: 1px;

}



.service .service-item p {

    margin-bottom: 10px;

    font-size: 16px;

}



.service .service-item a {

    position: relative;

    font-size: 16px;

    color: #0796fe;

    transition: .3s;

}



.service .service-item a::after {

    content: "";

    position: absolute;

    width: 80%;

    height: 2px;

    bottom: -3px;

    left: 10%;

    background: #0796fe;

}



.service .service-item:hover a.btn {

    color: #092a49;

    background: #1d2434;

    border-color: #1d2434;

}





/*******************************/

/********* Feature CSS *********/

/*******************************/

.feature {

	background: url("../img/bgbloc2.jpg") no-repeat;

    position: relative;

    width: 100%;

	    background-size: cover;

}

.feature .row{

    background: url(../img/tire.png) repeat-y left;

    padding: 85px 5px 85px 62px;

	

}

.feature .col-md-6 {

    height: 100%;

}



.feature .feature-img {

    position: relative;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-end;

    justify-content: flex-start;

}



.feature .feature-img::after {

 

}

.row.counters{

background: url(../img/divider.png) repeat-y left center;

    padding: 0 0px 5px 57px;

    min-height: 223px;	

}

.feature .feature-img:hover::after {

    border-image: repeating-linear-gradient( 45deg, rgba(0,0,0,.1), rgba(0,0,0,.1) .5%, rgba(0,0,0,.05) .5%, rgba(0,0,0,.05) 1%) 30;

}



.feature .feature-img img {

    position: relative;

    max-width: 100%;

    max-height: 100%;

    margin: 0 30px 70px 30px;

    z-index: 2;

}



@media (max-width: 767.98px) {

    .feature .feature-img {

        margin-bottom: 45px;

    }

}



.feature .counters .col-6 {

    padding-top: 25px;

    display: flex;

    flex-direction: row;

}



.feature .counters i {

    padding: 5px 15px 0 0;

    font-size: 28px;

    color: #0796fe;

}



.feature .counters h2 {

    position: relative;

    display: inline-block;

    color: #0796fe;

    font-size: 30px;

    font-weight: 300;

}



.feature .counters h2::after {

    position: absolute;

    content: "+";

    top: -15px;

    right: -15px;

}



.feature .counters p {

    color: #fff;

    margin: 0;

	text-align: justify

}

.feature-txt {

  color: #fff;

    font-size: 21px;

    text-align: justify;

}



/*******************************/

/*********** Team CSS **********/

/*******************************/

.team {

    position: relative;

    width: 100%;

    padding: 0 0 15px 0;

}

.team .section-header

{

    text-align: center;

    margin-bottom: 40px;}

.team .section-header h2 span{

	font-weight: 200

	

	

}

.team .section-header p {

    position: relative;

    font-size: 22px;

    color: #575757;

    margin-top: 14px;

}



.team .team-item {

    position: relative;

    margin-bottom: 40px;

}



.team .team-img {

    position: relative;

}



.team .team-img img {

    width: 100%;

}

.team .team-img:hover .bgover{

  

   background: #00676780;

    z-index: 1;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

}

.Btnabout {

    width: 100%;

    text-align: center;   

	margin-bottom: 80px;

}





.Btnabout a{    background: #006767;

    padding: 13px 38px;

    color: #fff;

    border-radius: 30px;

	position: relative

}

.Btnabout a:before {

	    content: url(../img/icons/see-more.png);

    margin-right: 10px;

    top: 2px;

    position: relative;

}











.team .team-text {

        position: absolute;

    width: calc(100% - 30px);

    height: 96px;

    bottom: -46px;

    right: 0;

    padding: 17px 15px;

    background: #fff;

    box-shadow: 0 0 30px rgb(0 0 0 / 10%);

    transition: .3s;

    overflow: hidden;

    border-radius: 14px 0 0 0;

	opacity: 0

}

.team .col-lg-3.col-md-6{

	padding-left: 0;

	padding-right: 0

}

.team .team-text h2 {

    background: url(../img/icons/detail-project.jpg) no-repeat top left;

    color: #006767;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 10px;

    padding-top: 57px;

    text-transform: uppercase;

}

.team .team-text ul {

	    padding: 0 11px;

}

.team .team-text li {

       color: #575757;

    font-size: 14px;

}

a.bntmore {

    color: #006767;

    font-weight: 600;

    font-size: 13px;

	position: relative

}

a.bntmore:before {

	    content: '';

    width: 30px;

    height: 3px;

    background: #78b22b;

    position: absolute;

    top: -14px;

}



.team .team-social {

    position: relative;

    font-size: 0;

}



.team .team-social a {

    display: inline-block;

    width: 35px;

    height: 35px;

    margin: 0 3px;

    padding: 5px 0;

    text-align: center;

    font-size: 14px;

    color: #092a49;

    border: 2px solid #092a49;

    transition: .3s;

}



.team .team-social a:hover {

    color: #0796fe;

    border-color: #0796fe;

}



.team .team-item:hover .team-text {

    height: 404px;

	opacity: 1;

	z-index: 9

}





/*******************************/

/******* Testimonial CSS *******/

/*******************************/

.testimonial {

    position: relative;

    width: 100%;

    padding: 45px 0;

}



.testimonial .testimonials-carousel {

    position: relative;

    width: calc(100% + 30px);

    margin: 0 -15px;

}



.testimonial .testimonial-item {

    position: relative;

    width: 100%;

    padding: 0 15px;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    overflow: hidden;

}



.testimonial .testimonial-item img {

    position: relative;

    width: 80px;

    border-radius: 80px;

    margin-bottom: 15px;

}



.testimonial .testimonial-item p {

    margin-bottom: 15px;

}



.testimonial .testimonial-item h2 {

    position: relative;

    color: #092a49;

    font-size: 16px;

    letter-spacing: 1px;

    margin-bottom: 5px;

    padding-bottom: 3px;

}



.testimonial .testimonial-item h2::before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    bottom: 0;

    left: 0;

    background: #0796fe;

    transition: .3s;

}



.testimonial .testimonial-item:hover h2::before {

    width: 60px;

}



.testimonial .testimonial-item h3 {

    color: #999999;

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 2px;

    margin: 0;

}



.testimonial .owl-nav {

    position: relative;

    width: 100%;

    margin-top: 30px;

    display: flex;

    justify-content: center;

}



.testimonial .owl-nav .owl-prev,

.testimonial .owl-nav .owl-next {

    position: relative;

    width: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #0796fe;

    font-size: 25px;

    transition: .3s;

}



.testimonial .owl-nav .owl-prev {

    padding-right: 80px;

}



.testimonial .owl-nav .owl-next {

    padding-left: 80px;

}



.testimonial .owl-nav .owl-prev:hover,

.testimonial .owl-nav .owl-next:hover {

    color: #092a49;

}



.testimonial .owl-nav .owl-prev::after,

.testimonial .owl-nav .owl-next::after {

    position: absolute;

    content: "";

    width: 80px;

    height: 3px;

    top: 11px;

    background: #0796fe;

    transition: .3s;

}



.testimonial .owl-nav .owl-prev::after {

    left: 9px;

}



.testimonial .owl-nav .owl-next::after {

    right: 9px;

}



.testimonial .owl-nav .owl-prev:hover::after {

    background: #092a49;

}



.testimonial .owl-nav .owl-next:hover::after {

    background: #092a49;

}





/*******************************/

/*********** Blog CSS **********/

/*******************************/

.blog {

    position: relative;

    width: 100%;

    padding: 50px 0 50px 0;

}

.Btnbot {

text-align: center;

    padding-top: 14px;}





.blog .section-header {

    margin-bottom: 45px;

	text-align: right

}

.blog .section-header span {

	font-weight: 100

}

.blog .section-header p {

    margin-top: 9px;

    font-size: 21px;

    color: #006767;

	font-weight: bold;

	font-family: Nunito,Helvetica,Arial,sans-serif

}



.blog .blog-carousel {

    position: relative;

    width: calc(100% + 30px);

    left: -15px;

    right: -15px;

}



.blog .blog-item {

    position: relative;

}



.blog.blog-page .blog-item {

}



.blog .blog-img {

    position: relative;

    width: 100%;

    z-index: 1;

}



.blog .blog-img img {

    width: 100%;

}



.CatValue2 {

background: url(../img/icons/iconblanc.png) no-repeat top left;

    padding-top: 76px;

    margin-left: 50px;

    padding-top: 61px;

    padding-bottom: 12px;

    margin-top: 21px;

}

.CatValue2 h4{

	    font-size: 20px;

}

.CatValue2 h2{

    font-size: 22px;

    line-height: 24px;

    font-family: Nunito,Helvetica,Arial,sans-serif;

height: 40px}

.blog-text {

    padding-left: 35px;

}

.justify{

	text-align: justify

}

.blog .blog-content h2.blog-title {

    font-size: 25px;

    font-weight: 400;

    letter-spacing: 1px;

}



.blog-img img {

	position: relative;

}

.blog-img:before {



}

.blog-img:hover::before{



}

/* css transaction carousel */

.blog-item {

    overflow: hidden;

	min-height: 681px

}

.blog .blog-content {

    right: 0;

    padding: 17px 12px 0px 32px;

    z-index: 2;

    bottom: 0;

    transition: .3s;

}

.blog-item:hover .blog-content  {

/*	height: 300px;

*/

}

div#div2 {

    background: #006b68;

}



div#div4 {

    background: #f48222;

}



div#div3 {

    background: #77b844;

}



div#div5 {

    background: #426ca8;

}

#div1 {

	background: #00aeb7

}

.blog-item h4, .blog-item h2 , .blog-item .blog-text{

	color: #fff

}





/* end transaction carousel */







.blog .blog-text {

    position: relative;

}



.blog .blog-text p {

    margin-bottom: 10px;

}



.blog .blog-item a.btn {

    position: relative;

    padding: 0 0 0 35px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 1px;

    color: #0796fe;

    transition: .3s;

}



.blog .blog-item a.btn:hover {

    color: #092a49;

}



.blog .blog-item a.btn::before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    top: 10px;

    left: 0;

    background: #0796fe;

}



.blog .owl-nav {

    position: relative;

    width: 100%;

    margin-top: -30px;

    display: flex;

    justify-content: center;

	display: none !important

}



.blog .owl-nav .owl-prev,

.blog .owl-nav .owl-next {

    position: relative;

    width: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #0796fe;

    font-size: 25px;

    transition: .3s;

}



.blog .owl-nav .owl-prev {

    padding-right: 80px;

}



.blog .owl-nav .owl-next {

    padding-left: 80px;

}



.blog .owl-nav .owl-prev:hover,

.blog .owl-nav .owl-next:hover {

    color: #092a49;

}



.blog .owl-nav .owl-prev::after,

.blog .owl-nav .owl-next::after {

    position: absolute;

    content: "";

    width: 80px;

    height: 3px;

    top: 11px;

    background: #0796fe;

    transition: .3s;

}



.blog .owl-nav .owl-prev::after {

    left: 9px;

}



.blog .owl-nav .owl-next::after {

    right: 9px;

}



.blog .owl-nav .owl-prev:hover::after {

    background: #092a49;

}



.blog .owl-nav .owl-next:hover::after {

    background: #092a49;

}



.blog .pagination {

    margin-bottom: 0;

}



.blog .pagination .page-link {

    margin-top: -30px;

    color: #092a49;

    border-radius: 0;

    border-color: #092a49;

}



.blog .pagination .page-link:hover,

.blog .pagination .page-item.active .page-link {

    color: #0796fe;

    background: #092a49;

}



.blog .pagination .disabled .page-link {

    color: #999999;

}





/*******************************/

/********* Contact CSS *********/

/*******************************/

.contact {

 position: relative;

    width: 100%;

    padding: 50px 0 50px 0;

    background: #f0f0f0;

    box-shadow: 0 0 7px rgb(0 0 0 / 7%);

	

}



.contact .section-header {

}

.contact .section-header h2 {

    margin-bottom: 0;

}





.contact .section-header p {

	

}

.CordDiv .mail{

    background: url(../img/icons/mail.png) no-repeat;

    height: 137px;

    width: 112px;

    margin: auto;}



.CordDiv .adress{

      background: url(../img/icons/adresse.png) no-repeat;

    height: 136px;

    width: 96px;

    margin: auto;}

.CordDiv .tel{

       background: url(../img/icons/tel.png) no-repeat;

    height: 133px;

    width: 76px;

    margin: auto;}

	.CordDiv {

	    background: url(../img/bgcord.jpg) repeat-x bottom;

    padding: 50px 0 50px 0;

	position: relative;

}



.Tithead{

    margin: auto;

	

}

.Tithead h2{

}

div#Tabout.Tithead h2 {

    margin-bottom: 8px;

}

.abt {

    text-align: center;

}

.contact-text h3 {

	    position: relative;

    margin-bottom: 34px;

    color: #535353;

    margin-top: 23px;

}





.contact-text h3:before {

    content: '';

    width: 38px;

    height: 3px;

    background: #006767;

    position: absolute;

    bottom: -15px;

    left: 44%;

}

.Tithead .section-header {

    text-align: center;

}

.Tithead p{

    color: #006767;

    text-align: center;}

.CordDiv .Tithead p{

}

.CordDiv .contact-info {

    position: relative;

    padding: 30px;

    margin-bottom: 30px;

    transition: .3s;

    text-align: center;

    box-shadow: 0 0 11px rgb(0 0 0 / 8%);

	background: #fff;

	min-height: 383px

}



.CordDiv .contact-info:hover {

    border-color: transparent;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

	transform: scale(1.1);

}

.CordDiv .contact-info:hover .mail{

	background: url(../img/icons/mailhover.png) no-repeat;

}

.CordDiv .contact-info:hover .adress{

	background: url(../img/icons/adressehover.png) no-repeat;

}

.CordDiv .contact-info:hover .tel{

	background: url(../img/icons/telhover.png) no-repeat;

}





.CordDiv .contact-info:hover .contact-text h3:before{

	background: #78b22b

}

.CordDiv .contact-icon {

      

}



.CordDiv .contact-icon i {

    font-size: 18px;

    color: #0796fe;

}



.CordDiv .contact-text {

    position: relative;

    display: flex;

    flex-direction: column;

}

.contact-text p {

    color: #939393;

}



.contact .contact-text h3 {

    font-size: 16px;

    font-weight: 400;

    color: #092a49;

    letter-spacing: 1px;

}



.contact .contact-text p {

    margin: 0;

    font-size: 16px;

}



.contact .contact-form {

   

}



.contact .contact-form:hover {

   

}



.contact .contact-form input {

padding: 22px;

    background: none;

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, .1);

    background: #fff;

    border-radius: 4px;

}



.contact .contact-form textarea {

     height: 100px;

    padding: 8px 15px;

    background: none;

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 4px;

    background: #fff;

}





.contact .section-header {

}



.contact .contact-form .btn {

       padding: 9px 67px;

    font-size: 19px;

    font-weight: 600;

    letter-spacing: 1px;

    color: #fff;

    background: none;

    border-radius: 0;

    transition: .3s;

    background: #78b22b;

}



.contact .contact-form .btn:hover {

    color: #fff;

    background: #006767;

}



.contact .help-block ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}





/*******************************/

/******* Single Page CSS *******/

/*******************************/

.single {

    position: relative;

    width: 100%;

    padding: 45px 0 15px 0;

}



.single img {

    width: 100%;

    margin: 0 0 25px 0;

}



.single .table,

.single .list-group {

    margin-bottom: 30px;

}



.single .ul-group {

    padding: 0;

    list-style: none;

}



.single .ul-group li {

    margin-left: 2px;

}



.single .ul-group li::before {

    position: relative;

    content: "\f0da";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    margin-right: 10px;

}



.single .ol-group {

    padding-left: 18px;

}





/*******************************/

/********* Footer CSS **********/

/*******************************/

.footer {

      position: relative;

    margin-top: 0px;

    padding-top: 32px;

    background: #006767;

}



.footer .footer-contact,

.footer .footer-link,

.footer .footer-newsletter {

    position: relative;

    margin-bottom: 30px;

    color: #ffffff;

}

.footer .row:first-child {

    border-bottom: 1px solid #ffffff2e;

    margin-bottom: 11px;

}



.footer .footer-contact h2,

.footer .footer-link h2,

.footer .footer-newsletter h2 {

    position: relative;

    margin-bottom: 30px;

    padding-bottom: 10px;

    font-size: 22px;

    font-weight: 300;

    letter-spacing: 1px;

    color: #ffffff;

}



.footer .footer-contact h2::after,

.footer .footer-link h2::after,

.footer .footer-newsletter h2::after {

    position: absolute;

    content: "";

    width: 45px;

    height: 2px;

    bottom: 0;

    left: 0;

    background: #0796fe;

}



.footer .footer-link a {

    color: #ffffff;

    transition: .3s;

    float: left;

    margin-right: 9px;

    font-size: 16px;

}

.copyright p {

    font-size: 15px;

}

.powerby{

	text-align: right

}



.footer .footer-link a:hover {

}



.footer .footer-contact p i {

    width: 25px;

}



.footer .footer-social {

          text-align: center;

    background: #78b22b;

    width: 87%;

    margin: auto;

    padding: 8px;

    border-radius: 20px;

    margin-top: -6px;

    position: relative;

    top: 18px;

}

.righttxt{

	text-align: right

}

.footer a {

	color: #fff

}

.footer a:hover{

	text-decoration: underline;

}



.copyright {

      padding-bottom: 6px;

    padding-top: 17px;}

.footer .footer-social a {

    display: inline-block;

}

.foocenter{

	text-align: center

}



.footer .footer-social a i {

    margin-right: 30px;

    font-size: 18px;

    color: #fff;

}



.footer .footer-social a:last-child i {

    margin: 0;

}

footer-social {

    background: #78b22b;

    width: 70%;

    border-radius: 20px;

    padding: 7px;

}

.footer .footer-social a:hover i {

    color: #006767;

}

.copyright a {

    font-weight: 700;

}



.copyright a:hover {

	text-decoration: underline;

}

.footer .footer-newsletter .form {

    position: relative;

    width: 100%;

}



.footer .footer-newsletter input {

    height: 60px;

    border: 2px solid #1d2434;

    border-radius: 0;

}



.footer .footer-newsletter .btn {

    position: absolute;

    top: 8px;

    right: 8px;

    height: 44px;

    padding: 8px 20px;

    font-size: 14px;

    font-weight: 600;

    color: #092a49;

    background: none;

    border-radius: 0;

    border: 2px solid #092a49;

    transition: .3s;

}



.footer .footer-newsletter .btn:hover {

    color: #0796fe;

    background: #092a49;

}



.footer .copyright {

    padding: 0 30px;

}



.footer .copyright .row {

    padding-top: 25px;

    padding-bottom: 25px;

    border-top: 1px solid rgba(256, 256, 256, .1);

}



.footer .copyright p {

    margin: 0;

    color: #999999;

}



.footer .copyright .col-md-6:last-child p {

    text-align: right;

}



.footer .copyright p a {

    color: #ffffff;

}



.footer .copyright p a:hover {

    color: #0796fe;

}



.logdov li {

    float: left;

    list-style: none;

    margin-right: 34px;

    margin-left: 38px;

}

.logdov li img {

  filter: grayscale(100%);

}

.logdov li:hover img {

  filter: grayscale(0%);

}

@media (max-width: 767.98px) {

    .footer .copyright p,

    .footer .copyright .col-md-6:last-child p {

        margin: 5px 0;

        text-align: center;

    }

	

	.logo {

    background: none;

    padding-left: 0;

    padding-top: 0;

}

	.logdov li {

    float: left;

    list-style: none;

    margin-right: 0;

    margin-left: 0;

}

	.footer .footer-link a {

    float: none;

    width: 100%;

    display: block;

}

	.righttxt {

    text-align: left;

}

	.powerby {

    text-align: left;

}

	i.fa.fa-phone2{

		display: none

	}

	a.Btncontact {

		padding: 12px 51px 12px 53px;}

	.Btnabout a:before{

		display: none;

	}

}

@media (max-width: 767.98px) {

	.Headpage {

   

    padding: 41px 0 41px;

}

	.Headpage:after, .CordDiv:before, .contact:after {

		display: none

	}

	.contact {

   

		padding: 41px 0 41px;}

	.CordDiv {

    padding: 57px 0 10px 0;

}

	.row.counters {

    background: none;

    padding: 0;

    min-height: auto;

}

	.feature .row {

    background: none;

    padding: 30px 5px 0 0;

}

	.row.counters {

    background: none;

    padding: 0 10px 10px 10px;

    min-height: auto;

}

	a.Btncontact{

		float: none

	}

    .about .about-img {

        margin-bottom: 30px;

        height: auto;

    }

	    .about .about-img img {

			width: 100%	

	}

	    .feature .feature-img img {

			margin: 0 !important

	}

}

@media (max-width: 1200px) and (min-width: 900px) {

	.navbar a.nav-link {

    font-size: 16px;

}

	

	button.CnxBtn {

    background: #78b22b;

    border: none;

    border-radius: 24px;

    padding: 8px 29px 8px 56px;

    color: #fff;

    position: relative;

    margin-right: 10px;

    font-family: Nunito,Helvetica,Arial,sans-serif;

    font-size: 16px;

}

	button.CnxBtn:before {

    left: 21px;

    top: 5px;

    position: absolute;

}

}



@media (max-width: 900px){

	

	.blog {

    position: relative;

    width: 100%;

    padding: 70px 0 50px 0;

}

	.carousel .carousel-text .btn i.fa.fa-phone2:before{

		display: none;

	}

	.about .about-img img, #Abtsect2 img{

		width: 100%

	}

	.righttxt {

    text-align: left;

}

	.powerby {

    text-align: left;

}

	.carousel, .carousel .carousel-item, .carousel .carousel-text {

    height: calc(51vh - 104px);

}



	}



@media (max-width: 1024px){

	.carousel, .carousel .carousel-item, .carousel .carousel-text {

    height: calc(60vh - 104px);

}



}

.owl-stage-outer{

	position: relative;

} 

owl-dots {

    position: absolute;

    right: 0;

    top: -49px;

}

.owl-carousel .owl-dots .owl-dot.active {

    background: #78b22b;

	width: 20px;

	border-radius: 5px

}

.owl-dots {

    position: absolute;

    top: -51px;

    right: 0;

}

.owl-carousel .owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    margin: 5px;

    border-radius: 50%;

    background: #78b22b;

    position: relative;

	outline: aliceblue;

	border: none

}

.CatValue {

	

}

.CatValue h4 {

text-transform: uppercase;

    margin: 0;

    font-size: 20px;	

}

.CatValue h2 {

	color: #3d3c3c !important;

	text-transform: uppercase;

	letter-spacing: 0

	

}

.blog-text ul {

	padding: 0

	

}

.blog-text ul li {

    font-size: 16px;

    margin-bottom: 16px;

}

.blog-text p{

	    font-size: 13px;

	    margin-bottom: 14px;





}

.Sotitle{

    padding: 0 5px 18px 0;

    font-size: 27px;

    text-align: left;

}

.justy {

	text-align: justify

}

.bridge li {

    list-style: none;

    position: relative;

    padding-left: 23px;

}





.bridge {

    padding: 0;

    padding-top: 26px;

}

.bridge li:before{

	    content: '';

    width: 12px;

    height: 12px;

    position: absolute;

    background: #78b22b;

    border-radius: 10px;

    top: 5px;

    left: 0;

}

.greendiv {

    background: #f0f0f0;

    position: relative;

    width: 100%;

    background-size: cover;

}

.greendiv .row {

       padding: 50px 5px 50px 0;

}

.Divdav {

	    background: url("../img/div2.jpg") no-repeat center right;

	padding: 126px 0;



}

.difright img {

	width: 100%;

	-webkit-box-shadow: 1px 2px 15px 0px #5D5D5D; 

box-shadow: 1px 2px 15px 0px #5D5D5D;

}

.imgsh{

	-webkit-box-shadow: 1px 2px 15px 0px #5D5D5D; 

box-shadow: 1px 2px 15px 0px #5D5D5D;

	

}

.difright h4 {

	padding: 0;

	margin: 0

}

.difright{

	text-align: right

}

.col-md-8.bloctxt {

    background: #fff;

    box-shadow: 2px 2px 8px 6px #acacac85;

    text-align: justify;

    padding: 37px 21px;

}

.titre-sec h4{

	color: #464646

}

.titre-sec {

	text-align: right

}

.declaimer:before{

	display: none

}





/* header mobile */



.bloctxt h4{

	   color: #006767;

    font-size: 19px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 10px;

    /* text-transform: uppercase; */

    text-align: left;

}

.bloctxt h5{

	text-align: left

}

.logos {

    padding-bottom: 50px;

    margin: 0;

    padding: 0;

}

.logos li {

	    list-style: none;

    float: left;

}

.logos li img {

    width: 80%;

	

	

}

.blocnews {

    border: thin solid #d7dcd0;

	overflow: hidden;

    margin-bottom: 30px;

	min-height: 350px

}



.about img {

	max-width: initial;

}



.blocnews a{



  

}

.blocnews:hover {

box-shadow: 0 0 2.5rem rgb(0 0 0 / 15%);

}

.blocnews a:hover>.news-img {

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    transform: scale(1.03);

}

.news-titre {

    padding: 26px 8px;

}



.news-titre h3 {

    color: #000;

    font-size: 21px;

    font-family: Nunito,Helvetica,Arial,sans-serif;

	position: relative

}

.news-titre h3 a{



}

.Newspic {

    text-align: center;

	margin-bottom: 25px

	

}



.Newspic img {

    width: 100%;

}



.news-titre h3:after {

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url(../img/sprite.svg);

    background-size: 51em 29.5em;

    width: 1.3125em;

    height: 1.125em;

    background-position: -4.03125em -3.65625em;

    content: "";

    font-size: .7em;

    margin-left: 1em;

    margin-right: -2.3125em;

}

@media (max-width: 767.98px) {

	.navbar.nav-sticky{
		display: none !important
	}
	.footer {
    padding-left: 13px;
}

	.greendiv .row {

    padding: 36px 5px 20px 15px;

		background: none;

}

	.Sotitle {

		padding: 0px 5px 18px 70px;}

	.Divdav{

		padding: 0

	}

	#sofi:before{

		display: none

	}

	.col-md-8.bloctxt {

   

		box-shadow: none;

	    padding: 0 21px;}

	.navbar {

padding: 2px 5px 14px 5px;}

	

	.container-fluid {

    display: initial;

}



button.navbar-toggler {

    float: right;

    margin-top: 6px;


}
.navbar-dark .navbar-toggler {
    color: #fff !important;
    border-color: transparent !important;
    height: 35px;
}
	.navbar-nav.ml-auto {
    padding-bottom: 20px;
}
	.navbar.nav-sticky .logo {

    padding-top: 83px;

    float: left;

}

	.langue {

		top: 0}

	

	button#subs {

    margin-top: 13px;

		display: block

}

	button.CnxBtn{

		min-width: 200px

	}

}



.feature2{

	    background: url(../img/bgbloc2.jpg) no-repeat;

    position: relative;

    width: 100%;

    background-size: cover;

}

.blog-content h2{}

.feature2 h2{

	color: #fff

}

.feature2 .section-header p {

    color: #fff;

}

h2.blog-title {

    height: 40px;

}



/* end header mobile */



.copy{

	display: inline-grid;

}

.copy p {

	display: inline-block;

	align-self: flex-end;

	color: #fff;

	    font-size: 15px;

}

.numb li {

	list-style-type: decimal

	

}

.date {

    margin-top: 23px;

    margin-bottom: 14px;

}

.Dnews{

	margin: auto

}

.Dnews .section-header {

    margin-bottom: 33px;

    margin-left: 0;

}

.news-img img, .Dnews img{

	max-width: 100%

}



/* slide news*/



.slideshow-container {

    max-width: 80%;

    position: relative;

    margin: auto;

}



/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: -22px;

  color: white;

  font-weight: bold;

  font-size: 18px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}

a.prev {

    left: 0;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

  background-color: rgba(0,0,0,0.8);

	color: #fff !important;

}



/* Caption text */

.text {

  color: #f2f2f2;

  font-size: 15px;

  padding: 8px 12px;

  position: absolute;

  bottom: 8px;

  width: 100%;

  text-align: center;

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}



navbar-nav ml-auto a.active, .dot:hover {

  background-color: #717171;

}



/* Fading animation */

.fade2 {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 1.5s;

  animation-name: fade;

  animation-duration: 1.5s;

}



@-webkit-keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



@keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {

  .prev, .next,.text {font-size: 11px}

}



/* end slide news */



.Rltnws ul {

    padding: 0 16px;

}



.Rltnws li {

    color: #006767;

    font-size: 26px;

}



.Rltnws li a {

    color: #006767;

    font-size: 19px;

}

.team{

	    position: relative;

    width: 100%;

    padding: 50px 0 0 0;

    background: #f0f0f0;

    box-shadow: 0 0 7px rgb(0 0 0 / 7%);

}



.Bnt{

	    font-weight: 600;

    font-size: 18px;

}