/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


img.center-c {
    display: block;
    margin: 0 auto;
}

.justify-c{
   text-align:justify;
}
.justify-c h3{
    padding: inherit;
    height: auto;
}
.button-yellow{
    background-color:#FF9A16;
}
.header-row{
    background-color: #13223E;

}
.line{
    margin:40px 0px;
}
.bloc{
    min-height: 385px;
    max-width: 16681px;
    background-color: #13223E;
    display: block;
}

.mt-6{
    margin-top: 6em;
}
.mt-5{
    margin-top: 5em;
}
.mt-4{
    margin-top: 4em;
}
.mt-3{
    margin-top: 3em;
}

h2, .text-o{
    color: #FF9A16 !important;
}
.blocktrans{
    display: block;
    background-color: #000000ba;
    color: blanchedalmond;
    padding: 3em;
}
.blue, #header-wrap > .container, #footer, #header-wrap{
    background-color: #13223E !important ;
}

.orange{
    background-color: #FF9A16;
}
.map {
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 50%;
  position: relative;
}
.partenaire{
   max-height: 200px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    width: auto;

}
.clearfix > .map{
    max-height: 400px;
}
.box{
    /* font-size: 25px;
    display: block;
    background-color: #000000ba;
        padding: 1em; */
    color: blanchedalmond;

}

.box-withe{
    display: block;
    background-color: #ffffffba;
    padding: 1em;
}
.menu-link, #footer a{
    color: #fff !important;
}

li > a :hover,li :hover,li > a > div :hover,.menu-link :hover, #top-geo > a, #top-geo > a:hover {
    color: #FF9A16;
}
 .top-links-item > a , a>i{
    color:#fff;
}
.top-links-item > a:hover{
    color: #FF9A16;
}

h1, h2, h3, h4, h5, h6, .container p {
    color: #13223E;

}

@media (max-width: 1200px){
    .containerads  img {
        display: none;
    }
    #prest img{
    width: 70px!important;
    height: auto!important;
      margin-right: 1%;
    margin-left: 1%;
    }
    .logo-i img{
        width: 150px;
        height: auto;
    }
}

@media (min-width: 1200px){
 
    #prest img{
    width: 160px!important;
    height: auto!important;
    margin-right: 3%;
    margin-left: 3%;

    }
}
.center-img, .box img{
    display: block;
    margin: 0 auto;
}




.blue p{
    color:#fff;
}

#submit-contact{
    color:#fff;
    background-color: #13223E;
}
#submit-contact:hover{
    color:#FF9A16;
}


.ban img{
        width: 649px !important;
    height: 646px!important;

    position: relative;
    z-index: 2;
}
/* #header{
        margin-bottom: 100px !important;
} */
.back-o{
    background-color: #FF9A16 !important;
    color: #fff;
}
.white{
    color:#fff!important;
}
#contact  a{
    color:#fff !important;
}
#contact  a:hover{
    color:#FF9A16;
}
.slider-whithout-next .tparrows{
     display: none!important;
}

.slider-whithout-next .hermes .tparrows {
    display: none!important;
}
.mt-1{
 margin-top: 6em;
}
.icon-footer{
     display: flex;
   justify-content: center;
}
#footer p{
    font-size: 16px;
}
.underline{
text-decoration: underline;
}
.partenaire img{
    height: 230px !important;
    width: auto !important;
}
.blocktrans p, .svg-trigger, .pay p{
    color:#fff!important;
}

.full-header #logo {
    border-right: 0px!important;
}

.full-header .primary-menu .menu-container {

    border-right: 0px ;
}
@media (max-width: 1200px){
    #primary-menu-trigger{
        background-color: #FF9A16 !important;
        color: #fff;
        TEXT-ALIGN: center;
    }
    .svg-trigger path {
    stroke: #fff;
}
      .top-links-item > a {
    display: block;
    padding: 0px;
    font-size: 0.25rem;
    line-height: 0px;
    font-weight: 0;
    text-transform: uppercase;
    }
    /* #top-bar i{
            FONT-SIZE: x-small;
    } */
    .social i {
        font-size: x-large;
    }
    #primary-menu-trigger{
        border-radius: 4px;
    }
    #o-pc {
        display: none!important;
    }
}
@media (max-width: 600px){

    .ico-group{
        /* display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        TEXT-ALIGN: center; */
        display: inline;
    }

    /* #logo {
    display: inline-block;
    TEXT-ALIGN: center;
    } */

    #footer{
    text-align: center;

    }
    /* #top-bar >.container > .row{
        display: block!important;
    } */
    .top-links-item > a {
    display: block;
    padding: 0px;
    font-size: 0.25rem;
    line-height: 0px;
    font-weight: 0;
    text-transform: uppercase;
    }
    
    #o-mo {
        display: inline-block!important;
    }
    #o-mo a{
           color: white;
    font-size: initial;
    text-align: center;
    }
    #top-bar{
        text-align: center;
    }
    /* .header-row{
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    } */

    .content-wrap {
        padding: 0px 0!important;
    }
    #logo img{
        height: 53px!important;
        margin-top: 20px;    
        margin-bottom: 24px;
    }
    #top-geo button{
         font-size: 15px;
         padding: 20px 5px;
        line-height: 0px;
    }
    .header-misc{
            margin-right: 5%;
    }

    #header .container{
     padding-right: 0px; 
     padding-left: 0px;
   
    }
    .header-wrap{
          margin-top: 10%;
     margin-bottom: 10%;
    }
  
    #logo  {
          margin-left: 3%;
    }
    img.service-c{
    width: 145px;
    height: 150px;
    object-fit: cover;
    }
    h1{
        font-size: 18px!important;
    }
    h3,h2{
        font-size: 16px!important;
    }
    .heading-block {
        margin-bottom: 0px; 
            margin-top: 0px
    }
    .reverserow{
    display: flex!important;
    flex-direction: column-reverse!important;

    }
     span, p{
    font-size: 13px;
    }
     b , .video span{
    font-size: 18px!important;
    }
    .width .col-sm-6{
        width: 50%!important;
    }
    .ff{
        font-size: 22px!important;
    }
    .dep{
        min-height: 0px;
    }
    .dep1{
        padding: 0px 0 0px;
    }
    .blocktrans {
     padding: 0em!important; 
    }
    .small{
        margin-top: 0rem !important;
    }

    .small img {
        height: 245px;
        width: auto;
    }
    h2{
        padding-top: 10px;
    }
    .partenaire img{
        height: 130px!important;
        width: auto!important;
    }
    .fbox-content p{
        padding-left: 25px;
        padding-right: 25px;
        font-size: 15px;
    }
    .justify-c h3 {
        height: auto;
        margin-top: revert;
        font-size: 14px;

    }
    #contact span, #contact p, #contact a {
        font-size: 18px!important;
    }
    .fluid-width-video-wrapper{
        padding: 22%!important;
        margin-bottom: 5%;
    }
    .justify-c{
        text-align: center;
    }
    .col-mb-50 > [class*="col-"] {
    padding-bottom: 20px!important;
}
    .mx-auto  .col-mb-50  {
    padding-bottom: 10px!important;
}
    .s40 h1{
            MARGIN-TOP: 20px;
        } 

    #primary-menu-trigger {
        margin-bottom: 13px;
    }
    .left{
        text-align: left!important;
    }
    .footer-mobile{
        display: block;
    }
    .footer-pc{
        display: none;
    }
    #content .ct-service{
  padding-top: 10%!important;
    padding-bottom: 18%!important;
    }
    #locator-button{
        margin: 0px; 
        padding: initial;
        width: auto;
            font-size: smaller;
    }
    #locator-button img{
            display: block;
    margin-left: auto;
    margin-right: auto;
    }
    #locator-button img{
       height: 50px!important;
    }
    .menu-link {
        text-align: center!important;
    }
    .modal-body {
        padding: 0.3rem!important;
    }

}


#top-bar{
    z-index: 9;
}
@media (max-width: 360px){
    #top-geo button {
    font-size: 12px;
    }
}
@media (min-width: 600px){
    .primary-menu {
    margin-left:15%;
    }

}
@media (min-width: 1402px){
    .primary-menu {
    margin-left:25%;
    }
}
@media (min-width: 1802px){
    .primary-menu {
    margin-left:50%;
    }
}



@media (min-width: 1476px){
    .video iframe{
        position: absolute!important;
        top: 20px!important;
        left: 145px!important;
        width:510px!important;
        height:310px!important;
    }
    .video img{
        position: absolute!important;
        top: 0!important;
        left: 0!important;
        width:804px!important;
        height:auto!important;
    }
    #containerads{
        margin-right: 0em;
        margin-bottom: -350px;
        margin-left: 13em;
}
}
@media (max-width: 1476px){
    .video > .container{
            max-width: 720px;
    }
    .video img{
     display: none;
    }
    
}
label {
    color: #13223E!important;
}

.top-links-item {
    border-left: 0px ;
}
#top-geo{
    margin-bottom: 5%;
}
#slider{
    background: #13223E;
    margin-top: 0px!important;
}

#top-bar, #header {
    border-bottom: 0px;
}
  
#header-wrap {
   border-bottom: 0px !important ;
}

@media (min-width: 600px){
        #o-mo a,#o-mo i, .only-mobile.row {
        display: none!important;
    }
  

    .google-maps .fluid-width-video-wrapper {
       padding-top: 100%!important;
    }
    img.service-c{
    width: 175px;
    height: 182px;
    object-fit: cover;
    }
    .heading-block {
    padding: 50px;
    }
    h2{
        font-size: 24px!important;
    }
    span, p{
        font-size: 18px;
    }
        .centerjust{
            text-align: left!important;
        }
        .ff, .s40 span{
            font-size: 36px!important;
        }
        .p-10{
            padding: 14px;
        }
         .fbox-content p{
        padding-left: 5px;
        padding-right: 5px;
        font-size: 15px;
    }
    .services-tab .justify-c h3 {
        height: 60px!important;
        MARGIN-TOP: 10px;
        margin-bottom: auto;
    }
    .adsban1 img{
        height: 100%;
        position: absolute;
    }
    .slid-contact h1{
        font-size: 40px!important;
    }
    .video .fluid-width-video-wrapper{
    padding-top:75% !important;
}
  .footer-mobile{
        display: none;
    }
    .footer-pc{
        display: block;
    }
    #content .ct-service{
  padding-top: 2%!important;
    padding-bottom: 2%!important;
}
}

#map {
  height: 400px;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
 }
 .modal-header > .modal-title{
         margin-left: auto!important;
    margin-right: auto!important;
    width: 50%!important;
 }

#form-geo-submi{
           width: inherit;
}
/* .button.button-3d {
 width: inherit;
} */

.center-block{
    margin-left: auto;
    margin-right: auto;
}
::placeholder {
  color: #13223E!important;
}
   
.only-mobile span{
    color:white!important;
}


html, body {width: auto!important; overflow-x: hidden!important}

.but:hover{
    background-color: white!important;
    color:#FF9A16!important;
}
.alert {
    display: none;
}

.icon-phone {
  transform: rotateY(180deg)!important;
}

.button.button-border.button-light , .locator-button, a.button.button-rounded.button-reveal.button-large.button-yellow, button#submit-contact{
    border-radius: 50px;
}
#galery-i img{
    /* height: 15em;
    width: ; */
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #FF9A16, #13223E, #FF9A16);
}


/* gallery */
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

label[for] { cursor: pointer; }

input[type="checkbox"] { display: none; }

body { background-color: #000; }

.lightbox {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 1;
  overflow: auto;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .75s ease-out;
  transition: transform .75s ease-out;
}

.lightbox img {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 96%;
  max-height: 96%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

input[type="checkbox"]:checked + .lightbox {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

input[type="checkbox"]:checked ~ .grid { opacity: .125; }

.grid {
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #13223E;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 16px;
  overflow: auto;
  text-align: center;
  -webkit-transition: opacity .75s;
  transition: opacity .75s;
}

.grid .grid-item {
  width: 25%;
  display: inline-block;
  padding: 16px;
  opacity: .75;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.grid .grid-item:hover { opacity: 1; }
@media screen and (max-width: 1024px) {

.grid .grid-item { width: 50%; }
}
@media screen and (max-width: 480px) {

.grid .grid-item { width: 100%; }
}

.grid img {
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}


/**
* @m4xb0 
* make mac picture and youtube video box responsive
*/
@media(max-width: 450px){
     .video img{
      position: absolute!important;
       display: block;
      max-width:330px!important; 
      height:170px!important;
      /*margin-left: 20px;
      margin-right: 20px;
      margin-bottom:20px;*/
      margin:auto!important;
      top:0px!important;
      bottom:0px!important;
      left:0px!important;
      right:0px!important;
    }
    .video iframe{
      position: absolute!important;
      max-width:212px!important;
      height:140px!important;
      margin:auto!important;
      top:10px!important;
      bottom:24px!important;
      left:0px!important;
      right:1.04px!important;
    }
}
@media(max-width: 360px){
  .video img{
    position: absolute!important;
       display: block;
      max-width:200px!important; 
      height:120px!important;
      margin:auto!important;
      top:0px!important;
      bottom:0px!important;
      left:0px!important;
      right:0px!important;
    }
    .video iframe{
      position: absolute!important;
      max-width:129px!important;
      height:95px!important;
      margin:auto!important;
      top:10px!important;
      bottom:24px!important;
      left:0px!important;
      right:1.04px!important;
    }
}
@media(max-width:230px){
  .video img{
    display:none;
  }
}

/**
* end
*/

/* end gallery */