
#stacks_in_78 {
	margin: 100px 0px 0px 0px;
}
@important "partials/mixins";
.com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_173 {
  overflow: visible !important; }

#feature-cards-stacks_in_173 {
  margin: 0 auto;
  max-width: 1000px; }
  #feature-cards-stacks_in_173 * {
    box-sizing: border-box; }
  #feature-cards-stacks_in_173 .feature-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    #feature-cards-stacks_in_173 .feature-grid.hide-content-icon .feature-card-icon {
      display: none; }
    #feature-cards-stacks_in_173 .feature-grid.hide-content-text .feature-card-content {
      display: none; }
    #feature-cards-stacks_in_173 .feature-grid.show-content-stacks .feature-card-stacks {
      display: block; }
    #feature-cards-stacks_in_173 .feature-grid.no-icons .feature-card-icon i {
      display: none; }
  #feature-cards-stacks_in_173 .feature-outer {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 10px 10px; }
    #feature-cards-stacks_in_173 .feature-outer > a {
      text-decoration: none; }
  #feature-cards-stacks_in_173 .feature-card {
    /*  */
    /*  */
    background: #FFFFFF;
    background: linear-gradient(to left, #FFFFFF, #B2B2B2);
    /*  */
    /*  */
    /*  */
    border-style: solid;
    border-width: 3px;
    border-color: rgba(255, 255, 255, 1.00);
    /*  */
    /*  */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
    /*  */
    /*  */
    height: 100%;
    /*  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden;
    /*  */
    -ms-flex-line-pack: flex-start;
        align-content: flex-start;
    /*  */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    transition: all 0.3s ease;
    padding: 0px;
    border-radius: 4px;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); }
  #feature-cards-stacks_in_173 .feature-card-stacks {
    display: none; }
  #feature-cards-stacks_in_173 .feature-card-icon {
    /*  */
    /*  */
    /*  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    box-sizing: content-box;
    width: 78px;
    height: 78px;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 50px 50px 50px 50px;
    transition: all 0.3s ease; }
    #feature-cards-stacks_in_173 .feature-card-icon i {
      font-size: 45px;
      color: #FFFFFF;
      transition: all 0.6s ease-out;
      -webkit-transform-origin: center center;
              transform-origin: center center; }
  #feature-cards-stacks_in_173 .feature-card-content {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 15px;
    text-align: center; }
  #feature-cards-stacks_in_173 .feature-card-header {
    /*  */
    font-family: "Nunito";
    /*  */
    margin: 0;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 28px;
    font-weight: ; }
  #feature-cards-stacks_in_173 .feature-card-description {
    /*  */
    font-family: "Nunito";
    /*  */
    /*  */
    margin: 10px 0;
    display: block;
    color: #455A64;
    font-size: 16px;
    line-height: 24px; }

/*  */
#feature-cards-stacks_in_173 .feature-card:hover {
  /*  */
  z-index: 30;
  position: relative;
  -webkit-transform: scale(1) rotate(0deg) translateY(0px);
          transform: scale(1) rotate(0deg) translateY(0px); }
  #feature-cards-stacks_in_173 .feature-card:hover .feature-card-icon {
    /**/
    background: #B0BEC5;
    /**/ }
    #feature-cards-stacks_in_173 .feature-card:hover .feature-card-icon i {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      /**/
      color: #546E7A;
      /**/ }
  #feature-cards-stacks_in_173 .feature-card:hover .feature-card-header {
    /**/
    color: #FFFFFF;
    /**/ }
  #feature-cards-stacks_in_173 .feature-card:hover .feature-card-description {
    /**/
    color: #FFFFFF;
    /**/ }

#feature-cards-stacks_in_173 .feature-grid.ripple .feature-card {
  position: relative; }
  #feature-cards-stacks_in_173 .feature-grid.ripple .feature-card::before {
    background: #FD8014;
    content: '';
    z-index: -1;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    transition: all 0.4s ease-out;
    border-radius: 50%;
    -webkit-transform: translate(-30px, -30px);
            transform: translate(-30px, -30px); }

#feature-cards-stacks_in_173 .feature-grid.ripple.center .feature-card::before {
  top: 50%;
  left: 50%;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(0) translate(-50%, -50%);
          transform: scale(0) translate(-50%, -50%); }

#feature-cards-stacks_in_173 .feature-grid.ripple.center .feature-card:hover::before {
  width: 150%;
  height: 150%;
  border-radius: 4;
  transition: all 0.4s ease-out;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%); }

#feature-cards-stacks_in_173 .feature-grid.ripple.top-left .feature-card::before {
  top: -30px;
  left: -30px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 0 50% 50% 50%; }

#feature-cards-stacks_in_173 .feature-grid.ripple.top-left .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1);
  box-shadow: 0 0 0 20px #FD8014; }

#feature-cards-stacks_in_173 .feature-grid.ripple.top-right .feature-card::before {
  top: -30px;
  right: -30px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(1);
          transform: scale(1); }

#feature-cards-stacks_in_173 .feature-grid.ripple.top-right .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1);
  border-radius: 50% 0 50% 50%; }

#feature-cards-stacks_in_173 .feature-grid.ripple.bottom-left .feature-card::before {
  left: -30px;
  bottom: -30px;
  border-radius: 4px;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: scale(0);
          transform: scale(0); }

#feature-cards-stacks_in_173 .feature-grid.ripple.bottom-left .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1); }

#feature-cards-stacks_in_173 .feature-grid.ripple.bottom-right .feature-card::before {
  bottom: -30px;
  right: -30px;
  border-radius: 50% 50% 0 50%;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0);
          transform: scale(0); }

#feature-cards-stacks_in_173 .feature-grid.ripple.bottom-right .feature-card:hover::before {
  width: 200%;
  height: 200%;
  -webkit-transform: scale(1);
          transform: scale(1); }

@media (min-width: 767px) {
  #feature-cards-stacks_in_173 .feature-outer {
    /**/
    max-width: 33.333332%;
    /**/
    width: 33.333332%; } }

@media (min-width: 468px) and (max-width: 767px) {
  #feature-cards-stacks_in_173 .feature-outer {
    /**/
    max-width: 50.000000%;
    /**/
    width: 50.000000%; } }

@media (min-width: 0px) and (max-width: 468px) {
  #feature-cards-stacks_in_173 .feature-outer {
    /**/
    max-width: 100.000000%;
    /**/
    width: 100.000000%; } }

/*  */
#feature-section-card-stacks_in_185 img {
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 0px; }
#feature-section-card-stacks_in_189 img {
  width: 150px;
  height: 150px;
  margin: 0px 0px 0px 0px; }
#feature-section-card-stacks_in_174 img {
  width: 200px;
  height: 50px;
  margin: 50px 0px 50px 0px; }
