﻿.support-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .support-list {
    flex-direction: row;
  }
}
.support-list li {
  padding: 0;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .support-list li {
    width: 33.3%;
    margin: 0 16px 0 0;
  }
}
.support-list li .item {
  display: block;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1019607843);
  background: #ffffff;
  margin: 0 auto;
  height: 100%;
  border: 1px solid transparent;
  width: 100%;
  max-width: 100%;
  text-align: left;
  padding: 26px 10px 25px;
  min-height: 135px;
}
.support-list li .item h3 {
  max-width: 100%;
  margin-bottom: 6px;
  color: #009ed3;
  letter-spacing: -0.21px;
  margin-bottom: 6px;
  line-height: 27px;
  font-size: 21px;
  font-weight: 500;
}
.support-list li .item p {
  margin: 0 auto;
  max-width: 100%;
  color: #959ba3;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  letter-spacing: -0.13px;
}
.support-list li .item img {
  float: left;
  width: 88px;
  height: 88px;
  margin-right: 10px;
  vertical-align: middle;
}
.support-list li a:active,
.support-list li a:hover,
.support-list li span:hover,
.support-list li a:focus {
  text-decoration: none;
  background-color: #009ed3;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
.support-list li a:active h3,
.support-list li a:hover h3,
.support-list li span:hover h3,
.support-list li a:focus h3 {
  color: #ffffff;
}
.support-list li a:active p,
.support-list li a:hover p,
.support-list li span:hover p,
.support-list li a:focus p {
  color: #ffffff;
}
@media (min-width: 768px) {
  .support-list li {
    width: 33.3%;
    margin: 0 16px 0 0;
  }
  .support-list li .item {
    text-align: center;
  }
  .support-list li .item h3,
  .support-list li .item p {
    max-width: 236px;
  }
  .support-list li .item h3 {
    margin: 0 auto 20px;
  }
  .support-list li .item img {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0px;
  }
}

.locations-section {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 80px;
}
.locations-section h2 {
  color: #35393d;
  margin: 0px auto 80px auto;
}
.locations-section .locations-list {
  list-style: none;
  padding: 0px;
}
.locations-section .locations-list > li {
  margin: 0;
  max-width: inherit;
  display: block;
  width: auto;
  padding: 60px 0px 0px 0px;
}
@media (min-width: 768px) {
  .locations-section .locations-list > li {
    width: 30%;
    display: inline-block;
    margin-bottom: 50px;
    padding: 0px;
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .locations-section .locations-list > li {
    width: 23%;
  }
}
.locations-section .locations-list > li:first-child {
  padding-top: 0px;
}
.locations-section .locations-list > li .location-box {
  margin: 0px;
  background: #ffffff;
  text-align: left;
}
.locations-section .locations-list > li .location-box .title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.locations-section .locations-list > li .location-box .title img {
  width: 28px;
  height: 28px;
  margin-right: 6px;
}
.locations-section .locations-list > li .location-box .title h3 {
  font-size: 16px;
  line-height: 29px;
  font-weight: 600;
  letter-spacing: -0.16px;
  color: #000000;
  display: inline-block;
  margin: 0px;
}
.locations-section .locations-list > li .location-box div > ul {
  list-style: none;
  margin: 0px;
  padding-left: 0px;
}
.locations-section .locations-list > li .location-box div > ul li.phone {
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  letter-spacing: -0.15px;
  color: #000000;
  margin-bottom: 6px;
}
.locations-section .locations-list > li .location-box div > ul li {
  font-size: 11px;
  line-height: 17px;
  font-weight: 500;
  color: #959ba3;
  letter-spacing: -0.11px;
  max-width: 187px;
}
.locations-section .locations-list > li .location-box div > ul .phone a {
  color: #000000;
  text-decoration: none;
}
.locations-section .locations-list > li .location-box div > ul a:hover {
  text-decoration: none;
}
.locations-section .locations-list > li .location-box div > ul .phone:hover {
  color: #000000;
  text-decoration: underline;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/rapnet_core/Rapnet.Web/wwwroot/scss/contact-us.scss%22,%22file:///C:/Projects/rapnet_core/Rapnet.Web/wwwroot/scss/variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;AAGF;EACE;EACA;EACA,YCzBE;ED0BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,OClCO;EDmCP;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,OCxBK;EDyBL;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;AAAA;EAIE;EACA,kBClES;EDmET;;AAGF;AAAA;AAAA;AAAA;EAIE,OC9EE;;ADiFJ;AAAA;AAAA;AAAA;EAIE,OCrFE;;ADwFJ;EA7EF;IA8EI;IACA;;EAEA;IACE;;EAEA;AAAA;IAEE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;;;;AAOV;EACE;EACA;EACA;;AAEA;EACE,OCtGW;EDuGX;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;IACA;IACA;IACA;;;AAGF;EAfF;IAgBI;;;AAGF;EACE;;AAGF;EACE;EACA,YC1JA;ED2JA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OC5KJ;ED6KI;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,OC5LJ;ED6LI;;AAGF;EACE;EACA;EACA;EACA,OC5KC;ED6KD;EACA;;AAGF;EACE,OC1MJ;ED2MI;;AAGF;EACE;;AAGF;EACE,OCnNJ;EDoNI%22%7D */