section.invite-a-friend {
  background-position: right 10%;
  background-size: cover;
  padding: 2em 0;
  position: relative; }
  section.invite-a-friend:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
  section.invite-a-friend:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
  section.invite-a-friend .container {
    position: relative;
    z-index: 1; }
  section.invite-a-friend h2, section.invite-a-friend h3, section.invite-a-friend p {
    color: #fff; }
  section.invite-a-friend a {
    color: inherit;
    text-decoration: underline; }
  section.invite-a-friend form {
    margin: 1em 0; }
    section.invite-a-friend form h3 {
      margin-top: .5em; }
    section.invite-a-friend form .input-container .errors-alert {
      background-color: #778f8d !important; }
      section.invite-a-friend form .input-container .errors-alert:after {
        border-color: #778f8d transparent transparent transparent !important; }
    section.invite-a-friend form .btn {
      margin-top: 1em;
      width: 100%; }
    section.invite-a-friend form #thankyou {
      background: #fff;
      padding: 10px 15px;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin-top: 1em;
      line-height: 1.2em;
      display: none; }

section.carousel-section {
  /*&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 10%;
			z-index: 1;
			background-color: rgba(0,0,0,0.2);
			background: -moz-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
			@media only screen and (max-width:$xs) {
				display: none;
			}
		}*/ }
  section.carousel-section .carousel-main-title.underline span:after {
    display: none; }
  section.carousel-section .carousel .slide .carousel-title {
    font-size: 2.8rem; }

section.soci {
  padding: 2em 0; }
  section.soci .soci-box-list {
    margin: 30px 0 0 0; }
    section.soci .soci-box-list .soci-box {
      position: relative; }
      section.soci .soci-box-list .soci-box:after {
        content: '';
        padding-top: 80%;
        display: block; }
      section.soci .soci-box-list .soci-box .main-link {
        z-index: 10; }
      section.soci .soci-box-list .soci-box.soci-box-explanation:after {
        width: 100%;
        height: 15px;
        background-color: rgba(249, 183, 115, 0.7); }
      section.soci .soci-box-list .soci-box.soci-box-explanation .soci-box-content {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important; }
        section.soci .soci-box-list .soci-box.soci-box-explanation .soci-box-content:hover {
          -webkit-transform: none !important;
          -ms-transform: none !important;
          transform: none !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important; }
      section.soci .soci-box-list .soci-box.soci-box-explanation h3 {
        line-height: 1em !important; }
        section.soci .soci-box-list .soci-box.soci-box-explanation h3 strong {
          color: #FFF; }
          section.soci .soci-box-list .soci-box.soci-box-explanation h3 strong:after {
            position: absolulte; }
      section.soci .soci-box-list .soci-box .soci-box-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        section.soci .soci-box-list .soci-box .soci-box-container:after {
          content: '';
          padding-top: 80%;
          display: block; }
        section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          text-align: center;
          position: relative;
          background-color: #f9b773;
          margin: 15px;
          padding: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          overflow: hidden;
          -webkit-transition: all .5s ease-out;
          -o-transition: all .5s ease-out;
          transition: all .5s ease-out; }
          section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content.highlighted {
            background-color: #778f8d;
            color: #FFF; }
          section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content h3 {
            text-transform: uppercase;
            line-height: 0.6em; }
            section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content h3 small {
              line-height: 0.7em;
              font-size: .5em; }
          section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content h4 {
            font-size: 1.6em;
            opacity: .8; }
            section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content h4 small {
              font-size: .8em; }
          section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content svg {
            max-height: 130px; }
            section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content svg * {
              fill: #2E2E2E; }
          section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content:hover {
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
            -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2); }
            section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content:hover .hover {
              opacity: 1; }
              section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content:hover .hover .bg {
                -webkit-transition: all 2s ease-out;
                -o-transition: all 2s ease-out;
                transition: all 2s ease-out;
                -webkit-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transform: scale(1.05); }
              section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content:hover .hover .caption {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                opacity: 1; }
          section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content .hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            -webkit-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out; }
            section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content .hover .bg {
              background-position: center center;
              background-size: cover;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -webkit-transition: all .2s ease-out;
              -o-transition: all .2s ease-out;
              transition: all .2s ease-out; }
            section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content .hover .caption {
              font-family: 'Museo Sans', Tahoma, Arial, sans-serif;
              font-weight: 400;
              line-height: 1.2em;
              text-align: center;
              color: #FFF;
              width: 100%;
              position: absolute;
              bottom: 0;
              opacity: 0;
              left: 0;
              padding: 5px 10px 10px 10px;
              z-index: 1;
              font-size: 1em;
              -webkit-transition: all .2s ease-out;
              -o-transition: all .2s ease-out;
              transition: all .2s ease-out;
              -webkit-transform: translateY(100%);
              -ms-transform: translateY(100%);
              transform: translateY(100%); }
              section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content .hover .caption:before {
                background-color: rgba(0, 0, 0, 0.7);
                width: 200%;
                height: 200%;
                content: '';
                position: absolute;
                bottom: -70%;
                left: -10%;
                z-index: -1;
                -webkit-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                transform: rotate(-5deg); }
              section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content .hover .caption strong {
                font-size: 1.2em; }
              section.soci .soci-box-list .soci-box .soci-box-container .soci-box-content .hover .caption .btn {
                margin-top: 0.5em;
                display: inline-block; }