@font-face {
    font-family: "FuturaPT-bold";
    src: url("../fonts/FuturaPTBold.otf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "FuturaPT-light";
    src: url("../fonts/FuturaPTLight.otf") format("truetype");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: "FuturaPT-heavy";
    src: url("../fonts/FuturaPTHeavy.otf") format("truetype");
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: "FuturaPT-normal";
    src: url("../fonts/FuturaPTMedium.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "hind-bold";
    src: url("../fonts/Hind-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.icon-22 {
    font-size: 22px !important;
}
.icon-38 {
    font-size: 38px !important;
}

.bg-light {
    background-color: #eee !important;
}

.bg-gray {
    background-color: #2b2b2b !important;
}

.fw-light {
    font-family: "FuturaPT-light";
}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}
.v-text {
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    height: 120px;
    text-align: CENTER;
    text-orientation: mixed;
}

.fw-bold {
    font-family: "FuturaPT-bold";
}

.font-hind {
    font-family: "hind-bold";
}

body {
    font-family: "FuturaPT-normal";
}
.nav-toggle{
    cursor: pointer;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link,
.text-cyan, .nav-tabs .nav-link {
    color: #7aceaf;
}

.bg-cyan {
    background-color: #7aceaf;
}

.carousel-caption {
    bottom: 40% !important;
}
.carousel-text-main 
{
    position: absolute;
}
.border-cyan {
    border-color: #7aceaf;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
}

.logo {
    width: 150px;
}

.logo-white {
    width: 150px;
    filter: invert(1);
}

.vl {
    border-left: 1px solid rgb(0, 0, 0);
    height: 80px;
    margin: auto;
    width: 1px;
    top: 10px;
    position: relative;

}

.vl-white {
    border-left: 1px solid rgb(255, 255, 255);
    height: 200px;
    margin: auto;
    width: 1px;
}

.carousel-inner {
    background-image: url('../images/home/mainimage.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.background-imge {
    background-image: url('../images/temp/background.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-inner .carousel-item {
    min-height: 700px;
}

.align-items-center {
    /*min-height: 700px;*/
}

.carousel-indicators [data-bs-target] {
    text-indent: 0%;
    padding: 8px;
    width: auto;
}

.carousel-indicators button {
    background-color: transparent !important;
    height: 40px;
    color: white;
    text-align: center;
    font-size: 16px;
    opacity: 1 !important;
    width: auto;

}

.carousel-indicators button.active {
    width: 80px;
}

.carousel-indicators button span.line {
    height: 2px;
    background-color: white;
    width: 0px;
    display: inline-block;
    margin-bottom: 4px;
    transition: linear 100ms;
}

.carousel-indicators button.active span.line {
    width: 50px;
    transition: linear 100ms;
}

.icon-bg-panel .bg-icon-1 {
    background-image: url('../images/icons/icon1.png');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    height: 50px;
}

.icon-bg-panel .bg-icon-2 {
    background-image: url('../images/icons/icon2.png');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    height: 50px;
}

.icon-bg-panel .bg-icon-3 {
    background-image: url('../images/icons/icon3.png');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    height: 50px;
}

.overlay-card {
    background-color: black;
    position: relative;
}

.overlay-card .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.overlay-card .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.overlay-card .middle-1 {
    top: 20%;
}

.overlay-card:hover .image {
    opacity: 0.3;
}

.overlay-card:hover .middle {
    opacity: 1;
}

.input-group .input-group-text,
.input-group .form-control {
    border: 2px solid black;
    background-color: white;
}

.input-group .input-group-text {
    border-right: 2px solid black;
}


.owl-carousel .owl-item.active.center,
.owl-carousel .owl-item.active.current {
    margin: auto;
}

.owl-dots .owl-dot span {
    border: 1px solid #7aceaf;
    background-color: transparent !important;
}

.owl-carousel .owl-item.active.center .owl-text-overlay {
    display: flex !important;
}

.owl-dots .owl-dot.active span {
    background-color: #7aceaf !important;
}

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    left: -5%;
    display: block !important;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent !important;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 30%;
    right: -5%;
    display: block !important;
}

.owl-prev span,
.owl-next span {
    border: 1px solid #ffffff;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: white;
    background: #7aceaf;
}

.owl-text-overlay .btn.rounded-circle {
    width: 50px;
    height: 50px;
}

.owl-text-overlay .btn.rounded-circle img {
    width: 20px;
}

#sync1 .item {
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 450px;
}

#sync2 .item {
    background: #c9c9c9;
    /* padding: 10px 0px; */
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#sync2 .item h1 {
    font-size: 18px;
}
#carouselExampleCaptions h1{
    font-size: 48px;
}
#sync2 .current .item {
    opacity: 1;
}

.owl-theme .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
}


#sync1.owl-theme {
    position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#sync1 .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
}

#sync1.owl-theme .owl-prev {
    left: 10px;
}

#sync1.owl-theme .owl-next {
    right: 10px;
}

.owl-carousel .animated {
    animation-duration: 1.5s !important;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 35px !important;
    height: 55px !important;
}

#sync1 svg {
    width: 22px !important;
}

.owl-carousel .owl-item {

}

#sync1.owl-carousel .owl-item {
    opacity: 1 !important;
}

.owl-carousel-1 img {

    opacity: 0.5;
}

.owl-carousel-1 .item {
    background-color: #000;
}

.owl-text-overlay {
    background-color: rgb(0, 0, 0, 0.5);
    position: absolute;
    text-align: center;
    width: 30%;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding: 20px;
    text-align: left;
}

p.owl-title {
    margin-bottom: 20px;

}

.slider-container .slider-wrap .slider-btn::after {
    background-color: white !important;
    content: '' !important;
    box-shadow: none !important;
    width: 30px !important;
    height: 30px !important;

}

.slider-container .slider-wrap .slider-btn {
    background-color: white !important;
}

.main-banner .card-img-overlay {
    padding-right: 10%;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    background-color: transparent;
    color:white;
    border: 0px solid;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border: 0px solid;
    color:white;
}
.nav-tabs
{
    border: 0px solid !important;
}
.panel-construction .v-text
{
    padding: 5px 2px;
    background-color: #7aceaf;   
    color:white;
    position: absolute;
    height: 120px;
    bottom: -50px;
    padding-top: 10px;
    right: 10px;
}
.panel-category .v-text
{
    font-size:19px;
    padding: 5px 2px;
    background-color: #7aceaf;   
    color:white;
    position: absolute;
    height: auto;
    top: -20px;
    padding-top: 10px;
    left: 10px;
}
.startlink,.startlink:visited, .startlink:hover, .startlink:focus{
    color: #333;
}
.startlinkaccueil,.startlinkaccueil:visited, .startlinkaccueil:hover, .startlinkaccueil:focus{
    color: #333;
}
.steps-img{
    width: 100%;
}
.header-carrousel-text{
    text-align: left;
    margin-top: 20px;
    position: absolute;
    left: 5%;
    bottom:30%;
    width: 275px;
    text-align: left;
    color:#fff;
    z-index:999;
}
#projetpageheader .carousel-inner .carousel-item{
    min-height: auto;
}
#projetpageheader .owl-title{
    font-size: 18px;
    font-weight: normal;
}
#projetpageheader img{
    width: 100%;
}
.nav-header{
    border-bottom: 2px solid #000;
}
@media only screen and (max-width: 600px) {
    .carousel-text-main 
    {
        position:relative;
        min-height: 200px;
        margin-top: 50px;
    }
    .carousel-inner .carousel-item {
        min-height: 200px;
    }
    .steps-img{
        width: 30%;
    }
    .align-items-center{
        min-height: 0px;
    }
    .owl-text-overlay
    {
        width: 100%;
        padding: 50px;
        left: 0px;
        top: 105px;
    }
    #sync1 .item
    {
        height: auto;
    }
    #sync1 .owl-dots {
        left: 34%;
    }
  
    
}


@media(max-width: 900px) {
    .header-carrousel-text{
        position: relative;
        width: 100%;
    }
    html .carousel-caption{
        bottom: 0 !important;
        position: relative;
        width: 100%;
        left:0;
        right: 0;
    }
}