.off {pointer-events: none;}

.service-icons {display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 20px auto; 
    h3 {margin: 5px auto; font-size: 22px; line-height: 1.1;}
    > * {padding: 5px; flex:0 1 210px; margin: 10px auto;display: block;}
  a { color: $text;text-decoration: none;
    &:hover {
        .icon .ic-color {fill: $primary;} 
      h3 {color: $primary;}
    }
  }
}

.ic-color {fill: $secondary}
.sv-icon {height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}
.has-h3 h3 {margin: 0 auto 10px;text-align: left;}
@media (max-width: 750px) {
 .has-h3, .has-h3 h3 {text-align: center;}
}

#emer-icon{
  margin-right: -35px;
  margin-bottom: 50px;
  margin-left: 104px;
}
/*==================== Modal ================*/

#lean_overlay {padding: 10px; position: fixed; z-index:1100; top: 0; left: 0; height:100%; width:100%; background: rgba(0,0,0,.7); display: none;  overflow: scroll;}

.modal-content.pop { display: none; -webkit-box-flex: 0;-ms-flex: 0 1 97%;flex: 0 1 97%; background: rgb(237, 237, 237); max-width: 900px;-webkit-box-sizing: border-box; box-sizing: border-box; position: relative;text-align: center;  width: 95%;  max-height: calc(100vh - 80px);overflow-y: scroll; margin: auto; padding: 30px;
      
      h3 {text-align: center;font-size: 26px;margin: 15px 0 10px}
     .has_btns {display: flex; justify-content: center; flex-wrap: wrap;}
      .btn {margin: 5px; min-width: auto;}
      
     .modal-close { position: absolute; right:0; top:0; margin: 5px; z-index:1002; cursor:pointer;  color: $secondary; line-height: 1;
        span {display: none;}
        i { position: relative; color:$secondary; font-style: normal; padding-bottom: 4px;
            &:before { font-size: 40px;content: '\00d7'}
        }
         &:hover i {color: #555; }
    }


   .has_btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .buttons {display: flex;flex-wrap: wrap;justify-content: center;}
    .buttons > p {margin: 5px}
      
    }