.dance_vid {
  -webkit-visibility: hidden;
  -moz-visibility: hidden;
  -ms-visibility: hidden;
  -o-visibility: hidden;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}

.dance_vid.active {
  -webkit-visibility: visible;
  -moz-visibility: visible;
  -ms-visibility: visible;
  -o-visibility: visible;
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.bg {
  -webkit-position: fixed;
  -moz-position: fixed;
  -ms-position: fixed;
  -o-position: fixed;
  position: fixed;
  -webkit-top: 50%;
  -moz-top: 50%;
  -ms-top: 50%;
  -o-top: 50%;
  top: 50%;
  -webkit-left: 50%;
  -moz-left: 50%;
  -ms-left: 50%;
  -o-left: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-height: 100%;
  -moz-height: 100%;
  -ms-height: 100%;
  -o-height: 100%;
  height: 100%;
  -webkit-width: 100%;
  -moz-width: 100%;
  -ms-width: 100%;
  -o-width: 100%;
  width: 100%;
  -webkit-z-index: 10000;
  -moz-z-index: 10000;
  -ms-z-index: 10000;
  -o-z-index: 10000;
  z-index: 10000;
}

.vid_class {
  -webkit-position: fixed;
  -moz-position: fixed;
  -ms-position: fixed;
  -o-position: fixed;
  position: fixed;
  -webkit-top: 50%;
  -moz-top: 50%;
  -ms-top: 50%;
  -o-top: 50%;
  top: 50%;
  -webkit-left: 50%;
  -moz-left: 50%;
  -ms-left: 50%;
  -o-left: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-max-width: 900px;
  -moz-max-width: 900px;
  -ms-max-width: 900px;
  -o-max-width: 900px;
  max-width: 900px;
  -webkit-z-index: 10001;
  -moz-z-index: 10001;
  -ms-z-index: 10001;
  -o-z-index: 10001;
  z-index: 10001;
  -webkit--outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none;
}

.close {
  -webkit-position: fixed;
  -moz-position: fixed;
  -ms-position: fixed;
  -o-position: fixed;
  position: fixed;
  -webkit-top: 30px;
  -moz-top: 30px;
  -ms-top: 30px;
  -o-top: 30px;
  top: 30px;
  -webkit-right: 30px;
  -moz-right: 30px;
  -ms-right: 30px;
  -o-right: 30px;
  right: 30px;
  -webkit-cursor: pointer;
  -moz-cursor: pointer;
  -ms-cursor: pointer;
  -o-cursor: pointer;
  cursor: pointer;
  -webkit-filter: invert(1);
  -moz-filter: invert(1);
  -ms-filter: invert(1);
  -o-filter: invert(1);
  filter: invert(1);
  -webkit-max-width: 32px;
  -moz-max-width: 32px;
  -ms-max-width: 32px;
  -o-max-width: 32px;
  max-width: 32px;
  -webkit-z-index: 10002;
  -moz-z-index: 10002;
  -ms-z-index: 10002;
  -o-z-index: 10002;
  z-index: 10002;
}

@media (max-width: 991px){
  .dance_vid video {
    -webkit-max-width: 100%;
    -moz-max-width: 100%;
    -ms-max-width: 100%;
    -o-max-width: 100%;
    max-width: 100%;
  }
}



h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 60px;
  line-height: 44px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 40px;
  line-height: 30px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
}

h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

h5 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
}

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

p {
  margin-bottom: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 15px;
  line-height: 26px;
  font-style: normal;
  font-weight: 300;
  text-align: left;
}

ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  line-height: 36px;
  font-weight: 500;
}

img {
  display: inline-block;
  max-width: 100%;
  float: none;
  text-align: left;
}

blockquote {
  margin-bottom: 10px;
  padding: 20px;
  border-left: 5px solid #e2e2e2;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

figure {
  margin-bottom: 10px;
}

.navbar {
  display: block;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  font-family: Montserrat, sans-serif;
  color: #000;
  font-weight: 600;
}

.navbar.transparent {
  height: 120px;
  background-color: transparent;
  box-shadow: none;
  color: rgba(174, 6, 216, 0.89);
}

.navbar.transparent.nav-home {
  height: 140px;
  padding-top: 20px;
}

.navbar.footer-located {
  background-color: transparent;
  box-shadow: none;
  text-align: center;
}

.nav-menu.center {
  float: none;
  text-align: center;
}

.nav-menu.footer-located {
  float: none;
  background-color: transparent;
}

.nav-link {
  margin-right: 20px;
  margin-left: 20px;
  padding: 10px 0px 8px;
  border-bottom: 4px solid transparent;
  -webkit-transition: border-color 600ms ease;
  transition: border-color 600ms ease;
  font-family: Poppins, sans-serif;
  color: #f8f4eb;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}

.nav-link:hover {
  border-bottom-width: 4px;
  border-bottom-color: #f8f4eb;
  color: #f8f4eb;
}

.nav-link.w--current {
  border-bottom-color: #f8f4eb;
  color: #f8f4eb;
}

.nav-link.dropdown {
  padding-top: 37px;
  padding-right: 35px;
  padding-left: 14px;
  font-family: Poppins, sans-serif;
  color: #797979;
  font-size: 11px;
}

.nav-link.dropdown.scroll {
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-link.scroll {
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-link.scroll.w--current {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero-section {
  position: relative;
  height: 100vh;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-image: linear-gradient(45deg, rgba(255, 94, 60, 0.9), rgba(251, 183, 49, 0.8)), url('../images/kwesu-team.jpg'), linear-gradient(45deg, #ff5e3c, #f9b641);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, scroll;
  opacity: 1;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
}

.hero-section.homepages1 {
  position: relative;
  border-right: 1px none #000;
  background-image: none;
}

.hero-section.contact {
  background-image: linear-gradient(120deg, rgba(174, 6, 216, 0.73), rgba(0, 6, 74, 0.64)), url('../images/trevor-cole-385236.jpg');
  background-position: 0px 0px, 50% 0px;
}

.hero-section.contact.slide {
  background-image: linear-gradient(120deg, rgba(174, 6, 216, 0.73), rgba(0, 6, 74, 0.64)), url('../images/myles-tan-84040.jpg');
  background-position: 0px 0px, 50% 0px;
  background-attachment: scroll, fixed;
}

.hero-section.short {
  height: 650px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/ashim-d-silva-162286-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/ashim-d-silva-162286-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.hero-section.left-nav {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(41%, transparent), to(#f5f6f9)), url('../images/ekntrtmz-224106.jpg');
  background-image: linear-gradient(180deg, transparent 41%, #f5f6f9), url('../images/ekntrtmz-224106.jpg');
  background-position: 0px 0px, 0px 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.hero-big-text {
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  color: #fff;
  line-height: 75px;
  font-weight: 500;
  text-align: center;
  text-transform: none;
}

.hero-big-text.smaller {
  margin-top: 0px;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  line-height: 50px;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  text-transform: none;
}

.hero-big-text.smaller.no-padding {
  margin-top: 0px;
  font-size: 20px;
  font-weight: 500;
}

.hero-big-text.smaller.events-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 31px;
  font-weight: 600;
  text-transform: uppercase;
}

.hero-big-text.smaller.events-title.dark {
  color: #1a1a1a;
}

.hero-big-text.no-padding {
  margin-top: 0px;
}

.hero-big-text.color-left {
  font-family: Poppins, sans-serif;
  color: rgba(174, 6, 216, 0.89);
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  text-align: left;
}

.hero-big-text.headline {
  margin-bottom: 20px;
  font-size: 80px;
  font-weight: 500;
  letter-spacing: 12px;
}

.hero-big-text.left-side {
  text-align: left;
}

.paragraph-big-hero {
  color: #fff;
  font-size: 23px;
  line-height: 36px;
}

.sec {
  position: relative;
  display: block;
  margin-right: 20px;
  margin-left: 20px;
  padding: 120px 20px;
  background-color: #fff;
}

.sec.color {
  margin-top: 0px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: rgba(174, 6, 216, 0.89);
}

.sec.gray {
  position: relative;
  display: block;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f5f6f9;
  font-family: Lato, sans-serif;
  text-align: left;
}

.sec.gray.black {
  background-color: #1a1a1a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0.63)), to(rgba(26, 26, 26, 0.63))), url('../images/mapp-dots.png');
  background-image: linear-gradient(180deg, rgba(26, 26, 26, 0.63), rgba(26, 26, 26, 0.63)), url('../images/mapp-dots.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, contain;
  background-repeat: repeat, no-repeat;
  color: #1a1a1a;
}

.sec.gray.newslatter {
  padding-top: 0px;
  background-color: transparent;
}

.sec.gray.padding-bottom {
  padding-bottom: 20px;
  background-color: #1a1a1a;
  color: #1a1a1a;
}

.sec.gray.related {
  margin-top: -80px;
  padding-top: 200px;
}

.sec.divider {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgba(174, 6, 216, 0.89);
}

.sec.contact {
  height: auto;
  padding-top: 200px;
  padding-bottom: 200px;
  border-bottom: 1px solid transparent;
  background-color: transparent;
}

.sec.black {
  background-color: #1a1a1a;
}

.sec.image1 {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#1a1a1a));
  background-image: linear-gradient(180deg, #1a1a1a, #1a1a1a);
  background-position: 0px 0px;
}

.sec.image1.color {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174, 6, 216, 0.78)), to(rgba(174, 6, 216, 0.78))), url('../images/zeyn-afuang-258471.jpg');
  background-image: linear-gradient(180deg, rgba(174, 6, 216, 0.78), rgba(174, 6, 216, 0.78)), url('../images/zeyn-afuang-258471.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.sec.causes {
  background-color: #f5f6f9;
}

.sec.causes.no-padding-top {
  padding-top: 0px;
}

.sec.causes.white {
  background-color: #fff;
}

.sec.volunteer {
  padding-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0%, #fff), color-stop(0, #fff), to(hsla(0, 0%, 100%, 0.83))), url('../images/h1-slide-1-background-img.jpg');
  background-image: linear-gradient(180deg, #fff, #fff 0%, #fff 0, hsla(0, 0%, 100%, 0.83)), url('../images/h1-slide-1-background-img.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.sec.no-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}

.sec.no-padding.gray {
  padding-top: 40px;
}

.sec.portfolio {
  padding-bottom: 0px;
}

.sec.transparent {
  padding-top: 140px;
  padding-bottom: 140px;
  background-color: transparent;
}

.sec.blog-single {
  padding-right: 45px;
  padding-bottom: 0px;
  padding-left: 45px;
}

.sec.join-us-cta {
  margin-right: 20px;
  margin-left: 20px;
  background-color: #4c4399;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(76, 67, 153, 0.9)), to(rgba(76, 67, 153, 0.9))), url('../images/kwesu-bg-cover-2.JPG');
  background-image: linear-gradient(180deg, rgba(76, 67, 153, 0.9), rgba(76, 67, 153, 0.9)), url('../images/kwesu-bg-cover-2.JPG');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.sec-quote {
  margin-right: 20px;
  margin-left: 20px;
  padding: 140px 40px;
  background-color: #f9b641;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 182, 65, 0.9)), to(rgba(249, 182, 65, 0.9))), url('../images/kwesu-bg-cover-3.JPG');
  background-image: linear-gradient(180deg, rgba(249, 182, 65, 0.9), rgba(249, 182, 65, 0.9)), url('../images/kwesu-bg-cover-3.JPG');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.sec-quote.sec-quote-alt-colour {
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f9b641;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 182, 65, 0.93)), to(rgba(249, 182, 65, 0.93))), url('../images/kwesu-patricia.jpg');
  background-image: linear-gradient(180deg, rgba(249, 182, 65, 0.93), rgba(249, 182, 65, 0.93)), url('../images/kwesu-patricia.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.sec.section-ted-vid {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 200px;
  padding-bottom: 200px;
  background-color: #fff;
}

.sec.section-our-people {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.sec.section-our-story {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 140px;
  padding-bottom: 60px;
}

.sec.section-offerings {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #243458;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 52, 88, 0.9)), to(rgba(36, 52, 88, 0.9))), url('../images/kwesu-bg-cover-1.JPG');
  background-image: linear-gradient(180deg, rgba(36, 52, 88, 0.9), rgba(36, 52, 88, 0.9)), url('../images/kwesu-bg-cover-1.JPG');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.section-offerings.services {
  margin-top: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 94, 60, 0.9)), to(rgba(255, 94, 60, 0.9))), url('../images/kwesu-sewing_1.jpg');
  background-image: linear-gradient(180deg, rgba(255, 94, 60, 0.9), rgba(255, 94, 60, 0.9)), url('../images/kwesu-sewing_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.sec-other-services {
  padding-top: 140px;
  padding-bottom: 140px;
  background-color: #f5f6f9;
}

.sec.sec-mission {
  background-color: #ff5e3c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 94, 60, 0.9)), to(rgba(255, 94, 60, 0.9))), url('../images/kwesu-bg-cover-1.JPG');
  background-image: linear-gradient(180deg, rgba(255, 94, 60, 0.9), rgba(255, 94, 60, 0.9)), url('../images/kwesu-bg-cover-1.JPG');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.sec-mission.food-bank {
  background-color: #4c4399;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4399), to(#4c4399)), url('../images/kwesu-bg-cover-1.JPG');
  background-image: linear-gradient(180deg, #4c4399, #4c4399), url('../images/kwesu-bg-cover-1.JPG');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.sec.sec-what-we-do {
  background-color: #fff;
}

.sec.sec-what-we-do.services {
  padding-top: 0px;
}

.sec.sec-what-we-do.get-involved {
  padding-bottom: 120px;
}

.sec.spread-news-cta {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5e3c), to(#ff5e3c));
  background-image: linear-gradient(180deg, #ff5e3c, #ff5e3c);
}

.sec.sec-donate {
  background-color: #f9b641;
}

.section-tittle-block {
  margin-bottom: 0px;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
  font-weight: 100;
  text-align: center;
}

.section-tittle-block.no-space {
  margin-bottom: 0px;
  text-align: center;
}

.section-tittle-block.no-space.left {
  text-align: left;
}

.section-tittle-block.no-margin {
  max-width: 1400px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}

.section-tittle-block.no-margin.slider {
  width: 100%;
  margin-right: 0px;
  padding-right: 70px;
}

.section-tittle-block.no-margin.slider.three {
  margin-top: 60px;
}

.section-tittle-block.no-margin.slider._4 {
  padding-right: 0px;
  text-align: center;
}

.section-tittle-block.no-margin.slider.club-50 {
  padding-right: 40px;
}

.section-tittle-block.no-margin.slider.club-50._2 {
  padding-right: 0px;
  padding-left: 40px;
}

.section-tittle-block.no-margin.modal-title {
  margin-top: 0px;
}

.section-tittle-block.padding-top {
  margin-top: 170px;
  margin-bottom: 0px;
  text-align: left;
}

.section-tittle-block.left.right-side {
  width: 96%;
  float: right;
}

.section-tittle-block.projects {
  margin-top: 60px;
}

.section-tittle-block.page-header {
  margin-bottom: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: none;
}

.section-tittle-block.page-header.left {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 80px;
}

.section-tittle-block.page-header.blog {
  display: block;
  width: 70%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-tittle-block.page-header.events {
  -webkit-transition-property: none;
  transition-property: none;
  text-align: left;
}

.section-tittle-block.page-header.events:hover {
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.section-tittle-block.bottom-padding {
  margin-bottom: 100px;
}

.section-tittle-block.no-padding {
  margin-bottom: 0px;
}

.section-tittle-block.in-box {
  margin-bottom: 0px;
}

.section-tittle-block.section-tittle-block-no-margin {
  margin-bottom: 0px;
}

.section-tittle-block.section-tittle-block-btm-mar {
  margin-bottom: 100px;
}

.section-tittle-block.modal-content {
  margin-bottom: 0px;
}

.h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 7em;
  line-height: 1.2em;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}

.h1.white {
  margin-bottom: 0px;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
}

.h1.white.smaller {
  font-size: 36px;
  text-transform: uppercase;
}

.h1.white.left {
  text-align: left;
  text-transform: none;
}

.h1.big-transparent {
  position: relative;
  display: none;
  color: rgba(26, 26, 26, 0.03);
  font-size: 100px;
  font-weight: 700;
}

.h1.big-transparent.white {
  display: none;
  color: #fff;
}

.h1.subscribe {
  text-transform: none;
}

.h1.h1-white {
  color: #fff;
}

.h1.h1-mobile.modal-content {
  margin-bottom: 60px;
}

.h1.services-heading {
  margin-top: 100px;
  margin-bottom: 60px;
}

.sub-tittle {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 18px;
  line-height: 30px;
  font-style: normal;
  font-weight: 400;
}

.sub-tittle.white {
  margin-top: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-weight: 300;
}

.sub-tittle.small {
  font-size: 16px;
  line-height: 34px;
}

.sub-tittle.padding {
  margin-bottom: 40px;
}

.sub-tittle.smaller {
  margin-top: 0px;
  font-size: 14px;
  font-style: normal;
  letter-spacing: 1px;
}

.sub-tittle.subscribe {
  font-size: 14px;
}

.features-icon {
  width: 50px;
  height: 50px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 0px;
  float: left;
  background-image: url('../images/icons8-amnesty-international-1_1icons8-amnesty-international (1).png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
}

.features-icon.imag2 {
  margin-right: 10px;
  background-image: url('../images/icons8-receive-cash-1_1icons8-receive-cash (1).png');
  background-size: cover;
}

.features-icon.imag3 {
  margin-right: 10px;
  background-image: url('../images/icons8-trust-1_1icons8-trust (1).png');
  background-position: 50% 50%;
  background-size: cover;
}

.features-icon.imag4 {
  background-image: url('../images/icons8-volunteering-1_1icons8-volunteering (1).png');
}

.features-content {
  position: relative;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
}

.features-tittle {
  margin-top: 0px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.features-tittle.white {
  color: #fff;
  text-align: left;
}

.features-tittle.causes {
  display: block;
  width: 90%;
  margin: 10px auto 0px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: none;
}

.features-tittle.causes.left {
  width: 100%;
  margin-bottom: 20px;
  color: #fff;
  font-size: 30px;
  line-height: 32px;
  font-weight: 400;
  text-align: left;
}

.features-tittle.causes.left-dark {
  width: 100%;
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 29px;
  text-align: left;
}

.features-tittle.causes.left-dark.top {
  margin-top: 5px;
  margin-bottom: 5px;
}

.features-tittle.causes.left-dark.top:hover {
  color: rgba(174, 6, 216, 0.89);
}

.p {
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #797979;
  font-size: 1.2em;
  line-height: 1.8em;
  font-weight: 300;
  text-transform: none;
}

.p.dollar {
  position: relative;
  left: -60px;
  top: -50px;
  display: inline-block;
  font-family: 'Playfair Display', sans-serif;
  color: #1a1a1a;
  font-size: 30px;
  line-height: 30px;
}

.p.pricing {
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
}

.p.pricing.middle {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.p.white {
  margin-top: 20px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}

.p.white.in-footer {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
}

.p.white.percentual {
  margin-top: 0px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1px;
}

.p.white.percentual.color {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.p.white.percentual.nationality {
  font-size: 10px;
  line-height: 20px;
}

.p.white.block {
  display: inline-block;
  margin: 5px 5px 20px;
  font-family: 'Playfair Display', sans-serif;
  font-style: normal;
  text-align: left;
}

.p.white.block.no-padding {
  margin-right: 0px;
  margin-left: 0px;
}

.p.white.block.dark {
  margin-bottom: 0px;
  color: #1a1a1a;
}

.p.white.contact {
  margin-top: 0px;
}

.p.white.center {
  font-family: 'Playfair Display', sans-serif;
  text-align: center;
}

.p.white.center.lighter {
  color: #fff;
}

.p.tam-sub-text {
  margin-bottom: 20px;
  color: #ff5e3c;
  font-size: 15px;
  font-style: normal;
  text-align: left;
}

.p.text-field {
  display: block;
  height: 50px;
  margin-bottom: 10px;
  padding: 10px 12px 10px 14px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(73, 73, 73, 0.25);
  border-radius: 0px;
  background-color: transparent;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 14px;
  line-height: 20px;
}

.p.text-field:hover {
  background-color: #fafafa;
}

.p.text-field.message {
  height: 120px;
  padding-top: 20px;
  padding-bottom: 70px;
  border-radius: 0px;
  color: #1a1a1a;
}

.p.text-field.second {
  background-color: transparent;
  color: #797979;
}

.p.text-field.second:hover {
  border-bottom-color: rgba(174, 6, 216, 0.89);
}

.p.text-field.second.area {
  overflow: auto;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 50px;
  color: #797979;
}

.p.text-field.single {
  border-style: none;
  border-radius: 8px;
  background-color: #fff;
}

.p.text-field.subscribe {
  padding-left: 0px;
  color: #797979;
}

.p.in-services {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 300;
}

.p.white-text {
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  line-height: 24px;
  font-weight: 300;
}

.p.left {
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
}

.p.center {
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  text-align: center;
}

.p.p-center-align {
  text-align: center;
}

.p.p-center-align.p-width-small {
  width: 60%;
}

.p.p-large {
  margin-bottom: 30px;
  font-family: 'Playfair Display', sans-serif;
  color: #1a1a1a;
  font-size: 22px;
}

.p.p-top-mar {
  margin-top: 40px;
}

.p.p-top-mar.lorem {
  font-family: 'Times New Roman', TimesNewRoman, Times, Baskerville, Georgia, serif;
  color: red;
}

.p.p-top-mar.covid {
  margin-top: 20px;
}

.p.p-btm-mar {
  margin-bottom: 40px;
}

.p.p-btm-mar.services {
  min-height: 335px;
}

.p.p-btm-mar.services.workshops {
  min-height: 0px;
  margin-bottom: 0px;
}

.p.p-btm-mar.modal-column {
  margin-bottom: 0px;
}

.p.p-btm-mar.modal-column.clubs {
  margin-bottom: 34px;
}

.p.p-btm-mar.modal-column.modal-p {
  font-size: 15px;
}

.p.p-btm-mar.modal-column.modal-p.club-50 {
  margin-bottom: 0px;
  font-size: 14px;
}

.p.p-btm-mar.modal-column.modal-p.club-50._2 {
  margin-bottom: 24px;
}

.p.p-btm-mar.new-services {
  margin-top: 40px;
  margin-bottom: 20px;
}

.p.p-btm-mar.get-involved {
  margin-bottom: 0px;
}

.p.p-404 {
  margin-top: 20px;
  font-weight: 500;
}

.p.food-bank {
  color: #fff;
}

.p.modal-content {
  margin-top: 40px;
  margin-bottom: 0px;
  text-align: justify;
}

.p.modal-content.club-50 {
  margin-top: 20px;
  text-align: justify;
}

.p.modal-content.club-50._2 {
  margin-bottom: 40px;
}

.p.club {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-size: 15px;
}

.button-block-center {
  margin-top: 50px;
  margin-bottom: 0px;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
  text-align: center;
}

.button-block-center.no-space {
  margin-top: 30px;
  margin-bottom: 0px;
}

.button {
  padding: 20px 40px;
  background-color: #29a1ff;
  background-image: none;
  font-family: Lato, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.button.move-up {
  border-radius: 8px;
  background-color: rgba(0, 6, 74, 0.9);
  background-image: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
}

.button.move-up:hover {
  background-color: rgba(174, 6, 216, 0.89);
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.button.move-up.color {
  display: inline-block;
  padding: 12px 25px;
  background-color: #06d8cf;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  color: #fff;
  font-weight: 400;
}

.button.move-up.color:hover {
  border: 0px none #fff;
  background-color: #1a1a1a;
}

.button.move-up.color.no-hover {
  padding: 18px 35px 16px;
  font-weight: 400;
}

.button.move-up.color.no-hover:hover {
  background-color: #29a1ff;
}

.button.move-up.color.no-hover.full {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: rgba(174, 6, 216, 0.89);
  background-image: none;
}

.button.move-up.line {
  border-width: 2px;
  border-color: rgba(174, 6, 216, 0.89);
  background-color: transparent;
  color: rgba(174, 6, 216, 0.89);
  font-weight: 500;
}

.button.move-up.line.white {
  border-color: #fff;
  color: #fff;
}

.button.move-up.line.orange {
  padding-top: 14px;
  padding-bottom: 14px;
  border-style: none;
  color: #fff;
}

.button.move-up.no-hover {
  background-color: rgba(174, 6, 216, 0.89);
}

.button.move-up.donate {
  display: inline-block;
  margin-top: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #fff;
}

.button.move-up.donate.singel {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
}

.button.move-up.donate.line.white {
  padding-top: 14px;
  padding-bottom: 14px;
}

.button.move-up.donate.gray {
  background-color: #f5f6f9;
  color: #00224a;
}

.button.move-up.fullwidth {
  display: block;
  width: 100%;
  padding-top: 16px;
  background-color: rgba(174, 6, 216, 0.89);
}

.button.move-up.fullwidth:hover {
  background-color: #1a1a1a;
}

.button.move-up.fullwidth.subscribe {
  width: auto;
  height: 50px;
  margin-left: 14px;
  padding: 14px 26px;
  background-color: rgba(174, 6, 216, 0.89);
}

.button.move-up.fullwidth.subscribe:hover {
  background-color: #1a1a1a;
}

.button.move-up.colorated {
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 0%, 100%, 0.23);
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.button.move-up.colorated:hover {
  border-style: none;
  border-width: 0px;
  background-color: rgba(174, 6, 216, 0.89);
  color: #fff;
}

.button.move-up.colorated.orange {
  display: inline-block;
  padding-top: 16px;
  border-style: none;
  background-color: rgba(255, 156, 8, 0.92);
}

.button.move-up.colorated.orange:hover {
  background-color: rgba(255, 156, 8, 0.89);
}

.button.move-up.colorated.orange.violet {
  background-color: rgba(174, 6, 216, 0.89);
}

.button.move-up.orange {
  padding-top: 16px;
  background-color: rgba(255, 156, 8, 0.92);
}

.button.move-up.color-3 {
  padding-top: 16px;
  background-color: #006df0;
}

.button.move-up.top {
  margin-top: 40px;
}

.button.move-up.right {
  padding-right: 25px;
  padding-left: 25px;
  float: right;
}

.button.move-up.right-padding {
  margin-right: 10px;
}

.button.move-up.right-padding.violet {
  background-color: rgba(174, 6, 216, 0.89);
}

.button.move-up.right-padding.violet:hover {
  background-color: rgba(150, 0, 187, 0.89);
}

.button.move-up.right-padding.violet.categories {
  margin-top: 30px;
}

.button.line {
  border: 1px solid #fff;
  background-color: transparent;
}

.button.color.move-up {
  padding: 18px 35px 16px;
  background-color: #29a1ff;
  font-weight: 400;
}

.button.full {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  background-image: linear-gradient(225deg, #00224a, #005293 48%, #0084ce);
}

.full-container {
  display: block;
  max-width: 1170px;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
  text-align: left;
}

.full-container.center {
  position: relative;
  left: 0px;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  font-family: Lato, sans-serif;
  font-weight: 400;
  text-align: center;
}

.full-container.center.homepages1 {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  overflow: visible;
  width: 70%;
  -webkit-transform: translate(-50%, -50px);
  -ms-transform: translate(-50%, -50px);
  transform: translate(-50%, -50px);
  text-align: left;
}

.full-container.center.homepages1.video-top {
  top: 24%;
  width: 80%;
}

.full-container.center.homepages1.slider {
  top: 40%;
}

.full-container.center.homepages1.slider.percentual {
  top: 35%;
}

.full-container.center.homepages1.slider.percentual.new {
  left: 35%;
  top: 30%;
  width: 50%;
  height: auto;
  padding: 20px 40px 40px;
  border: 10px solid #fff;
  background-color: #ff9c08;
  box-shadow: 21px 21px 30px 0 rgba(0, 0, 0, 0.1);
}

.full-container.center.homepages1.slider.percentual.new.right {
  left: 65%;
  background-color: #242527;
}

.full-container.center.homepages1.slider.percentual.new.right.violete {
  background-color: #ae06d8;
}

.full-container.center.style2 {
  top: 30%;
}

.full-container.center.video {
  position: static;
  top: 0%;
  margin-top: -150px;
}

.full-container.center.first {
  top: 40%;
}

.full-container.center.con-pad {
  max-width: 2000px;
  margin-top: -100px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.full-container.center.nav {
  max-width: 1160px;
}

.full-container.footer {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}

.full-container.top {
  position: static;
  left: 0px;
  top: -300px;
  margin-top: -300px;
}

.full-container.top.over {
  top: -180px;
  margin-top: -200px;
}

.full-container.top.tabs {
  margin-top: -300px;
}

.full-container.centerd {
  text-align: center;
}

.full-container.newsletter {
  margin-top: -100px;
  padding: 40px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.1);
}

.full-container.video {
  margin-top: -150px;
}

.full-container.facts {
  margin-top: 80px;
  margin-bottom: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #fff, transparent);
}

.full-container.top-padding {
  margin-top: 100px;
}

.full-container.header {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: rgba(26, 26, 26, 0.53);
}

.full-container.aligined {
  text-align: center;
}

.full-container.subscibe {
  padding: 40px;
  border-radius: 10px;
  background-color: #fff;
}

.full-container.contact-map {
  padding-right: 10px;
  padding-left: 10px;
}

.full-container.con-join-team {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.full-container.quote-con-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.full-container.full-container-btm-mar {
  margin-bottom: 100px;
}

.full-container.full-container-btm-mar.full-container-top-mar {
  margin-top: 100px;
}

.full-container.food-bank {
  max-width: 2000px;
}

.full-container.food-bank.about {
  text-align: center;
}

.full-container.donations {
  max-width: 2000px;
}

.full-container.clubs {
  max-width: 1500px;
}

.column {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
}

.portfolio-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.portfolio-lightbox {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  color: #fff;
}

.body {
  font-family: Montserrat, sans-serif;
  color: #1a1a1a;
  font-weight: 500;
}

.body.left-nav {
  height: 100%;
  padding-left: 300px;
}

.body.color {
  margin-top: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174, 6, 216, 0.89)), to(rgba(174, 6, 216, 0.89))), url('../images/michael-mims-130838.jpg');
  background-image: linear-gradient(180deg, rgba(174, 6, 216, 0.89), rgba(174, 6, 216, 0.89)), url('../images/michael-mims-130838.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, auto;
}

.car-icon {
  display: block;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  text-align: center;
}

.heading-3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 36px;
  line-height: 46px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
}

.heading-3.volunteer {
  margin-top: 0px;
}

.project-tittle {
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.project-tittle.white {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}

.overlay-portfolio {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: transparent;
  background-image: linear-gradient(135deg, rgba(174, 6, 216, 0.89), rgba(0, 6, 74, 0.9));
}

.overlay-portfolio.other-color {
  position: absolute;
  height: 380px;
  border-radius: 8px;
  background-color: transparent;
  background-image: linear-gradient(135deg, rgba(174, 6, 216, 0.89), rgba(0, 6, 74, 0.9));
}

.small-separator {
  display: inline-block;
  width: 20px;
  height: 4px;
  margin: 0px 4px;
  padding-right: 2px;
  padding-left: 2px;
  float: none;
  background-color: silver;
  color: #797979;
}

.small-separator.white {
  background-color: #fff;
  background-image: none;
}

.small-separator.center {
  height: 7px;
  margin-top: 0px;
  padding-top: 0px;
  background-color: rgba(174, 6, 216, 0.89);
}

.small-separator.center.white {
  background-color: #fff;
}

.button-block-left {
  margin-top: 50px;
  margin-bottom: 0px;
  text-align: left;
}

.sub-text {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: Lato, sans-serif;
  color: #767676;
  font-size: 23px;
  line-height: 36px;
  font-style: normal;
  font-weight: 400;
}

.sub-text.smaller {
  margin-top: 20px;
  font-size: 20px;
  line-height: 31px;
}

.sub-text.smaller.fun {
  margin-top: 0px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}

.tabs-menu {
  margin-top: 50px;
  background-color: transparent;
}

.tabs-menu.faq {
  margin-top: 0px;
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
}

.tabs-menu.second {
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}

.tabs-menu.second.left-side {
  font-family: Merriweather, serif;
  font-style: italic;
  font-weight: 300;
  text-align: left;
}

.tabs-menu.line-top {
  border-top: 1px solid hsla(0, 0%, 100%, 0.17);
}

.tabs {
  background-color: transparent;
}

.tab-link {
  width: 20%;
  min-height: 100px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  background-image: url('../images/5968bb9f8ed9cf7dd2ee5935_national-geographic-logo-white.svg');
  background-position: 50% 50%;
  background-size: 120px;
  background-repeat: no-repeat;
  opacity: 1;
}

.tab-link:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link.w--current {
  overflow: visible;
  margin-right: 0px;
  margin-left: 0px;
  background-color: hsla(0, 0%, 100%, 0.1);
  background-image: url('../images/5968bb9f8ed9cf7dd2ee5935_national-geographic-logo-white.svg');
  background-size: 120px;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.tab-link.w--current:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link._2 {
  background-image: url('../images/5968bb9f60a737091d9e4c73_webflow-logo-white.svg');
  background-size: 120px;
  opacity: 1;
}

.tab-link._2:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link._2.w--current {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link._2.w--current:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}

.tab-link._3 {
  background-image: url('../images/58b976d90bcfc57b329166ce_partner7-w.png');
  background-size: 120px;
  opacity: 1;
}

.tab-link._3:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link._3.w--current {
  opacity: 1;
}

.tab-link._4 {
  background-image: url('../images/client2-1-1-3.svg');
  background-size: 120px;
  opacity: 1;
}

.tab-link._4:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link._5 {
  background-image: url('../images/58b976b56a1db6cc66970bc2_partner3-w.png');
  background-size: 120px;
  opacity: 1;
}

.tab-link._5:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  opacity: 1;
}

.tab-link._5.w--current {
  opacity: 1;
}

.pricing-wrapper {
  width: 95%;
  padding: 45px 30px;
  text-align: center;
}

.pricing-wrapper.line {
  padding-top: 10px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.pricing-wrapper.trasparent {
  padding-top: 10px;
  border: 1px solid #eee;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, 0.91);
}

.services-tittle {
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.services-tittle.white {
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}

.services-tittle.white.left {
  text-align: left;
}

.pricing-big {
  position: relative;
  display: block;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  font-size: 55px;
  line-height: 60px;
  font-weight: 600;
  text-transform: uppercase;
}

.pricing-big.color-1 {
  color: rgba(174, 6, 216, 0.89);
  text-align: center;
}

.pricing-big.color-2 {
  font-family: Poppins, sans-serif;
  color: rgba(255, 156, 8, 0.92);
  text-align: center;
}

.pricing-big.color-3 {
  color: #006df0;
  text-align: center;
}

.pricimg-line {
  height: 1px;
  margin-top: 20px;
  margin-bottom: 25px;
  background-color: #dfdfdf;
}

.top-space-block {
  margin-top: 50px;
  padding-top: 0px;
  background-color: transparent;
  text-align: left;
}

.top-space-block._100 {
  margin-top: 100px;
  float: none;
  text-align: center;
}

.top-space-block._100.left {
  width: 94%;
  margin-top: 0px;
  padding-left: 10px;
}

.top-space-block._100.left.top {
  position: relative;
  left: 5%;
  top: 60px;
  bottom: 50%;
  width: 70%;
  padding-top: 0px;
  padding-left: 0px;
}

.top-space-block._100.left.top._50 {
  top: 50px;
  width: 86%;
}

.top-space-block._100.left.top.right {
  top: 60px;
  width: 90%;
}

.top-space-block._100.left.events {
  position: relative;
  top: 24%;
  margin-bottom: 0px;
  padding: 20px 0px;
  border-style: solid none none;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.34) #000 #000;
  border-radius: 0px;
  background-color: transparent;
}

.top-space-block._100.left.events:hover {
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.top-space-block._100.left.events.single {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 8px;
  background-color: #f5f6f9;
}

.top-space-block._100.perceptual {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.top-space-block._30 {
  margin-top: 0px;
  font-family: 'Playfair Display', sans-serif;
  text-align: center;
}

.top-space-block._30.left {
  font-family: 'Playfair Display', sans-serif;
  text-align: left;
}

.top-space-block._30.center {
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
}

.top-space-block.left {
  text-align: left;
}

.top-space-block.center {
  display: block;
  margin-top: 0px;
  text-align: center;
}

.top-space-block.center.top-space-more-top {
  margin-top: 80px;
}

.top-space-block.left-side {
  position: relative;
  left: 5%;
  top: 70px;
  width: 90%;
  margin-top: 0px;
}

.top-space-block.left-side.padding {
  position: static;
  height: auto;
}

.link {
  position: static;
  top: -30px;
  right: -197px;
  margin-right: 0px;
  margin-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #797979;
  background-color: transparent;
  font-family: Lato, sans-serif;
  color: #313131;
  font-size: 15px;
  line-height: 26px;
  text-decoration: none;
}

.link:hover {
  color: #313131;
  text-decoration: underline;
}

.half-section {
  width: 50%;
  height: auto;
  float: right;
  background-color: transparent;
}

.half-section.image {
  width: 50%;
  height: 800px;
  float: left;
}

.half-section.left {
  float: left;
}

.half-section.left.colorated {
  border-right: 10px solid #fff;
  border-left: 0px none #000;
  background-color: rgba(174, 6, 216, 0.89);
  background-image: linear-gradient(135deg, rgba(174, 6, 216, 0.89), rgba(48, 6, 216, 0.89) 98%, #fff);
}

.half-section.left.colorated.blue {
  border-right: 10px solid #fff;
  border-left: 1px solid #000;
  background-image: linear-gradient(315deg, rgba(174, 6, 216, 0.89), #ff9c08);
}

.half-section.left.image-2 {
  border-right: 10px solid #fff;
  background-image: url('../images/zara-walker-56626.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.half-section.left.image-2.fourth {
  background-image: url('../images/michael-mims-130838.jpg');
}

.half-section.image-1 {
  background-image: url('../images/michael-mims-134037.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.half-section.image-1.third {
  border-left: 0px none #000;
  background-image: url('../images/himanshu-singh-gurjar-106819.jpg');
}

.half-section.right {
  border-left: 1px none #000;
  background-color: #ff9c08;
  background-image: linear-gradient(135deg, #ff9c08, #960000);
}

.center-content-section {
  position: relative;
  left: 0px;
  top: 0%;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.social-link {
  display: block;
  width: 25%;
  height: 120px;
  float: left;
}

.social-link.facebook {
  display: block;
  width: 20%;
  height: 120px;
  float: left;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: transparent;
  background-image: url('../images/logo.e6616dca24df.png');
  background-position: 50% 50%;
  background-size: 120px;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Lato, sans-serif;
}

.social-link.facebook:hover {
  background-color: #ffb008;
  background-image: url('../images/logo.e6616dca24dfwhite.png');
  background-size: 120px;
}

.social-link.twiter {
  width: 20%;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-image: url('../images/58482a62cef1014c0b5e4a13.png');
  background-position: 50% 50%;
  background-size: 120px;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.social-link.twiter:hover {
  background-color: #2aa9e6;
  background-image: url('../images/58482a62cef1014c0b5e4a13white.png');
  background-size: 120px;
}

.social-link.instagram {
  width: 20%;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-image: url('../images/microsoft_0-copy.png');
  background-position: 50% 50%;
  background-size: 120px;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.social-link.instagram:hover {
  background-color: #6301cc;
  background-image: url('../images/microsoft_0white.png');
  background-size: 120px;
}

.social-link.google {
  width: 20%;
  float: right;
  clear: none;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  background-image: url('../images/original_images-Google_Logo.png');
  background-position: 50% 50%;
  background-size: 120px;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.social-link.google:hover {
  background-color: #0dd304;
  background-image: url('../images/original_images-Google_Logowhite.png');
  background-size: 120px;
}

.social-link.dribbble {
  width: 20%;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  background-image: url('../images/dribbble.png');
  background-position: 50% 50%;
  background-size: 120px;
  background-repeat: no-repeat;
}

.social-link.dribbble:hover {
  background-color: rgba(174, 6, 216, 0.89);
  background-image: url('../images/dribbblewhite.png');
  background-size: 120px;
}

.footer {
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-top: 100px;
  padding-bottom: 40px;
  background-color: #243458;
}

.footer.style3 {
  padding-bottom: 40px;
  background-color: #212127;
  color: #1a1a1a;
}

.footer.style4 {
  padding-right: 60px;
  padding-left: 60px;
  background-color: #000;
  opacity: 1;
  color: #1a1a1a;
  font-size: 13px;
}

.footer.coming {
  background-color: #f5f6f9;
}

.link-block.footer {
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.link-block.footer.padding {
  margin-bottom: 30px;
  background-color: transparent;
}

.footer-line {
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: hsla(0, 0%, 100%, 0.11);
}

.footer-line.more {
  margin-top: 50px;
  margin-bottom: 40px;
}

.logo-brand.top {
  float: none;
}

.logo-brand.footer-one {
  margin-top: 34px;
}

.logo-brand.inline {
  margin-left: 20px;
}

.logo-brand.inline.scroll {
  margin-top: 8px;
}

.logo-brand.inline.scroll.w--current {
  margin-top: 8px;
}

.top-navigation {
  padding-top: 10px;
  padding-bottom: 0px;
  border-bottom: 0px none #ededed;
}

.center-device {
  text-align: left;
}

.center-device.bottom {
  text-align: left;
}

.center-device.right {
  float: right;
  text-align: right;
}

.center-device.left-nav {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 30px;
  display: block;
  text-align: center;
}

.center-device.center {
  margin-top: 20px;
  text-align: center;
}

.top-left-text {
  display: inline-block;
  margin-right: 15px;
  font-family: Merriweather, serif;
  color: #fff;
  font-style: normal;
  font-weight: 100;
  text-decoration: none;
}

.top-left-text.white {
  color: #fff;
  text-transform: capitalize;
}

.top-left-text.in-testimonial {
  display: block;
  margin-right: 0px;
  color: #858585;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
}

.top-left-text.in-testimonial.white {
  margin-top: 5px;
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-weight: 300;
}

.top-left-text.dark {
  font-family: 'Playfair Display', sans-serif;
  color: #858585;
  font-weight: 400;
}

.top-left-text.dark.link {
  position: static;
  display: inline;
  margin-right: 5px;
  margin-left: 5px;
  float: none;
  border-right-style: none;
  font-family: 'Playfair Display', sans-serif;
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

.top-left-text.dark.link:hover {
  color: #1a1a1a;
}

.top-left-text.dark.link.right {
  float: right;
  text-align: center;
}

.top-left-text.dark.link.center {
  text-align: center;
}

.social-icon {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/facebook-logo.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-align: right;
}

.social-icon:hover {
  background-image: url('../images/facebook-logo-2.png');
  background-size: 16px;
}

.social-icon.twitter {
  background-image: url('../images/twitter-logo-silhouette.png');
  background-size: 16px;
}

.social-icon.twitter:hover {
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-size: 16px;
}

.social-icon.twitter.white-hover:hover {
  background-image: url('../images/twitter-logo-silhouette-1.png');
  background-size: 16px;
}

.social-icon.instagram {
  background-image: url('../images/instagram-logo.png');
  background-size: 16px;
}

.social-icon.instagram:hover {
  background-image: url('../images/instagram-logo-2.png');
  background-size: 16px;
}

.social-icon.instagram.hover-white {
  background-image: url('../images/instagram-logo.png');
  background-size: 16px;
}

.social-icon.instagram.hover-white:hover {
  background-image: url('../images/instagram-logo-1.png');
  background-size: 16px;
}

.social-icon.whatsapp {
  background-image: url('../images/whatsapp-logo.png');
  background-size: 16px;
}

.social-icon.whatsapp:hover {
  background-image: url('../images/whatsapp-logo-2.png');
  background-size: 16px;
}

.social-icon.whatsapp.hover-white {
  background-image: url('../images/whatsapp-logo.png');
  background-size: 16px;
}

.social-icon.whatsapp.hover-white:hover {
  background-image: url('../images/whatsapp-logo-1.png');
  background-size: 16px;
}

.social-icon.white-hover:hover {
  background-image: url('../images/facebook-logo-1.png');
  background-size: 16px;
}

.hero-slider {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.slide {
  z-index: 12;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0.49))), url('../images/anes-sabitovic-286668.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), url('../images/anes-sabitovic-286668.jpg');
  background-position: 0px 0px, 50% -25px;
  background-size: auto, cover;
  background-repeat: repeat, repeat;
}

.slide.style2 {
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 2, 29, 0.44)), to(rgba(23, 2, 29, 0.44))), url('../images/bill-wegener-287873_1.jpg');
  background-image: linear-gradient(180deg, rgba(23, 2, 29, 0.44), rgba(23, 2, 29, 0.44)), url('../images/bill-wegener-287873_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.slide.one {
  background-image: url('../images/zara-walker-56626.jpg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background-image: url('../images/zara-walker-56626.jpg'), linear-gradient(180deg, transparent, transparent);
  background-position: 50% 32%, 0px 0px;
  background-size: cover, auto;
}

.slide.one.new {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/trevor-cole-385236.jpg');
  background-image: linear-gradient(180deg, transparent, transparent), url('../images/trevor-cole-385236.jpg');
  background-position: 0px 0px, 50% 32%;
  background-size: auto, cover;
  background-repeat: repeat, repeat;
}

.slide.one.new.second {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 74, 255, 0.84)), to(rgba(3, 74, 255, 0.84))), url('../images/braden-barwich-229667.jpg');
  background-image: linear-gradient(180deg, rgba(3, 74, 255, 0.84), rgba(3, 74, 255, 0.84)), url('../images/braden-barwich-229667.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.slide.one.new.third {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 29, 147, 0.87)), to(rgba(0, 29, 147, 0.87))), url('../images/himanshu-singh-gurjar-106819.jpg');
  background-image: linear-gradient(180deg, rgba(0, 29, 147, 0.87), rgba(0, 29, 147, 0.87)), url('../images/himanshu-singh-gurjar-106819.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.slide.one.new.first {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 21, 157, 0.84)), to(rgba(233, 21, 157, 0.84))), url('../images/michael-mims-134037.jpg');
  background-image: linear-gradient(180deg, rgba(233, 21, 157, 0.84), rgba(233, 21, 157, 0.84)), url('../images/michael-mims-134037.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.slide.one.new.fourth {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(71, 2, 192, 0.89)), to(rgba(71, 2, 192, 0.89))), url('../images/ekntrtmz-224106_1.jpg');
  background-image: linear-gradient(180deg, rgba(71, 2, 192, 0.89), rgba(71, 2, 192, 0.89)), url('../images/ekntrtmz-224106_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.slide.one.new.sixth {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174, 6, 216, 0.89)), to(rgba(174, 6, 216, 0.89))), url('../images/michael-mims-130838.jpg');
  background-image: linear-gradient(180deg, rgba(174, 6, 216, 0.89), rgba(174, 6, 216, 0.89)), url('../images/michael-mims-130838.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.slide.one.new.fifth {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 56, 100, 0.68)), to(rgba(0, 56, 100, 0.68))), url('../images/milada-vigerova-36934-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 56, 100, 0.68), rgba(0, 56, 100, 0.68)), url('../images/milada-vigerova-36934-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.load-bar {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 900;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.47);
}

.arrow-slider {
  display: block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin-top: 315px;
  margin-right: 30px;
  margin-bottom: 315px;
  border: 1px solid #fff;
  border-radius: 100px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #1a1a1a;
  font-size: 17px;
}

.arrow-slider.left {
  overflow: hidden;
  margin-left: 30px;
}

.arrow-slider.left:hover {
  border-color: rgba(174, 6, 216, 0.89);
  background-color: rgba(174, 6, 216, 0.89);
}

.arrow-slider.left.hidden {
  display: none;
  overflow: hidden;
}

.arrow-slider.hidden {
  display: none;
  overflow: visible;
  margin: 25.5px;
  border-style: none;
  color: #fff;
}

.arrow-slider.right:hover {
  border-color: rgba(174, 6, 216, 0.89);
  background-color: rgba(174, 6, 216, 0.89);
}

.icon {
  color: #fff;
}

.nave-hero-slider.hidden {
  display: none;
}

.services-wrapper {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 20px 10px 0px;
  border-radius: 0px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.services-wrapper:hover {
  box-shadow: 0 0 500px 0 rgba(0, 0, 0, 0.1);
}

.services-wrapper.in-blog {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-radius: 10px;
}

.services-wrapper.in-blog:hover {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.services-bottom {
  padding: 30px;
  background-color: #fff;
  text-align: left;
}

.testimonial-slider {
  position: relative;
  height: auto;
  background-color: transparent;
}

.testimonial-photo {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  margin-left: 2px;
  float: left;
  border-radius: 100px;
  background-image: url('../images/team-3.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonial-photo.center {
  display: block;
  width: 120px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.testimonial-photo.center._2 {
  background-image: url('../images/Team1.jpg');
}

.testimonial-photo.center._3 {
  background-image: url('../images/team-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonial-photo.center._4 {
  background-image: url('../images/Team2.jpg');
}

.testimonial-photo.center._5 {
  background-image: url('../images/Team8.jpg');
}

.testimonial-photo.center._6 {
  background-image: url('../images/Team4.jpg');
}

.testimonial-content {
  position: relative;
  overflow: hidden;
}

.nav-slide {
  position: relative;
  left: 0px;
  top: -42px;
  z-index: 1;
  display: inline-block;
  padding-top: 15px;
  float: right;
  font-size: 8px;
  text-align: right;
}

.nav-slide.normal {
  position: static;
  display: block;
  margin-top: 0px;
  padding-top: 20px;
  float: none;
  text-align: center;
}

.content-container-center {
  position: relative;
  left: 0px;
  top: 35%;
  z-index: 2;
  display: block;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  font-family: Lato, sans-serif;
  font-weight: 300;
  text-align: center;
}

.content-container-center.coming {
  top: 25%;
}

.footer-tittle {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 48px;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.lightbox-link {
  width: 60px;
  height: 60px;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  text-align: center;
}

.lightbox-link:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.center-block {
  margin-top: 0px;
  background-color: transparent;
  text-align: center;
  text-transform: none;
}

.video-wrapper {
  position: relative;
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.video-wrapper.full {
  width: 100%;
}

.video-wrapper.video {
  position: relative;
  width: 100%;
  height: 500px;
  border: 10px none #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 52, 88, 0.4)), to(rgba(36, 52, 88, 0.4))), url('../images/tedx-banner-alt.png');
  background-image: linear-gradient(180deg, rgba(36, 52, 88, 0.4), rgba(36, 52, 88, 0.4)), url('../images/tedx-banner-alt.png');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  box-shadow: none;
  -webkit-filter: none;
  filter: none;
}

.video-wrapper.video.full {
  width: 90%;
  height: 400px;
  float: left;
}

.video-wrapper.video.full.second {
  background-image: url('../images/h1-slide-1-background-img.jpg');
}

.services-icon {
  width: 50px;
  height: 50px;
  float: left;
}

.services-icon.style2 {
  width: 90px;
  height: 90px;
  background-image: url('../images/icons8-marker_1icons8-marker.png');
  background-position: 50% 50%;
  background-size: 45px;
  background-repeat: no-repeat;
}

.services-icon.second {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  float: none;
  border: 0px none #29a1ff;
  border-radius: 16px;
  background-color: #29a1ff;
  background-image: url('../images/rdf-resource-description-framework-symbol.png');
  background-position: 50% 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  text-align: center;
}

.services-icon.second._2 {
  border-color: rgba(8, 255, 48, 0.89);
  background-color: rgba(8, 255, 48, 0.89);
  background-image: url('../images/operator-avatar.png');
  background-size: 40px;
}

.services-icon.second._3 {
  border-width: 0px;
  border-color: rgba(255, 156, 8, 0.92);
  background-color: rgba(255, 156, 8, 0.92);
  background-image: url('../images/user-1.png');
  background-size: 40px;
}

.services-icon.second._4 {
  border-width: 0px;
  border-color: rgba(174, 6, 216, 0.89);
  background-color: rgba(174, 6, 216, 0.89);
  background-image: url('../images/candle-flame.png');
  background-position: 50% 50%;
  background-size: 40px;
}

.testimnial-wrapper {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-size: 20px;
  line-height: 31px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.about-wrapper {
  display: block;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  font-weight: 400;
}

.about-team-content {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-style: none;
  border-right-width: 1px;
  border-right-color: rgba(0, 0, 0, 0.23);
  text-align: center;
}

.about-team-content.new {
  padding: 20px 20px 20px 0px;
}

.team-name {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

.team-name.leader {
  margin-top: 0px;
  font-family: 'Playfair Display', sans-serif;
  color: rgba(174, 6, 216, 0.89);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}

.team-name.thin {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  text-transform: none;
}

.team-name.blog {
  padding-top: 10px;
  color: #1a1a1a;
}

.content-wrapper {
  position: relative;
  overflow: visible;
  width: 33.333%;
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 0px;
  float: left;
  border: 1px solid #ededed;
  background-color: #fff;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-align: center;
}

.content-wrapper:hover {
  border-radius: 10px;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.19);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.content-wrapper._100 {
  width: 100%;
  margin-top: 0px;
  border-top: 4px none rgba(41, 161, 255, 0.89);
  border-radius: 8px;
}

.content-wrapper._100.offer-card-colour-4 {
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-style: none;
  background-color: #4c4399;
}

.content-wrapper._100.offer-card-colour-1 {
  margin-bottom: 0px;
  padding: 40px;
  border-style: none;
  background-color: #fff;
}

.content-wrapper._100.offer-card-colour-2 {
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-style: none;
  background-color: #2fb697;
}

.content-wrapper._100.contact-card {
  background-color: #b13854;
}

.heading-7 {
  margin-top: 0px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.heading-7.white {
  font-family: Poppins, sans-serif;
  letter-spacing: 1px;
}

.section-3 {
  padding: 100px 20px;
}

.tab-faq {
  padding-right: 2.5px;
  padding-left: 2.5px;
  background-color: transparent;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}

.tab-faq.w--current {
  padding-right: 2.5px;
  padding-left: 2.5px;
  border-bottom: 1px solid rgba(174, 6, 216, 0.89);
  background-color: transparent;
  color: rgba(174, 6, 216, 0.89);
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
}

.faq-wrapper {
  display: block;
  width: 70%;
  margin-top: 1px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 600;
  text-align: center;
}

.toogle-faq {
  margin-top: -1px;
  text-align: left;
}

.toogle-header {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 17px;
  border: 1px solid #ededed;
  background-color: #fff;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #797979;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}

.toogle-header:hover {
  background-color: #fff;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
  color: rgba(174, 6, 216, 0.89);
}

.toogle-icon {
  position: relative;
  top: 0px;
  right: 10px;
  width: 18px;
  height: 18px;
  float: right;
  background-image: url('../images/down-arrow.png');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.toogle-content {
  overflow: hidden;
}

.toogle-space {
  overflow: hidden;
  padding: 30px 30px 30px 15px;
}

.line-divider {
  height: 1px;
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: #ededed;
}

.line-divider.in-section {
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: hsla(0, 0%, 100%, 0.11);
}

.features-wrapper {
  margin-bottom: -1px;
  padding: 40px 60px;
  float: left;
  border: 1px solid #ededed;
  background-color: #fff;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-align: center;
}

.features-wrapper.home10 {
  width: 50%;
  margin-bottom: 20px;
  padding: 0px 10px;
  border-style: none;
  background-color: transparent;
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
  font-family: Lato, sans-serif;
  text-align: left;
}

.features-wrapper.home10.inline {
  width: 100%;
}

.testimonial-name {
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 13px;
  font-style: normal;
}

.testimonial-name.white {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 20px;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.17);
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.coming-soon-section {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0.7)), to(rgba(26, 26, 26, 0.7))), url('../images/bill-wegener-287873_1.jpg');
  background-image: linear-gradient(180deg, rgba(26, 26, 26, 0.7), rgba(26, 26, 26, 0.7)), url('../images/bill-wegener-287873_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.footer-credit {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 0px;
  float: right;
  border-right: 1px none #858585;
  font-family: Poppins, sans-serif;
  color: #f8f4eb;
  font-size: 15px;
  font-weight: 300;
  text-align: right;
  letter-spacing: 0.5px;
}

.footer-credit.footer-credit-float-left {
  float: left;
}

.paragraph-3 {
  display: inline;
  margin-right: 5px;
  padding-left: 0px;
  border-style: none;
  border-left-width: 1px;
  border-left-color: #858585;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 13px;
  font-weight: 300;
}

.paragraph-3.hire-me {
  margin-right: 0px;
}

.left-wrapper {
  width: 60%;
  height: 800px;
  float: left;
  background-color: #f5f5f7;
}

.left-wrapper.photo {
  width: 50%;
  height: 500px;
  background-image: url('../images/59f99ba178cc2d0001fde243_avik-saha-293795.jpg');
  background-position: 35% 50%;
  background-size: cover;
}

.left-wrapper.photo.left {
  width: 25%;
  height: 400px;
  background-image: url('../images/michael-mims-130838.jpg');
  background-position: 50% 50%;
}

.left-wrapper.photo.left._2 {
  background-image: url('../images/niger6.jpg');
  background-position: 100% 50%;
}

.left-wrapper.photo.right {
  width: 25%;
  height: 400px;
  float: right;
  background-image: url('../images/ekntrtmz-224106_1.jpg');
}

.left-wrapper.photo.right._2 {
  background-image: url('../images/h1-slide-1-background-img.jpg');
}

.left-wrapper.gray {
  width: 50%;
  background-color: #f5f6f9;
}

.form-wrapper-block {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.form-wrapper-block.home {
  position: relative;
  top: 15%;
  display: block;
  width: 70%;
}

.headline-wrapper {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.headline-wrapper.center {
  width: 75%;
}

.headline-wrapper.width {
  width: auto;
}

.form {
  color: #fff;
}

.form.subscribe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  margin-top: 14px;
}

.emphasized-text-16 {
  font-family: Merriweather, serif;
  font-size: 22px;
  font-weight: 100;
}

.emphasized-text-16.bottom-padding {
  display: block;
  margin-bottom: 30px;
  font-family: 'Playfair Display', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-style: normal;
  text-align: center;
}

.emphasized-text-16.bottom-padding.smaller {
  font-size: 20px;
  line-height: 32px;
  text-align: left;
}

.emphasized-text-16.bottom-padding.dark {
  color: #797979;
  text-align: left;
}

.emphasized-text-16.bottom-padding.left {
  text-align: left;
}

.text-block-10 {
  font-family: 'Playfair Display', sans-serif;
  font-style: normal;
  font-weight: 300;
}

.banner.style2 {
  position: relative;
  height: 700px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 124, 255, 0.89)), color-stop(99%, rgba(174, 6, 216, 0.89))), url('../images/h1-slide-1-background-img.jpg');
  background-image: linear-gradient(180deg, rgba(229, 124, 255, 0.89), rgba(174, 6, 216, 0.89) 99%), url('../images/h1-slide-1-background-img.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.banner.style4 {
  position: relative;
  height: 600px;
  background-color: #29a1ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(185, 180, 209, 0.92)), to(rgba(185, 180, 209, 0.92))), url('../images/h1-slide-1-background-img.jpg');
  background-image: linear-gradient(180deg, rgba(185, 180, 209, 0.92), rgba(185, 180, 209, 0.92)), url('../images/h1-slide-1-background-img.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.lightbox-divider.center {
  position: static;
  left: 0px;
  top: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

.lightbox-divider.center.in-video {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 90px;
  height: 90px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.services-content {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.navbar-style1 {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.top-logo {
  padding-top: 30px;
  text-align: center;
}

.testimonials-slide {
  display: block;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 35px;
  border-radius: 8px;
  background-color: #fafafa;
  font-family: Lato, sans-serif;
  font-weight: 400;
  text-align: center;
}

.testimonials-slide.color-1 {
  border-radius: 8px;
  background-color: rgba(174, 6, 216, 0.89);
}

.testimonials-slide.color-2 {
  background-color: #06d895;
}

.testimonials-slide.color-3 {
  background-color: #29a1ff;
}

.testimonials-slide.color-4 {
  background-color: rgba(255, 156, 8, 0.92);
}

.testimonials-slide.color-5 {
  background-color: #006df0;
}

.tab-portfolio {
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 3px;
  padding-left: 3px;
  background-color: transparent;
  font-family: Lato, sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 300;
}

.tab-portfolio.w--current {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.61);
  background-color: transparent;
  font-family: 'Playfair Display', sans-serif;
  color: #f5f5f7;
  font-weight: 300;
}

.tab-portfolio.colorated {
  border-bottom: 1px none #000;
}

.tab-portfolio.colorated.w--current {
  border-bottom: 1px solid rgba(174, 6, 216, 0.89);
  font-family: 'Playfair Display', sans-serif;
}

.column-2 {
  padding-right: 0px;
  padding-left: 0px;
}

.full-facts-wrapper {
  display: block;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

.fun-content {
  position: relative;
  overflow: hidden;
  margin-left: 0px;
}

.fun-content.no-space.add {
  margin-bottom: 0px;
}

.fun-tittle {
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 14px;
  font-family: Lato, sans-serif;
  color: #1a1a1a;
  font-size: 44px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
}

.left {
  font-family: 'Playfair Display', sans-serif;
  text-align: left;
}

.swervices-wrapper {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.right {
  text-align: right;
}

.content-features-home10 {
  padding: 45px 25px 30px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-align: center;
}

.content-features-home10:hover {
  background-color: #fff;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.form-contact {
  padding: 50px 40px 40px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
}

.form-contact.volunteer {
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
}

.form-contact.singel {
  margin-top: 20px;
}

.form-contact.fluid {
  position: static;
  top: 20%;
  display: block;
  width: 42%;
  margin: 0px auto;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.form-contact.fluid.device {
  position: relative;
  top: 50%;
  width: 45%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.margin-device {
  margin-bottom: 20px;
  border-radius: 8px;
}

.footer-divider {
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #dfdfdf;
}

.text-block-13 {
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-style: normal;
}

.text-block-13.color-font {
  font-family: 'Playfair Display', sans-serif;
  color: rgba(174, 6, 216, 0.89);
  font-style: normal;
  text-decoration: none;
}

.text-block-13.font-color {
  font-family: 'Playfair Display', sans-serif;
  color: rgba(174, 6, 216, 0.89);
  font-style: normal;
}

.dropdown-link {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Lato, sans-serif;
  color: #797979;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
}

.dropdown-link:hover {
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 400;
}

.dropdown-link.w--current {
  font-family: Lato, sans-serif;
  color: rgba(213, 46, 255, 0.89);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
}

.dropdown-list.w--open {
  background-color: #1a1a1a;
  font-family: Lato, sans-serif;
  color: #1a1a1a;
  font-weight: 400;
  text-align: center;
}

.portfolio-device {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 10px;
  margin-top: 0px;
}

.white {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.separator-wrapper {
  display: block;
  margin: 20px auto;
  text-align: center;
}

.separator-wrapper.left {
  text-align: left;
}

.separator-wrapper.left.padding {
  margin-bottom: 40px;
  padding-right: 0px;
  padding-left: 0px;
}

.separator-wrapper.in-box {
  margin-top: 10px;
}

.color {
  margin-top: 20px;
  color: rgba(174, 6, 216, 0.89);
  font-size: 24px;
}

.color.white {
  color: hsla(0, 0%, 100%, 0.34);
}

.causes-link-wrapper {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 20px;
  border-radius: 8px;
  background-color: #f5f6f9;
  -webkit-transition: background-color 400ms ease, box-shadow 400ms ease, -webkit-transform 400ms ease;
  transition: background-color 400ms ease, box-shadow 400ms ease, -webkit-transform 400ms ease;
  transition: background-color 400ms ease, box-shadow 400ms ease, transform 400ms ease;
  transition: background-color 400ms ease, box-shadow 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
  text-align: center;
  text-decoration: none;
}

.causes-link-wrapper:hover {
  background-color: #fff;
  box-shadow: 4px 4px 15px 0 rgba(46, 50, 60, 0.09);
  -webkit-transform: translate(0px, -6px);
  -ms-transform: translate(0px, -6px);
  transform: translate(0px, -6px);
}

.causes-link-wrapper.top {
  position: static;
  width: 100%;
  height: 400px;
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 0px;
  background-image: url('../images/59f99ba178cc2d0001fde243_avik-saha-293795.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.causes-link-wrapper.top:hover {
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.causes-link-wrapper.top.right {
  height: 300px;
  border-radius: 8px;
}

.causes-link-wrapper.top.right:hover {
  box-shadow: 14px 14px 20px 0 rgba(0, 0, 0, 0.14);
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.causes-link-wrapper.top.second {
  margin-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.31)), to(rgba(0, 0, 0, 0.31))), url('../images/anes-sabitovic-286668.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.31), rgba(0, 0, 0, 0.31)), url('../images/anes-sabitovic-286668.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.causes-link-wrapper.top.events {
  height: 300px;
  border-radius: 8px;
  background-image: url('../images/59f99ba178cc2d0001fde243_avik-saha-293795.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.causes-link-wrapper.full {
  height: 400px;
  margin-top: 0px;
  padding: 0px;
  border-radius: 0px;
  background-color: #fff;
  background-image: url('../images/ben-white-357087.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.causes-link-wrapper.full._1 {
  width: 100%;
  margin-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 156, 8, 0.49)), to(rgba(255, 156, 8, 0.49))), url('../images/ben-white-357087.jpg');
  background-image: linear-gradient(180deg, rgba(255, 156, 8, 0.49), rgba(255, 156, 8, 0.49)), url('../images/ben-white-357087.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  -webkit-transition-property: none;
  transition-property: none;
}

.causes-link-wrapper.full._1:hover {
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.causes-link-wrapper.full._2 {
  margin-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174, 6, 216, 0.56)), to(rgba(174, 6, 216, 0.56))), url('../images/michael-mims-130838.jpg');
  background-image: linear-gradient(180deg, rgba(174, 6, 216, 0.56), rgba(174, 6, 216, 0.56)), url('../images/michael-mims-130838.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  -webkit-transition-property: none;
  transition-property: none;
}

.causes-link-wrapper.full._2:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.causes-link-wrapper.full._3 {
  margin-bottom: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 109, 240, 0.64)), to(rgba(0, 109, 240, 0.64))), url('../images/ekntrtmz-224106_1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 109, 240, 0.64), rgba(0, 109, 240, 0.64)), url('../images/ekntrtmz-224106_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  -webkit-transition-property: none;
  transition-property: none;
}

.causes-link-wrapper.full._3:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.causes-link-wrapper.list {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  padding: 0px;
  border-radius: 8px;
  background-color: #fff;
}

.causes-link-wrapper.percentual {
  width: 100%;
}

.causes-link-wrapper.percentual.new {
  padding-bottom: 40px;
}

.image-4 {
  width: 100%;
  border-radius: 8px;
}

.percentage {
  position: absolute;
  display: block;
  width: 70px;
  height: 30px;
  margin: 10px;
  padding: 4px 8px;
  border-radius: 100px;
  background-color: rgba(174, 6, 216, 0.89);
  box-shadow: 4px 4px 17px 0 rgba(46, 50, 60, 0.18);
  font-family: Poppins, sans-serif;
  color: #fff;
  text-align: center;
}

.percentage.in-block {
  position: static;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
  background-color: #fff;
  color: rgba(174, 6, 216, 0.89);
  text-align: center;
}

.percentage.in-block.featured {
  display: inline-block;
  width: auto;
  padding-top: 4px;
  padding-right: 20px;
  padding-left: 20px;
  float: none;
  background-color: rgba(255, 156, 8, 0.92);
  color: #fff;
}

.percentage.blog {
  position: relative;
  z-index: 2;
  display: block;
  width: 100px;
  height: 30px;
  margin-top: 0px;
  margin-right: 10px;
  margin-left: 0px;
  padding: 6px 10px;
  float: none;
  border-radius: 5px;
  background-color: #1a1a1a;
  font-size: 10px;
  text-transform: uppercase;
}

.percentage.blog.center {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-bottom: 7px;
  font-weight: 300;
}

.percentage.nationality {
  position: absolute;
  left: 30px;
  top: 20px;
  width: 100px;
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #fff;
  background-color: transparent;
  box-shadow: none;
}

.percentage.list {
  position: static;
  width: 70px;
  height: 30px;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.percentage.empty {
  position: static;
  display: inline-block;
  width: 70px;
  height: auto;
  margin: 0px;
  padding: 10px 8px;
  background-color: #f5f5f7;
  color: rgba(174, 6, 216, 0.89);
}

.percentage.empty.new {
  width: 80px;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(6, 216, 207, 0.89);
  color: #fff;
  font-size: 18px;
}

.iteam-block.donation {
  margin-top: 20px;
  text-align: center;
}

.iteam-block.donation.transparent {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 50px;
  width: 90%;
  margin-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
  text-align: left;
}

.iteam-block.donation.transparent:hover {
  left: 0px;
  right: 0px;
  bottom: 50px;
}

.iteam-block.donation.list {
  margin-top: 0px;
  text-align: left;
}

.iteam-block.donation.list.left {
  text-align: left;
}

.iteam-block.donation.left.new {
  margin-top: 40px;
  text-align: left;
}

.iteam-block.donation.center {
  display: block;
  width: 50%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: transparent;
  text-align: center;
}

.iteam-block.donation.right {
  float: right;
}

.text-block-20 {
  display: inline-block;
  font-family: Poppins, sans-serif;
  color: rgba(0, 6, 74, 0.9);
  font-size: 13px;
  font-weight: 700;
}

.text-block-20.white {
  color: hsla(0, 0%, 100%, 0.78);
  font-size: 15px;
}

.text-block-20.singel {
  font-size: 18px;
  font-weight: 600;
}

.donation-range {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
  font-family: Poppins, sans-serif;
  color: rgba(174, 6, 216, 0.89);
  font-size: 13px;
}

.donation-range.raised {
  color: #797979;
  font-weight: 300;
}

.donation-range.raised.white {
  color: hsla(0, 0%, 100%, 0.85);
}

.donation-range.raised.singel {
  font-weight: 400;
}

.donation-range.white {
  color: #fff;
  font-size: 15px;
}

.donation-range.singel {
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.tabs-2 {
  display: block;
  width: 98%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-5 {
  display: block;
  padding: 20px;
  border-radius: 0px;
  background-color: #fff;
}

.tab-pane {
  border-radius: 0px;
}

.tabs-content {
  border-radius: 10px;
  box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.2);
}

.div-block-6 {
  height: 400px;
  border-radius: 0px;
  background-color: rgba(174, 6, 216, 0.89);
  text-align: left;
}

.div-block-6.color-orange {
  background-color: rgba(255, 156, 8, 0.8);
}

.div-block-6.color-orange.events {
  position: static;
  overflow: visible;
  height: 200px;
  padding: 20px;
  border-radius: 0px 8px 8px 0px;
  background-color: rgba(174, 6, 216, 0.89);
}

.div-block-6.color-orange.events:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.div-block-6.color-orange.events.red {
  position: static;
  top: 100%;
  height: 300px;
  margin-top: -1px;
  border-radius: 8px;
  background-color: #ff1f00;
}

.column-no-padding {
  padding-right: 0px;
  padding-left: 0px;
}

.row-4 {
  height: 100%;
  border-radius: 0px;
}

.progress-element {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.progress-wrapper {
  position: relative;
  margin-bottom: 15px;
}

.progress-line {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 2px;
  background-color: #f5f5f7;
}

.progress-line.dark {
  height: 10px;
  background-color: #e6e6e6;
}

.progres-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 80%;
}

.column-7 {
  text-align: right;
}

.link-4 {
  display: inline-block;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-weight: 600;
  text-decoration: none;
}

.link-4:hover {
  color: rgba(174, 6, 216, 0.89);
  text-decoration: underline;
}

.link-4.right {
  display: inline-block;
  margin-top: 0px;
  margin-left: 0px;
  float: right;
  color: #1a1a1a;
  text-align: right;
}

.link-4.right:hover {
  color: rgba(174, 6, 216, 0.89);
}

.heading-15 {
  font-family: Poppins, sans-serif;
}

.heading-15.left-side-text {
  display: inline-block;
  margin-top: 30px;
  margin-right: 20px;
  margin-left: 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.heading-15.left-side-text:hover {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.02);
}

.heading-15.left-side-text.thin {
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

.div-block-8 {
  border-bottom: 1px solid #ededed;
}

.padding {
  padding-right: 10px;
  padding-left: 10px;
}

.service-div {
  margin-top: 20px;
  margin-bottom: 20px;
}

.center-container {
  text-align: center;
}

.blog-tittle-black {
  display: block;
  margin-top: 14px;
  margin-bottom: 14px;
  float: none;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}

.blog-tittle-black:hover {
  color: rgba(174, 6, 216, 0.89);
}

.date {
  display: inline-block;
  margin-right: 20px;
  float: left;
  font-family: Merriweather, serif;
  color: #797979;
}

.date.by {
  margin-right: 5px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
}

.testimonials.white {
  margin-top: 10px;
  font-family: 'Playfair Display', sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.testimonials.white.position {
  margin-top: 5px;
  font-family: 'Playfair Display', sans-serif;
  font-weight: 300;
}

.separator {
  height: 1px;
  margin-top: 40px;
  background-color: #e0e0e0;
}

.separator.event {
  margin-top: 20px;
  margin-bottom: 20px;
}

.separator.padding {
  margin-top: 20px;
  margin-bottom: 20px;
}

.top-nav-containner {
  max-width: 1170px;
}

.navigation-container {
  max-width: 1170px;
}

.section-4 {
  display: block;
}

.left-nav {
  display: block;
}

.nav-bar-left {
  position: fixed;
  left: 0px;
  top: 0px;
  display: block;
  width: 300px;
  height: 100%;
  background-color: #fff;
  box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.1);
}

.brand-logo-left-nav {
  display: block;
  margin-top: 20%;
  margin-bottom: 10%;
  padding-bottom: 0px;
  float: none;
  text-align: center;
}

.nav-link-2 {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 13px;
  text-align: center;
}

.nav-link-2:hover {
  color: rgba(174, 6, 216, 0.89);
}

.nav-menu-left {
  padding-top: 0%;
  padding-bottom: 0%;
  float: none;
  border-style: none;
  border-top-width: 0px;
  border-top-color: rgba(0, 0, 0, 0.07);
  border-bottom-width: 0px;
  border-bottom-color: rgba(0, 0, 0, 0.07);
  text-align: center;
}

.text-block-22 {
  font-family: Poppins, sans-serif;
  color: #797979;
}

.icon-3 {
  color: rgba(174, 6, 216, 0.89);
}

.icon-4 {
  color: rgba(174, 6, 216, 0.89);
}

.icon-6 {
  color: rgba(174, 6, 216, 0.89);
}

.full-width-container {
  display: block;
  padding-top: 220px;
  padding-bottom: 220px;
}

.navbar-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
}

.dots-container {
  position: fixed;
  left: 4%;
  top: 43%;
  z-index: 5;
  padding: 4px;
  border-radius: 40px;
  background-color: #fff;
}

.div-dots {
  margin-bottom: 5px;
}

.dot-link {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background-color: silver;
}

.dot-link.w--current {
  width: 12px;
  height: 12px;
  border: 0px none #fff;
  background-color: rgba(174, 6, 216, 0.89);
  text-align: center;
}

.page-header {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/2343244545.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/2343244545.jpg');
  background-position: 0px 0px, 50% 80%;
  background-size: auto, cover;
}

.page-header.list {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/zeyn-afuang-258471.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/zeyn-afuang-258471.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.page-header.header-about {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 280px;
  padding-bottom: 280px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 52, 88, 0.4)), to(rgba(36, 52, 88, 0.4))), url('../images/kwesu-about-us-background.jpg');
  background-image: linear-gradient(180deg, rgba(36, 52, 88, 0.4), rgba(36, 52, 88, 0.4)), url('../images/kwesu-about-us-background.jpg');
  background-position: 0px 0px, 50% 32%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.page-header.team {
  padding-top: 100px;
  padding-bottom: 100px;
  border-radius: 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/trevor-cole-385236-p-1600_1.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/trevor-cole-385236-p-1600_1.jpeg');
  background-position: 0px 0px, 50% 38%;
  background-size: auto, cover;
}

.page-header.volunteers {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174, 6, 216, 0.89)), to(rgba(174, 6, 216, 0.89))), url('../images/zeyn-afuang-258471.jpg');
  background-image: linear-gradient(180deg, rgba(174, 6, 216, 0.89), rgba(174, 6, 216, 0.89)), url('../images/zeyn-afuang-258471.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.page-header.pricing {
  background-image: url('../images/slide-2.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.page-header.singel {
  padding-top: 0px;
  padding-bottom: 0px;
  background-image: url('../images/2343244545.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.page-header.blog-grid {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/nathaniel-tetteh-300252.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/nathaniel-tetteh-300252.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.page-header.blog-single {
  height: 460px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-image: url('../images/bill-wegener-287873.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.page-header.info-box {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174, 6, 216, 0.89)), to(rgba(174, 6, 216, 0.89))), url('../images/jj-ying-227411.jpg');
  background-image: linear-gradient(180deg, rgba(174, 6, 216, 0.89), rgba(174, 6, 216, 0.89)), url('../images/jj-ying-227411.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.page-header.event {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  background-image: url('../images/2343244545.jpg');
  background-position: 50% 80%;
  background-size: cover;
}

.page-header.faq {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/ashim-d-silva-162286-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/ashim-d-silva-162286-1.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 1000px;
}

.page-header.header-what-we-do {
  padding-top: 280px;
  padding-bottom: 280px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 52, 88, 0.4)), to(rgba(36, 52, 88, 0.4))), url('../images/kwesu-sewing.jpg');
  background-image: linear-gradient(180deg, rgba(36, 52, 88, 0.4), rgba(36, 52, 88, 0.4)), url('../images/kwesu-sewing.jpg');
  background-position: 0px 0px, 50% 39%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.info-wrapper {
  display: inline-block;
  width: 100%;
  float: none;
  text-align: left;
}

.info-wrapper.list {
  width: 68%;
  height: 100%;
  margin-left: 0px;
  padding-top: 14px;
  padding-bottom: 10px;
}

.info-wrapper.list.causes {
  width: 70%;
  padding-top: 18px;
  float: right;
}

.info-wrapper.div {
  width: 500px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.25);
  border-radius: 8px;
  background-color: transparent;
}

.image-wrapper-causes {
  display: inline-block;
  width: 26%;
  height: 140px;
  float: left;
  border-radius: 0px;
  background-image: url('../images/2343244545.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.image-wrapper-causes.left-image {
  width: 26%;
  height: 160px;
  background-image: none;
}

.team-row {
  margin-bottom: 40px;
}

.row-volunteers {
  margin-bottom: 40px;
}

.last-tab {
  padding-bottom: 50px;
}

.toggle-tittle {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/zara-walker-56626.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.utility-page-wrap._404 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#243458), to(#243458));
  background-image: linear-gradient(180deg, #243458, #243458);
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 360px;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.29);
  border-radius: 10px;
  background-color: #f8f4eb;
  box-shadow: none;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.events {
  margin-bottom: 20px;
  border-radius: 8px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.events:hover {
  box-shadow: 0 20px 20px 0 rgba(26, 26, 26, 0.15);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.read-more {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 5px;
  background-color: #fff;
  font-family: Poppins, sans-serif;
  color: #797979;
  font-size: 14px;
  line-height: 34px;
  font-weight: 400;
}

.read-more.event {
  display: block;
  width: 140px;
  margin-top: 10px;
  float: none;
  color: #797979;
  text-align: center;
}

.gray {
  background-color: #f5f6f9;
}

.author-image {
  width: 130px;
  height: 130px;
  margin-top: 0px;
  border-radius: 100px;
  background-image: url('../images/stock-photo-cheerful-woman-wearing-volunteer-tshirt-on-white-background-142834915.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.author-image.left {
  float: left;
}

.row-author {
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px none rgba(0, 0, 0, 0.11);
}

.overlay-div {
  padding-top: 70px;
  padding-bottom: 70px;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(0, 0, 0, 0.48), #000);
}

.team-profile-img {
  border-radius: 5px;
}

.team-profile-img._3 {
  border-radius: 10px;
}

.image-5 {
  display: block;
}

.image-block {
  height: 380px;
  border-radius: 8px;
  background-image: url('../images/abigail-keenan-27292.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.image-block._1 {
  background-image: url('../images/annie-spratt-210845.jpg');
}

.image-block._2 {
  background-image: url('../images/abigail-keenan-27292.jpg');
}

.image-block._3 {
  background-image: url('../images/braden-barwich-229667.jpg');
}

.image-block._4 {
  background-image: url('../images/jj-ying-227411.jpg');
}

.image-block._5 {
  background-image: url('../images/zara-walker-56626.jpg');
}

.image-block._6 {
  background-image: url('../images/nathaniel-tetteh-300252.jpg');
}

.image-block._7 {
  background-image: url('../images/michael-mims-134037.jpg');
}

.image-block._9 {
  background-image: url('../images/bill-wegener-286910.jpg');
}

.image-block._8 {
  background-image: url('../images/bill-wegener-287873.jpg');
}

.blog-info {
  margin-bottom: 20px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
}

.rich-text-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.author-div {
  position: relative;
  z-index: 2;
  margin-top: 100px;
  margin-bottom: 0px;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.author-div-image {
  width: 130px;
  height: 130px;
  margin-right: 20px;
  float: left;
  border-radius: 100px;
  background-image: url('../images/Team4.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.info-author-div {
  padding-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.14);
}

.info-donation-div {
  padding-left: 20px;
}

.richtext-event {
  text-align: left;
}

.div-block-9 {
  background-color: #fff;
}

.event-wrapper {
  width: 90%;
  float: right;
}

.info-event.white {
  display: inline-block;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  text-align: left;
}

.address-text {
  margin-bottom: 10px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 14px;
  line-height: 20px;
}

.more-info-div {
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}

.info-div-author {
  width: 80%;
}

.div-button-right {
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.bottom-footer-text {
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  font-size: 13px;
  font-weight: 300;
}

.bottom-footer-text.center {
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
  text-align: center;
}

.bottom-footer-text.right {
  color: #797979;
}

.bottom-footer-text.left {
  color: #797979;
}

.link-white {
  color: #fff;
  text-decoration: none;
}

.link-white:hover {
  text-decoration: underline;
}

.nav-link-footer {
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.nav-link-footer.w--current {
  color: rgba(174, 6, 216, 0.89);
}

.div-wrapper-contact {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.donate-pop-up {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  background-color: rgba(26, 26, 26, 0.95);
}

.close-pop-up {
  position: fixed;
  top: 15px;
  right: 15px;
  overflow: auto;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: transparent;
  background-image: url('../images/524543.svg');
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.5;
}

.close-pop-up:hover {
  opacity: 1;
}

.image-case-link {
  width: 100%;
  height: 250px;
  border-radius: 8px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
}

.paragraph-4 {
  margin-bottom: 0px;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
}

.info-author {
  width: 68%;
  padding-top: 14px;
  float: right;
}

.image-6 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.protected-text {
  color: #243458;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  text-transform: none;
}

.text-field-2 {
  border-style: none;
  border-radius: 4px;
  font-family: Merriweather, serif;
  color: #1a1a1a;
  font-weight: 100;
  text-align: center;
}

.text-field-2.protected {
  background-color: #f5f6f9;
  font-family: 'Playfair Display', sans-serif;
  color: #797979;
}

.image-7 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.container-2 {
  display: block;
}

.left-form-container {
  position: relative;
  top: 10%;
  display: block;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.page-wrapper {
  overflow: hidden;
}

.page-wrapper.new {
  height: auto;
  border-bottom: 10px solid #fff;
}

.image-8 {
  position: static;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  text-align: center;
}

.image-8:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.column-12 {
  font-family: 'Playfair Display', sans-serif;
}

.title-icon {
  margin-top: 0px;
  margin-bottom: 40px;
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-size: 70px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.title-icon.transparent {
  color: hsla(0, 0%, 100%, 0.5);
}

.success-message {
  border-radius: 10px;
  background-color: #06d852;
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-size: 14px;
}

.error-message {
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(255, 0, 0, 0.89);
  font-family: 'Playfair Display', sans-serif;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.scroll {
  left: 0px;
  top: 0px;
  right: 0px;
  background-color: #fff;
}

.navbar-scroll {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 2000;
  display: none;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 10px 18px -6px rgba(0, 0, 0, 0.12);
}

.post-rich-text {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-align: left;
}

.post-rich-text h3 {
  text-align: left;
}

.post-rich-text h4 {
  text-align: left;
}

.post-rich-text h5 {
  text-align: left;
}

.post-rich-text figure {
  margin-top: 10px;
  margin-bottom: 30px;
  float: left;
  text-align: left;
}

.heading-div {
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.liquid-card {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 2000;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 24px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.16);
}

.link-block-2 {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  background-image: url('../images/together-256.png');
  background-position: 50% 50%;
  background-size: 28px;
  background-repeat: no-repeat;
}

.link-block-3 {
  float: left;
}

.link-block-4 {
  text-decoration: none;
}

.link-block-5 {
  text-decoration: none;
}

.link-block-6 {
  text-decoration: none;
}

.link-block-7 {
  text-decoration: none;
}

.link-block-8 {
  text-decoration: none;
}

.link-block-9 {
  text-decoration: none;
}

.link-block-10 {
  text-decoration: none;
}

.link-block-12 {
  text-decoration: none;
}

.link-block-13 {
  text-decoration: none;
}

.link-block-14 {
  text-decoration: none;
}

.link-block-15 {
  text-decoration: none;
}

.link-block-16 {
  text-decoration: none;
}

.contact-link-block {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-decoration: none;
}

.contact-link-block:hover {
  box-shadow: 0 20px 33px 3px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.google-maps {
  border-radius: 8px;
}

.hero-block.hero-block-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.info-card {
  position: relative;
  top: -180px;
  display: block;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
  padding: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ff5e3c;
  text-align: center;
}

.img-round {
  max-width: 100%;
  border-radius: 5px;
}

.img-round.img-border {
  border: 5px solid #ff5e3c;
}

.img-round.img-round-corners.get-involved-img {
  max-height: 500px;
}

.video-block {
  width: 100%;
}

.caption {
  margin-top: 30px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.quote {
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #f8f4eb;
  font-size: 50px;
  line-height: 70px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.quote.quote-center {
  text-align: center;
}

.quote.quote-center.quote-alt {
  color: #b13854;
}

.quote-by {
  margin-top: 40px;
  font-family: Poppins, sans-serif;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
}

.quote-by.quote-by-btm-mar {
  margin-bottom: 80px;
}

.quote-by.quote-by-btm-mar.quote-center {
  color: hsla(0, 0%, 100%, 0.6);
  text-align: center;
}

.quote-by.quote-by-center {
  color: rgba(177, 56, 84, 0.5);
  text-align: center;
}

.h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  font-size: 4.5em;
  line-height: 1.1em;
  font-weight: 700;
  text-align: left;
  text-transform: none;
}

.h2.h2-center {
  text-align: center;
}

.h2.h2-center.h2-white {
  color: #fff;
}

.h2.h2-center.h2-white.h2-mobile {
  margin-top: 20px;
  margin-bottom: 40px;
  color: #fff;
}

.h2.h2-center.h2-white.h2-mobile.club-title {
  margin-bottom: 60px;
}

.h2.h2-white {
  color: #fff;
}

.h2.h2-mobile.h2-get-involved {
  margin-bottom: 40px;
  padding-bottom: 0px;
}

.h2.h2-mobile.h2-modal {
  margin-bottom: 60px;
  padding: 10px;
  color: #243458;
  text-align: center;
}

.h2.modal-content {
  text-align: left;
}

.img-blok {
  display: block;
  border-radius: 10px;
  text-align: center;
}

.img-blok.img-blok-top-mar {
  margin-top: 100px;
}

.h5 {
  margin-top: 0px;
  margin-bottom: 40px;
  font-family: Poppins, sans-serif;
  color: #1a1a1a;
  line-height: 33px;
  font-weight: 400;
  text-align: center;
}

.h5.h5-contact {
  margin-bottom: 10px;
  color: #fff;
  font-size: 2em;
  line-height: 1em;
}

.h5.h5-team-name {
  margin-top: 20px;
  margin-bottom: 0px;
  font-weight: 600;
  text-align: left;
}

.h5.h5-team-pos {
  color: #858585;
  font-size: 18px;
  text-align: left;
}

.h5.h5-no-mar {
  margin-bottom: 0px;
}

.card-offerings {
  width: 100%;
  height: 300px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 40px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-decoration: none;
}

.card-offerings:hover {
  box-shadow: 0 20px 33px 3px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.card-offerings.services {
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.services-row.services-row-btm-mar {
  margin-bottom: 80px;
}

.services-col {
  padding-right: 40px;
  padding-left: 40px;
}

.services-card {
  border-radius: 10px;
  background-color: #fff;
}

.services-card-text-block {
  padding: 40px;
}

.services-img-top-round {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.footer-mail {
  color: #797979;
  text-decoration: none;
}

.footer-mail.footer-mail-float-right {
  float: right;
}

.h6 {
  margin-top: 40px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.h6.h6-alt {
  margin-top: 0px;
  font-family: 'Playfair Display', sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.h6.modal-content {
  color: silver;
  font-weight: 700;
}

.contact-block {
  padding: 50px;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5e3c), to(#ff5e3c));
  background-image: linear-gradient(180deg, #ff5e3c, #ff5e3c);
}

.contact-block.contact-block-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9b641), to(#f9b641));
  background-image: linear-gradient(180deg, #f9b641, #f9b641);
}

.contact-block.contact-block-3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#26b797), to(#26b797));
  background-image: linear-gradient(180deg, #26b797, #26b797);
}

.contact-info {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 1.3em;
  line-height: 1.2em;
  text-align: center;
}

.footer-block {
  margin-top: 40px;
  border-top: 2px solid #f8f4eb;
}

.footer-col {
  padding-right: 20px;
  padding-left: 20px;
}

.footer-link {
  margin-top: 40px;
  margin-bottom: 0px;
  float: left;
  color: #f8f4eb;
  text-decoration: none;
}

.foot-link {
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(248, 244, 235, 0);
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-family: Poppins, sans-serif;
  color: #f8f4eb;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.foot-link:hover {
  border-bottom-color: #f8f4eb;
  text-decoration: none;
}

.col-offerings {
  padding-right: 20px;
  padding-left: 20px;
}

.col-offerings.col-offerings-btm-mar.services {
  margin-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

.col-offerings.donations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.col-offerings.donations.new {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-transition: opacity 7000ms ease;
  transition: opacity 7000ms ease;
}

.col-offerings.donations.new.new-services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.btn {
  padding: 30px 40px;
  border-radius: 10px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.6px;
}

.btn:hover {
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.btn.btn-primary {
  border: 3px solid #f9b641;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
}

.btn.btn-primary:hover {
  background-color: #f9b641;
  color: #fff;
}

.btn.btn-primary.btn-alt {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #243458;
}

.btn.btn-primary.btn-alt.food-bank {
  width: auto;
  margin-top: 100px;
  padding: 40px 60px;
  color: #fff;
  font-size: 28px;
  line-height: 32px;
}

.btn.btn-primary.btn-alt.modal-btm {
  font-size: 20px;
}

.btn.btn-primary.btn-alt.open-modal {
  border-color: #b13854;
}

.btn.btn-primary.btn-alt.open-modal:hover {
  background-color: #b13854;
}

.btn.btn-primary.btn-alt.club-50-btn {
  max-height: none;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.btn.btn-primary.btn-alt.mdl {
  padding-top: 28px;
  padding-bottom: 28px;
}

.btn.btn-primary.modal-btn {
  color: #243458;
}

.btn.btn-on-yellow {
  border: 3px solid #243458;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
}

.btn.btn-on-yellow:hover {
  background-color: #243458;
}

.btn.new {
  padding-top: 20px;
  padding-bottom: 20px;
  border: 3px solid #f9b641;
  background-color: transparent;
  color: #243458;
  font-weight: 600;
}

.btn.new:hover {
  background-color: #f9b641;
}

.link-block-offerings {
  width: 100%;
  text-decoration: none;
}

.p-white {
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 1.2em;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.5px;
}

.p-white.p-white-narrow {
  width: 70%;
  font-size: 1.2em;
  line-height: 30px;
}

.name-team {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  font-size: 1.7em;
  line-height: 1.3em;
  font-weight: 500;
  text-transform: none;
}

.footer-nav-link {
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 5px;
  border-bottom: 2px solid #243458;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-family: Poppins, sans-serif;
  color: #f8f4eb;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.footer-nav-link:hover {
  border-bottom-color: #f8f4eb;
}

.footer-link-logo {
  margin-bottom: 40px;
}

.h-display {
  width: 100%;
  max-width: 1160px;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #f8f4eb;
  font-size: 7.8em;
  line-height: 1.2em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
}

.h-display.h-display-small {
  width: 100%;
  max-width: 1160px;
  margin-top: 10px;
  font-size: 4em;
  line-height: 1.3em;
}

.h-display.h-display-hide {
  color: #f8f4eb;
}

.h-display.h-display-mobile {
  display: none;
  font-size: 7.8em;
}

.hero-frame-btm {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 20px;
  background-color: #fff;
}

.hero-frame-top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 20px;
  background-color: #fff;
}

.nav-line {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 2px solid rgba(248, 244, 235, 0);
  color: transparent;
}

.colour-text-span {
  color: #ff5e3c;
}

.colour-text-span.colour-text-span-red {
  color: #4c4399;
}

.colour-text-span.colour-text-span-red.modal-content {
  color: #f9b641;
}

.colour-text-span.colour-text-span-red.modal-content.green {
  color: #06d895;
}

.colour-text-span.colour-text-span-red.modal-content.red {
  color: #ff5e3c;
}

.colour-text-span.colour-text-span-red.modal-content.blue {
  color: #243458;
}

.colour-text-span.colour-text-span-red.modal-content.crimson {
  color: #b13854;
}

.colour-text-span.colour-text-span-red.modal-content._2 {
  color: #243458;
}

.colour-text-span.colour-text-span-red.modal-content._3 {
  color: #b13854;
}

.colour-text-span.colour-text-span-red.modal-content.club-50 {
  color: #4c4399;
}

.colour-text-span.colour-text-span-red.modal-content.club-50._1 {
  color: rgba(0, 6, 74, 0.9);
}

.colour-text-span.colour-text-span-yellow {
  color: #f9b641;
}

.colour-text-span.colour-text-span-purple {
  color: #4c4399;
}

.colour-text-span.colour-text-span-blue {
  color: #26b797;
}

.colour-text-span.dancing-yellow-heading {
  color: #26b797;
}

.p-large {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-size: 1.6em;
  line-height: 1.4em;
  font-weight: 400;
}

.p-large.p-large-home-intro {
  width: 70%;
  margin-top: 40px;
  color: #afafaf;
  font-size: 1.6em;
  line-height: 1.7em;
  font-weight: 400;
  text-align: center;
}

.p-large.p-large-objective {
  color: #243458;
  line-height: 1.7em;
}

.blok-home-intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #243458;
  font-size: 1.7em;
  line-height: 1.4em;
  font-weight: 600;
  text-transform: none;
}

.h4.h4-center {
  text-align: center;
}

.h4.modal-content {
  text-align: center;
}

.card-offerings-graphic {
  margin-bottom: 40px;
}

.offering-graphic {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100px;
  background-color: #f9b641;
}

.offering-graphic.offering-graphic-alt {
  background-color: #f8f4eb;
}

.row-sewing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: fill;
  object-fit: fill;
}

.col-sewing-img {
  padding: 30px;
}

.col-sewing-img.get-involved-img {
  text-align: center;
}

.col-sewing-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec-home-sewing {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}

.sec-home-sewing.get-involved {
  padding-top: 100px;
}

.sec-objective {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.sec-objective.covid-19 {
  padding-bottom: 120px;
}

.about-us-hero {
  position: relative;
  height: 60vh;
  margin-right: 20px;
  margin-left: 20px;
  background-image: linear-gradient(45deg, rgba(36, 52, 88, 0.93) 40%, rgba(76, 67, 153, 0.7)), url('../images/kwesu-patterns.jpg'), linear-gradient(45deg, #4c4399, #243458);
  background-position: 0px 0px, 50% 103%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.container-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-us-hero {
  position: relative;
  height: 60vh;
  margin-right: 20px;
  margin-left: 20px;
  background-image: linear-gradient(49deg, #b13854, rgba(76, 67, 153, 0.85)), url('../images/kwesu-about-us-mission.jpg'), linear-gradient(45deg, #b13854, #4c4399);
  background-position: 0px 0px, 50% 92%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.half-text-blok {
  width: 100%;
  max-width: 700px;
}

.half-text-blok.get-involved-text-blok {
  max-width: 740px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.col-objective-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-medium {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 1.6em;
  line-height: 1.6em;
  font-weight: 500;
  text-align: left;
  letter-spacing: 1px;
}

.row-mission.row-mission-top-mar {
  margin-top: 0px;
}

.row-mission.clubs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.col-card-mission {
  padding: 30px;
}

.col-card-mission.food-bank {
  padding-top: 30px;
  padding-right: 100px;
  padding-left: 100px;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.col-card-mission.clubs {
  padding-right: 30px;
  padding-left: 240px;
}

.col-card-mission.clubs._2 {
  padding-right: 240px;
  padding-left: 30px;
}

.card-mission {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.card-mission.food-bank {
  width: 100%;
  max-height: none;
  min-height: 1000px;
  margin-top: 0px;
  -o-object-fit: fill;
  object-fit: fill;
}

.card-mission.clubs {
  padding: 32px;
  background-color: #fff;
}

.contact-graphic-blok {
  margin-bottom: 40px;
}

.contact-card-blok {
  border-radius: 10px;
  background-color: #b13854;
}

.collection-item {
  width: 100%;
  height: 400px;
  max-height: 400px;
  max-width: 400px;
}

.row-team.row-team-top-mar {
  margin-top: 40px;
}

.collection-item-2 {
  width: 350px;
  height: 480px;
  margin-right: 20px;
  margin-left: 20px;
}

.collection-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.col-team {
  padding-right: 20px;
  padding-left: 20px;
}

.team-img {
  border-radius: 5px;
}

.div-block-10 {
  width: 120px;
  height: 90px;
}

.offerings-hero {
  position: relative;
  height: 60vh;
  margin-right: 20px;
  margin-left: 20px;
  background-image: linear-gradient(45deg, rgba(38, 183, 151, 0.9), rgba(133, 207, 205, 0.8)), url('../images/kwesu-bg-cover-4.JPG'), linear-gradient(45deg, #26b797, #85cfcd);
  background-position: 0px 0px, 50% 156%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.row-offerings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row-offerings.row-offerings-top-mar {
  margin-top: 101px;
}

.row-offerings.services {
  margin-right: 140px;
  margin-left: 140px;
}

.row-offerings.services.workshops {
  margin-top: 60px;
}

.row-offerings.clubs-columns._1 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.row-offerings.clubs-columns._2 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.what-we-do-card-blok {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 10px;
  background-color: #fff;
}

.what-we-do-card-blok.new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.what-we-do-card-blok.workshops {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 0px;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.what-we-do-card-blok.service-page {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.what-we-do-img-blok.food-bank {
  max-width: 90%;
  min-height: 460px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  text-align: left;
  text-decoration: none;
  -o-object-position: 100% 100%;
  object-position: 100% 100%;
}

.what-we-do-img-blok.donations {
  min-height: 365px;
  -o-object-fit: fill;
  object-fit: fill;
}

.what-we-do-img-blok.workshops {
  min-width: 100%;
  text-align: center;
}

.services-text-blok {
  position: static;
  padding: 30px 10px 20px;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.services-text-blok.services-text-blok-large {
  padding-top: 0px;
}

.services-text-blok.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition-property: none;
  transition-property: none;
}

.services-text-blok.new {
  padding-bottom: 0px;
}

.services-text-blok.btn-blok {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.services-text-blok.workshops {
  padding-right: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
  text-align: left;
}

.services-text-blok.modal-column {
  padding: 0px;
}

.services-text-blok.services-new {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.services-text-blok.get-involved {
  padding-bottom: 0px;
}

.h3 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 2em;
  line-height: 1.4em;
  font-weight: 600;
  text-align: left;
  text-transform: none;
}

.h3.h3-no-top-mar {
  margin-top: 0px;
  text-align: left;
}

.h3.h3-no-top-mar.h3-btm-mar {
  margin-bottom: 10px;
  text-align: left;
}

.h3.h3-no-top-mar.food-bank {
  color: #fff;
}

.h3.h3-no-top-mar.workshops {
  margin-bottom: 0px;
  text-align: center;
}

.h3.h3-no-top-mar.modal-column {
  margin-bottom: 24px;
  font-size: 24px;
  text-align: left;
}

.h3.h3-no-top-mar.modal-column.modal-heading {
  font-size: 24px;
}

.h3.modal-content {
  margin-top: 20px;
}

.h3.clubs {
  margin-bottom: 30px;
  font-size: 22px;
  text-align: center;
}

.get-involved-hero {
  position: relative;
  height: 60vh;
  margin-right: 20px;
  margin-left: 20px;
  background-image: linear-gradient(45deg, #b13854, rgba(177, 56, 84, 0.7)), url('../images/kwesu-bg-cover-5.JPG'), linear-gradient(45deg, #b13854, #26b797);
  background-position: 0px 0px, 50% 197%, 0px 0px;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.bank-details-con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bank-details-blok {
  width: 100%;
  max-width: 500px;
  padding: 50px;
  border-radius: 10px;
  background-color: #fff;
}

.h-bank-title {
  margin-bottom: 0px;
  color: #858585;
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.h-bank-info {
  margin-top: 10px;
  font-size: 2.5em;
  line-height: 1.3em;
  text-align: center;
}

.credit-links {
  color: #f8f4eb;
  text-decoration: underline;
}

.img-top-corners {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.small-contact-btn {
  margin-top: 30px;
  border: 1px solid #005293;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #005293;
  letter-spacing: 1.5px;
  text-transform: capitalize;
}

.small-contact-btn:hover {
  background-color: #005293;
  color: #fff;
}

.button-2 {
  margin-top: 30px;
}

.link-404 {
  padding-bottom: 5px;
  border-bottom: 2px solid #ff5e3c;
  color: #ff5e3c;
  font-weight: 700;
  text-decoration: none;
}

.img-round-corners {
  border-radius: 10px;
}

.img-round-corners.food-bank {
  max-width: 70%;
  margin-bottom: 40px;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.img-round-corners.donations {
  margin-top: 20px;
  -o-object-fit: fill;
  object-fit: fill;
}

.img-round-corners.workshops {
  max-width: 120px;
  text-align: left;
}

.services-divider-con {
  margin-top: 50px;
  margin-bottom: 50px;
}

.modal-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  width: auto;
  height: auto;
  max-height: 900px;
  max-width: none;
  min-height: 0px;
  min-width: 0px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 0px none transparent;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #fff;
  opacity: 1;
  color: #1a1a1a;
  text-align: center;
  -o-object-fit: fill;
  object-fit: fill;
}

.modal-wrapper.clubs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  max-height: 760px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-wrapper.club-50 {
  display: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal-wrapper.club-50.soccer {
  display: none;
}

.modal-wrapper.club-50._1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.modal-wrapper.food-bank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal {
  max-width: none;
  min-height: 740px;
  padding: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  background-color: #fff;
}

.col-modal {
  display: block;
  border-radius: 0px;
  background-color: transparent;
}

.col-modal.middle {
  display: none;
}

.col-modal.modal-slider {
  width: auto;
  min-width: 0px;
}

.modal-slider {
  background-color: #fff;
}

.icon-16 {
  color: #1a1a1a;
}

.icon-17 {
  color: #1a1a1a;
}

.modal-colour {
  height: auto;
  min-height: 740px;
  padding-top: 230px;
  padding-bottom: 220px;
  border-radius: 10px 0px 0px 10px;
  background-color: #f9b641;
  text-align: center;
}

.modal-colour.right {
  min-height: 789px;
  padding-top: 240px;
  border-radius: 0px 10px 10px 0px;
  background-color: #06d895;
}

.modal-colour.red {
  background-color: #ff5e3c;
}

.modal-colour.blue {
  min-height: 740px;
  background-color: #243458;
}

.modal-colour.purple {
  background-color: #4c4399;
}

.modal-colour.crimson {
  padding-left: 0px;
  background-color: #b13854;
}

.column-14 {
  min-height: 820px;
  padding: 220px 60px;
}

.column-14.modal-text-col {
  min-height: 783px;
  padding-top: 140px;
  padding-bottom: 140px;
  padding-left: 100px;
}

.modal-icon {
  margin-top: 80px;
}

.modal-arrow-col {
  min-height: 700px;
  margin-bottom: 0px;
  padding-top: 320px;
  text-align: center;
}

.modal-arrow-col.second {
  min-height: 790px;
  padding-top: 400px;
}

.modal-arrow {
  position: static;
  max-width: 50%;
}

.slide-div-text {
  display: block;
  overflow: visible;
  max-width: none;
  margin: 145px 220px 140px;
  text-align: center;
  -o-object-fit: fill;
  object-fit: fill;
}

.modal-mask {
  overflow: hidden;
  width: 100%;
  max-width: none;
}

.slide-wrapper {
  position: relative;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: none;
  min-width: 1500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  -webkit-transform: translate(44%, 0px);
  -ms-transform: translate(44%, 0px);
  transform: translate(44%, 0px);
  text-align: left;
}

.slider-2 {
  width: 100%;
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 0px;
  background-color: transparent;
  -o-object-fit: fill;
  object-fit: fill;
}

.slider-text-col {
  min-height: 740px;
  margin-top: 0px;
  padding: 160px 160px 160px 100px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  text-align: left;
}

.slider-text-col.slide-2 {
  margin-top: 0px;
  padding-top: 120px;
  padding-bottom: 120px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.slider-text-col.slide-2.slide-3 {
  padding-right: 140px;
  padding-bottom: 198px;
}

.slider-text-col.slide-2.slide-3.slide-1 {
  min-height: 740px;
}

.icon-18 {
  min-height: 60px;
  min-width: 60px;
  padding-top: 10px;
  padding-left: 10px;
  border-radius: 100px;
  background-color: silver;
  text-align: left;
}

.icon-18.blue {
  background-color: #243458;
}

.slide-nav {
  background-color: transparent;
}

.right-arrow {
  margin-right: 500px;
}

.left-arrow {
  margin-left: 20px;
}

.slider-mask {
  display: inline-block;
  overflow: hidden;
}

.modal-slide {
  display: block;
  min-width: 2000px;
}

.slide-context {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: center;
}

.slide-modal-colour-col {
  padding-right: 0px;
  padding-left: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f9b641;
}

.modal-container-mask {
  position: relative;
  overflow: hidden;
}

.modal-container-slide {
  position: relative;
  display: inline-block;
}

.slider-modal {
  position: static;
  left: 0%;
  top: 25%;
  right: 0%;
  bottom: auto;
  clear: both;
  text-align: center;
}

.slider-modal-mask {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 1170px;
  min-width: 0px;
  text-align: left;
}

.container-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.slider-modal-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1170px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.slider-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  height: 720px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f9b641;
  text-align: center;
}

.slider-left._2 {
  background-color: #243458;
}

.slider-left._3 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #b13854;
}

.slider-left.club-50 {
  width: 45%;
  height: 600px;
  padding-right: 40px;
  padding-bottom: 60px;
  padding-left: 0px;
  background-color: transparent;
}

.slider-left.club-50._2 {
  width: 55%;
  height: 560px;
  padding-top: 60px;
  padding-right: 40px;
  padding-left: 20px;
}

.slider-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  height: 680px;
  padding: 60px 40px 60px 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.slider-right._2 {
  border-radius: 0px 8px 8px 0px;
}

.slider-right._4 {
  width: 100%;
  padding-right: 100px;
  padding-left: 100px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.slider-right.club-50 {
  width: 55%;
  height: 560px;
  padding-top: 60px;
  padding-right: 60px;
  padding-left: 20px;
}

.slider-right.club-50._2 {
  width: 45%;
  height: 600px;
  padding: 0px 0px 60px 40px;
}

.slider-right.club-50._3 {
  width: 100%;
  padding-top: 100px;
  padding-right: 20px;
  padding-left: 40px;
}

.slider-icon {
  display: inline-block;
  max-width: 80px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.slider-icon.club-50 {
  max-width: 100%;
}

.arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.text-block-23 {
  font-size: 40px;
}

.slider-3 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  width: 1170px;
  max-width: 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

.right-arrow-2 {
  position: -webkit-sticky;
  position: sticky;
}

.slider-wrapper {
  position: fixed;
  left: 0%;
  top: 80px;
  right: 0%;
  bottom: auto;
  display: inline-block;
  width: 1170px;
  height: 720px;
  max-width: 100%;
  min-width: 0px;
  margin: auto;
  padding: 0px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.slider-wrapper.club-50 {
  height: 600px;
}

.slider-4 {
  height: 720px;
  border-radius: 20px;
  background-color: #fff;
}

.slider-4.club-50 {
  height: 600px;
}

.right-arrow-3 {
  background-color: transparent;
  color: #1a1a1a;
}

.left-arrow-2 {
  color: #1a1a1a;
}

.icon-19 {
  color: #1a1a1a;
}

.btn-blok {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-11 {
  min-height: 100%;
}

.close-modal-div {
  min-height: 100%;
  min-width: 100%;
}

.modal-close {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 0px;
  font-size: 12px;
}

.services {
  margin-top: 40px;
}

.top-modal-header {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-bottom: 10px;
  padding: 60px;
  background-color: transparent;
  text-align: right;
}

.top-modal-header._2 {
  max-width: 1100px;
  min-width: 1100px;
  margin-bottom: 72px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.columns {
  position: fixed;
  display: block;
}

.modal-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 465px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.modal-columns._1 {
  padding-right: 45.5px;
  padding-left: 0px;
}

.modal-columns._1._2 {
  padding-right: 22.75px;
  padding-left: 22.75px;
}

.modal-columns._1._2.clubs.header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modal-columns._1._3 {
  padding-right: 0px;
  padding-left: 45.5px;
}

.modal-columns._1.clubs {
  min-height: 0px;
  padding-right: 40px;
}

.modal-columns._1.clubs.header {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.modal-column {
  left: 60px;
  max-width: 2500px;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 60px;
  padding-left: 60px;
}

.modal-columns-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 80px;
  padding-right: 60px;
  padding-left: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.modal-columns-container.clubs {
  padding-right: 100px;
  padding-left: 100px;
}

.modal-columns-container.clubs.header {
  margin-bottom: 72px;
  padding-right: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modal-columns-container.clubs._1 {
  margin-bottom: 32px;
}

.image-10 {
  min-height: 60px;
  min-width: 60px;
}

.column-15 {
  min-height: 465px;
}

.modal-column-image-container {
  margin-bottom: 60px;
  text-align: left;
}

.image-11 {
  min-height: 60px;
  min-width: 60px;
}

.modal-column-image {
  overflow: scroll;
  max-height: 60px;
  max-width: 60px;
  min-height: 60px;
  min-width: 60px;
}

.modal-btn-container {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
}

.modal-btn-container.bar {
  min-height: 16px;
  background-color: #f9b641;
}

.modal-btn-container.bar.soccer {
  background-color: #26b797;
}

.modal-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 74px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9b641;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.modal-btn:active {
  background-color: #ff9c08;
}

.close-modal-btn {
  position: static;
  display: block;
  max-width: 40px;
}

.button-3 {
  padding: 0px;
  background-color: transparent;
  font-family: Poppins, sans-serif;
  color: #f9b641;
  font-size: 16px;
  font-weight: 600;
}

.div-block-13 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.link-block-17 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.text-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  margin-left: 0px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-decoration: none;
}

.text-link.clubs {
  padding-left: 10px;
}

.text-link.get-involved {
  margin-right: 10px;
  margin-left: 10px;
}

.text-link.services {
  margin-top: 30px;
}

.columns-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.text-block-24 {
  font-family: Poppins, sans-serif;
  color: #f9b641;
  font-size: 16px;
  font-weight: 600;
}

.text-block-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Poppins, sans-serif;
  color: #f9b641;
  font-size: 15px;
  font-weight: 600;
}

.text-block-25.colour {
  color: #b13854;
}

.text-block-25.white {
  color: #fff;
}

.image-12 {
  min-width: 32px;
}

.clubs-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 140px;
  margin-left: 140px;
  padding-right: 0px;
  padding-left: 0px;
}

.clubs-columns {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  text-align: center;
}

.clubs-columns._1 {
  text-align: right;
}

.clubs-columns._2 {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  text-align: center;
}

.club-block {
  display: inline-block;
  max-width: 500px;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.08);
}

.club-icon-block {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.club-title {
  text-align: center;
}

.club-text-block {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: left;
}

.columns-3 {
  max-width: 2500px;
}

.columns-3.services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1400px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.columns-3.services.header {
  max-width: 3000px;
  min-width: 1600px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal-bottom-bar {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 16px;
  max-height: 16px;
  background-color: #f9b641;
}

.modal-row-container {
  position: static;
  max-width: 2500px;
  clear: none;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

.modal-column-services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal-image {
  padding: 30px;
}

.image-13 {
  min-width: 268px;
}

.club-modal-img {
  padding: 0px;
}

.image-14 {
  max-width: 300px;
  min-width: 300px;
}

.div-block-14 {
  text-align: left;
}

.modal-header-row {
  padding-left: 510px;
}

.club-close {
  position: fixed;
  left: auto;
  top: 60px;
  right: 60px;
  bottom: auto;
}

.link-block-18 {
  position: static;
  left: auto;
  top: 60px;
  right: 60px;
  bottom: auto;
  margin-top: 60px;
  margin-right: 60px;
  text-align: right;
}

.link-block-18.club-50 {
  margin-top: 0px;
  margin-right: 0px;
}

.link-block-18.food-bank {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

.modal-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
}

.column-16 {
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  text-align: right;
}

.column-17 {
  padding-right: 0px;
  padding-left: 0px;
}

.columns-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px 60px 60px 200px;
}

.columns-4.soccer {
  margin-left: 200px;
}

.club-50-cols {
  margin-right: 100px;
  margin-left: 100px;
}

.club-50-cols._1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 300px;
  margin-bottom: 32px;
  margin-left: 200px;
}

.club-50-cols._2 {
  margin-right: 300px;
  margin-bottom: 60px;
  margin-left: 200px;
}

.club-50-cols._2._3 {
  margin-bottom: 80px;
}

.image-15 {
  max-height: none;
  max-width: 220px;
}

.column-18 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: left;
}

.column-19 {
  padding-right: 0px;
  padding-left: 53px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  text-align: left;
}

.club-50-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 70px;
  margin-left: 210px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: Poppins, sans-serif;
  font-size: 80px;
  line-height: 1.1em;
  font-weight: 700;
  text-transform: none;
}

.club-50-title.colour {
  display: block;
  margin-left: 20px;
  color: #f9b641;
}

.club-50-title.colour.soccer {
  color: #26b797;
}

.club-icon {
  max-width: 90px;
}

.bottom-bar {
  margin-right: 60px;
  margin-left: 60px;
  border-radius: 10px;
  background-color: #b13854;
}

.contact-bar {
  min-height: 80px;
  margin-right: 60px;
  margin-bottom: 60px;
  margin-left: 60px;
  border-radius: 10px;
  background-color: #b13854;
}

.columns-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.text-block-26 {
  margin-left: 40px;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

.food-bank-close {
  position: static;
  left: auto;
  top: 60px;
  right: 60px;
  bottom: auto;
  text-align: right;
}

.info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  padding: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.info.club-50 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container-5 {
  margin-top: 160px;
}

.food-bank-sec {
  margin-top: 100px;
  margin-bottom: 100px;
}

.food-bank-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0px 90px;
}

.food-bank-col {
  padding-right: 44px;
  padding-left: 44px;
}

.food-bank-image {
  min-width: 350px;
  margin-bottom: 64px;
}

.image-16 {
  min-width: 60px;
}

.food-bank-h {
  margin-top: 0px;
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 120%;
  text-transform: none;
}

.text-block-27 {
  font-family: Poppins, sans-serif;
  color: #797979;
  font-size: 15px;
  line-height: 160%;
  font-weight: 300;
}

.food-bank-btm {
  margin-bottom: 44px;
  padding-right: 44px;
  padding-left: 44px;
}

.food-bank-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  background-color: #b13854;
}

.food-bank-btm-text {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 160%;
  font-weight: 300;
}

.text-block-28 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 120%;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}

.food-bank-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: Poppins, sans-serif;
  color: #f5f6f9;
  line-height: 120%;
  font-weight: 400;
  text-decoration: none;
}

.food-bank-arrow {
  margin-left: 8px;
}

.image-17 {
  min-width: 28px;
}

.club-50-h {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 80px;
  line-height: 120%;
  font-weight: 700;
  text-transform: none;
}

.club-50-h.colour {
  margin-left: 30px;
  color: #f9b641;
}

.club-50-h.colour.soccer {
  color: #26b797;
}

.club-50-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 210px;
  margin-bottom: 80px;
  margin-left: 210px;
}

.club-50-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.club-50-text {
  max-width: 1000px;
  margin-left: 50px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.image-18 {
  max-width: 268px;
  min-width: 268px;
  margin-bottom: 32px;
}

.image-19 {
  max-width: 268px;
  min-width: 268px;
}

.text-block-29 {
  margin-bottom: 34px;
  font-family: Poppins, sans-serif;
  color: #797979;
  font-size: 15px;
  line-height: 160%;
  font-weight: 300;
}

.club-50-btm {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  min-height: 16px;
  background-color: #f9b641;
}

.club-50-btm.soccer {
  background-color: #26b797;
}

.dancing {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.dancing.covid-19 {
  padding-top: 0px;
}

.row-sewing-dancing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: fill;
  object-fit: fill;
}

.img-thumb {
  max-width: 100%;
  border-radius: 5px;
}

.img-thumb.img-border {
  border: 5px solid #ff5e3c;
}

.img-thumb.img-round-corners.get-involved-img {
  max-height: 500px;
}

.colour-text-dance-yellow {
  color: #f9b641;
}

.colour-text-dance-yellow.colour-text-span-red {
  color: #4c4399;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content {
  color: #f9b641;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content.green {
  color: #06d895;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content.red {
  color: #ff5e3c;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content.blue {
  color: #243458;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content.crimson {
  color: #b13854;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content._2 {
  color: #243458;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content._3 {
  color: #b13854;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content.club-50 {
  color: #4c4399;
}

.colour-text-dance-yellow.colour-text-span-red.modal-content.club-50._1 {
  color: rgba(0, 6, 74, 0.9);
}

.colour-text-dance-yellow.colour-text-span-yellow {
  color: #f9b641;
}

.colour-text-dance-yellow.colour-text-span-purple {
  color: #4c4399;
}

.colour-text-dance-yellow.colour-text-span-blue {
  color: #26b797;
}

.colour-text-dance-yellow.dancing-yellow-heading {
  color: #26b797;
}

.col-objective-text-dancedance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-5 {
  margin-right: 20px;
  margin-left: 20px;
  padding: 200px 20px;
}

.sec-kwesu-dance {
  margin-right: 20px;
  margin-left: 20px;
  padding: 50px 20px 200px;
}

.can-t-choose-h5 {
  margin-top: 0px;
  margin-bottom: 40px;
  line-height: 33px;
  font-weight: 400;
  text-align: center;
}

.kwesu-dance-h5 {
  margin-top: 0px;
  margin-bottom: 40px;
  line-height: 33px;
  font-weight: 400;
  text-align: center;
}

.dance-thumbnail {
  max-width: 0%;
}

.image-20 {
  width: auto;
  height: auto;
  max-width: 100%;
}

.img-dance-thumb {
  width: auto;
  height: auto;
  max-width: 100%;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: transparent;
}

.image-21 {
  position: absolute;
  text-align: center;
  text-decoration: line-through;
}

.dance-vid-wrapper {
  position: relative;
  width: 100%;
  height: 500px;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 52, 88, 0.4)), to(rgba(36, 52, 88, 0.4))), url('../images/realzie_thumb.png');
  background-image: linear-gradient(180deg, rgba(36, 52, 88, 0.4), rgba(36, 52, 88, 0.4)), url('../images/realzie_thumb.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, auto;
}

.image-22 {
  position: relative;
  left: 435px;
  top: 200px;
  right: 435px;
  bottom: 200px;
  overflow: visible;
  width: 85px;
  height: 85px;
  text-align: center;
  text-decoration: underline;
}

.image-23 {
  position: static;
}

.testwrapper {
  height: 500px;
  background-image: url('../images/realzie_thumb.png');
  background-position: 0px 0px;
  background-size: auto;
}

.image-24 {
  position: absolute;
  left: 515px;
  width: 95px;
  height: 95px;
}

.paragraph-5 {
  margin-top: 30px;
  text-align: center;
}

.dance-paragpraph {
  margin-top: 30px;
  font-family: Poppins, sans-serif;
  color: #858585;
  font-weight: 600;
  text-align: center;
}

.dance_lightbox_divider {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

html.w-mod-js *[data-ix="hide-project-overlay-on-initial"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="load-slider"] {
  width: 0px;
}

html.w-mod-js *[data-ix="move-portfolio-content-on-initial"] {
  opacity: 0;
  -webkit-transform: translate(0px, -20px);
  -ms-transform: translate(0px, -20px);
  transform: translate(0px, -20px);
}

html.w-mod-js *[data-ix="progres-overlay"] {
  width: 0px;
}

html.w-mod-js *[data-ix="toggle-initial"] {
  height: 0px;
}

html.w-mod-js *[data-ix="hide-popup-on-initial"] {
  display: none;
  opacity: 0;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="page-wrapper-load"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="fade-up-right"] {
  opacity: 0;
  -webkit-transform: translate(-60px, 0px);
  -ms-transform: translate(-60px, 0px);
  transform: translate(-60px, 0px);
}

html.w-mod-js *[data-ix="fade-up-left"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-up-left-2"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-up-left-3"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-up-left-4"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-up-left-5"] {
  opacity: 0;
  -webkit-transform: translate(60px, 0px);
  -ms-transform: translate(60px, 0px);
  transform: translate(60px, 0px);
}

html.w-mod-js *[data-ix="fade-up-1"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-4"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-5"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-6"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-7"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-8"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="fade-up-9"] {
  opacity: 0;
  -webkit-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate(0px, 60px);
}

html.w-mod-js *[data-ix="hide-scroll-navigation-on-initial"] {
  display: none;
}

html.w-mod-js *[data-ix="liquid-subscribe-card"] {
  opacity: 0;
  -webkit-transform: translate(-60px, 0px);
  -ms-transform: translate(-60px, 0px);
  transform: translate(-60px, 0px);
}

@media screen and (max-width: 991px) {
  .navbar {
    position: relative;
  }

  .navbar.transparent {
    padding-right: 0px;
    padding-left: 0px;
  }

  .nav-menu {
    height: 100vh;
    background-color: #fff;
  }

  .nav-link {
    padding-top: 27px;
    padding-bottom: 25px;
    padding-left: 14px;
  }

  .nav-link.dropdown {
    padding-top: 27px;
  }

  .nav-link.nav-link-mobile {
    color: #ff5e3c;
  }

  .nav-link.nav-link-mobile.w--current {
    display: block;
    border-bottom-color: #ff5e3c;
  }

  .hero-section {
    height: 100vh;
    background-image: linear-gradient(45deg, rgba(255, 94, 60, 0.95), rgba(251, 183, 49, 0.8)), url('../images/kwesu-about-us-background.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .hero-section.homepages1 {
    height: 600px;
  }

  .hero-section.left-nav {
    height: 550px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 246, 249, 0.84)), to(rgba(245, 246, 249, 0.84))), url('../images/ekntrtmz-224106.jpg');
    background-image: linear-gradient(180deg, rgba(245, 246, 249, 0.84), rgba(245, 246, 249, 0.84)), url('../images/ekntrtmz-224106.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }

  .hero-big-text {
    font-size: 40px;
    line-height: 50px;
  }

  .hero-big-text.smaller.no-padding {
    margin-bottom: 0px;
    line-height: 30px;
  }

  .sec {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sec.contact {
    padding: 160px 20px;
  }

  .sec.transparent {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.sec-quote {
    padding-right: 40px;
    padding-left: 40px;
  }

  .sec.sec-quote.sec-quote-alt-colour {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sec.section-ted-vid {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sec.section-our-people {
    padding-right: 0px;
    padding-left: 0px;
  }

  .sec.section-offerings {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sec.sec-what-we-do {
    padding: 60px 0px 0px;
  }

  .section-tittle-block.no-space.left {
    margin-top: 0px;
  }

  .section-tittle-block.no-margin.slider {
    padding-right: 0px;
  }

  .section-tittle-block.no-margin.slider.club-50 {
    padding-right: 0px;
  }

  .section-tittle-block.padding-top {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .section-tittle-block.left {
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .section-tittle-block.page-header.left {
    margin-top: 0px;
  }

  .section-tittle-block.page-header.blog {
    width: 70%;
  }

  .section-tittle-block.page-header.events {
    padding-right: 20px;
    padding-left: 20px;
  }

  .section-tittle-block.bottom-padding {
    margin-bottom: 100px;
  }

  .h1 {
    font-size: 32px;
  }

  .h1.white {
    font-size: 32px;
    line-height: 46px;
  }

  .h1.h1-mobile {
    font-size: 6em;
  }

  .h1.services-heading {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .sub-tittle {
    margin-top: 10px;
    font-size: 16px;
  }

  .sub-tittle.white {
    font-size: 18px;
  }

  .features-content {
    margin-bottom: 40px;
    text-align: left;
  }

  .features-tittle.causes {
    margin-bottom: 10px;
  }

  .features-tittle.causes.left-dark {
    font-size: 18px;
    line-height: 28px;
  }

  .p {
    text-align: left;
  }

  .p.pricing {
    text-align: center;
  }

  .p.white {
    text-align: left;
  }

  .p.white.percentual {
    text-align: center;
  }

  .p.tam-sub-text {
    text-align: center;
  }

  .p.in-services {
    text-align: left;
  }

  .p.in-services.center {
    text-align: center;
  }

  .p.white-text {
    text-align: left;
  }

  .p.center {
    text-align: center;
  }

  .p.p-center-align.p-width-small {
    width: 80%;
  }

  .p.p-btm-mar.get-involved {
    margin-bottom: 40px;
  }

  .button.move-up {
    font-size: 11px;
  }

  .full-container.center.homepages1.video-top {
    width: 96%;
  }

  .full-container.center.homepages1.slider.percentual {
    top: 30%;
    width: 80%;
  }

  .full-container.center.homepages1.slider.percentual.new {
    top: 40%;
  }

  .full-container.center.con-pad {
    position: relative;
    padding-right: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .full-container.subscibe {
    width: 100%;
  }

  .body.left-nav {
    padding-left: 0px;
  }

  .heading-3 {
    font-size: 32px;
  }

  .button-block-left {
    display: block;
    text-align: left;
  }

  .sub-text {
    text-align: center;
  }

  .tab-link {
    width: 20%;
  }

  .tab-link.w--current {
    width: 20%;
  }

  .tab-link._2 {
    width: 20%;
  }

  .tab-link._3 {
    width: 20%;
  }

  .tab-link._4 {
    width: 20%;
  }

  .tab-link._5 {
    width: 20%;
  }

  .pricing-wrapper.line {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .pricing-wrapper.trasparent {
    width: 100%;
  }

  .services-tittle.white.left {
    text-align: left;
  }

  .pricing-big {
    color: #1a1a1a;
  }

  .top-space-block._100.left {
    display: block;
    width: 100%;
    padding-left: 0px;
  }

  .top-space-block._100.left.top {
    width: 90%;
  }

  .top-space-block._100.left.top._50 {
    height: auto;
  }

  .top-space-block._100.left.top.right {
    width: 60%;
  }

  .top-space-block._100.left.events {
    top: 20%;
    width: 100%;
  }

  .top-space-block._30.center {
    margin-top: 50px;
  }

  .center-content-section {
    width: 80%;
  }

  .footer.style4 {
    padding-top: 60px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .logo-brand {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  .logo-brand.w--current {
    margin-left: 20px;
  }

  .logo-brand.top.center {
    display: inline-block;
    margin-left: 0px;
  }

  .logo-brand.inline {
    margin-top: 16px;
  }

  .logo-brand.inline.w--current {
    margin-top: 18px;
  }

  .center-device.bottom {
    padding-left: 10px;
  }

  .center-device.left-nav {
    display: none;
  }

  .services-wrapper {
    margin-bottom: 40px;
  }

  .content-container-center {
    width: 70%;
  }

  .center-block {
    margin-top: 0px;
    padding-left: 0px;
  }

  .video-wrapper {
    width: 100%;
  }

  .video-wrapper.video {
    width: 90%;
  }

  .video-wrapper.video.full {
    width: 100%;
    float: none;
  }

  .content-wrapper {
    height: auto;
  }

  .features-wrapper.home10.inline {
    text-align: center;
  }

  .left-wrapper.photo.left {
    width: 50%;
  }

  .left-wrapper.photo.left._2 {
    width: 50%;
  }

  .left-wrapper.photo.right {
    width: 50%;
  }

  .left-wrapper.photo.right._2 {
    width: 50%;
  }

  .left-wrapper.gray {
    width: 100%;
    height: 800px;
  }

  .headline-wrapper {
    width: 100%;
  }

  .lightbox-divider.center {
    width: 100px;
    height: 100px;
  }

  .testimonials-slide.color-1 {
    margin-bottom: 20px;
  }

  .testimonials-slide.color-2 {
    margin-bottom: 20px;
  }

  .testimonials-slide.color-4 {
    margin-bottom: 20px;
  }

  .fun-content {
    width: auto;
    margin-bottom: 50px;
  }

  .fun-content.no-space {
    margin-bottom: 0px;
  }

  .left {
    text-align: left;
  }

  .swervices-wrapper {
    margin-bottom: 40px;
  }

  .form-contact.fluid {
    width: 70%;
  }

  .form-contact.fluid.device {
    width: 65%;
  }

  .form-contact.second {
    margin-bottom: 80px;
  }

  .menu-button {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }

  .menu-button.style2 {
    display: inline-block;
    margin: 10px auto;
  }

  .menu-button.style2.w--open {
    display: inline-block;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #f1f1f7;
  }

  .menu-btn {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }

  .menu-btn.menu-btn-block {
    margin-right: 20px;
    border: 1px solid #dfe4f1;
    border-radius: 4px;
    background-color: transparent;
    color: #1a1a1a;
  }

  .menu-btn.menu-btn-block.w--open {
    background-color: #ff5e3c;
  }

  .dropdown-list.w--open {
    background-color: #292929;
  }

  .white {
    font-family: Montserrat, sans-serif;
    color: #fff;
  }

  .causes-link-wrapper.top {
    height: auto;
  }

  .causes-link-wrapper.top.second {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/anes-sabitovic-286668.jpg');
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/anes-sabitovic-286668.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }

  .causes-link-wrapper.top.events {
    height: auto;
  }

  .causes-link-wrapper.full._1 {
    margin-bottom: 0px;
  }

  .causes-link-wrapper.full._2 {
    margin-bottom: 0px;
  }

  .causes-link-wrapper.list {
    width: 500px;
    padding-right: 0px;
  }

  .percentage.nationality {
    display: block;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-left: 8px;
  }

  .iteam-block.donation {
    text-align: center;
  }

  .iteam-block.donation.list {
    text-align: left;
  }

  .iteam-block.donation.left {
    text-align: left;
  }

  .iteam-block.donation.left.new {
    margin-top: 30px;
  }

  .iteam-block.donation.right {
    text-align: right;
  }

  .div-block-5 {
    height: auto;
  }

  .div-block-6 {
    height: 100%;
  }

  .div-block-6.color-orange.events.red {
    height: auto;
  }

  .column-no-padding {
    height: 340px;
  }

  .link-4.right {
    float: none;
  }

  .date.by {
    display: none;
  }

  .nav-bar-left {
    position: relative;
    width: auto;
    height: auto;
  }

  .brand-logo-left-nav {
    margin-top: 5%;
    margin-bottom: 0%;
  }

  .nav-menu-left {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f5f5f7;
  }

  .text-block-22 {
    text-align: left;
  }

  .menu-button-3 {
    float: none;
    text-align: center;
  }

  .menu-button-3.w--open {
    display: block;
    background-color: transparent;
    color: #1a1a1a;
  }

  .full-width-container {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .page-header {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-header.header-about {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-header.team {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .info-wrapper {
    width: 100%;
    text-align: center;
  }

  .info-wrapper.list {
    width: 100%;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    float: right;
  }

  .image-wrapper-causes {
    width: 30%;
    height: 170px;
    border-radius: 0px;
    background-image: url('../images/h1-slide-2-background-img-1.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }

  .image-wrapper-causes.left-image {
    width: 100%;
    height: 200px;
  }

  .row-volunteers.smaller {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }

  .author-image {
    width: 120px;
    height: 120px;
  }

  .info-author-div {
    margin-bottom: 40px;
    padding-right: 0px;
    border-right-style: none;
  }

  .info-donation-div {
    padding-left: 0px;
  }

  .address-text {
    text-align: left;
  }

  .info-div-author {
    width: 100%;
  }

  .nav-link-footer {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
  }

  .donate-pop-up {
    display: none;
  }

  .paragraph-4 {
    text-align: left;
  }

  .column-11 {
    text-align: center;
  }

  .info-author {
    width: 78%;
  }

  .pricing-row {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }

  .icon-13 {
    display: inline-block;
    padding: 0px;
    color: #1a1a1a;
  }

  .icon-14 {
    display: inline-block;
    padding: 14px;
    background-color: #f5f5f7;
  }

  .container {
    text-align: center;
  }

  .image-8 {
    display: inline-block;
  }

  .hero-block.hero-block-width {
    width: 70%;
  }

  .img-round {
    border-radius: 5px;
  }

  .quote {
    font-size: 40px;
    line-height: 60px;
  }

  .h2.h2-center.h2-white.h2-mobile {
    font-size: 4em;
    line-height: 1.2em;
  }

  .h2.h2-mobile {
    font-size: 4em;
    line-height: 1.2em;
  }

  .footer-block {
    margin-right: 20px;
    margin-left: 20px;
  }

  .col-offerings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .col-offerings.col-offerings-less.col-offerings-less-padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .col-offerings.col-offerings-less-padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .col-offerings.col-offerings-btm-mar.services {
    padding-right: 40px;
    padding-left: 40px;
  }

  .col-offerings.donations.new {
    padding: 20px;
  }

  .col-offerings.donations.new.new-services {
    padding-bottom: 60px;
  }

  .btn.btn-primary.btn-alt {
    margin-left: 30px;
  }

  .btn.btn-primary.btn-alt.services-new {
    margin-left: 60px;
  }

  .btn.btn-primary.btn-alt.club-50-btn {
    margin-left: 0px;
  }

  .btn.btn-primary.btn-alt.new {
    margin-left: 30px;
  }

  .btn.btn-primary.btn-alt.mdl {
    margin-left: 0px;
  }

  .btn.new {
    margin-left: 30px;
  }

  .btn.new.services-new {
    margin-left: 60px;
  }

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

  .h-display.h-display-small.h-display-small-hide {
    display: none;
  }

  .h-display.h-display-hide {
    display: none;
  }

  .h-display.h-display-mobile {
    display: block;
    font-size: 4.3em;
    text-align: center;
  }

  .h-display.h-display-other-pages-mobile {
    font-size: 6.5em;
  }

  .h-display.our-story-h1 {
    font-size: 6.5em;
  }

  .h-display.services-h1 {
    font-size: 6.5em;
  }

  .h-display.get-involved-h1 {
    font-size: 6.5em;
  }

  .h-display.get-in-touch-h1 {
    font-size: 6.5em;
  }

  .nav-line {
    display: none;
    width: 100%;
    max-width: 1160px;
  }

  .icon-15 {
    color: #f8f4eb;
  }

  .row-sewing {
    display: block;
  }

  .sec-home-sewing {
    padding-bottom: 60px;
  }

  .sec-objective {
    padding-top: 60px;
  }

  .sec-objective.covid-19 {
    padding-bottom: 60px;
  }

  .row-mission.clubs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .col-card-mission.clubs {
    padding-right: 150px;
    padding-left: 150px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .col-card-mission.clubs._2 {
    padding-right: 150px;
    padding-left: 150px;
  }

  .col-team {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-contact {
    margin-bottom: 40px;
  }

  .row-offerings {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .row-offerings.services {
    margin-right: 0px;
    margin-bottom: 60px;
    margin-left: 0px;
  }

  .what-we-do-img-blok {
    padding: 20px 60px;
  }

  .what-we-do-img-blok.new-services {
    padding: 30px 60px;
  }

  .services-text-blok {
    padding-right: 30px;
    padding-left: 30px;
  }

  .services-text-blok.services-text-blok-large {
    padding-right: 0px;
    padding-left: 0px;
  }

  .services-text-blok.modal-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .services-text-blok.services-new {
    padding-right: 60px;
    padding-left: 60px;
  }

  .services-text-blok.get-involved {
    padding-bottom: 20px;
  }

  .services-divider-con {
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .modal-wrapper {
    display: none;
    overflow: scroll;
    max-height: none;
  }

  .modal-wrapper.club-50.soccer {
    display: none;
  }

  .modal-wrapper.food-bank {
    display: none;
  }

  .slider-modal-container {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .slider-left {
    width: 100%;
    height: 150px;
    border-radius: 10px 10px 0px 0px;
  }

  .slider-left.club-50 {
    width: 100%;
    height: 200px;
    padding-top: 220px;
    padding-right: 100px;
    padding-bottom: 0px;
  }

  .slider-left.club-50._2 {
    width: 100%;
    height: 500px;
    padding: 40px 100px 10px 40px;
  }

  .slider-right {
    width: 100%;
    height: 710px;
    padding: 20px 100px 20px 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0px 0px 10px 10px;
  }

  .slider-right._2 {
    padding-left: 100px;
  }

  .slider-right._4 {
    height: 860px;
  }

  .slider-right.club-50 {
    width: 100%;
    height: 440px;
    padding-top: 20px;
    padding-right: 100px;
    padding-left: 100px;
  }

  .slider-right.club-50._2 {
    width: 100%;
    background-color: transparent;
  }

  .slider-right.club-50._3 {
    height: 640px;
  }

  .slider-icon {
    max-width: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .slider-wrapper {
    height: 900px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
  }

  .slider-wrapper.club-50 {
    height: 700px;
  }

  .slider-4 {
    height: 900px;
    background-color: #fff;
  }

  .slider-4.club-50 {
    height: 700px;
  }

  .right-arrow-3 {
    background-color: transparent;
  }

  .top-modal-header {
    margin-bottom: 0px;
    padding: 24px 40px;
  }

  .modal-columns._1 {
    min-height: auto;
    margin-bottom: 60px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .modal-columns._1._2 {
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .modal-columns._1._3 {
    margin-top: 60px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .modal-columns-container {
    margin-bottom: 80px;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal-column-image-container {
    margin-bottom: 24px;
  }

  .modal-btn {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .text-link {
    margin-right: 20px;
  }

  .text-link.get-involved {
    margin-right: 30px;
    margin-left: 30px;
  }

  .text-link.services {
    margin-right: 60px;
    margin-left: 60px;
  }

  .clubs-container {
    margin-right: 100px;
    margin-left: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .club-block {
    margin-bottom: 0px;
  }

  .link-block-18 {
    margin-right: 40px;
  }

  .link-block-18.food-bank {
    margin-bottom: 40px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .modal-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .modal-title.soccer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-16 {
    margin-bottom: 10px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: right;
  }

  .column-16.soccer {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .column-17.soccer {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .columns-4 {
    margin-bottom: 40px;
    margin-left: 60px;
  }

  .columns-4.soccer {
    margin-left: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .club-50-cols._1 {
    margin-right: 60px;
    margin-bottom: 24px;
    margin-left: 60px;
  }

  .club-50-cols._2 {
    margin-right: 60px;
    margin-left: 60px;
  }

  .column-18 {
    display: none;
  }

  .column-19 {
    padding-left: 0px;
  }

  .club-50-title {
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .club-50-title.colour.soccer {
    margin-left: 10px;
  }

  .contact-bar {
    margin-right: 40px;
    margin-bottom: 40px;
    margin-left: 40px;
  }

  .column-20 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-block-26 {
    margin-left: 20px;
    font-size: 14px;
  }

  .column-21 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .food-bank-row {
    display: block;
    margin-bottom: 60px;
  }

  .food-bank-col {
    margin-bottom: 60px;
  }

  .food-bank-image {
    min-width: 0px;
  }

  .food-bank-contact {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .food-bank-btm-text {
    margin-bottom: 16px;
  }

  .text-block-28 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .food-bank-link {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .club-50-h.colour.soccer {
    margin-top: 10px;
    margin-left: 0px;
  }

  .club-50-content {
    margin-right: 0px;
    margin-left: 0px;
  }

  .dancing {
    padding-top: 60px;
  }

  .row-sewing-dancing {
    display: block;
  }

  .img-thumb {
    border-radius: 5px;
  }

  .col-objective-text-dancedance {
    padding-top: 0px;
  }

  .sec-kwesu-dance {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .dance-vid-wrapper {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url('../images/realzie_thumb.png');
    background-image: linear-gradient(180deg, null, null), url('../images/realzie_thumb.png');
    background-position: 0px 0px, 50% 50%;
  }

  .image-22 {
    margin-right: 0px;
    padding-right: 0px;
  }
}

@media screen and (max-width: 767px) {
  .navbar.transparent.nav-home {
    padding-top: 0px;
  }

  .nav-link {
    padding-top: 22px;
    padding-bottom: 20px;
  }

  .nav-link.dropdown {
    padding-top: 22px;
  }

  .hero-section {
    height: 100vh;
    margin-right: 0px;
    margin-left: 0px;
  }

  .hero-section.contact {
    height: 1000px;
    padding-top: 0px;
  }

  .hero-section.left-nav {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 246, 249, 0.81)), to(rgba(245, 246, 249, 0.81))), url('../images/ekntrtmz-224106.jpg');
    background-image: linear-gradient(180deg, rgba(245, 246, 249, 0.81), rgba(245, 246, 249, 0.81)), url('../images/ekntrtmz-224106.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }

  .hero-big-text {
    font-size: 36px;
  }

  .sec {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.contact {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sec.join-us-cta {
    margin-right: 0px;
    margin-left: 0px;
  }

  .sec.sec-quote {
    margin-right: 0px;
    margin-left: 0px;
  }

  .sec.sec-quote.sec-quote-alt-colour {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.section-ted-vid {
    margin-right: 0px;
    margin-left: 0px;
  }

  .sec.section-offerings {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.sec-what-we-do {
    padding-right: 20px;
    padding-left: 20px;
  }

  .section-tittle-block.no-margin.slider {
    padding-right: 60px;
  }

  .section-tittle-block.no-margin.slider.club-50._2 {
    padding-left: 0px;
  }

  .section-tittle-block.page-header.left {
    width: 90%;
  }

  .section-tittle-block.page-header.blog {
    width: 70%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-tittle-block.bottom-padding {
    margin-bottom: 100px;
  }

  .section-tittle-block.coming {
    margin-bottom: 40px;
  }

  .h1 {
    font-size: 28px;
  }

  .h1.white {
    font-size: 28px;
  }

  .h1.h1-mobile {
    font-size: 4.8em;
    line-height: 1.1em;
  }

  .sub-tittle {
    margin-top: 10px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
  }

  .sub-tittle.white {
    font-size: 16px;
    line-height: 26px;
  }

  .sub-tittle.subscribe {
    text-align: left;
  }

  .features-tittle.causes.left-dark {
    font-size: 15px;
    line-height: 25px;
  }

  .p.pricing {
    text-align: center;
  }

  .p.white.in-footer {
    text-align: center;
  }

  .p.center {
    text-align: center;
  }

  .p.p-btm-mar {
    margin-bottom: 0px;
  }

  .p.p-btm-mar.modal-column.modal-p.club-50._2 {
    margin-bottom: 30px;
  }

  .p.p-btm-mar.new-services {
    margin-bottom: 0px;
  }

  .p.p-btm-mar.get-involved {
    margin-bottom: 0px;
  }

  .p.modal-content {
    margin-top: 40px;
    text-align: left;
  }

  .full-container.center.homepages1.slider.percentual {
    top: 25%;
  }

  .full-container.center.homepages1.slider.percentual.new {
    left: 50%;
    top: 25%;
    width: 80%;
  }

  .full-container.center.homepages1.slider.percentual.new.right {
    left: 50%;
  }

  .heading-3 {
    font-family: Poppins, sans-serif;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
  }

  .project-tittle.white {
    text-align: left;
  }

  .small-separator.center.white {
    margin-bottom: 0px;
  }

  .sub-text.smaller.fun {
    font-family: Merriweather, serif;
  }

  .tabs-menu.line-top {
    text-align: center;
  }

  .tab-link {
    width: 50%;
  }

  .tab-link.w--current {
    width: 50%;
  }

  .tab-link._2 {
    width: 50%;
  }

  .tab-link._3 {
    width: 50%;
  }

  .tab-link._4 {
    width: 50%;
  }

  .tab-link._5 {
    width: 100%;
    text-align: center;
  }

  .pricing-wrapper.line {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .pricing-wrapper.trasparent {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .services-tittle.white.left {
    text-align: left;
  }

  .top-space-block._100 {
    margin-top: 50px;
  }

  .top-space-block._100.left {
    width: 100%;
    padding-bottom: 60px;
    padding-left: 0px;
  }

  .top-space-block._100.left.top {
    top: 40px;
  }

  .top-space-block._100.left.top.right {
    width: 80%;
  }

  .top-space-block._100.left.events {
    width: 100%;
  }

  .top-space-block._30.left {
    text-align: center;
  }

  .top-space-block.center {
    margin-top: 0px;
  }

  .half-section {
    width: 100%;
  }

  .half-section.image {
    width: 100%;
  }

  .half-section.left.colorated {
    height: 600px;
    border-bottom: 10px solid #fff;
    border-right-width: 0px;
    background-image: linear-gradient(135deg, rgba(174, 6, 216, 0.89), transparent 55%, rgba(48, 6, 216, 0.89) 98%);
  }

  .half-section.left.colorated.blue {
    height: 600px;
    border-right-style: none;
    border-left-style: none;
  }

  .half-section.left.image-2 {
    border-bottom: 10px solid #fff;
    border-right-style: none;
  }

  .half-section.right {
    height: 600px;
    border-bottom: 10px solid #fff;
  }

  .center-content-section {
    width: 100%;
  }

  .social-link.facebook {
    width: 50%;
  }

  .social-link.twiter {
    width: 50%;
  }

  .social-link.instagram {
    width: 50%;
  }

  .social-link.google {
    width: 50%;
  }

  .social-link.dribbble {
    width: 100%;
  }

  .footer {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .footer.style4 {
    text-align: center;
  }

  .footer.coming {
    padding-top: 60px;
  }

  .link-block.footer {
    text-align: center;
  }

  .logo-brand {
    margin-top: 12px;
    margin-left: 0px;
  }

  .logo-brand.w--current {
    padding-left: 0px;
  }

  .logo-brand.top {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .logo-brand.top.center {
    margin-left: auto;
    padding-left: 0px;
  }

  .logo-brand.footer-one {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    float: none;
    text-align: center;
  }

  .center-device {
    text-align: center;
  }

  .center-device.bottom {
    display: block;
    text-align: center;
  }

  .center-device.right {
    display: block;
    float: none;
    text-align: center;
  }

  .top-left-text.dark {
    margin-right: 15px;
    text-align: center;
  }

  .top-left-text.dark.link.right {
    float: none;
  }

  .arrow-slider {
    display: none;
  }

  .arrow-slider.left {
    display: none;
  }

  .services-wrapper {
    margin-bottom: 0px;
  }

  .content-container-center {
    top: 45%;
    width: 80%;
  }

  .footer-tittle {
    text-align: center;
  }

  .center-block {
    padding-left: 0px;
  }

  .video-wrapper {
    margin-top: 50px;
  }

  .video-wrapper.full {
    margin-bottom: 40px;
  }

  .video-wrapper.video {
    height: 400px;
  }

  .team-name.thin {
    text-align: center;
  }

  .content-wrapper {
    width: 100%;
    margin-bottom: -1px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-wrapper._100.offer-card-colour-4 {
    margin-bottom: 20px;
  }

  .content-wrapper._100.offer-card-colour-1 {
    margin-bottom: 20px;
  }

  .content-wrapper._100.offer-card-colour-2 {
    margin-bottom: 20px;
  }

  .footer-credit {
    float: none;
    text-align: center;
  }

  .left-wrapper.photo.right {
    margin-top: 0px;
  }

  .headline-wrapper.center {
    width: 85%;
  }

  .emphasized-text-16.bottom-padding {
    font-size: 18px;
  }

  .emphasized-text-16.bottom-padding.smaller {
    font-size: 18px;
    line-height: 28px;
  }

  .banner.style2 {
    height: 650px;
  }

  .services-content {
    margin-bottom: 40px;
  }

  .testimonials-slide {
    margin-bottom: 20px;
  }

  .fun-content {
    margin-bottom: 50px;
  }

  .fun-content.no-space.add {
    margin-bottom: 0px;
  }

  .swervices-wrapper {
    margin-bottom: 40px;
  }

  .right {
    margin-top: 10px;
    text-align: center;
  }

  .form-contact.fluid.device {
    width: 70%;
  }

  .margin-device {
    margin-bottom: 10px;
  }

  .menu-btn {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
  }

  .menu-btn.menu-btn-block {
    margin-right: 20px;
  }

  .white {
    margin-bottom: 10px;
    color: #fff;
  }

  .separator-wrapper.left {
    text-align: center;
  }

  .causes-link-wrapper.top.events {
    height: 300px;
  }

  .causes-link-wrapper.list {
    width: 100%;
  }

  .div-block-6.color-orange.events.red {
    height: 300px;
  }

  .column-no-padding {
    height: 360px;
  }

  .link-4.right {
    float: right;
  }

  .heading-15.left-side-text {
    display: block;
    text-align: center;
  }

  .date.by {
    display: block;
  }

  .full-width-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .page-header {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .page-header.header-about {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .page-header.team {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .info-wrapper.div {
    width: 300px;
  }

  .image-wrapper-causes {
    height: 140px;
  }

  .image-wrapper-causes.left-image {
    height: 160px;
  }

  .row-volunteers.smaller {
    width: 90%;
  }

  .event-wrapper {
    width: 100%;
    margin-top: 40px;
  }

  .info-div-author {
    width: auto;
  }

  .div-button-right {
    display: none;
  }

  .bottom-footer-text {
    text-align: center;
  }

  .bottom-footer-text.center {
    margin-top: 10px;
    line-height: 20px;
  }

  .bottom-footer-text.right {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
  }

  .donate-pop-up {
    display: none;
  }

  .close-pop-up {
    border-radius: 100px;
    background-color: transparent;
  }

  .info-author {
    width: 70%;
    padding-top: 0px;
  }

  .icon-13 {
    text-align: center;
  }

  .left-form-container {
    width: 80%;
  }

  .page-wrapper.new {
    border-bottom-style: none;
  }

  .post-rich-text h3 {
    line-height: 50px;
  }

  .post-rich-text h5 {
    line-height: 34px;
  }

  .heading-div {
    width: 70%;
  }

  .img-round.club-50 {
    margin-top: 100px;
  }

  .h2.h2-center.h2-white.h2-mobile {
    font-size: 3.7em;
  }

  .h2.h2-mobile {
    font-size: 3.7em;
  }

  .h2.h2-mobile.h2-modal._4 {
    padding: 0px;
    font-size: 2.6em;
  }

  .img-blok {
    width: 100%;
  }

  .footer-link {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }

  .col-offerings.col-offerings-less {
    margin-top: 0px;
  }

  .col-offerings.col-offerings-btm-mar {
    margin-bottom: 20px;
  }

  .col-offerings.donations.new.new-services {
    padding-bottom: 40px;
  }

  .btn.btn-primary.btn-alt {
    margin-left: 30px;
  }

  .btn.btn-primary.modal-btn._4 {
    padding: 20px;
  }

  .btn.new {
    margin-left: 30px;
  }

  .p-white.p-white-narrow {
    width: 100%;
  }

  .footer-nav-link {
    display: block;
    margin-bottom: 20px;
  }

  .h-display {
    font-size: 30px;
    line-height: 45px;
  }

  .h-display.h-display-mobile {
    font-size: 2.4em;
    line-height: 1.2em;
  }

  .h-display.h-display-other-pages-mobile {
    font-size: 5em;
    line-height: 1em;
  }

  .h-display.our-story-h1 {
    margin-top: 40px;
    margin-bottom: 0px;
    font-size: 3em;
    line-height: 1em;
  }

  .h-display.services-h1 {
    margin-top: 40px;
    font-size: 3em;
    line-height: 1em;
  }

  .h-display.get-involved-h1 {
    margin-top: 40px;
    font-size: 3em;
    line-height: 1em;
  }

  .h-display.get-in-touch-h1 {
    margin-top: 40px;
    font-size: 3em;
    line-height: 1em;
  }

  .hero-frame-btm {
    display: none;
  }

  .hero-frame-top {
    display: none;
  }

  .p-large.p-large-home-intro {
    width: 100%;
  }

  .sec-home-sewing {
    padding-bottom: 30px;
  }

  .sec-objective {
    padding-top: 30px;
  }

  .sec-objective.covid-19 {
    padding-bottom: 60px;
  }

  .about-us-hero {
    height: 40vh;
    margin-right: 0px;
    margin-left: 0px;
  }

  .contact-us-hero {
    height: 40vh;
    margin-right: 0px;
    margin-left: 0px;
  }

  .col-offerings-card {
    margin-bottom: 20px;
  }

  .col-card-mission.clubs {
    padding: 30px 40px;
  }

  .col-card-mission.clubs._2 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .col-team.col-team-btm-mar {
    margin-bottom: 40px;
  }

  .offerings-hero {
    height: 40vh;
    margin-right: 0px;
    margin-left: 0px;
  }

  .what-we-do-img-blok {
    padding: 30px;
  }

  .services-text-blok {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .get-involved-hero {
    height: 40vh;
    margin-right: 0px;
    margin-left: 0px;
  }

  .modal-wrapper {
    display: none;
    padding-top: 0px;
  }

  .slider-left {
    height: 100px;
  }

  .slider-left.club-50 {
    height: 100px;
    padding-top: 120px;
  }

  .slider-left.club-50._2 {
    height: 700px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .slider-right {
    height: 100%;
    padding: 40px;
  }

  .slider-right._2 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .slider-right._4 {
    height: 100%;
    padding-top: 90px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .slider-right.club-50 {
    height: 100%;
    padding-top: 60px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .slider-right.club-50._2 {
    height: 600px;
  }

  .slider-right.club-50._3 {
    height: 100%;
    padding-top: 220px;
    padding-right: 40px;
    padding-bottom: 220px;
  }

  .slider-icon {
    max-width: 60px;
  }

  .slider-wrapper {
    height: 100%;
  }

  .slider-wrapper.club-50 {
    top: 0px;
    height: 100%;
  }

  .slider-4 {
    height: 100%;
  }

  .slider-4.club-50 {
    height: 100%;
  }

  .icon-19 {
    display: none;
  }

  .icon-20 {
    display: none;
  }

  .modal-columns._1 {
    margin-bottom: 60px;
  }

  .modal-columns._1._3 {
    margin-top: 60px;
  }

  .modal-columns-container {
    margin-bottom: 60px;
  }

  .modal-column-image-container {
    margin-bottom: 40px;
  }

  .text-link.get-involved {
    margin: 20px 30px;
  }

  .text-block-25.white {
    margin-bottom: 0px;
  }

  .clubs-container {
    margin-right: 20px;
    margin-left: 20px;
  }

  .modal-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-16 {
    margin-bottom: 10px;
  }

  .column-17 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .columns-4 {
    margin: 20px 30px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .columns-4.soccer {
    margin-left: 30px;
  }

  .club-50-cols._1 {
    margin-right: 30px;
    margin-left: 30px;
  }

  .club-50-cols._2 {
    margin-right: 30px;
    margin-left: 30px;
  }

  .club-50-title.colour.soccer {
    margin-left: 0px;
  }

  .contact-bar {
    margin-bottom: 0px;
  }

  .columns-5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-20 {
    min-height: 0px;
    margin-bottom: 60px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #b13854;
  }

  .text-block-26 {
    margin-top: 20px;
    margin-right: 20px;
  }

  .column-21 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .food-bank-row {
    margin-bottom: 60px;
  }

  .food-bank-col {
    padding-right: 0px;
    padding-left: 0px;
  }

  .food-bank-image {
    min-width: 0px;
  }

  .food-bank-btm {
    padding-right: 0px;
    padding-left: 0px;
  }

  .food-bank-contact {
    padding: 24px;
  }

  .text-block-28 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .food-bank-link {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .club-50-h.colour {
    margin-left: 0px;
  }

  .club-50-img {
    display: none;
  }

  .club-50-text {
    margin-left: 0px;
  }

  .dancing {
    padding-top: 30px;
  }

  .img-thumb.club-50 {
    margin-top: 100px;
  }

  .dance-vid-wrapper {
    height: 400px;
  }

  .div-block-15 {
    margin-bottom: 40px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

@media screen and (max-width: 479px) {
  .nav-link.w--current {
    border-bottom-color: #ff5e3c;
    color: #ff5e3c;
  }

  .nav-link.nav-link-mobile {
    display: block;
    float: none;
    color: #ff5e3c;
    text-align: left;
  }

  .hero-section {
    height: 100vh;
    margin-right: 0px;
    margin-left: 0px;
    background-image: linear-gradient(45deg, rgba(255, 94, 60, 0.95), rgba(251, 183, 49, 0.8)), url('../images/kwesu-about-us-background.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .hero-section.homepages1 {
    height: 700px;
  }

  .hero-section.contact {
    height: 1100px;
  }

  .hero-section.contact.slide {
    height: 900px;
  }

  .hero-section.left-nav {
    height: 550px;
    padding-top: 100px;
  }

  .hero-big-text {
    font-size: 32px;
    line-height: 42px;
  }

  .hero-big-text.smaller {
    font-size: 24px;
    line-height: 34px;
  }

  .hero-big-text.color-left {
    font-size: 40px;
    line-height: 50px;
  }

  .hero-big-text.headline {
    font-size: 40px;
    letter-spacing: 8px;
  }

  .sec {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .sec.blog-single {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sec.join-us-cta {
    margin-left: 0px;
  }

  .sec.sec-quote.sec-quote-alt-colour {
    margin-right: 0px;
    margin-left: 0px;
  }

  .sec.section-ted-vid {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.section-our-people {
    padding-right: 0px;
    padding-left: 0px;
  }

  .sec.section-our-story {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.section-offerings {
    margin-right: 0px;
    margin-left: 0px;
  }

  .sec.section-offerings.services.club {
    padding-top: 60px;
  }

  .sec.sec-what-we-do {
    padding-right: 24px;
    padding-left: 24px;
  }

  .section-tittle-block.no-margin {
    position: relative;
  }

  .section-tittle-block.no-margin.slider {
    width: 100%;
    padding-right: 0px;
  }

  .section-tittle-block.page-header {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section-tittle-block.page-header.left {
    padding-bottom: 40px;
  }

  .section-tittle-block.page-header.blog {
    width: 80%;
  }

  .section-tittle-block.coming {
    margin-bottom: 20px;
  }

  .h1 {
    font-size: 28px;
    line-height: 32px;
  }

  .h1.white {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
  }

  .h1.white.smaller {
    font-size: 32px;
  }

  .h1.h1-mobile {
    font-size: 4em;
  }

  .sub-tittle {
    font-size: 14px;
    line-height: 24px;
  }

  .features-tittle.causes.left-dark {
    font-size: 14px;
    line-height: 24px;
  }

  .p.white.block {
    margin-right: 0px;
    margin-left: 0px;
  }

  .p.left {
    text-align: left;
  }

  .p.p-center-align.p-width-small {
    width: 100%;
  }

  .p.modal-content {
    margin-top: 20px;
  }

  .p.club {
    padding-right: 0px;
    padding-left: 0px;
  }

  .button.move-up.right-padding {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
  }

  .full-container {
    text-align: left;
  }

  .full-container.center.homepages1.video-top {
    top: 14%;
  }

  .full-container.center.homepages1.slider.percentual {
    top: 20%;
    width: 90%;
  }

  .full-container.subscibe {
    margin-top: 20%;
    padding: 20px;
  }

  .full-container.full-container-btm-mar.full-container-top-mar {
    margin-top: 60px;
    margin-bottom: 24px;
  }

  .heading-3 {
    font-size: 28px;
    line-height: 38px;
  }

  .sub-text {
    font-size: 21px;
    text-align: left;
  }

  .tabs-menu.second.left-side {
    text-align: center;
  }

  .tab-link {
    width: 100%;
  }

  .tab-link.w--current {
    width: 100%;
  }

  .tab-link._2 {
    width: 100%;
  }

  .tab-link._3 {
    width: 100%;
  }

  .tab-link._4 {
    width: 100%;
  }

  .tab-link._5 {
    width: 100%;
  }

  .top-space-block._100.left {
    width: 100%;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .top-space-block._100.left.top.right {
    width: 70%;
  }

  .top-space-block._100.left.top-padding {
    width: auto;
    padding-top: 0px;
  }

  .half-section {
    display: block;
    height: 800px;
  }

  .half-section.image {
    width: 100%;
    height: 600px;
  }

  .center-content-section {
    position: static;
    top: 20%;
    width: 80%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .social-link.facebook {
    width: 50%;
  }

  .social-link.twiter {
    width: 50%;
  }

  .social-link.instagram {
    width: 50%;
  }

  .social-link.google {
    width: 50%;
  }

  .social-link.dribbble {
    width: 100%;
  }

  .footer {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .center-device.right {
    text-align: center;
  }

  .arrow-slider {
    display: none;
  }

  .arrow-slider.left {
    display: none;
  }

  .services-wrapper {
    width: auto;
  }

  .content-container-center {
    width: 90%;
  }

  .center-block {
    padding-left: 0px;
  }

  .video-wrapper.video {
    height: 200px;
  }

  .testimnial-wrapper {
    width: 100%;
  }

  .team-name {
    text-align: center;
  }

  .team-name.leader {
    text-align: center;
  }

  .team-name.blog {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .content-wrapper {
    position: static;
  }

  .faq-wrapper {
    width: 90%;
  }

  .features-wrapper.home10 {
    width: 100%;
  }

  .left-wrapper.photo.left {
    width: 100%;
  }

  .left-wrapper.photo.left._2 {
    width: 100%;
  }

  .left-wrapper.photo.right {
    width: 100%;
  }

  .left-wrapper.photo.right._2 {
    width: 100%;
  }

  .left-wrapper.gray {
    height: 900px;
    float: left;
  }

  .form-wrapper-block.home {
    top: 20%;
  }

  .emphasized-text-16 {
    font-size: 21px;
  }

  .emphasized-text-16.bottom-padding {
    font-size: 16px;
  }

  .banner.style2 {
    height: 600px;
  }

  .testimonials-slide.color-1 {
    width: 100%;
  }

  .testimonials-slide.color-2 {
    width: 100%;
  }

  .testimonials-slide.color-3 {
    width: 100%;
  }

  .testimonials-slide.color-4 {
    width: 100%;
  }

  .testimonials-slide.color-5 {
    width: 100%;
  }

  .fun-content {
    margin-bottom: 50px;
  }

  .fun-content.no-space {
    margin-bottom: 0px;
  }

  .fun-content.no-space.add {
    margin-bottom: 50px;
  }

  .left {
    text-align: center;
  }

  .form-contact.fluid {
    display: block;
    width: 90%;
  }

  .form-contact.fluid.device {
    width: 90%;
  }

  .form-contact.top {
    margin-top: 60px;
  }

  .text-block-13 {
    text-align: center;
  }

  .causes-link-wrapper.top.events {
    height: auto;
  }

  .causes-link-wrapper.list {
    padding-right: 0px;
  }

  .causes-link-wrapper.percentual.new {
    margin-bottom: 0px;
  }

  .percentage.nationality {
    left: 10px;
    display: none;
  }

  .percentage.list {
    display: none;
  }

  .iteam-block.donation {
    text-align: center;
  }

  .iteam-block.donation.transparent {
    width: 100%;
  }

  .iteam-block.donation.left.new {
    text-align: center;
  }

  .iteam-block.donation.right {
    margin-top: 0px;
    float: none;
    text-align: left;
  }

  .iteam-block.donation.right.middle {
    margin-top: 20px;
    text-align: center;
  }

  .div-block-6.color-orange.events.red {
    height: auto;
  }

  .column-no-padding {
    height: 420px;
  }

  .progress-wrapper {
    text-align: center;
  }

  .link-4.right {
    float: left;
  }

  .date.by {
    display: none;
  }

  .testimonials.white {
    line-height: 24px;
  }

  .page-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .page-header.header-about {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .page-header.team {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .info-wrapper.list {
    display: inline-block;
    width: 90%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .info-wrapper.list.causes {
    width: 90%;
    float: none;
  }

  .info-wrapper.div {
    width: 200px;
  }

  .image-wrapper-causes {
    width: 100%;
    height: 140px;
  }

  .image-wrapper-causes.left-image {
    width: 100%;
  }

  .row-volunteers.smaller {
    width: 100%;
  }

  .author-image {
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    text-align: center;
  }

  .author-image.left {
    float: none;
  }

  .author-div-image {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .info-donation-div {
    padding-left: 0px;
    text-align: center;
  }

  .info-div-author {
    width: auto;
  }

  .column-8 {
    text-align: center;
  }

  .nav-link-footer {
    padding-right: 8px;
    padding-left: 8px;
  }

  .donate-pop-up {
    display: none;
  }

  .close-pop-up {
    position: absolute;
    top: 5px;
    right: 5px;
    overflow: visible;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background-color: transparent;
  }

  .column-9 {
    text-align: center;
  }

  .info-author {
    width: 100%;
    float: none;
  }

  .pricing-row {
    width: 100%;
  }

  .left-form-container {
    width: 90%;
  }

  .post-rich-text h3 {
    line-height: 50px;
  }

  .post-rich-text h5 {
    line-height: 34px;
  }

  .heading-div {
    width: 100%;
  }

  .liquid-card {
    display: none;
  }

  .center-position {
    text-align: center;
  }

  .link-block-3 {
    float: none;
  }

  .hero-block.hero-block-width {
    width: 100%;
  }

  .quote {
    font-size: 20px;
    line-height: 31px;
  }

  .quote.quote-center {
    font-size: 28px;
    line-height: 38px;
  }

  .quote-by {
    font-size: 20px;
    text-align: left;
  }

  .h2.h2-center.h2-white.h2-mobile {
    font-size: 3em;
  }

  .h2.h2-center.h2-white.h2-mobile.club-title {
    margin-bottom: 60px;
  }

  .h2.h2-center.h2-mobile-small {
    font-size: 2.7em;
  }

  .h2.h2-mobile {
    font-size: 3em;
  }

  .h2.h2-mobile.h2-modal._4.club-50 {
    font-size: 2em;
  }

  .img-blok {
    width: 100%;
  }

  .h5 {
    line-height: 30px;
    text-align: center;
  }

  .h5.h5-team-name {
    font-size: 18px;
    text-align: left;
  }

  .card-offerings.services {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-block {
    padding: 30px;
  }

  .col-offerings {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-offerings.col-offerings-less.col-offerings-less-padding {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-offerings.col-offerings-less-padding {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-offerings.col-offerings-btm-mar.services {
    padding-right: 20px;
    padding-left: 20px;
  }

  .col-offerings.donations.new {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-offerings.donations.new.new-services {
    padding-right: 0px;
    padding-left: 0px;
  }

  .btn.btn-primary.btn-alt {
    margin-left: 0px;
  }

  .btn.btn-primary.btn-alt.services-new {
    margin-left: 0px;
  }

  .btn.btn-primary.modal-btn._4.club-50 {
    font-size: 14px;
  }

  .btn.new {
    margin-left: 0px;
  }

  .btn.new.services-new {
    margin-left: 0px;
  }

  .h-display.h-display-mobile {
    font-size: 2.3em;
  }

  .h-display.h-display-other-pages-mobile {
    font-size: 3em;
  }

  .h-display.our-story-h1 {
    margin-top: 40px;
    margin-bottom: 0px;
    padding-top: 40px;
    font-size: 3em;
  }

  .h-display.services-h1 {
    margin-top: 40px;
    margin-bottom: 0px;
    padding-top: 40px;
    font-size: 3em;
  }

  .h-display.get-involved-h1 {
    margin-bottom: 0px;
    padding-top: 40px;
    font-size: 3em;
  }

  .h-display.get-in-touch-h1 {
    margin-bottom: 0px;
    padding-top: 40px;
    font-size: 3em;
  }

  .p-large.p-large-home-intro {
    width: 100%;
  }

  .col-sewing-img {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-sewing-text {
    padding-right: 0px;
    padding-left: 0px;
  }

  .sec-objective.covid-19 {
    padding-bottom: 10px;
  }

  .col-objective-text {
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-card-mission {
    padding: 20px 0px;
  }

  .col-card-mission.clubs {
    padding-right: 0px;
    padding-left: 0px;
  }

  .col-card-mission.clubs._2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .card-mission {
    padding: 30px;
  }

  .card-mission.clubs {
    padding-right: 20px;
    padding-left: 20px;
  }

  .col-team.col-team-btm-mar {
    padding-right: 0px;
    padding-left: 0px;
  }

  .row-offerings.services {
    margin-top: 20px;
  }

  .what-we-do-img-blok {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .what-we-do-img-blok.new-services {
    padding: 0px;
  }

  .services-text-blok {
    padding-right: 0px;
    padding-left: 0px;
  }

  .services-text-blok.services-new {
    padding-right: 0px;
    padding-left: 0px;
  }

  .h3.h3-no-top-mar.h3-btm-mar {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .bank-details-blok {
    padding: 30px;
  }

  .services-divider-con {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .modal-wrapper {
    display: none;
    padding-top: 0px;
  }

  .slider-modal {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background-color: #fff;
  }

  .slider-modal-mask {
    overflow: hidden;
  }

  .slider-modal-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .slider-left {
    position: static;
    height: 50px;
  }

  .slider-left.club-50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .slider-left.club-50._2 {
    height: 100%;
    padding: 60px 20px 0px;
  }

  .slider-left.club-50._3 {
    display: none;
  }

  .slider-right {
    height: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .slider-right._4 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .slider-right.club-50 {
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
  }

  .slider-right.club-50._2 {
    display: none;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .slider-right.club-50._3 {
    padding: 100px 20px;
  }

  .slider-icon {
    max-width: 40px;
  }

  .arrow {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 0%;
  }

  .image-9 {
    display: none;
  }

  .slider-wrapper {
    height: 100%;
  }

  .slider-4 {
    height: 100%;
  }

  .icon-19 {
    display: none;
  }

  .icon-20 {
    display: none;
  }

  .modal-close {
    margin-top: 10px;
  }

  .top-modal-header {
    margin-bottom: 0px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
  }

  .modal-columns-container {
    padding-right: 24px;
    padding-left: 24px;
  }

  .close-modal-btn {
    max-width: 35px;
  }

  .text-link.clubs {
    padding-left: 0px;
  }

  .text-link.get-involved {
    margin-right: 0px;
    margin-left: 0px;
  }

  .text-link.services {
    margin-right: 0px;
    margin-left: 0px;
  }

  .text-block-25.white {
    font-size: 14px;
  }

  .clubs-container {
    margin-right: 0px;
    margin-left: 0px;
  }

  .club-text-block {
    margin-right: 10px;
    margin-left: 10px;
  }

  .link-block-18 {
    margin-right: 24px;
  }

  .link-block-18.food-bank {
    margin-top: 20px;
  }

  .club-50-title {
    margin-bottom: 20px;
  }

  .club-50-title.colour {
    margin-left: 0px;
  }

  .contact-bar {
    margin-right: 20px;
    margin-left: 20px;
  }

  .column-21 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #b13854;
  }

  .info {
    padding: 20px 40px;
  }

  .info.club-50 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .food-bank-col {
    padding-right: 0px;
    padding-left: 0px;
  }

  .food-bank-image {
    min-width: 0px;
    margin-bottom: 44px;
  }

  .food-bank-contact {
    padding: 20px;
  }

  .text-block-28 {
    max-width: 100%;
    min-width: 100px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .food-bank-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dancing.covid-19 {
    padding-top: 0px;
  }

  .img-thumb {
    width: auto;
    max-width: 100%;
    border-top-left-radius: 5px;
  }

  .col-objective-text-dancedance {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .columns-6 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sec-kwesu-dance {
    padding-top: 110px;
    padding-bottom: 150px;
  }

  .dance-vid-wrapper {
    height: 200px;
    margin-top: 50px;
    background-position: 51% 50%;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .div-block-15 {
    margin-bottom: 40px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .div-block-16 {
    margin-bottom: 40px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .div-block-17 {
    margin-bottom: 40px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .div-block-18 {
    margin-bottom: 40px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

@media (min-width: 320px) and (orientation: landscape) {
  .h-display.our-story-h1 {
    -webkit-font-size: 3em;
    -moz-font-size: 3em;
    -ms-font-size: 3em;
    -o-font-size: 3em;
    font-size: 3em;
    -webkit-padding-top: 30px;
    -moz-padding-top: 30px;
    -ms-padding-top: 30px;
    -o-padding-top: 30px;
    padding-top: 30px;
  }
  .h-display.services-h1 {
    -webkit-font-size: 3em;
    -moz-font-size: 3em;
    -ms-font-size: 3em;
    -o-font-size: 3em;
    font-size: 3em;
    -webkit-padding-top: 30px;
    -moz-padding-top: 30px;
    -ms-padding-top: 30px;
    -o-padding-top: 30px;
    padding-top: 30px;
  }
  .h-display.get-involved-h1 {
    -webkit-font-size: 3em;
    -moz-font-size: 3em;
    -ms-font-size: 3em;
    -o-font-size: 3em;
    font-size: 3em;
    -webkit-padding-top: 30px;
    -moz-padding-top: 30px;
    -ms-padding-top: 30px;
    -o-padding-top: 30px;
    padding-top: 30px;
  }
  .h-display.get-in-touch-h1 {
    -webkit-font-size: 3em;
    -moz-font-size: 3em;
    -ms-font-size: 3em;
    -o-font-size: 3em;
    font-size: 3em;
    -webkit-padding-top: 30px;
    -moz-padding-top: 30px;
    -ms-padding-top: 30px;
    -o-padding-top: 30px;
    padding-top: 30px;
  }
  .h-display.h-display-mobile {
    -webkit-font-size: 2.3em;
    -moz-font-size: 2.3em;
    -ms-font-size: 2.3em;
    -o-font-size: 2.3em;
    font-size: 2.3em;
  }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .h-display.our-story-h1 {
    -webkit-font-size: 6.5em;
    -moz-font-size: 6.5em;
    -ms-font-size: 6.5em;
    -o-font-size: 6.5em;
    font-size: 6.5em;
  }
  .h-display.services-h1 {
    -webkit-font-size: 6.5em;
    -moz-font-size: 6.5em;
    -ms-font-size: 6.5em;
    -o-font-size: 6.5em;
    font-size: 6.5em;
  }
  .h-display.get-involved-h1 {
    -webkit-font-size: 6.5em;
    -moz-font-size: 6.5em;
    -ms-font-size: 6.5em;
    -o-font-size: 6.5em;
    font-size: 6.5em;
  }
  .h-display.get-in-touch-h1 {
    -webkit-font-size: 6.5em;
    -moz-font-size: 6.5em;
    -ms-font-size: 6.5em;
    -o-font-size: 6.5em;
    font-size: 6.5em;
  }
}