/*!////////////////////////////////////////////////
// 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; }
.fix-center-issue{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
  @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] {
      position: relative;
      z-index: 1000;
	  background: #485697;
  }
  
  .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; */
  }
.mega__menu .nav-photos{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
  .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: #ffff;
	font-size: 1em;
  }
  
  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;
    text-align: right;
}

.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;
	display: flex;

}

.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;
	border-radius: 5px;
    display: block;
    overflow: hidden;
}

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

.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 );
		  background: #485697;
      }
  }
  
  @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;
		  transform: translateY(25%);
          margin-bottom: 10px;
      }

      .mega__menu {
            display: none !important;
        }
  }
.headerwrap > .group:first-of-type {
    display: flex;
    justify-content: space-between;
}

#menu-main-menu-new-1{
	display: block;
}
.menu > li:last-of-type > a {
    font-family: open-sans, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 25px;
    -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: #ffc413;
}


  .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: 250%;
      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%);
		  background: #485697;
      }
      
      .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: 50%;
      }
      
  }
  
  @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: 50px;
          min-height: 50px;
      }
  
      #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: 50%;
          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: 50%;
          height: 150px;
      }
      
      .playsets__slider .slider__content {
          right: 0;
          left: 0;
          display: block;
          max-width: 90%;
          margin: 0 auto;
          text-align: center;
      }
      .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: 50%;
  
          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%;
  }

.custom-swing .grid-box-row .grid-box-column{
	max-width: 30.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:250%;
      }
      
  }
  
  
  /* =============================== *\
   * 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:#485697;;
      position: relative;
      overflow-x: hidden;
	  clear: both;
  }
.footer__right__inside{
	background: #324177;
    border-radius: 20px;
    width: 65%;
    padding: 0px 20px 50px 20px;
}
.footer_title{
	margin-top: 10px;
}

.footer__right{
	display: flex;
	justify-content: center;
}
  footer[role=contentinfo]:before {
      content:url("/source/28aab1d4d2644241980969b4798c1516/footer-clouds.png");
      position: absolute;
      top: -5px;
      left: 0;
      width: 100%;
  }
  
  .footer__logo {
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
	  margin-top: 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: 30px;
      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;
	font-family: 'Dosis', sans-serif;
    font-weight: bold;
	font-size: 2em;
 }
  
  /* 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 .wpcf7 {
        padding-top: 20px;
        display: block;
      }
      .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;
  }

  .tax-products_category ul li {


  }
  
  .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;
    }
}


.large__numbers {
      margin-bottom: 1em;}		
.large__numbers ol{
              counter-reset: li;
          list-style: none;
              margin: 0; }
             
.large__numbers li {
                  position: relative;
                  padding: 2em 2em 2em 6em;
                  border-bottom: 2px solid rgb(60, 195, 224) !important;
                  font-size: 18px;
                  line-height: 27px;
                  color: #636466;
                  text-indent: 0px !important; }
  
  
                  @media all and (max-width: 640px) {
.large__numbers li {
                          padding: 6em 0em 2em 0em;}
                  }
.large__numbers li:last-of-type {
                      border-bottom: none !important; }
.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: #009EF6 !important;
                      display: inline-block;
                      width: 60px;
                      height: 60px;
                      border-radius: 100%;
                      padding-right: 0px !important;}
          @media all and (max-width: 640px) {
.large__numbers li:before {
              left: 0;
              right: 0;	
              margin: auto;}	
          }
            
i.cat-colors{
	font-size: 45px;
    padding: 10px;
    color: white;
    background-color: #407EC9;
    border-radius: 45px;
	margin-right: 28px;
}

.fontawesomelist{
	list-style: none !important;
}

.fontawesomelist li{
	position: relative;
    padding: 2em 2em 2em 1em;
    border-bottom: 2px solid #407EC9;
    font-size: 18px;
    line-height: 27px;
    color: #636466;
    text-indent: 0px !important;

}

@media screen and (min-width: 640px){
	.grid-25{
		margin-right:0px !important;
	}
}

.page-id-2191 ul li{
	margin-left:30px;
}

.page-id-2191 .sizes {
	display: none !important;
}
.page-id-2191 .page-title{
	padding-bottom: 25px;
}

.page-id-2275 ul li{
	margin-left:30px;
}

.page-id-2156 ul li{
	margin-left:30px;
}


.page-id-1537 ul li{
	margin-left:30px;
}

.page-id-2272 ul li{
	margin-left:30px;
}


/************************ Blog Styles ********************************/

.main__content.staggered__blocks {}
@media screen and (min-width: 768px) {
  .main__content.staggered__blocks {
    padding: 0; } }
.main__content.staggered__blocks + .main__content.staggered__blocks {
  padding: 0 0 3em 0; }
@media screen and (min-width: 768px) {
  .main__content.staggered__blocks + .main__content.staggered__blocks {
    padding: 0; } }
.main__content.staggered__blocks.first {
  padding: 0; }
  .main__content.staggered__blocks .the__content,
  .main__content.staggered__blocks .the__image {
    margin-bottom: 0; }
  .main__content.staggered__blocks .the__content {
    position: relative;
    z-index: 900;
    background-color: white;
    padding: 2em;
    width: 100%; }
        @media all and (max-width: 767px) {
            .main__content.staggered__blocks .the__content {
                padding: 1.5em;}
        }
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks .the__content {
      padding: 4em 5%;
      width: 58%; } }
    .main__content.staggered__blocks .the__content h1 {
      font-size: 1.500em;
      color: #1886ab; }
            @media all and (max-width: 767px) {
                .main__content.staggered__blocks .the__content h1 {
                    font-size: 1.35em;}
            }
  .main__content.staggered__blocks.no__wrap .the__content {}
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks.no__wrap .the__content {
      padding: 4em 5%;
      width: 62%; } }
  .main__content.staggered__blocks.no__wrap.first .the__content {}
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks.no__wrap.first .the__content {
      padding: 4em 8%;
      width: 55%; } }
    .main__content.staggered__blocks.no__wrap.first .the__content p {
      font-size: 1em; }
  .main__content.staggered__blocks .the__content.left {
    border-bottom: 12px solid #ffb703;
    -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.25);
    box-shadow: 0 0 15px -5px rgba(0,0,0,.25); }
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks.staggered__blocks .the__content.left {
      float: left;
      margin: 2em 0;
      border-right: 12px solid #ffb703;
      border-bottom: none;
      -webkit-box-shadow: 10px 0 15px -5px rgba(0,0,0,.25);
      box-shadow: 10px 0 15px -5px rgba(0,0,0,.25); } }
  .main__content.staggered__blocks .the__content.right {
    border-top: 12px solid #ffb703;
    -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,.25);
    box-shadow: 0 0 15px -5px rgba(0,0,0,.25); }
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks .the__content.right {
      float: right;
      margin: 2em 0;
      border-left: 12px solid #ffb703;
      border-top: none;
      -webkit-box-shadow: -10px 0 15px -5px rgba(0,0,0,.25);
      box-shadow: -10px 0 15px -5px rgba(0,0,0,.25); } }
    
  .main__content.staggered__blocks .the__image {
    background-size: cover;
    background-position: center;
    width: 100%; }
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks .the__image {
      position: absolute;
      height: 100%;
      width: 50%; } }
    .main__content.staggered__blocks .the__image img {
      opacity: 0;
      visibility: hidden; }
  .main__content.staggered__blocks .the__image.left {}
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks .the__image.left {
      left: 0; } }
  .main__content.staggered__blocks .the__image.right {}
  @media screen and (min-width: 768px) {
    .main__content.staggered__blocks .the__image.right {
      right: 0; } }	


.blog-cat-trigger {
                display: none;
                padding: 0!important;
                font-size: 1.1em;
                font-weight: 700
            }

ul.blog__categories li {
  font-size: 18px;
  margin-bottom: 5px;
}

            @media all and (max-width: 768px) {
                .blog-cat-trigger {
                    display:block
                }
            }

            ul.blog__categories {
                font-size: 1em;
                list-style: none;
                margin: 0
            }

            @media all and (max-width: 768px) {
                ul.blog__categories {
                    font-size:.9em;
                    display: none
                }
            }

            ul.blog__categories li a {
                color: inherit
            }

            @media all and (max-width: 768px) {
                ul.blog__categories li a {
                    display:inline-block;
                    padding: 4px
                }
            }

            .blog__hero {
                width: 100%
            }

            @media screen and (min-width: 768px) {
                .blog__hero {
                    display:table
                }
            }

            .blog__hero *[class^=grid] {
                display: block;
                float: none;
                width: 100%;
                margin-bottom: 0
            }

            @media screen and (min-width: 769px) {
                .blog__hero *[class^=grid] {
                    display:table-cell;
                    vertical-align: middle;
                    width: 50%
                }
            }

            .blog__hero .the__content {
                padding: 3em 0 3em 4%;
                   background-image: linear-gradient(to right,#219ebc,#219ebc);
                color: #fff
            }

            @media all and (max-width: 768px) {
                .blog__hero .the__content {
                    padding:2em 3%
                }
            }

            @media all and (max-width: 768px) {
                .blog__hero .the__content {
                    display:none
                }

                .blog__hero.landing .the__content {
                    display: block;
                    text-align: center
                }
            }

            .blog__hero .the__content div {
                padding: 0 8% 0 0;
                width: 100%
            }

            @media screen and (min-width: 769px) {
                .blog__hero .the__content div {
                    float:right;
                    max-width: 565px
                }
            }

            @media all and (max-width: 768px) {
                .blog__hero .the__content div h1 {
                    font-size:1.75em
                }
        
        .blog__hero .the__content div {
          padding: 0px;
        }
            }

            .blog__hero .the__content div p {
                font-family: 'ADAM-CG PRO';
                font-size: 2.125em;
                font-weight: 400;
                line-height: 1.25;
                margin-bottom: 16px
            }

            @media all and (max-width: 768px) {
                .blog__hero .the__content div p {
                    font-size:1.9em
                }
            }

            .blog__hero .the__content hr {
                max-width: 300px;
                border-top: 1px solid #fff;
                margin: 1em 0 1.75em
            }

            @media all and (max-width: 768px) {
                .blog__hero .the__content hr {
                    margin:1em auto 1.75em auto
                }
            }

            .blog__hero h2 {
                font-family: 'ADAM-CG PRO';
                font-size: 1.25em;
                font-weight: 400;
                line-height: 1.25;
                margin-bottom: .5em
            }

            @media all and (max-width: 768px) {
                .blog__hero h2 {
                    font-size:1.1em
                }
            }

            .blog__hero .the__content div .blog__breadcrumbs {
                font-size: .875em
            }

            .blog__hero .the__content div .blog__breadcrumbs a {
                color: inherit
            }

            .blog__hero .the__image {
                background-size: cover;
                background-position: center
            }

            .blog__hero .the__image img {
                opacity: 0;
                visibility: hidden
            }

            @media all and (max-width: 768px) {
                .blog__hero.landing .the__image {
                    display:none
                }
            }

            .mobile-breadcrumbs {
                display: none;
                margin-bottom: 16px
            }

            @media all and (max-width: 768px) {
                .mobile-breadcrumbs {
                    display:block
                }
            }

            .main__content.blog__blocks {
                padding: 0
            }

            .blog__block {
                margin: 3em auto !important;
      position:relative;
}

            .blog__block a {
                
                font-weight: 400;
                font-size: 1.25em;
                color: #023047;
                text-transform: uppercase
            }

            @media all and (max-width: 768px) {
                .blog__block a {
                    font-size:1em
                }
            }

            .blog__block a i {
                color: #ffb703
            }

            @media all and (max-width: 768px) {
                .flex-group {
                    display:flex;
                    flex-wrap: wrap-reverse
                }
            }

.staggered__blocks a {
  display: block;
  margin-top: 16px;
}

.blog__block .grid-3 {
  text-align: left;
}
.blog__block h2 {
    font-size: 24px;
    font-weight: bold;
    color: #023047;
    margin-bottom: 16px;
    line-height: 1;	
}

.blog__block h3 {
    font-size: 24px;
    font-weight: bold;
    color: #023047;
    margin-bottom: 16px;
    line-height: 1;	
}

.blog__block h4 {
    font-size: 24px;
    font-weight: bold;
    color: #023047;
    margin-bottom: 16px;
    line-height: 1;	
}

.blog__block h5 {
    font-size: 24px;
    font-weight: bold;
    color: #023047;
    margin-bottom: 16px;
    line-height: 1;	
}

.product__breadcrumbs {
  background:#219ebc;
  padding-top: 15px;
  padding-bottom: 15px;
}

.product__breadcrumbs span {
  color:#066ab3;
  font-size: 10px;
  font-family: pragmatica, sans-serif;
}

.product__breadcrumbs span a {
  font-size: 13px;
  color:white;
    margin-left: 3px;
  margin-right: 3px;
}

.product__breadcrumbs .breadcrumb_last {
  color: white;
  font-size: 13px;
  font-weight: bold;
    margin-left: 3px;
}


    .project__categories ul li {
      list-style: none;
    font-size: 16px;
    margin-right: 30px;
    display: inline-block;
    font-weight: bold;
  letter-spacing:2px;
    }
    
    @media screen and (max-width: 1080px) {
      .project__categories ul li {
        font-size:14px !important;
        margin-right:15px !important;	
      }
    } 

@media screen and (max-width: 728px) {
  
  .project__categories ul li {
    display: block !important;
    margin-right: 0px !important;
    margin-bottom: 5px !important;
  }
  
  .blog__categories {
    margin: 0 !important;
  }
}
    
    
    .project__categories ul li:last-of-type {
    margin-right:0px;	
    }

    .project__categories ul li a {
      color:#023047 !important;	
      padding-top:10px;
      padding-bottom:10px;
    }
    
    .project__categories ul li:hover a {
    color:#ffb703 !important;
    }
    
    
    
    
    .project__categories {
    text-align:center;	
      margin-top:16px;
    margin-bottom:32px;		
}

     .mobile__blog__menu{
      display: none;
      margin: auto;
      max-width: 160px;
      border-radius: 25px;
      margin-bottom: 32px !important;
      padding: 10px 0;
      background: #407fc9;
      color: white !important;
      font-weight: 500;
      font-size: 16px !important;
      text-align: center !important;
      cursor: pointer;
      -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;}
      
      @media (max-width: 1080px){
     .mobile__blog__menu {
      display: block;
    margin-bottom:16px;
    }
      }
      
      @media screen and (max-width: 1080px) {
      .blog__categories {
        display:none;
      }
      }


.blog__sidebar--popup-trigger {
  display: none; }
.blog__sidebar--popup-trigger.device {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  background-color: #456a44;
  overflow: visible !important;
  text-align: left;
  display: none; }
@media screen and (min-width: 769px) {
  .blog__sidebar--popup-trigger.device {
    display: none !important; } }
  .blog__sidebar--popup-trigger.device:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #0463ad; }
  .blog__sidebar--popup-trigger.device a {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.45em;
    font-weight: 700;
    color: white;
    width: 50%;
    display: block;
    padding: .7em 0 .7em .7em;
    cursor: pointer;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; }
.blog__sidebar--popup-trigger.desktop {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none; }
@media screen and (min-width: 769px) {
  .blog__sidebar--popup-trigger.desktop {
    display: none !important; } }
  .blog__sidebar--popup-trigger.desktop a {
    display: inline-block;
    vertical-align: bottom;
    background-color: #456a44;
    border-radius: 5px 5px 0 0;
    font-family: 'Lato','Open Sans',sans-serif;
    font-size: 15px;
    color: white;
    padding: .47em 1em;
    cursor: pointer;
    width: calc(100% - 255px);
    max-width: 225px;
    margin-left: .75em; }
    .blog__sidebar--popup-trigger.desktop a i {}
      .blog__sidebar--popup-trigger.desktop a i:before {
        font-family: 'Lato','Open Sans',sans-serif;
        font-weight: normal;
        -moz-osx-font-smoothing: auto;
        -webkit-font-smoothing: auto; }


      .blog__archive__wrap {
      padding-top:15px;
      padding-bottom:15px;
        margin-top: 25px;
      background-color:#0565ae;	
      margin-bottom: 25px;
      }
      
      .blog__carchive__wrap span {
      color:white;	
      font-size: 14px;
      }
      
      .blog__archive__wrap span a {
      color:white;
      display:inline-block; 
      text-transform:uppercase;
      }
      
      .breadcrumb_last {
      color:white;
      font-weight:bold;	
      }
      
      .blog__archive__wrap .wrap span {
      color:white;	
      text-transform:uppercase;
      }
      
      #breadcrumbs .wrap span {
      display:inline-block;	
      font-size: 14px;
      }

.blog__preview h3 {
  font-size: 20px;
  text-transform: uppercase;
  color:#222;
  margin-bottom: 16px;
  text-align: left;
  padding-left: 15px;
}

.blog__preview h3 a {
  color: #222;
}

.blog__preview__inner p {
  text-align: left;
  border-left: 3px solid #ffb703;
  padding-left: 15px;
  padding-right: 15px;
}
.blog__preview__inner {
  padding-top: 25px;
  padding-bottom: 25px;
}

.blog__preview__inner .button {
  display: inline-block;
  margin-top: 32px;
  background: #292929;
    color: white;
    text-transform: uppercase;
    padding: 15px 35px;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: 600;
}


.blog__preview__inner .button:hover {
  background:#219ebc;
  transition: all .3s ease-in-out;
}

.blog__preview {
  box-shadow: 0 1px 15px rgb(0 0 0 / 10%);
  padding:25px;
}

.wpcf7-response-output {
  color: white;
}

.single-post .blog__content {
  text-align: left;
  padding-top: 25px;
  padding-bottom:35px;
}

.blog__content img {
  margin-bottom: 16px;
}
.blog__content p {
  text-align: left;
}

.blog__content h1 {
  text-align: left;
  font-size: 34px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 24px;
    line-height: 1;
}

.blog__content h2 {
    text-align: left;
  font-size: 34px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 24px;
    line-height: 1;
}
.blog__content h3 {
    text-align: left;
  font-size: 34px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 24px;
    line-height: 1;
}

.blog__content h4 {
    text-align: left;
  font-size: 34px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 24px;
    line-height: 1;
}

.blog__content h5 {
    text-align: left;
  font-size: 34px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 24px;
    line-height: 1;
}

.picture__list{
  margin-bottom: 24px;}
  .picture__list .group{
      table-layout: fixed;
       }

@media all and (max-width: 900px) {	
  .picture__list .group{
    margin-bottom: 16px;
  }
}
    @media all and (max-width: 480px) {
      .picture__list .group{
        margin-bottom: 12px!important;}
      
      .picture__list .group {
        margin-bottom: 0;
      }

      .picture__list .group .grid-half.text__grid:last-child {
        margin-top: 16px;
      }
    }
    .picture__list .group *[class^="grid"] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      margin: 0;}
      .picture__list .group *[class^="grid"] a{
        color: #cb8a00;}
      .picture__list .group *[class^="grid"] ul{
        color: white;
        margin-left: 15px;}
      @media all and (max-width: 480px) {
        .picture__list .group *[class^="grid"] {
          display: block;}
      }
      .picture__list .group .grid-half.text__grid{
        background: #050518;
        padding: 1em;}
        .picture__list .group .grid-half.text__grid h2, .picture__list .group .grid-half.text__grid h3{}
        .picture__list .group .grid-half.text__grid p{
          color: #111;}
        .picture__list .group .grid-half.text__grid strong{
          color: #eeeeee;
          font-size: 22px;
          }
                    @media all and (max-width: 639px) {
                        .picture__list .group .grid-half.text__grid strong{
                            font-size: 20px;}
                    }
      .picture__list .group .grid-half.image__grid{
        position: relative;}
        .picture__list .group .grid-half.image__grid img{
          object-fit: cover;
          box-shadow: none;
          border: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;}
          @media all and (max-width: 480px) {
            .picture__list .group .grid-half.image__grid p{
              padding: 0px;
                            margin-bottom: 0px;}
            .picture__list .group .grid-half.image__grid img{
              position: relative;
              position: absolute;
              max-height: 450px;
              margin-bottom: 0px;}	
          }
          @media all and (max-width: 480px) {				
            .group.flex{
              display: flex;
              flex-flow: column-reverse;}
          }

@media all and (min-width: 900px) {	
.group.flex {
  display:flex;
}
}

@media all and (max-width: 900px) {	
.picture__list .group *[class^="grid"] {
    width: 100%;
    min-height: 250px;
  margin-bottom: 0px;
  display:block;
}
}


 .request__quote {
  display: inline-block;
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-weight: 700;
      
    text-decoration:none !important;
  color: white!important;
  background: #407fc9;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 32px;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }
.request__quote:hover,
.request__quote:focus {
  background: #048873;
  text-decoration: none; }
  .request__quote .envelope {
    position: relative;
    display: block;
    margin: 32px auto 16px auto;
    width: 68px;
    height: 36px;
    background: #CB8A00;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 1px #c94548 inset; }
    .request__quote .envelope:before,
    .request__quote .envelope:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-width: 18px 34px; }
    .request__quote .envelope:before {
      border-bottom-color: #ff9e14;
      top: -100%;
      left: 0px; }
    .request__quote .envelope:after {
      border-right-color: #ff9e14; 
      border-left-color: #ff9e14;
      border-bottom-color: #ff9e14;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      border-radius: 0 0 5px 5px;
      box-shadow: 0 1px 1px rgba(0,0,0,0.25); }
    .request__quote .envelope .paper {
      background: #fff;
      width: 57px;
      height: 37px;
      margin: 0 auto;
      border-radius: 5px;
      position: absolute;
      overflow: hidden;
      display: block;
      left: 6px;
      top: -2px;
      box-shadow: 0 1px 1px rgba(0,0,0,0.25);
      -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; }
      .request__quote:hover .envelope .paper,
      .request__quote:focus .envelope .paper {
        top: -26px;
        height: 57px; }
      .request__quote .envelope .paper:before,
      .request__quote .envelope .paper:after {
        content: '';
        position: absolute;
        left: 12px;
        background: #e3f1fc;
        height: 4px;
        border-radius: 5px; }
      .request__quote .envelope .paper:before {
        top: 14px;
        width: 31px; }
      .request__quote .envelope .paper:after {
        right: 12px;
        top: 28px;
        box-shadow:
          0 8px 0 #e3f1fc,
          0 16px 0 #e3f1fc,
          0 24px 0 #e3f1fc,
          0 40px 0 #e3f1fc; }
          
          @media screen and (max-width: 1600px) {
            
          .envelope {
          display:none !important;	
          }
          
          .request__quote {
          left:0 !important;
          font-size:14px !important;	
          }  
            
          }


/*BLOG POST CUSTOM GALLERIES*/		
.blog__content .gallery {
    list-style: none;
    margin-left: 0; }
    .blog__content .gallery img{
      margin-bottom: 0px!important;}
    .blog__content .gallery *[class^="grid"] {
      margin-bottom: 16px; }
      .blog__content .gallery *[class^="grid"] a {
        position: relative;
        display: block; }
        .blog__content .gallery *[class^="grid"] a:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255,255,255,0);
          -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; }
        .blog__content .gallery *[class^="grid"] a:hover:before,
        .blog__content .gallery *[class^="grid"] a:focus:before {
          background: rgba(255,255,255,.5); }
  .blog__content .gallery.masonry {
    -moz-column-count: 4;
    -moz-column-gap: 8px;
    -moz-column-fill: balance;
    -webkit-column-count: 4;
    -webkit-column-gap: 8px;
    -webkit-column-fill: balance;    
    column-count: 4;
    column-gap: 8px;
    column-fill: balance; } 
    .blog__content .gallery.masonry .gallery-item {
      display: inline-block;
      width: 100%;
      margin: 0 0 8px 0;
      break-inside: avoid; }
      .blog__content .gallery.masonry .gallery-item a {
        position: relative;
        display: block; }
        .blog__content .gallery.masonry .gallery-item a:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255,255,255,0);
          -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; }
        .blog__content .gallery.masonry .gallery-item a:hover:before,
        .blog__content .gallery.masonry .gallery-item a:focus:before {
          background: rgba(255,255,255,.5); }
    .blog__content .gallery.slider {
      margin-bottom: 0; }	
    .blog__content .gallery .gallery-item img{
      object-fit: cover;
      width: 100%;
      margin-bottom: 0px!important;}	
      .blog__content .grid-4 .lSSlideOuter {
        margin-bottom: 32px;}

.blog__content .lSSlideOuter {
  margin-top: 32px;
  margin-bottom: 32px;
}

.blog__category {
  font-size: 14px;
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  border: none !important;
  font-weight: 400;
  color:#219ebc;
  letter-spacing: 2px;
}

.blog__content *.large__numbers {
  margin-bottom: 1em;}		
  .blog__content *.large__numbers ol{
            counter-reset: li;
        list-style: none;
            margin: 0;
margin-left: 0px !important;}
           
        .blog__content *.large__numbers li {
                position: relative;
                    padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #e2e7ed;
                font-size: 16px;
                line-height: 1.75;
        color: #636466;
        text-indent: 0px !important; }

.blog__content *.large__numbers li a {
  color: #cb8a00;
}
        @media all and (max-width: 640px) {
          .blog__content *.large__numbers li {
            padding: 6em 0em 2em 0em;}
        }
            .blog__content *.large__numbers li:last-of-type {
          border-bottom: none; }
        .blog__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: #219ebc;
          display: inline-block;
          width: 60px;
          height: 60px;
          border-radius: 100%;
          padding-right: 0px !important;}
    @media all and (max-width: 640px) {
      .main__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;
        }

.gallery.slider {
  margin: 0 !important;
}
        
.block__title{
  display: block;
  padding: 12px;
  background: #0463ad;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1em;
      border-radius: 5px;}

.big__list{}
  .big__list ul{
    line-height: 1.5;
    font-size: 1.2em;}
    
.bullseye{}
  .bullseye ul{
    list-style: none;}
    .bullseye ul li{
      position: relative;}
      .bullseye ul li::before{
        content: "\f140";
        font-family: "Font Awesome 6 Pro";
        position: absolute;
        left: -30px;
        top: 2px;}
    
.big__text{
  font-size: 1.2em;}

.blog__content *.check__list {
        list-style: none;
            margin: 0; }
      .blog__content *.check__list ul{
        margin-left: 0px!important;
        list-style-type: none;}
           
        .blog__content *.check__list li {
                position: relative;
                    padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #e2e7ed;
                font-size: 18px;
        text-indent: 0px !important; }
        @media all and (max-width: 640px) {
          .blog__content *.check__list li {
            padding: 6em 0em 2em 0em;
            text-align: center;}
        }
            .blog__content *.check__list li:last-of-type {
                border-bottom: none; }
            .blog__content *.check__list li:before {
        font-family: "Font Awesome 6 Pro";
        content: "\f00c"; 
        position: absolute;
        top: 47px;
        transform: translateY(-50%);
        left: 10px;
        font-size: 32px;
        font-weight: 900;
        color: white;
        line-height: 60px;
        text-align: center;
        background-color: green !important;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        padding-right: 0px !important;}
        @media all and (max-width: 640px) {
          .blog__content *.check__list li:before {
            left: 0;
            right: 0;	
            margin: auto;}	
        }
        .check__list li:before {
          padding-right: 0px !important;
          text-indent: 0px !important;
        }
        
        .check__list li {
          text-indent: 0px !important;
        }

.blog__content *.caret__list {
        list-style: none;
            margin: 0; }
      .blog__content *.caret__list ul{
        margin-left: 0px!important;
        list-style-type: none;}
           
        .blog__content *.caret__list li {
                position: relative;
                    padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #407EC9;
                font-size: 16px;
        text-indent: 0px !important; }
        @media all and (max-width: 640px) {
          .blog__content *.caret__list li {
            padding: 6em 0em 2em 0em;
            text-align: center;}
        }
            .blog__content *.caret__list li:last-of-type {
                border-bottom: none; }
            .blog__content *.caret__list li:before {
        top: 47px;
        transform: translateY(-50%);
        left: 10px;
        font-size: 40px;
        font-weight: 900;
         --fa-primary-color: rgb(203, 138, 0);
          --fa-secondary-color: rgb(255, 255, 255);
        --fa-secondary-opacity: 1.0;
        --fa-primary-opacity: 1.0;
        line-height: 60px;
        text-align: center;
        background-color: #407EC9 !important;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        padding-right: 0px !important;}

.blog__content *.caret__list li:after {
        --fa-primary-color: rgb(203, 138, 0);
          --fa-secondary-color: rgb(255, 255, 255);
        position: absolute;
        top: 47px;
        transform: translateY(-50%);
        left: 10px;
        font-size: 40px;
        font-weight: 900;
        line-height: 60px;
        text-align: center;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        padding-right: 0px !important;
}
        @media all and (max-width: 640px) {
          .blog__content *.caret__list li:before, .blog__content *.caret__list li:after {
            left: 0;
            right: 0;	
            margin: auto;}	
        }
        .caret__list li:before {
          padding-right: 0px !important;
          text-indent: 0px !important;
        }
        
        .caret__list li {
          text-indent: 0px !important;
        }

/* Step 1: Common Duotone Properties: All required to make icons render reliably */

/* Step 2: Set the font-family and font-weight for this style */
.caret__list li::before,
.caret__list li::after {
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
  /* position both layers of the icon to the left, set our fixed-width width, horizontally center layers, and then vertically align them so they flex with different line heights */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25em;
  text-align: center;
  --fa-primary-color: rgb(203, 138, 0);
          --fa-secondary-color: rgb(255, 255, 255);
}

/* Step 3: Set the default opacity levels and colors for each layer */
.caret__list li::before {
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1.0);
}

.caret__list li::after {
  color: var(--fa-secondary-color, inherit);
  opacity: var(--fa-secondary-opacity, 1.0);
}

/* Step 4: Reference Individual Icon's Layers */
.caret__list li::before {
   content: "\f0da"; 
}

.caret__list li::after {
content: "\10f0da";
}

.main__content .icon-list {}
    .main__content .icon-list ul,
    .main__content .icon-list ol {}
      .main__content .icon-list li {}
        .main__content .icon-list li i {
          position: absolute;
          top: 16px;
              left: 20px;
          background-color: #A2CD32;
          font-size: 1.875em;
          font-weight: 900;
          color: white;
          line-height: 60px;
          text-align: center;
          display: inline-block;
          width: 60px;
          height: 60px;
          border-radius: 100%; }
.main__content .icon-list ul  {
  padding-left: 0;
}
.main__content .icon-list ul li:before  {
  display: none;
}

.main__content .special-list {
    margin: 0 auto 1.25em auto; }
    .main__content .special-list ul,
    .main__content .special-list ol {
      list-style: none;
      margin: 0 !important; }
      .main__content .special-list li {
        position: relative;
        padding: 2em 2em 2em 6em;
        border-bottom: 2px solid #ebebeb; }
      .main__content .special-list li:last-of-type {
        border-bottom: none; }
        .main__content .special-list li img {
          margin: 1.25em auto; }
        .main__content .special-list li *:last-child {
          margin-bottom: 0; }

.main__content .block-list {
    counter-reset: li; }
    .main__content .block-list ul,
    .main__content .block-list ol {}
      .main__content .block-list li {
        background-color: #ebebeb;
        border-color: white; }
        .main__content .block-list li:before {
          position: absolute;
          top: 16px;
          left: 16px;
          content: counter(li);
          counter-increment: li;
          font-size: 2.375em;
          font-weight: 900;
              color: #485696;
          line-height: 60px;
          text-align: center;
          display: inline-block;
          width: 60px;
          height: 60px;
          border-radius: 100%; }
  .main__content .block-list ul  {
    padding-left: 0;
  }

.tag__list {
    margin-bottom: 32px;
}

.tag__list ol {
    margin: 0 40px; 
    list-style: none;
    counter-reset: li;
}

*.tag__list li {
    font-size: 1em;
    position: relative;
    margin-bottom: 6px; 
    padding: 2em 2em 2em 6em !important;
    text-indent: 0 !important;
    background: #f0f0f0;
}

*.tag__list li:last-of-type {
    margin-bottom: 0;
}

@media all and (max-width: 640px) {
    .tag__list ol {
        margin: 0;
    }
    *.tag__list li {
        padding: 6em 2% 2em 2% !important;
    }
}

*.tag__list li:before {
    font-size: 150px;
    font-weight: 900;
    line-height: 60px;
    position: absolute;
    top: 50%;
    left: -30px;
    display: inline-block;
    width: 60px;
    height: 85px;
    padding-right: 0 !important;
    content: counter(li);
    counter-increment: li;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    text-indent: 0 !important; 
    color: #219ebc;
}

*.tag__list.blue li:first-of-type:before {
    color: #485696;
}

*.tag__list.blue li:nth-of-type(2):before {
    color: #485696;
}

*.tag__list.blue li:nth-of-type(3):before {
    color: #485696;
}

*.tag__list.blue li:nth-of-type(4):before {
    color: #485696;
}

*.tag__list.blue li:nth-of-type(5):before {
    color: #485696;
}

@media all and (max-width: 640px) {
    *.tag__list li:before {
        font-size: 60px;
        top: 20px;
        right: 0;
        left: 0;
        height: 60px;
        margin: auto;
        -webkit-transform: initial;
            -ms-transform: initial;
                transform: initial;
    }
}

.main__content *.check__list {
        list-style: none;
            margin: 0; }
      .main__content *.check__list ul{
        margin-left: 0px!important;
        list-style-type: none;}
           
        .main__content *.check__list li {
                position: relative;
                    padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #f5f5f5;
                font-size: 1em;
        text-indent: 0px !important; }
        @media all and (max-width: 640px) {
          .main__content *.check__list ul {
            padding-left: 0;
          }
          .main__content *.check__list li {
            padding: 6em 0em 2em 0em;
            text-align: center;
          }
        }
            .main__content *.check__list li:last-of-type {
                border-bottom: none; }
            .main__content *.check__list li:before {
        font-family: Font Awesome\ 6 Pro;
        content: "\f00c"; 
        position: absolute;
        top: 47px;
        transform: translateY(-50%);
        left: 10px;
        font-size: 32px;
        font-weight: 900;
        color: white;
        line-height: 60px;
        text-align: center;
        background-color: #465d29 !important;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        padding-right: 0px !important;}
        @media all and (max-width: 640px) {
          .main__content *.check__list li:before {
            left: 0;
            right: 0;	
            margin: auto;}	
        }
        .check__list li:before {
          padding-right: 0px !important;
          text-indent: 0px !important;
        }
        
        .check__list li {
          text-indent: 0px !important;
        }
        
.main__content *.x__list {
        list-style: none;
            margin: 0; }
      .main__content *.x__list ul{
        margin-left: 0px!important;
        list-style-type: none;}
           
        .main__content *.x__list li {
                position: relative;
                    padding: 2em 2em 2em 6em;
                border-bottom: 2px solid #f5f5f5;
                font-size: 1em;
        text-indent: 0px !important; }
        @media all and (max-width: 640px) {
          .main__content *.x__list ul {
            padding-left: 0;
          }
          .main__content *.x__list li {
            padding: 6em 0em 2em 0em;
            text-align: center;
          }
        }
            .main__content *.x__list li:last-of-type {
                border-bottom: none; }
            .main__content *.x__list li:before {
        font-family: Font Awesome\ 6 Pro;
        content: "\f00d"; 
        position: absolute;
        top: 47px;
        transform: translateY(-50%);
        left: 10px;
        font-size: 32px;
        font-weight: 900;
        color: white;
        line-height: 60px;
        text-align: center;
        background-color: #fa444b !important;
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        padding-right: 0px !important;}
        @media all and (max-width: 640px) {
          .main__content *.x__list li:before {
            left: 0;
            right: 0;	
            margin: auto;}	
        }
        .x__list li:before {
          padding-right: 0px !important;
          text-indent: 0px !important;
        }
        
        .x__list li {
          text-indent: 0px !important;
        }

.bar__title{
  display: block;
  color: #fff;
  padding: 15px;
  font-weight: 700;
  font-size: 20px;
  background: #194e71;
  margin-bottom: 0px;}
  .bar__title.light{
    background: #009EF6;}
  .bar__title.gold{
    background: #cca53c;}
   
.main__content .faux__title {
    display: block;
    color: white !important;
    margin-top: 32px;
    font-size: 20px;
    padding: 1em 2em;
    background: #485696;
}

.main__content .cool__list{
    margin-bottom: 15px;}
    .main__content .cool__list ul {
      padding: 0px;
      list-style-type: none;
      margin-left: 0px!important;
      margin-bottom: 0px;
    margin: 0 !important;}
      .main__content .cool__list ul li{
        padding: 2em;
        background: #eee;
        border-bottom: 4px solid;
        border-color: #023047;
        margin-bottom: 0px;
}
  .main__content .cool__list ul li:before {
    display: none;
}

.picture__list{
  margin-bottom: 24px;}
  .picture__list .group{
      table-layout: fixed;
    margin-bottom: 0px!important;}
    @media all and (max-width: 640px) {
      .picture__list .group{
        margin-bottom: 12px!important;}
    }
    .picture__list .group *[class^="grid"] {
      display: table-cell;
      vertical-align: middle;
      float: none;
      margin: 0;}
      @media all and (max-width: 480px) {
        .picture__list .group *[class^="grid"] {
          display: block;}
      }
      .picture__list .group .grid-half.text__grid{
        background: #dddcdc;
        padding: 3em 2em;}
        .picture__list .group .grid-half.text__grid h2, .picture__list .group .grid-half.text__grid h3{}
        .picture__list .group .grid-half.text__grid p{}
      .picture__list .group .grid-half.image__grid{
        position: relative;}
        .picture__list .group .grid-half.image__grid img{
          object-fit: cover;
          box-shadow: none;
          border: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;}
          @media all and (max-width: 640px) {
            .picture__list .group .grid-half.image__grid img{
              position: relative;
              max-height: 450px;}	
          }
          @media all and (max-width: 640px) {				
            .group.flex{
              display: flex;
              flex-flow: column-reverse;}
          }


.pattern__section{

  margin: 55px 0;

  position: relative;}

  .pattern__section p{

    margin-top: 0!important;}

  .pattern__section::after{

    content: "";

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #dddcdc;

    background-position:center;

    background-size:cover;

    background-repeat:repeat;

    }

  .pattern__section .group{

    position: relative;}

    .pattern__section .top{

      border: none!important;

      margin: 0!important;

      padding: 0!important;}

    .pattern__section *[class^="grid"] {

      position: relative;

      z-index: 5;}

      @media all and (min-width: 640px) {

        .pattern__section .group.middle *[class^="grid"]{

          display: inline-block!important;

          vertical-align:middle!important;

          float: none!important;}

          .pattern__section .group.middle *[class^="grid"]:last-of-type{

            margin-right: 0px;}

      }

    .pattern__section .grid-4{

      padding: 3em; }

      @media all and (min-width: 640px) {

        .pattern__section .grid-4{

          margin-bottom: 0px!important;}

      }

      .pattern__section .grid-4 p{

        color: #111;}

    .pattern__section .grid-2{

      position:relative;

      margin-bottom: 0px!important;}

      @media all and (min-width: 640px) {

        .pattern__section .grid-2.top{

          top: -24px;}

        .pattern__section .grid-2.bottom {

          bottom: -24px;}

      }

      .pattern__section .grid-2 p{

        margin: 0!important;}

.icon-list blockquote {
    margin: 1em 40px;
    padding: 8px 15px;
    color: #fff;
    background: #009EF6;
    border-left: none;
}
.icon-list blockquote p {
    margin-top: 0;
    color: #fff;
}
.color__block{
  position: relative;
  padding: 30px 60px;
  color: #fff;}
  @media all and (min-width: 640px) {
    .color__block.grid-3{
     width: 47.742425%;}
    .color__block.grid-3:nth-child(n) {
      margin-bottom: 4.51515%;
      margin-right: 4.51515%; }
    .color__block.grid-3:nth-child(2n){
      margin-right: 0;}
  }
  @media all and (max-width: 640px) {
    .color__block{
      margin-bottom: 20px;
      padding: 30px;}
  }
  .color__block::after{
    content: "";
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43,49,127, .75);}
    .color__block.red-overlay::after{
      background: rgba(121,0,0,.75);}
  .color__block h3,
  .color__block .faux-h3,
  .color__block p,
  .color__block ul{
    position: relative;
    color: #fff;
    z-index: 5;
    text-shadow: 3px 3px 0 rgba(37, 37, 37, .2);}
  .color__block img{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;}

.blog__testimonial {
      border-left: 5px solid #eceaee;
    margin: 40px 0;
    padding: 20px;
    background-color: rgb(236 234 238 / 50%);
}

.blog__testimonial p{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.blog .main__content.blog__content {
  padding-top: 0px;
}

.archive .main__content.blog__content {
  padding-top: 0px;
}

.main__content.blog__content p {
  margin-bottom: 32px;
}

.main__content.blog__content p a {
  color:#219ebc;
}

.main__content.blog__content li a {
  color:#219ebc;
}

.main__content.blog__content ul {
  margin-left: 32px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.main__content.blog__content ol {
  margin-left: 32px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.main__content.blog__content ol li {
  margin-bottom: 16px;
}

.main__content.blog__content ol li:last-of-type {
  margin-bottom: 0px;
}

.main__content.blog__content ul li {
  margin-bottom: 16px;
}

.main__content.blog__content ul li:last-of-type {
  margin-bottom: 0px;
}
.single-post .lightSlider .gallery-item {
  border-radius: none;
  padding: 0;
}
.single-post .lightSlider .gallery-item:before {
  display: none;
}
.single-post .lSGallery li:before {
  display: none;
}
.single-post .lSGallery li {
  padding-left: 0 !important;
}
@media screen and (max-width: 640px) {
  .single-post .lSGallery {
    width: 106% !important;
  }
  .single__post-content .gallery-item img {
    border-radius: 0;
  }
}
/************************ End Blog Styles ********************************/

.page__playset-accessories .colum-content ul {
  margin-left: 20px;
  margin-bottom: 20px;
}
.page__playset-accessories .colum-content ul li {
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;
  color: #495159;
}
ul li a {
  color: #009ef6;
}

.faux-h2-reviews {
	font-size: 40px;
    color: #ffc401;
    font-weight: bold;
    margin-bottom: 16px;
	font-family: 'Dosis', sans-serif;
}

/* .page-id-126 .miniwrap a.button {
	text-align: center;
	display: block;
} */

@media screen and (min-width: 890px) {
    .term-star-towers div.two-columns {
        display: inline-block;
    }
	
	.term-sky-climbers div.two-columns {
        display: inline-block;
    }
}


.accessories_bottom {
	text-align: center;
}
.accessories_bottom ul
{
	text-align: left;
	margin-left: 15%;
	margin-bottom: 20px;
	list-style: inside;
}

.accessories_bottom h2, 
.accessories_bottom h3,
.accessories_bottom h4{
	text-align: center;
	font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
	margin-top: 80px;
    margin-bottom: 16px;
    color: #ffc401;
}

.accessories_bottom a
{
	margin-top: 80px;
}


.accessories_top {
	text-align: center;
	padding: 80px 0 20px 0;
}
.accessories_top h1 
{
	text-align: center;
	font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 16px;
    color: #ffc401;
}

.accessories_wrap{
	text-align: center;
}

.accessories_grid{
	justify-content: center;
}

@media screen and (max-width: 800px){
	.accessories_bottom ul{
		margin-left: 0%;
	}
}

#models-title {
    text-align: center;
    font-weight: bold;
}

.centered-list {
    list-style-position: inside;
    text-align: center!important;
    padding-left: 0;
    margin: 0 auto;
	line-height: 1.6;
}

/* Section 1: Image on Left, Content on Right */
.section-1 {
    padding: 20px 0; /* Adds space inside the section */
}

.section-1 .image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Optional: Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for polish */
}

.section-1 .content {
    font-size: 16px;
    line-height: 1.6;
    color: #4b5a99; /* Neutral text color */
}

.section-1 .content p {
    margin-bottom: 15px;
	color: #4b5a99;/* Spacing between paragraphs */
}

/* Section 2: Full-Width Quote */
.section-2 {
    background-color: #4195d1; /* Light blue background */
    color: #ffffff; /* White text */
    padding: 40px 20px; /* Larger padding for emphasis */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for a card-like effect */
    font-style: italic;
    text-align: center; /* Center the quote text */
	clear:both;
}

.section-2 blockquote {
    font-size: 20px;
    font-weight: 500;
    margin: 0; /* Remove default blockquote margins */
}

/* Section 3: Content on Left, Image on Right */
.section-3 {
    padding: 20px 0; /* Adds space inside the section */
}

.section-3 .image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Optional: Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for polish */
}

.section-3 .content {
    font-size: 16px;
    line-height: 1.6;
    color: #4b5a99;
}

.section-3 .content p {
    margin-bottom: 15px; 
	color: #4b5a99;/* Spacing between paragraphs */
}

.info-section {
    padding: 40px 20px;
    background-color: #4b5a99; /* Dark blue background */
    color: #fff;
	clear:both;
}

.info-section .section-title {
    text-align: center;
    font-size: 45px;
    margin-bottom: 40px;
    color: #fff;
}

.info-items {
    padding: 0 40px; /* Added spacing on the sides */
}

.info-item {
    display: flex;
    gap: 15px; /* Adjusted spacing between image and content */
    border-radius: 8px;
    padding: 20px;
    max-width: 950px; /* Reduced size of the rows */
    margin: 0 auto; /* Center-aligns rows within the grid */
	align-items: center;
}

.info-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); */
    margin: 0px 65px 0px 0px;
	overflow: hidden;
}
.info-image{
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;

}
.info-content {
    flex: 1;
}

.info-title {
        font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

.info-description {
    font-size: 16px /* Smaller text for a more compact look */
    line-height: 1.6;
    margin-bottom: 10px;
}

.info-description p{
	color: white;
}

.info-link {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.3s;
}

.info-link:hover {
    color: #ffdd57; /* Highlight on hover */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .info-items {
        grid-template-columns: 1fr;
        padding: 0 20px; /* Reduce padding on smaller screens */
    }

    .info-item {
        max-width: 100%; /* Allow full width on smaller screens */
    }
}

.page-id-8047 .section__hero .hero-wrap{
	border-radius: 0px;
}

.section{
	margin-top: 65px;
    margin-bottom: 65px;
	clear: both;
}

.page-id-8047 .grid-full{
	margin-bottom: 0px !important;
}

.grid-half .image{
	padding-right: 50px;
	padding-left: 50px;
}

.page-id-8047 h2,
.page-id-8047 h3,
.page-id-8047 h4 {
    font-size: 2em;
}

.page-id-8047 .section__hero .page__title{
	font-size: 85px;
}
.bottom-cta .grid-full img{
	max-width: 65%;
	border-radius: 8px;
}

.bottom-cta .grid-full{
	margin-top: 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.bottom-cta > .grid-full:nth-of-type(3) p {
   width: 50%;
}
@media (max-width: 770px){
	.info-image img{
		margin: 0px 0px 0px 0px;
	}
	.page-id-8047 .section__hero .page__title {
    	font-size: 50px;
	}
}
@media (max-width: 480px) {
    .info-item {
        display: block;
    }
	.bottom-cta > .grid-full:nth-of-type(3) p {
    	width: 100%
	}
	.bottom-cta .grid-full img{
		max-width: 100%;
	}
	.grid-half .image {
		padding-right: 0px; 
		padding-left: 0px; 
	}
}

.page-id-29 .faux__title{
	font-size: 1.5em;
    color: #485697
}

.page-id-29 .warranty-form{
	background: #485697;
}

.contact-wrap .grid-3{
	display: flex;
    flex-direction: column;
	margin-top: 40px;
}



.page-id-29 *[class^='button'] {
	width: 50%;
    text-align: center;
	margin-top: 35px;
}

.page-id-29 *[class^='button']:hover{
	background-color: #f0476e;
}




.contact-wrap img{
	border-radius: 8px;
    max-width: 65%;
}

.page-id-29 img + p {
    width: 65%;
    font-size: 1em;
}

.page-id-29 .contact-wrap p{
	margin: 0px;
	color: #485697
}

.page-id-29 .contact-wrap .faux__title{
	margin-top: 25px;
}

.page-id-29 .contact-wrap p:has(span) {
    margin-top: 25px;
}

.contact-form-title{
	color: white !important;
    font-size: 2em;
}

.page-id-29 .mediumwrap{
	    margin-top: 40px;
}
.contact-wrap > .grid-3:first-of-type {
   padding-top: 38px;
}

.contact-wrap a:nth-of-type(1) {
    background-color: #8ec23f; /* Styles the first <a> tag */
}

.contact-wrap a:nth-of-type(2) {
    background-color: #ffc413; /* Styles the second <a> tag */
}
.page-id-29 .warranty-form .btn-wrapper input[type='submit']{
	background: #ffc413;
	width: 30%;
	margin: inherit;
}
.page-id-29 .warranty-form .btn-wrapper input[type='submit']:hover{
	background-color: #f0476e;
}

.page-id-29 .checkbox-group p{
	margin-top:0px !important;
}

.contact-form-name{
	color: #fff !important;
}

.warranty-form .group .grid-half input[type="text"] {
    width: 90%;
}

.single-ppe_products .warranty-form .group .grid-half input[type="text"] {
	width: 100%;
}

.single-ppe_products .warranty-form input[type='email']{
	height: 40px;
}


.page-id-29 .second__line{
	font-size: 3.5em;
}

@media (max-width: 1024px){
	.page-id-29 .warranty-form .btn-wrapper input[type='submit']{
		width: 100%;
	}
}
@media (max-width: 768px){
	.page-id-29 .second__line{
		font-size: 2.5em;
	}
}
@media (max-width: 640px){
	.contact-wrap .grid-3{
		align-items: center;
	}
	.page-id-29 .warranty-form .btn-wrapper input[type='submit']{
		width: 100%;
	}
	.contact-wrap > .grid-3:first-of-type {
    	padding-top: 0px;
		margin-top: 0px;
	}
	.warranty-form .group .grid-half input[type="text"] {
    	width: 100%;
	}
}

@media (max-width: 1024px){
	.page-id-29 *[class^='button']{
		width: 85%;
	}
}

@media (max-width: 370px){
	.page-id-29 .faux__title {
    	font-size: 1.2em;
	}
	.page__title .second__line{
		font-size: 2em;
	}
	
}

.page-id-29 .section__hero .hero-wrap{
	flex-wrap: wrap;
    align-content: center;
	border-radius: 0px;
	background-color: #24252d;
}

/* .page-id-29 .page__title{
	color: #485697;
} */

.main-content-grid{
	background-color: #4195d1;
}

.group.main-content-wrap {
    display: flex; 
    flex-wrap: wrap; /* Ensures it wraps on smaller screens */
}

.grid-half img.featured-image {
    width: 100%; 
    height: auto; /* Makes sure image is responsive */
}

.main-content-grid {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;/* Optional: Ensures content fills the space */
}

@media (max-width: 768px) {
    .grid-half {
        flex: 1 1 100%; /* On mobile, both columns take full width */
    }
}
.page-id-8533 .grid-half{
	margin-right: 0px;
	width: 50%;
}

.homepage_ctas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* Individual CTA Boxes */
.homepage_info_boxes {
    background-color: #e94d68; /* Default pink */
    color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    flex: 1 1 calc(33.333% - 40px); /* Makes 3 items per row */
    max-width: calc(33.333% - 40px);
}

/* Custom Colors for Each Box (Optional) */
.homepage_info_boxes:nth-child(2) {
    background-color: #b073c2; /* Purple */
}
.homepage_info_boxes:nth-child(3) {
    background-color: #7dbf3e; /* Green */
}

.homepage__half__content{
	margin-bottom: 45px;
}

/* Title Styling */
.info_title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
	color: #fff;
}

/* Text Content */
.info_content {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 0;
	color: #fff;
	display: flex;
    flex-direction: column;
}

.info_content i{
	font-size: 35px;
	margin-bottom: 10px;
}


.page-id-8533 .bottom__button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 35px;
    background-color: #ffc413;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 25px;
}

/* Main Heading (h1) */
.page-id-8533 h1 {
    color: white; /* Ensure white text color */
    font-size: 4.2em; /* Keep large size */
    margin: 0 auto;
    text-align: left; /* Override alignment for consistency */
	padding: 15px;
	padding-left: 0px;
}

.page-id-8533 h1 .highlight {
    color: #FFDA3E; /* Yellow text for highlighted words */
}

/* CTA Container Styling */
.page-id-8533 .homepage_ctas .group {
    display: flex;
    justify-content: center;
}

.page-id-8533 .homepage_ctas .grid-2 {
    margin-right: 3.51515%;
}

.page-id-8533 .homepage_ctas .grid-2:nth-child(3) {
    margin-right: 0%; /* Remove margin for the 3rd element */
}
@media (max-width: 1024px) {
    .homepage_info_boxes {
        width: calc(30% - 20px); /* Slightly smaller width */
        padding: 20px; /* Reduce padding to make boxes smaller */
        font-size: 0.9em; /* Slightly smaller text */
        margin: 0 10px 20px 10px; /* Adjust spacing */
    }
}

/* Responsive Styling for Mobile (Below 768px) */
@media (max-width: 768px) {
    .homepage_ctas {
        display: block; /* Remove flex layout */
		
    }
	.page-id-8533 .homepage_ctas .group{
		display: flex;
    	justify-content: center;
    	flex-direction: column;
    	align-content: center;
    	align-items: center;
	}
	.page-id-8533 .homepage_ctas .group .grid-2{
		margin-right: 0px;
	}

    .homepage_info_boxes {
        max-width: 85%; /* Full width on mobile */
        margin: 0 0 20px 0; /* Add bottom margin */
        float: none; /* Clear float */
        padding: 15px; /* Further reduce padding */
        font-size: 0.85em; /* Smaller text for mobile */
		width: 100%;
    }
}
@media (max-width: 425px){
	.homepage_info_boxes {
        max-width: 100%; /* Full width on mobile */
    }
}
/* Flex Group Styling */
/* Scoped for Page ID 8533 */
.page-id-8533 .top-group {
    display: flex;
    flex-direction: row; /* Default: side-by-side */
    align-items: stretch; /* Equal height for both sides */
    justify-content: center;
    margin: 0;
    padding: 0;
	margin-bottom: 50px;
}

/* Left Side - Image */
.page-id-8533 .image-container {
    flex: 1; /* Equal space */
    display: flex;
    overflow: hidden;
}

.page-id-8533 .image-container img {
    width: 100%; /* Scales image properly */
    height: auto; /* Keeps aspect ratio */
    object-fit: contain; /* Prevents cropping */
}

/* Right Side - Text */
.page-id-8533 .text-container {
    flex: 1; /* Equal space */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #4195d1; /* Blue background */
    color: #fff;
    box-sizing: border-box;
}

.page-id-8533 .grid-inner-wrap {
    max-width: 645px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding: 20px;
}

/* .page-id-8533 h1 {
    font-size: 2.5rem;
    margin: 0;
} */

.page-id-8533 h1 .highlight {
    color: #FFDA3E; /* Yellow 'Shine' text */
}

.page-id-8533 .shop-button {
     display: inline-block;
    padding: 10px 35px;
    background-color: #ffc413;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 25px;
	margin: 15px;
}
@media (max-width: 1100px){
	.page-id-8533 h1{
		font-size: 2.2em;
	}
	.page-id-8533 .shop-button{
		padding: 10px 15px;
	}
}
/* Responsive Design */
@media (max-width: 800px) {
    .page-id-8533 .top-group {
        flex-direction: column; /* Stacks vertically */
    }
	
	.page-id-8533 .home-top{
		    margin-bottom: 0;
	}

    .page-id-8533 .image-container,
    .page-id-8533 .text-container {
        flex: none; /* Remove flex proportions */
        width: 100%; /* Full width */
		
    }

    .page-id-8533 h1 {
        font-size: 4em; /* Reduce text size */
		text-align: center;
    }

    .page-id-8533 .shop-button {
        padding: 8px 16px;
        font-size: 0.9rem;
		margin: 20px auto;
    }
}

@media (max-width: 480px) {
    .page-id-8533 h1 {
    	font-size: 2em; /* Smaller text */
    }

    .page-id-8533 .shop-button {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}
@media (max-width: 1350px){
	.nav__area ul li a {
		color: #ffff;
		font-size: .85em;
	}
	.menu > li:last-of-type > a {
		font-size: 14px;
		padding: 8px 20px;
	}
	.nav-image img {
    	max-height: 60px;
	}
}
/* Container for the Half Content Section */
.homepage__half__content .half-content__wrapper {
    display: flex;
    flex-direction: row; /* Side-by-side layout by default */
    align-items: stretch; /* Ensures equal height */
    justify-content: space-between;
    margin: 0;
    padding: 0;/* Adds space between the image and content */
}

/* Left Side - Image Container */
.homepage__half__content .half-content__image {
    flex: 1; /* Take up half the space */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	border-radius: 10px 0px 0px 10px;
	gap: 25px;
	height: 100%;
}
.homepage__half__content .half-content__image .half-content__ticket{
	margin-right: 55px;
}

.homepage__half__content .half-content__image img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; /* Ensures image fits container without distortion */
	border-radius: 5px;
}

/* Right Side - Text Container */
.homepage__half__content .half-content__text {
    flex: 1; /* Take up half the space */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    background-color: #485697; /* Example background color */
    color: #fff;
    box-sizing: border-box;
	border-radius: 0px 10px 10px 0px;
}

.homepage__half__content .half-content__inner {
    max-width: 500px; /* Restrict content width for readability */
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding: 30px;
}

/* Responsive Styling */
@media (max-width: 1024px) {
    .homepage__half__content .half-content__wrapper {
        flex-direction: column; /* Stack vertically on tablets and smaller screens */
    }

    .homepage__half__content .half-content__image,
    .homepage__half__content .half-content__text {
        flex: none;
        width: 100%; /* Full width when stacked */
    }

    .homepage__half__content .half-content__text {
        padding: 15px; /* Reduce padding for smaller screens */
    }
}

@media (max-width: 768px) {
    .homepage__half__content .half-content__text {
        padding: 10px;
        font-size: 0.9em; /* Slightly smaller text */
    }
}

.half-content__text p{
	color: #fff;
	font-size: 1.4em;
	
}

.page-id-8533 .button{
	display: inline-block;
    padding: 10px 35px;
    background-color: #ffc413;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 25px;
	    z-index: 100;
}

.page-id-8533 h2{
	font-size: 2.5em;
	color: #475595;
	margin-bottom: 20px;
}

.page-id-8533 h3{
	font-size: 2.5em;
    color: #475595;
	text-align: center;
	margin-bottom: 20px;
}

.step_indicator{
	color: #fff;
    font-size: 25px;
    margin-bottom: 0px;
    font-weight: 500;
}

.tertiary-cta .info_title{
	font-weight: normal;
}

/* Container */
.homepage__newsletter__cta {
    background-color: #3F4A9A; /* Matches the purple background */
    padding: 20px 0;
    color: white;
}

.newsletter-cta__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* Left Content */
.newsletter-cta__text {
    flex: 1;
    max-width: 40%;
}

.newsletter-cta__text .newsletter-cta__inner {
    font-family: 'Arial', sans-serif;
    text-align: left;
}

/* Plus Sign */
.newsletter-cta__plus {
    font-size: 3rem;
    font-weight: bold;
    color: white;
    text-align: center;
}

/* Right Section */
.newsletter-cta__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.newsletter-cta__image img {
    max-width: 200px;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.half-content__news_wrapper{
	display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    background-color: #485697;
	border-radius: 10px;
}

.half-content__plus {
    font-size: 3rem; /* Larger size for the plus sign */
    font-weight: bold;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    background-color: transparent; /* No background */
}
.half-content__image-wrapper{
	width: auto;
}
.half-content__news_inner{
	max-width: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
	flex-direction: column;
	margin-top: 20px;
	margin-bottom: 10px;
}
.half-content__news_inner p{
	margin-bottom: 5px;
}
@media (max-width: 1024px){
	.half-content__news_wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    padding: 25px;
    background-color: #485697;
    height: 100%;
}
	.homepage__half__content .half-content__image .half-content__ticket{
		margin: 0px;
	}
	.half-content__news_inner{
		margin-top: 10px;
	}
}
.grid-flex{
	display: flex;
	align-items: center;
}

.blog-row-right{
	background-color: #4195d1;
}

.blog-row-left{
	background-color: #485697;
}

.spotlight-blog__row{
	border-radius: 10px;
}

.page-id-8533 h5{
	font-weight: 500;
    font-size: 2em;
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
}
.spotlight-blog__content p{
	color: #fff;
    font-size: 1.1em;
    text-align: center;
    width: 75%;
}
.spotlight-blog__content{
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
	padding: 25px;
}
.spotlight-blog__image{
	padding: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
}

.spotlight-blog__image img{
	max-width: 75%;
	border-radius: 10px;
}
.spotlight-blog__row .grid-3{
	margin: 0;
}

.learn-more__content{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.learn-more__content p{
	font-size: 2em;
    color: #475595;
    text-align: center;
}

@media (max-width: 640px){
	.grid-flex{
		display: inline-block;
	}
}
.half-content__news_wrapper .half-content__text{
	border-radius: 10px;
}

@media (max-width: 1024px){
	.homepage__half__content .half-content__image{
		border-radius: 10px 10px 0px 0px;
	}
	.homepage__half__content .half-content__text{
		border-radius: 0px 0px 10px 10px;
	}
}
.page-id-8533 h4 {
    font-size: 2.5em;
    color: #475595;
    text-align: center;
	margin-bottom: 20px;
}

.homepage_spacing{
	margin-bottom: 50px;
}

.page-id-8533 .homepage__ctas{
	padding-bottom: 0px;
}
.spotlight-blog__row{
	margin-bottom: 50px !important;
}

.how_it_works .homepage_info_boxes{
	background-color: #4195d1
}
.how_it_works .homepage_info_boxes:nth-child(2){
	background-color: #8ec23f
}
.how_it_works .homepage_info_boxes:nth-child(3){
	background-color: #ee486f
}
@media (max-width: 800px){
	.page-id-8533 .button{
		margin: 0 auto;
		
	}
	.half-content__text p{
		text-align: center;
	}
}
.hidden-row {
            display: none;
        }
        
        #show-more-ctas {
                cursor: pointer;
    background-color: #007bff00;
    color: #475595;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
        }

        #show-more-ctas:hover {
            background-color: #0056b3;
        }

        .carrot {
            font-size: 14px;
            margin-left: 8px;
        }
.fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

.page-id-8533 .homepage__cta__content .button{
	border: none;
}

.page-id-8047 .bottom-cta p{
	color: #4b5a99;
}
.page-id-8047 .button{
	    background-color: #ffc413;
}
.page-id-8047 .grid-full:has(a.button) {
   margin-top: 0px;
}

.learn-more__image img{
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px){
	.footer__right .button{
		padding: 15px 15px;
		font-size: 14px;
	}
}
.footer__right .button{
	background: #ffc413;
}

.product__description {
    padding-top: 30px;
    padding-bottom: 30px;
    border: 2px solid #e6e6e6;
    border-radius: 20px;
	padding-left: 50px;
	padding-right: 50px;
}
.product__description h2{
	font-size: 40px;
	text-align: left;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 40px;
}
.video-wrapper iframe {	
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 639px){
	.product__description{
		margin-bottom: 20px;
	}
	.video-wrapper{
		margin-top: 20px;
	}
	.product__description h2{
		font-size: 30px;
		text-align: center;
	}
}
/* === 2-col row (image | pricing). Dots live in row 2 so they don't affect the image height === */
.product__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  grid-template-rows:auto auto;
  grid-template-areas:
    "media sidebar"
    "dots  .";          /* dots only under the picture */
  gap: 10px 24px;
  align-items:stretch;
}


.product__media { grid-area: media; min-width: 0; position: relative; }
.product__sidebar { 
  grid-area: sidebar;
  align-self: stretch;
  display: flex; 
  flex-direction: column;
  align-items: center;
  background: #fff;
  border: 2px solid #e6e6e6;
  border-radius: 20px;
  padding: 30px;
  position: sticky;
  top: 80px;
  justify-content: space-evenly;
}
.product__sidebar p { text-align: center; }
.product__sidebar span{
  font-size: 28px; font-weight: bold; color: #2e3c78;
  display: block; font-family: 'Dosis', sans-serif; text-transform: uppercase;
}
.product__sidebar .price {
  color: #7c3188; font-size: 45px; font-family: 'Dosis', sans-serif;
  font-weight: bold; margin: 6px 0 16px;
}

/* Keep carousel media fluid */
.home-carousel,
.home-carousel .owl-stage-outer { width: 100%; }
.home-carousel .owl-item img { display: block; width: 100%; height: 100%; }

#carousel-custom-dots{
  grid-area: dots;
  display: flex;                /* <-- switch to flex */
  flex-wrap: wrap;
  justify-content: center;      /* <-- centers them */
  gap: 25px;
  margin: 0px 0 0;
  padding: 0;
  list-style: none;
}

/* fixed-size thumbs so centering works predictably */
#carousel-custom-dots .dot{
  width: 56px;                  /* pick your size */
  padding-top: 70%;             /* 10:7 ratio; keep your look */
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  cursor: pointer;
}

/* Hide Owl's built-in nav if not using it here */
.owl-nav { display: none; }

/* === Mobile: stack as image -> dots -> pricing (pricing last, full width) === */
@media (max-width: 900px) {
  .product__row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "media"
      "dots"
      "sidebar";            /* pricing last */
    gap: 16px;
  }
  .product__sidebar {
    position: static;       /* disable sticky on mobile */
    border-radius: 16px;
  }
}
.product__top h1{
	    font-size: 55px;
    font-weight: bold;
    color: #2e3c78;
    margin-bottom: 32px;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
}

/* Base layout similar to your grid system */
.series__grid { display: grid; gap: 24px; }
.series__grid.grid-4-cols { grid-template-columns: repeat(1, minmax(0,1fr)); }
@media screen and (min-width: 640px){
  .series__grid.grid-4-cols { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media screen and (min-width: 1024px){
  .series__grid.grid-4-cols { grid-template-columns: repeat(4, minmax(0,1fr)); }
}


.series__grid.grid-3-cols {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media screen and (min-width: 640px) {
  .series__grid.grid-3-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1024px) {
  .series__grid.grid-3-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Card shell borrows from .homepage__cta feel */
.series__card {
  border-radius: 20px; 
  overflow: hidden;
  border-bottom: 20px solid var(--border, #793a94);
  background: #ffffff; /* fallback if content area not used */
}

/* Top image styling from your CTA boxes */
.series__media img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* Inner content adopts your CTA typography/buttons */
.series__body {
  /* Your CTA content uses centered spacing + gradient background. */
  padding: 0px 30px 0px 30px;
  text-align: center;
  /* gradient per theme is on parent; we apply here: */
  background: linear-gradient(to bottom, var(--bg-start, #6f5ec3) 0%, var(--bg-end, #793a94) 100%);
  color: #fff;
}

/* Titles & text reuse your families */
.series__name {
  font-family: 'Dosis', sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 16px 0;
}

.series__price {
  font-family: 'Dosis', sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  margin: 8px 0 16px;
}

.series__blurb,
.series__body .cta__content {
  font-family: open-sans, sans-serif;
  font-size: 16px;
  color: #fff;
  margin: 8px 0 16px;
}

/* Badges styled like your checklist—white, tidy, aligned center */
.series__badges {
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
/*   margin: 0 0 16px 0; */
  padding: 0;
}
.series__badges .badge {
  font-family: open-sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  background: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  line-height: 1;
}

/* Buttons: use your existing button rules */
.series__button {
  /* Your theme sets [class^="button"] with uppercase, radius, etc. */
  border: 2px solid #fff;
  background: none;
  color: #fff !important;
}
.series__button:hover,
.series__button:focus {
  background: #fff !important;
  color: #222 !important;
  transition: all .3s ease-in-out;
}

/* THEME COLORS (edit these 4 blocks to match each series)
   t1..t4 are assigned in PHP by a simple counter.
   Replace the colors to your exact brand set.
*/

/* Star Tower (example uses your purple gradient) */
.series__card.t1 {
  --bg-start: #6f5ec3;
  --bg-end:   #793a94;
  --border:   #793a94;
}

/* Double Star Tower */
.series__card.t2 {
  --bg-start: #f0476e;  /* sample pink/red */
  --bg-end:   #d92e3a;  /* sample deep red from ::selection */
  --border:   #d92e3a;
}

/* Sky Climber */
.series__card.t3 {
  --bg-start: #2a9d8f;  /* sample teal */
  --bg-end:   #1f776e;  /* darker teal */
  --border:   #1f776e;
}

/* Space Station */
.series__card.t4 {
  --bg-start: #90c40b;  /* your hover green */
  --bg-end:   #6e9509;  /* darker green */
  --border:   #6e9509;
}
.series__grid p{
	display: flex;
    align-items: center;
    justify-content: center;
}
/* Small optimizations for mobile buttons (you had a rule at <=768px) */
@media only screen and (max-width: 768px){
  .series__button { padding: 5px 30px; }
}
.series__grid p{
	color: #fff;
}
.price__range{
	margin-bottom: 0px;
}

.custom_swingset_top h1{
	text-align: center;
	font-family: 'Dosis', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 16px;
    color: #ffc401;
}
.page-template-page-custom-swingset h2
 {
    font-size: 2.5em;
    color: #475595;
    margin-bottom: 20px;
	 text-align: center;
}



.custom_swingset_top{
	text-align: center;
    padding: 80px 0 20px 0;
}
.page-id-16440 .section__image-box:nth-of-type(3)
 {
    background: #475595;
    color: #fff;
    margin-top: 60px;
}
/* .page-id-16440 .section__image-box:nth-of-type(3) .inner-wrap {

	background: #475595;
 padding: 2rem; 
 border-radius: 12px;  
} */

/* Fourth section */
.page-id-16440 .section__image-box:nth-of-type(5) {
    /* your blue */
	background: #4195d1;; 

  color: #ffffff;       /* make text white for readability */
}

.page-id-16440 .section__image-box:nth-of-type(3) .content-wrap div {
  color: #ffffff;       /* ensure headings + text are readable */
}



/* Section 1 */
.page-id-16440 .section__image-box:nth-of-type(1) {
    background: #4195d1;
    color: #fff;
	margin-top: 60px;
}

.page-id-16440 .section__image-box:nth-of-type(1) .rainbow{
	display: none;
}

/* Section 5 */
.page-id-16440 .section__image-box:nth-of-type(5) {
  border-bottom: 1px solid #f1f1f1;
}

.swingsets-series-section{
    margin-bottom: 50px;
}
.accessory-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
	justify-content: center;
}

/* Base button style */
.accessory-btn {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
	background: #f0476e;
	border: 2px solid #f0476e;
  transition: all 0.3s ease;
}

/* Pink */
/* .accessory-btn.pink {
  background-color: #ee6fb8;
  
} */
.accessory-btn.pink:hover {
  background-color: #fff;
	border: 2px solid #ee6fb8;
  color: #ee6fb8;
}

/* Blue */
/* .accessory-btn.blue {
  background-color: #38c0e0;

} */
.accessory-btn.blue:hover {
  background-color: #fff;
	  border: 2px solid #38c0e0;
  color: #38c0e0;
}

/* Purple */
/* .accessory-btn.purple {
  background-color: #6f5bbf;
  
} */
.accessory-btn.purple:hover {
  background-color: #fff;
	border: 2px solid #6f5bbf;
  color: #6f5bbf;
}

/* Green */
/* .accessory-btn.green {
  background-color: #bad72d;
 

} */
.accessory-btn.green:hover {
  background-color: #fff;
	 border: 2px solid #bad72d;
  color: #bad72d;
}

/* Yellow */
/* .accessory-btn.yellow {
  background-color: #ffcd55;
 

} */
.accessory-btn.yellow:hover {
  background-color: #fff;
	 border: 2px solid #ffcd55;
  color: #ffcd55;
}

/* Orange */
/* .accessory-btn.orange {
  background-color: #ff8b49;

} */
.accessory-btn.orange:hover {
  background-color: #fff;
	border: 2px solid #ff8b49;
  color: #ff8b49;
}

html {
  scroll-behavior: smooth;
}
.page-id-126 .miniwrap{
	text-align: center;
}

.homepage__cta.series__card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  overflow: hidden;
}

.homepage__cta.series__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.series__badges .badge {
  display: inline-block;
     padding: 8px 16px;
    font-size: 16px;
  font-weight: 600;
  border-radius: 20px;
  background: linear-gradient(135deg, #ff9a3c, #ff5f6d);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* .series__badges .badge:hover {
  transform: scale(1.08);
  box-shadow: 0 5px 12px rgba(0,0,0,0.2);
} */

.series__badge_wrapper{
	transform: translateY(-55%);
}

.page-id-16422 .series__body{
	padding-top: 16px;
}
.nav__area .sub-menu__container .sub-menu.group li > a img{
	height: 148px;
	border-radius: 5px;
}

.youtube__content{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.youtube__content p{
	color: #475595;
    font-size: 1.8em;
	text-align: center;
	font-weight: bold;
}

.homepage-youtube{
	margin-bottom: 50px;
	padding-top: 15px;
}

.mobile-only{
	display: none !important;
}
@media (max-width: 1080px){
	.mobile-only{
		display: block !important;
	}
}

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

.sub-menu__container{
	padding-bottom: 25px !important;
}

/* Container: centers and prevents overflow */
.video__testimonials{
    max-width: 628px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
}

/* Make the iframe scale fluidly with the container */
.video__testimonials iframe{
  display: block;
  width: 100%;
  height: auto;               /* override the hard 720px height */
  aspect-ratio: 16 / 9;       /* modern responsive ratio */
  border: 0;
}
@media (max-width: 1290px){
	.video__testimonials{
		flex-direction: column;
	}
}
/* Optional: keep it from getting too tall on very small screens */
@media (max-width: 640px){
  .video__testimonials iframe{
    max-height: 80vh;
  }
}

/* Optional: space the AddThis blocks and prevent awkward wrapping */
.video__testimonials .addthis_tool{
  margin: 12px 0;
  overflow: visible;
}

/* Safety: if a theme forces iframes to fixed heights, win specificity */
.video__testimonials iframe[title="YouTube video player"]{
  height: auto !important;
}
html { scroll-behavior: smooth; }

.mega__menu.nav-photos .menu {
  flex-grow: 1;
}

.nav-image {
  flex-shrink: 0;
}

.nav-image img {
  max-height: 75px; /* adjust to match your nav height */
}

.nav-image img:hover {
  transform: scale(1.05);
}
.mega__menu.nav-photos{
	    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.grid-4.nav__area.headermatch{
	display: flex;
    justify-content: flex-end;
	padding: 0px;
}

.home-top.text-container p{
    color: #fff;
    font-size: 1.2em;
    text-align: left;	
}
.mobile-design-center{
	display: flex;
    justify-content: center;
    padding-top: 10px;
}

.mobile-design-center img{
	    max-height: 100px;
}