@font-face {

    font-family: Calluna-Light;

    src: url(../font/Calluna-Light.otf);

}



@font-face {

    font-family: Calluna-Semibold;

    src: url(../font/Calluna-Semibold.otf);

}



@font-face {

    font-family: Heebo-Regular;

    src: url(../font/Heebo-Regular.ttf);

}





/***body*******/
.img-bloc6 a{
    color: #36177e; 
    text-decoration: none;
}
.img-bloc6 a:hover{
    color: #6d46c6; 
    text-decoration: underline;
}

.img-bloc6 img{

    height: 50%;

}

.tremail h3, p.adres {

    margin-bottom: 20px !important;

}



h1,

h2,

h3 {

    font-family: Calluna-Semibold;

}



body {

    overflow-x: hidden;

    font-family: Calluna-Light !important;

}

.footer a{

    color: #fff;

    text-decoration: none;

}



/******header***/







.entet {

    padding: 20px 0px;

    /**  display: flex;

    align-items: center;**/

}



.menubloc {

    text-align: right;

}



.slogon {

    text-align: center;

}





/******bloc-text******/



.bloc-text {

    background-image: url('../images/bloc-text-background.webp');

    position: relative;

    background-size: cover;

}





/*******certification-bloc*****/



.certification {

    background-image: url('../images/certf-bg.webp');

    background-size: cover;

}



#OEA {

    margin-top: 45px;

}



.img img {

    border-radius: 10px;

    box-shadow: -1px -1px 27px 0px rgba(0, 0, 0, 0.39);

    -webkit-box-shadow: -1px -1px 27px 0px rgba(0, 0, 0, 0.39);

    -moz-box-shadow: -1px -1px 27px 0px rgba(0, 0, 0, 0.39);

}









/******footer*****/



.tremail {

    color: #fff;

}



.tremail span {

    font-family: Heebo-Regular;

    font-size: 15px;

}



.tremail p {

    font-family: Calluna-Semibold;

    font-size: 20px;

}



.footer-logo img {

    max-width: 350px;

    margin: auto;

}





/****annimation*****/



@keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-moz-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-o-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@-ms-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}





/**** page transport****/

.img-bloc6{

    max-width: 1770px;

    margin: auto;

  

    padding: 0px 15px;

    text-align: center;

}

.img-bloc6 .col-md-4{

    padding: 0px;

}

img {

    max-width: -webkit-fill-available;

}

.header-valuable{

    background-image: url('../images/AdobeStock_419371757.webp');

}

.header-transport {

    background-image: url('../images/AdobeStock_91592445.webp');

}

.header-logistic{

    background-image: url('../images/AdobeStock_314743769.webp');  

}

.header-supply{

    background-image: url('../images/AdobeStock_32923362.webp');  

}

.header-commerce{

    background-image: url('../images/AdobeStock_330388554.webp');  

}

.image-bloc img {

    border-radius: 10px;

    margin-top: 35px;

}



.image-bloc .col-md-3 {

    display: flex;

    justify-content: end;

    flex-direction: column;

    align-items: center;

}



h1 {

    font-size: 65px !important;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 20px;

}

/****page contact*****/

#contact-form .input-text, #contact-form textarea {

    width: 95%;

    margin: 10px;

    border-radius: 5px;

    border: 1px solid #dbdbdb;

    padding: 3px 10px;

    font-size: 20px;

}

#contact-form .input-text::placeholder, #contact-form .textarea::placeholder{

    font-size: 18px !important;

}

#contact-form .input-text:focus-visible, #contact-form textarea:focus-visible{

    border: 1px solid #36177e !important;

}

#message::placeholder {

    font-size: 18px;

}

#submit {

    background: #36177e;

    font-size: 25px;

    padding: 3px 45px;

    color: #fff;

}

#submit:hover {

    border:1px solid #36177e;

background: none;

    color: #36177e;

}

.info {

    text-align: center;

}



.infosadress{

    background-image: -moz-linear-gradient( 0deg, rgb(213,219,241) 0%, rgb(213,219,241) 38%, rgb(213,219,241) 100%);

    background-image: -webkit-linear-gradient( 0deg, rgb(213,219,241) 0%, rgb(213,219,241) 38%, rgb(213,219,241) 100%);

    background-image: -ms-linear-gradient( 0deg, rgb(213,219,241) 0%, rgb(213,219,241) 38%, rgb(213,219,241) 100%);

}



.infosadress{

    padding-bottom: 45px;

}

.titlinfo{

    color: #36177e;

}

.header-contact{

    background: url("../images/head-contact.webp");

}

.footer-logo {

    text-align: center;

}

#mapimg, #mapimgm{

    width: 100%;



}

.footer p {

    margin-bottom: 0px;

}

.values li{

    list-style: none;



}

ul.values {

    padding-left: 0;

}

/****responsive****/



@media (min-width: 320px) {

    .header-home {

        background-image: url('../images/head-section.webp');

    }

    .textcerf {

        margin-bottom: 15px;

    }

    .img-bloc6{

        margin-top: 30px;

    }

    .contact-form {

        padding: 60px 0px;

    }

    .info img{

        width: 25px;

    }

    .info p{

    font-family: Heebo-Regular;

    font-size: 15px;

}

    #mapimgm{

        display: block;

    }

    #mapimg{

        display: none;

    }

    .bloc-M{

        display: block;

        text-align: center;

    }

    .img-bloc6{

        display: none;

    }

    .footer {

        background-image: url('../images/footer-bg.webp');

        background-size: cover;

        padding-top: 20px;

        padding-bottom:10px;

    }

    .footer {

        text-align: center;

    }

  

    .header,  .header-home {

        height: 52vh;

        background-size: cover;

        background-position: center;

    }

    .textcerf {

        text-align: center;

    }

  /*  #Aeo {

        width: 210px;

    }*/

    .img {

        margin-top: 10px;

    }

    #ofac,

    #iata {

        margin-top: 55px;

    }

    .img-a {

        display: flex;

        justify-content: space-around;

        align-items: center;

        flex-direction: column;

    }

    .img-o {

        align-items: center;

        display: flex;

        justify-content: space-around;

        flex-direction: column;

    }

    .slogon span {

        font-family: Calluna-Semibold;

        font-size: 45px;

        color: #fff;

        filter: drop-shadow(0px 5px 8px #6d6d6d);

    }

    .contain-menu img {

        width: 190px;

    }

    .bloc-text-ct {

        max-width: 1500px;

        margin: auto;

        padding: 30px 0px;

    }

    .bloc-text-Cer {

        

        padding: 30px 0px;

    }

    .bloc-text-tr {

        padding: 30px 0px;

    }

    .bloc-text-ct-transport {
        padding: 0px 10px;

        text-align: center;

        max-width: 1400px;

        margin: auto;

    }

    .contain {

        padding-left: 45px;

        padding-right: 45px;

    }

    .bloc-text p {

        text-align: center;

        color: #fff;

        font-size: 20px;

    }

    .bloc-text-tr h1 {

        margin-bottom: 40px;

        

    }

    .bloc-text h1 {

        text-align: center;

        margin-bottom: 40px;

        color: #fff;

    }

    body {

        font-size: 20px;

    }

  .slogon {

       padding-top: 75px;

    }

}



@media only screen and (min-width: 576px) {





}



@media only screen and (min-width: 768px) {

   

    .textcerf {

        margin-bottom: 75px;

    }

    .img-bloc6{

        margin-top: 95px;

    }

    .img-a {

        align-items: baseline;

        flex-direction: row;

    }

    .img-o {

        flex-direction: row;

    }

    .info img{

        width: 32px;

    }

    .header, .header-home {

   

        background-attachment: fixed;

        

    }

    .info p{

        font-size: 18px;

    }

    #mapimgm{

        display: none;

    }

    #mapimg{

        display: block;

    }

    .img-bloc6{

        display: flex;

    }

  

    .bloc-M{

        display: none;

    }

    .footer {

        padding-top: 45px;

        padding-bottom: 20px;

    }

    .footer {

        text-align: left;

    }

    .textcerf {

        text-align: left;

    }

    .img {

        margin-top: 60px;

    }

  /*  #Aeo {

        width: inherit;

    }*/

    #ofac {

        margin-top: 0px;

    }

}



@media only screen and (min-width: 992px) {

    .contact-form {

        padding: 95px 0px;

    }

    

  .slogon {

      padding-top: 115px;

    }



    .header, .header-home {

        background-position: bottom;

        height: 70vh;

    }

    .slogon span {

        font-size: 85px;

        ;

    }

    .contain-menu img {

        width: 280px;

    }

    .bloc-text-ct {

        padding: 95px 0px;

    }

    .bloc-text-Cer {

        

        padding: 85px 0px;

    }

    .bloc-text-tr{

        padding: 95px 0px ; 

    }

    .bloc-text-tr.contain {

        padding: 95px 0px ;

    }

    .contain {

        padding-left: 75px;

        padding-right: 75px;

    }

    .bloc-text p {

        text-align: center;

        color: #fff;

        font-size: 30px;

    }

    .bloc-text h1 {

        text-align: center;

        margin-bottom: 45px;

        color: #fff;

    }

    body {

        font-size: 30px;

    }

    .bloc-text:after {

        content: '';

        background-image: url(../images/before.webp);

        width: 1285px;

        height: 520px;

        position: absolute;

        top: 0;

        right: 0;

        animation: fadeIn ease 30s;

        -webkit-animation: fadeIn ease 30s;

        -moz-animation: fadeIn ease 30s;

        -o-animation: fadeIn ease 30s;

        -ms-animation: fadeIn ease 30s;

    }

}



@media only screen and (min-width: 1200px) {

   

    .infoR{

        margin-left: 135px;

    }

}



@media only screen and (min-width: 1500px) {

    .col-lg-cert {

        width: 50%;

    }

    .bloc-text-Cer {

        

        padding: 220px 0px;

    }

    

    

}

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

    .fa-bars:before {

        font-size: 25px;

    }   

    .burger {

     

        top: 4px !important;

    }

}



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

   .tremail {

        margin-bottom: 15px !important;

    }

    h1 {

        font-size: 35px !important;

    }

    h2 {

        font-size: 30px !important;

    }

    h3 {

        font-size: 18px !important;

    }

}