/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
COLORS:
default:#11325F;
primary:#FD8739;
second:#666666;
#11325F
*/
body {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 0;
    color:#000;
    border-top: solid 1px #11325F;
}
h1, h2, h3 {
    font-family: 'Signika Negative', sans-serif;
    color:#11325F;
}

h1 {
    margin-top: 0;
}

/*loading*/

/*END loading*/

#logo {
    height: 85px;
    padding-top: 4px;
}
.container-fluid {
    padding: 0;
    background: rgba(226, 226, 226, 0.1);
}
.navbar-brand {
    padding: 0;
    padding-top: 4px;
    padding-bottom: 2.5px;
}
.navbar-nav {
    padding-top: 0;
}
.navbar-nav li {
    height: 55px;
}
.navbar-nav li a {
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
   /* line-height: 75px;*/
    padding-top: 30px;
    color:#fff!important;
    transition: 0.5s color ease;
    text-shadow: none;
}
.navbar-nav li a:hover {
    
}
.navbar-brand img {
    width: 55%;
    margin-left: 5px;
}
.navbar-default {
    height: 55px;
    border-color: transparent;
    transition: 1s all ease;
    background: rgba(0,0,0,.2);
}
.nav-scroll {
    background: #11325F;
}
.navbar-collapse {
    width: 110%;
}
.navbar-collapse ul {

}
.carousel-inner {
    height: 400px;
}

.carousel-inner .item .carousel-caption {
    height: 50px;
    top: 135px;
    padding-bottom: 120px;
   
}
.carousel-inner .item .carousel-caption h1 {
    color:#fff;
    text-shadow: 0 5px 4px rgba(0, 0, 0, 1);
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
   
}
.carousel-inner .item .carousel-caption p {
    color:#000;
    text-shadow: none;
    color:#fff;
   
}

.carousel-indicators li{
    border-color:#FD8739;
}
.carousel-indicators .active{
    background-color:#FD8739!important;
    border-color:#FD8739;
}

/*about*/
#about {
    height: auto;
    margin-top: 20px;
}
#about i {
  font-size: 45px;  
  color:#666;
}
#about .col-md-4 {
    text-align: center;
    margin-bottom: 35px;;
}
#about p {
    padding-right: 24px;
    padding-left: 24px;
}
#about h2 {
    margin-top: 5px;
}
#about h1 {
    color:#11325F;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 25px;
    font-size: 35px;
}
/*end about*/
/*section societe*/
#societe {
    min-height: 400px;
    height: auto;
    background: url("../img/transport.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}
#societe h1{
    color:#fff;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    padding-top: 15px;
    font-size: 35px;
}
.societe {
    width: 810px;
    margin: 0 auto;
}

.societe .societe-text {
    margin-top: 20px;
}
.societe .societe-image img {
    width: 155px;
    height: 155px;
    border-radius: 100%;
}
.paralax {
    text-align: center;
    margin-top: 30px;
}
.paralax .image img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.paralax .content-para {
    width: 250px;
    padding-top: 25px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}
.paralax .text p {
    background: rgba(255, 255, 255, 0.6);
    padding: 10px;
    margin-top: 10px;
    width: 250px;
    margin: 10px auto;
    border-radius: 0 0 45px 2px;
    font-family: 'Signika Negative', sans-serif;
    color:#666;
    font-size: 15px;
}
.titre-para h3 {
    margin-top: -10px;
    color: #fff;
}
.societe .col-md-4 {
    text-align: center;
    margin-left: 45px;
    height: 270px;
    width: 225px;
    border-radius: 3px;
    box-shadow: 1px 1px 10px rgba(0,1,1,.2);
    position: relative;
    background-color: #fff;
    padding-top: 15px;
}
.feature-1{top:-110px; transition: .5s top ease;}
.feature-2{top:-140px; transition: .5s top ease;}
.feature-3{top:-110px; transition: .5s top ease;}

.feature-1:hover{top:-140px; cursor: pointer;}
.feature-2:hover{top:-110px; cursor: pointer;}
.feature-3:hover{top:-140px; cursor: pointer;}

.main-socite { /*page socité */
    height: 350px;
    background: url('../img/air-plan.png') no-repeat;
    background-size: cover;
}

/*end section societe*/
/*metier*/
#metier {
    height: auto;
    font-weight: 600;
    padding-bottom: 25px;
    background: url('../img/metier.png') no-repeat;
    background-size: cover;
    border-top: solid 2.5px rgba(226, 226, 226, 0.1);
}

#metier h1 {
    text-align: center; 
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 35px;
    padding: 25px 0;
}
#metier h2 {
    text-align: center;
}

footer {
    height: auto;
    background-color: #11325F;
    color:#fff;
}

#metier .row img {
    width: 60px;
    height: 55px;
    margin-top: 10px;
    margin-right: 26px;
}
#metier .row {
    padding-left: 25px;
}
#metier .metier-first-block, #metier .metier-second-block {
    background-color: #fff;
    opacity: .8;
    border-radius: 3px;
    box-shadow: 1px 1px 10px rgba(0,1,1,.2);
}
#metier .metier-first-block {
    padding-left: 25px;
    padding-top: 5px;
}
#metier .metier-second-block {
    margin-left: 35px;
    padding-bottom: 25px;
    padding-top: 5px;
}
/*end metier*/
.contact-block {
    width: 85px;
    height: 85px;
    border-radius: 100%;
    position: fixed;
    bottom: 2%;
    right: 1%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd8739+1,fd8739+49,fd8739+51,fd8739+100&1+0,0.59+100 */
background: -moz-linear-gradient(top, rgba(253,135,57,1) 0%, rgba(253,135,57,1) 1%, rgba(253,135,57,0.8) 49%, rgba(253,135,57,0.79) 51%, rgba(253,135,57,0.59) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(253,135,57,1) 0%,rgba(253,135,57,1) 1%,rgba(253,135,57,0.8) 49%,rgba(253,135,57,0.79) 51%,rgba(253,135,57,0.59) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(253,135,57,1) 0%,rgba(253,135,57,1) 1%,rgba(253,135,57,0.8) 49%,rgba(253,135,57,0.79) 51%,rgba(253,135,57,0.59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8739', endColorstr='#96fd8739',GradientType=0 ); /* IE6-9 */
    box-shadow: 1px 1px 4px rgba(209, 28, 137, 0.48);
    -moz-transition: all ease-in-out 1s;
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}
.contact-block:hover {
    cursor: pointer;
}


.contact-block i {
    position: absolute;
    top: 35%;
    left: 30%;
    font-size: 30px;
    color: white;
}


/*securité page */
.main-securite {
    height: 350px;
    background: url('../img/securite.png') no-repeat;
    background-size: cover;
}
.block-securite {
    margin-top: 20px;
    margin-bottom: 20px;
}
.block-securite img {
    margin-bottom: 30px;
}
.main-securite h1 {
    color: #11325F;
    text-align: center;
    padding-top: 180px;
}
.block-securite h2 {
    text-align: center;
}
.block-securite p {
    line-height: 29px;
    font-size: 14px;
    font-weight: 400;
}

.block-securite .block-1 {
   background-color: #fff;
   box-shadow: 1px 1px 10px rgba(0,1,1,.2);
    padding: 15px 25px;
    
}
/*end securité page */
/* agri aqua*/
.main-agri {
     height: 350px;
    background: url('../img/agri5.png') no-repeat;
    background-size: cover;
}
.main-agri h1 {
    color: #11325F;
    text-align: center;
    padding-top: 180px;
}
/* end agri aqua*/

/*  auto aqua*/
.main-auto {
    height: 350px;
    background: url('../img/auto1.png') no-repeat;
    background-size: cover;
}
.main-auto h1 {
    color: #11325F;
    text-align: center;
    padding-top: 180px;
}

strong{
    color: #FD8739!important;
}

/* end auto aqua*/
/*aero*/
.main-aero {
    height: 350px;
    background: url('../img/av1.png') no-repeat;
    background-size: cover;
}

.main-aero h1 {
     color: #11325F;
    text-align: center;
    padding-top: 180px;
}

.main-socite h1 {
     color: #11325F;
    text-align: center;
    padding-top: 180px;
}
/* end aero*/

/*maritime*/
.main-maritime {
    height: 350px;
    background: url('../img/Maritime.png') no-repeat;
    background-size: cover;
}
.main-maritime h1 {
    color: #11325F;
    text-align: center;
    padding-top: 180px;
}
cite {
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
/*end maritime*/
/*fer*/
.main-fer {
    height: 350px;
    background: url('../img/fer3.png') no-repeat;
    background-size: cover;
}
.main-fer h1 {
     color: #11325F;
    text-align: center;
    padding-top: 180px;
}
/*end fer*/

/*medical*/
.main-medical {
    height: 350px;
    background: url('../img/medical.png') no-repeat;
    background-size: cover;
}
.main-medical h1 {
    color: #11325F;
    text-align: center;
    padding-top: 180px;
}

/*end medical*/
/*Bureautique*/
.main-Bureautique {
    height: 350px;
    background: url('../img/buro1.png') no-repeat;
    background-size: cover;
}
.main-Bureautique h1 {
    color: #11325F;
    text-align: center;
    padding-top: 180px;
}
/*end Bureautique*/

/*fret*/
.main-fret {
    height: 350px;
    background: url('../img/Maritime.png') no-repeat;
    background-size: cover;
}
.main-fret h1 {
     color: #11325F;
    text-align: center;
    padding-top: 180px;
}
.img-fret {
    transition: .7s all ease;
}

/*end fret*/
/* GAMME*/
.main-equipement {
    height: 350px;
    background: url('../img/h-equip.png') no-repeat;
    background-size: cover;
}

.main-equipement h1 {
     color: #11325F;
    text-align: center;
    padding-top: 180px;
}
.gamme-container {
    min-height: 650px;
}
.gamme-title p {
    padding: 15px 0;
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    background: #02a1d7;
    border-radius: 2px;
    width: 555px;
    color: white;
    margin: 35px auto;
    box-shadow: inset 1px 1px 5px rgba(0,0,0,.3);
    font-family: 'Signika Negative', sans-serif;
}
.gamme-container .col-md-4 {
    margin-bottom: 20px;
}
.gamme {
    background-color: #fff;
    bottom: 0;
    border-radius: 2px; 
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12),0 1px 2px rgba(0,0,0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12),0 1px 2px rgba(0,0,0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12),0 1px 2px rgba(0,0,0, 0.24);
    height: 335px;
    margin: auto;
    overflow: hidden;
    width: 300px;
    cursor: pointer;
    
}
.header-gamme img {
    width: 100%;
    margin-bottom: 0;
    height: 168px;
}
.header-gamme {

    
}
.header-gamme h2 {
    font-family: 'Signika Negative', sans-serif;
    font-size: 22px;
    font-weight: 400;
    position: relative;
     transition: .3s cubic-bezier(.3, 0, 0, 1.3); 
    color:#fff;
    background-color: rgba(0, 157, 204, 0.82);
    top:-54px;
    padding: 5px;
}
.body-gamme {
    position: relative;
    top: -50px;
}
.body-gamme p {
    margin: 0;
    padding-left: 20px;
    font-weight: 700;
}

footer h2 {
    color:#fff;
    font-size: 15px;
}
.footer-nav li a {
    color: #85a3c2;
    font-family: 'Signika Negative', sans-serif;
    text-transform: lowercase;
    padding: 0;
    font-size: 13px;;
}

.footer-nav li a:hover {
    color:#fff;
    background: none;
    border-right: none;
}
.logo-footer {
    padding-left: 8%;
}
.logo-footer h2 {
    padding-left: 40px;
}
.logo-footer img {
    width: 150px;
}

.last-footer {
    text-align: center;
    font-size: 12px;
}
.last-footer a:first-child {
    margin-left: 10px;
    margin-right: 0px;
}
.last-footer a:hover {
    color:#fff;
}
.rapid-form {
    position: fixed;
    background-color:#E0E0E0;;
    color:#000;
    width:0px;
    height: 0;
    border-radius: 100%;
    bottom: 2%;
    right: 1%;
    padding: 15px;
    opacity: 0;
}

.dropdown-menu li  {
    height: auto!important;
    
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a {
    background-image:none;
}
 .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.63)!important;
    
}
.dropdown-menu li a {
    color: #11325F!important;
    padding: 4px 10px 3px 10px!important;
    padding-left: 15px;
    height: 30px
}
.dropdown-menu li a:hover{
    background-color: #fff!important;
    background-image: none;
}
/* END GAMME*/
.satifaction {
    font-weight: 700!important;
    font-size: 25px!important;
}
 @media(min-width: 320px) and (max-width: 767px){
     h1 {
         font-size: 18px!important;
     }
     h2 {
         font-size: 20px!important;
     }
     h3 {
         font-size: 15px!important;
     }
     #about h1 {
         margin-top: 30px;
     }
     .resp-orex {
         height: 100px;
     }
     
     #contact-header {
         height: 100px!important;
     }
     .carousel {
        top: 54px!important;
         margin-bottom: 20px;
     }
     .carousel-inner {
         height: 130px;
     }
     .carousel-inner .item .carousel-caption {
         top:2px;
     }
     .carousel-inner .item .carousel-caption h1 {
         font-size: 23px!important;
         color: #fff;
     }
        
    .societe {
        width: 100%;
        margin: 0 auto;
    }
     .societe .col-md-4 {
         margin: 40px auto;
     }

     .navbar-default .navbar-brand {
        width: 200px;
    }
     .navbar-nav li a {
         color:#11325F!important;
     }
     .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         background-color: rgba(255, 255, 255, 0.84);
     }
      .dropdown-menu {
        background-color: #fff!important;
    }
     .navbar-nav .open .dropdown-menu {
         position: relative;
         top:0;
         padding-left: 40px;
     }
     .navbar-nav .open .dropdown-menu>li>a {
         color: #FD8739!important;
     }
     
     .gamme-title p {
        width: 75%;
        font-size: 15px;
    }
     
     .orex-map{
        width: 290px!important;
     }
     .orex-map iframe{
        width: 290px;
     }
     
     .orex-adr {
        position: relative!important;
        left: 65px!important;
        top: 10px!important;
     }
     #metier .metier-second-block {
        margin-left: 0px;
        padding-bottom: 25px;
         margin-top: 15px;
    }
     #metier .metier-first-block {
         padding-bottom: 25px;
     }
     
     .header-gamme h2 {
         padding: 6px;
     }
     
}
@media(min-width: 769px) {
        .navbar-collapse {
            width: auto;
        }
    
    .gamme-title p {
        width: 75%;
        font-size: 15px;
        }
    .orex-adr {
        position: absolute;
     }
    
    
}

@media(min-width: 768px) and (max-width:900px){
    .resp-orex {
        height: 215px;
    }
    
    #contact-header {
         height: 250px!important;
     }
   .carousel-caption {
    padding-bottom: 254px;
    } 
    
    .carousel-inner {
         height: 250px;
     }
     .carousel-inner .item .carousel-caption {
         top: 65px;
     }
     .carousel-inner .item .carousel-caption h1 {
         font-size: 35px;
     }
    .gamme-title p {
        width: 75%;
        font-size: 15px;
    }
    
    .orex-adr {
        position: absolute!important;
        left: 67%!important;
     }
    
     #metier .metier-second-block {
    margin-left: 0px;
    padding-bottom: 25px;
}

}
@media(min-width: 900px) and (max-width:1311px){
    .resp-orex {
        height: 265px;
    }
    .carousel-inner {
         height: 285px;
     }
    .carousel-inner .item .carousel-caption {
         top: 105px;
     }
    
    .gamme-title p {
        width: 75%;
        font-size: 15px;
    }
}
@media(min-width: 768px) and (max-width:768px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        width: 400px;
    }
    .gamme-title p {
        width: 75%;
        font-size: 15px;
    }
}



@media(min-width: 1311px){
    .gamme-title p {
        width: 75%;
        font-size: 30px;
    }
    
    .orex-adr {
    height: 215px;
    width: 250px;
    position: absolute;
    left: 48%;
    top: 25%;
    text-align: center;
    padding-top: 2%;
    }
    
    .img-fret:hover {
    cursor: pointer;
    transform:scale(2);
    position: relative;
    right:75px;
    top: 65px;
}
    
    .third {
    padding-left: 15%;
}
}