.baguetteBox-button, .logo, .faq h3:after, .faq h3.active:after, .site-hold .mobileMenu ul li.sub-nav:before, .site-hold .mobileMenu ul button.sub-nav:before, .site-hold .mobileMenu ul li.sub-nav.opensubmenu > a:after, .site-hold .mobileMenu ul button.sub-nav.opensubmenu > a:after, .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav:before, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav:before, .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a:before, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a:before, .nextBtn:after, .newsListing .pullLeft .actions a:before, .newsListing .pullLeft .actions.pagination a:before, .newsListing .sideBar ul li:before, .form form .checkBox .reg-checkbox:checked + span:after, .form form .dropdown:after, .form form .input label:after, .plus, .arrows.small .red-bg:after, .arrows.small .red-bg:before, .arrows.small .dark-grey-bg:after, .arrows.small .dark-grey-bg:before, .arrows.small .light-grey-bg:after, .arrows.small .light-grey-bg:before, .arrows.large h3:after, .arrows.large ul li:before, .arrows.large ul li:after, .social a:before, .slider.newHomes .backHomes:before, .slider.homepageSlider .successStory .sliderContent:after, .slider.homepageSlider .newsSlide .sliderContent:after, .slider .swiper-menu button:before, .basketBtn button, .productPagination a:before, .basket ul li .actions button, .productGrid .breakdown .product-text button:before, .shopPanel .confirm .optionCheck .reg-checkbox:checked + span:after, .shopPanel .cols .select span:after, .back:before, .sponsorLogin form .close, .sponsor:after, .sponsorText .leftCol .nextBtn:before, .sponsorSlider .checkBox span:after, .sponsorSlider .checkBox .reg-checkbox:checked + span:after {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px;
  background-repeat: no-repeat; }

.optionGrid .wrap span, .optionGrid .wrap button, .site-hold .mobileMenu, .site-hold .mobileMenu ul li, .site-hold .mobileMenu ul button, .nextBtn, .pageLayout article ul.packs li, .form form .input.select.expiryDate span input, .form form .input input, .form form .input select, .form form .input textarea, .form form .input label, .actions .action-bar form .input input, .arrows.small a, .arrows.large h3, .arrows.large li, .basket ul li .text, .basket ul li .actions, .basket ul li .actions button, .basket ul li .actions input, .productGrid .total button, .productGrid .total a, .productGrid .total label, .productGrid .total input, .productGrid .breakdown .product-text input, .shopPanel .continue, .shopPanel .confirm.overview li, .shopPanel .cols .overview a, .shopPanel .cols .input input, .shopPanel .cols .input textarea, .productList.individualProducts .text, .productList span, .sponsorText .leftCol .chosen figure:before, .flickrSet li {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.optionGrid.checkboxes .wrap .option:after, .optionGrid:after, .main-foot .bottom nav:after, .site-hold .mobileMenu:after, .sponsorForm:after, .contactForm .wrapBox:after, .contactForm form:after, .actions:after, .arrows.small:after, .arrows.large:after, .impact-grid .columns:after, .tabPage:after, .social:after, .circles.thumbnails:after, .circles .wrapper:after, .slider .sliderContent:after, .slider:after, .basket ul li:after, .basket .subtotal:after, .basket:after, .productGrid .total:after, .productGrid .breakdown .col:after, .productGrid .breakdown .product-text:after, .productGrid:after, .shopPanel .confirm .optionCheck:after, .shopPanel .confirm.overview:after, .shopPanel .cols .smInput:after, .shopPanel .cols .twoInput:after, .shopPanel .cols .input.tickbox:after, .productInformation .infoWrap:after, .productList .breakdown:after,
.productOverview .breakdown:after, .productOverview:after, .productList.individualProducts li a:after, .productList.individualProducts:after, .chooseChildModal form:after, .sponsorLogin:after, .sponsorText .sponsorBreakdown .columns:after, .sponsorBreakdown .textBlock .columns:after, .sponsorSlider:after, .flickrSet:after, .cards:after {
  content: '';
  display: block;
  clear: both; }

@font-face {
  font-family: 'bebas_neuebold';
  src: url("fonts/bebasneue_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bebas_neuebook';
  src: url("fonts/bebasneue_book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bebas_neueregular';
  src: url("fonts/bebasneue_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EffraLight-Regular';
  src: url("fonts/EffraLight-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EffraHeavy-Regular';
  src: url("fonts/EffraHeavy-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.main-foot .bottom, .main-foot .bottom small, .pageLayout.pageLayout-donate p, .pageLayout.communitiesPage article:not(.news) ul li, .sponsorForm .textPanel .notifyAbaana ul li, .communityFunding .funding h3, .communitiesExamplePage h3, .actions .action-bar form .input, .actions .action-bar form .input input, .impact-grid .columns .col, .grid-el p, .slider .sliderContent h4, .slider .sliderContent h5, .productGrid .orderConfirm .orderNum, .productGrid .orderConfirm .orderBox time, .productGrid .orderConfirm .orderBox p, .productGrid .total h3 span, .productGrid .deliveryOptions .input label, .productGrid .breakdown .product-text p, .productGrid .breakdown .product-text input, .productGrid .breakdown .product-text .price h3, .productInformation .info h3, .productList .breakdown h3 span,
.productOverview .breakdown h3 span, .productList .breakdown .pricePerCase p,
.productOverview .breakdown .pricePerCase p, .productOverview p, .quantitySelect p input, .productList .text p, .sponsorText .sponsorBreakdown .update, .sponsorText .sponsorBreakdown ul, .sponsorText .sliderContent h4, .sponsorText .sliderContent h5, .sponsorBreakdown p, .sponsorBreakdown h4, .sponsorBreakdown .textBlock .columns .col ul li, .sponsorBreakdown .textBlock h3 {
  font-family: 'Effra W01 Regular'; }

body, .optionGrid.checkboxes h4, .optionGrid.checkboxes time, .optionGrid.checkboxes p, .pageLayout article ul li, .contactUs .contactDetails, #frm-shipping .col ul li, .form form .input input, .form form .input select, .form form .input textarea, .form form .textarea textarea, .sponsorForm .textPanel p, .circles h3, .slider .sliderContent p, .slider .sliderContent .left, .shopPanel .cols select, .shopPanel .cols .input label, .shopPanel .cols .input input, .shopPanel .cols .input textarea, .productInformation .info h3 span, .productList .breakdown select,
.productOverview .breakdown select, .productList .basketConfirmation p,
.productOverview .basketConfirmation p {
  font-family: 'Effra W01 Light'; }

.pageLayout .success, .pageLayout p strong, .communitiesExamplePage ul.red h3, .actions .success, .luxurySpend .grid p, .main-tab-content .role, .tabPage.resourcesTabs .tab-content h2, .tabPage.resourcesTabs .tab-content .tab-panel .mobile p, .basketBtn span, .basket h3, .basket .subtotal span:first-child, .basket .basketLink, .productGrid .total .totalAmount span, .productList .breakdown .product-option label,
.productOverview .breakdown .product-option label, .productList .breakdown h3,
.productOverview .breakdown h3, .productOverview h2, .productOverview h4, .quantitySelect p, .sponsorLogin form a {
  font-family: 'Effra W01 Heavy'; }

.heading, .pageLayout article h3, .pageLayout article h2, .newsListing .pullLeft p span, .newsListing .pullLeft p a, .newsListing .sideBar h2, .form form .checkBox, .form form .input label, .tabPage nav .mainNavTabs > li > a, .slider .sliderContent h3, .slider .swiper-container h2, .slider.pageSlider .swiper-menu h4, .productGrid .orderConfirm button, .productGrid .total button, .productGrid .total a, .productGrid .total label, .productGrid .total input, .productGrid .breakdown .product-text h2, .shopPanel .continue, .shopPanel .confirm.overview button, .shopPanel .confirm.overview a, .shopPanel .cols .overview button, .shopPanel .cols .overview a, .productList .basketConfirmation button,
.productOverview .basketConfirmation button, .productList.individualProducts .text h2, .productList .text h2, .productList span, .sponsorLogin form .enter, .sponsorLogin form h2, .sponsorLogin form .input ul li, .selectMenu select, .stripe h2 {
  font-family: 'bebas_neuebold'; }

.pageLayout article ul.packs li, .communityFunding .columns > h3, .communityFunding .funding span, .productGrid .summary, .productGrid .orderConfirm h2, .productGrid .total h3, .productGrid .deliveryOptions h2, .productGrid .breakdown .product-text button, .shopPanel .confirm.overview > h2, .shopPanel .cols .col h2, .sponsorLogin form .input, .sponsorLogin form .input input {
  font-family: 'bebas_neuebook'; }

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

img {
  max-width: 100%; }

[data-action="reveal-content"] {
  cursor: pointer; }

.snipcart {
  position: relative;
  z-index: 1000000; }

#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  -ms-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  -ms-transition: left .4s ease, -ms-transform .4s ease;
  transition: left .4s ease, transform .4s ease; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-position: -200px -300px;
  width: 16px;
  height: 56px;
  font-size: 0;
  top: 50%;
  top: calc(50% - 30px); }
  .baguetteBox-button#next-button {
    right: 2%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
    background-position: -330px -144px; }

/* -- Base -- */
.sponsorLogin {
  display: none; }

.hide {
  display: none !important; }

.desktop {
  display: none; }

.childSponsorship {
  margin-top: 30px; }

.errors {
  color: #2a2f32;
  font-size: 1.125rem;
  font-style: italic;
  margin: 0 15px; }
  .errors + .errors {
    padding-top: 15px; }
  .errors:last-of-type {
    padding-bottom: 30px; }

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

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

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

a {
  text-decoration: none; }

a.button {
  color: white;
  background-color: #ef2935;
  padding: 6px 8px 4px;
  text-decoration: none;
  font-family: 'bebas_neueregular';
  display: inline-block;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 200ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 200ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 200ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 200ms;
  transition-property: all; }
  a.button:hover {
    background-color: #f0ba10; }

p + a {
  color: #ef2935; }

p + blockquote {
  padding-top: 20px; }

blockquote + p {
  padding-top: 20px; }

blockquote {
  font-style: italic; }

blockquote + blockquote {
  padding-top: 20px; }

a[data-action="switch-tabs"] * {
  pointer-events: none; }

.heading {
  font-size: 2.8rem; }
  .heading span {
    display: block; }

ul, li {
  list-style: none; }

.faq h3 {
  color: #6e6e6e;
  font-family: 'bebas_neueregular';
  font-size: 1.25rem; }

/* -- Layout -- */
.white-bg {
  background-color: white; }

.red {
  color: #ef2935; }

.redMessage {
  color: #ef2935;
  padding-bottom: 15px;
  text-align: center;
  font-weight: bold; }

.dark-grey-bg {
  background-color: #6e6e6e; }

.grey-bottom-border {
  border-bottom: 4px solid #dcdddc; }

.homepageIntro {
  margin: 0 30px 30px 30px; }

body {
  -webkit-font-smoothing: antialiased;
  padding-top: 69px;
  color: #2a2f32; }

.pageSlider + .pageSlider {
  margin-top: 80px; }

.slider + .promoContent {
  padding-top: 100px; }

.arrowsCenter {
  text-align: center; }

.close .sponsor-form {
  display: none; }

.choose .chooseChildModal {
  opacity: 1;
  pointer-events: all; }

.opensidenav .mobileMenu {
  -webkit-transform: translateX(-320px);
  -ms-transform: translateX(-320px);
  transform: translateX(-320px); }

.addProduct .basket {
  display: block; }

.logo {
  position: absolute;
  top: 45%;
  left: 25px;
  width: 42px;
  height: 49px;
  background-position: -20px -200px;
  margin: -25px 0 0 0;
  text-indent: -1000px;
  overflow: hidden; }

.grey-bg {
  background-color: #f0f0f0;
  background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 80%);
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 80%);
  background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 20%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0); }

.slider + .textPanel {
  margin-top: 30px; }

.googleMap {
  height: 320px;
  margin-top: 40px; }

.map {
  width: 100%;
  height: 100%; }

.workWithUs {
  margin-top: 60px;
  padding-top: 30px; }

.optionGrid {
  margin: 30px 0; }
  .optionGrid .title {
    font-family: 'bebas_neueregular';
    font-size: 1.5625rem;
    margin-bottom: 30px; }
  .optionGrid.checkboxes {
    margin: 0 20px; }
    .optionGrid.checkboxes > p {
      padding-bottom: 20px; }
    .optionGrid.checkboxes .wrap {
      width: 100%;
      position: relative; }
      .optionGrid.checkboxes .wrap .option + .option {
        padding-top: 30px; }
      .optionGrid.checkboxes .wrap .option .input {
        height: auto;
        float: left;
        width: 20px; }
        .optionGrid.checkboxes .wrap .option .input input {
          position: static; }
    .optionGrid.checkboxes h4, .optionGrid.checkboxes time, .optionGrid.checkboxes p {
      display: block; }
    .optionGrid.checkboxes h4 {
      text-transform: uppercase;
      margin-left: 40px;
      padding-top: 11px; }
    .optionGrid.checkboxes time {
      padding-top: 16px; }
    .optionGrid.checkboxes .number {
      margin-left: 20px;
      margin-right: 45px;
      padding-top: 15px;
      float: left; }
  .optionGrid .wrap {
    width: 188px;
    margin: 0 auto; }
    .optionGrid .wrap span:nth-child(even), .optionGrid .wrap button:nth-child(even) {
      margin-left: 8px; }
    .optionGrid .wrap span, .optionGrid .wrap button {
      width: 90px;
      height: 40px;
      border: 1px solid #dddddd;
      display: block;
      float: left;
      font-family: 'bebas_neuebold';
      color: #ef2935;
      font-size: 1rem;
      text-align: center;
      margin-bottom: 11px;
      cursor: pointer; }
      .optionGrid .wrap span.active, .optionGrid .wrap button.active {
        background-color: #ef2935;
        color: white; }

.financePanel {
  padding-top: 40px; }
  .financePanel .chart {
    width: 200px;
    margin: 20px auto 20px auto; }
  .financePanel .pieList li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    text-align: left; }
    .financePanel .pieList li.yellow-square:before {
      background-color: #f0ba10; }
    .financePanel .pieList li.green-square:before {
      background-color: #9aaa00; }
    .financePanel .pieList li.grey-square:before {
      background-color: darkgray; }
    .financePanel .pieList li:before {
      content: '';
      width: 19px;
      height: 10px;
      display: inline-block;
      position: absolute;
      left: 0;
      padding: 0;
      margin-top: 6px;
      background-color: #ef2935; }
  .financePanel ul {
    padding-top: 20px !important; }
  .financePanel div + div {
    padding-top: 60px; }

.faq h3 {
  border-bottom: 4px solid #dddddd;
  padding-bottom: 5px;
  padding-right: 20px;
  position: relative;
  cursor: pointer; }
  .faq h3:after {
    content: '';
    background-position: -300px -140px;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0; }
  .faq h3.active {
    color: #ef2935;
    border-bottom: 4px solid #ef2935; }
    .faq h3.active:after {
      content: '';
      background-position: -300px -20px;
      width: 14px;
      height: 14px;
      position: absolute;
      right: 0;
      top: 0; }

.main-foot {
  background-color: #ef2935;
  padding: 15px 25px;
  color: white;
  position: relative; }
  .main-foot .wrap {
    position: relative; }
  .main-foot .logo {
    top: 0;
    left: 0;
    background-position: -20px -100px;
    width: 55px;
    height: 65px;
    margin: 0; }
  .main-foot .social {
    padding-top: 46px;
    text-align: right; }
    .main-foot .social a + a {
      padding-left: 20px; }
  .main-foot .bottom {
    position: relative; }
    .main-foot .bottom nav {
      padding-bottom: 10px; }
      .main-foot .bottom nav p {
        float: left; }
        .main-foot .bottom nav p span {
          text-transform: uppercase;
          font-size: 0.75rem;
          display: block;
          padding-bottom: 5px;
          font-weight: 700; }
      .main-foot .bottom nav p + p {
        padding-left: 35px; }
      .main-foot .bottom nav .address {
        padding-bottom: 20px; }
    .main-foot .bottom .address {
      padding-bottom: 20px; }
    .main-foot .bottom small {
      font-size: 0.625rem;
      line-height: 1.2;
      text-align: left; }
      .main-foot .bottom small span {
        padding-top: 5px; }

.site-hold {
  overflow: hidden; }
  .site-hold .mobileMenu {
    width: 320px;
    border-right: 1px solid black;
    height: 100%;
    position: fixed;
    z-index: 100000000;
    top: 0;
    right: -320px;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    background-color: rgba(30, 40, 40, 0.99);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
    .site-hold .mobileMenu:before {
      content: '';
      display: block;
      width: 252px;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-color: rgba(46, 51, 54, 0.5);
      z-index: -1; }
    .site-hold .mobileMenu .nav-button {
      width: 68px;
      height: 68px;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: 300ms;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: 300ms;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: 300ms;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: 300ms;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: 300ms; }
      .site-hold .mobileMenu .nav-button span {
        display: block;
        width: 16px;
        height: 3px;
        margin: 0 auto;
        pointer-events: none;
        background-color: white; }
        .site-hold .mobileMenu .nav-button span + span {
          margin-top: 3px; }
    .site-hold .mobileMenu ul {
      padding-top: 90px;
      width: 250px;
      margin-right: 68px; }
      .site-hold .mobileMenu ul li, .site-hold .mobileMenu ul button {
        height: 44px;
        color: white;
        border-bottom: 1px solid rgba(30, 40, 40, 0.65);
        display: block;
        font-family: 'bebas_neueregular';
        font-size: 1.5625rem; }
        .site-hold .mobileMenu ul li a, .site-hold .mobileMenu ul button a {
          border-bottom: 0;
          text-decoration: none;
          display: block;
          padding-left: 15px;
          line-height: 2; }
        .site-hold .mobileMenu ul li button, .site-hold .mobileMenu ul button button {
          padding-left: 15px; }
        .site-hold .mobileMenu ul li:first-child, .site-hold .mobileMenu ul button:first-child {
          border-top: 1px solid rgba(30, 40, 40, 0.65); }
        .site-hold .mobileMenu ul li.sub-nav, .site-hold .mobileMenu ul button.sub-nav {
          position: relative; }
          .site-hold .mobileMenu ul li.sub-nav.active > a, .site-hold .mobileMenu ul button.sub-nav.active > a {
            color: #f0ba10; }
          .site-hold .mobileMenu ul li.sub-nav:before, .site-hold .mobileMenu ul button.sub-nav:before {
            content: '';
            display: block;
            position: absolute;
            right: 20px;
            height: 6px;
            width: 24px;
            bottom: 14px;
            background-position: -20px -19px;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            pointer-events: none; }
          .site-hold .mobileMenu ul li.sub-nav ul, .site-hold .mobileMenu ul button.sub-nav ul {
            position: relative;
            display: none; }
          .site-hold .mobileMenu ul li.sub-nav.opensubmenu, .site-hold .mobileMenu ul button.sub-nav.opensubmenu {
            height: auto; }
            .site-hold .mobileMenu ul li.sub-nav.opensubmenu > a, .site-hold .mobileMenu ul button.sub-nav.opensubmenu > a {
              color: #f0ba10;
              position: relative;
              line-height: 2;
              height: 44px; }
              .site-hold .mobileMenu ul li.sub-nav.opensubmenu > a:before, .site-hold .mobileMenu ul button.sub-nav.opensubmenu > a:before {
                content: '';
                border-left: 4px solid #f0ba10;
                position: absolute;
                height: 44px;
                left: 0;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
              .site-hold .mobileMenu ul li.sub-nav.opensubmenu > a:after, .site-hold .mobileMenu ul button.sub-nav.opensubmenu > a:after {
                content: '';
                background-position: -200px -99px;
                width: 24px;
                height: 6px;
                position: absolute;
                right: 20px;
                bottom: 14px; }
            .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul {
              display: block;
              list-style: none;
              margin: 0;
              padding: 0;
              background-color: #aaaaaa;
              width: 100%; }
              .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li {
                margin: 0;
                padding-right: 0;
                color: #1e2828;
                padding-top: 14px;
                font-size: 1.25rem;
                border-bottom: 1px solid #969696; }
                .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li a, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li a {
                  line-height: 1; }
                .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.active, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.active {
                  color: #f0ba10; }
                .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav:before, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav:before {
                  content: '';
                  display: block;
                  position: absolute;
                  right: 20px;
                  height: 6px;
                  width: 24px;
                  bottom: 14px;
                  background-position: -300px -49px;
                  -webkit-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
                .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav ul, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav ul {
                  position: relative;
                  display: none; }
                .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu {
                  height: auto;
                  padding-top: 0; }
                  .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a {
                    color: #1e2828;
                    padding-top: 14px;
                    height: 29px;
                    position: relative; }
                    .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a:after, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a:after {
                      display: none; }
                    .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a:before, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu > a:before {
                      content: '';
                      display: block;
                      position: absolute;
                      right: 20px;
                      left: auto;
                      height: 6px;
                      width: 24px;
                      bottom: 14px;
                      background-position: -300px -49px;
                      border-left: none;
                      -webkit-transform: rotate(0deg);
                      -ms-transform: rotate(0deg);
                      transform: rotate(0deg); }
                  .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu ul, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu ul {
                    display: block;
                    margin: 0;
                    padding: 0;
                    background-color: #2e3336;
                    color: black; }
                    .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu ul li, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu ul li {
                      color: white;
                      border-bottom: 1px solid rgba(30, 40, 40, 0.9); }
                      .site-hold .mobileMenu ul li.sub-nav.opensubmenu ul li.sub-nav.opensubmenu ul li a, .site-hold .mobileMenu ul button.sub-nav.opensubmenu ul li.sub-nav.opensubmenu ul li a {
                        line-height: 0;
                        padding-top: 8px; }
    .site-hold .mobileMenu .social {
      height: 48px;
      width: 252px;
      margin: 100px 0 0 0;
      background-color: #ef2935; }
      .site-hold .mobileMenu .social a {
        width: 60px;
        height: 44px; }
        .site-hold .mobileMenu .social a + a {
          margin-left: 0; }
  .site-hold .site-wrap {
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 400ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 400ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 400ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 400ms;
    transition-property: all;
    position: relative;
    z-index: 999; }

.main-head {
  height: 68px;
  position: fixed;
  width: 100%;
  z-index: 100000;
  background-color: #ef2935;
  border-bottom: 1px solid #c10013;
  top: 0;
  left: 0; }
  .main-head .nav-button {
    width: 68px;
    height: 68px;
    position: absolute;
    right: 0;
    background-color: #ef2935; }
    .main-head .nav-button span {
      display: block;
      width: 16px;
      height: 3px;
      margin: 0 auto;
      pointer-events: none;
      background-color: white;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 400ms;
      -webkit-transition-property: 250ms;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 400ms;
      -moz-transition-property: 250ms;
      -o-transition-timing-function: linear;
      -o-transition-duration: 400ms;
      -o-transition-property: 250ms;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 400ms;
      -ms-transition-property: 250ms;
      transition-timing-function: linear;
      transition-duration: 400ms;
      transition-property: 250ms; }
      .main-head .nav-button span + span {
        margin-top: 3px; }

.promoVideo {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 180px;
  margin: 30px; }
  .promoVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.nextBtn {
  font-family: 'bebas_neuebold';
  font-size: 1.3125rem;
  text-align: left;
  width: 149px;
  height: 44px;
  padding-left: 15px;
  display: block;
  padding-top: 5px;
  margin: 30px 30px 0 auto;
  background-color: #ef2935;
  color: white;
  position: relative;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .nextBtn:after {
    content: '';
    background-position: -400px -200px;
    width: 12px;
    height: 44px;
    position: absolute;
    right: -12px;
    top: 0; }
  .nextBtn:hover {
    color: #f0ba10; }

.pageLayout {
  padding-top: 40px;
  padding-bottom: 60px; }
  .pageLayout header + .slider {
    margin-top: 30px; }
  .pageLayout header {
    margin-bottom: 40px; }
  .pageLayout header + article {
    margin-top: 30px; }
  .pageLayout .beforeYouProceed {
    padding: 0 15px;
    margin-bottom: 30px; }
  .pageLayout .video {
    margin-top: 60px; }
  .pageLayout.pageLayout-forms p {
    margin: 0 15px; }
  .pageLayout.pageLayout-forms h2 {
    margin: 0 15px;
    font-size: 2rem; }
  .pageLayout.pageLayout-donate {
    padding-bottom: 0; }
  .pageLayout.communitiesPage article:not(.news) .redBox {
    color: #ef2935;
    font-family: 'bebas_neuebold';
    padding-bottom: 16px; }
  .pageLayout.communitiesPage article:not(.news) ul li {
    margin-left: 0; }
    .pageLayout.communitiesPage article:not(.news) ul li:before {
      display: none; }
  .pageLayout .contactForm p + p {
    padding-top: 0; }
  .pageLayout .pageHero, .pageLayout .heroSlider {
    margin-bottom: 30px;
    position: relative; }
  .pageLayout .success {
    background-color: rgba(240, 240, 240, 0.7);
    border-radius: 4px;
    width: -moz-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 40px auto 40px auto;
    padding: 10px;
    border: 1px solid #c6c6c6; }
  .pageLayout p + p {
    padding-top: 10px; }
  .pageLayout p + h3 {
    margin-top: 40px; }
  .pageLayout p + h2 {
    margin-top: 60px; }
  .pageLayout ul + h2 {
    margin-top: 60px; }
  .pageLayout h3 {
    font-size: 1.25rem;
    line-height: 1.4; }
  .pageLayout p, .pageLayout blockquote {
    font-size: 1rem;
    line-height: 1.1875;
    line-height: 1.4; }
  .pageLayout article {
    margin: 0 30px; }
    .pageLayout article.cantChoose {
      margin-bottom: 30px; }
    .pageLayout article .image {
      margin: 30px 0 60px 0; }
    .pageLayout article + article {
      margin-top: 40px; }
    .pageLayout article h3 + p {
      padding-top: 10px; }
    .pageLayout article h3 {
      color: #ef2935; }
    .pageLayout article h2 {
      font-size: 1.875rem;
      padding-bottom: 20px;
      color: #ef2935; }
    .pageLayout article h4 {
      font-family: 'Effra W01 Regular';
      font-size: 1.25rem;
      line-height: 1.4;
      padding-bottom: 20px; }
    .pageLayout article table {
      width: 100%; }
    .pageLayout article ul.packs li {
      width: 100%;
      height: 63px;
      background-color: #ef2935;
      color: white;
      display: block;
      padding-top: 21px;
      font-size: 1.875rem;
      text-align: center;
      margin-left: 0; }
      .pageLayout article ul.packs li + li {
        margin-top: 20px; }
      .pageLayout article ul.packs li:before {
        display: none; }
    .pageLayout article ul li {
      margin-left: 1em;
      font-size: 1rem;
      color: #2a2f32;
      list-style: none;
      line-height: 1.4; }
      .pageLayout article ul li + li {
        padding-top: 14px; }
      .pageLayout article ul li:before {
        content: '-';
        display: inline-block;
        padding-right: 5px;
        position: absolute;
        margin-left: -1em; }
  .pageLayout p + ul {
    padding-top: 40px; }
  .pageLayout ul + p {
    padding-top: 20px; }

.newsListing {
  padding-bottom: 60px; }
  .newsListing .pullLeft figure {
    padding-bottom: 30px; }
  .newsListing .pullLeft p span, .newsListing .pullLeft p a {
    display: inline-block;
    font-size: 1.25rem; }
  .newsListing .pullLeft p span {
    color: #6e6e6e; }
  .newsListing .pullLeft p a {
    color: #ef2935; }
  .newsListing .pullLeft .actions {
    margin: 40px 0 0 0; }
    .newsListing .pullLeft .actions a {
      position: relative;
      margin-top: 20px;
      padding-left: 20px;
      font-family: 'bebas_neueregular';
      display: block; }
      .newsListing .pullLeft .actions a:before {
        content: '';
        background-position: -340px -400px;
        width: 7px;
        height: 14px;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
    .newsListing .pullLeft .actions.pagination a {
      position: relative;
      padding-left: 20px;
      font-family: 'bebas_neueregular';
      display: inline-block; }
      .newsListing .pullLeft .actions.pagination a:before {
        content: '';
        background-position: -340px -400px;
        width: 7px;
        height: 14px;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
      .newsListing .pullLeft .actions.pagination a.next {
        padding-right: 20px; }
        .newsListing .pullLeft .actions.pagination a.next:before {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          position: absolute;
          right: 0;
          left: auto; }
  .newsListing .sideBar {
    margin: 80px 30px 0 30px; }
    .newsListing .sideBar h2 {
      color: #6e6e6e;
      font-size: 2.5rem; }
    .newsListing .sideBar ul {
      padding-top: 42px;
      margin-left: 20px; }
      .newsListing .sideBar ul li {
        list-style: none;
        position: relative;
        line-height: 1.1875;
        font-size: 1rem; }
        .newsListing .sideBar ul li:before {
          content: '';
          background-position: -360px -400px;
          width: 7px;
          height: 14px;
          display: inline-block;
          position: absolute;
          left: -15px;
          top: 5px; }
        .newsListing .sideBar ul li + li {
          margin-top: 20px;
          padding-top: 0; }

.contactUs {
  padding-top: 46px; }
  .contactUs .contactDetails {
    font-size: 1.25rem;
    line-height: 1.4;
    padding-top: 50px;
    padding-bottom: 45px; }
    .contactUs .contactDetails small, .contactUs .contactDetails a {
      display: block; }
    .contactUs .contactDetails a {
      padding: 20px 0; }

#frm-shipping .col ul {
  position: absolute;
  z-index: 100;
  list-style: none;
  right: 10px;
  top: 15px; }
  #frm-shipping .col ul li {
    font-size: 0.875rem;
    color: #ef2935;
    text-transform: none; }

.form p + p {
  padding-top: 0; }
.form ul {
  display: none; }
.form .explanation {
  padding-bottom: 40px; }
.form input[type=number]::-webkit-inner-spin-button,
.form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }
.form form .fieldCheck {
  padding-top: 40px; }
  .form form .fieldCheck input[data-invalid="true"] + ul + label {
    color: red; }
  .form form .fieldCheck.termsAccept h4 {
    width: 50%; }
.form form fieldset .cardInfo {
  margin-top: 14px; }
.form form fieldset legend {
  padding-top: 40px; }
.form form fieldset .fieldCheck {
  margin: 0 15px; }
  .form form fieldset .fieldCheck h4 {
    width: 196px;
    line-height: 1.2; }
.form form .checkBox {
  position: relative;
  float: left;
  margin: 0 30px; }
  .form form .checkBox label {
    color: #ef2935;
    font-size: 1.25rem;
    padding-left: 10px; }
  .form form .checkBox span {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: block;
    border: 2px solid #dddddd;
    background: white;
    border-radius: 50%; }
  .form form .checkBox .reg-checkbox {
    -webkit-appearance: none;
    border: 0;
    width: 44px;
    height: 44px;
    margin: 0; }
    .form form .checkBox .reg-checkbox:checked {
      background-color: transparent; }
  .form form .checkBox .reg-checkbox:checked + span:after {
    content: '';
    background-position: -199px -200px;
    width: 14px;
    height: 11px;
    position: absolute;
    top: 12px;
    left: 10px;
    border: 0;
    border-radius: 6px; }
.form form legend {
  padding-bottom: 33px;
  font-size: 1.5625rem;
  padding-left: 18px;
  font-family: 'bebas_neueregular';
  text-align: left; }
.form form .dropdown {
  display: block;
  position: absolute;
  background-color: #dcdddc;
  width: 44px;
  height: 45px;
  right: 0;
  top: 0;
  pointer-events: none; }
  .form form .dropdown:before {
    content: '';
    background-image: url("../images/red-arrow.svg");
    background-repeat: no-repeat;
    width: 22px;
    height: 11px;
    display: block;
    margin: 21px auto 0 auto; }
  .form form .dropdown:after {
    content: '';
    background-position: -440px -200px;
    width: 44px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -10px;
    right: 0; }
.form form .input {
  height: 44px;
  position: relative; }
  .form form .input + .input {
    margin-top: 14px; }
  .form form .input.select.expiryDate {
    border: 0; }
    .form form .input.select.expiryDate label {
      height: 44px; }
    .form form .input.select.expiryDate span {
      display: inline-block;
      width: 100px;
      height: 44px; }
      .form form .input.select.expiryDate span.month {
        margin-left: 100px; }
      .form form .input.select.expiryDate span.year {
        margin-left: 5px; }
      .form form .input.select.expiryDate span input {
        width: 100px;
        padding: 0 10px;
        height: 44px;
        position: static;
        text-indent: 10px; }
  .form form .input.textarea {
    height: 144px; }
  .form form .input.long input, .form form .input.long select, .form form .input.long textarea, .form form .input.long #card-element {
    width: -moz-calc(100% - 140px);
    width: -o-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px); }
  .form form .input.long label {
    width: 140px; }
  .form form .input #card-element {
    border: 1px solid #dcdddc;
    right: 0;
    top: 0;
    height: 38px;
    margin-left: auto;
    padding-top: 5px;
    padding-left: 20px; }
  .form form .input #card-element iframe {
    height: 45px !important; }
  .form form .input input, .form form .input select, .form form .input textarea {
    border: 1px solid #dcdddc;
    padding-left: 20px;
    height: 45px;
    position: absolute;
    right: 0;
    left: auto;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: -moz-calc(100% - 105px);
    width: -o-calc(100% - 105px);
    width: -webkit-calc(100% - 105px);
    width: calc(100% - 105px);
    border-radius: 0; }
  .form form .input [data-invalid="true"] {
    border: 1px solid red; }
  .form form .input label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    color: #ef2935;
    background-color: #dcdddc;
    height: 45px;
    width: 105px;
    font-size: 1.25rem;
    padding-left: 15px;
    padding-top: 15px; }
    .form form .input label.hide {
      display: block; }
    .form form .input label:after {
      content: '';
      background-position: -300px -300px;
      width: 12px;
      height: 44px;
      display: block;
      position: absolute;
      right: -12px;
      top: 0; }
.form form .textarea {
  margin-top: 10px;
  position: relative; }
  .form form .textarea textarea {
    height: 170px;
    padding-top: 8px;
    line-height: 2;
    max-width: 100%;
    width: 100%;
    resize: none; }

.sponsorForm {
  position: relative;
  padding-bottom: 80px; }
  .sponsorForm .confirmBtn {
    width: 200px;
    margin: 30px 0 0 15px;
    text-align: center;
    padding-left: 0; }
    .sponsorForm .confirmBtn:after {
      display: none; }
  .sponsorForm .confirm {
    margin: 0 15px; }
    .sponsorForm .confirm form .input {
      padding: 0;
      margin-top: 23px; }
      .sponsorForm .confirm form .input select {
        width: 100%; }
    .sponsorForm .confirm p a {
      text-decoration: none;
      padding: 0;
      color: #2a2f32; }
    .sponsorForm .confirm a {
      padding-top: 20px;
      padding-bottom: 20px;
      display: block;
      text-decoration: underline;
      color: #ef2935; }
    .sponsorForm .confirm .col + .col {
      margin-top: 30px; }
  .sponsorForm .textPanel {
    margin: 0 15px 40px 15px;
    padding-top: 40px; }
    .sponsorForm .textPanel h3 {
      font-family: 'bebas_neuebook';
      font-size: 2.375rem; }
    .sponsorForm .textPanel h2 + p {
      padding-top: 23px; }
    .sponsorForm .textPanel p + h2 {
      padding-top: 23px; }
    .sponsorForm .textPanel p {
      line-height: 1.2; }
    .sponsorForm .textPanel p + p {
      padding-top: 20px; }
    .sponsorForm .textPanel .notifyAbaana ul {
      margin: 10px 0; }
      .sponsorForm .textPanel .notifyAbaana ul li:before {
        content: '- '; }
      .sponsorForm .textPanel .notifyAbaana ul li + li {
        margin-top: 10px; }
    .sponsorForm .textPanel .taxTerms + div {
      margin-top: 30px; }
      .sponsorForm .textPanel .taxTerms + div ul {
        margin: 20px 0; }
        .sponsorForm .textPanel .taxTerms + div ul li {
          font-size: 1rem;
          line-height: 1.125rem; }
          .sponsorForm .textPanel .taxTerms + div ul li + li {
            margin-top: 10px; }
          .sponsorForm .textPanel .taxTerms + div ul li:before {
            content: '-';
            display: inline-block; }
    .sponsorForm .textPanel ul {
      position: static; }
    .sponsorForm .textPanel .title {
      font-family: 'bebas_neueregular';
      font-size: 1.5625rem; }
  .sponsorForm fieldset {
    position: relative; }
    .sponsorForm fieldset + fieldset {
      margin-top: 60px; }
  .sponsorForm form .checkBox {
    position: relative;
    margin: 0 30px;
    left: 52%;
    padding-bottom: 10px;
    top: -34px;
    float: none; }

.contactForm {
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px; }
  .contactForm form h4 {
    font-size: 1rem;
    line-height: 1.1875;
    margin: 0 30px;
    padding-top: 36px;
    padding-bottom: 26px; }

.communityFunding {
  padding-top: 40px; }
  .communityFunding .columns .col h3 {
    font-size: 1rem; }
  .communityFunding .columns.red .col span {
    background-color: #ef2935; }
  .communityFunding .columns > h3 {
    font-size: 2.375rem;
    text-align: center;
    padding-bottom: 30px;
    color: #2a2f32; }
  .communityFunding .funding {
    text-align: center;
    margin: 0 auto 80px auto;
    position: relative;
    padding-bottom: 60px; }
    .communityFunding .funding div {
      width: 280px;
      margin: 0 auto; }
    .communityFunding .funding:after {
      content: '';
      width: 100vw;
      height: 4px;
      background-color: #dcdddc;
      display: block;
      position: absolute;
      left: 0;
      bottom: 0; }
    .communityFunding .funding .required {
      padding-bottom: 25px; }
      .communityFunding .funding .required:after {
        content: '';
        background-image: url("../images/funding-arrow.svg");
        height: 140px;
        width: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 25px; }
    .communityFunding .funding span {
      display: inline-block;
      color: #ef2935;
      font-size: 2.375rem;
      position: relative;
      z-index: 1000;
      padding-left: 10px;
      height: 50px;
      padding-top: 6px; }
      .communityFunding .funding span + span {
        margin-left: 13px; }
      .communityFunding .funding span:after {
        content: '';
        background-image: url("../images/funding-bg.svg");
        width: 35px;
        height: 50px;
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0; }
    .communityFunding .funding h3 {
      font-size: 1.25rem;
      padding-bottom: 20px;
      text-align: center; }

.communitiesExamplePage {
  padding-bottom: 60px; }
  .communitiesExamplePage .back {
    margin: 30px 0 0 30px; }
  .communitiesExamplePage article .textBlock + .textBlock {
    margin-top: 30px; }
  .communitiesExamplePage h3 + p {
    padding-top: 0; }
  .communitiesExamplePage ul.red h3 {
    color: #ef2935; }
  .communitiesExamplePage p {
    font-size: 1rem; }
  .communitiesExamplePage h3 + p {
    padding-top: 20px; }
  .communitiesExamplePage h3 {
    padding-bottom: 5px;
    font-size: 1rem; }
  .communitiesExamplePage li {
    margin-left: 0; }
    .communitiesExamplePage li h3 + p {
      padding-top: 0; }
    .communitiesExamplePage li:before {
      display: none; }

/* -- States -- */
.swiper-container .pagination {
  display: none; }

.slider-border-red {
  border-bottom: 4px solid #ef2935; }

.slider-border-grey {
  border-bottom: 4px solid #6e6e6e; }

.red-box {
  background-color: #ef2935; }

.grey-box {
  color: #dcdddc; }

.plus {
  position: absolute;
  width: 14px;
  height: 14px;
  display: block;
  bottom: 10px;
  right: 0; }

.red-plus {
  background-position: -60px -40px; }

.grey-plus {
  background-position: -100px -100px; }

/* -- Modules -- */
.actions {
  margin: 0 48px; }
  .actions.bottomPadding {
    padding-bottom: 100px; }
  .actions .success {
    width: 200px;
    margin-top: 20px;
    margin: 20px 0 0 0;
    font-size: 0.875rem;
    line-height: 1.16;
    background-color: rgba(240, 240, 240, 0.7);
    border-radius: 4px;
    width: -moz-calc(100% - 60px);
    width: -o-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 40px auto 40px auto;
    padding: 10px;
    border: 1px solid #c6c6c6; }
  .actions .action-bar {
    position: relative; }
    .actions .action-bar h2, .actions .action-bar button {
      font-family: 'bebas_neueregular';
      font-size: 1.875rem; }
    .actions .action-bar button {
      color: white;
      background-color: #ef2935;
      height: 44px;
      width: 100%;
      position: relative;
      margin-top: 10px;
      padding-top: 6px; }
    .actions .action-bar form .input {
      font-size: 1rem;
      position: relative;
      margin-top: 20px;
      /*
      				ul {
      					
      					li {
      						list-style: none;
      						position: absolute;
      						bottom: -46px;
      						color: $red;
      						left: 10px;
      					}
      				}
      */ }
      .actions .action-bar form .input + .input {
        padding-top: 0;
        margin-top: 10px; }
      .actions .action-bar form .input input {
        width: 100%;
        height: 44px;
        border: 1px solid #ef2935;
        border-radius: 0;
        -webkit-appearance: none;
        text-indent: 10px;
        font-size: 1rem; }
      .actions .action-bar form .input label {
        position: absolute;
        left: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none; }
        .actions .action-bar form .input label.faded {
          opacity: 0.6; }
        .actions .action-bar form .input label.hide {
          opacity: 0; }

.box {
  width: 100%;
  height: 129px;
  color: white;
  font-family: 'bebas_neueregular';
  font-weight: 800;
  font-size: 3.125rem;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .box:before {
    content: '';
    background-image: url("../images/yellow-shape.svg");
    background-repeat: no-repeat;
    width: 133px;
    height: 94px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -66px; }
  .box:hover {
    background: rgba(156, 156, 156, 0.38); }
  .box:hover::before {
    background-image: url("../images/grey-shape.svg"); }

.arrows {
  font-family: 'bebas_neueregular';
  margin: 0 30px;
  font-size: 2.3125rem;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .arrows .white {
    color: white; }
  .arrows .red-bg {
    background-color: #ef2935;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all;
    text-indent: 5px; }
  .arrows .light-grey-bg {
    background-color: #dcdddc; }
  .arrows.small {
    width: 270px;
    margin: 0 auto;
    padding-bottom: 30px;
    margin-top: 30px; }
    .arrows.small a {
      width: 52px;
      height: 33px;
      float: left;
      position: relative;
      margin-right: 2px;
      font-size: 0.875rem;
      font-family: 'bebas_neueregular';
      font-weight: 800;
      padding-top: 12px;
      text-indent: 2px; }
    .arrows.small .red-bg {
      text-indent: 10px; }
      .arrows.small .red-bg:after {
        content: '';
        background-position: -140px -200px;
        width: 12px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        right: -12px;
        z-index: 1; }
      .arrows.small .red-bg:before {
        content: '';
        background-position: -195px -240px;
        width: 12px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        left: 0; }
      .arrows.small .red-bg.no-white:before {
        display: none; }
    .arrows.small .dark-grey-bg {
      background-color: #6e6e6e;
      text-indent: 8px; }
      .arrows.small .dark-grey-bg:after {
        content: '';
        background-position: -440px -420px;
        width: 12px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        right: -11px;
        z-index: 1; }
      .arrows.small .dark-grey-bg:before {
        content: '';
        background-position: -195px -240px;
        width: 12px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        left: 0; }
      .arrows.small .dark-grey-bg.no-white:before {
        display: none; }
    .arrows.small .light-grey-bg {
      padding-left: 10px; }
      .arrows.small .light-grey-bg:after {
        content: '';
        background-position: -160px -230px;
        width: 12px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        right: -11px;
        z-index: 1; }
      .arrows.small .light-grey-bg:before {
        content: '';
        background-position: -195px -240px;
        width: 12px;
        height: 33px;
        display: block;
        position: absolute;
        top: 0;
        left: 0; }
    .arrows.small .finalStep {
      background-image: url("../images/tick.svg");
      background-repeat: no-repeat;
      background-position: 25px;
      text-indent: -9999px; }
      .arrows.small .finalStep:after {
        display: none; }
  .arrows.large {
    padding: 80px 0; }
    .arrows.large h3, .arrows.large li {
      padding-top: 14px; }
    .arrows.large h3 {
      width: 242px;
      height: 62px;
      margin-bottom: 10px;
      position: relative;
      font-size: 2.3125rem;
      padding-top: 8px; }
      .arrows.large h3:after {
        content: '';
        background-position: -40px -300px;
        width: 13px;
        height: 62px;
        display: block;
        position: absolute;
        top: 0;
        right: -13px; }
    .arrows.large ul {
      list-style: none;
      padding-left: 15px; }
      .arrows.large ul li {
        width: 226px;
        height: 62px;
        position: relative; }
        .arrows.large ul li:before {
          content: '';
          background-position: -90px -300px;
          width: 13px;
          height: 62px;
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
        .arrows.large ul li:after {
          content: '';
          background-position: -40px -300px;
          width: 13px;
          height: 62px;
          display: block;
          position: absolute;
          top: 0;
          right: -13px; }
      .arrows.large ul li + li {
        margin-top: 10px; }

.banner {
  margin: 60px auto 60px auto;
  position: relative; }

.impact-grid {
  padding-top: 40px; }
  .impact-grid .columns {
    width: 300px;
    margin: 0 auto; }
    .impact-grid .columns.columns {
      padding-top: 50px; }
    .impact-grid .columns .col {
      height: 152px;
      width: 115px;
      position: relative;
      float: left;
      margin: 0 16px;
      margin-bottom: 60px;
      color: #6e6e6e;
      font-size: 1rem;
      line-height: 1.4; }
      .impact-grid .columns .col span {
        position: relative;
        display: block;
        border-radius: 50%;
        background-color: #f0ba10;
        height: 115px;
        width: 115px;
        /* -----Impact Grid Icons-----*/ }
        .impact-grid .columns .col span:before {
          content: '';
          display: block;
          background-repeat: no-repeat;
          width: 115px;
          height: 115px; }
        .impact-grid .columns .col span.resources:before {
          background-image: url("../images/resources.svg"); }
        .impact-grid .columns .col span.basketball:before {
          background-image: url("../images/playground1.svg"); }
        .impact-grid .columns .col span.shoe:before {
          background-image: url("../images/playground2.svg"); }
        .impact-grid .columns .col span.furniture:before {
          background-image: url("../images/desk1.svg"); }
        .impact-grid .columns .col span.school-books:before {
          background-image: url("../images/school-books.svg"); }
        .impact-grid .columns .col span.toilets:before {
          background-image: url("../images/toilets.svg"); }
        .impact-grid .columns .col span.nurserys:before {
          background-image: url("../images/abc.svg"); }
        .impact-grid .columns .col span.water-tanks:before {
          background-image: url("../images/water-tanks.svg"); }
        .impact-grid .columns .col span.childrens-beds:before {
          background-image: url("../images/childrens-beds.svg"); }
        .impact-grid .columns .col span.teachers-beds:before {
          background-image: url("../images/teachers-beds.svg"); }
        .impact-grid .columns .col span.man:before {
          background-image: url("../images/impact1.svg"); }
        .impact-grid .columns .col span.letters:before {
          background-image: url("../images/impact2.svg"); }
        .impact-grid .columns .col span.protect:before {
          background-image: url("../images/impact3.svg"); }
        .impact-grid .columns .col span.educate:before {
          background-image: url("../images/impact4.svg"); }
        .impact-grid .columns .col span.water:before {
          background-image: url("../images/impact5.svg"); }
        .impact-grid .columns .col span.kitchen:before {
          background-image: url("../images/kitchen.svg"); }
        .impact-grid .columns .col span.income:before {
          background-image: url("../images/income.svg"); }
        .impact-grid .columns .col span.street:before {
          background-image: url("../images/impact6.svg"); }
        .impact-grid .columns .col span.school1:before {
          background-image: url("../images/school1.svg"); }
        .impact-grid .columns .col span.school2:before {
          background-image: url("../images/school2.svg"); }
        .impact-grid .columns .col span.book:before {
          background-image: url("../images/book.svg"); }
        .impact-grid .columns .col span.basic-desk:before {
          background-image: url("../images/basic-desk.svg"); }
        .impact-grid .columns .col span.basic-desk:before {
          background-image: url("../images/basic-desk.svg"); }
        .impact-grid .columns .col span.bunk-beds:before {
          background-image: url("../images/bunk-beds.svg"); }
        .impact-grid .columns .col span.cash-bills:before {
          background-image: url("../images/cash-bills.svg"); }
        .impact-grid .columns .col span.chalkboard:before {
          background-image: url("../images/chalkboard.svg"); }
        .impact-grid .columns .col span.chef:before {
          background-image: url("../images/chef.svg"); }
        .impact-grid .columns .col span.bottle:before {
          background-image: url("../images/bottle.svg"); }
        .impact-grid .columns .col span.class:before {
          background-image: url("../images/class.svg"); }
        .impact-grid .columns .col span.cloud:before {
          background-image: url("../images/cloud.svg"); }
        .impact-grid .columns .col span.desk-computer-drawers:before {
          background-image: url("../images/desk-computer-drawers.svg"); }
        .impact-grid .columns .col span.geometry:before {
          background-image: url("../images/geometry.svg"); }
        .impact-grid .columns .col span.kitchen2:before {
          background-image: url("../images/kitchen2.svg"); }
        .impact-grid .columns .col span.man-woman:before {
          background-image: url("../images/man-woman.svg"); }
        .impact-grid .columns .col span.money2:before {
          background-image: url("../images/money2.svg"); }
        .impact-grid .columns .col span.moisture:before {
          background-image: url("../images/moisture.svg"); }
        .impact-grid .columns .col span.mortarboard:before {
          background-image: url("../images/mortarboard.svg"); }
        .impact-grid .columns .col span.pot-of-food:before {
          background-image: url("../images/pot-of-food.svg"); }
        .impact-grid .columns .col span.rattle:before {
          background-image: url("../images/rattle.svg"); }
        .impact-grid .columns .col span.save:before {
          background-image: url("../images/save.svg"); }
        .impact-grid .columns .col span.school-desk:before {
          background-image: url("../images/school-desk.svg"); }
        .impact-grid .columns .col span.drawers:before {
          background-image: url("../images/drawers.svg"); }
        .impact-grid .columns .col span.shower:before {
          background-image: url("../images/shower.svg"); }
        .impact-grid .columns .col span.single-bed:before {
          background-image: url("../images/single-bed.svg"); }
        .impact-grid .columns .col span.sitting-chair:before {
          background-image: url("../images/sitting-chair.svg"); }
        .impact-grid .columns .col span.slide:before {
          background-image: url("../images/slide.svg"); }
        .impact-grid .columns .col span.swings:before {
          background-image: url("../images/swings.svg"); }
        .impact-grid .columns .col span.swivel-chair:before {
          background-image: url("../images/swivel-chair.svg"); }
        .impact-grid .columns .col span.tap:before {
          background-image: url("../images/tap2.svg"); }
        .impact-grid .columns .col span.tap2:before {
          background-image: url("../images/tap2.svg"); }
        .impact-grid .columns .col span.toilet:before {
          background-image: url("../images/toilet.svg"); }
        .impact-grid .columns .col span.toilet-roll:before {
          background-image: url("../images/toilet-roll.svg"); }
        .impact-grid .columns .col span.basin:before {
          background-image: url("../images/basin.svg"); }
        .impact-grid .columns .col span.whisk:before {
          background-image: url("../images/whisk.svg"); }
        .impact-grid .columns .col span.woman:before {
          background-image: url("../images/woman.svg"); }
      .impact-grid .columns .col h3 {
        padding-top: 20px;
        width: 140px;
        text-align: center;
        margin-left: -16px;
        font-size: 1rem; }

.luxurySpend {
  margin-top: 60px;
  padding: 46px 30px 0 30px; }
  .luxurySpend .grid {
    cursor: pointer; }
    .luxurySpend .grid li + li {
      padding-top: 64px; }
    .luxurySpend .grid li {
      color: #6e6e6e; }
      .luxurySpend .grid li:before {
        display: none; }
      .luxurySpend .grid li figure {
        width: 32px;
        height: 32px;
        margin: 0 auto;
        padding-bottom: 14px; }
      .luxurySpend .grid li h3, .luxurySpend .grid li p {
        font-size: 1.25rem;
        color: #6e6e6e; }
      .luxurySpend .grid li .total {
        background-color: #ef2935;
        border-radius: 50%;
        width: 182px;
        height: 117px;
        display: inline-block;
        padding-top: 65px; }
        .luxurySpend .grid li .total h3, .luxurySpend .grid li .total p {
          color: white; }

.main-tab-content {
  margin: 0 30px; }
  .main-tab-content figure {
    width: 140px;
    margin: 0 0 20px 0;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }
  .main-tab-content article {
    margin: 0; }
  .main-tab-content .role {
    color: #6e6e6e;
    font-size: 1.125rem; }

.tabPage {
  margin-top: 60px; }
  .tabPage.streetTabs .tab-content[data-fortab] {
    display: block; }
  .tabPage.resourcesTabs {
    margin-top: 60px; }
    .tabPage.resourcesTabs .tab-content h2 {
      font-size: 1rem;
      text-transform: none; }
    .tabPage.resourcesTabs .tab-content .tab-panel {
      display: block; }
      .tabPage.resourcesTabs .tab-content .tab-panel .mobile p {
        color: #6e6e6e;
        border-bottom: 4px solid #6e6e6e;
        margin-bottom: 30px;
        padding-bottom: 10px; }
      .tabPage.resourcesTabs .tab-content .tab-panel .mobile figure {
        margin: 20px 0; }
  .tabPage article {
    margin-bottom: 60px; }
  .tabPage .board {
    margin-top: 30px; }
    .tabPage .board .col + .col {
      margin-top: 20px; }
    .tabPage .board .col .text {
      margin-bottom: 40px; }
    .tabPage .board .col ul li {
      font-family: 'bebas_neuebold';
      margin-left: 0; }
      .tabPage .board .col ul li:before {
        display: none; }
  .tabPage nav {
    width: auto;
    text-align: left;
    padding: 40px 0; }
    .tabPage nav .mainNavTabs {
      margin: 0 30px; }
      .tabPage nav .mainNavTabs .active {
        color: #ef2935; }
      .tabPage nav .mainNavTabs > li {
        width: auto;
        display: inline-block;
        float: none;
        margin: 0; }
        .tabPage nav .mainNavTabs > li + li {
          padding-top: 0;
          margin: 0; }
        .tabPage nav .mainNavTabs > li:before {
          display: none; }
        .tabPage nav .mainNavTabs > li > a {
          font-size: 2.125rem;
          color: #6e6e6e;
          display: inline-block;
          text-align: center;
          cursor: pointer; }
        .tabPage nav .mainNavTabs > li.openPage > a,
        .tabPage nav .mainNavTabs > li.openPage > a:hover,
        .tabPage nav .mainNavTabs > li.openPage > a:focus {
          color: #ef2935; }
  .tabPage .tab-content h2 {
    font-family: 'bebas_neueregular';
    font-size: 1.875rem;
    padding-bottom: 10px;
    color: #6e6e6e; }
  .tabPage .tab-content .textPanel .bioPic img {
    border-radius: 50%; }
  .tabPage .tab-content .textPanel + .textPanel {
    margin-top: 40px; }
  .tabPage .tab-content > .tab-panel {
    display: none; }
    .tabPage .tab-content > .tab-panel.active {
      display: block;
      -webkit-animation: fadeEffect 1s;
      animation: fadeEffect 1s; }
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .tabPage .tab-content > .active {
    display: block; }
  .tabPage .tab-content[data-fortab] {
    display: none; }
    .tabPage .tab-content[data-fortab].active {
      display: block; }

#world-stats {
  margin: 0 auto; }
  #world-stats figure + figure {
    padding-top: 120px; }

.faq .col {
  position: relative; }
  .faq .col.activeFaq .overlay {
    display: block; }
  .faq .col + .col {
    padding-top: 50px; }
  .faq .col .overlay {
    display: none; }
    .faq .col .overlay p {
      padding-top: 25px; }
    .faq .col .overlay.opencontent {
      display: block;
      height: auto;
      -webkit-animation: fadeEffect 1s;
      -ms-animation: fadeEffect 1s;
      animation: fadeEffect 1s; }
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.social a {
  display: inline-block;
  padding: 14px 0;
  font-size: 0;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .social a + a {
    margin-left: 10px; }
  .social a:before {
    content: '';
    display: block;
    margin: 0 auto; }
  .social a.facebook:before {
    width: 9px;
    height: 16px;
    background-position: -100px -20px; }
  .social a.twitter:before {
    width: 18px;
    height: 14px;
    background-position: -140px -20px; }
  .social a.instagram:before {
    background-position: -250px -20px;
    width: 16px;
    height: 16px; }
  .social a.google:before {
    width: 15px;
    height: 16px;
    background-position: -180px -20px; }
  .social a.vimeo:before {
    width: 18px;
    height: 16px;
    background-position: -220px -20px; }
.social.social-red {
  text-align: center; }
  .social.social-red a:before {
    width: 42px;
    height: 42px; }
  .social.social-red a.facebook:before {
    background-position: -100px -400px; }
  .social.social-red a.twitter:before {
    background-position: -150px -400px; }
  .social.social-red a.google:before {
    background-position: -200px -400px; }
  .social.social-red a.vimeo:before {
    background-position: -250px -400px; }

.circles {
  padding-bottom: 100px; }
  .circles.thumbnails {
    margin: 0 30px;
    padding-bottom: 0; }
    .circles.thumbnails .back {
      padding-bottom: 0;
      margin-top: 40px; }
    .circles.thumbnails .gallery img {
      width: 100%; }
      .circles.thumbnails .gallery img:first-of-type {
        margin-top: 20px; }
      .circles.thumbnails .gallery img + a {
        margin-top: 20px; }
  .circles.team-circles {
    position: relative; }
    .circles.team-circles .grid-el {
      margin-bottom: 50px; }
  .circles.homeCircles h3 {
    padding-left: 0;
    text-align: center; }
  .circles h3 {
    font-size: 1.25rem;
    color: #ef2935;
    padding: 0 0 42px 30px; }
  .circles.workCircles {
    padding-bottom: 0; }
    .circles.workCircles .grid-el:nth-child(3) {
      clear: left; }
    .circles.workCircles + .workCircles {
      padding-top: 100px; }
    .circles.workCircles h3 {
      padding: 0;
      font-size: 2rem;
      margin: 0 15px;
      font-family: 'bebas_neuebold'; }
    .circles.workCircles p {
      text-align: center;
      width: 122px;
      margin-left: 35px; }
  .circles .wrapper {
    display: block;
    padding: 0 15px; }

.grid-el {
  position: relative;
  width: 50%;
  float: left;
  font-size: 0.75rem;
  line-height: 1.25;
  padding-top: 20px; }
  .grid-el .circle {
    position: relative;
    width: 110px;
    height: 110px;
    background-image: url("../images/black-circle.svg");
    background-repeat: no-repeat;
    margin: 0 auto;
    font-size: 1.75rem;
    color: white;
    text-align: center;
    display: table; }
    .grid-el .circle .v-center {
      display: table-cell;
      vertical-align: middle;
      height: 112px; }
      .grid-el .circle .v-center h2 {
        line-height: 1;
        font-size: 1.6875rem;
        font-family: 'bebas_neuebold';
        position: static;
        margin: 0; }
  .grid-el .team-list {
    padding-top: 25px;
    width: 120px;
    margin: 0 auto; }
    .grid-el .team-list li {
      list-style: none;
      color: #2a2f32;
      font-family: 'bebas_neueregular';
      font-size: 1.125rem;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .grid-el .team-list li:hover {
        color: #ef2935; }
      .grid-el .team-list li + li {
        padding-top: 5px; }
  .grid-el p {
    padding-top: 15px;
    text-align: center;
    margin: 0 auto;
    width: 112px;
    font-weight: normal;
    color: #2a2f32;
    font-size: 1rem !important; }

.slider {
  position: relative;
  overflow: hidden; }
  .slider.caseStudySlider {
    margin: 40px 30px; }
  .slider.heroSlider .swiper-slide {
    position: relative; }
    .slider.heroSlider .swiper-slide:after {
      content: '';
      background-color: rgba(110, 110, 110, 0.4);
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
  .slider.newHomes {
    padding-top: 40px;
    margin: 0 30px; }
    .slider.newHomes .backHomes {
      font-family: 'bebas_neueregular';
      position: relative;
      margin: 40px 0;
      display: block;
      padding-left: 30px; }
      .slider.newHomes .backHomes:before {
        content: '';
        background-position: -340px -400px;
        width: 7px;
        height: 14px;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
    .slider.newHomes article {
      margin: 0; }
      .slider.newHomes article + article {
        margin-top: 60px; }
    .slider.newHomes .sliderContent p {
      padding-top: 10px; }
  .slider .sliderContent h3 {
    font-size: 1.5625rem;
    padding-top: 7px; }
  .slider .sliderContent h4, .slider .sliderContent h5 {
    color: #2a2f32;
    font-size: 1rem; }
  .slider .sliderContent h5 {
    padding-bottom: 16px;
    border-bottom: 4px solid #dbdcdb; }
  .slider .sliderContent p + p {
    padding-top: 18px; }
  .slider .sliderContent p {
    line-height: 1.1875;
    font-size: 1rem; }
  .slider .sliderContent .lists {
    padding-top: 15px; }
  .slider .sliderContent .left {
    font-size: 1rem;
    float: left;
    width: 64px; }
    .slider .sliderContent .left li + li {
      padding-top: 20px; }
  .slider .sliderContent .right {
    font-family: 'bebas_neueregular';
    font-size: 1.25rem;
    float: left;
    width: 126px;
    margin-left: 24px; }
    .slider .sliderContent .right li + li {
      padding-top: 16px; }
  .slider .sliderContent ul {
    color: #2a2f32; }
    .slider .sliderContent ul li + li {
      padding-top: 20px; }
  .slider .swiper-container h2 {
    position: absolute;
    text-align: center;
    color: white;
    font-size: 2rem;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    margin-top: -19px;
    top: 50%;
    z-index: 100; }
  .slider .swiper-slide {
    list-style: none;
    margin-left: 0; }
    .slider .swiper-slide a {
      display: inline-block; }
  .slider.homepageSlider {
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 30px;
    margin-right: 30px; }
    .slider.homepageSlider .successStory .sliderContent {
      border-bottom: 4px solid #6e6e6e;
      position: relative;
      padding: 0 10px 40px 10px; }
      .slider.homepageSlider .successStory .sliderContent:after {
        content: '';
        background-position: -100px -100px;
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        bottom: 10px;
        right: 0; }
    .slider.homepageSlider .successStory h3 {
      font-family: 'bebas_neuebold';
      font-size: 1.5rem;
      line-height: 1;
      color: #ef2935;
      padding-top: 30px; }
    .slider.homepageSlider .successStory figure {
      max-height: 160px;
      overflow: hidden; }
    .slider.homepageSlider .newsSlide .sliderContent {
      border-bottom: 4px solid #6e6e6e;
      padding: 0 10px 40px 10px; }
      .slider.homepageSlider .newsSlide .sliderContent:after {
        content: '';
        background-position: -100px -100px;
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        bottom: 10px;
        right: 0; }
      .slider.homepageSlider .newsSlide .sliderContent h3 {
        font-family: 'bebas_neuebold';
        color: #ef2935;
        font-size: 1.5rem;
        padding-top: 30px;
        padding-bottom: 10px;
        line-height: 1; }
    .slider.homepageSlider .newsSlide figure {
      max-height: 160px;
      width: 100%;
      overflow: hidden; }
    .slider.homepageSlider h2 {
      font-family: 'bebas_neuebold';
      font-size: 2.5rem;
      color: #6e6e6e;
      padding-bottom: 32px; }
    .slider.homepageSlider .sliderContent {
      padding-bottom: 40px;
      position: relative; }
      .slider.homepageSlider .sliderContent h4 {
        padding-top: 6px; }
      .slider.homepageSlider .sliderContent h5 {
        border: 0; }
  .slider.pageSlider .sponsor {
    margin-top: 20px; }
  .slider.pageSlider .swiper-menu h4 {
    font-size: 1.125rem; }
  .slider.partnerSlider {
    padding-top: 40px;
    margin: 0 30px; }
    .slider.partnerSlider article + article {
      margin-top: 30px; }
  .slider .swiper-menu.smallSliderMenu button {
    width: 7px;
    left: 0; }
    .slider .swiper-menu.smallSliderMenu button:before {
      content: '';
      background-position: -340px -370px; }
    .slider .swiper-menu.smallSliderMenu button.next {
      right: 0; }
  .slider .swiper-menu button {
    width: 7px;
    height: 14px;
    left: 15px;
    top: 50%;
    margin: 0;
    bottom: 0;
    font-size: 0; }
    .slider .swiper-menu button:before {
      content: '';
      display: block;
      width: 7px;
      height: 20px;
      background-position: -99px -240px;
      margin: 0 auto; }
    .slider .swiper-menu button.next {
      right: 15px;
      left: auto; }
      .slider .swiper-menu button.next:before {
        content: '';
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }

.grid-box {
  position: relative;
  color: white;
  font-family: 'bebas_neueregular';
  font-weight: 800;
  font-size: 3.125rem; }
  .grid-box .col {
    display: none; }
    .grid-box .col:last-child {
      display: block; }
  .grid-box .box {
    width: 100%;
    height: 129px;
    position: relative; }
  .grid-box h4 {
    z-index: 1;
    font-family: 'bebas_neuebold';
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    line-height: 1;
    right: 0; }
  .grid-box a {
    width: 100%;
    height: 100%;
    display: inline-block; }

.promoContent {
  text-align: center; }
  .promoContent .grid-box {
    margin: 80px 0; }
  .promoContent .textPanel + .textPanel {
    margin-top: 60px; }
  .promoContent .textPanel h2 {
    padding-bottom: 4px;
    position: relative;
    /*
    			&:after {
    				content: '';
    				display: block;
    				width: 100vw;
    				border-bottom: 4px solid $lightgrey;	
    				position: absolute;
    				bottom: 0;
    				left: 50%;
    				margin-left: -50vw;
    			}
    */ }

/* -----Products and cart process----*/
.basketBtn {
  position: absolute;
  right: 80px;
  top: 27px;
  width: 40px; }
  .basketBtn button {
    background-position: -380px -100px;
    width: 18px;
    height: 16px;
    text-indent: -9999px;
    position: absolute;
    right: 0; }
  .basketBtn span {
    display: block;
    color: white;
    position: absolute;
    left: 0;
    top: 0; }

.productPagination {
  position: relative;
  width: 112px; }
  .productPagination h4 {
    font-family: 'bebas_neuebold';
    color: #6e6e6e;
    padding-left: 24px; }
    .productPagination h4 span {
      color: #2a2f32; }
  .productPagination a {
    width: 6px;
    display: block;
    height: 13px;
    top: 1px;
    margin: 0;
    bottom: 0;
    font-size: 0;
    margin: 0 10px;
    position: absolute; }
    .productPagination a:before {
      content: '';
      display: block;
      width: 6px;
      height: 13px;
      background-position: -339px -400px;
      margin: 0 auto; }
  .productPagination a + a {
    right: 0;
    left: auto; }
    .productPagination a + a:before {
      content: '';
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.basket {
  background-color: #f2f4f2;
  display: none;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 200ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 200ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 200ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 200ms;
  transition-property: all; }
  .basket h3 {
    border-bottom: 1px solid #dddddd;
    padding: 17px 20px 12px 20px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #ef2935;
    letter-spacing: 1px; }
  .basket ul {
    list-style: none; }
    .basket ul li {
      border-bottom: 1px solid #dddddd;
      height: 80px; }
      .basket ul li .text {
        width: 290px;
        height: 80px;
        float: left;
        font-size: 0.875rem;
        line-height: 1.33;
        padding: 17px 20px; }
      .basket ul li .actions {
        width: 50px;
        height: 80px;
        float: right;
        border-left: 1px solid #dddddd; }
        .basket ul li .actions button {
          width: 100%;
          height: 40px;
          border-bottom: 1px solid #dddddd; }
          .basket ul li .actions button:before {
            content: '';
            display: block;
            width: 12px;
            height: 11px;
            background-position: -400px -150px; }
        .basket ul li .actions input {
          width: 100%;
          border: 0;
          height: 40px;
          padding: 0;
          text-align: center;
          font-size: 0.875rem; }
  .basket .subtotal {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 18px 20px 12px 20px; }
    .basket .subtotal span {
      display: block;
      width: 50%;
      float: left;
      letter-spacing: 1px; }
      .basket .subtotal span div {
        display: inline; }
      .basket .subtotal span:first-child {
        color: #ef2935; }
      .basket .subtotal span + span {
        text-align: right; }
  .basket .basketLink {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 15px 0 13px 0;
    font-size: 0.875rem;
    text-align: center;
    background-color: #ef2935;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all;
    position: relative;
    z-index: 10000; }
    .basket .basketLink + .basketLink {
      background-color: #dcdddc;
      color: #6e6e6e;
      position: relative;
      z-index: 10000; }

.productGrid .summary {
  color: #ef2935;
  padding-bottom: 6px;
  font-size: 1.875rem; }
.productGrid .orderPlaced {
  border-top: 1px solid rgba(170, 170, 170, 0.5);
  padding: 8px 0; }
.productGrid .orderConfirm {
  margin-bottom: 50px; }
  .productGrid .orderConfirm h2 {
    font-size: 3.4375rem;
    color: #ef2935;
    padding-bottom: 22px; }
  .productGrid .orderConfirm .orderNum {
    font-size: 1rem;
    padding-bottom: 22px; }
    .productGrid .orderConfirm .orderNum span {
      display: inline-block;
      text-decoration: underline; }
  .productGrid .orderConfirm button {
    background-color: #ef2935;
    color: white;
    width: 100%;
    height: 45px;
    margin: 25px 0; }
  .productGrid .orderConfirm .orderBox {
    border: 1px solid rgba(170, 170, 170, 0.5);
    padding: 30px 10px 30px 10px;
    line-height: 1.1875; }
    .productGrid .orderConfirm .orderBox .pullLeft {
      padding-bottom: 44px; }
    .productGrid .orderConfirm .orderBox time, .productGrid .orderConfirm .orderBox p {
      display: block; }
.productGrid .total {
  margin-top: 30px; }
  .productGrid .total .discountCode {
    position: relative;
    margin-top: 30px; }
    .productGrid .total .discountCode input {
      background-color: #ef2935;
      border: 0;
      -webkit-appearance: none;
      padding: 0;
      color: white; }
    .productGrid .total .discountCode label {
      position: absolute;
      color: white;
      top: 15px; }
      .productGrid .total .discountCode label.faded {
        opacity: 0.5; }
      .productGrid .total .discountCode label.hide {
        opacity: 0; }
  .productGrid .total a {
    padding-top: 15px; }
  .productGrid .total button, .productGrid .total a, .productGrid .total label, .productGrid .total input {
    display: block;
    height: 45px;
    font-size: 1rem;
    text-align: center;
    width: 100%; }
    .productGrid .total button + button, .productGrid .total a + button, .productGrid .total label + button, .productGrid .total input + button {
      margin-top: 10px; }
    .productGrid .total button.whiteBg, .productGrid .total a.whiteBg, .productGrid .total label.whiteBg, .productGrid .total input.whiteBg {
      border: 1px solid rgba(170, 170, 170, 0.5);
      color: #6e6e6e;
      margin-top: 40px; }
    .productGrid .total button.greyBg, .productGrid .total a.greyBg, .productGrid .total label.greyBg, .productGrid .total input.greyBg {
      background-color: #6e6e6e;
      color: white; }
    .productGrid .total button.redBg, .productGrid .total a.redBg, .productGrid .total label.redBg, .productGrid .total input.redBg {
      background-color: #ef2935;
      color: white; }
  .productGrid .total .totalAmount {
    padding: 50px 0; }
  .productGrid .total .continue {
    border: 1px solid #ef2935;
    color: #ef2935;
    background-color: white;
    padding-top: 16px;
    margin-top: 10px; }
  .productGrid .total .price + .price {
    padding-top: 22px; }
  .productGrid .total .price:first-child {
    border-top: 1px solid rgba(170, 170, 170, 0.5);
    border-bottom: 1px solid rgba(170, 170, 170, 0.5);
    padding: 24px 0 20px 0; }
  .productGrid .total h3 {
    font-size: 1.6875rem;
    color: #6e6e6e; }
    .productGrid .total h3 span {
      color: #ef2935;
      font-size: 1rem;
      display: inline-block;
      float: right;
      padding-top: 5px; }
.productGrid .deliveryOptions h2 {
  font-size: 1.875rem;
  border-top: 1px solid rgba(170, 170, 170, 0.5);
  border-bottom: 1px solid rgba(170, 170, 170, 0.5);
  padding: 24px 0 20px 0;
  color: #6e6e6e;
  margin-bottom: 30px; }
.productGrid .deliveryOptions .input {
  margin-left: -20px; }
  .productGrid .deliveryOptions .input input {
    width: 25px; }
  .productGrid .deliveryOptions .input label {
    color: #6e6e6e; }
  .productGrid .deliveryOptions .input + .input {
    margin-top: 16px; }
.productGrid .breakdown .col {
  border-top: 1px solid rgba(170, 170, 170, 0.5);
  padding: 30px 0; }
.productGrid .breakdown figure {
  width: 102px;
  float: left; }
.productGrid .breakdown .product-text {
  width: 150px;
  float: left;
  margin-left: 6px;
  color: #6e6e6e; }
  .productGrid .breakdown .product-text h2 {
    font-size: 1.5625rem;
    padding-bottom: 6px; }
  .productGrid .breakdown .product-text p {
    font-size: 1rem;
    padding-bottom: 12px; }
  .productGrid .breakdown .product-text button {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #6e6e6e;
    position: relative;
    margin-bottom: 30px; }
    .productGrid .breakdown .product-text button:before {
      content: '';
      background-position: -400px -150px;
      display: block;
      position: absolute;
      right: -20px;
      top: 3px;
      width: 12px;
      height: 11px; }
  .productGrid .breakdown .product-text input {
    border: 1px solid rgba(170, 170, 170, 0.5);
    height: 45px;
    color: #6e6e6e;
    padding-left: 15px;
    font-size: 1rem;
    width: 100px; }
  .productGrid .breakdown .product-text .price {
    margin-top: 20px; }
    .productGrid .breakdown .product-text .price h3 span {
      color: #ef2935;
      font-size: 1.25rem;
      display: inline-block; }
      .productGrid .breakdown .product-text .price h3 span + span {
        color: #6e6e6e;
        text-decoration: line-through;
        font-size: 1rem; }

.shopPanel {
  padding: 30px 0 60px 0;
  margin: 0 30px; }
  .shopPanel .continue {
    display: block;
    height: 45px;
    font-size: 1rem;
    text-align: center;
    width: 100%;
    background-color: #ef2935;
    color: white; }
  .shopPanel .confirm .optionCheck {
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-top: 30px; }
    .shopPanel .confirm .optionCheck .option {
      position: relative; }
      .shopPanel .confirm .optionCheck .option + .option {
        margin-top: 20px; }
      .shopPanel .confirm .optionCheck .option label {
        float: right;
        width: 200px; }
      .shopPanel .confirm .optionCheck .option span {
        width: 37px;
        height: 37px;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        display: block;
        border: 2px solid #dddddd;
        background: white;
        border-radius: 50%; }
    .shopPanel .confirm .optionCheck .reg-checkbox {
      -webkit-appearance: none;
      width: 44px;
      height: 44px;
      margin: 0; }
      .shopPanel .confirm .optionCheck .reg-checkbox:checked {
        background-color: white; }
    .shopPanel .confirm .optionCheck .reg-checkbox:checked + span:after {
      content: '';
      background-position: -199px -200px;
      width: 14px;
      height: 11px;
      position: absolute;
      top: 12px;
      left: 10px;
      border: 0;
      border-radius: 6px; }
  .shopPanel .confirm.overview {
    margin-top: 60px; }
    .shopPanel .confirm.overview button, .shopPanel .confirm.overview a {
      display: block;
      width: 100%;
      height: 45px;
      text-align: center;
      font-size: 1rem;
      margin-bottom: 10px;
      margin-top: 30px; }
    .shopPanel .confirm.overview button {
      color: white; }
      .shopPanel .confirm.overview button.redBg {
        color: white;
        background-color: #ef2935; }
      .shopPanel .confirm.overview button.greyBg {
        background-color: #6e6e6e; }
    .shopPanel .confirm.overview > h2 {
      color: #ef2935;
      font-size: 1.875rem;
      padding-bottom: 10px; }
    .shopPanel .confirm.overview ul {
      list-style: none; }
    .shopPanel .confirm.overview .breakdown {
      text-transform: uppercase;
      color: #2a2f32; }
    .shopPanel .confirm.overview li {
      background-color: #e7e8e7;
      text-transform: uppercase;
      color: #2a2f32;
      display: block;
      height: 45px;
      padding-top: 15px;
      border: 1px solid rgba(170, 170, 170, 0.5); }
      .shopPanel .confirm.overview li:first-child {
        height: 120px;
        text-transform: none; }
        .shopPanel .confirm.overview li:first-child .text {
          width: 170px; }
      .shopPanel .confirm.overview li .text {
        float: left;
        padding-left: 12px; }
      .shopPanel .confirm.overview li h2 {
        float: right;
        padding-right: 12px; }
      .shopPanel .confirm.overview li + .totalValue {
        margin-top: 10px; }
  .shopPanel .cols.confirm .input input {
    text-transform: uppercase;
    background-color: #e7e8e7;
    color: #2a2f32; }
  .shopPanel .cols.confirm .input + a {
    color: #ef2935;
    text-decoration: underline;
    display: block; }
  .shopPanel .cols .overview {
    margin-top: 30px; }
    .shopPanel .cols .overview button, .shopPanel .cols .overview a {
      display: block;
      width: 100%;
      height: 45px;
      text-align: center;
      font-size: 1rem;
      margin-bottom: 10px; }
    .shopPanel .cols .overview a {
      border: 1px solid #ef2935;
      padding-top: 15px; }
    .shopPanel .cols .overview button {
      color: white; }
      .shopPanel .cols .overview button.redBg {
        color: white;
        background-color: #ef2935; }
      .shopPanel .cols .overview button.greyBg {
        background-color: #6e6e6e; }
  .shopPanel .cols .sm-text {
    padding-bottom: 10px; }
  .shopPanel .cols .hidden {
    display: none; }
  .shopPanel .cols .col + .col {
    margin-top: 60px; }
  .shopPanel .cols .col h2 {
    color: #ef2935;
    font-size: 1.875rem;
    padding-bottom: 10px; }
  .shopPanel .cols .twoInput .input + .input {
    margin-right: 10px; }
  .shopPanel .cols .smInput .sm-text {
    width: 130px; }
  .shopPanel .cols .smInput .sm-text, .shopPanel .cols .twoInput .sm-text {
    float: left; }
  .shopPanel .cols .smInput .input, .shopPanel .cols .twoInput .input {
    float: right;
    width: 80px; }
  .shopPanel .cols .smInput.expiry .input, .shopPanel .cols .twoInput.expiry .input {
    float: left;
    margin-left: 10px; }
    .shopPanel .cols .smInput.expiry .input + .input, .shopPanel .cols .twoInput.expiry .input + .input {
      margin-right: 0px; }
  .shopPanel .cols .smInput.expiry > div, .shopPanel .cols .twoInput.expiry > div {
    float: right; }
  .shopPanel .cols .select {
    position: relative; }
    .shopPanel .cols .select span {
      display: block;
      position: absolute;
      background-color: #dcdddc;
      width: 44px;
      height: 45px;
      right: 0;
      top: 0;
      pointer-events: none; }
      .shopPanel .cols .select span:before {
        content: '';
        background-image: url("../images/red-arrow.svg");
        background-repeat: no-repeat;
        width: 22px;
        height: 11px;
        display: block;
        margin: 21px auto 0 auto; }
      .shopPanel .cols .select span:after {
        content: '';
        background-position: -440px -200px;
        width: 44px;
        height: 10px;
        display: block;
        position: absolute;
        bottom: -10px;
        right: 0; }
  .shopPanel .cols select {
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid rgba(170, 170, 170, 0.5);
    background-color: transparent;
    font-size: 0.875rem;
    color: #6e6e6e;
    width: 100%;
    padding-left: 12px;
    text-transform: uppercase;
    height: 44px;
    margin-bottom: 10px; }
  .shopPanel .cols .input {
    position: relative;
    margin-bottom: 10px; }
    .shopPanel .cols .input label {
      position: absolute;
      top: 17px;
      left: 12px;
      font-size: 0.875rem;
      color: #6e6e6e;
      line-height: 1;
      text-transform: uppercase;
      pointer-events: none;
      z-index: 15; }
    .shopPanel .cols .input #card-element {
      border: 1px solid #dcdddc;
      height: 38px;
      margin-left: auto;
      padding-top: 5px;
      padding-left: 20px; }
    .shopPanel .cols .input input, .shopPanel .cols .input textarea {
      height: 44px;
      width: 100%;
      border: 1px solid rgba(170, 170, 170, 0.5);
      color: #6e6e6e;
      font-size: 0.875rem;
      line-height: 1;
      -webkit-transition-timing-function: ease;
      -webkit-transition-duration: 350ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: ease;
      -moz-transition-duration: 350ms;
      -moz-transition-property: all;
      -o-transition-timing-function: ease;
      -o-transition-duration: 350ms;
      -o-transition-property: all;
      -ms-transition-timing-function: ease;
      -ms-transition-duration: 350ms;
      -ms-transition-property: all;
      transition-timing-function: ease;
      transition-duration: 350ms;
      transition-property: all;
      padding: 2px 15px 0 12px;
      background-color: white;
      position: relative;
      z-index: 10; }
      .shopPanel .cols .input input:hover, .shopPanel .cols .input textarea:hover {
        border-color: #a1a1a1; }
      .shopPanel .cols .input input:focus, .shopPanel .cols .input textarea:focus {
        border-color: #4d4d4d; }
    .shopPanel .cols .input textarea {
      height: 88px; }
    .shopPanel .cols .input .errorMessage {
      display: block;
      position: relative;
      z-index: 1;
      font-size: 0.75rem;
      padding-top: 12px;
      color: red;
      opacity: 0;
      margin-top: -24px;
      pointer-events: none;
      -webkit-transition-timing-function: ease;
      -webkit-transition-duration: 350ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: ease;
      -moz-transition-duration: 350ms;
      -moz-transition-property: all;
      -o-transition-timing-function: ease;
      -o-transition-duration: 350ms;
      -o-transition-property: all;
      -ms-transition-timing-function: ease;
      -ms-transition-duration: 350ms;
      -ms-transition-property: all;
      transition-timing-function: ease;
      transition-duration: 350ms;
      transition-property: all; }
    .shopPanel .cols .input.tickbox + .smText {
      padding-top: 30px; }
    .shopPanel .cols .input.tickbox label {
      width: 90%;
      position: static;
      font-size: 0.875rem;
      text-transform: none;
      display: inline-block;
      float: left;
      color: #4d4d4d; }
    .shopPanel .cols .input.tickbox input {
      display: inline-block;
      float: right;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0; }
    .shopPanel .cols .input.error input {
      border-color: red; }
    .shopPanel .cols .input.error .errorMessage {
      opacity: 1;
      margin-top: 0; }
    .shopPanel .cols .input + a {
      display: block;
      font-size: 0.875rem;
      color: #4d4d4d;
      text-decoration: none; }
      .shopPanel .cols .input + a + h2 {
        padding-top: 52px; }
    .shopPanel .cols .input + h2 {
      padding-top: 52px; }
  .shopPanel .productSlider .swiper-menu button:before {
    background-position: -76px -240px; }
  .shopPanel .productSlider figure {
    width: 250px;
    margin: 0 auto; }

.back {
  display: block;
  color: #ef2935;
  font-family: 'bebas_neueregular';
  padding-bottom: 30px;
  font-size: 1.125rem;
  position: relative;
  padding-left: 20px; }
  .back:before {
    content: '';
    display: inline-block;
    padding-right: 15px;
    width: 6px;
    height: 13px;
    background-position: -339px -400px;
    margin: 0 auto;
    position: absolute;
    left: 0; }

.productInformation {
  border-top: 1px solid #dddddd;
  padding-top: 30px;
  margin-top: 50px; }
  .productInformation .info {
    width: 120px;
    float: left; }
    .productInformation .info div + div {
      margin-top: 15px; }
    .productInformation .info h3 {
      font-size: 0.875rem; }
      .productInformation .info h3 span {
        display: block;
        padding-top: 10px; }

.productList .breakdown,
.productOverview .breakdown {
  margin: 40px 0; }
  .productList .breakdown .product-option,
  .productOverview .breakdown .product-option {
    margin-bottom: 30px;
    max-width: 250px;
    width: 100%; }
    .productList .breakdown .product-option label,
    .productOverview .breakdown .product-option label {
      font-size: 1rem;
      color: #646464;
      margin-bottom: 10px;
      display: block; }
  .productList .breakdown select,
  .productOverview .breakdown select {
    border-radius: 0;
    border: 1px solid rgba(170, 170, 170, 0.5);
    background-color: transparent;
    font-size: 0.875rem;
    color: #6e6e6e;
    width: 100%;
    padding-left: 12px;
    text-transform: uppercase;
    height: 44px;
    margin-bottom: 10px; }
  .productList .breakdown h3,
  .productOverview .breakdown h3 {
    font-size: 1rem;
    color: #646464; }
    .productList .breakdown h3 span,
    .productOverview .breakdown h3 span {
      padding-top: 22px;
      display: block;
      color: #ef2935;
      font-size: 1.5625rem; }
  .productList .breakdown .price,
  .productOverview .breakdown .price {
    width: 70px;
    float: left; }
  .productList .breakdown .quantityOverview,
  .productOverview .breakdown .quantityOverview {
    margin-bottom: 20px;
    float: left; }
  .productList .breakdown .quantitySelect,
  .productOverview .breakdown .quantitySelect {
    position: relative;
    margin-left: 60px;
    float: left;
    width: 110px; }
  .productList .breakdown .pricePerCase,
  .productOverview .breakdown .pricePerCase {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
    position: relative;
    float: left; }
    .productList .breakdown .pricePerCase h3,
    .productOverview .breakdown .pricePerCase h3 {
      float: left; }
      .productList .breakdown .pricePerCase h3 span,
      .productOverview .breakdown .pricePerCase h3 span {
        color: #646464; }
    .productList .breakdown .pricePerCase p,
    .productOverview .breakdown .pricePerCase p {
      padding-top: 0;
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 0.9375rem;
      line-height: 1.66; }
.productList .basketConfirmation button,
.productOverview .basketConfirmation button {
  border: 1px solid #ef2935;
  width: 100%;
  font-size: 1rem;
  color: #ef2935;
  height: 35px;
  margin: 0 auto; }
  .productList .basketConfirmation button + button,
  .productOverview .basketConfirmation button + button {
    margin-top: 10px; }
.productList .basketConfirmation p,
.productOverview .basketConfirmation p {
  font-size: 0.8125rem;
  line-height: 1.307;
  padding-top: 48px; }

.productOverview {
  padding-top: 60px; }
  .productOverview h2 {
    font-size: 1.875rem;
    line-height: 1.3;
    padding-bottom: 5px; }
  .productOverview h4 {
    font-size: 0.9375rem; }
  .productOverview p {
    color: #6e6e6e;
    font-size: 1.0625rem;
    line-height: 1.47;
    padding-top: 28px; }
    .productOverview p + p {
      padding-top: 10px; }

.quantitySelect {
  position: relative;
  margin-top: -7px; }
  .quantitySelect p {
    border: 0;
    padding-top: 0; }
    .quantitySelect p label {
      font-size: 1rem;
      color: #646464; }
    .quantitySelect p input {
      -webkit-appearance: none;
      border-radius: 0;
      border: 0;
      padding: 0;
      height: 35px;
      width: 110px;
      background-color: rgba(221, 221, 221, 0.6);
      font-size: 1.5rem;
      color: #ef2935;
      margin-top: 18px;
      padding-left: 5px; }

.productList {
  padding: 60px 15px;
  position: relative;
  text-align: center; }
  .productList.individualProducts {
    padding-top: 0; }
    .productList.individualProducts .back {
      padding: 60px 0;
      display: block;
      width: 150px; }
    .productList.individualProducts li {
      width: -moz-calc(100vw - 60px);
      width: -o-calc(100vw - 60px);
      width: -webkit-calc(100vw - 60px);
      width: calc(100vw - 60px);
      margin-left: auto;
      margin-right: auto; }
      .productList.individualProducts li figure {
        float: left;
        width: 50%; }
        .productList.individualProducts li figure:after {
          display: none; }
      .productList.individualProducts li a {
        display: block; }
    .productList.individualProducts .text {
      position: static;
      float: right;
      width: 50%;
      text-align: left;
      -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
      padding-left: 18px; }
      .productList.individualProducts .text h2 {
        font-size: 1.25rem;
        border-bottom: 0;
        padding-bottom: 12px;
        display: block;
        color: #6e6e6e; }
      .productList.individualProducts .text p {
        color: #6e6e6e;
        font-size: 0.875rem; }
      .productList.individualProducts .text span {
        background-color: transparent;
        width: auto;
        height: auto;
        margin: 0;
        color: #ef2935;
        text-align: left;
        padding-top: 6px; }
  .productList li {
    display: inline-block;
    list-style: none;
    position: relative; }
    .productList li + li {
      margin-top: 60px; }
    .productList li figure {
      position: relative; }
      .productList li figure:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(110, 110, 110, 0.75);
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
  .productList .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0; }
    .productList .text h2 {
      font-size: 3rem;
      border-bottom: 2px solid #ef2935;
      display: inline;
      color: white; }
    .productList .text p {
      font-size: 1.125rem;
      padding-top: 12px;
      color: white; }
  .productList span {
    display: block;
    background-color: #ef2935;
    width: 185px;
    height: 46px;
    margin: -20px auto 0 auto;
    color: white;
    text-align: center;
    font-size: 1.25rem;
    padding-top: 16px;
    position: relative; }

/* -----Sponsorship styles----*/
.chooseChildModal {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
  left: 0;
  z-index: 10000000;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  margin-top: 40px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 100ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 100ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 100ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 100ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 100ms;
  transition-property: all;
  pointer-events: none;
  overflow: auto; }
  .chooseChildModal .wrapper {
    padding: 60px 30px 120px 30px; }
  .chooseChildModal form ul {
    right: auto;
    left: 180px; }
  .chooseChildModal form .sponsor {
    float: left; }
  .chooseChildModal form .go {
    background-image: url("../images/choose-child-go.svg");
    width: 53px;
    height: 45px;
    display: block;
    position: absolute;
    right: -2px;
    top: 0;
    font-size: 0;
    z-index: 1000; }
  .chooseChildModal form fieldset:last-of-type {
    padding-bottom: 60px; }
  .chooseChildModal form .close {
    background-image: url("../images/close-form.svg");
    width: 53px;
    height: 45px;
    font-size: 0;
    float: right; }
  .chooseChildModal .textPanel h3 {
    padding-bottom: 30px; }

.sponsorLogin {
  position: fixed;
  z-index: 1000000000000;
  background: rgba(30, 40, 40, 0.97);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 500ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 500ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 500ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 500ms;
  transition-property: all;
  width: 100%;
  top: -768px;
  padding-bottom: 40px; }
  .sponsorLogin.open-form {
    display: block;
    -webkit-transform: translateY(768px);
    -ms-transform: translateY(768px);
    transform: translateY(768px); }
  .sponsorLogin form {
    padding: 0 30px;
    position: relative;
    margin-top: 40px; }
    .sponsorLogin form .close {
      background-position: -440px -150px;
      width: 12px;
      height: 12px;
      display: block;
      margin-left: auto;
      margin-bottom: 20px; }
    .sponsorLogin form .enter {
      width: 83px;
      height: 62px;
      display: block;
      background-color: #ef2935;
      color: white;
      font-size: 1.875rem;
      margin-left: auto;
      margin-top: 40px; }
    .sponsorLogin form h2 {
      color: white;
      font-size: 1.4375rem;
      line-height: 1.08;
      padding-bottom: 30px; }
    .sponsorLogin form .input + .input {
      margin-top: 15px; }
    .sponsorLogin form .input {
      width: 100%;
      height: 62px;
      background: white;
      border: 1px solid #6e6e6e;
      position: relative; }
      .sponsorLogin form .input ul li {
        list-style: none;
        color: #2a2f32;
        position: absolute;
        right: 25px;
        top: 26px; }
      .sponsorLogin form .input input {
        background: white;
        border: none;
        border-radius: 0;
        position: absolute;
        left: 7px;
        font-size: 1.25rem;
        color: #2a2f32;
        padding-top: 20px; }
      .sponsorLogin form .input label {
        color: #ef2935;
        font-size: 1.5625rem;
        padding-top: 20px;
        position: absolute;
        padding-left: 7px;
        pointer-events: none; }
        .sponsorLogin form .input label.faded {
          opacity: 0.5; }
    .sponsorLogin form a {
      color: white;
      font-size: 0.75rem;
      display: block;
      text-align: right;
      padding-top: 38px;
      padding-bottom: 30px; }
    .sponsorLogin form .loginError {
      font-size: 0.75rem;
      text-align: right;
      width: 200px;
      margin-left: auto;
      padding-bottom: 50px;
      line-height: 1.2;
      display: none; }

.sponsor {
  background-color: #ef2935;
  width: 164px;
  height: 44px;
  color: white;
  position: relative;
  text-align: left;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  font-family: 'bebas_neuebold';
  font-size: 1.25rem;
  padding-left: 15px;
  padding-top: 4px; }
  .sponsor:after {
    content: '';
    background-position: -400px -200px;
    width: 12px;
    height: 44px;
    position: absolute;
    right: -12px;
    top: 0; }

.sponsorText {
  padding: 40px 15px 0 15px; }
  .sponsorText h3 {
    font-family: 'bebas_neueregular';
    font-size: 1.5625rem;
    padding-bottom: 30px; }
  .sponsorText .leftCol .sponsoredChild.remove {
    display: none; }
  .sponsorText .leftCol .chosen figure {
    position: relative; }
    .sponsorText .leftCol .chosen figure:before {
      content: "chosen for you";
      background-color: rgba(239, 41, 53, 0.7);
      width: 100%;
      height: 46px;
      display: block;
      position: absolute;
      bottom: 0;
      color: white;
      font-family: 'bebas_neuebold';
      font-size: 1.125rem;
      padding-left: 15px;
      padding-top: 17px;
      line-height: 1; }
  .sponsorText .leftCol .nextBtn {
    margin-right: auto;
    margin-left: 0;
    background-color: #dcdddc;
    color: #ef2935; }
    .sponsorText .leftCol .nextBtn:before {
      content: '';
      background-position: -70px -200px;
      width: 14px;
      height: 16px;
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -8px; }
    .sponsorText .leftCol .nextBtn:after {
      background-position: -305px -440px;
      width: 16px;
      right: -16px; }
  .sponsorText .leftCol > div + div {
    margin-top: 40px; }
  .sponsorText .sponsorBreakdown .update {
    width: 100%;
    text-align: left;
    color: #6e6e6e;
    padding-bottom: 10px; }
  .sponsorText .sponsorBreakdown h3 {
    padding-bottom: 10px; }
  .sponsorText .sponsorBreakdown h4 {
    padding: 20px 0 10px 0; }
  .sponsorText .sponsorBreakdown .col {
    width: 50%;
    float: left; }
  .sponsorText .sponsorBreakdown ul {
    padding-bottom: 60px; }
    .sponsorText .sponsorBreakdown ul li {
      color: #6e6e6e; }
      .sponsorText .sponsorBreakdown ul li + li {
        padding-top: 10px; }
    .sponsorText .sponsorBreakdown ul li:nth-child(n+2) {
      color: #ef2935; }
  .sponsorText .sliderContent {
    padding-top: 6px; }
    .sponsorText .sliderContent h3 {
      padding-bottom: 0;
      font-family: 'bebas_neuebold';
      font-size: 1.5625rem;
      padding-bottom: 8px;
      line-height: 1 !important; }
    .sponsorText .sliderContent h4, .sponsorText .sliderContent h5 {
      font-size: 1rem;
      color: #2a2f32; }

.selectMenu {
  width: 243px;
  margin: 0 auto;
  padding-bottom: 35px;
  padding-top: 28px; }
  .selectMenu select {
    color: #6e6e6e;
    height: 30px;
    width: 243px;
    border: 0;
    border-radius: 0;
    background-color: white;
    font-size: 1rem;
    border: 1px solid #dcdddc;
    margin: 0;
    padding: 0; }

.sponsorBreakdown {
  padding-bottom: 100px;
  padding-top: 70px; }
  .sponsorBreakdown h2 {
    font-family: 'bebas_neuebook'; }
    .sponsorBreakdown h2 span {
      display: inline-block;
      font-family: 'bebas_neuebold'; }
  .sponsorBreakdown h2 + p {
    padding-top: 22px; }
  .sponsorBreakdown .textBlock .columns {
    padding-top: 0; }
    .sponsorBreakdown .textBlock .columns .col + .col {
      float: right; }
    .sponsorBreakdown .textBlock .columns .col {
      float: left; }
      .sponsorBreakdown .textBlock .columns .col ul li {
        color: #ef2935;
        font-size: 1rem; }
      .sponsorBreakdown .textBlock .columns .col ul li + li {
        padding-top: 5px; }
      .sponsorBreakdown .textBlock .columns .col ul li {
        margin-left: 0; }
        .sponsorBreakdown .textBlock .columns .col ul li:before {
          display: none; }
  .sponsorBreakdown .textBlock h3 {
    font-size: 1rem;
    padding-top: 22px;
    padding-bottom: 12px; }
  .sponsorBreakdown .textBlock h4 {
    padding-bottom: 5px;
    font-family: 'Effra W01 Regular';
    font-size: 1rem;
    color: #6e6e6e; }

.sponsorSlider {
  margin: 0 40px 100px 40px; }
  .sponsorSlider .top {
    margin-bottom: 60px; }
  .sponsorSlider .sponsored {
    color: #ef2935;
    font-family: 'bebas_neuebold'; }
  .sponsorSlider figure {
    margin-bottom: 15px;
    overflow: hidden; }
  .sponsorSlider .choose figure {
    max-width: 320px; }
  .sponsorSlider .choose h4 {
    border-bottom: 4px solid #dbdcdb;
    padding-bottom: 16px; }
  .sponsorSlider .list .child + .child {
    margin-top: 60px; }
  .sponsorSlider .nextBtn {
    margin-left: 0; }
  .sponsorSlider .checkBox {
    position: relative;
    font-family: 'bebas_neueregular';
    font-weight: 800;
    padding-bottom: 10px;
    margin-top: 30px; }
    .sponsorSlider .checkBox label {
      color: white;
      font-size: 1.25rem;
      position: absolute;
      left: 15px;
      top: 15px;
      pointer-events: none; }
      .sponsorSlider .checkBox label.checked {
        color: #ef2935; }
    .sponsorSlider .checkBox span {
      width: 164px;
      height: 44px;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      display: block;
      background: #ef2935; }
      .sponsorSlider .checkBox span:after {
        content: '';
        background-position: -400px -200px;
        width: 12px;
        height: 44px;
        position: absolute;
        right: -12px;
        top: 0; }
    .sponsorSlider .checkBox .reg-checkbox {
      -webkit-appearance: none;
      -o-appearance: none;
      appearance: none;
      width: 164px;
      height: 44px;
      margin: 0;
      cursor: pointer; }
      .sponsorSlider .checkBox .reg-checkbox:checked {
        background-color: #ef2935; }
    .sponsorSlider .checkBox .reg-checkbox:checked + span {
      background-color: #61d258;
      color: #ef2935; }
      .sponsorSlider .checkBox .reg-checkbox:checked + span:after {
        content: '';
        background-position: -360px -300px;
        width: 12px;
        height: 44px;
        position: absolute;
        right: -12px;
        top: 0; }

.flickrSet {
  height: 400px;
  margin-left: -10px;
  margin-top: 40px; }
  .flickrSet li {
    display: block;
    float: left;
    height: 50%;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 10px; }
    .flickrSet li a.flickrImageLink {
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: block;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      text-indent: -999px;
      background-size: cover; }

.cards {
  margin-bottom: 10px; }
  .cards img {
    float: left;
    margin-right: 7px; }
  .cards button {
    width: 48px;
    height: 33px;
    float: left;
    position: relative; }
    .cards button.mCard {
      background-image: url("../images/worldpay/mastercard.jpg");
      background-repeat: no-repeat; }
    .cards button.visa {
      background-image: url("../images/worldpay/visa.png"); }
    .cards button.visaDebit {
      background-image: url("../images/worldpay/visadebit.png"); }
    .cards button.aExpress {
      background-image: url("../images/worldpay/aexpress.png"); }
    .cards button.select:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px solid red; }
    .cards button + button {
      margin-left: 0px; }

.paymentErrors {
  color: #ef2935;
  margin-bottom: 10px;
  display: block;
  line-height: 17px;
  font-size: 0.875rem;
  text-transform: none; }

.tickbox {
  margin-top: 18px;
  margin-bottom: 0; }

.subscriptionThanks .productGrid .orderConfirm {
  margin-bottom: 25px; }
.subscriptionThanks .breakdown h2.summary {
  margin-bottom: 7px; }
.subscriptionThanks .main p {
  padding-bottom: 10px; }
.subscriptionThanks .upcoming {
  margin-top: 7px; }
  .subscriptionThanks .upcoming ul {
    margin-top: 10px; }
    .subscriptionThanks .upcoming ul li {
      list-style: circle;
      padding-left: 1px;
      margin-left: 28px; }

footer {
  position: relative;
  overflow: hidden; }

footer .cards {
  background-color: white;
  padding: 7px 8px 2px 8px;
  display: inline-block;
  float: right; }

p.product-option.product-dd {
  margin: 0;
  padding: 0; }

img.amex {
  max-height: 28px;
  margin-top: 3px;
  margin-left: 4px;
  margin-right: 0; }

.textareaMorePadding {
  padding-bottom: 26px; }

.stripe {
  text-align: center; }
  .stripe h2 {
    font-size: 1.875rem;
    padding-bottom: 20px;
    color: #ef2935; }
  .stripe .stripeButton {
    color: #ef2935;
    position: relative;
    margin-top: 20px;
    font-family: 'bebas_neueregular';
    font-size: 1.5rem;
    display: block; }

/*# sourceMappingURL=mobile.css.map */