/* Safety Pages */
.page_covid-19-safety-protocol,
.covid-19-safety-protocol {
  overflow-x: hidden;
}
.safe-page {
  background-color: #41aac5;
  display: block;
  padding: 5px;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}
.safe-page:hover {
  background-color: #3796af;
  color: #fff;
  text-decoration: none;
}

#safety {
  max-width: 1030px;
  margin: 40px auto 0;
  padding: 20px 10px;
  position: relative;
}
#safety:before {
  background-color: #ebebeb;
  content: "";
  position: absolute;
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#safety .flex-ed {
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  justify-content: space-around;
  flex-wrap: nowrap;
}
#safety article {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 800px;
  flex: 0 1 800px;
  padding: 0 10px;
}
#safety p {
  font-size: 18px;
  line-height: 1.6;
}
#safety h3 {
  font-size: 35px;
  margin: 5px auto;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}
#safety h3:after {
  background-color: #262f50;
  content: "";
  display: block;
  height: 2px;
  width: 57px;
  margin: 10px 0;
}

.covid-icon {
  box-shadow: 0 0 0 10px #fff;
  border: 3px solid #262f50;
  margin: 10px;
  height: 140px;
  width: 140px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}
.cls-1,
cls-1.per {
  stroke: #252525;
  stroke-miterlimit: 10;
  stroke-width: 0.75px !important;
  fill: #fff;
}
.cls-2,
.cls-3 {
  fill: #fff;
}
.cls-2,
.cls-3,
.cls-4 {
  stroke: #262f50;
}
.filler.cls-2,
.filler.cls-1 {
  fill: #fff !important;
}
.thinner .cls-1 {
  stroke-width: 0.1px !important;
  fill: #252525;
}
.thinner .cls-2 {
  stroke-width: 0.1px !important;
  fill: #262f50;
}
.thinner .cls-2,
.thinner .cls-3 {
  stroke-width: 0.5px;
}
.stroker .cls-2,
.stroker .cls-3 {
  stroke-width: 0.4px !important;
}

@media (max-width: 750px) {
  .safe-page {
    letter-spacing: 0;
  }
  #safety .flex-ed {
    display: block;
    text-align: center;
  }
  .covid-icon {
    margin: 20px auto;
  }
  #safety h3 {
    text-align: center;
  }
  #safety h3:after {
    margin: 10px auto;
  }
}

@media (max-width: 590px) {
  #safety h3 {
    font-size: 28px;
  }
}



/*--- ER ICONS ---*/
/***** Remove the class="off" from the leanModal link in the html to activate the link/connect to its pop-up *****/
.off {
  pointer-events: none;
}
.service-icons {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  margin: 20px auto;
}
.service-icons h3 {
  margin: 5px auto;
  font-size: 22px;
  line-height: 1.1;
text-align:center!important
}
.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;
}
.ic-color {
  fill: #031965;
}
.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;
}
.section-toggle {
  display: none;
  margin-top: 20px;
}
@media (max-width: 750px) {
  .has-h3, .has-h3 h3 {
    text-align: center;
  }
}
/*==================== Modal ================*/
#lean_overlay {
  padding: 10px;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  overflow: scroll;
}
#common-popups .modal-content {
  display: none;
  background: #ededed;
  max-width: 1100px;
  width: 95%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  position: relative;
  margin: auto !important;
  text-align: left;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
#common-popups .modal-content h3 {
  text-align: center;
font-size: 26px;
margin: 15px 0 10px;
}
#common-popups .modal-content .has_btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#common-popups .modal-content .btn {
  margin: 5px;
  min-width: 430px;
}
#common-popups .modal-close {
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 1002;
  cursor: pointer;
  color: #031965;
  line-height: 1;
}
#common-popups .modal-close span {
  display: none;
}
#common-popups .modal-close i {
  position: relative;
  color: #031965;
  font-style: normal;
  padding-bottom: 4px;
}
#common-popups .modal-close i:before {
  font-size: 40px;
  content: '\00d7';
}
#common-popups .modal-close:hover i {
  color: #555;
}
#common-popups .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;
}
#common-popups .modal-content .btn {
  margin: 5px;
  min-width: 350px;
}
#common-popups .modal-content {
    top: 50px !important;
    padding: 10px 30px !important;
    max-width: 1200px !important;
max-height: calc(100vh - 110px);
overflow-y: scroll
}
#common-popups .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#common-popups .buttons > p {
margin: 5px
}

#common-popups .modal-close {
right:0!important;
top: 0!important;
margin:5px!important
}

#index-faq {
margin: 8rem auto;
text-align: center;
max-width: 1200px;
}


.accordion{margin:0 auto;padding:50px 20px;text-align:left;max-width:1100px}
.accordion .toggle{position:relative;cursor:pointer;clear:both;padding:15px 55px 15px 25px;width:100%;display:block;text-align:left}
.accordion .toggle h2,.accordion .toggle h3{transition:all .3s;margin: 0;text-align:left;}
.accordion .toggle.active:after{transform:rotate(180deg);padding-bottom:5px}
.accordion .toggle:hover h2,.accordion .toggle:hover h3{color:#0c60cf}
.accordion .toggle:after{content:"\e81a";font-family:fontello;line-height:0;position:absolute;top:0;right:0;font-size:32px;width: 54px; height: 100%;display:flex;align-items:center;justify-content:center;background-color:#f2f2f2;border:1px solid #ccc}
.accordion .toggle-wrapper{padding:0;margin-bottom:10px;background-color:transparent;border:1px solid #ccc}
.accordion .toggle-wrapper>div{display:none;padding:0 50px 20px 20px}
@media (max-width:1024px){
.accordion>div{padding:0 25px 20px 3px}
}