.hidden-ecran{
    width: 0px;
    height: 0px;
    display: none;
    /*position: absolute;*/
  
    font-size: 8px;
  }
  
  .hidden-ecran-form{
    width: 0px;
    height: 0px;
    /*display: none;*/
    position: absolute;
    color: transparent;
    opacity: 0;
    font-size: 8px;
  }


.tp-hero-2-title{
    font-size: 34px;
    text-align: center;
    color: #FFF;
}
.tp-hero-text-1,
.tp-hero-text-2{
    font-size: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .tp-hero-text-1,
    .tp-hero-text-2{
        font-size: 140px;
    }
}

.tp-hero-2-text-title{
    font-size: 100px;
    letter-spacing: 0px;
}

/*** Color ****/
.tp-section-title,
.tp-hero-user-content span,
.tp-hero-down-text span,
.tp-hero-text-2,
.tp-about-heading .tp-section-title,
.tp-footer-text-title,
.tp-footer-2-copyright-social a,
.tp-breadcrumb-title.color-white{
    color: #f3851f;
}
/*** background **/
.tp-hero-icon-space{
    background-color: #f3851f;
}
.tp-footer-4-text-title{
    font-size: 70px;
}

header#header-sticky{
    background-color: #0000008a;
}
header#header-sticky.header-sticky{
    background-color: #000000cc;
}
.tp-offcanvas-2-right-text h3{
    color: #ff98004a;
}
.tp-breadcrumb-title{
    font-size: 70px;
}

@media only screen and (min-width: 350px) and (max-width: 575px){
    .tp-breadcrumb-title{
        font-size: 30px;
    }
}

.tp-main-menu > nav > ul > li > a{
    padding: 10px 0;
}

.btn-reseaux-sociaux{
    padding: 0px 5px; 
    color: #fff; 
}
.btn-reseaux-sociaux span{
    font-size: 20px;
    color: #fff;
}
.btn-reseaux-sociaux i.fab{
    font-size: 18px;
    color: #FFF;
}

a.btn-lang{
    color: #FFF;
}

@media (min-width: 769px){
    .tp-hamburger-btn{
        display: none;
    }
    .tp-header-1-ptb{
        padding: 10px 0px;
    }

}


.header-reseaux-sociaux{
    padding: 0px 10px;
}



@media (max-width: 769px){

    .header-reseaux-sociaux,
    .barre-01{
        display: none;
    }
    .tp-header-inner-menu {
        display: none;
    }


}


@media only screen and (min-width: 350px) and (max-width: 575px)
{
    .tp-hero-text-1,  .tp-hero-text-2 {
        font-size: 80px;
    }
}

#img-sample {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    border: 1px solid black;
}
  
#img-sample img {
    position: absolute;
    top: -100px;
    left: -45px;
    width: 140%;
}

.tp-service-details-thumb.tp_img_reveal{
    max-height: 670px;
    max-width: 550px;
    transform: translate(80px, 0px);
}

.tp-service-details-title span{
    display: block;
}

.tp-service-details-title {
    font-size: 90px;
    letter-spacing: 0;
}
.tp-service-details-thumb{
    top: 55px;
}

@media only screen and (min-width: 350px) and (max-width: 575px){
    .tp-service-details-title {
        font-size: 40px !important;
    }
}

.btn-white{
    border: 1px solid #ffffff;
}


.tp-header-inner-menu .tp-main-menu nav > ul > li > a,
.tp-header-inner-menu .tp-main-menu nav > ul > li.has-dropdown > a::after{
    color: #FFF;
}
.tp-main-menu > nav > ul > li .sub-menu{
    width: 300px;
}

.tp-header-inner-menu .tp-main-menu nav > ul > li > a:hover,
.tp-header-inner-menu .tp-main-menu nav > ul > li > a:active,
.tp-header-inner-menu .tp-main-menu nav > ul > li > a:focus,
.tp-header-inner-menu .tp-main-menu nav > ul > li > a:focus-visible,
.tp-header-inner-menu .tp-main-menu nav > ul > li > a:focus-within,
.tp-header-inner-menu .tp-main-menu nav > ul > li > a:target {
    color: orange;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
position: relative;
right: 0;
bottom: 0;
top:0;
min-width: 100%;
min-height: 100%;
}


@media (max-width: 1350px){
    .tp-main-menu > nav > ul > li > a{
        padding: 6px 0;
        font-size: 14px;
    }
}

@media (min-width: 1200px){
    header .container{
        max-width: 100%;
    }
}
@media (max-width: 768px)
{
    .tp-offcanvas-2-left .tp-offcanvas-2-left-wrap{
        background-color: #000;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 350px) and (max-width: 768px)
{
    #myVideo{
        width: 100%;
    }
    .tp-service-details-text span{
        font-size: 40px;
    }


    .tp-offcanvas-2-close-btn,
    .tp-offcanvas-2-close-btn .text{
        color: #fff;
    }
    .tp-hero-down.smooth{
        display: none;
    }
    .contenue-video{
        bottom: 9% !important;
        left: 0 !important;
    }
    .tp-contact-box{
        margin: 0px;
    }
    .tp-contactform-wrap{
        padding: 50px;
    }
    .tp-service-thumb img{
        width: auto;
        transform: translateX(-250px) !important;
    }
}

/* Add some content at the bottom of the video/page */
.content-video {
position: absolute;
/*bottom: 0;*/
top: -250px;
background: transparent;
color: #f1f1f1;
/*width: 100%;
padding: 20px;*/
}

section.tp-hero-area .container{
    max-width: 100%;
}

.contenue-video{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000a3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenue-video .contenu{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.contenue-video .tp-hero-2-text-title{
    color: #fff;
    padding-bottom: 50px;
}

.fix-height-slider{
   height: 760px; 
}
.title-slider{
    font-size: 70px;
    text-align: center;
}
.tp-btn-slider{
    display: flex;
}
.tp-btn-slider a{
    font-size: 22px;
    background-color: #f3851f;
    color: #FFF;
    text-align: center;
    margin: 0 auto;
    display: block;
    display: inline-block;
    padding: 15px 50px;
}

.tp-header-main-right-btn .tp-btn{
    background-color: #f3851f;
}
.tp-header-main-right-btn .tp-btn  .tp-btn-border-wrap .text-1{
    color: #0a0a0a;
}
@media only screen and (min-width: 350px) and (max-width: 768px)
{

    .fix-height-slider{
    height: 100%; 
    }
    .contenue-video .tp-hero-2-text-title{
        font-size: 20px;
        letter-spacing: 0px;
        padding-bottom: 20px;
    }
    .contenue-video{
        align-items: end;
    }
}


.tp-project-item-thumb{
    min-height: 540px;
    border-radius: 35px;
    /*height: 450px;*/

}

.header-reseaux-sociaux .btn-lang{
    padding-left: 45px;
    color: #fff;
}
.article .tp-breadcrumb-subtitle,
.article .tp-blog-inner-heading p{
    color: #FFF;
}
.tp-testimonial-item-title{
    font-size: 35px;
    letter-spacing: 0px;
}
.tp-service-details-ov-list ul li{
    padding-right: 20px;
}
div.fa-check{
    color: #f3851f;
    font-size: 28px;
}
.video-youtube iframe{
    height: 600px;
    margin: 30px 0px;
    width: 100%; 
}
@media only screen and (min-width: 350px) and (max-width: 575px){
    .tp-service-item-title-pre {
        margin-left: 25px;
        font-size: 20px;
    }
    .tp-service-item-title-pre li{
        font-size: 20px;
        font-weight: 400;
    }
}

.tp-contactform-input select{
    border: none;
    font-size: 22px;
    font-weight: 400;
    padding-left: 0;
    height: 45px;
    color: #ff9900;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    width: 100%;
}

.btn-soumission{
    background-color: black;
    color: #ff7100;
    border: 1px solid #ffb000;
}

.help-block strong{
    color: red;
}
.tp-footer-4-ptb .btn-reseaux-sociaux i.fab{
    font-size: 30px;
    color: #f3851f;
    padding: 0px 5px;
}
.tp-main-menu > nav > ul > li .sub-menu li > a{
    line-height: 20px;
    letter-spacing: 0px;
}
.alert-danger{
    background-color: #730000;
    border: none;
    margin: 15px 0 0 0;
}
.alert-danger ul li{
    color: white;
    padding: 0;
    margin: 0;
}
.header-slogan{
    position: relative; 
    top: 100px;
    padding-top: 30px;
}

.tp-service-details-title{
    background-color: #0000009c;
}


.video-full {
  width: 100%;
  height: auto;    /* conserve les proportions */
  display: block;  /* évite l'espace blanc sous l'élément inline */
  max-width: 100%; /* sécurité pour certains conteneurs */
}


.tp-btn-border-wrap .text-1{
color: #000;
}
.tp-btn.btn-pricing:hover,
.tp-btn-border-wrap .text-1:hover{
color: #FFF !important;
}
a.btn-pricing:hover{
  background-color: #000 !important;
  color: #FFF !important;
}

@media only screen and (min-width: 350px) and (max-width: 768px){
    .tp-service-details-title{
        font-size: 40px;
        background-color: transparent;
    }
    .header-slogan{
        top: 0px;
    }
    .owl-wrapper img{
        height: 250px;  
    }
}

@media only screen and (min-width: 768px) and (max-width: 1400px){
    .tp-service-details-title{
        font-size: 60px;
    }
    .header-slogan {
        top: 150px;
    }
}


.fa-stopwatch-20:before,
.fa-dollar-sign:before,
.fa-face-smile:before,
.fa-arrow-trend-up:before{
    font-size: 60px;
    padding: 15px;
    color: #FF9800;
}