/*!////////////////////////////////////////////////
// BASE
/////////////////////////////////////////////////*/
@-o-viewport {
    width: device-width; }
  @-ms-viewport {
    width: device-width; }
  @viewport {
    width: device-width; }
  *, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    
        .grecaptcha-badge{
      visibility: collapse !important;  
      }
  
  html,
  body,
  iframe,
  div,
  section,
  header,
  p,
  a,
  ul,
  ol,
  li,
  article,
  footer,
  h1,
  h2,
  h3,
  h4 {
    margin: 0;
    padding: 0; }
  
  html,
  button,
  input,
  select,
  textarea {
    color: #222;
      font-size:18px !important;
  
  }
  
  body {
    font-size: 1em;
    line-height: 1.4; }
  
  ::-moz-selection {
    background: #d92e3a;
    text-shadow: none;
    color: #fff; }
  
  ::selection {
    background: #d92e3a;
    text-shadow: none;
    color: #fff; }
  
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; }
  
  img {
    vertical-align: middle;
    max-width:100%; }
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  
  textarea {
    resize: vertical; }
  
  .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0; }
  
  body {
      font-family: 'Poppins', sans-serif; 
  }
  
  p {
      font-family: 'Poppins', sans-serif;
      line-height: 1.5;
      margin-bottom: 20px;
      color: #495159;
  }
  
  p:last-child {
      margin-bottom: 0;
  }
  
  ul li,
  ol li{
      font-family: 'Dosis', sans-serif;
      font-weight: normal;
  }
  
  h1,h2,h3,h4,h5 {
      font-family: 'Dosis', sans-serif;
      font-weight: bold;
  }

  /*!////////////////////////////////////////////////
  // LAYOUT
  /////////////////////////////////////////////////*/
  .wrap {
    max-width: 1280px;
    width: 92%;
    margin: 0px auto;
    position: relative; }
  
  .mediumwrap {
    max-width: 1180px;
    width: 92%;
    margin: 0px auto;
    position: relative; }
    .miniwrap {
    max-width: 900px;
    width: 92%;
    margin: 0px auto;
    position: relative; }
  .headerwrap {
      max-width: 1440px;
    width: 92%;
    margin: 0px auto;
  }
   
  .row {
    clear: both; }
  
  @media screen and (min-width: 480px) {
    .wrap {
      width: 98%; }
  
    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-20,
    .grid-half,
    .grid-full,
    .grid-unit {
      float: left;
      width: 100%; }
      .grid-1:nth-child(n),
      .grid-2:nth-child(n),
      .grid-3:nth-child(n),
      .grid-4:nth-child(n),
      .grid-5:nth-child(n),
      .grid-6:nth-child(n),
      .grid-half:nth-child(n),
      .grid-full:nth-child(n),
      .grid-20:nth-child(n),
      .grid-unit:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-1:nth-child(1n),
      .grid-2:nth-child(1n),
      .grid-3:nth-child(1n),
      .grid-4:nth-child(1n),
      .grid-5:nth-child(1n),
      .grid-6:nth-child(1n),
      .grid-half:nth-child(1n),
      .grid-full:nth-child(1n),
      .grid-unit:nth-child(1n) {
        margin-right: 0; }
      .grid-1:last-child,
      .grid-2:last-child,
      .grid-3:last-child,
      .grid-4:last-child,
      .grid-5:last-child,
      .grid-6:last-child,
      .grid-half:last-child,
      .grid-full:last-child,
      .grid-unit:last-child {
        margin-right: 0; }
  
    .grid-25,
      .grid-75 {
      float: left;
      width: 49.24242%; }
      .grid-25:nth-child(n),
          .grid-75:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-25:nth-child(2n),
          .grid-25:nth-child(2n) {
        margin-right: 0; }
      .grid-25:last-child,
          .grid-25:last-child {
        margin-right: 0; }
  
    .gallery .grid-unit,
    .grid-half {
      width: 49.24242%; }
      .gallery .grid-unit:nth-child(n),
      .grid-half:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .gallery .grid-unit:nth-child(2n),
      .grid-half:nth-child(2n) {
        margin-right: 0; }
      .gallery .grid-unit:last-child,
      .grid-half:last-child {
        margin-right: 0; }
  
    .grid-flow-opposite {
      float: right; } }
  @media screen and (min-width: 640px) {
    .grid-1 {
      width: 15.40404%; }
      .grid-1:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-1:nth-child(6n) {
        margin-right: 0; }
      .grid-1:last-child {
        margin-right: 0; }
      
        .grid-20 {
      width: 18.40404%; }
      .grid-20:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-20:nth-child(5n) {
        margin-right: 0; }
      .grid-20:last-child {
        margin-right: 0; }
  
    .grid-2 {
      width: 32.32323%; }
      .grid-2:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-2:nth-child(3n) {
        margin-right: 0; }
      .grid-2:last-child {
        margin-right: 0; }
  
    .grid-3,
    .grid-half {
      width: 49.24242%; }
      .grid-3:nth-child(n),
      .grid-half:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-3:nth-child(2n),
      .grid-half:nth-child(2n) {
        margin-right: 0; }
      .grid-3:last-child,
      .grid-half:last-child {
        margin-right: 0; }
  
    .grid-4 {
      width: 66.16162%; }
      .grid-4:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-4:nth-child(1.5n) {
        margin-right: 0; }
      .grid-4:last-child {
        margin-right: 0; }
  
    .grid-5 {
      width: 82.74242%; }
      .grid-5:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-5:nth-child(1.20482n) {
        margin-right: 0; }
      .grid-5:last-child {
        margin-right: 0; }
  
    .grid-6,
    .grid-full {
      width: 100%; }
      .grid-6:nth-child(n),
      .grid-full:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-6:nth-child(1n),
      .grid-full:nth-child(1n) {
        margin-right: 0; }
      .grid-6:last-child,
      .grid-full:last-child {
        margin-right: 0; }
  
    /* If there are no margins */
    .grid-1.no-margin {
      width: 16.66667%; }
      .grid-1.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-1.no-margin:nth-child(6n) {
        margin-right: 0; }
      .grid-1.no-margin:last-child {
        margin-right: 0; }
  
    .grid-2.no-margin {
      width: 33.33333%; }
      .grid-2.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-2.no-margin:nth-child(3n) {
        margin-right: 0; }
      .grid-2.no-margin:last-child {
        margin-right: 0; }
  
    .grid-3.no-margin,
    .grid-half.no-margin {
      width: 50%; }
      .grid-3.no-margin:nth-child(n),
      .grid-half.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-3.no-margin:nth-child(2n),
      .grid-half.no-margin:nth-child(2n) {
        margin-right: 0; }
      .grid-3.no-margin:last-child,
      .grid-half.no-margin:last-child {
        margin-right: 0; }
  
    .grid-4.no-margin {
      width: 66.66667%; }
      .grid-4.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-4.no-margin:nth-child(1.5n) {
        margin-right: 0; }
      .grid-4.no-margin:last-child {
        margin-right: 0; }
  
    .grid-5.no-margin {
      width: 83.0%; }
      .grid-5.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-5.no-margin:nth-child(1.20482n) {
        margin-right: 0; }
      .grid-5.no-margin:last-child {
        margin-right: 0; }
  
    .grid-6.no-margin,
    .grid-full.no-margin {
      width: 100%; }
      .grid-6.no-margin:nth-child(n),
      .grid-full.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-6.no-margin:nth-child(1n),
      .grid-full.no-margin:nth-child(1n) {
        margin-right: 0; }
      .grid-6.no-margin:last-child,
      .grid-full.no-margin:last-child {
        margin-right: 0; }
  
    .grid-25 {
      width: 23.86364%; }
      .grid-25:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .grid-25:nth-child(4n) {
        margin-right: 0; }
      .grid-25:last-child {
        margin-right: 0; }
  
    .grid-25.no-margin {
      width: 25%; }
      .grid-25.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-25.no-margin:nth-child(4n) {
        margin-right: 0; }
      .grid-25.no-margin:last-child {
        margin-right: 0; }
              
      .grid-75 {
          width: 74.616161% }
          .grid-75:nth-child(n) {
              margin-bottom: 1.51515%;
              margin-right: 1.51515%; }
          .grid-75:nth-child(4n) {
              margin-right: 0; }
          .grid-75:last-child {
              margin-right: 0; }
          
      .grid-75.no-margin {
          width: 75%; }
          .grid-75.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0; }
      .grid-75.no-margin:nth-child(4n) {
        margin-right: 0; }
      .grid-75.no-margin:last-child {
        margin-right: 0; }
  
    .gallery .grid-unit {
      width: 32.32323%; }
      .gallery .grid-unit:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%; }
      .gallery .grid-unit:nth-child(3n) {
        margin-right: 0; }
      .gallery .grid-unit:last-child {
        margin-right: 0; }
  
    .content-pad-right {
      padding-right: 4%;
      /* Use (or don't) as necessary. */ }
  
    .content-pad-left {
      padding-left: 4%; } }
      
    .list-grid-2 {
          -webkit-column-count:2; 
          -moz-column-count: 2; 
          column-count: 2; 
          -webkit-column-gap: 40px; 
          -moz-column-gap: 40px; 
          column-gap: 40px; }
      @media screen and (max-width: 480px) {
          .list-grid-2 {
              -webkit-column-count:1; 
              -moz-column-count: 1; 
              column-count: 1; 
              -webkit-column-gap: 0px; 
              -moz-column-gap: 0px; 
              column-gap: 0px; } }
      
    .list-grid-3 {
          -webkit-column-count:3; 
          -moz-column-count: 3; 
          column-count: 3; 
          -webkit-column-gap: 40px; 
          -moz-column-gap: 40px; 
          column-gap: 40px; }
      @media screen and (max-width: 480px) {
          .list-grid-3 {
              -webkit-column-count:1; 
              -moz-column-count: 1; 
              column-count: 1; 
              -webkit-column-gap: 0px; 
              -moz-column-gap: 0px; 
              column-gap: 0px; } }
  
  html, body {
      overflow-x: hidden;
  }
      
  /*!////////////////////////////////////////////////
  // THEME
  /////////////////////////////////////////////////*/
  
  a {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration: none; }
  
  *[class^='button'] {
      font-family: open-sans, sans-serif;
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      padding: 10px 35px;
      -webkit-transition: all .3s ease-in-out;
           -o-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
      text-transform: uppercase;
      color: white;
      border-radius: 25px;
      background: #f0476e;
  }
  
  *[class^="button"]:hover,
  *[class^="button"]:focus {
      background: #90c40b;
  }
  
  
  
  /*! Header
  //////////////////////////////////////////////*/
  
  header[role=banner] {
      background: #485696;
      background: -webkit-gradient(linear,  left top, right top,  color-stop(80%, #485696),color-stop(70%, #485696),color-stop(80%, #2e3c78),color-stop(90%, #2e3c78),to(#2e3c78));
      background: -o-linear-gradient(left,  #485696 80%,#485696 70%,#2e3c78 80%,#2e3c78 90%,#2e3c78 100%);
      background:    linear-gradient(to right,  #485696 80%,#485696 70%,#2e3c78 80%,#2e3c78 90%,#2e3c78 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485696', endColorstr='#2e3c78',GradientType=1 );
      position: relative;
      z-index: 1000;
  }
  
  .logo__area {
      padding-top: 5px;
  }
  
  .dealer__area {
      padding-top: 32px;
      background:#2e3c78;
  }
  
  .nav__area {
      text-align: right;
      padding-top: 32px;
      padding-bottom: 0;
  }
  
  .nav__area p {
      display: block;
      margin-bottom: 32px;
      font-family: 'Dosis', sans-serif;
      color:#90c40b;
  }
  
  .nav__area p a {
      color: white;
  }
  
  .nav__area ul li {
      display: inline-block;
      text-transform: uppercase;
      margin-right: 16px;
      padding-bottom: 25px;
  }

  .nav__area .menu-item-has-children > a:after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        color: white;
        font-weight: 400;
        font-size: 12px;
        margin-left: 3px;
        margin-top: -5px;
        vertical-align: middle;
  }
  
  .nav__area ul li a i {
      color: white;
      font-weight: 400;
      font-size: 12px;
      margin-left: 3px;
      margin-top: -5px;
      vertical-align: middle;
  }
  
  .nav__area ul li:last-of-type {
      margin-right: 0px;
  }
  
  .nav__area ul li a {
      color:#90c40b;
  }
  
  header[role=banner] *[class^="grid"] {
      display: inline-block;
      vertical-align: bottom;
      margin-bottom: 0px !important;
  }
  
  .dealer__area {
      text-align: right;
      padding-bottom: 25px;
  }
  
  .dealer__area p {
      color:#ffc401;
      font-size: 20px;
      font-family: chauncy-pro, sans-serif;
      font-weight: 400;
      margin-bottom: 8px;
  }
  
  .dealer__area input[type='tel'] {
      font-size: 14px;
      width: 90%;
      height: 38px;
      padding-right: 35px;
      padding-left: 15px;
      border-radius: 50px;
      outline: none;
      border: none;
  }
  
  .dealer-wrap .search-wrapper {
      position: relative;
      padding-right: 10px;
  }
  
  .dealer__area  .search-btn {
      position: absolute;
      z-index: 1;
      top: -8px;
      right: -8px;
      display: block;
      padding: 0;
      -webkit-transition: all ease-in-out .2s;
           -o-transition: all ease-in-out .2s;
              transition: all ease-in-out .2s;
      opacity: 1;
      border: none;
      background-color: transparent;
  }
  
  .dealer__area .search-btn:hover {
      opacity: .9;
  }

  .mega__menu .menu.group {
    margin-bottom: 0;
}

.nav__area .menu-item-has-children > .sub-menu__container {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    -webkit-transition: -webkit-transform .26s ease;
        -o-transition:         transform .26s ease;
            transition: -webkit-transform .26s ease;
            transition:         transform .26s ease;
            transition:         transform .26s ease, -webkit-transform .26s ease;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    border-top: 1px solid #7580AF;
    background: rgb(46,60,120);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(46,60,120,1)), to(rgba(71,86,150,1)));
    background: -o-linear-gradient(bottom, rgba(46,60,120,1) 30%, rgba(71,86,150,1) 100%);
    background:    linear-gradient(0deg, rgba(46,60,120,1) 30%, rgba(71,86,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3c78",endColorstr="#475696",GradientType=1);
    margin-top: 25px;
}

.nav__area .menu-item-has-children > .sub-menu__container {

}

.nav__area .menu-item-has-children:hover > .sub-menu__container {
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.nav__area .sub-menu__container .sub-menu.group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: auto;
    max-width: 1190px;
    margin: 0 auto;
}

.nav__area .sub-menu__container .sub-menu.group > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    min-width: 20%;
    max-width: 25%;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
}

.nav__area .sub-menu__container .sub-menu.group .item-wrap > span {
    font-size: 16px;
    color: #fff;
    text-align: left;
    display: block;
    padding-top: 12px;
}

.nav__area .sub-menu__container .sub-menu.group li > a img {
    -webkit-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
}

.nav__area .sub-menu__container .sub-menu.group li > a:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.nav__area .sub-menu__container .sub-menu.group li > a .img-wrap {
    position: relative;

    display: block;
    overflow: hidden;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group {
    display: block;
    position: relative;
}

.mega__menu .mega__list.menu-item-has-children > .sub-menu__container {
    padding: 0;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li:first-child {
    padding-top: 20px;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li:last-child {
    padding-bottom: 20px;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li {
    display: block;
    min-width: auto;
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 20%;
    border-right: 1px solid #6771a5;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li > a:after {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-top: 0;
    content: "\f105";
    color: inherit;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li:before, 
.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li:after {
    content: '';
    display: block;
    clear: both;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li .sub-menu__container {
    position: absolute;
    width: 80%;
    margin: 0;
    padding: 0;
    border: none;
    transform: none;
    display: none;
    z-index: 0;
    right: 0;
    left: auto;
    top: 0;
    background: transparent;
    padding: 5px 10px;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li:hover .sub-menu__container,
.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li.active .sub-menu__container {
    display: block;
    z-index: 1;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li > a {
    position: relative;
    color: #fff;
    padding: 10px 15px 10px 0;
    width: 100%;
    display: block;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li.active > a,
.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li:hover > a {
    color: #ffc401;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li .sub-menu__container .menu-item {
    max-width: 20%;
    width: 100%;
}

.mega__menu .mega__list > .sub-menu__container > .sub-menu-wrapper > .sub-menu.group > li .sub-menu__container .sub-menu.group {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}




  
  /* ============================= *\
   * MOBILE MENU
  \* ============================= */
  .mobile__button {
      display: none;
  }
  
  .mobile-nav {
      display: block;
  }
  
  @media screen and (max-width: 1600px) {
      header[role=banner] {
          background: #485696;
          background: -webkit-gradient(linear,  left top, right top,  color-stop(90%, #485696),color-stop(70%, #485696),color-stop(80%, #2e3c78),color-stop(90%, #2e3c78),to(#2e3c78));
          background: -o-linear-gradient(left,  #485696 90%,#485696 70%,#2e3c78 80%,#2e3c78 90%,#2e3c78 100%);
          background:    linear-gradient(to right,  #485696 90%,#485696 70%,#2e3c78 80%,#2e3c78 90%,#2e3c78 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485696', endColorstr='#2e3c78',GradientType=1 );
      }
  }
  
  @media screen and (min-width: 1080px) {
      .mobile-nav {
          display: none;
      }
  }
  
  @media only screen and (max-width: 1080px){
      header .nav__area nav {
          display: none;
      }
      
      .mobile__button {
          display: inline-block;
      }

      .mega__menu {
            display: none;
        }
  }
  
  .mobile-nav .mobile__button {
      font-size: 20px;
      display: none!important;
      padding: 1.25em 1.75em;
      cursor: pointer;
      text-align: center;
      border-bottom: 7px solid rgba(0,0,0,.3); 
      background: #1b1e3a;
      text-shadow: 0 0 10px rgba(0,0,0,.25);
  }
  
  .mobile-nav .mobile__nav {
      display: none;
  }
  
  .mobile-nav .mobile__nav ul li:nth-of-type(1) {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li:nth-of-type(2n) {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li:nth-of-type(3n) {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li:nth-of-type(4n) {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li:nth-of-type(5n) {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li:nth-of-type(6n) {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li:last-of-type {
      background: #272b53;
  }
  
  .mobile-nav .mobile__nav ul li a,
  .mobile-nav .mobile__nav ul li span {
      display: block;
      padding: 1em;
      color: white;
      text-shadow: 0 0 10px rgba(0,0,0,.25);
  }
  
  .mobile-nav .mobile__nav ul li.has-submenu a,
  .mobile-nav .mobile__nav ul li.has-submenu span {
      position: relative;
      cursor: pointer;
  }
  
  .mobile-nav .mobile__nav ul li.has-submenu a:after,
  .mobile-nav .mobile__nav ul li.has-submenu span:after {
      font-family: FontAwesome;
      position: absolute;
      top: 50%;
      right: 1em;
      display: inline-block;
      padding: 0 1px;
      content: '\f105';
      -webkit-transition: .25s ease-in-out;
           -o-transition: .25s ease-in-out;
              transition: .25s ease-in-out; 
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      vertical-align: middle;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .mobile-nav .mobile__nav ul li.has-submenu a.submenu-open:after,
  .mobile-nav .mobile__nav ul li.has-submenu span.submenu-open:after {
      -webkit-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg);
  }
  
  .mobile-nav .mobile__nav ul li ul {
      display: none; 
      padding-left: 1em;
      background: #545e75; /*rgba(0,0,0,.30)*/
  }
  
  .mobile-nav .mobile__nav ul li ul li {
      background: none !important;
  }
  
  .mobile-nav .mobile__nav ul li.has-submenu ul li a:after {
      content: none;
  }
  
  .mobile-nav .mobile__nav ul li.has-submenu ul li ul {
      padding-left: 0;
  }
  
  .mobile__nav__wrap {
      display: none;
  }
  
  .mobile__nav__wrap ::-webkit-scrollbar {
      display: none;
  }
  
  @media all and (max-width: 1080px) {
      .mobile__nav__wrap {
          display: block;
      }
      
      .mobile__nav ul .menu--catalog a {
          text-transform: uppercase;
          border-bottom: none;
          background-color: #754baa;
      }
  
      .mobile__nav ul .menu--dealer a {
          text-transform: uppercase;
          border: none;
          background-color: #f05a92;
      }
      
      .mobile__nav ul .menu--catalog a i, 
      .mobile__nav ul .menu--dealer a i {
          font-size: 18px;
          margin-right: 5px;
      }
      
      header .top-header-text {
          display: none;
      }
  
      .mobile__button p {
          font-size: 20px;
          font-weight: 700;
          margin-bottom: 0;
          text-transform: uppercase;
          color: #ffc401;
      }
      
      .mobile__button .mb-line {
          display: -webkit-box;
          height: 4px;
          margin-bottom: 5px;
          border-radius: 50px;
          background-color: #ffc401;
      }
  
      .mobile__button .mb-wrapper span:last-child {
          font-size: 15px;
          text-transform: uppercase;
          color: #ffc401;
      }
  
      .logo__area {
          padding-top: 10px;
          padding-bottom: 10px;
      }
  }
  
  .mobile__nav {
      position: fixed;
      z-index: -5!important;
      top: 0;
      right: -240px;
      visibility: hidden;
      overflow-x: hidden;
      overflow-y: auto;
      width: 240px;
      height: 100%;
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out; 
      -webkit-transform: translateZ(0);
      -webkit-transform: translateX(0);
          -ms-transform: translateZ(0);
          -ms-transform: translateX(0);
              transform: translateZ(0);
              transform: translateX(0);
      background: #485696;
      /*-webkit-transition: visibility 0s .3s;
      -moz-transition: visibility 0s .3s;
      transition: visibility 0s .3s;*/
      -webkit-overflow-scrolling: touch;
  }
  
  .mobile__nav .close {
      font-size: 16px;
      padding: 22px 16px;
      cursor: pointer;
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
      color: #fff;
      background: #2e3c78;
  }
  
  @media all and (max-height: 640px) {
      .mobile__nav .close {
          padding: 14px 16px;
      }
  }
  
  @media all and (max-height: 420px) {
      .mobile__nav .close {
          padding: 12px 16px;
      }
  }
  
  .mobile__nav .close i {
      font-size: 18px;
      margin-right: 7px;
  }
  
  .mobile__nav .close span {
      font-weight: 700;
  }
  
  .mobile__nav .close:hover {
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
  }
  
  .mobile__nav.zindex {
      z-index: 99999!important;
  
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
  }
  
  .mobile__nav.visible {
      visibility: visible;
      right: 0;
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
  }
  
  .mobile__nav ul {
      font-size: 16px;
      font-weight: 700;
  }
  
  .mobile__nav ul li {
      position: relative;
  }
  
  .mobile__nav  ul li.hidden > a {
      visibility: hidden;
  }
  
  .mobile__nav  ul li a {
      position: relative;
      display: block;
      padding: 22px 16px;
      color: #fff;
      border-bottom: 1px solid #6974a9;
  }
  
  @media all and (max-height: 640px) {
      .mobile__nav  ul li a {
          padding: 14px 16px;
      }
  }
  
  @media all and (max-height: 460px) {
      .mobile__nav  ul li a {
          padding: 12px 16px;
      }
  }
  
  .mobile__nav  ul li a:hover {
      opacity: .7;
  }
  
  .mobile__nav ul li.menu-item-has-children > a:after {
      font-family: 'Font Awesome 5 Pro';
      font-size: 18px;
      font-weight: 700;
      position: absolute;
      top: 50%;
      right: 12px;
      content: '\f054';
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #fff;
  }
  
  .mobile__nav  ul li a i {
      font-size: 12px;
      font-weight: 700;
      margin-left: 4px;
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
  }
  
  .mobile__nav  ul li a.active i {
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
  }
  
  .mobile__nav  ul li .sub-menu {
      position: fixed;
      z-index: 5;
      top: 0;
      right: -240px;
      overflow: auto;
      width: 239px;
      height: 100%;
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
      background: #485696;
  }
  
  .mobile__nav  ul li .sub-menu.visible {
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
      -webkit-transform: translateX(-240px);
          -ms-transform: translateX(-240px);
              transform: translateX(-240px);
  }
  
  .mobile__nav  ul li .sub-menu li.nav__back a {
      color: #fff;
      background: #2e3c78;
  }
  
  .mobile__nav  ul li .sub-menu li.nav__back a i {
      font-size: 18px;
      margin-right: 7px;
  }
  
  #page__wrap {
      position: relative;
      z-index: 999999;
      -webkit-transition: .3s ease-in-out;
           -o-transition: .3s ease-in-out;
              transition: .3s ease-in-out;
      /*overflow-x: hidden;*/
  }
  
  @media all and (max-width: 1080px) {
      #page__wrap.active {
          overflow: hidden;
          -webkit-transition: .3s ease-in-out;
               -o-transition: .3s ease-in-out;
                  transition: .3s ease-in-out;
          -webkit-transform: translateX(-240px);
              -ms-transform: translateX(-240px);
                  transform: translateX(-240px);
      }
  }
  
  @media all and (max-width: 1080px) {
      #page__wrap.fixed {
          z-index: 20;
      }
  }
  
  @media all and (max-width: 1080px) {
      #page__wrap > .overlay {
          position: fixed;
          z-index: 10;
          z-index: 51;
          top: 0;
          left: 0;
          visibility: hidden;
          width: 100%;
          height: 100%;
          cursor: pointer;
          -webkit-transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
               -o-transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;
                  transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
                  transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;
                  transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s,-webkit-transform .3s 0s;
          opacity: 0;
          background-color: rgb(0,0,0, .3);
          -webkit-backface-visibility: hidden;
                  backface-visibility: hidden;
      }
  
      #page__wrap > .overlay.is-visible {
          visibility: visible;
          -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
               -o-transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s;
                  transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
                  transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s;
                  transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s,-webkit-transform .3s 0s;
          /*-webkit-transform: translateX(-260px);
              -moz-transform: translateX(-260px);
              -ms-transform: translateX(-260px);
              -o-transform: translateX(-260px);
              transform: translateX(-260px);*/
          opacity: 1;
      }
  }
  
  /*! Content Area
  //////////////////////////////////////////////*/
  
  
  
  .flexslider .slides img {
      height: inherit !important;
  }
  
  .homepage__slider {
      position: relative;
  }
  
  .homepage__slider:before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+0,0.25+25,0+35 */
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  content:"";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 15;
  }
  
  .slider__content {
      position: absolute;
      z-index: 20;
      top: 40%;
      left: 5%;
      width: 100%;
      max-width: 340px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
  }
  
  .slider__content p {
      font-size: 45px;
      font-weight: bold;
      font-family: 'Dosis', sans-serif;
      text-align: center;
      color: white;
      line-height: 1;
  }
  
  .slider__content .button {
      display: inline-block;
      padding:10px 35px;
      background:#f0476e;
      color: white;
      font-size: 16px;
      font-weight: bold;
      font-family: open-sans, sans-serif; 
      border-radius: 25px;
      text-transform: uppercase;
      margin-top: 32px;
          transition: all .3s ease-in-out;
  }
  
  .slider__content .button:hover {
      background:#90c40b;
      transition: all .3s ease-in-out;
  }
  
  .flex-direction-nav {
      display: none !important;
  }
  
  .slider__controls {
      margin-top: 50px; 
  }
  
  .slider__controls .flex-control-paging li a {
      background:#90c40b !important;
      box-shadow: none !important;
      width: 8px !important;
      height: 8px !important;
  }
  
  .slider__controls .flex-control-paging li a.flex-active {
      background:white !important;
      box-shadow: inherit !important;
  }
  
  .slider__clouds {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 101%;
      z-index: 50;
  }
  
  .slider__clouds img {
      width: 100%;
  }
  
  .homepage__main {
      position: relative;
  }
  
  .homepage__main *[class^="grid"] {
      display: inline-block;
      vertical-align: middle;
      float: none;
  }
  
  .homepage__main *[class^="grid"]:nth-of-type(1) {
      margin-right: 0px;
  }
  
  .homepage__main h1 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 16px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__main h2 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 16px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__main h3 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 16px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__main h4 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 16px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__main h5 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 16px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__main p.tagline {
      color:#90c40b;
      font-size: 30px;
      font-family: chauncy-pro, sans-serif;
      font-weight: 500;
      margin-bottom: 32px;
  }
  
  .homepage__main p.floating__left {
      font-size: 50px;
      color:#009ef6;
      font-family: chauncy-pro, sans-serif;
      font-weight: 400;
      text-align: center;
      max-width: 250px;
      transform: rotate(-20deg);
      position: absolute;
      left: 5%;
      top: -50px;
      z-index: 99999999;
      line-height: 1;
  }
  
  .homepage__secondary {
      padding-top: 50px;
      padding-bottom: 50px;
      padding-left: 25px;
      padding-right: 25px;
      text-align: center;
      position: relative;
  }
  
  .homepage__secondary h2 {
      font-size: 40px;
      color:#ffc401;
      font-weight: bold;
      margin-bottom: 16px;
  }
  
  .homepage__secondary h3 {
      font-size: 40px;
      color:#ffc401;
      font-weight: bold;
      margin-bottom: 16px;
  }
  
  .homepage__secondary h4 {
      font-size: 40px;
      color:#ffc401;
      font-weight: bold;
      margin-bottom: 16px;
  }
  
  .homepage__secondary h5 {
      font-size: 40px;
      color:#ffc401;
      font-weight: bold;
      margin-bottom: 16px;
      margin-top: 0px !important;
  }
  
  .homepage__secondary .squiggly {
      margin-bottom: 16px;
  }
  
  .homepage__secondary .rainbow {
      position: absolute;
      top: -50px;
      right: 5%;
  }
  
  p a {
      color:#009ef6;
  }
  
  .animated__icon { 
              -webkit-animation-duration: 3s;
              animation-duration: 3s; 
              animation-iteration-count: infinite;
           }
  
  .animated__offset {
      -webkit-animation-duration: 5s;
              animation-duration: 5s; 
              animation-iteration-count: infinite;
  }
           
           @-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
} 

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
            animation-name: bounce;
}

.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;

    opacity: .5;
}
@-webkit-keyframes pulsate {
    0% {
        opacity: .5;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: .5;
    }
}



  
  .cta_logo {
      max-height: 60px;
      height: 60px;
      width: 50%;
      background:white;
      padding:10px 15px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
          margin-top: -30px;
      z-index: 30;
      position: relative;
  }
  
  .cta_logo img {
      max-height: 45px;
      object-fit: cover;
  }
  
  .homepage__cta__inner__content {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
  .homepage__cta:nth-of-type(1) .homepage__cta__content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6f5ec3+0,793a94+100 */
  background: rgb(111,94,195); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(111,94,195,1) 0%, rgba(121,58,148,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 ); /* IE6-9 */
  }
  
  .homepage__cta:nth-of-type(2) .homepage__cta__content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ef74c1+0,f0507f+100 */
  background: rgb(239,116,193); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(239,116,193,1) 0%, rgba(240,80,127,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 ); /* IE6-9 */
  }
  
  .homepage__cta:nth-of-type(3) .homepage__cta__content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3cc3e0+0,0da6f1+100 */
  background: rgb(60,195,224); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(60,195,224,1) 0%, rgba(13,166,241,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 ); /* IE6-9 */
  }
  
  .homepage__cta:nth-of-type(4) .homepage__cta__content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c2db35+0,9ac914+100 */
  background: rgb(194,219,53); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(194,219,53,1) 0%, rgba(154,201,20,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 ); /* IE6-9 */
  }
  
  .homepage__cta:nth-of-type(5) .homepage__cta__content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffcf60+0,ffc615+100 */
  background: rgb(255,207,96); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,207,96,1) 0%, rgba(255,198,21,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 ); /* IE6-9 */
  }
  
  .homepage__cta:nth-of-type(6) .homepage__cta__content{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8e4d+0,ff7f36+100 */
  background: rgb(255,142,77); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,142,77,1) 0%, rgba(255,127,54,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 ); /* IE6-9 */
  
  }
  
  .homepage__cta {
          border-bottom-left-radius: 20px;
       border-bottom-right-radius: 20px;
          
  }
  
  .homepage__cta:nth-of-type(1) {
      border-bottom: 20px solid #793a94;
  }
  
  .homepage__cta:nth-of-type(2) {
      border-bottom: 20px solid #f0507f;
  }
  
  .homepage__cta:nth-of-type(3) {
      border-bottom: 20px solid #0da6f1;
  }
  
  .homepage__cta:nth-of-type(4) {
      border-bottom: 20px solid #9ac914;
  }
  
  .homepage__cta:nth-of-type(5) {
      border-bottom: 20px solid #ffc615;
  }
  
  .homepage__cta:nth-of-type(6) {
      border-bottom: 20px solid #ff7f36;
  }
  
  .homepage__cta img {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
  }
  .homepage__cta:nth-of-type(6) .cta_logo {
      text-align: center;
  }
  
  .homepage__cta__inner__content {
      padding-left: 25px;
      padding-right: 25px;
      text-align: center;
  
  }
  
  .homepage__cta__inner__content .cta__title {
      font-size: 22px;
      font-weight: bold;
      font-family: 'Dosis', sans-serif;
      color: white;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 0;
  }
  
  .homepage__cta__inner__content .price__range {
      font-size: 16px;
      font-family: open-sans, sans-serif; 
      color: white;
      text-align: center;
      margin-bottom: 0;
  }
  
  .homepage__cta__inner__content .price {
      font-size: 40px;
      font-weight: bold;
      font-family: 'Dosis', sans-serif;
      color: white;
      text-align: center;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 16px;
  }
  
  .homepage__cta__inner__content .cta__content {
      font-size: 16px;
      font-family: open-sans, sans-serif; 
      color: white;
      text-align: center;
      margin-bottom: 16px;
  }
  
  .homepage__cta__inner__content .cta__list {
      text-align: center;
  }
  
  
  .homepage__cta__inner__content .cta__list ul {
      display: inline-block;
      margin-bottom: 32px;
  }
  
  .homepage__cta__inner__content .cta__list ul li {
      list-style: none;
      font-size: 16px;
      font-weight: 400;
      color: white;
      font-family: open-sans, sans-serif; 
      margin-bottom: 8px;
      position: relative;
      text-align: left;
  }
  
  .homepage__cta__inner__content .cta__list ul li:before {
      content:"\f058";
      font-family: 'Font Awesome 5 Pro';
      font-weight: bold;
      color: white;
      margin-right: 8px;
  }
  
  .homepage__cta__inner__content .cta__list ul li:last-of-type {
      margin-bottom: 0px;
  }
  
  .homepage__cta__content .button {
      padding: 10px 50px;
      background: none;
      text-align: center;
      color: white;
      font-size: 16px;
      display: inline-block;
      border: 2px solid white;
      border-radius: 20px;
      font-family: open-sans, sans-serif; 
      font-weight: bold;
      text-transform: uppercase;
  }
  
  .homepage__cta__content .button:hover {
      background:white;
      color: #222;
      transition: all .3s ease-in-out;
  }
  
  .homepage__ctas {
      position: relative;
  }
  
  .swirly__star {
      position: absolute;
      top:30%;
      left:5%;
  }
  
  .starburst {
      position: absolute;
      top:65%;
      right:5%;
  }
  
  .bottom__cloud {
      position: absolute;
      bottom:5%;
      left:5%;
  }
  .homepage__ctas {
      text-align: center;
      padding-bottom: 50px;
  }
  .homepage__ctas .bottom__button {
      display: inline-block;
      padding: 10px 35px;
      background: #f0476e;
      color: white;
      font-size: 16px;
      font-weight: bold;
      font-family: open-sans, sans-serif;
      border-radius: 25px;
      text-transform: uppercase;
      margin-top: 32px;
      transition: all .3s ease-in-out;
      margin-bottom: 32px;
  }
  
  .homepage__ctas .bottom__button:hover {
      background: #90c40b;
      transition: all .3s ease-in-out;
  }
  
  .homepage__tertiary__content {
      background:#485696;
      padding-left: 19%;
      padding-right: 5%;
      padding-top: 100px;
      padding-bottom: 100px;
  }
  
  .homepage__tertiary__content h2 {
      font-size: 40px;
      font-weight: bold;
      color:#ffc401;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__tertiary__content h1,
  .homepage__tertiary__content h2,
  .homepage__tertiary__content h3 {
      font-size: 40px;
      font-weight: bold;
      color:#ffc401;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__tertiary__content h4 {
      font-size: 40px;
      font-weight: bold;
      color:#ffc401;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__tertiary__content h5 {
      font-size: 40px;
      font-weight: bold;
      color:#ffc401;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  
  .homepage__tertiary__content p {
      color: white;
      font-weight: 300;
  }
  
  .homepage__tertiary__content ul {
      margin-top: 8px;
      margin-left: 24px;
  }
  
  .homepage__tertiary__content ul li {
      list-style: none;
      font-size: 16px;
      font-weight: 400;
      color: white;
      font-family: open-sans, sans-serif; 
      margin-bottom: 8px;
      position: relative;
      text-align: left;
  }
  
  .homepage__tertiary__content ul li:before {
      content:"\f058";
      font-family: 'Font Awesome 5 Pro';
      font-weight: bold;
      color: white;
      margin-right: 8px;
      margin-left: -24px;
  }
  
  .homepage__tertiary__content ul li:last-of-type {
      margin-bottom: 0px;
  }
  
  .homepage__tertiary__content .tagline {
          color: #ffc401;
      font-size: 30px;
      font-family: chauncy-pro, sans-serif;
      font-weight: 500;
      margin-bottom: 0px;
      margin-top: 32px;
  }
  
  .tertiary__background  {
      background-size: cover;
      background-position: center;
  }
  
  .bottom__cta {
      position: relative;
  }
  
  .bottom__cta .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left:0;
      right:0;
      opacity:0;
      transition: all .3s ease-in-out;
      width: 100%;
      border-radius: 20px;
  }
  
  .bottom__cta:hover .overlay {
      opacity: 1;
      transition: all .3s ease-in-out;
      background: rgba(0,158,246,0.65);
      
      
  }
  
  .bottom__cta .overlay .overlay__inner {
      position: absolute;
      top:50%;
      transform: translateY(-50%);
      text-align: center;
      width:100%;
  }
  
  .bottom__cta .overlay .overlay__inner p {
      font-size: 22px;
      color: white;
          font-family: 'Dosis', sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      text-shadow: 0px 1px 2.91px rgba(0, 0, 0, 0.75);
  }
  
  .bottom__cta .overlay .overlay__inner .button {
          display: inline-block;
      padding: 10px 35px;
      background: #485696;
      color: white;
      font-size: 16px;
      font-weight: bold;
      font-family: open-sans, sans-serif;
      border-radius: 25px;
      text-transform: uppercase;
      margin-top: 16px;
      transition: all .3s ease-in-out;
  }
  
  .bottom__cta .overlay .overlay__inner .button:hover {
      background:#f0476e;
      transition: all .3s ease-in-out;
  }
  
  .homepage__bottom {
      padding-top: 115px;
      padding-bottom:25px;
  }
  
  .homepage__bottom .tagline {
      color: #90c40b;
      font-size: 30px;
      font-family: chauncy-pro, sans-serif;
      font-weight: 500;
      margin-bottom: 0px;
      margin-top: 32px;
  }
  
  .homepage__bottom .grid-2 p:nth-of-type(2) {
      color:#2e3c78;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
  }
  
  .homepage__bottom .grid-2 img {
      width: 100%;
      object-fit: cover;
  }
  
  .normal__size {
      width: auto !important;
  }
  
  .play__button {
      position: absolute;
      top:50%;
      transform: translateY(-50%);
          left: 0;
      right: 0;
      text-align: center;
      margin: 0 auto;
      z-index: 99;
      cursor: pointer;
  }
  
  .homepage__quaternary .button {
      display: inline-block;
      padding: 10px 35px;
      background: #f0476e;
      color: white;
      font-size: 16px;
      font-weight: bold;
      font-family: open-sans, sans-serif;
      border-radius: 25px;
      text-transform: uppercase;
      margin-top: 32px;
      transition: all .3s ease-in-out;
      margin-bottom: 32px;
  }
  
  .homepage__quaternary .button:hover {
      background: #90c40b;
      transition: all .3s ease-in-out;
  }
  
  .homepage__quaternary {
      position: relative;
      padding-bottom: 0px !important;
  }
  
  .homepage__quaternary p.floating__right {
      font-size: 50px;
      color:#009ef6;
      font-family: chauncy-pro, sans-serif;
      font-weight: 400;
      text-align: center;
      max-width: 265px;
      transform: rotate(20deg);
      position: absolute;
      right: 2%;
      top: -20px;
      z-index: 30;
      line-height: 1;
  }
  
  .shooting__star {
      position: absolute;
      top:65%;
      left:5%;
      z-index: 30;
  }
  
  .home__slide img {
      max-height: 700px;
      object-fit: cover;
      object-position: bottom;
      border-radius: 20px;
  }
  
  .homepage__slider .home__slide img {
      border-radius: 0;
  }
  
  .owl-dots li {
      display: inline-block;
      padding-top: 10px;
      padding-bottom: 10px;
      background: white;
      border-radius: 100%;
      cursor: pointer;
      position: relative;
      min-width: 75px;
      min-height: 75px;
      background-size: cover;
      background-position: center;
      margin-right: 10px;
      box-shadow: 1px 2px 4px #222;
  }
  
  .homepage__ctas .bottom__cloud {
      bottom: -3%;
  }
  
  .owl-dots li:before {
  background:none;
  } 
  
  .owl-dots li.active:before {
      position: absolute;
      top: 0px;
      bottom: 0px;
      left:0px; 
      right:0px;
      background: rgba(124,49,136,0.35);
      content: "";
      border-radius: 100%;
  }
  
  .owl-dots li img {
      max-width: 155px;
      object-fit: cover;
  }
  
  #carousel-custom-dots {
          text-align: center;
      margin-top: -40px;
      z-index: 99;
      position: relative;
  }
  
  .owl-nav {
      position: absolute;
      top:50%;
      transform: translateY(-50%);
      z-index: 99;
      width: 100%;
  }
  
  .owl-nav .owl-prev {
      margin-left: -8%;
      font-size: 30px;
      color: red;
  }
  
  .owl-nav .owl-next {
      margin-right: -8%;
      font-size: 30px;
      color: red;
      float: right;
  }
  
  .owl-nav i {
      color:#d0c5e6;
      font-size: 30px;
  }
  
  #breadcrumbs {
      padding-top: 15px;
      padding-bottom: 15px;
      color:#7c3188;
      font-weight: bold;
          font-family: chauncy-pro, sans-serif;
      font-size: 15px;
  }
  
  #breadcrumbs a {
      color:#7c3188;
      font-weight: 400;
  }
  
  .carousel__background {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6c73dd+0,7c3c94+100 */
  background: rgb(108,115,221); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(108,115,221,1) 0%, rgba(124,60,148,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(108,115,221,1) 0%,rgba(124,60,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(108,115,221,1) 0%,rgba(124,60,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c73dd', endColorstr='#7c3c94',GradientType=0 ); /* IE6-9 */
      height: 300px;
      position: absolute;
      z-index: -1;
      top: 50%;
      transform: translateY(-50%);
      width: 200%;
      left: -50%;
  }
  
  .product__main {
      padding-top: 50px;
      padding-bottom: 50px;
      padding-left: 25px;
      padding-right: 25px;
  }
  
  .product__main h1 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  .product__main h2 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  .product__main h3 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  .product__main h4 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  .product__main h5 {
      font-size: 55px;
      font-weight: bold;
      color:#2e3c78;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
  }
  
  .product__main .grid-4 p span {
      color:#2e3c78;
      font-size: 28px;
      text-transform: uppercase;
      font-weight: 700;
      display: block;
      font-family: 'Dosis',sans-serif;
  }
  
  .product__main .grid-4 {
      padding-top: 30px;
      padding-bottom: 30px;
      border: 2px solid #e6e6e6;
      border-radius: 20px;
  }
  
  .product__content p {
      color: #495159;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 50px;
      padding-right: 50px;
  }
  
  .product__content p:nth-of-type(2n) {
      background:#f7f7f7;
  }
  
  .product__content p strong {
      font-family: 'Dosis',sans-serif;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
  }
  
  .product__main .grid-2 p span {
      font-size: 28px;
      font-weight: bold;
      color:#2e3c78;
      display: block;
       font-family: 'Dosis', sans-serif;
      text-transform: uppercase;
  }
  
  .product__main .grid-2 .price {
      color:#7c3188;
      font-size: 40px;
      font-family: 'Dosis', sans-serif;
      font-weight: bold;
      margin-bottom: 16px;
  }
  
  .product__main .grid-2 {
      text-align: center;
  }
  
  .product__main .grid-2 .button {
      display: inline-block;
      padding: 10px 35px;
      background: #7c3188;
      color: white;
      font-size: 16px;
      font-weight: bold;
      font-family: open-sans, sans-serif;
      border-radius: 25px;
      text-transform: uppercase;
      transition: all .3s ease-in-out;
      margin-bottom: 32px;
  }
  
  .product__main .grid-2 .button:hover {
      -webkit-transition: all .2s ease-in-out;
           -o-transition: all .2s ease-in-out;
              transition: all .2s ease-in-out;
      background: #90c40b !important;
  }
  
  .product__main .grid-2 img {
      margin: 0 auto 32px;
      display: block;
  }
  
  .product__main .grid-2p {
      color: #495159;
  }
  
  .product__main .grid-2 p strong {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 400;
  }
  
  .product__main .grid-2 {
      padding-top: 30px;
      padding-bottom: 30px;
      border: 2px solid #e6e6e6;
      border-radius: 20px;
  }
  
  .color__options  {
      margin-bottom: 16px;
  }
  
  .color__options img {
      width: 100%;
      object-fit: cover;
  }
  
  .customize__area {
      padding-top: 45px;
      padding-bottom: 45px;
      padding-left: 25px;
      padding-right: 25px;
      text-align: center;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6c73dd+0,7c3c94+100 */
  background: rgb(108,115,221); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(108,115,221,1) 0%, rgba(124,60,148,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(108,115,221,1) 0%,rgba(124,60,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(108,115,221,1) 0%,rgba(124,60,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c73dd', endColorstr='#7c3c94',GradientType=0 ); /* IE6-9 */
          border: 2px solid #e6e6e6;
      border-radius: 20px;
  }
  
  .customize__area p {
      color: white;
      font-size: 40px;
      font-weight: bold;
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 1;
      text-align: center;
      font-family: 'Dosis', sans-serif;
  }
  
  .customize__area input[type="text"] {
          height: 40px;
      border-radius: 50px;
      padding-left: 15px;
      border:#e6e6e6;
  }
  
  .customize__area input[type='tel'] {
      font-size: 14px;
      width: 90%;
      height: 38px;
      padding-right: 35px;
      padding-left: 15px;
      border-radius: 50px;
      outline: none;
      border: none;
  }
  
  .customize__area .search-btn {
      position: absolute;
      z-index: 1;
      top: -8px;
      right: -8px;
      display: block;
      padding: 0;
      -webkit-transition: all ease-in-out .2s;
           -o-transition: all ease-in-out .2s;
              transition: all ease-in-out .2s;
      opacity: 1;
      border: none;
      background-color: transparent;
  }
  
  .customize__area .zipcode__search {
      position: relative;
      display: block;
      max-width: 225px;
      margin: 0 auto;
  }
  
  .customize__area .warranty-form {
      text-align: left;
      background: transparent !important;
  }
  
  .customize__area .warranty-form {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      padding: 50px 0 0;
      text-align: left;
      background: transparent !important;
  }
  
  .customize__area .warranty-form input[type='text'],
  .customize__area .warranty-form input[type='email'],
  .customize__area .warranty-form textarea {
      border: none;
  }
  
  .customize__area .warranty-form .btn-wrapper input[type='submit'] {
      max-width: 100%;
  }
  
  .swirly__star__subpage {
      position: absolute;
      top:-10%;
      left:5%;
  }
  
  .starburst__subpage {
      position: absolute;
      top:20%;
      right:5%;
  }
  
  .product__main {
      position: relative;
  }
  
  .single__product .product__top .rainbow {
      position: absolute;
      z-index: 2;
      top: 90px;
      right: -135px;
  }
  
  .product__main .shooting__star {
      top: auto;
      right: -12%;
      bottom: -170px;
      left: auto;
  }
  
  @media only screen and (max-width: 1366px){
      .dealer__area p {
          font-size: 18px;
          margin-bottom: 8px;
      }
      
      header[role=banner] {
          background: -webkit-gradient(linear,  left top, right top,  from(#485696),color-stop(90%, #485696),color-stop(90%, #2e3c78),color-stop(90%, #2e3c78),to(#2e3c78));
          background: -o-linear-gradient(left,  #485696 0%,#485696 90%,#2e3c78 90%,#2e3c78 90%,#2e3c78 100%);
          background:    linear-gradient(to right,  #485696 0%,#485696 90%,#2e3c78 90%,#2e3c78 90%,#2e3c78 100%);
      }
      
      .product__top .home__slide img {
          max-height: 550px;
      }
      
      .starburst__subpage {
          top: 0;
          right: 0;
      }
  
      .bottom__cloud {
          bottom: 0;
          left: 0;
      }
      
      .swirly__star__subpage {
          top: -5%;
          left: 2%;
      }
  }
  
  @media only screen and (max-width: 1080px){
      header .logo__area {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          width: 15%;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }
  
      header  .nav__area {
          width: 31%;
      }
  
      header  .dealer__area {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          width: 50%;
          padding-left: 30px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: end;
      }
      
      header .dealer__area .dealer-wrap {
          max-width: 100%;
          padding-right: 40px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 90%;
              flex: 0 0 90%;
      }
  
      .dealer__area input[type='tel'] {
          font-size: 14px;
          width: 100%;
          height: 35px;
      }
  
      header .dealer__area .dealer-wrap p {
          text-align: center;
      }
      
      .homepage__main h1 {
          font-size: 40px;
          line-height: 1;
          margin-bottom: 16px;
      }
  
      .homepage__main p.tagline {
          font-size: 22px;
          font-weight: 500;
          margin-bottom: 32px;
      }
  
      .homepage__main p.floating__left {
          font-size: 40px;
          top: -20px;
          left: 0;
      }
  
      .homepage__tertiary__content {
          padding-top: 100px;
          padding-right: 5%;
          padding-bottom: 100px;
          padding-left: 5%;
      }
  
      .homepage__quaternary p.floating__right {
          font-size: 40px;
          top: -10px;
          right: 0;
          max-width: 205px;
      }
  
      .shooting__star {
          top: 80%;
          left: 5%;
      }
      
      .product__top .owl-nav .owl-next {
          font-size: 30px;
          margin-right: -40px;
      }
  
      .product__top .owl-nav .owl-prev {
          font-size: 30px;
          margin-left: -40px;
      }
      
      .product__main .shooting__star {
          top: auto;
          right: 0;
          bottom: -170px;
          left: auto;
      }
  }
  
  @media only screen and (max-width: 768px){
      header  .nav__area {
          width: 11%;
      }
  
      header .logo__area {
          width: 35%;
      }
      
      .homepage__cta__content .button {
          padding: 5px 30px;
      }
  
      .homepage__main h1 {
          font-size: 35px;
          line-height: 1;
          margin-bottom: 16px;
      }
  
      .homepage__secondary .rainbow {
          position: absolute;
          top: 0;
          right: 0;
      }
  
      .slider__content p {
          font-size: 35px;
          line-height: 1;
      }
  
      .slider__content {
          max-width: 250px;
      }
      
      .product__top .home__slide img {
          max-height: 320px;
      }
      
      .owl-nav i {
          font-size: 25px;
      }
  
      .product__top .owl-nav .owl-next {
          margin-right: -14px;
      }
  
      .product__top .owl-nav .owl-prev {
          margin-left: -14px;
      }
      
      .product__main .grid-2 .button {
          font-size: 15px;
          padding: 5px 20px;
      }
  
      .product__main .grid-2 {
          padding-top: 30px;
          padding-right: 15px;
          padding-bottom: 30px;
          padding-left: 15px;
      }
  
      .customize__area p {
          font-size: 30px;
      }
  
      .product__main h1 {
          font-size: 40px;
      }
  
      .product__content p {
          font-size: 15px;
      }
  
      .product__main .grid-4 p span {
          font-size: 25px;
      }
  
      .product__top .owl-dots  li {
          min-width: 50px;
          min-height: 50px;
      }
  
      #carousel-custom-dots {
          margin-top: -30px;
      }
  }
  
  @media only screen and (max-width: 639px){
      footer[role=contentinfo] .grid-20 p,
      footer[role=contentinfo] ul {
          text-align: center;
      }
  
      footer[role=contentinfo] ul {
          margin-bottom: 30px;
      }
      
      footer[role=contentinfo] ul li.star:before {
          position: relative !important;
          left: 0 !important;
          display: inline-block;
          margin-right: 5px;
      }
  
      .footer__logo {
          padding-bottom: 20px;
      }
      
      .homepage__slider .home__slide img {
          display: block;
          width: 100%;
          height: 100% !important;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center;
      }
  
      .homepage__slider .home__slide {
          height: 400px;
      }
  
      .homepage__slider:before {
          background: -webkit-gradient(linear,  left top, right top,  from(rgba(0,0,0,.35)),color-stop(25%, rgba(0,0,0,.25)),color-stop(65%, rgba(0,0,0,0)),to(rgba(0,0,0,0)));
          background: -o-linear-gradient(left,  rgba(0,0,0,.35) 0%,rgba(0,0,0,.25) 25%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
          background:    linear-gradient(to right,  rgba(0,0,0,.35) 0%,rgba(0,0,0,.25) 25%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
      }
      
      .homepage__main {
          position: relative;
          padding-top: 40px;
          text-align: center;
      }
  
      .homepage__secondary h2,
      .homepage__tertiary__content h3,
      .homepage__secondary h4 {
          font-size: 30px;
      }
  
      .homepage__tertiary__content {
          padding-top: 60px;
          padding-bottom: 60px;
      }
  
      .homepage__tertiary__content .tagline {
          font-size: 25px;
      }
  
      .homepage__bottom {
          padding-top: 20px;
          padding-bottom: 25px;
      }
      
      .homepage__cta {
          margin-bottom: 20px !important;
      }
      
      .product__main .grid-4 {
          margin-bottom: 20px;
      }
  
      .product__main .grid-2 img {
          display: block;
          margin: 0 auto 32px;
      }
  
      .product__top .home__slide img {
          max-height: 250px;
      }
  
      .product__top  .carousel__background {
          top: 55%;
      }
      
  }
  
  @media only screen and (max-width: 590px){
      header .dealer__area .dealer-wrap {
          position: fixed;
          text-align: center;
          z-index: 999;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 20px;
          border-top: 4px solid #fff;
          background-color: #7546a4;
          -webkit-box-shadow: 0 -10px 20px -10px rgb(0 0 0 / 30%);
                  box-shadow: 0 -10px 20px -10px rgb(0 0 0 / 30%);
      }
  
      header .nav__area {
          display: none !important;
      }
  
      header .logo__area {
          width: 80%;
          float: left;
      }
  
      header .dealer__area {
          width: 20% !important;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          float: left;
      }
      
      header .logo__area img {
          max-width: 115px;
          width: 100%;
      }
      
      footer[role=contentinfo] {
          margin-bottom: 114px;
      }
  }
  
  @media only screen and (max-width: 480px){
      .homepage__slider:before {
          background: -webkit-gradient(linear,  left top, right top,  color-stop(100%, rgb(0 0 0 / 5%)),color-stop(100%, rgba(0,0,0,.25)),color-stop(100%, rgba(0,0,0,0)),to(rgba(0,0,0,0)));
          background: -o-linear-gradient(left,  rgb(0 0 0 / 5%) 100%,rgba(0,0,0,.25) 100%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%);
          background:    linear-gradient(to right,  rgb(0 0 0 / 5%) 100%,rgba(0,0,0,.25) 100%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%);
          background-color: rgb(0 0 0 / 25%);
      }
  
      .slider__content {
          top: 50%;
          right: 0;
          left: 0;
          max-width: 250px;
          margin: 0 auto;
      }
      
      .product__top .owl-dots  li {
          min-width: 35px;
          min-height: 35px;
      }
  
      #carousel-custom-dots {
          margin-top: -20px;
      }
  
      .product__main h1 {
          font-size: 33px;
      }
  
      .product__main .grid-4 p span {
          font-size: 23px;
      }
  
      .product__content p strong {
          font-size: inherit;
          font-weight: 600;
      }
  
      .customize__area p {
          font-size: 25px;
      }
  
      .product__main {
          padding-bottom: 10px;
      }
  }
  
  /* =============================== *\
   * PLAYSETS
  \* =============================== */
  .playsets__slider {
      display: block;
      border-radius: 20px;
      overflow: hidden;
      background-color: #485696;
  }
  
  .playsets__slider .slider__content {
      position: absolute;
      z-index: 999;
      top: 50%;
      left: 37%;
      width: 100%;
      max-width: 300px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
  }
  
  .playsets__slider  .playset__slide {
      position: relative;
  }
  
  .playsets__slider  .playset__slide:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      content: '';
      background-color: rgb(0 0 0 / 25%);
  }
  
  .section__playsets {
      overflow: hidden;
      position: relative;
  }
  
  .section__playset-package .section__title,
  .section__playset-package h1, 
  .section__playset-package h2, 
  .section__playset-package h3, 
  .section__playset-package h4 {
      font-family: 'Dosis', sans-serif;
      font-size: 40px;
      font-weight: bold;
      line-height: 1em;
      margin-bottom: 16px;
      color: #ffc401;
      margin-top: 80px;
  }

  .section__playset-package .section__title:first-child,
  .section__playset-package h1:first-child, 
  .section__playset-package h2:first-child, 
  .section__playset-package h3:first-child, 
  .section__playset-package h4:first-child {
      margin-top: 0;
  }
  
  .section__playset-package .contents {
      display: block;
      text-align: center;
  }
  
  .section__playset-package  .squiggly {
      margin-bottom: 16px;
  }
  
  .section__playset-package {
      display: block;
      padding: 80px 0 0;
      text-align: center;
      position: relative;
      overflow-x: hidden;
  }
  
  .playset__packages .featured__products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -10px;
        margin-left: -10px;
        padding-top: 30px;
    }
  
  .playset__packages .featured__products li {
      display: block;
      max-width: 25%;
      padding: 10px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  }
  
  .playset__packages .featured__products .inner-wrap {
      display: block;
      overflow: hidden;
      border-radius: 20px;
	  height: 100%;
  }
  
  .playset__packages .featured__products li.grid-style--1 .inner-wrap {
      background: rgb(111,94,195);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
      background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      background:    linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
  }
  
  .playset__packages .featured__products li.grid-style--2 .inner-wrap  {
      background: rgb(239,116,193);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
      background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      background:    linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
  }
  
  .playset__packages .featured__products li.grid-style--3 .inner-wrap  {
      background: rgb(60,195,224);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
      background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      background:    linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
  }
  
  .playset__packages .featured__products li.grid-style--4 .inner-wrap  {
      background: rgb(194,219,53);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
      background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      background:    linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
  }
  
  .playset__packages .featured__products li.grid-style--5 .inner-wrap  {
      background: rgb(255,207,96);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
      background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      background:    linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
  }
  
  .playset__packages .featured__products li.grid-style--6 .inner-wrap  {
      background: rgb(255,142,77);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
      background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      background:    linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
  }
  
  /*----------------------------
   * CATEGORY SPECIFIC COLORS
   * --------------------------- */
  #star-gazer-series .featured__products li .inner-wrap,
  .term-star-gazers .playset__packages .featured__products li .inner-wrap,
  #term-star-gazer-series .customize__area,
  #term-star-gazer-series .carousel__background,
  #archive-term-star-gazer-series .carousel__background  {
      background: rgb(194,219,53);
      background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
      background:    linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
  }
  
  #star-tower-series  .featured__products li .inner-wrap,
  .term-star-towers .playset__packages .featured__products li .inner-wrap,
  #term-star-tower-series .customize__area,
  #term-star-tower-series .carousel__background,
  #archive-term-star-tower-series .carousel__background  {
      background: rgb(60,195,224);
      background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
      background:    linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
  }
  
  #double-star-tower   .featured__products li .inner-wrap,
  .term-double-star-towers .playset__packages .featured__products li .inner-wrap,
  #term-double-star-tower .customize__area,
  #term-double-star-tower .carousel__background,
  #archive-term-double-star-tower  .carousel__background   {
      background: rgb(239,116,193);
      background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
      background:    linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
  }
  
  #sky-climber-series .featured__products li .inner-wrap,
  .term-sky-climbers .playset__packages .featured__products li .inner-wrap,
  #term-climber-series .customize__area,
  #term-climber-series .carousel__background,
  #archive-term-sky-climber-series .carousel__background  {
      background: rgb(111,94,195);
      background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
      background:    linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
  }
  
  #space-station-series .featured__products li .inner-wrap,
  .term-space-stations .playset__packages .featured__products li .inner-wrap,
  #term-space-station-series .customize__area,
  #term-space-station-series .carousel__background,
  #archive-term-space-station-series .carousel__background  {
      background: rgb(255,207,96);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
      background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      background:    linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
  }
  
  #commercial-playset  .featured__products li .inner-wrap,
  .term-commercial-swing-sets .playset__packages .featured__products li .inner-wrap,
  #term-commercial-playsets .customize__area,
  #term-commercial-playsets .carousel__background,
  #archive-term-commercial-playsets .carousel__background {
      background: rgb(255,142,77);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
      background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      background:    linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
  }
  
  /* -----------------------
   * Product Page Buttons
   * ----------------------- */
  #term-star-gazer-series .product__main .button {
      background: rgb(194,219,53);
  }
  
  #term-star-tower-series .product__main .button {
      background: rgb(60,195,224);
  }
  
  #term-double-star-tower .product__main .button {
      background: rgb(239,116,193);
  }
  
  #term-climber-series .product__main .button {
      background: rgb(111,94,195);
  }
  
  #term-commercial-playsets .product__main .button {
      background: rgb(255,142,77);
  }
  
  #term-space-station-series .product__main .button {
      background: rgb(255,207,96);
  }
  
  /* -----------------------
   * Product Page Price
   * ----------------------- */
  #term-star-gazer-series .product__main .price {
      color: rgb(194,219,53);
  }
  
  #term-star-tower-series .product__main .price {
      color: rgb(60,195,224);
  }
  
  #term-double-star-tower .product__main .price {
      color: rgb(239,116,193);
  }
  
  #term-climber-series .product__main .price {
      color: rgb(111,94,195);
  }
  
  #term-commercial-playsets .product__main .price {
      color: rgb(255,142,77);
  }
  
  #term-space-station-series .product__main .price {
      color: rgb(255,207,96);
  }
  
  .playset__packages .featured__products  .content-wrap {
      display: block;
      padding: 40px 20px;
      text-align: center;
  }
  
  .playset__packages .featured__products .playset-title {
      font-family: 'Dosis', sans-serif;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: center;
      text-transform: uppercase;
      color: white;
  }
  
  .playset__packages .featured__products .button {
      font-family: open-sans, sans-serif;
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      padding: 10px 30px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      border: 2px solid white;
      border-radius: 20px;
      background: none;
      margin-bottom: 0;
  }
  
  .playset__packages .featured__products .button:hover {
      color: #222;
      background-color: #fff;
  }
  
  .section__playset-package .rainbow {
      position: absolute;
      top: 120px;
      right: 5%;
  }

  .swingset__models .bottom__contents,
  .section__playset-package .bottom__contents {
        padding-top: 80px;
        text-align: center;
    }
  
  @media only screen and (max-width: 1366px){
      .carousel__background {
          top: 45%;
          height: 250px;
      }
  
      .section__playset-package .rainbow {
          position: absolute;
          top: 5%;
          right: 0;
      }
  
      .section__playset-package .rainbow {
          position: absolute;
          top: auto;
          right: 0;
          bottom: 5%;
      }
  
  }
  
  @media only screen and (max-width: 1080px){
      .playsets__slider .slider__content {
          left: 35%;
      }
  
      .section__playset-package {
          padding: 50px 0 80px;
      }
  
  }
  
  @media only screen and (max-width: 768px){
      .playsets__slider .slider__content {
          right: 0;
          left: 0;
          display: block;
          max-width: 90%;
          margin: 0 auto;
          text-align: center;
      }
  
      .carousel__background {
          top: 45%;
          height: 150px;
      }
      
      .playsets__slider .slider__content {
          right: 0;
          left: 0;
          display: block;
          max-width: 90%;
          margin: 0 auto;
          text-align: center;
      }
  
      .carousel__background {
          top: 45%;
          height: 150px;
      }
  
      .playset__packages .featured__products li {
          max-width: 50%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      }
  
  }
  
  @media only screen and (max-width: 639px){
      .mobile-hide {
          display: none;
      }
      
      .section__playset-package {
          padding: 30px 0 10px;
      }
      
      .section__playsets  .slider__content .button {
          font-size: 15px;
          padding: 8px 20px;
      }
      
      .playset__packages .featured__products .button {
          font-size: 15px;
          padding: 5px 20px;
      }
  
      .playset__packages .featured__products .playset-title {
          font-size: 20px;
          margin-bottom: 10px;
      }
      
      .section__playsets .slider__content p,
      .section__playset-package .section__title,
      .section__playset-package h1, 
      .section__playset-package h2, 
      .section__playset-package h3, 
      .section__playset-package h4 {
          font-size: 30px;
      }
      
      .playsets__slider .playset__slide {
          height: 220px;
      }
  
      .playsets__slider .playset__slide  img {
          display: block;
          width: 100%;
          height: 100% !important;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center;
      }
  
      .carousel__background {
          top: 40%;
  
          height: 100px;
      }
      
      .section__playset-package .contents {
          text-align: left;
      }
  
      .playset__packages .featured__products {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
      }
  
  }	
  
  @media only screen and (max-width: 590px){
      .playset__packages .featured__products li {
          max-width: 100%;
          padding: 10px 0;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
      
      .playset__packages .featured__products {
          padding: 30px 0;
          margin: 0 auto;
      }
      
      .playset__packages .featured__products  .img-wrap {
          display: block;
          width: 100%;
      }
  
      .playset__packages .featured__products .img-wrap img {
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
      }
  }
  
  /* =============================== *\
   * GALLERY
  \* =============================== */
  .section__hero {
      position: relative;
      display: block;
      overflow: hidden;
  }
  
  .section__hero .hero-wrap {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      height: 450px;
      text-align: center;
      border-radius: 20px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #485696;
  }
  
  .section__hero  .page__title {
      font-family: 'Dosis', sans-serif;
      font-size: 50px;
      font-weight: bold;
      line-height: 1;
      position: relative;
      z-index: 1;
      text-align: center;
      color: white;
  }
  
  .section__hero .hero-wrap:before {
      position: absolute;
      z-index: 0;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      content: '';
      background-color: rgb(0 0 0 / 25%);
  }
  
  .project__gallery {
      display: block;
      padding: 100px 0 80px;
  }
  
  .project__gallery .mediumwrap {
      text-align: center;
      margin-bottom: 110px;
      margin-top: -30px;
      display: block;
  }
  
  .project__gallery .pg-inner-section:last-child .mediumwrap {
      margin-bottom: 0;
  }
  
  .project__gallery .gallery--title,
  .project__gallery h1, 
  .project__gallery h2, 
  .project__gallery h3, 
  .project__gallery h4 {
      font-size: 35px;
      font-weight: bold;
      line-height: 1em;
      margin-bottom: 16px;
      color: #ffc401;
  }
  
  .project__gallery  .inner-cont {
      display: block;
      margin: 0 auto;
      text-align: center;
  }
  
  .project__gallery  .inner-cont .squiggly {
      margin-bottom: 16px;
  }
  
  .project__gallery-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  
  .project__gallery-wrapper .gallery-item {
      max-width: 33.33%;
      padding: 10px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  }
  
  .project__gallery-wrapper .gallery-item a {
      display: block;
      overflow: hidden;
      height: 350px;
      border-radius: 20px;
      background-color: #333;
  }
  
  .project__gallery-wrapper .gallery-item:nth-child(1) > a,
  .project__gallery-wrapper .gallery-item:nth-child(7) > a,
  .project__gallery-wrapper .gallery-item:nth-child(13) > a,
  .project__gallery-wrapper .gallery-item:nth-child(19) > a,
  .project__gallery-wrapper .gallery-item:nth-child(25) > a,
  .project__gallery-wrapper .gallery-item:nth-child(31) > a {
      background: rgb(111,94,195);
      background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
      background:    linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
  }
  
  .project__gallery-wrapper .gallery-item:nth-child(2) > a,
  .project__gallery-wrapper .gallery-item:nth-child(8) > a,
  .project__gallery-wrapper .gallery-item:nth-child(14) > a,
  .project__gallery-wrapper .gallery-item:nth-child(20) > a,
  .project__gallery-wrapper .gallery-item:nth-child(26) > a,
  .project__gallery-wrapper .gallery-item:nth-child(32) > a {
      background: rgb(239,116,193);
      background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
      background:    linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
  }
  
  .project__gallery-wrapper .gallery-item:nth-child(3) > a,
  .project__gallery-wrapper .gallery-item:nth-child(9) > a,
  .project__gallery-wrapper .gallery-item:nth-child(15) > a,
  .project__gallery-wrapper .gallery-item:nth-child(21) > a,
  .project__gallery-wrapper .gallery-item:nth-child(27) > a,
  .project__gallery-wrapper .gallery-item:nth-child(33) > a {
      background: rgb(60,195,224);
      background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
      background:    linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
  }
  
  .project__gallery-wrapper .gallery-item:nth-child(4) > a,
  .project__gallery-wrapper .gallery-item:nth-child(10) > a,
  .project__gallery-wrapper .gallery-item:nth-child(16) > a,
  .project__gallery-wrapper .gallery-item:nth-child(22) > a,
  .project__gallery-wrapper .gallery-item:nth-child(28) > a,
  .project__gallery-wrapper .gallery-item:nth-child(34) > a {
      background: rgb(194,219,53);
      background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
      background:    linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
  }
  
  .project__gallery-wrapper .gallery-item:nth-child(5) > a,
  .project__gallery-wrapper .gallery-item:nth-child(11) > a,
  .project__gallery-wrapper .gallery-item:nth-child(17) > a,
  .project__gallery-wrapper .gallery-item:nth-child(23) > a,
  .project__gallery-wrapper .gallery-item:nth-child(29) > a,
  .project__gallery-wrapper .gallery-item:nth-child(35) > a {
      background: rgb(255,207,96);
      background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
      background:    linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
  }
  
  .project__gallery-wrapper .gallery-item:nth-child(6) > a,
  .project__gallery-wrapper .gallery-item:nth-child(12) > a,
  .project__gallery-wrapper .gallery-item:nth-child(18) > a,
  .project__gallery-wrapper .gallery-item:nth-child(24) > a,
  .project__gallery-wrapper .gallery-item:nth-child(30) > a,
  .project__gallery-wrapper .gallery-item:nth-child(36) > a {
      background: rgb(255,142,77);
      background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
      background:    linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
  }
  
  .project__gallery-wrapper .gallery-item  img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      -webkit-transition: all ease-in-out .2s;
           -o-transition: all ease-in-out .2s;
              transition: all ease-in-out .2s;
      opacity: 1;
  }
  
  .project__gallery-wrapper .gallery-item:hover img {
      opacity: .7;
  }
  
  .project__gallery .inner-cont  .gallery--description {
      display: block;
      margin-bottom: 40px;
  }
  
  .pg-inner-section {
      display: block;
      position: relative;
      margin-bottom: 100px;
  }
  
  .pg-inner-section:last-child {
      display: block;
      margin-bottom: 0;
  }
  
  .pg-inner-section .rainbow {
      position: absolute;
      right: 5%;
  }
  
  @media only screen and (max-width: 1366px){
      .section__hero .carousel__background {
          top: 50%;
      }
  
      .project__gallery .swirly__star {
          top: 0;
      }
  }
  
  
  @media only screen and (max-width: 1080px){
      .pg-inner-section .rainbow {
          position: absolute;
          right: 0;
          top: -70px;
      }
  
      .project__gallery .swirly__star {
          left: 20px;
          top: -50px;
      }
  }
  
  @media only screen and (max-width: 639px){
      .project__gallery-wrapper .gallery-item {
          max-width: 50%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      }
  
      .project__gallery-wrapper .gallery-item a {
          height: 250px;
      }
  
      .project__gallery .gallery--title,
      .project__gallery h1, 
      .project__gallery h2, 
      .project__gallery h3, 
      .project__gallery h4 {
          font-size: 30px;
      }
      
      .project__gallery {
          padding: 60px 0 20px;
      }
      
      .section__hero .hero-wrap {
          height: 250px;
          padding: 20px 40px;
          box-sizing: border-box;
      }
  
      .section__hero .page__title {
          font-size: 40px;
      }
  }
  
  @media only screen and (max-width: 480px){
      .project__gallery-wrapper .gallery-item {
          max-width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
      
      .section__hero .hero-wrap {
          height: 200px;
          padding: 20px;
      }
      
      .section__hero .page__title {
          font-size: 35px;
      }
  }
  
  /* =============================== *\
   * SECTIONS
  \* =============================== */
  .page__sections > div:first-child {
      padding: 100px 0 80px;
  }
  
  .page__sections > div {
      display: block;
      padding: 80px 0 80px;
      position: relative;
  }
  
  .section__image-box .inner-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  
  .section__image-box .image-wrap {
      display: block;
      max-width: 50%;
      padding-right: 40px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  }
  
  .section__image-box .image-wrap  img {
      display: block;
      border-radius: 20px;
  }
  
  .section__image-box  .content-wrap {
      display: block;
      max-width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  }
  
  .section__image-box .content-wrap h1,
  .section__image-box .content-wrap h2,
  .section__image-box .content-wrap h3,
  .section__image-box .content-wrap h4,
  .section__image-box .content-wrap .h1,
  .section__image-box .content-wrap .h2,
  .section__image-box .content-wrap .h3,
  .section__image-box .content-wrap .h4,
  .section__wysiwyg h1,
  .section__wysiwyg h2,
  .section__wysiwyg h3,
  .section__wysiwyg h4,
  .section__wysiwyg .h2,
  .section__wysiwyg .h3,
  .section__wysiwyg .h4 {
      font-family: 'Dosis', sans-serif;
      font-size: 40px;
      font-weight: bold;
      line-height: 1em;
      margin-bottom: 16px;
      color: #ffc401;
      margin-top: 40px;
  }
  
  .section__image-box .content-wrap h1:first-child,
  .section__image-box .content-wrap h2:first-child,
  .section__image-box .content-wrap h3:first-child,
  .section__image-box .content-wrap h4:first-child,
  .section__image-box .content-wrap .h1:first-child,
  .section__image-box .content-wrap .h2:first-child,
  .section__image-box .content-wrap .h3:first-child,
  .section__image-box .content-wrap .h4:first-child,
  .section__wysiwyg h1:first-child,
  .section__wysiwyg h2:first-child,
  .section__wysiwyg h3:first-child,
  .section__wysiwyg h4:first-child {
      margin-top: 0;
  }
  
  .section__wysiwyg .mediumwrap .h1 {	
      font-family: 'Dosis', sans-serif;
      font-size: 50px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 16px;
      text-transform: uppercase;
      color: #2e3c78;
  }
  
  .section__image-box.img-box--right .image-wrap {
      padding-right: 0;
      padding-left: 40px;
  }
  
  .section__image-box.img-box--right .inner-wrap {
          flex-direction: row-reverse;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
  }
  
  .page__sections > div .rainbow {
      position: absolute;
      right: 5%;
      top: 5%;
  }
  
  .page__sections ul,
  .page__sections ol {
      padding-left: 20px;
      margin-bottom: 20px;
  }
  
  .page__sections ul li,
  .page__sections ol li {
      margin-bottom: 10px;
  }
  
  .page__sections ul li:last-child,
  .page__sections ol li:last-child,
  .page__sections ul:last-child,
  .page__sections ol:last-child {
      margin-bottom: 0;
  }
  
  /* ---------------------------
   * BECOME A DEALER PAGE
   * ---------------------------*/
  .page-id-23 .section__wysiwyg .flex-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  
  .page-id-23 .section__wysiwyg .flex-box .flex-col {
      display: inline-block;
      max-width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  }
  
  .page-id-23 .section__wysiwyg  .flex-col:last-child {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 50px;
  }
  
  .page-id-23 .section__wysiwyg  iframe {
      display: block;
      border: 8px solid #ffc401;
      border-radius: 20px;
      width: 100%;
  }
  
  @media only screen and (max-width: 1080px){
      .page-id-23 .section__wysiwyg .flex-box .flex-col {
          max-width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
  
      .page-id-23 .section__wysiwyg .flex-col:last-child {
          padding-top: 40px;
          padding-left: 0;
          text-align: center;
      }
  
      .page-id-23 .section__wysiwyg iframe {
          display: block;
          width: 100%;
          max-width: 550px;
          margin: 0 auto;
      }
  }
  
  @media only screen and (max-width: 639px){
      .section__image-box .image-wrap {
          max-width: 100%;
          padding: 0 0 30px;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
  
      .section__image-box .content-wrap {
          max-width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
  
      .section__image-box .content-wrap h1,
      .section__image-box .content-wrap h2,
      .section__image-box .content-wrap h3,
      .section__image-box .content-wrap h4,
      .section__image-box .content-wrap .h1,
      .section__image-box .content-wrap .h2,
      .section__image-box .content-wrap .h3,
      .section__image-box .content-wrap .h4,
      .section__wysiwyg h1,
      .section__wysiwyg h2,
      .section__wysiwyg h3,
      .section__wysiwyg h4,
      .section__wysiwyg .h2,
      .section__wysiwyg .h3,
      .section__wysiwyg .h4 {
          font-size: 30px;
          font-weight: bold;
          line-height: 1em;
          margin-bottom: 16px;
          color: #ffc401;
      }
      
      .section__wysiwyg .mediumwrap .h1 {
          font-size: 25px;
      }
      
      .section__image-box.img-box--right .image-wrap {
          padding-left: 0;
          padding-bottom: 30px;
      }
      
      .page__sections > div {
          padding: 50px 0 50px;
      }
      
      .page__sections > div:first-child {
          padding: 50px 0 50px;
      }
  }
  
  .another-zip {
      color:#90c40b;
  }
  
  .dealer__contact input[type="tel"] {
      font-size: 14px;
      max-width: 250px;
      height: 38px;
      padding-right: 35px;
      padding-left: 15px;
      border-radius: 50px;
      outline: none;
  }
  
  .dealer__contact .search-wrapper {
      position: relative;
      padding-right: 10px;
      max-width: 250px;
      margin: 0 auto;
  }
  
  .dealer__contact  .search-btn {
      position: absolute;
      z-index: 1;
      top: -8px;
      right: -8px;
      display: block;
      padding: 0;
      -webkit-transition: all ease-in-out .2s;
      -o-transition: all ease-in-out .2s;
      transition: all ease-in-out .2s;
      opacity: 1;
      border: none;
      background-color: transparent;
  }
  
  .dealer__contact .search-btn:hover {
      opacity: .9;
  }
  
  .map__content {
      margin-top: 32px;
  }
  
  .dealer__found h2 {
      color: #2e3c78 !important;
      font-size: 28px !important;
      text-transform: uppercase !important;
  }
  
  .dealer__info {
      list-style: none;
      margin-left: 0;
      margin-bottom: 0; }
      .dealer__info li {
          padding: .5em 0; }
          .dealer__info li i {
              /*text-align: left;*/
              display: inline-block;
              vertical-align: middle;
              float: none;}
          .dealer__info li span {
              display: inline-block;
              vertical-align: middle;
              float: none;
              margin-left: .5em; }
  
  .dealer__info li a {
      color:#90c40b;
  }
  
  .wsp-pages-list {
      margin-bottom: 16px !important;
  }
  
  /* =============================== *\
   * CONTACT FORM
  \* =============================== */
  
  .wpcf7 input[type='url'],
  .wpcf7 input[type='email'],
  .wpcf7 input[type='tel'],
  .wpcf7 input[type='text'],
  .wpcf7  select,
  .wpcf7 textarea {
      font-family: 'Poppins',sans-serif;
      display: block;
      width: 100%;
      padding: 10px 20px;
      border: 1px solid #000;
      border-radius: 50px;
      background-color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none;
  }
  
  .wpcf7  textarea {
      border-radius: 20px;
      height: 100px;
  }
  
  .wpcf7 .wpcf7-list-item {
      margin-left: 0;
      margin-right: 1em;
  }
  
  .wpcf7 .wpcf7-list-item:last-child {
      margin-right: 0;
  }
  
  .wpcf7 input[type="file"] {	
      font-family: 'Poppins',sans-serif;
      cursor: pointer;
      color: #fff;
  }
  
  .wpcf7  label {
      font-family: 'Poppins', sans-serif;
      font-size: 15px;
      display: block;
      margin-bottom: 7px;
  }
  
  .warranty-form label > span {
      margin-left: 3px;
      color: red;
  }
  
  .warranty-form {
      display: block;
      padding: 50px;
      border-radius: 20px;
      background: rgb(111,94,195);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
      background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      background:    linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
  }
  
  .warranty-form label {
      color: #fff;
  }
  
  .warranty-form .group {
      margin-bottom: 20px;
  }
  
  .warranty-form .file-wrap .grid-full {
      display: block;
      padding: 20px;
      background-color: rgb(255 255 255 / 10%);
  }
  
  .warranty-form .file-wrap  label {
      margin-bottom: 15px;
  }
  
  .warranty-form  .btn-wrapper {
      margin-bottom: 0;
      text-align: center;
  }
  
  .warranty-form  .btn-wrapper em {
      font-size: 13px;
      display: block;
      width: 100%;
      max-width: 750px;
      margin: 0 auto;
      text-align: center;
      color: #fff;
  }
  
  .warranty-form .btn-wrapper input[type='submit'] {
      font-family: open-sans, sans-serif;
      font-size: 16px;
      font-weight: bold;
      display: block;
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      padding: 15px 35px;
      -webkit-transition: all .2s ease-in-out;
           -o-transition: all .2s ease-in-out;
              transition: all .2s ease-in-out;
      text-transform: uppercase;
      color: white;
      border: none;
      border-radius: 25px;
      background: #f0476e;
  }
  
  .warranty-form .btn-wrapper input[type='submit']:hover {
      background: #90c40b;
  }
  
  .warranty-form .wpcf7-list-item {
      color: #fff;
  }
  
  .warranty-form .hidden {
      display: none !important;
  }
  
  @media only screen and (max-width: 479px){
      .warranty-form {
         padding: 40px 25px;
      }
      
      .wpcf7 .group > div[class*="grid"] {
          margin-bottom: 10px;
      }
      
      .wpcf7 .wpcf7-list-item {
          display: block;
          margin-right: 0;
          margin-bottom: 5px;
      }
  }
  
  /* =============================== *\
   * CONTACT PAGE
  \* =============================== */
  .contact-group .grid-half:last-child {
      padding-left: 50px;
  }
  
  .dealer-information-request-form {
      display: block;
      margin-top: 50px;
  }
  
  .dealer-information-request-form .form-title {
      font-family: 'Dosis', sans-serif;
      font-size: 40px;
      font-weight: 700;
      line-height: 1.2em;
      display: block;
      margin-bottom: 70px;
      text-align: center;
      color: #fff;
  }
  
  @media only screen and (max-width: 479px){
      .contact-group .grid-half:last-child {
          padding-left: 0;
          padding-top: 40px;
      }
  }
  
  /* =============================== *\
   * ACCORDION
  \* =============================== */
  .btn-accordion:after {
      font-family: 'Font Awesome 5 Pro';
      font-size: 10px;
      position: absolute;
      top: 24px;
      right: 25px;
      content: '\f067';
  }
  
  .btn-accordion.active:after {
      content: '\f068';
  }
  
  .btn-accordion {
      font-family: 'Dosis', sans-serif;
      font-size: 20px;
      font-weight: 700;
      position: relative;
      width: 100%;
      margin-top: 10px;
      padding: 20px;
      -webkit-transition: all ease-in-out .2s;
           -o-transition: all ease-in-out .2s;
              transition: all ease-in-out .2s;
      text-align: left;
      color: #fff;
      border: none;
      border-radius: 10px;
      background-color: #0fa8f1;
      -webkit-box-shadow: 0 5px 10px -10px rgb(0 0 0 / 0);
              box-shadow: 0 5px 10px -10px rgb(0 0 0 / 0);
  }
  
  .btn-accordion:hover,
  .btn-accordion.active {
      background-color: #9ac914;
      -webkit-box-shadow: 0 5px 10px -10px rgb(0 0 0 / 40%);
              box-shadow: 0 5px 10px -10px rgb(0 0 0 / 40%);
  }
  
  .btn-accordion:first-child {
      margin-top: 0;
  }
  
  .accordion-panel {
      overflow: hidden;
      width: 100%;
      max-height: 0;
      margin-bottom: 0;
      padding: 0 20px;
      -webkit-transition: max-height .2s ease-out;
           -o-transition: max-height .2s ease-out;
              transition: max-height .2s ease-out;
  }
  
  .accordion-panel .panel-wrap {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  
  @media only screen and (max-width: 479px){
      .btn-accordion {
          font-size: 18px;
          padding-right: 50px;
      }
      
      .accordion-panel .panel-wrap p {
          font-size: 15px;
      }
  }
  
  /* =============================== *\
   * GRID IMAGE BOX
  \* =============================== */
  .grid-box-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  
  .grid-box-row .grid-box-column {
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      max-width: 33.33%;
      padding: 10px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  }
  
  .grid-box-row .image-wrap {
      display: block;
      height: 280px;
      padding: 10px 20px;
      text-align: center;
      background-color: #fff;
  }
  
  .grid-box-row .image-wrap  img {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      -o-object-fit: contain;
         object-fit: contain;
  }
  
  .grid-box-row .inner-wrap {
      overflow: hidden;
      height: 100%;
      border: 4px solid #6f5bbf;
      border-radius: 20px;
      background-color: #6f5bbf;
  }
  
  .grid-box-row  .inner-cont {
      display: block;
      height: 100%;
      padding: 30px 20px;
      text-align: center;
      background-color: #6f5bbf;
  }
  
  .grid-box-row .inner-cont .grid-title {
      font-size: 25px;
      font-weight: 700;
      line-height: 1.2em;
      margin-bottom: 10px;
      color: #fff;
  }
  
  .grid-box-row .inner-cont .grid-content {
      display: block;
      color: #fff;
  }
  
  .grid-box-row .grid-box-column.grid-style--1 .inner-wrap {
      background: rgb(111,94,195);
      background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
      background:    linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
      border-color: rgb(111,94,195);
  }
  
  .grid-box-row .grid-box-column.grid-style--2 .inner-wrap {
      background: rgb(239,116,193);
      background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
      background:    linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
      border-color: rgb(239,116,193);
  }
  
  .grid-box-row .grid-box-column.grid-style--3 .inner-wrap {
      background: rgb(60,195,224);
      background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
      background:    linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
      border-color: rgb(60,195,224);
  }
  
  .grid-box-row .grid-box-column.grid-style--4 .inner-wrap {
      background: rgb(194,219,53);
      background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
      background:    linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
      border-color: rgb(194,219,53);
  }
  
  .grid-box-row .grid-box-column.grid-style--5 .inner-wrap {
      background: rgb(255,207,96);
      background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
      background:    linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
      border-color: rgb(255,207,96);
  }
  
  .grid-box-row .grid-box-column.grid-style--6 .inner-wrap {
      background: rgb(255,142,77);
      background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
      background:    linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
      border-color: rgb(255,142,77);
  }
  
  .grid-box-row .grid-box-column.grid-style--1 .inner-cont {
      background: rgb(111,94,195);
      background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
      background:    linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
  }
  
  .grid-box-row .grid-box-column.grid-style--2 .inner-cont {
      background: rgb(239,116,193);
      background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
      background:    linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
  }
  
  .grid-box-row .grid-box-column.grid-style--3 .inner-cont {
      background: rgb(60,195,224);
      background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
      background:    linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
  }
  
  .grid-box-row .grid-box-column.grid-style--4 .inner-cont {
      background: rgb(194,219,53);
      background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
      background:    linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
  }
  
  .grid-box-row .grid-box-column.grid-style--5 .inner-cont {
      background: rgb(255,207,96);
      background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
      background:    linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
  }
  
  .grid-box-row .grid-box-column.grid-style--6 .inner-cont {
      background: rgb(255,142,77);
      background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
      background:    linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
  }
  
  .grid-box-row.grid-box-style-2 .button {
      border: 2px solid #fff;
      background-color: transparent;
  }
  
  .grid-box-row.grid-box-style-2 .button:hover {
      background-color: #fff;
      color: #222;
  }
  
  .grid-box-row.grid-box-style-2 .image-wrap {
      padding: 0;
  }
  
  .grid-box-row.grid-box-style-2 .image-wrap img {
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .grid-box-row.grid-box-style-2 .grid-title {
      margin-bottom: 30px;
  }
  
  @media only screen and (max-width: 768px){
      .grid-box-row .grid-box-column {
          max-width: 50%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      }
  }
  
  @media only screen and (max-width: 639px){
      .grid-box-row .inner-cont .grid-title {
          font-size: 20px;
          line-height: 1.2em;
      }
  
      .grid-box-row .inner-cont .grid-content {
          font-size: 14px;
      }
  }
  
  @media only screen and (max-width: 479px){
      .grid-box-row .grid-box-column {
          max-width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
  
      .grid-box-row .image-wrap {
          height: 200px;
      }
  }
  
  
  /*=======================*/
  /*new accessories page styling*/
  /*=======================*/
  
  
  .page-id-2546 .grid-box-row .grid-box-column {
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
  max-width: 23.8%;
      padding: 10px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  }
  
  
  @media only screen and (max-width: 479px){
      .page-id-2546 .grid-box-row .grid-box-column {
      flex: none !important;
      max-width: 100% !important;
          width:50%;
      }
      .carousel__background{
          width:150%;
      }
      
  }
  
  
  /* =============================== *\
   * BLOG
  \* =============================== */
  .blog__hero {
      display: block;
      padding-top: 60px;
      text-align: center;
  }
  
  .blog__hero .cat__wrap ul {
      display: block;
      padding-top: 40px;
      list-style: none;
  }
  
  .blog__hero .cat__wrap ul li {
      display: inline-block;
      padding: 0 20px;
  }
  
  .blog__hero .cat__wrap ul li  a {
      display: block;
  }
  
  .blog__hero .cat__wrap ul li  a {
      font-size: 20px;
      display: block;
      color: #8cbf2f;
  }
  
  .blog__hero .cat__wrap ul li  a:hover {
      color: #222;
  }
  
  .blog__hero .page__title {
      font-size: 55px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #2e3c78;
  }
  
  .single__post-content {
      display: block;
      padding-top: 40px;
  }
  
  .single__post-content h1,
  .single__post-content .h1 {
      font-family: 'Dosis', sans-serif;
      font-size: 40px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 16px;
      text-transform: uppercase;
      color: #2e3c78;
  }
  
  .single__post-content h2,
  .single__post-content .h2 {
      font-family: 'Dosis', sans-serif;
      font-size: 35px;
      font-weight: bold;
      margin-top: 40px;
      margin-bottom: 16px;
      color: #ffc401;
  }
  
  .single__post-content  h3,
  .single__post-content  h4,
  .single__post-content  h5,
  .single__post-content  .h3,
  .single__post-content  .h4,
  .single__post-content  .h5 {	
      font-family: 'Dosis', sans-serif;
      font-size: 25px;
      font-weight: bold;
      margin-top: 40px;
      margin-bottom: 16px;
      color: #ffc401;
  }
  
  .single__post-content h1:first-child,
  .single__post-content h2:first-child,
  .single__post-content h3:first-child,
  .single__post-content h4:first-child,
  .single__post-content h5:first-child {
      margin-top: 0;
  }
  
  .single__post-content ul {
      display: block;
      margin-bottom: 25px;
      padding-left: 40px;
  }
  
  
  .single__post-content ol {
      display: block;
      margin-bottom: 25px;
  
  }
  
  
  .single__post-content ul:last-child,
  .single__post-content ol:last-child {
      margin-bottom: 0;
  }
  
  .single__post-content ul li, 
  .single__post-content ol li {
      font-family: 'Poppins',sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 27px;
      margin-bottom: 10px;
      padding-left: 10px;
      position: relative;
  }
  
  .single__post-content ul {
      list-style: none;
  }
  
  .single__post-content ul li:before {
      font-family: 'Font Awesome 5 Pro';
      font-weight: 700;
      position: absolute;
      left: -15px;
      /*content: '\f058';*/
      content: '\f005';
      color: #90c40b;
  }
  
  .single__post-content img {
      margin-top: 0px;
      border-radius: 20px;
      margin-bottom: 30px;
  }
  
  .single__post-content .post__feat-img {
      margin-bottom: 40px;
  }
  
  .single__post-content blockquote {
      display: block;
      margin: 40px 0;
      padding: 20px;
      border-left: 5px solid #90c40b;
      background-color: rgb(144 196 11 / 10%);
  }
  
  .single__post-content p {
      margin-top: 20px;
  }
  
  .blog__posts .featured__products .blog-post {
      max-width: 33.33%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  }
  
  .single__post-content .button {
          display: inline-block;
      padding: 10px 35px;
      background: #f0476e;
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      font-family: open-sans,sans-serif;
      border-radius: 25px;
      text-transform: uppercase;
      margin-top: 16px;
      transition: all .3s ease-in-out;
      margin-bottom: 16px;
  }
  
  .blog__posts .featured__products {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-top: 0;
  }
  
  .sitemap-page .h2 {
      margin-top: 0;
  }
  
  .sitemap-page  .wsp-posts-list {
      padding-left: 0;
      list-style: none;
  }
  
  .sitemap-page  .wsp-posts-list  li .wsp-posts-list {
      padding-left: 20px;
      list-style: disc;
  }
  
  .sitemap-page  .wsp-posts-list .wsp-category-title {
      display: none;
  }
  
  .blog__hero .cat__wrap .mobile-visible {
      display: none;
  }
  
  .single__post .page__breadcrumbs {
      padding-top: 50px;
  }
  
  /*
  .single__post .page__breadcrumbs #breadcrumbs {
      padding: 20px;
      background-color: #485696;
      border-radius: 5px;
  }
  */
  
  .single__post .page__breadcrumbs #breadcrumbs span,
  .single__post .page__breadcrumbs #breadcrumbs a {
  /*
      font-family: 'Dosis',sans-serif;
      font-size: 16px;
      color: #fff;
  */
  }
  
  .single__post .page__breadcrumbs #breadcrumbs a {
      font-weight: 400;
  }
  
  .single__post .page__breadcrumbs #breadcrumbs span {
      font-weight: 700;
  }
  
  .single__post .page__breadcrumbs #breadcrumbs .fa-chevron-right {
      font-size: 12px;
      font-weight: 300;
      padding-right: 10px;
      padding-left: 10px;
  }
  
  .post__share-btn {
      display: block;
      margin-top: 50px;
      padding-top: 20px;
      border-top: 1px solid #eee;
  }
  
  .post__share-btn p {
      font-weight: 700;
      margin-bottom: 10px;
  }
  
  .single__post-content  .gallery {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: -10px !important;
      margin-left: -10px !important;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  
  .single__post-content .gallery-item {
      padding: 10px;
  }
  
  .single__post-content .gallery-item  a {
      display: block;
      width: 100%;
      height: 100%;
  }
  
  .single__post-content .gallery-item  img {
      display: block;
      width: 100%;
      height: 100%;
      margin-top: 0;
      margin-bottom: 0;
      border: none !important;
      border-radius: 5px;
  }
  
  @media only screen and (max-width: 768px){
      .blog__posts .featured__products .blog-post {
          max-width: 50%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      }
      
      .single__post-content {
          display: block;
          padding-top: 50px;
      }
  }
  
  @media only screen and (max-width: 500px){
      .blog__posts .featured__products .blog-post {
          max-width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      }
      
      .blog__posts .featured__products {
          padding: 0;
      }
      
      .sitemap-page .grid-2 {
          margin-bottom: 40px;
      }
      
      .blog__hero .page__title {
          font-size: 35px;
      }
      
      .blog__hero .cat__wrap .mobile-visible {
          display: block;
      }
      
      .blog__hero .cat__wrap ul {
          display: none;
      }
      
      .blog__hero .cat__wrap .mobile-visible {
          display: block;
          margin-top: 30px;
      }
  
      .blog__hero .cat__wrap .btn-accordion {
          font-size: 18px;
          padding: 10px 20px;
          text-transform: uppercase;
          border-radius: 7px;
      }
  
      .blog__hero .cat__wrap .btn-accordion:after {
          top: 15px;
          content: '\f078';
      }
  
      .blog__hero .cat__wrap .accordion-panel li {
          display: block;
          list-style: none;
          text-align: left;
      }
  
      .blog__hero .cat__wrap .accordion-panel li a {
          font-size: 18px;
          color: #8cbf2f;
          display: block;
          padding: 5px;
          border-bottom: 1px solid #eee;
      }
  
      .blog__hero .cat__wrap .accordion-panel li:last-child a {
          border-bottom: none;
      }
  
      .blog__hero .cat__wrap .accordion-panel {
          padding: 0 10px;
      }
      
      .single__post-content h2, 
      .single__post-content .h2,
      .single__post-content .h1 {
          font-size: 30px;
      }
      
      .single__post-content {
          display: block;
          padding-top: 30px;
      }
  
      .single__post-content .post__feat-img {
          margin-bottom: 50px;
          margin-top: 15px;
      }
  
      .single__post-content img {
          border-radius: 10px;
      }
  }
  
  .wsp-posts-list li a,
  .wsp-pages-list li a,
  .wsp-ppe_productss-list li a {
      font-family: 'Poppins',sans-serif;
      font-weight: 400;
      -webkit-transition: all ease-in-out .2s;
           -o-transition: all ease-in-out .2s;
              transition: all ease-in-out .2s;
      color: #333;
  }
  
  .wsp-posts-list li a:hover,
  .wsp-pages-list li a:hover,
  .wsp-ppe_productss-list li a:hover {
      color: #ffc401;
  }
  
  .wsp-pages-list .children {
      margin-top: 10px;
      padding-bottom: 10px;
  }
  
  .wsp-posts-list > li > strong {
      font-family: 'Poppins',sans-serif;
      font-size: 18px;
      display: block;
      padding-bottom: 20px;
  }
  
  /* =============================== *\
   * CONTACT PAGE
  \* =============================== */
  .page__contact .section__wysiwyg {
      padding-top: 20px;
      padding-bottom: 40px;
  }
  
  .page__contact .customize__area p {
      font-size: 30px;
      line-height: 1.3em;
      width: 100%;
      max-width: 600px;
      margin: 0 auto 30px;
  }
  
  .page__contact  .dealer__not-found {
      padding-top: 40px;
  }
  
  .page__contact  .dealer__not-found h2,
  .page__contact  .dealer__found h2 {
      font-size: 40px !important;
      font-weight: bold;
      line-height: 1.4em;
      margin-bottom: 20px;
      color: #ffc401 !important;
  }
  
  .page__contact  .another-zip {
      display: block;
      max-width: 90%;
      margin-top: 120px;
      padding-top: 20px;
      border-top: 1px solid #e8e8e8;
  }
  
  .page__contact .map__content {
      margin-top: 0;
  }
  
  .page__contact  .dealer__not-found h3,
  .page__contact  .dealer__found h3 {
      font-size: 25px;
      margin-bottom: 20px;
  }
  
  .page__contact .dealer__info i {
      font-size: 20px;
      color: #ffc401;
  }
  
  .page__contact .dealer__info li span,
  .page__contact .dealer__info li span a {
      font-size: 18px;
      color: #90c40b !important;
  }
  
  @media only screen and (max-width: 639px){
      .page__contact  .dealer__not-found {
          padding-top: 10px;
      }
      
      .page__contact  .dealer__not-found h2,
      .page__contact  .dealer__found h2 {
          font-size: 30px !important;
          line-height: 1.2em;
          margin-bottom: 20px !important;
      }
  
      .page__contact .another-zip {
          max-width: 100%;
          margin-top: 50px;
          margin-bottom: 50px;
      }
      
      .page__contact .map__content .yellow__border {
          height: 330px !important;
      }
  }
  
  @media only screen and (max-width: 500px){
      .page__contact .customize__area p {
          font-size: 20px;
      }
      
      .page__contact .dealer__info li span,
      .page__contact .dealer__info li span a {
          font-size: 16px;
          color: #90c40b !important;
      }
  }
  
  
  /* =============================== *\
   * PLAYSET ACCESSORIES
  \* =============================== */
  .playset-section__secondary {
      display: block;
      padding: 80px 0 30px;
      position: relative;
      z-index: 0;
  }
  
  .playset-section__primary {
      display: block;
      padding-top: 60px;
      position: relative;
      z-index: 0;
  }
  
  .playset-section__primary .rainbow {
      position: absolute;
      right: 5%;
  }
  
  .playset-section__secondary .inner-content {
      display: block;
      padding: 50px;
      border: 2px solid #e6e6e6;
      border-radius: 20px;
      background-color: #f7f7f7;
      position: relative;
      z-index: 1;
  }
  
  .playset-section__primary .column-gallery {
      width: 50%;
      margin-right: 0;
      margin-bottom: 0;
      padding-right: 50px;
  }
  
  .playset-section__primary .colum-content {
      display: block;
      width: 50%;
      margin-right: 0;
      margin-bottom: 0;
      padding-left: 50px;
  }
  
  .playset-section__primary .colum-content .inner-content {
      display: block;
      padding: 40px;
      border: 2px solid #e6e6e6;
      border-radius: 20px;
      background-color: #fff;
  }
  
  .playset-carousel .gallery-slide > img {
      border-radius: 20px;
  }
  
  .playset-section__primary .sizes {
      display: block;
      margin-top: 15px;
      padding: 10px 15px;
      background-color: #f7f7f7;
  }
  
  .playset-section__primary .page-title {
      font-size: 40px;
      font-weight: bold;
      line-height: 1;
      display: block;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #2e3c78;
  }
  
  .playset-section__primary .colum-content .inner-content p:last-of-type, 
  .playset-section__primary .colum-content .inner-content p:last-child {
      margin-bottom: 0;
  }
  
  .playset-section__primary .column-gallery #carousel-custom-dots {
      margin-top: 20px;
  }
  
  .playset-section__primary .playset-carousel {
      border-radius: 20px;
      overflow: hidden;
  }
  
  .playset-section__customize .shooting__star {
      right: 5%;
      left: auto;
      top: 50%;
      z-index: 0;
  }
  
  .playset-section__tertiary {
      display: block;
      padding-bottom: 30px;
      position: relative;
      z-index: 0;
  }
  
  .playset-section__customize {
      display: block;
      padding: 0 0 80px;
      position: relative;
      z-index: 0;
  }
  
  .playset-section__tertiary .color-image img {
      display: block;
      width: 100%;
  }
  
  .page__playset-accessories .bottom__button {
      font-family: open-sans, sans-serif;
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      margin-top: 32px;
      margin-bottom: 0;
      padding: 10px 35px;
      -webkit-transition: all .3s ease-in-out;
           -o-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
      text-transform: uppercase;
      color: white;
      border-radius: 25px;
      background: #f0476e;
  }
  
  .page__playset-accessories .bottom__button:hover {
      background: #90c40b;
  }
  
  @media only screen and (max-width: 980px){
      .playset-section__primary .rainbow {
          display: none;
      }
  
      .playset-section__secondary .swirly__star__subpage {
          top: -70px;
          left: 05%;
      }
  
      .playset-section__customize .shooting__star {
          display: none;
      }
  
      .playset-section__secondary {
          padding-bottom: 30px;
      }
      
      .playset-section__tertiary {
          padding-bottom: 30px;
      }
      
      .playset-section__customize {
          padding-bottom: 0;
      }
  }
  
  @media only screen and (max-width: 768px){
      .playset-section__primary .column-gallery {
          width: 100%;
          float: none;
          padding-right: 0;
          padding-bottom: 40px;
      }
  
      .playset-section__primary .colum-content {
          width: 100%;
          padding-left: 0;
          float: none;
      }
  
      .playset-section__secondary .swirly__star__subpage {
          display: none;
      }
  
      .playset-section__primary .colum-content .inner-content {
          padding: 25px;
      }
  
      .playset-section__secondary .inner-content {
          padding: 25px;
      }
  
      .playset-section__secondary {
          padding-top: 30px;
      }
  
      .playset-section__primary {
          padding-top: 50px;
      }
      
      .page__playset-accessories .bottom__button {
          font-size: 14px;
          padding: 10px 20px;
      }
  }
  
  
  
  /* =============================== *\
   * 404 PAGE
  \* =============================== */
  .error404 .main__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 60vh;
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  
  .error404 .main__content .wrap {
      max-width: 500px;
  }
  
  .error404 .main__content h1 {
      font-size: 50px;
      line-height: 1.5em;
      margin-bottom: 20px;
  }
  
  @media only screen and (max-width: 500px){
      .error404 .main__content h1 {
          font-size: 35px;
          line-height: 1.5em;
          margin-bottom: 20px;
      }
      
      .error404 .main__content {
          height: 40vh;
      }
  }
  
  /*! Footer
  //////////////////////////////////////////////*/
  
  footer[role=contentinfo] {
      padding-top: 275px;
      padding-bottom: 50px;
      background:#2e3c78;
      position: relative;
      overflow-x: hidden;
  }
  
  footer[role=contentinfo]:before {
      content:url("/source/c3c5be25d06f97c72bc9d6c2a91cc6c1/footer-clouds.png");
      position: absolute;
      top: -5px;
      left: 0;
      width: 100%;
  }
  
  .footer__logo {
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
  }
  
  .footer__logo img {
      margin-bottom: 16px;
  }
  
  .footer__logo p {
      font-size: 14px;
      font-family: open-sans, sans-serif; 
      font-weight: 300;
      color:#aedaef;
  }
  
  
  .footer__logo p a {
      color:#aedaef;
  }
  
  footer[role=contentinfo] p span {
          color: #ffc401;
      font-size: 22px;
      font-family: chauncy-pro, sans-serif;
      font-weight: bold;
      margin-bottom: 8px;
      display: block;
  }
  
  footer[role=contentinfo] ul li {
      list-style: none;
      color:white;
      font-family: open-sans, sans-serif;
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 3px;	
      position: relative;
  }
  
  footer[role=contentinfo] ul li.star:before {
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      left: -20px;
      content: '\f005';
      color: #009ef6;
  }
  
  footer[role=contentinfo] ul li:hover a {
      color:#ffc401;
  }
  
  footer[role=contentinfo] ul li a {
      color: white;
  }
  
  .footer__right {
      text-align: center;
  }
  
  .footer__right img {
      display: block;
      margin: 0 auto;
      margin-bottom: 16px;
  }
  
  .footer__right a {
      color: white;
  }
  
  .footer__right a i {
      font-size: 30px;
  }
   
  
  /*!////////////////////////////////////////////////
  // STATES
  /////////////////////////////////////////////////*/
  
  /*! ==========================================================================
  // Clearfix
  // =========================================================================*/
  .group:before,
  .group:after {
    content: "";
    display: table; }
  
  .group:after {
    clear: both; }
  
  .group {
    zoom: 1; }
  
  input[type="text"] {
      border: 1px solid black;
  }
  
  input[type="email"] {
      border:1px solid black;
  }
  
  textarea {
      border:1px solid black;
  }
  
  .pt-0 {
      padding-top: 0 !important;
  }
  
  .pb-0 {
      padding-bottom: 0 !important;
  }
  
  /*! ==========================================================================
  // Print styles
  // =========================================================================*/
  @media print {
    * {
      background: transparent !important;
      color: black !important;
      box-shadow: none !important;
      text-shadow: none !important; }
  
    a,
    a:visited {
      text-decoration: underline; }
  
    a[href]:after {
      content: " (" attr(href) ")"; }
  
    abbr[title]:after {
      content: " (" attr(title) ")"; }
  
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
      content: ""; }
  
    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid; }
  
    thead {
      display: table-header-group; }
  
    tr,
    img {
      page-break-inside: avoid; }
  
    img {
      max-width: 100% !important; }
  
    @page {
      margin: 0.5cm; }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3; }
  
    h2,
    h3 {
      page-break-after: avoid; } }
  
  
  .miniwrap ul li {
         color: #495159;
  }
  
  .miniwrap ul li a {
         color: #495159;
  }
  
  
  
  
  
  .miniwrap ul li a {
         color: #009ef6;
  }
  
  
  
  .miniwrap ol li a {
         color: #009ef6;
  }
  
  .single__post-content *.large__numbers {
      margin-bottom: 1em;}		
      .single__post-content *.large__numbers ol{
              counter-reset: li;
          list-style: none;
              margin: 0; }
             
              .single__post-content *.large__numbers li {
                  position: relative;
                  padding: 2em 2em 2em 6em;
                  border-bottom: 2px solid #407EC9;
                  font-size: 18px;
                  line-height: 27px;
                  color: #636466;
                  text-indent: 0px !important; }
  
  
                  @media all and (max-width: 640px) {
                      .single__post-content *.large__numbers li {
                          padding: 6em 0em 2em 0em;}
                  }
              .single__post-content *.large__numbers li:last-of-type {
                      border-bottom: none; }
                  .single__post-content *.large__numbers li:before {
                      position: absolute;
                      top: 50px;
                      transform: translateY(-50%);
                      left: 20px;
                      content: counter(li);
                      counter-increment: li;
                      font-size: 38px;
                      font-weight: 900;
                      color: white;
                      line-height: 60px;
                      text-align: center;
                      background-color: #407EC9;
                      display: inline-block;
                      width: 60px;
                      height: 60px;
                      border-radius: 100%;
                      padding-right: 0px !important;}
          @media all and (max-width: 640px) {
              .single__post-content *.large__numbers li:before {
              left: 0;
              right: 0;	
              margin: auto;}	
          }
                  
                  .large__numbers li:before {
                      padding-right: 0px !important;
                      text-indent: 0px !important;
                  }
                  
                  .large__numbers li {
                      text-indent: 0px !important;
                  }
  
  .post-password-form {
      text-align: center;
      margin-top: 50px;
  }
  
  .page-id-867 img {
      border-radius: 25px;
  }
  .block__span{					
      color: black; 
      font-size: 25px;
      font-weight: bold;
      font-family: 'Dosis',sans-serif;
      display: block;
      margin-bottom: 40px;
      padding: .4em;
      background: #ffc401;
      padding-left: 40px;
      position: relative;
      /*background-image: url("/source/e7954bad221dc10e2c3e8ddd2ef97ae4/star-styling-line1.png");*/
  }
  .block__span::before{
      content: url("/source/cd975d7e214336123a2ff344a2fc7023/star-for-bannerbar.png");
      position: absolute;
      top: -7px;
      left: -37px;
  }
  @media all and (max-width: 980px) {
      .block__span{
          margin-left: 25px;
      }
  }
  .page-id-867 .grid-2:nth-of-type(2) {
      margin-left: 1%;
      margin-right: 1%; 
  }
  
  #video{
      margin-top: -75px !important;
  }
  
  .prizebadge{					
      color: black; 
      font-size: 20px;
      font-weight: bold;
      font-family: 'Dosis',sans-serif;
      display: block;
      margin-bottom: 40px;
      padding: .4em;
      /*background: #ffc401;*/
      padding-left: 80px;
      position: relative;
      /*background-image: url("/source/e7954bad221dc10e2c3e8ddd2ef97ae4/star-styling-line1.png");*/
  }
  .prizebadge::before{
      content: url("/source/9d65a92e3d6ca39013f1df07f9168a73/prize-badge-with-star-and-ribbon.png");
      position: absolute;
      top: -13px;
      left: 0;
  }
  @media all and (max-width: 980px) {
      .prizebadge{
          margin-left: 25px;
      }
  }
  
  /* Testimonials */
  
  @media all and (min-device-width: 640px) {
      .the__testimonials {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-right: -10px;
          margin-left: -10px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      }
  }
  
  .the__testimonials .testimonial {
      max-width: 50%;
      margin-bottom: 2em;
      padding: 10px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  }
  
  
  .the__testimonials .testimonial .testimonial__text {
      font-size: 14px;
      position: relative;
      margin-bottom: 1.5em;
      padding: 2em;
      border: none;
      background-color: #f6f6f6;
  }
  
  .the__testimonials .testimonial .testimonial__text:after {
      position: absolute;
      bottom: -17px;
      left: 2em;
      width: 0;
      height: 0;
      content: '';
      border-width: 18px 18px 0 18px;
      border-style: solid;
      border-color: #f6f6f6 transparent transparent transparent;
  }
  
  .the__testimonials .testimonial .testimonial__text *:last-child {
      margin-bottom: 0;
  }
  
  .the__testimonials .testimonial .testimonial__author {
      position: relative;
      display: inline-block;
      margin-bottom: 0;
      padding: 1em 1.25em 1em 5em; 
      vertical-align: middle;
  }
  
  .the__testimonials .testimonial .testimonial__author i {
      font-size: 2.250em;
      font-style: normal;
      line-height: 60px;
      position: absolute;
      top: 50%;
      left: .5em;
      display: inline-block;
      width: 60px;
      height: 60px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center; 
      vertical-align: middle;
      color: white;
      border-radius: 100%;
      background-color: #56666b;
  }
  
  .the__testimonials .testimonial .testimonial__author span {
      font-weight: 700;
      line-height: normal;
      margin-left: 10px;
      color: #231916;
  }
  
  .the__testimonials .testimonial.opposite .testimonial__text:after {
      right: 2em; 
      left: auto;
  }
  
  .the__testimonials .testimonial.opposite .testimonial__author {
      float: right;
  }
  
  .testimonials__content {
      display: block;
      padding: 70px 0;
  }
  
  
  @media only screen and (max-width: 768px){
  
  .the__testimonials .testimonial .testimonial__author i {
          font-size: 18px;
          line-height: 40px;
          top: 38px;
          left: 18px;
          width: 40px;
          height: 40px;
      }
  
      .the__testimonials .testimonial .testimonial__text:after {
          bottom: -17px;
          left: 20px;
          width: 0;
          height: 0;
      }
  
      .the__testimonials .testimonial {
          max-width: 100%;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          padding: 0;
      }
      
      .testimonials__content {
          display: block;
          padding: 50px 0;
      }
      
      .the__testimonials {
          margin-right: 0;
          margin-left: 0;
      }
  }
  
  .testimonials__content .section-title {
      margin-bottom: 1em;
      display: block;
  }
  .pagination a, .pagination .current {
      padding: 15px 20px 15px;    
      color: #fff;
      background-color: #003050;
  }
  .pagination .current {
      background-color: #999999;
  }
  
  .wpcf7-submit{
      width: 200px;
      height: 50px;
      border-radius: 30px;
      background:#f0476e;
      color: #FFF;
          text-transform: uppercase;
      border: none;
      font-family: 'Dosis', sans-serif;
      font-size: 22px;
      font-weight: bold;
  }
  
  .wpcf7-response-output{
      color: #FFF;
  }
  
  .playset_title{
      margin-top:15px;
  }
  
  /* SIDE BAR NEWSLETTER */
  
  .the__sidebar{    background: #90c40b;
      padding: 20px 0px 20px 20px;
      margin-top:30px;
  
  }	
      @media all and (max-width: 639px) {
          .the__sidebar{
              margin-top: 30px;}	
      }
      .the__sidebar.is-affixed{
          margin-top: 0!important;}
  .sidebar__new{
      margin: 0;}
      .sidebar__new .sidebar__cta {
          padding: 2em;
          border-bottom: 20px solid;
          width: 100%;
          display: inline-block;
          text-align:center;
          margin-bottom: 30px;}
          @media all and (min-width: 640px) {
              .sidebar__new .sidebar__cta {
                  max-width: 380px;}
          }
          @media all and (max-width: 639px) {
              .sidebar__new .sidebar__cta {
                  padding: 1em;
                  margin-bottom: 12px;}
          }
          .sidebar__new .sidebar__cta span{
              display: block;}
  
              .sidebar__new .sidebar__cta span{
                  display: block;}
                  .sidebar__new .sidebar__cta span:nth-of-type(1){
                      font-family: 'Source Sans Pro', sans-serif;
                      font-weight: 600;
                      font-size: 30px;}
                  .sidebar__new .sidebar__cta span:nth-of-type(2){
                      color: white;
                      font-family: 'Source Sans Pro', sans-serif;
                      font-weight: 600; 
                      font-size: 40px;}
                  .sidebar__new .sidebar__cta span:nth-of-type(3){
                      color: white;
                      font-family: 'Source Sans Pro', sans-serif;
                      font-weight: 400; 
                      font-size: 20px;}
                  @media all and (max-width: 639px) {
                      .sidebar__new .sidebar__cta span{
                          font-size: 20px!important;
                          font-weight: 400;}
                  }
          .sidebar__new #estimate.sidebar__cta {
              background: #003366; 
              border-color: #fe8a4e;}
              .sidebar__new #estimate.sidebar__cta:hover {
                  background: #fe8a4e;}
              .sidebar__new #estimate.sidebar__cta span:nth-of-type(1) {
                  color: #fe8a4e;}
                  .sidebar__new #estimate.sidebar__cta:hover span:nth-of-type(1) {
                      color: #003366; }
          .sidebar__new #repairs.sidebar__cta {
              background: #003366; 
              border-color: #ce3c3c;}
              .sidebar__new #repairs.sidebar__cta:hover {
                  background: #ce3c3c;}
              .sidebar__new #repairs.sidebar__cta span:nth-of-type(1) {
                  color: #ce3c3c;}
                  .sidebar__new #repairs.sidebar__cta:hover span:nth-of-type(1) {
                      color: #003366; }
          .sidebar__new #offers.sidebar__cta {
              background: #003366; 
              border-color: #01b195 ;}
              .sidebar__new #offers.sidebar__cta:hover {
                  background: #01b195;}
              .sidebar__new #offers.sidebar__cta span:nth-of-type(1) {
                  color: #01b195;}
                  .sidebar__new #offers.sidebar__cta:hover span:nth-of-type(1) {
                      color: #003366; }
      .sidebar__new *:last-child{
          margin-bottom: 0px;}
  
  
  
  
  .side_heading {
      color: #FFF !important;
      font-size: 25px !important;
      margin-top: 0px !important;
  }
  .newsletter{
      margin-bottom: -25px !important;
  }
  
  .the__sidebar input[type='email'] {
      width:90% !important;
      border:none !important;
  }
  
  /* END SIDEBAR NEWSLETTER */
  
  .the__sidebar2 {    
      background: #2e3c78;
      padding: 20px 0px 20px 20px;
  }	
  
      .the__sidebar2 input[type='tel'] {
      font-size: 14px;
      width: 90%;
      height: 46px;
      padding-right: 35px;
      padding-left: 15px;
      border-radius: 50px;
      outline: none;
      border: none;
      }
  
  .the__sidebar2 #imageButton{
      margin-top: 72px !important;
      margin-right: 30px;
      height: 55px;
  }
  
  .the__sidebar2 .search-btn {
      position: absolute;
      z-index: 1;
      top: -8px;
      right: -8px;
      display: block;
      padding: 0;
      -webkit-transition: all ease-in-out .2s;
      -o-transition: all ease-in-out .2s;
      transition: all ease-in-out .2s;
      opacity: 1;
      border: none;
      background-color: transparent;}
  
  
  .single__post-content .group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  
  .single__post-content  .sidebar-wrap {
      position: sticky;
      top: 50px;
  }
  
  .grid-box-row .inner-wrap-pink {
      overflow: hidden;
      height: 100%;
      border: 4px solid #ee6fb8 !important;
      border-radius: 20px;
      background-color: #ee6fb8 !important;
  }
  
  .grid-box-row .inner-wrap-pink .inner-cont{
     background-color: #ee6fb8 !important;
  }
  
  .grid-box-row .inner-wrap-blue {
      overflow: hidden;
      height: 100%;
      border: 4px solid #38c0e0 !important;
      border-radius: 20px;
      background-color: #38c0e0 !important;
  }
  
  .grid-box-row .inner-wrap-blue .inner-cont{
     background-color: #38c0e0 !important;
  }
  
  
  .grid-box-row .inner-wrap-purple {
      overflow: hidden;
      height: 100%;
      border: 4px solid #6f5bbf !important;
      border-radius: 20px;
      background-color: #6f5bbf !important;
  }
  
  .grid-box-row .inner-wrap-purple .inner-cont{
     background-color: #6f5bbf !important;
  }
  
  .grid-box-row .inner-wrap-green {
      overflow: hidden;
      height: 100%;
      border: 4px solid #bad72d !important;
      border-radius: 20px;
      background-color: #bad72d !important;
  }
  
  .grid-box-row .inner-wrap-green .inner-cont{
     background-color: #bad72d !important;
  }
  
  .grid-box-row .inner-wrap-yellow {
      overflow: hidden;
      height: 100%;
      border: 4px solid #ffcd55 !important;
      border-radius: 20px;
      background-color: #ffcd55 !important;
  }
  
  .grid-box-row .inner-wrap-yellow .inner-cont{
     background-color: #ffcd55 !important;
  }
  
  .grid-box-row .inner-wrap-orange {
      overflow: hidden;
      height: 100%;
      border: 4px solid #ff8b49 !important;
      border-radius: 20px;
      background-color: #ff8b49 !important;
  }
  
  .grid-box-row .inner-wrap-orange .inner-cont{
     background-color: #ff8b49 !important;
  }
  .faux-h2 {
      font-family: 'Dosis', sans-serif;
      font-size: 25px;
      font-weight: bold;
      margin-top: 40px;
      margin-bottom: 16px;
      color: #ffc401;
  }
  
  .location_htags h1, 
  .location_htags h2, 
  .location_htags h3, 
  .location_htags h4, 
  .location_htags h5, 
  .location_htags h6{
      color: #ffc401;
  }
  
  .section__contact ul li {
  
  font-family: 'Poppins',sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 27px;
      margin-bottom: 10px;
      padding-left: 10px;
      position: relative;
      
  }
  
  .section__contact ul {
      display: block;
      margin-bottom: 25px;
      padding-left: 40px;
      list-style: none;
  }
  
  .section__contact ul li:before {
  font-family: 'Font Awesome 5 Pro';
      font-weight: 700;
      position: absolute;
      left: -15px;
      /* content: '\f058'; */
      content: '\f005';
      color: #90c40b;
  }
  
  .section__contact .grid-half img {
      border-radius: 20px;
  }
  
  .simple-sitemap-page .main{
      font-family: 'Poppins',sans-serif;
          font-weight: 400;
  }
  
  .simple-sitemap-page li a{
      font-weight: 450;
          color: #333;
      font-size: 21px;
  
  }
  
  .simple-sitemap-wrap ul.main li {
      padding: 0px !important;
  }
  .tax-products_category ul {
  
        text-align: left;
      margin-bottom: 20px;
  }
  
  .two-columns ul {
          -moz-column-count: 2;
          -moz-column-gap: undefinedpx;
          -webkit-column-count: 2;
          -webkit-column-gap: undefinedpx;
          column-count: 2;
          column-gap: undefinedpx;
      }
  .two-columns ul li{
      padding-left: 20px; 
    text-indent: -20px; 
      font-weight: normal !important;
  }
  
  @media screen and (max-width: 480px) {
      .two-columns ul{
          list-style: none;
      }
  }

/* ======================================= *\
*  BETA/STAGING CUSTOM STYLES
\* ======================================= */
.ns__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 100px;
}

.ns__fields .ns-field {
    padding: 0 5px;
    position: relative;
}

.ns__fields .wpcf7-spinner {
    position: absolute;
    top: 14px;
    right: 0;
}

@media only screen and (max-width: 768px){
    .ns__fields .ns-field {
        width: 100%;
        padding: 5px 0;
    }

    .ns__fields {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .ns__fields .ns-field .wpcf7-submit {
        width: 100%;
    }

    .ns__fields .ns-field .wpcf7-form-control-wrap {
        margin-bottom: 0;
    }

}

.swingset__models h1,
.swingset__models h2,
.swingset__models h3,
.swingset__models h4,
.swingset__models h5,
.swingset__models h6,
.swingset__models .section__title {
    font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 16px;
    color: #ffc401;
    margin-top: 80px;
}

.at-above-post-page + h1,
.at-above-post-page + h2,
.at-above-post-page + h3,
.at-above-post-page + h4,
.at-above-post-page + h5,
.at-above-post-page + h6,
.at-above-post-page + .section__title {
    margin-top: 0;
}

.swingset__models h1:first-child,
.swingset__models h2:first-child,
.swingset__models h3:first-child,
.swingset__models h4:first-child,
.swingset__models h5:first-child,
.swingset__models h6:first-child,
.swingset__models .section__title:first-child {
    margin-top: 0;
}

.swingset__models {
    display: block;
    padding: 80px 0 0;
    position: relative;
}

.playset__list .featured__products .inner-wrap {
    height: auto;
}

.playset__list .term-star-gazers .inner-wrap {
    background: rgb(194,219,53);
    background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
    background: linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
}

.playset__list .term-star-towers .inner-wrap {
    background: rgb(60,195,224);
    background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
    background: linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
}

.playset__list .term-double-star-towers .inner-wrap {
    background: rgb(239,116,193);
    background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
    background: linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
}

.playset__list .term-sky-climbers .inner-wrap {
    background: rgb(111,94,195);
    background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
    background: linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
}

.playset__list .term-space-stations .inner-wrap {
    background: rgb(255,207,96);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
    background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
}

.playset__list .term-commercial-swing-sets .inner-wrap {
    background: rgb(255,142,77);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
    background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
}

.playset__list .term-commercial-swing-sets .inner-wrap {
    background: rgb(255,142,77);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
    background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
}

.playset__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 50px;
}

.archive .playset__list {
    padding-top: 70px;
}

.playset__list .sidebar-filter {
    width: 20%;
    padding-right: 40px;
    text-align: left;
}

.playset__list .playset-lists {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 80%;
    margin: 0;
    padding-top: 0;
}

.playset__list .playset-lists .playset-column {
    width: 33.33%;
    padding: 10px;
}

.playset__list .filter-wrap .h2 {
    font-size: 25px;
    font-weight: bold;
    color: #2e3c78;
    display: block;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
}

.playset__list .filter-title {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}

.playset__list .filter-row {
    margin-bottom: 30px;
}

.playset__list .filter-row:last-child {
    margin-bottom: 0;
}

.playset__list .filter-wrap {
    /*position: -webkit-sticky;
    position:         sticky;
    top: 20px;*/
}

.playset__list .filter-wrap button,
.playset__list .filter-wrap .button {
    background-color: #f0476e;
    border: none;
    display: inline-block;
    padding: 8px 10px;
    color: white;
    font-size: 14px !important;
    font-weight: bold;
    font-family: open-sans, sans-serif;
    border-radius: 25px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
}

.playset__list .filter-wrap button:disabled,
.playset__list .filter-wrap .button:disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: pointer;
}

.playset__list .filter-wrap button:hover,
.playset__list .filter-wrap button#reset-button:hover,
.playset__list .filter-wrap .button:hover,
.playset__list .filter-wrap .button#reset-button:hover {
    background-color: #90c40b ;
}

.playset__list .filter-list {
    font-size: 16px;
}

.playset__list .filter-list label {
    display: block;
}

#no-products-found {
    text-align: center;
    width: 100%;
    padding: 10px;
    height: 100%;
}

#no-products-found .p-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border-radius: 20px;
    background-color: #F7F7F7;
    padding: 40px 10px;
}

#no-products-found p {
    font-size: 25px;
    font-weight: bold;
    color: #2e3c78;
    display: block;
    font-family: 'Dosis', sans-serif;
}

.mobile-post-filter {
    display: none;
    background-color: #f0476e;
    border: none;
    padding: 10px 25px;
    color: white;
    font-size: 15px !important;
    font-weight: bold;
    font-family: open-sans, sans-serif;
    border-radius: 25px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    margin-bottom: 0;
    width: 100%;
}

.section__playset-package ul,
.swingset__models ul {
    padding-left: 50px;
}

@media only screen and (max-width: 1200px){
    .playset__packages .featured__products .button {
        font-size: 15px;
        padding: 8px 30px;
    }

    .playset__packages .featured__products .content-wrap {
        padding: 30px 10px;
    }

    .playset__packages .featured__products .playset-title {
        line-height: 1em;
    }
}

@media only screen and (max-width: 980px){
    .playset__list .playset-lists .playset-column {
        width: 50%;
    }

    .playset__list .sidebar-filter {
        width: 25%;
    }

    .playset__list .playset-lists {
        width: 75%;
    }
}

@media only screen and (max-width: 768px){
    .playset__list .sidebar-filter {
        display: grid;
        width: 100%;
        padding-right: 0;
        -webkit-transition: grid-template-rows .2s ease-out;
            -o-transition: grid-template-rows .2s ease-out;
                transition: grid-template-rows .2s ease-out;
                transition: grid-template-rows .2s ease-out, -ms-grid-rows .2s ease-out;
        grid-template-rows: 0fr;
    }

    .playset__list .sidebar-filter.active {
        grid-template-rows: 1fr;
    }

    .playset__list .playset-lists {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;

        width: auto;
        margin: -10px;
        padding-top: 35px;
    }

    .mobile-post-filter {
        display: block;
    }

    .playset__list .filter-wrap > .h2 {
        display: none;
    }

    .playset__list .filter-wrap {
        position: relative;
        top: 0;
        overflow: hidden;
    }

    .playset__list .filter-wrap .filter-inner-wrap {
        display: block;
        padding: 30px;
        background-color: #f7f7f7;
        border-radius: 20px;
    }

    .playset__list .filter-wrap button {
        width: calc(50% - 3px);
    }
}

@media only screen and (max-width: 639px){
    .swingset__models h1,
    .swingset__models h2,
    .swingset__models h3,
    .swingset__models h4,
    .swingset__models h5,
    .swingset__models h6,
    .swingset__models .section__title {
        font-size: 30px;
        margin-top: 30px;
    }

    .swingset__models h1:first-child,
    .swingset__models h2:first-child,
    .swingset__models h3:first-child,
    .swingset__models h4:first-child,
    .swingset__models h5:first-child,
    .swingset__models h6:first-child,
    .swingset__models .section__title:first-child {
        margin-top: 0;
    }
}

@media only screen and (max-width: 500px){
    .playset__list .playset-lists .playset-column {
        width: 100%;
    }
}

@media only screen and (max-width: 320px){
    .playset__list .filter-wrap button {
        width: 100%;
    }
}

.sqs__timeline .timeline-block:before, 
.sqs__timeline .timeline-block:after {
    content: '';
    display: block;
    clear: both;
}

.sqs__timeline .bg-color--1 .timeline-content,
.sqs__timeline .bg-color--1 .timeline-count {
    background: rgb(194,219,53);
    background: -o-linear-gradient(top,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(194,219,53,1)),to(rgba(154,201,20,1)));
    background: linear-gradient(to bottom,  rgba(194,219,53,1) 0%,rgba(154,201,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db35', endColorstr='#9ac914',GradientType=0 );
}

.sqs__timeline .bg-color--2 .timeline-content,
.sqs__timeline .bg-color--2 .timeline-count {
    background: rgb(60,195,224);
    background: -o-linear-gradient(top,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(60,195,224,1)),to(rgba(13,166,241,1)));
    background: linear-gradient(to bottom,  rgba(60,195,224,1) 0%,rgba(13,166,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc3e0', endColorstr='#0da6f1',GradientType=0 );
}

.sqs__timeline .bg-color--3 .timeline-content,
.sqs__timeline .bg-color--3 .timeline-count {
    background: rgb(239,116,193);
    background: -o-linear-gradient(top,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(239,116,193,1)),to(rgba(240,80,127,1)));
    background: linear-gradient(to bottom,  rgba(239,116,193,1) 0%,rgba(240,80,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef74c1', endColorstr='#f0507f',GradientType=0 );
}

.sqs__timeline .bg-color--4 .timeline-content,
.sqs__timeline .bg-color--4 .timeline-count {
    background: rgb(111,94,195);
    background: -o-linear-gradient(top,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(111,94,195,1)),to(rgba(121,58,148,1)));
    background: linear-gradient(to bottom,  rgba(111,94,195,1) 0%,rgba(121,58,148,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f5ec3', endColorstr='#793a94',GradientType=0 );
}

.sqs__timeline .bg-color--5 .timeline-content,
.sqs__timeline .bg-color--5 .timeline-count {
    background: rgb(255,207,96);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,207,96,1)),to(rgba(255,198,21,1)));
    background: -o-linear-gradient(top,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,207,96,1) 0%,rgba(255,198,21,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf60', endColorstr='#ffc615',GradientType=0 );
}

.sqs__timeline .bg-color--6 .timeline-content,
.sqs__timeline .bg-color--6 .timeline-count {
    background: rgb(255,142,77);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
    background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
}

.sqs__timeline .bg-color--7 .timeline-content,
.sqs__timeline .bg-color--7 .timeline-count {
    background: rgb(255,142,77);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,142,77,1)),to(rgba(255,127,54,1)));
    background: -o-linear-gradient(top,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,142,77,1) 0%,rgba(255,127,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e4d', endColorstr='#ff7f36',GradientType=0 );
}

.sqs__timeline .timeline-block .timeline-content {
    width: 45%;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 3px 0 #d7e4ed;
}

.sqs__timeline .timeline-block:nth-child(even) .timeline-content {
    float: right;
}

.sqs__timeline {
    display: block;
    position: relative;
    padding: 2em 0 4em;
}

.sqs__timeline .timeline-block {
    display: block;
    position: relative;
    margin-bottom: 50px;
}

.sqs__timeline .timeline-block:last-child {
    margin-bottom: 0;
}

.sqs__timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 4px;
    background: #d7e4ed;
}

.sqs__timeline .timeline-count {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    border-radius: 50%;
    text-align: center;
    background-color: #000;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0,0,0,.08), 0 3px 0 4px rgba(0,0,0,.05);
}

.sqs__timeline .timeline-count p {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}

.sqs__timeline .timeline-block .timeline-content:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
}

.sqs__timeline .timeline-block:nth-child(even) .timeline-content:before {
    right: 100%;
    left: auto;
}

.sqs__timeline .bg-color--1 .timeline-content:before {
    border-left-color: rgb(194,219,53);
}

.sqs__timeline .bg-color--2 .timeline-content:before {
    border-left-color: rgb(60,195,224);
}

.sqs__timeline .bg-color--3 .timeline-content:before {
    border-left-color: rgb(239,116,193);
}

.sqs__timeline .bg-color--4 .timeline-content:before {
    border-left-color: rgb(111,94,195);
}

.sqs__timeline .bg-color--5 .timeline-content:before {
    border-left-color: rgb(255,207,96);
}

.sqs__timeline .bg-color--6 .timeline-content:before {
    border-left-color: rgb(255,142,77);
}

.sqs__timeline .bg-color--7 .timeline-content:before {
    border-left-color: rgb(255,142,77);
}

.sqs__timeline .bg-color--1:nth-child(even) .timeline-content:before {
    border-right-color: rgb(194,219,53);
    border-left-color: transparent;
}

.sqs__timeline .bg-color--2:nth-child(even) .timeline-content:before {
    border-right-color: rgb(60,195,224);
    border-left-color: transparent;
}

.sqs__timeline .bg-color--3:nth-child(even) .timeline-content:before {
    border-right-color: rgb(239,116,193);
    border-left-color: transparent;
}

.sqs__timeline .bg-color--4:nth-child(even) .timeline-content:before {
    border-right-color: rgb(111,94,195);
    border-left-color: transparent;
}

.sqs__timeline .bg-color--5:nth-child(even) .timeline-content:before {
    border-right-color: rgb(255,207,96);
    border-left-color: transparent;
}

.sqs__timeline .bg-color--6:nth-child(even) .timeline-content:before {
    border-right-color: rgb(255,142,77);
    border-left-color: transparent;
}

.sqs__timeline .bg-color--7:nth-child(even) .timeline-content:before {
    border-right-color: rgb(255,142,77);
    border-left-color: transparent;
}

.section__timeline .content-wrap img {
    display: block;
    max-width: 400px;
    margin: 0 auto 40px;
}

.section__timeline h1,
.section__timeline h2,
.section__timeline h3,
.section__timeline h4,
.section__timeline h5,
.section__timeline h6 {
    font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 16px;
    color: #ffc401;
}

.section__timeline .content-wrap {
    text-align: center;
}

@media only screen and (min-width: 1200px){
    .sqs__timeline .timeline-block .timeline-content:before {
        top: 24px;
    }

    .timeline-count--bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }

    .timeline-content.timeline-content--bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }

    .sqs__timeline .timeline-block:nth-child(even) .timeline-content.timeline-content--bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }

    .timeline-is-hidden {
        visibility: hidden;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        -webkit-transform: scale(.5);
                transform: scale(.5);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        -webkit-transform: scale(.5);
                transform: scale(.5);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

.sqs__timeline .timeline-title {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    display: block;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
}

.sqs__timeline .timeline-title > i {
    margin-right: 10px;
}

.sqs__timeline .content-wrap {
    text-align: left;
    color: #fff;
}

.confetti-image-wrap {
    display: inline-block;
    position: relative;
}

.confetti-image-wrap:before {
    position: absolute;
    z-index: 1;
    top: -80px;
    left: -10px;
    display: block;
    width: 200px;
    height: 120px;
    content: "";
    -webkit-transform: rotate(320deg);
        -ms-transform: rotate(320deg);
            transform: rotate(320deg);
    background-image: url("/source/08e9d5c307bc3eee8dea4a63bba28b08/confetti.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.confetti-image-wrap:after {
    position: absolute;
    top: -20px;
    right: -20px;
    display: block;
    width: 58px;
    height: 95px;
    content: "";
    -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
            transform: rotate(25deg);
    background-image: url("/source/043f0b77672259898e82e3ed808f8211/stars.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.confetti-image-wrap img {
    display: block;
    max-width: 400px;
    margin: 0 auto 40px;
    width: 100%;
}


@media only screen and (max-width: 980px){
    .sqs__timeline:before {
        left: 20px;
    }

    .sqs__timeline .timeline-count {
        width: 40px;
        height: 40px;
        left: 0;
        margin-left: 0;
    }

    .sqs__timeline .timeline-block:nth-child(even) .timeline-content {
        float: none;
    }

    .sqs__timeline .timeline-block .timeline-content {
        width: auto;
        margin-left: 60px;
    }

    .sqs__timeline .timeline-block .timeline-content:before {
        left: auto;
        right: 100%;
    }

    .sqs__timeline .bg-color--1 .timeline-content:before {
        border-right-color: rgb(194,219,53);
        border-left-color: transparent;
    }
    
    .sqs__timeline .bg-color--2 .timeline-content:before {
        border-right-color: rgb(60,195,224);
        border-left-color: transparent;
    }
    
    .sqs__timeline .bg-color--3 .timeline-content:before {
        border-right-color: rgb(239,116,193);
        border-left-color: transparent;
    }
    
    .sqs__timeline .bg-color--4 .timeline-content:before {
        border-right-color: rgb(111,94,195);
        border-left-color: transparent;
    }
    
    .sqs__timeline .bg-color--5 .timeline-content:before {
        border-right-color: rgb(255,207,96);
        border-left-color: transparent;
    }
    
    .sqs__timeline .bg-color--6 .timeline-content:before {
        border-right-color: rgb(255,142,77);
        border-left-color: transparent;
    }
    
    .sqs__timeline .bg-color--7 .timeline-content:before {
        border-right-color: rgb(255,142,77);
        border-left-color: transparent;
    }

    .confetti-image-wrap {
        margin-top: 120px;
    }
}

@media only screen and (max-width: 500px){
    .sqs__timeline .timeline-title {
        font-size: 20px;
    }

    .sqs__timeline .content-wrap {
        font-size: 16px;
    }
}