/* Home Page specific styles */
#intro {
  margin-bottom: 60px; }

#features {
  margin-bottom: 50px; }
  #features h2 {
    margin-bottom: 20px;
    line-height: 42px;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    color: #1F2122; }
  #features hr {
    width: 100px;
    margin: 0 auto 40px auto;
    border: 0;
    border-bottom: #CCC 1px solid; }
  #features .block-content .item {
    position: relative;
    padding-bottom: 20px;
    display: table; }
    #features .block-content .item.item-5 {
      clear: left; }
    #features .block-content .item.item-7 {
      margin-top: -220px; }
    #features .block-content .item .item-content {
      position: relative;
      z-index: 1;
      padding: 10px;
      font-weight: 300;
      text-align: center;
      color: #FFF;
      background-size: cover;
      cursor: pointer;
      opacity: 1;
      -moz-transition: opacity 150ms ease;
      -webkit-transition: opacity 150ms ease;
      -o-transition: opacity 150ms ease;
      transition: opacity 150ms ease;
      display: table-cell;
      vertical-align: middle;
        /*
        img {
          margin-bottom: 10px;
          line-height: 80px;

          &.icon {
          display:block;
          margin: 0 auto;
        }
        */ }
      #features .block-content .item .item-content .icon {
        display: block;
        width: 100px;
        height: 80px;
        margin: 0 auto;
        background: url(../images/homeFeatures/home-features-icons.svg) 0 0 no-repeat;
        background-size: 120px 841px; }
        #features .block-content .item .item-content .icon.companies {
          background-position: 5px 9px; }
        #features .block-content .item .item-content .icon.communities {
          background-position: 6px -230px; }
        #features .block-content .item .item-content .icon.events {
          background-position: 20px -598px; }
        #features .block-content .item .item-content .icon.learn {
          background-position: 14px -350px; }
        #features .block-content .item .item-content .icon.business-support {
          background-position: 14px -113px; }
        #features .block-content .item .item-content .icon.courses {
          background-position: 6px -708px; }
        #features .block-content .item .item-content .icon.finance {
          background-position: 15px -478px; }
        #features .block-content .item .item-content .icon.business-opportunity {
          background: url(../images/businessOpportunity/icon-businessopp-home.svg) no-repeat; }
        #features .block-content .item .item-content .icon.women, #features .block-content .item .item-content .icon.mujeres, #features .block-content .item .item-content .icon.mulheres {
          background: url(../images/ca_home/logo-women-multi.svg) no-repeat;
          width: 86px;
          height: 100px; }
        #features .block-content .item .item-content .icon.women {
          background-position: 0px -288px; }
        #features .block-content .item .item-content .icon.mujeres {
          background-position: 0px -4px; }
        #features .block-content .item .item-content .icon.mulheres {
          background-position: 0px -146px; }
      #features .block-content .item .item-content strong {
        font-weight: 700; }
      #features .block-content .item .item-content.small {
        height: 200px;
        line-height: 24px;
        font-size: 16px; }
      #features .block-content .item .item-content.big {
        height: 420px;
        line-height: 30px;
        font-size: 22px; }
    #features .block-content .item.item-1 .item-content {
      background: transparent url(../images/homeFeatures/home-companies-bg.jpg) center center no-repeat; }
    #features .block-content .item.item-2 .item-content {
      background: transparent url(../images/homeFeatures/home-communities-bg.jpg) center center no-repeat; }
    #features .block-content .item.item-3 .item-content {
      background: transparent url(../images/homeFeatures/home-events-bg.jpg) center center no-repeat; }
    #features .block-content .item.item-4 .item-content {
      background: transparent url(../images/homeFeatures/home-articles-bg.jpg) center center no-repeat; }
    #features .block-content .item.item-5 .item-content {
      background: transparent url(../images/homeFeatures/home-services-bg.jpg) center center no-repeat; }
    #features .block-content .item.item-6 .item-content {
      background: transparent url(../images/homeFeatures/home-womens-bg.jpg) center center no-repeat; }
    #features .block-content .item.item-7 .item-content {
      background: transparent url(../images/homeFeatures/home-financing-bg.jpg) center center no-repeat; }
    #features .block-content .item .item-overlay {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 10px;
      right: 10px;
      bottom: 20px;
      font-weight: 300;
      text-align: center;
      color: #FFF;
      background: #00B5CC;
      cursor: pointer;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      align-items: center;
      justify-content: center; }
      #features .block-content .item .item-overlay.small {
        font-size: 20px; }
      #features .block-content .item .item-overlay.big {
        font-size: 24px; }
    #features .block-content .item:hover .item-content {
      opacity: 0; }

#benefits {
  padding-top: 50px;
  padding-bottom: 100px;
  background: #F9F9F9; }
  #benefits h2 {
    margin-bottom: 20px;
    line-height: 42px;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    color: #1F2122; }
  #benefits hr {
    width: 100px;
    margin: 0 auto 40px auto;
    border: 0;
    border-bottom: #CCC 1px solid; }
  #benefits .block-content .grid {
    width: 74.9997%;
    margin: 0 auto 60px auto; }
    #benefits .block-content .grid .item {
      display: inline-block;
      text-align: center;
      color: #000; }
      #benefits .block-content .grid .item .image {
        margin-bottom: 20px;
        line-height: 100px; }
        #benefits .block-content .grid .item .image img {
          width: auto;
          max-width: 100%;
          max-height: 40px;
          vertical-align: middle; }
      #benefits .block-content .grid .item p {
        line-height: 20px;
        font-size: 13px; }
  #benefits .block-content .more-button {
    text-align: center; }
    #benefits .block-content .more-button a {
      display: inline-block;
      padding: 0 1em;
      line-height: 38px;
      border-radius: 3px;
      border: #00B5CC 1px solid;
      font-size: 13px;
      color: #00B5CC;
      font-size: 14px; }
      #benefits .block-content .more-button a:hover {
        color: #FFF;
        background: #00B5CC; }
      #benefits .block-content .more-button a:active {
        color: #FFF;
        background: #61C4D1; }

#home-registration-form {
  height: 400px;
  padding-top: 130px;
  color: #FFF;
  background: transparent url(../images/homeBottom/Bottom-home-bg.jpg) center center;
  background-size: cover; }
  #home-registration-form h2 {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    color: #FFF; }
  #home-registration-form .block-content form {
    width: 240px;
    margin: 0 auto; }
    #home-registration-form .block-content form input.form-text {
      margin-bottom: 15px;
      width: 240px; }
    #home-registration-form .block-content form a.btn {
      width: 100%;
      line-height: 36px; }

@media screen and (max-width: 959px) {
  #features {
    margin-bottom: 60px; }
    #features .block-title h2 {
      font-size: 26px;
      line-height: 38px;
      margin-bottom: 50px; }
    #features .block-title hr {
      display: none; }
    #features .block-content .item .item-content {
      opacity: 1 !important; }
      #features .block-content .item .item-content .icon {
        width: 76px;
        height: 62px;
        background-size: 76px 532px; }
        #features .block-content .item .item-content .icon.companies {
          background-position: 10px 11px; }
        #features .block-content .item .item-content .icon.communities {
          background-position: 10px -138px; }
        #features .block-content .item .item-content .icon.events {
          background-position: 19px -373px; }
        #features .block-content .item .item-content .icon.learn {
          background-position: 16px -216px; }
        #features .block-content .item .item-content .icon.business-support {
          background-position: 14px -113px; }
        #features .block-content .item .item-content .icon.courses {
          background-position: 10px -442px; }
        #features .block-content .item .item-content .icon.finance {
          background-position: 16px -296px; }
        #features .block-content .item .item-content .icon.business-opportunity {
          background: url(../images/businessOpportunity/icon-businessopp-home.svg) no-repeat;
          background-size: contain; }
      #features .block-content .item .item-content.small {
        line-height: 22px;
        font-size: 14px;
        overflow: hidden; }
      #features .block-content .item .item-content.big {
        line-height: 22px;
        font-size: 14px;
        overflow: hidden; }
    #features .block-content .item .item-overlay {
      display: none; }

  #benefits {
    padding-top: 50px;
    padding-bottom: 85px; }
    #benefits h2 {
      font-size: 26px;
      line-height: 36px;
      padding: 0 10px;
      margin-bottom: 85px; }
    #benefits hr {
      display: none; }
    #benefits .benefits-container {
      position: relative; }
      #benefits .benefits-container #benefit-1 {
        position: absolute;
        left: 25%;
        top: 180px; }
      #benefits .benefits-container #benefit-2 {
        position: absolute;
        left: 50%;
        top: 0; }
    #benefits .more-button {
      margin-top: 220px; }

  #home-registration-form {
    height: 210px;
    padding-top: 60px; }
    #home-registration-form .block-title h2 {
      font-size: 24px; } }
@media screen and (min-width: 320px) and (max-width: 767px) {
  #features {
    margin-bottom: 50px; }
    #features .block-title h2 {
      font-size: 20px;
      line-height: 32px;
      margin-bottom: 50px; }
    #features .block-title hr {
      display: none; }
    #features .block-content .item .item-content {
      padding: 0; }
      #features .block-content .item .item-content .icon {
        width: 60px;
        height: 58px;
        background-size: 72px 490px; }
        #features .block-content .item .item-content .icon.companies {
          background-position: 3px 11px; }
        #features .block-content .item .item-content .icon.communities {
          background-position: 3px -126px; }
        #features .block-content .item .item-content .icon.events {
          background-position: 12px -342px; }
        #features .block-content .item .item-content .icon.learn {
          background-position: 9px -197px; }
        #features .block-content .item .item-content .icon.business-support {
          background-position: 14px -113px; }
        #features .block-content .item .item-content .icon.courses {
          background-position: 4px -403px; }
        #features .block-content .item .item-content .icon.finance {
          background-position: 8px -272px; }
        #features .block-content .item .item-content .icon.business-opportunity {
          background: url(../images/businessOpportunity/icon-businessopp-home.svg) no-repeat;
          background-size: contain; }
      #features .block-content .item .item-content.small {
        line-height: 20px;
        font-size: 12px;
        overflow: hidden; }
      #features .block-content .item .item-content.big {
        line-height: 20px;
        font-size: 12px;
        overflow: hidden; }
    #features .block-content .item .item-overlay.small {
      line-height: 28px;
      font-size: 20px; }
    #features .block-content .item .item-overlay.big {
      line-height: 28px;
      font-size: 20px; }

  #benefits {
    padding-top: 35px;
    padding-bottom: 70px; }
    #benefits h2 {
      font-size: 20px;
      line-height: 32px;
      padding: 0 10px; }
    #benefits hr {
      display: none; }
    #benefits .benefits-container {
      position: relative; }
      #benefits .benefits-container #benefit-1 {
        position: relative;
        left: 0;
        top: 200px; }
      #benefits .benefits-container #benefit-2 {
        position: relative;
        left: 0;
        top: -160px; }
    #benefits .grid.view-content {
      text-align: center; }
      #benefits .grid.view-content .col-s-12 {
        float: none;
        display: inline-block;
        vertical-align: top; }

  #home-registration-form {
    height: 165px;
    padding-top: 45px; }
    #home-registration-form .block-title h2 {
      font-size: 20px; } }
@media screen and (min-width: 480px) and (max-width: 767px) {
  #benefits .block-content .grid .col-s-6 {
    width: 49%; } }
@media screen and (max-width: 479px) {
  #features {
    margin-bottom: 10px; }
    #features .block-content .item .item-overlay.small {
      line-height: 28px;
      font-size: 20px; }
    #features .block-content .item .item-overlay.big {
      line-height: 28px;
      font-size: 20px; } }
@media screen and (max-width: 319px) {
  #features {
    margin-bottom: 10px; }
    #features .block-title h2 {
      font-size: 18px;
      line-height: 30px;
      font-weight: normal; }
    #features .block-title hr {
      display: none; }
    #features .block-content .item.item-1 .item-content {
      background: #03181d; }
    #features .block-content .item.item-2 .item-content {
      background: #43484c; }
    #features .block-content .item.item-3 .item-content {
      background: #214146; }
    #features .block-content .item.item-4 .item-content {
      background: #6e7c86; }
    #features .block-content .item.item-5 .item-content {
      background: #574730; }
    #features .block-content .item.item-6 .item-content {
      background: #6b6a66; }
    #features .block-content .item.item-7 .item-content {
      background: #635747; }
    #features .block-content .item .item-overlay.small {
      line-height: 28px;
      font-size: 20px; }
    #features .block-content .item .item-overlay.big {
      line-height: 28px;
      font-size: 20px; }

  #benefits {
    padding-top: 20px;
    padding-bottom: 60px; }
    #benefits h2 {
      font-size: 18px;
      line-height: 30px;
      padding: 0 10px; }
    #benefits hr {
      display: none; }
    #benefits .block-content .grid .benefit-container {
      position: relative; }
      #benefits .block-content .grid .benefit-container #benefit-1 {
        position: absolute; }
      #benefits .block-content .grid .benefit-container .views-row-last {
        clear: both;
        text-align: center; }
      #benefits .block-content .grid .benefit-container .item {
        text-align: center; }

  #home-registration-form {
    display: none; } }

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