.off{pointer-events:none}
.service-icons{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;margin:20px auto;max-width:1400px}
.service-icons .modal .icon{height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.service-icons .modal .icon .ic-color{fill:#002980}
.service-icons .modal .has-h3{clear:both;display:table;width:100%;margin:20px auto;text-align:left}
.service-icons .modal .has-h3 h3{margin:0 auto 10px;text-align:left}
.service-icons h3{margin:5px auto;font-size:22px;line-height:1.1}
.service-icons > *{padding:5px;flex:0 1 210px;margin:10px auto;display:block}
.service-icons a{color:#2f3437;text-decoration:none}
.service-icons a:hover .icon .ic-color{fill:#3a97bb}
.service-icons a:hover h3{color:#3a97bb}
@media (max-width: 750px) {
.has-h3,.has-h3 h3{text-align:center}
}
.off{pointer-events:none}
dialog::backdrop{background:rgba(0,0,0,0.5)}
dialog.modal-content{box-sizing:border-box;border:none;margin:auto;padding:30px;position:relative;text-align:left;max-height:calc(100% - 65px);width:600px;max-width:85%;overflow-y:scroll}
dialog.modal-content .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}
dialog.modal-content *{text-align:center}
dialog .modal-close{position:absolute;right:0;top:0;cursor:pointer;width:40px;height:40px;border-radius:50%;background-color:transparent;display:flex;justify-content:center;align-items:center;transform:none;border:none}
dialog .modal-close::before{font-size:35px;content:"x";font-family:sans-serif}