.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #036;
  background-color: #f9f9f9;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #036;
  cursor: pointer;
  text-decoration: underline;
}

img {
  max-width: 100%;
  display: inline-block;
}

form {
  background-color: rgba(0, 0, 0, 0);
}

.wrapper {
  min-height: 100vh;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.footer {
  text-align: center;
  background-color: #efefef;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-wrap._404 {
  text-align: center;
  background-color: #f9f9f9;
  background-image: linear-gradient(24deg, rgba(0, 51, 102, .4), rgba(0, 51, 102, 0)), url('../images/home-hero-img.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.utility-page-content {
  width: 520px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.header-title {
  color: #c80815;
  letter-spacing: -2px;
  margin-bottom: 40px;
  font-family: Prata, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 60px;
  display: inline-block;
}

.header-title.lawyer {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 54px;
}

.header-title.about {
  letter-spacing: -1px;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 54px;
  line-height: 54px;
}

.header-title.default {
  margin-left: 5%;
  margin-right: 5%;
  font-size: 44px;
  line-height: 44px;
}

.header-title.protected, .paragraph.light {
  color: #fff;
}

.utility-page-form {
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
}

.image {
  margin-bottom: 20px;
}

.image._404 {
  text-align: center;
}

.submit-button {
  height: 50px;
  text-transform: uppercase;
  background-color: #036;
  align-self: stretch;
  font-family: Campton, Arial, sans-serif;
  font-weight: 500;
}

.text-field {
  height: 50px;
  font-family: Open Sans, sans-serif;
}

.link {
  margin-right: 60px;
  text-decoration: none;
  transition: all .2s;
}

.link:hover, .link.w--current {
  color: #c80815;
}

.footer-grid {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr .75fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.list-footer-menu {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.footer-menu-link {
  text-align: left;
  text-transform: uppercase;
  font-family: Campton, Arial, sans-serif;
  font-weight: 500;
  transition: all .2s;
}

.footer-menu-link:hover {
  color: #c80815;
}

.footer-header-title {
  color: #036;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Campton, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 15px;
}

.footer-header-title.follow {
  text-align: right;
}

.contact-block {
  width: 250px;
  text-align: left;
  border-left: 1px solid rgba(0, 0, 0, .1);
  padding-left: 30px;
}

.footer-text {
  color: #000;
  margin-bottom: 0;
  line-height: 24px;
}

.social-block {
  text-align: right;
}

.copyright-text {
  color: #444;
  margin-top: 7px;
  font-size: 12px;
  font-weight: 400;
}

.footer-block {
  max-width: 1200px;
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
}

.home-hero {
  width: 100%;
  min-height: 100vh;
  background-image: linear-gradient(45deg, rgba(0, 51, 102, 0), rgba(0, 51, 102, .3)), url('../images/home-hero-img.jpg');
  background-position: 0 0, 50% 40%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  transition: all .5s;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-hero-text {
  color: #fff;
  text-align: center;
  font-family: Prata, sans-serif;
  font-size: 50px;
  line-height: 60px;
}

.home-hero-btn {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 1px;
  margin-top: 60px;
  padding: 10px 20px;
  font-family: Campton, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.home-hero-btn:hover {
  opacity: .8;
}

.mouse-scroll {
  width: 40px;
  flex: 0 auto;
  align-self: center;
}

.statista-badge {
  float: left;
  position: relative;
}

.header {
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.header.home-scroll {
  position: fixed;
  top: -140px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.main {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.main.practice {
  display: flex;
}

.navbar-default {
  height: 138px;
  background-color: #fff;
  display: flex;
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  margin-right: 60px;
  display: flex;
}

.navbar-block {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.logo {
  width: 230px;
  margin-left: 60px;
  padding-left: 0;
  transition: all .2s;
}

.logo:hover {
  transform: scale(1.02);
}

.nav-link {
  color: #036;
  text-transform: uppercase;
  flex: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Campton, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.nav-link:hover, .nav-link.w--current {
  color: #c80815;
}

.nav-link.home {
  padding-left: 20px;
  display: none;
}

.nav-link.practice-areas.white.w--open {
  flex-direction: column;
}

.nav-link.white {
  color: #fff;
  align-self: stretch;
  align-items: center;
  padding-left: 20px;
  text-decoration: none;
  display: flex;
}

.nav-link.white:hover {
  color: #c80815;
}

.nav-link.white.home {
  display: none;
}

.dropdown-link {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #036;
  border-bottom: .5px solid rgba(255, 255, 255, .1);
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 10px;
  font-family: Campton, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  line-height:1.2;
}

.dropdown-link:hover {
  background-color: #c80815;
}

.dropdown-list {
  flex-direction: row;
}

.dropdown-list.w--open {
  width: 280px;
  flex-direction: column;
}

.breadcrumbs {
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.breadcrumb-separator {
  margin-left: 5px;
  margin-right: 5px;
}

.google-map {
  min-height: 70vh;
}

.sub-header {
  color: #c80815;
  text-transform: uppercase;
  font-family: Campton, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.sub-header.filter {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.sub-header.qualifications {
  margin-top: 0;
}

.sub-header.year-admission {
  color: #444;
  margin-bottom: 0;
}

.address-col-1, .address-col-2 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-7 {
  max-width: 280px;
  flex-direction: column;
  display: flex;
}

.div-block-8 {
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.div-block-10 {
  border-bottom: 1px solid #c80815;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-10.no-border {
  border-bottom-style: none;
}

.btn-breadcrumb {
  color: #036;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.btn-breadcrumb:hover {
  color: #c80815;
}

.address-col {
  width: 600px;
}

.lawyers-grid {
  flex-wrap: wrap;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.profile-pic {
  flex: 1;
}

.profile-pic.thumb {
  width: 200px;
  height: 200px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  transition: all .2s;
}

.profile-pic.thumb:hover {
  transform: scale(1.02);
}

.lawyer-name {
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 17px;
  font-weight: 700;
  line-height: 17px;
}

.lawyer-name.key-contact {
  text-align: center;
}

.lawyer-designation {
  color: #444;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.lawyer-designation.key-contact {
  text-align: center;
}

.lawyer-item {
  float: left;
  flex-direction: column;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  position: relative;
}

.side-panel {
  background-image: url('../images/jake-nackos-2UZK92eh9tM-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 1px solid #c80815;
}

.lawyer-grid-wrapper {
  margin-left: 20px;
  padding-top: 0;
  padding-bottom: 40px;
}

.filter-block {
  background-color: #f9f9f9;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 60px;
  transition: all .2s;
  position: -webkit-sticky;
  position: sticky;
  top: 138px;
}

.filter-by-area {
  float: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.grid-lawyer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "text-details profile-img practice-areas" 570px
                 "body-content body-content qualifications"
                 / minmax(200px, auto) minmax(auto, auto) minmax(500px, auto);
}

.areas-block {
  background-color: #245f9a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.lawyer-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-practice {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Campton, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.practice-areas-links {
  margin-left: 40px;
}

.practice-areas-link-block {
  flex-direction: column;
  display: flex;
}

.practice-areas-link {
  color: #fff;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.practice-areas-link:hover {
  color: rgba(255, 255, 255, .8);
}

.practice-areas-link-text {
  margin-bottom: 5px;
  margin-right: 10px;
  line-height: 18px;
}

.lawyer-info {
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 60px;
  padding-right: 20px;
  display: flex;
}

.lawyer-contacts-block {
  flex-direction: column;
  margin-left: 60px;
  line-height: 22px;
  display: flex;
}

.job-title {
  color: #444;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Campton, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.lawyer-name-block {
  margin-left: 60px;
}

.list-item {
  line-height: 14px;
}

.body-content-block {
  border-top: 1px solid #ff003d;
  padding: 40px 60px;
}

.qualifications-block {
  background-color: #fff;
  border-top: 1px solid #ff003d;
  padding: 40px;
}

.richtext-qualification {
  margin-bottom: 20px;
}

.phone-text {
  margin-left: 10px;
  display: inline;
}

.email-link {
  margin-left: 10px;
  text-decoration: none;
  display: inline;
}

.grid-practice {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template: "content feature-img"
                 "webinar feature-img"
                 "key-contacts feature-img"
                 / minmax(70vw, 1fr) minmax(25vw, 500px);
}

.feature-img {
  height: 100%;
  background-image: url('../images/mediation-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-img.wills {
  background-image: url('../images/wills-bg.jpg');
	background-position: 0 77%;
}

.feature-img.lpa {
  background-image: url('../images/lpa-bg.jpg');

}

.feature-img.litigation {
  background-image: url('../images/litigation-bg.jpg');
}

.feature-img.family-law {
  background-image: url('../images/family-law-bg.jpg');
  background-position: 0 100%;
}

.feature-img.intellectual {
  background-image: url('../images/intellectual-bg.jpg');
  background-position: 50%;
}

.feature-img.conveyancing {
  background-image: url('../images/conveyancing.jpg');
}

.feature-img.corporate-law {
  background-image: url('../images/corporate-law-bg.jpg');
}

.feature-img.employment {
  background-image: url('../images/employment-law-bg.jpg');
  background-position: 20%;
}

.feature-img.lawyers-recruitment {
  background-image: url('../images/adam-thomas-D2i-7JrH0wI-unsplash.jpg');
  background-position: 33%;
}

.feature-img.trainee-program {
  background-image: url('../images/nik-AsRAyHIkOHk-unsplash.jpg');
  background-position: 70%;
}

.key-contacts-block {
  background-color: #fff;
  border-top: 1px solid #ff003d;
  padding: 60px 20px 40px 60px;
}

.content-block {
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.content-block.white {
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 60px;
}

.content-block.home {
  margin-bottom: 40px;
}

.grid-contact {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "content-block google-map"
                 "content-block google-map"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.office-details {
  margin-top: 60px;
}

.grid-lawyers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "breadcrumb breadcrumb"
                 "side-panel thumbnail-grid" minmax(70vh, 1fr)
                 / 358px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.breadcrumb-block {
  padding-left: 60px;
}

.key-contacts-item {
  width: 160px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.key-contacts-wrapper {
  margin-top: 20px;
  display: inline-block;
}

.link-block {
  width: 160px;
  height: 160px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  transition: all .2s;
}

.link-block:hover {
  transform: scale(1.02);
}

.page-header {
  clear: both;
}

.key-contacts-list {
  flex-wrap: wrap;
  display: flex;
}

.breadcrumb-block-default {
  padding-left: 60px;
}

.block-1200px {
  max-width: 1200px;
  flex: 1;
}

.body-text-1 {
  column-count: 2;
  column-rule-style: none;
  white-space: normal;
  column-gap: 60px;
  margin-left: 15%;
  margin-right: 15%;
}

.body-text-1 p {
  font-size: 20px;
  line-height: 30px;
}

.block-flex-horizontal {
  justify-content: center;
  display: flex;
}

.about-hero-section {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), url('../images/pawel-czerwinski-_GVV5SViV2E-unsplash.jpg');
  background-position: 0 0, 50% 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  padding: 140px 10%;
}

.about-hero-section-text {
  color: #fff;
  font-family: Prata, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 60px;
}

.meet-lawyers-btn {
  color: #036;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #036;
  font-family: Campton, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
}

.meet-lawyers-btn:hover {
  opacity: .8;
}

.logo-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 60px;
  margin-left: 15%;
  margin-right: 15%;
}

.header-home {
  z-index: 10;
  transition: all .2s;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
  flex: 1;
  align-self: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  display: flex;
}

.brand {
  background-color: #fff;
  padding: 30px;
  transition: all .2s;
}

.brand:hover {
  transform: scale(1.02);
}

.nav-spacer {
  flex: 1;
  align-self: stretch;
}

.home-hero-btn-text {
  line-height: 20px;
}

.home-col-1 {
  align-items: center;
  padding-left: 0;
  padding-right: 30px;
  display: flex;
}

.home-col-2 {
  padding-left: 30px;
  padding-right: 0;
}

.practice-areas-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mobile-scroll.mouse-scroll {
  width: 27px;
  margin-bottom: 0;
  display: none;
}

.scroll-icon-block {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 5vh;
  left: 0%;
  right: 0%;
}

.practice-thumb {
  height: 170px;
  background-image: url('../images/litigation-800.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.practice-thumb:hover {
  background-image: url('../images/litigation-800.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.practice-thumb.litigation {
  background-image: linear-gradient(45deg, #036, rgba(255, 255, 255, 0) 50%), url('../images/litigation-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.litigation:hover {
  background-image: linear-gradient(45deg, #67161c, rgba(255, 255, 255, 0) 50%), url('../images/litigation-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.intellectual {
  background-image: linear-gradient(45deg, rgba(0, 51, 102, .5), rgba(255, 255, 255, 0) 60%), url('../images/intellectual-800.jpg');
}

.practice-thumb.family {
  background-image: linear-gradient(45deg, rgba(0, 51, 102, .7), rgba(255, 255, 255, 0) 49%), url('../images/family-law-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.family:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .89), rgba(255, 255, 255, 0) 50%), url('../images/family-law-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.intellectual {
  background-image: linear-gradient(45deg, rgba(0, 51, 102, .6), rgba(255, 255, 255, 0) 50%), url('../images/intellectual-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.intellectual:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .6), rgba(255, 255, 255, 0) 76%), url('../images/intellectual-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.employment {
  background-image: linear-gradient(45deg, rgba(0, 51, 102, .76), rgba(255, 255, 255, 0) 50%), url('../images/employment-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.employment:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 50%), url('../images/employment-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.convey {
  background-image: linear-gradient(45deg, rgba(0, 51, 102, .76), rgba(255, 255, 255, 0) 50%), url('../images/employment-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.convey:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 50%), url('../images/employment-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.convey {
  background-image: linear-gradient(45deg, #036, rgba(255, 255, 255, 0) 50%), url('../images/conveyancing-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.convey:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 73%), url('../images/conveyancing-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.corporate {
  background-image: linear-gradient(45deg, #036, rgba(255, 255, 255, 0) 50%), url('../images/corporate-law-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.corporate:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 60%), url('../images/corporate-law-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.mediation {
  background-image: linear-gradient(45deg, #036, rgba(255, 255, 255, 0) 50%), url('../images/mediation-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.mediation:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 60%), url('../images/mediation-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}



.practice-thumb.wills {
  background-image: linear-gradient(45deg, #036, rgba(255, 255, 255, 0) 50%), url('../images/wills-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.wills:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 60%), url('../images/wills-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}



.practice-thumb.lpa {
  background-image: linear-gradient(45deg, #036, rgba(255, 255, 255, 0) 50%), url('../images/lpa-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.practice-thumb.lpa:hover {
  background-image: linear-gradient(45deg, rgba(103, 22, 28, .81), rgba(255, 255, 255, 0) 60%), url('../images/lpa-800.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}





.practice-area-thumb-text {
  max-width: 210px;
  color: #fff;
  text-transform: uppercase;
  flex: 0 auto;
  margin-right: 10px;
  font-family: Campton, Arial, sans-serif;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.practice-area-block {
  align-self: flex-start;
  margin-bottom: 20px;
  margin-left: 20px;
  display: flex;
}

.home-practice-arrow {
  height: 20px;
  opacity: 0;
  flex: 0 auto;
  display: block;
}

.statista-block {
  justify-content: center;
  display: flex;
}

.practice-header-text {
  color: #c80815;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Campton, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.footer-menu-item {
  text-decoration: none;
}

.footer-menu-item:hover {
  color: #c80815;
}

.link-3 {
  text-decoration: none;
}

.footer-email-item {
  text-decoration: none;
  transition: opacity .2s;
}

.footer-email-item:hover {
  color: #c80815;
}

.linkedin-link {
  transition: all .2s;
}

.linkedin-link:hover {
  opacity: .9;
}

.menu-item-arrow {
  height: 12px;
  margin-left: 5px;
}

.menu-item-arrow.toplevel {
  display: none;
}

.nav-link-text {
  text-decoration: none;
}

.btn-breadcrumb-2 {
  color: #036;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.btn-breadcrumb-2:hover {
  color: #c80815;
}

.body-text {
  white-space: normal;
  margin-left: 15%;
  margin-right: 15%;
}

.body-text p {
  font-size: 20px;
  line-height: 30px;
}

.breadcrumb-link {
  color: #c80815;
}

.practice-body-content h1 {
  color: #c80815;
  letter-spacing: -2px;
  margin-bottom: 40px;
  font-family: Prata, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 54px;
}

.practice-body-content h4 {
  margin-top: 40px;
}

.practice-body-content.white, .practice-body-content.white a {
  color: #fff;
}

.empty-state {
  background-color: rgba(221, 221, 221, 0);
}

.lawyer-practice-arrow {
  height: 12px;
  opacity: .8;
}

.form-block {
  clear: left;
}

.form-block.donotdelete {
  display: none;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.checkbox {
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-right: 5px;
}

.checkbox-label {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px
}

.success-message, .error-message {
  background-color: rgba(0, 0, 0, 0);
}

.content3-section {
  align-items: center;
  margin-bottom: 40px;
  margin-left: 15%;
  margin-right: 15%;
  display: flex;
}

.content3-text-block, .content3-btn-block {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-col {
  display: flex;
}

.grid-lawyers-recruitment {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template: "content feature-img"
                 "apply-now feature-img"
                 / minmax(70vw, 1fr) minmax(25vw, 500px);
}

.apply-now-block {
  background-color: #036;
  border-top: 1px solid #ff003d;
  padding: 0 20px 40px 60px;
}

.grid-trainee-program {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template: "content feature-img" 1fr
                 "content apply-now" .25fr
                 / minmax(70vw, 1fr) minmax(25vw, 500px);
}

@media screen and (max-width: 991px) {
  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-title {
    margin-bottom: 20px;
  }

  .header-title.lawyer {
    margin-bottom: 5px;
    font-size: 38px;
    line-height: 38px;
  }

  .header-title.about {
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .header-title.default {
    text-align: center;
    margin-bottom: 36px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .link {
    color: #fff;
    margin-right: 0;
    padding: 20px 30px;
    font-size: 28px;
  }

  .link:hover {
    color: #fff;
  }

  .footer-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  .contact-block {
    border-left-style: none;
    padding-left: 0;
  }

  .footer-block {
    margin-left: 0;
    margin-right: 0;
  }

  .home-hero {
    background-position: 0 0, 50%;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
    transition: opacity .2s;
  }

  .mouse-scroll {
    margin-bottom: 10vh;
    display: none;
  }

  .statista-badge {
    max-width: 250px;
  }

  .linked-in-icon {
    display: block;
  }

  .navbar-default {
    height: 78px;
  }

  .nav-menu {
    z-index: 100;
    min-height: 100vh;
    min-width: 100vw;
    background-color: #036;
    margin-right: 0;
    padding-top: 80px;
  }

  .logo {
    width: 160px;
    margin-left: 20px;
  }

  .nav-link {
    color: #fff;
    align-self: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 22px;
    text-decoration: none;
    display: flex;
  }

  .nav-link:hover, .nav-link.w--current {
    color: #fff;
    background-color: #c80815;
  }

  .nav-link.w--open {
    color: #979797;
    font-size: 20px;
    font-weight: 700;
  }

  .nav-link.home {
    align-items: center;
    display: flex;
  }

  .nav-link.practice-areas:hover {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-link.practice-areas.white.w--open {
    align-items: flex-start;
  }

  .nav-link.white:hover {
    color: #fff;
  }

  .nav-link.white.home {
    display: flex;
  }

  .nav-link.white.home.w--current {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-icon-lottie {
    width: 40px;
  }

  .menu-button {
    z-index: 101;
    margin-top: 16px;
    margin-right: 18px;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .dropdown-link {
    border-bottom-style: none;
    align-items: center;
    padding-left: 30px;
    font-size: 18px;
    display: flex;
  }

  .dropdown-list.w--open {
    position: relative;
  }

  .breadcrumbs {
    margin-left: 20px;
    display: none;
  }

  .google-map {
    min-height: 360px;
  }

  .address-col {
    width: 100%;
  }

  .lawyers-grid {
    justify-content: flex-start;
  }

  .lawyer-grid-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 40px;
  }

  .filter-block {
    width: 340px;
    margin-top: 40px;
    padding: 20px;
    position: relative;
    top: auto;
  }

  .grid-lawyer {
    grid-template: "text-details text-details profile-img" 300px
                   "practice-areas practice-areas practice-areas"
                   "body-content body-content qualifications"
                   / minmax(50%, auto) minmax(auto, auto) minmax(50%, auto);
  }

  .areas-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .practice-areas-links {
    margin-left: 20px;
  }

  .lawyer-info {
    justify-content: space-around;
    padding-bottom: 20px;
  }

  .lawyer-contacts-block, .lawyer-name-block {
    margin-left: 20px;
  }

  .body-content-block, .qualifications-block {
    padding: 20px;
  }

  .phone-text {
    display: inline;
  }

  .grid-practice {
    grid-template: "feature-img feature-img"
                   "content content"
                   "webinar webinar"
                   "key-contacts key-contacts"
                   / auto;
  }

  .feature-img {
    height: 300px;
  }

  .feature-img.litigation {
    background-position: 50% 55%;
  }

  .feature-img.family-law {
    background-position: 50%;
  }

  .feature-img.intellectual {
    background-position: 100% 0;
  }

  .feature-img.employment {
    background-position: 50% 100%;
  }

  .feature-img.lawyers-recruitment, .feature-img.trainee-program {
    background-position: 50% 70%;
  }

  .key-contacts-block {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .content-block {
    padding: 20px;
  }

  .content-block.white {
    margin-top: 0;
    padding-top: 20px;
  }

  .content-block.home, .content-block.about {
    margin-bottom: 0;
  }

  .grid-contact {
    grid-template-rows: auto auto;
    grid-template-areas: "content-block content-block"
                         "google-map google-map";
  }

  .office-details {
    margin-top: 0;
  }

  .page-header {
    background-color: #f9f9f9;
    margin-top: -60px;
    margin-left: -20px;
    padding: 20px 40px 20px 20px;
    display: inline-block;
  }

  .key-contacts-list {
    justify-content: center;
  }

  .block-1200px {
    max-width: none;
  }

  .block-1200px.home {
    margin-top: 0;
  }

  .body-text-1 {
    column-count: 1;
    margin-left: 0;
    margin-right: 0;
  }

  .about-hero-section {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-hero-section-text {
    text-align: left;
    font-size: 28px;
    line-height: 38px;
  }

  .logo-grid {
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .paragraph-2 {
    font-size: 20px;
    line-height: 30px;
  }

  .navbar {
    align-items: flex-start;
    padding: 0;
  }

  .brand {
    width: 210px;
    padding: 20px;
  }

  .nav-spacer {
    align-self: stretch;
  }

  .menu-button-a {
    z-index: 101;
    margin-top: 28px;
    margin-right: 18px;
    padding: 0;
  }

  .menu-button-a.w--open {
    background-color: rgba(255, 255, 255, 0);
  }

  .home-col-1 {
    padding-right: 20px;
  }

  .home-col-2 {
    padding-left: 20px;
  }

  .practice-areas-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mobile-scroll.mouse-scroll {
    width: 20px;
    display: block;
  }

  .statista-block {
    margin-top: 20px;
  }

  .practice-header-text {
    width: 210px;
  }

  .linkedin-link, .menu-item-arrow, .menu-item-arrow.toplevel {
    display: block;
  }

  .nav-link-text {
    margin-right: 10px;
  }

  .nav-link-text.sublevel {
    font-size: 17px;
    line-height: 18px;
  }

  .body-text {
    column-count: 1;
    margin-left: 0;
    margin-right: 0;
  }

  .form-block {
    margin-bottom: 0;
  }

  .content3-section {
    flex-direction: column;
    margin-bottom: 60px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .content3-btn-block {
    margin-top: 20px;
  }

  .home-col {
    flex-direction: column;
  }

  .grid-lawyers-recruitment {
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(100vw, 1fr));
  }

  .apply-now-block {
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .grid-trainee-program {
    grid-template: "feature-img feature-img"
                   "content content"
                   "apply-now apply-now"
                   / 1fr;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 20px;
  }

  .header-title {
    font-size: 38px;
    line-height: 44px;
  }

  .header-title.lawyer {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 26px;
  }

  .header-title.about, .header-title.default {
    font-size: 38px;
    line-height: 38px;
  }

  .home-hero {
    background-position: 0 0, 50% 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-hero-text {
    font-size: 26px;
    line-height: 36px;
  }

  .home-hero-btn {
    margin-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .statista-badge {
    max-width: 200px;
    float: none;
    align-self: center;
  }

  .header {
    transition: all .2s;
  }

  .logo {
    width: 130px;
  }

  .menu-button {
    margin-top: 9px;
  }

  .div-block-7 {
    max-width: 100%;
  }

  .profile-pic.thumb {
    width: 100px;
    height: 100px;
  }

  .lawyer-name {
    text-align: left;
    margin-top: 0;
  }

  .lawyer-name.key-contact {
    text-align: center;
    margin-top: 10px;
    font-size: 15px;
    line-height: 15px;
  }

  .lawyer-designation {
    text-align: left;
  }

  .lawyer-item {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .lawyer-grid-wrapper {
    padding-top: 20px;
  }

  .filter-block {
    width: 350px;
    margin-top: 100px;
  }

  .lawyer-thumb-block {
    align-self: flex-end;
    margin-bottom: 20px;
    margin-left: 10px;
  }

  .grid-lawyer {
    grid-template: "text-details text-details profile-img" 300px
                   "practice-areas practice-areas practice-areas"
                   "qualifications qualifications qualifications"
                   "body-content body-content body-content"
                   / minmax(auto, 1fr) minmax(auto, 1fr) minmax(50%, 1fr);
  }

  .job-title {
    font-size: 16px;
  }

  .body-content-block {
    border-top-style: none;
  }

  .qualifications-block {
    padding-bottom: 0;
  }

  .feature-img {
    height: 200px;
  }

  .feature-img.litigation {
    background-position: 50% 55%;
  }

  .feature-img.lawyers-recruitment {
    background-position: 50% 74%;
  }

  .feature-img.trainee-program {
    background-position: 50% 70%;
  }

  .content-block.white {
    padding-top: 20px;
  }

  .content-block.about {
    margin-bottom: 0;
  }

  .content-block.practice {
    margin-top: -18px;
  }

  .grid-lawyers {
    grid-template-columns: 50% 50%;
  }

  .key-contacts-item {
    width: 135px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .link-block {
    width: 120px;
    height: 120px;
  }

  .page-header {
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-hero-section {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-hero-section-text {
    font-size: 23px;
    line-height: 32px;
  }

  .logo-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .brand {
    width: 170px;
  }

  .nav-spacer {
    align-self: flex-start;
  }

  .menu-button-a {
    margin-top: 19px;
  }

  .home-col-1 {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .home-col-2 {
    padding-left: 0;
  }

  .statista-block {
    text-align: center;
    margin-top: 0;
  }

  .practice-header-text {
    font-size: 30px;
    line-height: 30px;
  }

  .form-block {
    transition: all .2s;
    display: block;
  }

  .form-block.donotdelete {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .statista-badge {
    max-width: 100%;
  }

  .filter-block {
    width: 90%;
    transition: all .2s;
  }

  .lawyer-thumb-block {
    text-align: left;
    margin-left: 5px;
  }

  .filter-by-area {
    align-items: flex-start;
  }

  .grid-lawyer {
    grid-template: "profile-img profile-img profile-img" minmax(350px, 1fr)
                   "text-details text-details text-details"
                   "practice-areas practice-areas practice-areas"
                   "qualifications qualifications qualifications"
                   "body-content body-content body-content"
                   / minmax(auto, 1fr);
  }

  .lawyer-info {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
  }

  .lawyer-contacts-block {
    margin-left: 0;
  }

  .lawyer-name-block {
    margin-bottom: 20px;
    margin-left: 0;
  }

  .feature-img.litigation {
    background-position: 50% 60%;
  }

  .feature-img.lawyers-recruitment, .feature-img.trainee-program {
    background-position: 50% 80%;
  }

  .key-contacts-item {
    flex: 1;
  }

  .page-header {
    margin-top: -30px;
    padding-right: 20px;
    position: relative;
  }

  .key-contacts-list {
    justify-content: center;
  }

  .block-1200px.home {
    margin-top: 0;
  }

  .practice-areas-grid {
    grid-template-columns: 1fr;
  }

  .html-embed {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}

#w-node-_40165e77-fd17-462c-933b-5f95dee6a205-dee6a1ea {
  justify-self: end;
}

#w-node-_8b032b62-35ed-43fa-612c-4ed1b1994c45-c7358808 {
  align-self: center;
  justify-self: start;
}

#w-node-_5ca9b58a-7e1e-cd6f-2d3d-9e04bbefb693-c7358808 {
  align-self: center;
  justify-self: center;
}

#w-node-_79926262-9d86-8016-2375-d306eb7fae8e-c7358808 {
  align-self: center;
  justify-self: end;
}

#w-node-_106ea80e-1fab-767d-26f3-f309711e6da5-f635880a {
  grid-area: content-block;
  align-self: stretch;
}

#google-map.w-node-b8be0883-3752-8954-8501-fa2a9211d65e-f635880a {
  grid-area: google-map;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-cf35880b {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-cf35880b {
  grid-area: content;
}

#w-node-b123f736-96c5-6f2f-1723-22ca8321543d-cf35880b {
  grid-area: key-contacts;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-0435880c {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-0435880c {
  grid-area: content;
}

#w-node-_2503e3c9-fb6c-2537-8c71-25579ada8a26-0435880c {
  grid-area: key-contacts;
}

#w-node-c36cacb1-7b00-205a-6964-bab0a24c270d-e235880d {
  grid-area: text-details;
}

#w-node-_21099b46-1742-24df-6c85-db800e357c25-e235880d {
  grid-area: profile-img;
}

#w-node-dc9e981b-5183-7d6e-2682-bf1826dc8fb7-e235880d {
  grid-area: practice-areas;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_2c73760d-f6fc-b2bc-a54d-894586774e6f-e235880d {
  grid-area: body-content;
}

#w-node-_21de64ae-2027-b082-c788-8d2a53118d9a-ca35880e {
  grid-area: feature-img;
}

#w-node-f97d642b-d5bc-1d2d-0796-a021d81fb6a3-ca35880e {
  grid-area: content;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-7d358810 {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-7d358810 {
  grid-area: content;
}

#w-node-_1e18353d-9cb3-4b06-b67d-de6960a5168e-7d358810 {
  grid-area: key-contacts;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-2e358811 {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-2e358811 {
  grid-area: content;
}

#w-node-bd1486b7-6c27-1d64-ffd7-e9f45dfa120b-2e358811 {
  grid-area: key-contacts;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-81358812 {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-81358812 {
  grid-area: content;
}

#w-node-d7833f0b-801d-18e9-f1ad-9d8227c37d29-81358812 {
  grid-area: key-contacts;
}

#w-node-_22e63c60-69d4-a1a9-fd59-9a29e65bdff0-b2358813 {
  grid-area: breadcrumb;
}

#w-node-_8a6459e9-4e90-b1a3-d825-96ec346a9a6d-b2358813 {
  align-self: stretch;
  justify-self: stretch;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-b7358814 {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-b7358814 {
  grid-area: content;
}

#w-node-ffd711a7-146c-17cc-0f91-4c15f3124f35-b7358814 {
  grid-area: key-contacts;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-aa358815 {
  grid-area: feature-img;
}

#w-node-de0ccede-b562-b60e-9c5d-c2221db0afcf-aa358815 {
  grid-area: content;
}

#w-node-_4b305db7-606b-386b-54f1-8ff7c3f47b80-aa358815 {
  grid-area: key-contacts;
}

#w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201c-255e60a4 {
  grid-area: feature-img;
}

#w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201d-255e60a4 {
  grid-area: content;
}

#w-node-fe9c44cc-caa1-bcae-c0b0-62691a85203c-255e60a4 {
  grid-area: apply-now;
}

#w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201c-611ef387 {
  grid-area: feature-img;
}

#w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201d-611ef387 {
  grid-area: content;
}

#w-node-fe9c44cc-caa1-bcae-c0b0-62691a85203c-611ef387 {
  grid-area: apply-now;
}

@media screen and (max-width: 991px) {
  #w-node-_40165e77-fd17-462c-933b-5f95dee6a205-dee6a1ea {
    justify-self: start;
  }

  #w-node-_8b032b62-35ed-43fa-612c-4ed1b1994c45-c7358808, #w-node-_79926262-9d86-8016-2375-d306eb7fae8e-c7358808 {
    justify-self: center;
  }

  #w-node-_106ea80e-1fab-767d-26f3-f309711e6da5-f635880a {
    grid-area: content-block;
  }

  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-cf35880b {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-b123f736-96c5-6f2f-1723-22ca8321543d-cf35880b {
    grid-area: key-contacts;
  }

  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-0435880c {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_2503e3c9-fb6c-2537-8c71-25579ada8a26-0435880c {
    grid-area: key-contacts;
  }

  #w-node-cc17e2d0-250c-babe-d573-aeb71ac43db7-e235880d {
    grid-area: qualifications;
  }

  #w-node-_21de64ae-2027-b082-c788-8d2a53118d9a-ca35880e, #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-7d358810 {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_1e18353d-9cb3-4b06-b67d-de6960a5168e-7d358810 {
    grid-area: key-contacts;
  }

  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-2e358811 {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-bd1486b7-6c27-1d64-ffd7-e9f45dfa120b-2e358811 {
    grid-area: key-contacts;
  }

  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-81358812 {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-d7833f0b-801d-18e9-f1ad-9d8227c37d29-81358812 {
    grid-area: key-contacts;
  }

  #w-node-_45cf0239-033a-e8d0-a71c-31ec0960010d-b2358813 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_8a6459e9-4e90-b1a3-d825-96ec346a9a6b-b2358813 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_8a6459e9-4e90-b1a3-d825-96ec346a9a6d-b2358813 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-b7358814 {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-ffd711a7-146c-17cc-0f91-4c15f3124f35-b7358814 {
    grid-area: key-contacts;
  }

  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-aa358815 {
    grid-area: feature-img;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_4b305db7-606b-386b-54f1-8ff7c3f47b80-aa358815 {
    grid-area: key-contacts;
  }

  #w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201c-255e60a4 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201d-255e60a4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-fe9c44cc-caa1-bcae-c0b0-62691a85203c-255e60a4 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201c-611ef387 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-fe9c44cc-caa1-bcae-c0b0-62691a85201d-611ef387 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-fe9c44cc-caa1-bcae-c0b0-62691a85203c-611ef387 {
    grid-area: 3 / 1 / 4 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8b032b62-35ed-43fa-612c-4ed1b1994c45-c7358808 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-de0ccede-b562-b60e-9c5d-c2221db0afce-7d358810 {
    align-self: start;
  }
}


@font-face {
  font-family: 'Campton';
  src: url('../fonts/Campton-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Campton';
  src: url('../fonts/Campton-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}