/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .geo-widget-contact-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 .geo-widget-contact-wrapper .geo-widget-contact {

    flex: 0 0 22%;
    margin:  1.5% auto;
    
 }

 .geo-widget-contact-content-no-result {
    margin-top: 25px;
    border: 3px solid #e3e3e3;
    padding: 25px 25px 25px 25px;
 }

 .geo-widget-contact-ctn {
    padding: 0px 25px 25px 25px;
 }

 .geo-widget-contact-content .bloc-tel-email {
   margin-top: 10px;
   margin-bottom: 10px;
 }

 .geo-widget-contact-content .bloc-website {
  margin-bottom: 15px;
}

 .img-around-the-world {
   margin-top: 20px;
   display: block;
 }

 @media screen and (max-width:997px){
   .geo-widget-contact-wrapper .geo-widget-contact {
      flex: 0 0 43%;
      margin:  .5% auto;
   }
 }

 @media screen and (max-width:450px){
   .geo-widget-contact-wrapper .geo-widget-contact {
      flex: 0 0 98%;
      margin:  1% auto;
   }
 }



 .lds-ripple {
   display: inline-block;
   position: relative;
   width: 80px;
   height: 80px;
 }
 .lds-ripple div {
   position: absolute;
   border: 4px solid #cef;
   opacity: 1;
   border-radius: 50%;
   animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
 }
 .lds-ripple div:nth-child(2) {
   animation-delay: -0.5s;
 }
 @keyframes lds-ripple {
   0% {
     top: 36px;
     left: 36px;
     width: 0;
     height: 0;
     opacity: 1;
   }
   100% {
     top: 0px;
     left: 0px;
     width: 72px;
     height: 72px;
     opacity: 0;
   }
 }