@import url(~mdb-ui-kit/https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.2/mdb.min.css);#Lien_Exterieur,#coltext,#hover_color,#navg{color:#fff}#mybtn,.item a{left:0;bottom:0}.item img,.w-responsive{width:100%}#centertext,#mybtn,#other_center{text-align:center}.btn,.btn-foot{font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;text-decoration:none}.btn,.btn-foot,.btn-foot:hover,.btn:hover{text-decoration:none}#center,a{color:#4f4f4f}#mybtn{display:inline-block;background-color:#0f5dd2;width:50px;height:50px;border-radius:15px;position:fixed;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}#mybtn::after{content:"\f077";font-family:FontAwesome;font-weight:400;font-style:normal;font-size:2em;line-height:50px;color:#fff}#white:hover,.btn:hover{color:#000}#mybtn:hover{cursor:pointer;background-color:#4285f4}#mybtn:active{background-color:#555}#mybtn.show{opacity:1;visibility:visible}@media (min-width:500px){#mybtn{margin:20px}}.dropdown:hover .dropdown-menu{display:block;margin-top:0}#hover_color{height:50px;background:#20b2aa;margin:8px;float:none;border:0;box-shadow:0 0 1px #ccc;-webkit-transition-duration:.5s;-webkit-transition-timing-function:linear;box-shadow:0 0 0 #31708f inset}#hover_color:hover{-webkit-box-shadow:-300px 0 0 #000 inset}b.hover-text:hover{color:#0072bd}#center{text-align:justify}#btn_devis_gratuit{height:50px;font-size:larger}@media only screen and (max-width:450px){#center{text-align:center;color:#4f4f4f}#btn_devis_gratuit{height:70px;font-size:larger}}#navg,.btn{font-size:20px}#footerBack{background-color:#0072bd}#narbar{font-weight:700}#narbar1{padding-right:10px}#narbar2{color:#150d4e}#narbar3,#white,.btn,.btn-foot{color:#fff}#narbar3{background-color:#150d4e;border-radius:4px}#white{font-weight:bolder}#btn_submit{background-color:#0b0146;height:60px}#carol{background-color:transparent}#slider{font-size:65px;color:#0a0144;font-family:'Times New Roman',Times,serif;font-weight:700}#slider1{font-size:65px;color:#0970b1}#font_size{font-size:16px}#other_center{font-weight:700}#back,#backcolor1{background-color:#f0f8ff}#back1{background-color:rgba(0,0,0,.05)}#reduction{background-image:url(https://mdbootstrap.com/img/Photos/Others/background2.webp)}.d-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:100px;grid-gap:7px}.item{position:relative}.item:first-child{grid-column:1/2;grid-row:1/4}.item:nth-child(2){grid-column:2;grid-row:0/3}.item:nth-child(3){grid-column:2;grid-row:2/3}.item:nth-child(4){grid-column:2;grid-row:3/3}.item a{position:absolute;right:0;top:0;overflow:hidden}.item img{height:100%;object-fit:cover}.btn{-webkit-border-radius:60;-moz-border-radius:60;border-radius:30px;background:#5a8af9;padding:10px 20px}.btn:hover{background:#f5f2f2}.btn-foot{-webkit-border-radius:60;-moz-border-radius:60;border-radius:60px;font-size:15px;width:230px;background:#000;padding:10px 30px}.btn-foot:hover{background:#20b2aa;color:#000}#centermb1{padding-left:30px}#centermb2{padding-left:50px}#padd_left{padding-left:10px}ul.plus,ul.star,ul.tick{margin:5px}ul.tick li{background:url(img/tick.png) left center no-repeat}
/*for phones*/
@media only screen and (max-width:600px)  { 
    .container{
      margin-top: 50%;
    }
    .container h1{
      margin-top: 0px;
    }
    #prosli,#parsli{
      margin-top: 50%;
    }
    .nav-link{
      margin-bottom: 5%;
    }
    #center{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    #carouselExampleIndicators{
      margin-top: 20%;
    }
    .row {
      margin-right: 0px ;
      margin-left: 0px;
      padding: 0px;
    }
    .btn1{
      margin: 5%;
    }
    #narbar1 ul li {
      margin-bottom: 2px;
    } 
    .mask .rgba-white-slight{
      margin-left: 2px;
    }
    .item img{
      margin-left: 0%;
    }
    .dark-grey-text{
      margin-top: -3%;
    }
    .container .my-5{
      margin-top: -10%;
    }
    #navg{
      align-items: center;
      display: block;
    }
  }
  /*for tablets*/
  @media only screen and (max-width:768px){
    #section1{
      margin-top: -8%;
    }
    #section2{
      margin-top: -3%;
    }
  }