/**:not(:hover){
  transition: background 2s, color 2s, border 2s;
}*/


.wrapper{
  max-width:2000px;
  margin:0 auto;
}


body{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


p{
  transform:var(--tw-transform);
  letter-spacing:0.025em;
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
  transition-duration:2000ms;
}


.dark p{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


::-moz-selection { /* Code for Firefox */ --tw-bg-opacity:1; background-color:rgba(210, 210, 210, var(--tw-bg-opacity)); -moz-transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; transition-duration:2000ms;
}


.dark ::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgba(78, 78, 78, var(--tw-bg-opacity));
}


::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgba(210, 210, 210, var(--tw-bg-opacity));
  -moz-transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;
}


::selection{
  --tw-bg-opacity:1;
  background-color:rgba(210, 210, 210, var(--tw-bg-opacity));
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;
}


.dark ::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgba(78, 78, 78, var(--tw-bg-opacity));
}


.dark ::selection{
  --tw-bg-opacity:1;
  background-color:rgba(78, 78, 78, var(--tw-bg-opacity));
}


#nav ::-moz-selection { /* Code for Firefox */

    background:rgba(255,255,255,0.2)
  }


#nav ::selection {

    background:rgba(255,255,255,0.2)
  }


.markdown{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;
}


.markdown h2{
  display:block;
}


.markdown h2{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.markdown h2{
  font-size:1.25rem;
  line-height:1.75rem;
}


@media (min-width: 375px){


  .markdown h2{
    padding-top:0.75rem;
  }
}


@media (min-width: 375px){


  .markdown h2{
    font-size:1.5rem;
    line-height:2rem;
  }
}


@media (min-width: 640px){


  .markdown h2{
    padding-top:1rem;
  }
}


@media (min-width: 768px){


  .markdown h2{
    font-size:2.25rem;
    line-height:2.5rem;
  }
}


.markdown h3{
  display:block;
}


.markdown h3{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.markdown h3{
  font-size:1.125rem;
  line-height:1.75rem;
}


@media (min-width: 375px){


  .markdown h3{
    padding-top:0.75rem;
  }
}


@media (min-width: 375px){


  .markdown h3{
    font-size:1.25rem;
    line-height:1.75rem;
  }
}


@media (min-width: 640px){


  .markdown h3{
    padding-top:1rem;
  }
}


@media (min-width: 768px){


  .markdown h3{
    font-size:1.875rem;
    line-height:2.25rem;
  }
}


.markdown h4{
  display:block;
}


.markdown h4{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.markdown h4{
  font-size:1rem;
  line-height:1.5rem;
}


.markdown h4{
  font-weight:700;
}


@media (min-width: 375px){


  .markdown h4{
    padding-top:0.75rem;
  }
}


@media (min-width: 375px){


  .markdown h4{
    font-size:1.125rem;
    line-height:1.75rem;
  }
}


@media (min-width: 640px){


  .markdown h4{
    padding-top:1rem;
  }
}


@media (min-width: 768px){


  .markdown h4{
    font-size:1.25rem;
    line-height:1.75rem;
  }
}


.markdown p{
  margin-bottom:0.75rem;
}


.markdown p{
  line-height:1.75rem;
}


@media (min-width: 1024px){


  .markdown p{
    margin-bottom:1.25rem;
  }
}


@media (min-width: 1024px){


  .markdown p{
    line-height:2.25rem;
  }
}


.markdown p, .markdown ul, .markdown ol{
  font-size:1rem;
  line-height:1.5rem;
}


@media (min-width: 768px){


  .markdown p, .markdown ul, .markdown ol{
    font-size:1.125rem;
    line-height:1.75rem;
  }
}


.markdown ul{
      list-style-type: disc;
    }


.markdown ol{
    list-style-type: decimal;
  }


.markdown ol, .markdown ul{
  margin-left:18px;
}


.markdown ol li,.markdown ul li{
  margin-bottom:13px;
}


.markdown ol li,.markdown ul li{
  padding-left:10px;
}


.markdown strong{
  font-family:ff-good-web-pro-narrow, sans-serif;
}


.markdown strong{
  font-weight:600;
}


.markdown i{
  font-family:ff-good-web-pro-narrow, sans-serif;
}


.markdown i{
  font-style:italic;
}


.markdown a{
    color:#0066ff;
    text-decoration: none;
  }


.markdown a:hover{
      color:blue;
      text-decoration: underline;
    }


.markdown.side h2{
  display:block;
}


.markdown.side h2{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.markdown.side h2{
  font-size:1.875rem;
  line-height:2.25rem;
}


@media (min-width: 375px){


  .markdown.side h2{
    padding-top:0.75rem;
  }
}


@media (min-width: 640px){


  .markdown.side h2{
    padding-top:1rem;
  }
}


.markdown.side h3{
  display:block;
}


.markdown.side h3{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.markdown.side h3{
  font-size:1rem;
  line-height:1.5rem;
}


.markdown.side h3{
  font-weight:700;
}


@media (min-width: 375px){


  .markdown.side h3{
    padding-top:0.75rem;
  }
}


@media (min-width: 375px){


  .markdown.side h3{
    font-size:1.125rem;
    line-height:1.75rem;
  }
}


@media (min-width: 640px){


  .markdown.side h3{
    padding-top:1rem;
  }
}


@media (min-width: 768px){


  .markdown.side h3{
    font-size:1.25rem;
    line-height:1.75rem;
  }
}


.markdown.side h4{
  display:block;
}


.markdown.side h4{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.markdown.side h4{
  font-size:1rem;
  line-height:1.5rem;
}


.markdown.side h4{
  font-weight:700;
}


@media (min-width: 375px){


  .markdown.side h4{
    padding-top:0.75rem;
  }
}


@media (min-width: 640px){


  .markdown.side h4{
    padding-top:1rem;
  }
}


@media (min-width: 768px){


  .markdown.side h4{
    font-size:1.125rem;
    line-height:1.75rem;
  }
}


.markdown.side p{
  margin-bottom:1.25rem;
}


.markdown.side p{
  line-height:1.75rem;
}


@media (min-width: 768px){


  .markdown.side p{
    line-height:2.25rem;
  }
}


.markdown.side p, .markdown.side ul, .markdown.side ol, .markdown.side a{
  font-size:1rem;
  line-height:1.5rem;
}


@media (min-width: 768px){


  .markdown.side p, .markdown.side ul, .markdown.side ol, .markdown.side a{
    font-size:1.125rem;
    line-height:1.75rem;
  }
}


@media (min-width: 1024px){


  .markdown.side p, .markdown.side ul, .markdown.side ol, .markdown.side a{
    font-size:0.875rem;
    line-height:1.25rem;
  }
}


.markdown figure{
  margin-bottom:1rem;
}


.markdown.tight p, .markdown.tight ul, .markdown.tight ol, .markdown.tight a{
  font-size:0.875rem;
  line-height:1.25rem;
}


@media (min-width: 768px){


  .markdown.tight p, .markdown.tight ul, .markdown.tight ol, .markdown.tight a{
    font-size:1rem;
    line-height:1.5rem;
  }
}


.markdown.tight ul li, .markdown.tight ol li{
      margin-bottom:0;

    }


.cc-font-logo-md{

    font-family: aktiv-grotesk, sans-serif;
    font-weight: 500;
    font-style: normal;

}


.cc-font-logo-bd{

    font-family: aktiv-grotesk, sans-serif;
    font-weight: 700;
    font-style: normal;

}


.cc-font-nh-45{

    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 400;
    font-style: normal;

}


.cc-font-nh-65{

    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
}


.socialFeed{
  //font-family: $sansSerif;
  padding: 0;
  overflow: hidden;
  letter-spacing: 1px;
  font-size: 12px;
}


.socialFeed ul{
    list-style-type: none;
    padding-left:0;
  }


.socialFeed > ul > li{
    margin-bottom:20px;
    background: rgba(255,255,255,0.6);
    border-radius:20px;
    margin-left:50px;
  }


.socialFeed > ul > li:after{
      display:block;
      content:"";
      height:20px;
      margin-left:50px;
    }


.socialFeed > ul > li:last-child{
      margin-bottom:0;
    }


.socialFeed .user{
    //overflow:hidden;
    position: relative;
    //height:40px;
  }


.socialFeed .user img{
      width: 40px;
      border-radius:50%;
    }


.socialFeed .user > a{
      width: 40px;
      left:-50px;
      position: absolute;
    }


.socialFeed div[data-scribe="component:author"] {
    padding-top:10px;
    padding-bottom: 5px;
  }


.socialFeed div[data-scribe="component:author"] {
    /* Attribute has this exact value */
    font-weight: 700;
    padding-left: 20px;
    position: relative;
    width:auto;
  }


.socialFeed span[data-scribe="element:name"], .socialFeed .cff-page-name a{
    font-size: 16px !important;

  }


.socialFeed span[data-scribe="element:screen_name"]{
    font-weight: 400;
    color:#a11e5c;
  }


.socialFeed span[data-scribe="element:screen_name"]:hover{
      text-decoration: underline;
    }


.socialFeed .timePosted, .socialFeed .interact{
    display: inline;
    font-size:11px;
  }


.socialFeed .interact{

    overflow:hidden;
    padding-left: 20px;
  }


.socialFeed .interact li{
      display: inline;
    }


.socialFeed .interact li::before {
        content: "•";
        color:#a11e5c;
        padding-right: 5px;
      }


.socialFeed .interact a{
      margin-right: 5px;
      color:#a11e5c;

    }


.socialFeed .interact a:hover{
        text-decoration: underline;
      }


.socialFeed .timePosted{
    padding-left: 20px;
  }


.socialFeed .timePosted a{
      display: inline-block;
    }


.socialFeed .timePosted .twitter-click{
      color:#a11e5c;
      cursor: pointer;
    }


.socialFeed .timePosted:hover .twitter-click{
        text-decoration: underline;
      }


.socialFeed .tweet{
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right:10px;
    //line-height: 1.2;
  }


.socialFeed li:not(:last-child) .interact {

      }


.socialFeed .media{
    display:none;
  }


.socialFeed p{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.dark .socialFeed > ul > li {
      background: rgba(255, 255, 255, 0.2);

    }


.dark .socialFeed > ul > li:after {
      }


.dark .socialFeed span[data-scribe="element:name"]{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .socialFeed span[data-scribe="element:screen_name"] {

      color: #33CBFF;

    }


.dark .socialFeed .interact li::before {
          color: #33CBFF;
        }


.dark .socialFeed .interact a {
        color: #33CBFF;

      }


.dark .socialFeed .timePosted .twitter-click {
        color: #33CBFF;
      }


.dark .socialFeed p{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.fb-page{
  margin:0 auto;
  display:block !important;
  max-width:500px;
}


.cc-ml-20{
  margin-left:5rem;
}


.cc-w-50{
  width:50px;
}


.iconShare.footer{
    fill: white;
  }


.thisShare.footer, .shareShare.footer, .pageShare.footer {
    color: white;
  }


.iconF:hover path {
      fill: #1877F1;
    }


.iconT:hover path {
      fill: #1DA0F1;
    }


.iconI:hover path {
      fill: #0077B5;
    }


.iconP:hover path {
      fill: #bd081c;
    }


.iconW:hover path {
      fill: #25d366;
    }


.iconE:hover path {
      fill: #ff0000;
    }


.slick-arrow{
  margin-left: 7px;
}


.cc-slick-arrow{
  width: 32px;
  height: 32px;
}


.cc-slick-arrow svg{
    width:8px;
    height:15px;
  }


@media (min-width:640px) {


.cc-slick-arrow{
    width: 32px;
    height: 54px
}
  }


.cc-slick-arrow{
  z-index: 1;

  display: flex !important;
  justify-content: center !important;
  align-content: center !important;
  align-items: center !important;
  position: absolute !important;
}


/* @media (min-width:1024px) {
    width: 32px;
    height: 114px;
    svg{
      width:12px;
      height:19px;
    }
  } */


.cc-slick-arrow svg path{
  fill:currentColor;
}


.cc-next-arrow{
  left:0;
  bottom:-37px;
}


@media (min-width:640px) {


.cc-next-arrow{

    left: -35px;
    bottom:auto;
    top: 0
}
  }


.cc-prev-arrow{
  left:38px;
  bottom:-37px;
  /*@media (min-width:1024px) {
    top:116px;
  } */

}


@media (min-width:640px) {


.cc-prev-arrow{
    left: -35px;
    bottom:auto;
    top: 56px

}
  }


.cc-main-dots{
  position: absolute;
  top:-35px;
  left:5px;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}


.cc-main-dots li{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
  }


.cc-main-dots li button{
      font-size: 0;
      line-height: 0;
      display: block;
      width: 12px;
      background:transparent;
      border-radius: 50%;
      height: 12px;
      padding: 0;
      cursor: pointer;
      color: transparent;
      //border-width: 2px;
      border: #999999 solid 2px;
      outline: none;
      text-align: center;
    }


.cc-main-dots li.slick-active button:before {
          border-radius: 50%;
          content: "";
          position: absolute;
          width: 12px;
          height: 12px;
          background: #999999;
          top: 0;
          left: 0;

        }


.cc-light-dots{
  top: -45px;
  left:0;
}


@media (min-width:640px) {


.cc-light-dots{

  left: -35px
}
}


.cc-light-dots li button{
  border-width:2px;
}


.cc-light-dots li button{
  --tw-border-opacity:1;
  border-color:rgba(72, 72, 72, var(--tw-border-opacity));
}


.cc-light-dots li button:hover{
  --tw-border-opacity:1;
  border-color:rgba(102, 102, 102, var(--tw-border-opacity));
}


.cc-light-dots li button:hover{
  --tw-bg-opacity:1;
  background-color:rgba(102, 102, 102, var(--tw-bg-opacity));
}


.cc-light-dots li.slick-active button:before{
  --tw-bg-opacity:1;
  background-color:rgba(72, 72, 72, var(--tw-bg-opacity));
}


.cc-light-dots li.slick-active button:before:hover{
  --tw-bg-opacity:1;
  background-color:rgba(102, 102, 102, var(--tw-bg-opacity));
}


.cc-square:after{
    content:"";
    padding-bottom:100%;
    display:block;
  }


.masonry-with-columns {
  -moz-columns: 6 200px;
       columns: 6 200px;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}


.masonry-with-columns div {
    width: 150px;
    margin: 0 1rem 0 0;
    display: inline-block;
    width: 100%;

  }


.masonry-with-columns{
  @for $i from 1 through 36 {
    div:nth-child(#{$i}) {
    $h: (random(400) + 100) + px;
      height: $h;
      line-height: $h;
    }
  }
}


.parent:hover .parent-hover\:text-blue {
  color: blue;
}


.imgBlockSlider.slick-initialized img{
  max-height:164px;
}


@media (min-width: 768px){


  .imgBlockSlider.slick-initialized img{
    max-height:325px;
  }
}


@media (min-width: 1024px){


  .imgBlockSlider.slick-initialized img{
    max-height:350px;
  }
}


@media (min-width: 1280px){


  .imgBlockSlider.slick-initialized img{
    max-height:400px;
  }
}


.cc-shop-arrow{
  width: 32px;
  height: 32px;
}


.cc-shop-arrow svg{
    width:8px;
    height:15px;
  }


.cc-shop-arrow{


  z-index: 1;

  display: flex !important;
  justify-content: center !important;
  align-content: center !important;
  align-items: center !important;
  position: absolute !important;
}


.cc-shop-arrow svg path{
  fill:currentColor;
}


.cc-shop-arrow svg path{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.shop-next{
  left:-3px;
  bottom:-37px;
}


@media (min-width:640px) {


.shop-next{

    left: -38px;
    bottom:auto;
    top: 50%;
    margin-top: -33px
}
  }


.shop-prev{
  left:35px;
  bottom:-37px;

}


@media (min-width:640px) {


.shop-prev{
    left: -38px;
    bottom:50%;
    margin-bottom: -32px

}
  }


.ccfilmstrip .slick-cloned:last-child{
      width:0 !important;
    }


.close-button{
  width:32px;
  border:none;
  cursor: pointer;
  height:32px;
}


@media (min-width:768px){


.close-button{
    height:44px;
    width:44px
}
  }


.close-button{

  border-radius: 50%;
  position: absolute;


  background:none;
}


.close-button.close-button--right{
    left:auto;
    top: 0;
    right:3px;
  }


@media (min-width:768px){


.close-button.close-button--right{
      top: -6px;
      right:0
  }
    }


.close-button:focus{
    outline:none;
  }


.close-button{
  z-index: 5;
  --tw-bg-opacity:1;
  background-color:rgba(72, 72, 72, var(--tw-bg-opacity));
}


.close-button svg{
    position: absolute;

    top: 14px;
    left: 14px;
  }


.close-button svg path{
      fill:white;
    }


@media (max-width:767px){


.close-button svg{
      top: 8px;
      left: 11px;
      width: 10px
  }
    }


.close-button:hover{
  --tw-bg-opacity:1;
  background-color:rgba(102, 102, 102, var(--tw-bg-opacity));
}


.anim-button {
  transition: transform 4s cubic-bezier(.02, 1.23, .79, 1.08);
}


.nav-main li:last-child a{
  border-width:0px;
}


.nav-main li a{
      transition : border 1000ms, color 1000ms, background 300ms;
    }


.nav-small li:first-child a{
  border-width:0px;
}


.nav-small li a{
      transition : border 1000ms, color 1000ms, background 300ms;
    }


.navButton-over{
  transition : background 300ms !important;
}


.navButton-open{
  background:rgba(245,245,245,0.2) !important;
}


.nav-grip, .navAccordionGrip {
  transform: rotate(0deg);
  transition: .5s ease-in-out;
}


.nav-grip span, .navAccordionGrip span {

  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}


.nav-grip{
  position:relative;
}


.nav-grip span{
  position:absolute;
}


.nav-grip span{
  top:0.875rem;
}


.nav-grip span{
  left:0px;
}


.nav-grip span{
  display:block;
}


.nav-grip span{
  height:0.25rem;
}


.nav-grip span{
  width:25px;
}


.nav-grip span{
  --tw-bg-opacity:1;
  background-color:rgba(72, 72, 72, var(--tw-bg-opacity));
}


.nav-grip .dark span{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


@media (min-width: 640px){


  .nav-grip span{
    height:0.25rem;
  }
}


@media (min-width: 640px){


  .nav-grip span{
    width:33px;
  }
}


@media (min-width: 1280px){


  .nav-grip span{
    width:40px;
  }
}


/* Icon 3 */


.nav-grip span:nth-child(1){
  top:0px;
}


.nav-grip span:nth-child(2), .nav-grip span:nth-child(3){
  top:9px;
}


@media (min-width: 640px){


  .nav-grip span:nth-child(2), .nav-grip span:nth-child(3){
    top:12px;
  }
}


.nav-grip span:nth-child(4){
  top:18px;
}


@media (min-width: 640px){


  .nav-grip span:nth-child(4){
    top:24px;
  }
}


.navButton-open .nav-grip span{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.navButton-open .nav-grip span:nth-child(1) {
      top: 12px;
      width: 0%;
      left: 50%;
    }


.navButton-open .nav-grip span:nth-child(2) {
      transform: rotate(45deg);
    }


.navButton-open .nav-grip span:nth-child(3) {
      transform: rotate(-45deg);
    }


.navButton-open .nav-grip span:nth-child(4) {
      top: 12px;
      width: 0%;
      left: 50%;
    }


@media (min-width:640px) {


.ropewalk-nav{
    background: url("../templateImages/ropewalk.jpg") center / cover no-repeat
}
  }


/*.nav-link {
  .nav-underline {
    @apply absolute h-[1px] bottom-[6px] left-0 right-0;


    &:after {
      content:"";
      transition: width 0.75s cubic-bezier(0.19, 1, 0.22, 1);
      @apply absolute left-0 w-0 h-[1px];
    }
  }
  &:hover{
    .nav-underline {
      &:after {
        @apply w-full;
      }
    }
  }
} */


/*.nav-underline {


      &:after {
        @apply bg-blue-vivid;
      }
    }*/


.blueTheme .nav-link:hover{
  --tw-text-opacity:1;
  color:rgba(0, 255, 255, var(--tw-text-opacity));
}


/*.nav-underline {

      &:after {
        @apply bg-pink-vivid;
      }
    } */


.pinkTheme .nav-link:hover{
  --tw-text-opacity:1;
  color:rgba(255, 53, 177, var(--tw-text-opacity));
}


.nav-link:hover{
    background:rgba(0,0,0,0.3);
  }


@media (min-width: 768px){


  .nav-link:hover{
    border-radius:9999px;
  }
}


.navPanel{
  transition: max-height 0.2s ease-out;
}


@media (max-width:767px) {


.nav-acc{
    background:rgba(245,245,245,0.2) !important;
    padding:20px;
    margin-bottom:10px
}
  }


.navAccordionGrip{
  position:relative;
}


.navAccordionGrip span{
  position:absolute;
}


.navAccordionGrip span{
  left:0px;
}


.navAccordionGrip span{
  display:block;
}


.navAccordionGrip span{
  height:3px;
}


.navAccordionGrip span{
  width:17px;
}


.navAccordionGrip span{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.navAccordionGrip .dark span{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


/* Icon 3 */


.navAccordionGrip span:nth-child(1){
  top:0px;
}


.navAccordionGrip span:nth-child(2), .navAccordionGrip span:nth-child(3){
  top:7px;
}


.navAccordionGrip span:nth-child(4){
  top:14px;
}


.navAccordion.active .navAccordionGrip span{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.navAccordion.active .navAccordionGrip span:nth-child(1) {
      top: 7px;
      width: 0%;
      left: 50%;
    }


.navAccordion.active .navAccordionGrip span:nth-child(2) {
      transform: rotate(45deg);
    }


.navAccordion.active .navAccordionGrip span:nth-child(3) {
      transform: rotate(-45deg);
    }


.navAccordion.active .navAccordionGrip span:nth-child(4) {
      top: 7px;
      width: 0%;
      left: 50%;
    }


.nav-switch li a span{
        border-bottom: transparent solid 5px;
      }


.nav-switch li a:hover span{
          border-bottom: white  solid 5px;
        }


.nav-switch li a.active{
  font-weight:600;
}


.nav-switch li a.active span{
          border-bottom: white solid 5px;
        }


.nav-current{
  background:rgba(0,0,0,0.2) !important;
  color:grey;
}


.blueTheme{
  --tw-bg-opacity:1;
  background-color:rgba(35, 45, 62, var(--tw-bg-opacity));
}


.blueTheme .navNewsletter{
  --tw-bg-opacity:1;
  background-color:rgba(95, 26, 55, var(--tw-bg-opacity));
}


.pinkTheme{
  --tw-bg-opacity:1;
  background-color:rgba(95, 26, 55, var(--tw-bg-opacity));
}


.pinkTheme .navNewsletter{
  --tw-bg-opacity:1;
  background-color:rgba(35, 45, 62, var(--tw-bg-opacity));
}


.signup{
  margin-bottom:25px;
  max-width:850px;
}


.signup .full{
    width:100%;
    margin-bottom:15px;
  }


.signup .half{
    width:100%;
    margin-bottom: 15px;
  }


@media (min-width:768px) {


.signup .half{
      width: 50%
  }
    }


@media (min-width:768px) {


.signup .halfWrapper{
      display: flex;
      flex-direction: row
  }
    }


.signup .input{
    width:100%;
    padding:20px 15px;
  }


.signup .input{
  border-width:1px;
}


.signup .input{
  --tw-border-opacity:1;
  border-color:rgba(0, 0, 0, var(--tw-border-opacity));
}


@media (min-width:768px) {


.signup .fname{
      padding-right: 8px
  }
    }


@media (min-width:768px) {


.signup .lname{
      padding-left: 8px
  }
    }


.signup-choices{

  margin-left:0 !important;
  list-style-type: none !important;
  font-size:14px !important;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr))
}


@media (min-width: 768px){


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


@media (min-width: 1024px){


  .signup-choices{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }
}


.signup-choices li{
    padding-left:0 !important;
  }


/* The checker */


.checker {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */


.checker input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */


.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  --tw-bg-opacity:1;
  background-color:rgba(243, 244, 246, var(--tw-bg-opacity));
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;

}


.checkmark:hover{
  transition-duration:200ms;
}


.dark .checkmark{
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


/* On mouse-over, add a grey background color */


.checker:hover input ~ .checkmark{
  --tw-bg-opacity:1;
  background-color:rgba(229, 231, 235, var(--tw-bg-opacity));
}


.dark .checker:hover input ~ .checkmark{
  --tw-bg-opacity:1;
  background-color:rgba(76, 76, 76, var(--tw-bg-opacity));
}


/* When the checkbox is checked, add a blue background */


.checker input:checked ~ .checkmark{
  --tw-bg-opacity:1;
  background-color:rgba(59, 130, 246, var(--tw-bg-opacity));
}


.checkerbg input:checked ~ .checkmark{
  --tw-border-opacity:1;
  border-color:rgba(59, 130, 246, var(--tw-border-opacity));
}


/* Create the checkmark/indicator (hidden when not checked) */


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  box-sizing: unset;
}


/* Show the checkmark when checked */


.checker input:checked ~ .checkmark:after {
  display: block;
}


/* Style the checkmark/indicator */


.checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}


.checker.right{
    padding-left: 0;
    padding-right: 35px;
    text-align:right;
  }


.checker.right .checkmark{
      left:auto;
      right:0;
    }


.checker.right .checkmark:after {
        left: auto;
        right: 9px;
      }


/* The radioer */


.radioer {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */


.radioer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create a custom checkbox */


.radiomark {
  position: absolute;

  height: 20px;
  width: 20px;
  border-radius:50%;
  --tw-bg-opacity:1;
  background-color:rgba(243, 244, 246, var(--tw-bg-opacity));
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms
}


.radiomark:hover{
  transition-duration:200ms;
}


.dark .radiomark{
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


.radiomark.darker{
  --tw-bg-opacity:1;
  background-color:rgba(209, 213, 219, var(--tw-bg-opacity));
}


.dark .radiomark.darker{
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


/* On mouse-over, add a grey background color */


.radioer:hover input ~ .radiomark{
  --tw-bg-opacity:1;
  background-color:rgba(229, 231, 235, var(--tw-bg-opacity));
}


.dark .radioer:hover input ~ .radiomark{
  --tw-bg-opacity:1;
  background-color:rgba(76, 76, 76, var(--tw-bg-opacity));
}


/* When the checkbox is checked, add a blue background */


.radioer input:checked ~ .radiomark{
  --tw-bg-opacity:1;
  background-color:rgba(59, 130, 246, var(--tw-bg-opacity));
}


/* Create the checkmark/indicator (hidden when not checked) */


.radiomark:after {
  content: "";
  position: absolute;
  display: none;
  box-sizing: unset;
}


/* Show the checkmark when checked */


.radioer input:checked ~ .radiomark:after {
  display: block;
}


/* Style the checkmark/indicator */


.radiomark:after {
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius:50%;
  background:white;
}


.radioer.right{
    padding-left: 0;
    padding-right: 35px;
    text-align:right;
  }


.radioer.right .radiomark{
      left:auto;
      right:0;
    }


.radioer.right .radiomark:after {
        left: auto;
        right: 9px;
      }


.video {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}


.video-responsive{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}


.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  --tw-bg-opacity:1;
  background-color:rgba(42, 42, 42, var(--tw-bg-opacity));
}


.cc-cartstyles label, .cc-cartstyles h1, .cc-cartstyles h2, .cc-cartstyles h5, .cc-cartstyles legend{
  letter-spacing:0.025em;
}


.cc-cartstyles label, .cc-cartstyles h1, .cc-cartstyles h2, .cc-cartstyles h5, .cc-cartstyles legend{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.cc-cartstyles label, .cc-cartstyles h1, .cc-cartstyles h2, .cc-cartstyles h5, .cc-cartstyles legend{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}


.cc-cartstyles label, .cc-cartstyles h1, .cc-cartstyles h2, .cc-cartstyles h5, .cc-cartstyles legend{
  transition-duration:2000ms;
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  width:100%;
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  border-width:1px;
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  --tw-border-opacity:1;
  border-color:rgba(209, 213, 219, var(--tw-border-opacity));
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  letter-spacing:0.025em;
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}


.cc-cartstyles input, .cc-cartstyles textarea, .cc-cartstyles select{
  transition-duration:2000ms;
}


.cc-cartstyles input:hover, .cc-cartstyles textarea:hover, .cc-cartstyles select:hover{
  --tw-border-opacity:1;
  border-color:rgba(107, 114, 128, var(--tw-border-opacity));
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  margin-bottom:1.25rem;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  width:100%;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  transform:var(--tw-transform);
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  border-radius:0.25rem;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  border-width:1px;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  --tw-border-opacity:1;
  border-color:rgba(209, 213, 219, var(--tw-border-opacity));
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  padding-left:1rem;
  padding-right:1rem;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  line-height:1.25;
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.cc-cartstyles .card-holder-first-name, .cc-cartstyles .card-holder-last-name, .cc-cartstyles .card-number, .cc-cartstyles .card-expiry, .cc-cartstyles .card-cvc{
  transition-duration:2000ms;
}


.cc-cartstyles .card-holder-first-name:hover,.cc-cartstyles .card-holder-last-name:hover,.cc-cartstyles .card-number:hover,.cc-cartstyles .card-expiry:hover,.cc-cartstyles .card-cvc:hover{
  --tw-border-opacity:1;
  border-color:rgba(107, 114, 128, var(--tw-border-opacity));
}


.dark .cc-cartstyles label, .dark .cc-cartstyles h1, .dark .cc-cartstyles h2, .dark .cc-cartstyles h5, .dark .cc-cartstyles legend{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .cc-cartstyles input, .dark .cc-cartstyles textarea, .dark .cc-cartstyles select{
  --tw-border-opacity:1;
  border-color:rgba(76, 76, 76, var(--tw-border-opacity));
}


.dark .cc-cartstyles input, .dark .cc-cartstyles textarea, .dark .cc-cartstyles select{
  --tw-bg-opacity:1;
  background-color:rgba(44, 44, 44, var(--tw-bg-opacity));
}


.dark .cc-cartstyles input, .dark .cc-cartstyles textarea, .dark .cc-cartstyles select{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .cc-cartstyles input:hover, .dark .cc-cartstyles textarea:hover, .dark .cc-cartstyles select:hover{
  --tw-border-opacity:1;
  border-color:rgba(92, 92, 92, var(--tw-border-opacity));
}


.dark .cc-cartstyles .card-holder-first-name, .dark .cc-cartstyles .card-holder-last-name, .dark .cc-cartstyles .card-number, .dark .cc-cartstyles .card-expiry, .dark .cc-cartstyles .card-cvc{
  --tw-border-opacity:1;
  border-color:rgba(76, 76, 76, var(--tw-border-opacity));
}


.dark .cc-cartstyles .card-holder-first-name, .dark .cc-cartstyles .card-holder-last-name, .dark .cc-cartstyles .card-number, .dark .cc-cartstyles .card-expiry, .dark .cc-cartstyles .card-cvc{
  --tw-bg-opacity:1;
  background-color:rgba(44, 44, 44, var(--tw-bg-opacity));
}


.dark .cc-cartstyles .card-holder-first-name, .dark .cc-cartstyles .card-holder-last-name, .dark .cc-cartstyles .card-number, .dark .cc-cartstyles .card-expiry, .dark .cc-cartstyles .card-cvc{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .cc-cartstyles .card-holder-first-name:hover,.dark .cc-cartstyles .card-holder-last-name:hover,.dark .cc-cartstyles .card-number:hover,.dark .cc-cartstyles .card-expiry:hover,.dark .cc-cartstyles .card-cvc:hover{
  --tw-border-opacity:1;
  border-color:rgba(92, 92, 92, var(--tw-border-opacity));
}


.black-button {
  border: none;
  text-align: center;
  transition: all 0.5s;
  display: inline-block;
  position: relative;
}


.black-button .afterIcon {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    right: -20px;
  }


.black-button .beforeIcon{
    transition: all 0.5s;
  }


.black-button:hover{
    padding-right: 52px;
  }


.black-button:hover .afterIcon {
      opacity: 1;
      right:18px;
    }


.black-button:hover .beforeIcon{
      opacity:0;
      top:-20px;
    }


.work-thumb rect {
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear;
  }


.work-thumb a:hover {

    letter-spacing: 1px;

  }


.work-thumb a:hover rect {

      stroke-dasharray: 0, 310;
      stroke-dashoffset: 48;
      transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    }


.date-btn-sml{
  margin-bottom:0.25rem;
  margin-right:0.25rem;
  display:inline-block;
  border-radius:0.25rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(249, 250, 251, var(--tw-bg-opacity));
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  padding-left:0.375rem;
  padding-right:0.375rem;
  font-size:0.875rem;
  line-height:1.25rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(156, 163, 175, var(--tw-text-opacity));
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;
}


.date-btn-sml:hover{
  --tw-border-opacity:1;
  border-color:rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.dark .date-btn-sml{
  --tw-border-opacity:1;
  border-color:rgba(85, 85, 85, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


.dark .date-btn-sml:hover{
  --tw-border-opacity:1;
  border-color:rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(70, 70, 70, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.date-btn-nano{
  margin-bottom:0.25rem;
  margin-right:0.25rem;
  display:inline-block;
  border-radius:0.25rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(209, 213, 219, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(249, 250, 251, var(--tw-bg-opacity));
  padding-top:0.125rem;
  padding-bottom:0.125rem;
  padding-left:0.375rem;
  padding-right:0.375rem;
  font-size:0.75rem;
  line-height:1rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(156, 163, 175, var(--tw-text-opacity));
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;
}


.date-btn-nano:hover{
  --tw-border-opacity:1;
  border-color:rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.dark .date-btn-nano{
  --tw-border-opacity:1;
  border-color:rgba(85, 85, 85, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


.dark .date-btn-nano:hover{
  --tw-border-opacity:1;
  border-color:rgba(255, 255, 255, var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgba(70, 70, 70, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.btn{
  display:inline-block;
  border-radius:0.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .btn{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.btn i{
  margin-left:0.5rem;
}


.btn i{
  font-size:20px;
}


.btn-raw, .cc-btn{
  display:inline-block;
  border-radius:0.25rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.btn-raw i,.cc-btn i{
  margin-left:0.5rem;
}


.btn-raw i,.cc-btn i{
  font-size:20px;
}


.btn-sml{
  display:inline-block;
  border-radius:0.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .btn-sml{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.btn-sml i{
  margin-left:0.5rem;
}


.btn-sml i{
  font-size:20px;
}


.btn-sml-raw{
  display:inline-block;
  border-radius:0.25rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-size:14px;
}


.btn-sml-raw i{
  margin-left:0.5rem;
}


.btn-sml-raw i{
  font-size:20px;
}


.exhibitions .border-black{
    border:none;
  }


.alt-bkg-grey:nth-child(odd){
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:2000ms;
}


.dark .alt-bkg-grey:nth-child(odd){
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
}


.homeShopSlider .slick-track
  {
    display: flex !important;
  }


.homeShopSlider .slick-slide
  {
    height: inherit !important;
  }


.cc-diagonal{
  -webkit-clip-path: polygon(0% 0%, 100% 100px, 100% 100%, 0 calc(100% - 100px));
          clip-path: polygon(0% 0%, 100% 100px, 100% 100%, 0 calc(100% - 100px));
}


@media (min-width: 768px) {


.cc-diagonal{

    -webkit-clip-path: polygon(0% 0%, 100% 200px, 100% 100%, 0 calc(100% - 200px));

            clip-path: polygon(0% 0%, 100% 200px, 100% 100%, 0 calc(100% - 200px))
}

  }


.cc-diagonal-flat-bottom{
  -webkit-clip-path: polygon(0% 0%, 100% 100px, 100% 100%, 0 100%);
          clip-path: polygon(0% 0%, 100% 100px, 100% 100%, 0 100%);
}


@media (min-width: 768px) {


.cc-diagonal-flat-bottom{

    -webkit-clip-path: polygon(0% 0%, 100% 200px, 100% 100%, 0 100%);

            clip-path: polygon(0% 0%, 100% 200px, 100% 100%, 0 100%)
}

  }


.cc-diagonal-reverse{
  -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% calc(100% - 100px), 0 100%);
          clip-path: polygon(0% 100px, 100% 0%, 100% calc(100% - 100px), 0 100%);
}


@media (min-width: 768px) {


.cc-diagonal-reverse{

    -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% calc(100% - 100px), 0 100%);

            clip-path: polygon(0% 100px, 100% 0%, 100% calc(100% - 100px), 0 100%)
}

  }


@media (min-width: 1024px) {


.cc-diagonal-reverse{

    -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% calc(100% - 100px), 0 100%);

            clip-path: polygon(0% 100px, 100% 0%, 100% calc(100% - 100px), 0 100%)
}

  }


@media (min-width: 1280px) {


.cc-diagonal-reverse{

    -webkit-clip-path: polygon(0% 200px, 100% 0%, 100% calc(100% - 200px), 0 100%);

            clip-path: polygon(0% 200px, 100% 0%, 100% calc(100% - 200px), 0 100%)
}

  }


.cc-diagonal-reverse-flat-bottom{
  -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0 100%);
          clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0 100%);
}


@media (min-width: 768px) {


.cc-diagonal-reverse-flat-bottom{

    -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0 100%);

            clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0 100%)
}

  }


@media (min-width: 1024px) {


.cc-diagonal-reverse-flat-bottom{

    -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0 100%);

            clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0 100%)
}

  }


@media (min-width: 1280px) {


.cc-diagonal-reverse-flat-bottom{

    -webkit-clip-path: polygon(0% 200px, 100% 0%, 100% 100%, 0 100%);

            clip-path: polygon(0% 200px, 100% 0%, 100% 100%, 0 100%)
}

  }


.cc-diagonal-pics{
  -webkit-clip-path: polygon(0% 100px, 100% 0, 100% calc(100% - 100px), 0 100%);
          clip-path: polygon(0% 100px, 100% 0, 100% calc(100% - 100px), 0 100%);
}


@media (min-width: 768px) {


.cc-diagonal-pics{
    -webkit-clip-path: polygon(0% 180px, 100% 0, 100% calc(100% - 180px), 0 100%);
            clip-path: polygon(0% 180px, 100% 0, 100% calc(100% - 180px), 0 100%)
}
  }


@media (min-width: 1280px) {


.cc-diagonal-pics{
    -webkit-clip-path: polygon(0% 230px, 100% 0, 100% calc(100% - 230px), 0 100%);
            clip-path: polygon(0% 230px, 100% 0, 100% calc(100% - 230px), 0 100%)
}
  }


.cc-diagonal-pics .col{
    background-size: cover;
    background-position: center;
  }


.modContent a{
  font-weight:700;
}


.modContent a{
  --tw-text-opacity:1;
  color:rgba(161, 30, 92, var(--tw-text-opacity));
}


.modContent a:hover{
      text-decoration: underline;
    }


@media (min-width: 640px) {


.exhibition-events .vShareAdjust,.news .vShareAdjust{
      margin-top: 100px
  }
    }


@media (max-width: 639px) {


.exhibition-events .vShareAdjust2,.news .vShareAdjust2{
      height: 30px !important
  }
      .exhibition-events .vShareAdjust2 .shareShare, .exhibition-events .vShareAdjust2 .thisShare, .exhibition-events .vShareAdjust2 .pageShare, .news .vShareAdjust2 .shareShare, .news .vShareAdjust2 .thisShare, .news .vShareAdjust2 .pageShare{
        display:none;
      }
    }


.test{
  position:absolute;
}


.cc-bg-grey{
  background: #1D1D1B;
}


.sideways-lr {
  -ms-writing-mode: sideways-lr;
      writing-mode: sideways-lr;
}


.vertical-lr {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}


.breakpointUtil:after{
    content:"xs";
    background:red;
    color:white;
    font-size:12px;
    padding:5px;
  }


@media (min-width: 640px) {


.breakpointUtil:after{
      content:"sm"
  }
    }


@media (min-width: 768px) {


.breakpointUtil:after{
      content:"md"
  }
    }


@media (min-width: 1024px) {


.breakpointUtil:after{
      content:"lg"
  }
    }


@media (min-width: 1280px) {


.breakpointUtil:after{
      content:"xl"
  }
    }


@media (min-width: 1536px) {


.breakpointUtil:after{
      content:"xxl"
  }
    }


.bg-f5{
  background:#f5f5f5;
}


.outline-0:focus {
    outline: none;
  }


.black-svg img {
    filter: brightness(0%);
  }


.black-svg:hover img{
      filter: brightness(100%);
    }


.ccnone{
  display: none !important;
}


:root {
  --rightOuterXL: 50px;
  --leftOuterXL: 120px;
  --leftInnerXL: 160px;
  --rightInnerXL: 160px;

  --rightOuterLG: 40px;
  --leftOuterLG: 100px;
  --leftInnerLG: 140px;
  --rightInnerLG: 140px;

  --rightOuterMD: 40px;
  --leftOuterMD: 100px;
  --leftInnerMD: 140px;
  --rightInnerMD: 140px;

  --rightOuterSM: 40px;
  --leftOuterSM: 100px;
  --leftInnerSM: 140px;
  --rightInnerSM: 140px;

  --rightOuter: 30px;
  --leftOuter: 50px;
  --leftInner: 60px;
  --rightInner: 30px;
}


.ml-inner-xxs{
    margin-left: var(--rightOuter);
}


@media (min-width: 375px) {


.ml-inner-xs{
    margin-left: var(--leftInner)
}
  }


.ml-outer-xs{
  margin-left:var(--leftOuter);
}


@media (min-width: 640px) {


.ml-inner-sm{
    margin-left: var(--leftInnerSM)
}
  }


@media (min-width: 640px) {


.ml-outer-sm{
    margin-left: var(--leftOuterSM)
}
  }


@media (min-width: 768px) {


.ml-inner-md{
    margin-left: var(--leftInnerMD)
}
  }


@media (min-width: 768px) {


.ml-outer-md{
    margin-left: var(--leftOuterMD)
}
  }


@media (min-width: 1024px) {


.ml-inner-lg{
    margin-left: var(--leftInnerLG)
}
  }


@media (min-width: 1024px) {


.ml-outer-lg{
    margin-left: var(--leftOuterLG)
}
  }


@media (min-width: 1280px) {


.ml-inner-xl{
    margin-left: var(--leftInnerXL)
}
  }


@media (min-width: 1280px) {


.ml-outer-xl{
    margin-left: var(--leftOuterXL)
}
  }


.mr-inner-xs{
  margin-right:var(--rightInner);
}


.mr-outer-xs{
  margin-right:var(--rightOuter);
}


@media (min-width: 640px) {


.mr-inner-sm{
    margin-right: var(--rightInnerSM)
}
  }


@media (min-width: 640px) {


.mr-outer-sm{
    margin-right: var(--rightOuterSM)
}
  }


@media (min-width: 768px) {


.mr-inner-md{
    margin-right: var(--rightInnerMD)
}
  }


@media (min-width: 768px) {


.mr-outer-md{
    margin-right: var(--rightOuterMD)
}
  }


@media (min-width: 1024px) {


.mr-inner-lg{
    margin-right: var(--rightInnerLG)
}
  }


@media (min-width: 1024px) {


.mr-outer-lg{
    margin-right: var(--rightOuterLG)
}
  }


@media (min-width: 1280px) {


.mr-inner-xl{
    margin-right: var(--rightInnerXL)
}
  }


@media (min-width: 1280px) {


.mr-outer-xl{
    margin-right: var(--rightOuterXL)
}
  }


@media (min-width: 1536px) {


.mr-inner-xxl{
    margin-right: var(--leftOuterXL) /*same as nav button, just looks better*/
}
  }


@media (min-width: 1536px) {


.mr-outer-xxl{
    margin-right: var(--rightOuterXL)
}
  }


.mr-outer{

  margin-right:var(--rightOuter);
}


@media (min-width: 640px) {


.mr-outer{

    margin-right:var(--rightOuterSM)
}

  }


@media (min-width: 768px) {


.mr-outer{

    margin-right:var(--rightOuterMD)
}

  }


@media (min-width: 1280px) {


.mr-outer{

    margin-right:var(--rightOuterXL)
}

  }


@media (min-width: 1536px) {

  }


.ml-inner{

  margin-left:var(--rightInner);
}


@media (min-width: 375px) {


.ml-inner{

    margin-left:var(--leftInner)
}

  }


@media (min-width: 640px) {


.ml-inner{

    margin-left:var(--leftInnerSM)
}

  }


@media (min-width: 768px) {


.ml-inner{

    margin-left:var(--leftInnerMD)
}

  }


@media (min-width: 1280px) {


.ml-inner{

    margin-left:var(--leftInnerXL)
}

  }


@media (min-width: 1536px) {

  }


.ml-inner-nav{

  margin-left:var(--rightInner);
}


@media (min-width: 375px) {


.ml-inner-nav{

    margin-left:var(--leftInner)
}

  }


@media (min-width: 640px) {


.ml-inner-nav{

    margin-left:var(--leftInnerSM)
}

  }


@media (min-width: 768px) {


.ml-inner-nav{

    margin-left:calc(var(--leftInnerMD) - 10px)
}

  }


@media (min-width: 1280px) {


.ml-inner-nav{

    margin-left:calc(var(--leftInnerXL) - 10px)
}

  }


@media (min-width: 1536px) {

  }


.ml-in{
  margin-left:var(--leftInner);
}


@media (min-width: 640px) {


.sm\:ml-in{

    margin-left:var(--leftInnerSM)
}

  }


@media (min-width: 768px) {


.md\:ml-in{

    margin-left:var(--leftInnerMD)
}

  }


@media (min-width: 1280px) {


.xl\:ml-in{

    margin-left:var(--leftInnerXL)
}

  }


.ml-outer{

  margin-left:var(--leftOuter);
}


@media (min-width: 640px) {


.ml-outer{

    margin-left:var(--leftOuterSM)
}

  }


@media (min-width: 768px) {


.ml-outer{

    margin-left:var(--leftOuterMD)
}

  }


@media (min-width: 1280px) {


.ml-outer{

    margin-left:var(--leftOuterXL)
}

  }


@media (min-width: 1536px) {

  }


.mx-l-inner-r-outer{

  margin-left:var(--leftInner);
  margin-right:var(--rightOuter);
}


@media (min-width: 640px) {


.mx-l-inner-r-outer{

    margin-left:var(--leftInnerSM);
    margin-right:var(--rightOuterSM)
}

  }


@media (min-width: 768px) {


.mx-l-inner-r-outer{

    margin-left:var(--leftInnerMD);
    margin-right:var(--rightOuterMD)
}

  }


@media (min-width: 1280px) {


.mx-l-inner-r-outer{

    margin-left:var(--leftInnerXL);
    margin-right:var(--rightOuterXL)
}

  }


@media (min-width: 1536px) {

  }


.mx-l-inner-r-2x-inner{

  margin-left:var(--rightInner);
  margin-right:var(--rightInner);
}


@media (min-width: 375px) {


.mx-l-inner-r-2x-inner{

    margin-left:var(--leftInner);
    margin-right:var(--rightInner)
}
  }


@media (min-width: 640px) {


.mx-l-inner-r-2x-inner{

    margin-left:var(--leftInnerSM);
    margin-right:var(--rightInnerSM)
}
  }


@media (min-width: 768px) {


.mx-l-inner-r-2x-inner{

    margin-left:var(--leftInnerMD);
    margin-right:var(--rightInnerMD)
}

  }


@media (min-width: 1280px) {


.mx-l-inner-r-2x-inner{

    margin-left:var(--leftInnerXL);
    margin-right:calc(var(--rightInnerXL) *2)
}

  }


@media (min-width: 1536px) {

  }


.mx-inner{
  margin-left: var(--rightInner);
  margin-right: var(--rightInner);
}


@media (min-width: 375px) {


.mx-inner{
    margin-left: var(--leftInner);
    margin-right: var(--rightInner)
}
  }


@media (min-width: 640px) {


.mx-inner{

    margin-left:var(--leftInnerSM);
    margin-right:var(--rightInnerSM)
}

  }


@media (min-width: 768px) {


.mx-inner{

    margin-left:var(--leftInnerMD);
    margin-right:var(--rightInnerMD)
}

  }


@media (min-width: 1280px) {


.mx-inner{

    margin-left:var(--leftInnerXL);
    margin-right:var(--rightInnerXL)
}

  }


@media (min-width: 1536px) {

  }


.mr-inner{
  margin-right: var(--rightInner);
}


@media (min-width: 375px) {


.mr-inner{
    margin-right: var(--rightInner)
}
  }


@media (min-width: 640px) {


.mr-inner{

    margin-right:var(--rightInnerSM)
}

  }


@media (min-width: 768px) {


.mr-inner{

    margin-right:var(--rightInnerMD)
}

  }


@media (min-width: 1280px) {


.mr-inner{

    margin-right:var(--rightInnerXL)
}

  }


@media (min-width: 1536px) {

  }


.right-outer{

  right:var(--rightOuter);
}


@media (min-width: 640px) {


.right-outer{

    right:var(--rightOuterSM)
}

  }


@media (min-width: 768px) {


.right-outer{

    right:var(--rightOuterMD)
}

  }


@media (min-width: 1280px) {


.right-outer{

    right:var(--rightOuterXL)
}

  }


@media (min-width: 1536px) {

  }


.left-inner{

  left:var(--leftInner);
}


@media (min-width: 640px) {


.left-inner{

    left:var(--leftInnerSM)
}

  }


@media (min-width: 768px) {


.left-inner{

    left:var(--leftInnerMD)
}

  }


@media (min-width: 1280px) {


.left-inner{

    left:var(--leftInnerXL)
}

  }


@media (min-width: 1536px) {

  }


.left-outer{

  left:var(--leftOuter);
}


@media (min-width: 640px) {


.left-outer{

    left:var(--leftOuterSM)
}

  }


@media (min-width: 768px) {


.left-outer{

    left:var(--leftOuterMD)
}

  }


@media (min-width: 1280px) {


.left-outer{

    left:var(--leftOuterXL)
}

  }


@media (min-width: 1536px) {

  }


.right-outer-minus-12{

  right:calc(var(--rightOuter) - 12px);
}


@media (min-width: 640px) {


.right-outer-minus-12{

    right:calc(var(--rightOuterSM) - 12px)
}

  }


@media (min-width: 768px) {


.right-outer-minus-12{

    right:calc(var(--rightOuterMD) - 12px)
}

  }


@media (min-width: 1280px) {


.right-outer-minus-12{

    right:calc(var(--rightOuterXL) - 12px)
}

  }


@media (min-width: 1536px) {

  }


.left-inner-minus-24{

  left:calc(var(--leftInner) - 24px);
}


@media (min-width: 640px) {


.left-inner-minus-24{

    left:calc(var(--leftInnerSM) - 24px)
}

  }


@media (min-width: 768px) {


.left-inner-minus-24{

    left:calc(var(--leftInnerMD) - 24px)
}

  }


@media (min-width: 1280px) {


.left-inner-minus-24{

    left:calc(var(--leftInnerXL) - 24px)
}

  }


@media (min-width: 1536px) {

  }


.w-outer-left-ALL{
  width:0;
}


@media (min-width: 375px) {


.w-outer-left-ALL{
    width: var(--leftOuter)
}
  }


@media (min-width: 640px) {


.w-outer-left-ALL{

    width:var(--leftOuterSM)
}

  }


@media (min-width: 768px) {


.w-outer-left-ALL{

    width:var(--leftOuterMD)
}

  }


@media (min-width: 1280px) {


.w-outer-left-ALL{

    width:var(--leftOuterXL)
}

  }


@media (min-width: 1536px) {

  }


.w-outer-left {

  width: var(--leftOuter);

}


@media (min-width: 640px) {


.w-outer-left-SM{

    width:var(--leftOuterSM)

}

  }


@media (min-width: 768px) {


.w-outer-left-MD{

    width:var(--leftOuterMD)

}

  }


@media (min-width: 1280px) {


.w-outer-left-XL{

    width:var(--leftOuterXL)

}

  }


.pl-diff{
  padding-left: calc(var(--leftInner) - var(--leftOuter));

}


@media (min-width: 375px) {


.pl-diff{
    padding-left: calc(var(--leftInner) - var(--leftOuter))

}
  }


@media (min-width: 640px) {


.pl-diff{

    padding-left: calc(var(--leftInnerSM) - var(--leftOuterSM))

}

  }


@media (min-width: 768px) {


.pl-diff{

    padding-left: calc(var(--leftInnerMD) - var(--leftOuterMD))

}

  }


@media (min-width: 1280px) {


.pl-diff{

    padding-left: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


.pt-diff{
  padding-top: calc(var(--leftInner) - var(--leftOuter));

}


@media (min-width: 375px) {


.pt-diff{
    padding-top: calc(var(--leftInner) - var(--leftOuter))

}
  }


@media (min-width: 640px) {


.pt-diff{

    padding-top: calc(var(--leftInnerSM) - var(--leftOuterSM))

}

  }


@media (min-width: 768px) {


.pt-diff{

    padding-top: calc(var(--leftInnerMD) - var(--leftOuterMD))

}

  }


@media (min-width: 1280px) {


.pt-diff{

    padding-top: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


.pr-equal-pl-diff{
  padding-right: calc(var(--leftInner) - var(--leftOuter));

}


@media (min-width: 375px) {


.pr-equal-pl-diff{
    padding-right: calc(var(--leftInner) - var(--leftOuter))

}
  }


@media (min-width: 640px) {


.pr-equal-pl-diff{

    padding-right: calc(var(--leftInnerSM) - var(--leftOuterSM))

}

  }


@media (min-width: 768px) {


.pr-equal-pl-diff{

    padding-right: calc(var(--leftInnerMD) - var(--leftOuterMD))

}

  }


@media (min-width: 1280px) {


.pr-equal-pl-diff{

    padding-right: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


.pl-diff-xs {
  padding-left: calc(var(--leftInner) - var(--leftOuter));
}


@media (min-width: 640px) {


.pl-diff-sm {

    padding-left: calc(var(--leftInnerSM) - var(--leftOuterSM))
}

  }


@media (min-width: 768px) {


.pl-diff-md {

    padding-left: calc(var(--leftInnerMD) - var(--leftOuterMD))
}

  }


@media (min-width: 1280px) {


.pl-diff-xl {

    padding-left: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


.pt-diff-xs {
  padding-top: calc(var(--leftInner) - var(--leftOuter));
}


@media (min-width: 640px) {


.pt-diff-sm {

    padding-top: calc(var(--leftInnerSM) - var(--leftOuterSM))
}

  }


@media (min-width: 768px) {


.pt-diff-md {

    padding-top: calc(var(--leftInnerMD) - var(--leftOuterMD))
}

  }


@media (min-width: 1280px) {


.pt-diff-xl {

    padding-top: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


.pr-diff-xs {
  padding-right: calc(var(--leftInner) - var(--leftOuter));
}


@media (min-width: 640px) {


.pr-diff-sm {

    padding-right: calc(var(--leftInnerSM) - var(--leftOuterSM))
}

  }


@media (min-width: 768px) {


.pr-diff-md {

    padding-right: calc(var(--leftInnerMD) - var(--leftOuterMD))
}

  }


@media (min-width: 1280px) {


.pr-diff-xl {

    padding-right: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


@media (min-width: 1536px) {


.pr-diff-xxl {

    padding-right: calc(var(--leftInnerXL) - var(--leftOuterXL))

}

  }


/*@import "tailwindcss/base";*/


/*@import "tailwindcss/components";*/


/*@import "tailwindcss/utilities";*/


/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com*/


/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */


/*
Document
========
*/


/**
Use a better box model (opinionated).
*/


*,
::before,
::after {
	box-sizing: border-box;
}


/**
Use a more readable tab size (opinionated).
*/


html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}


/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/


html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}


/*
Sections
========
*/


/**
Remove the margin in all browsers.
*/


body {
	margin: 0;
}


/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/


body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}


/*
Grouping content
================
*/


/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/


hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}


/*
Text-level semantics
====================
*/


/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/


abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}


/**
Add the correct font weight in Edge and Safari.
*/


b,
strong {
	font-weight: bolder;
}


/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/


code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}


/**
Add the correct font size in all browsers.
*/


small {
	font-size: 80%;
}


/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/


sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}


sub {
	bottom: -0.25em;
}


sup {
	top: -0.5em;
}


/*
Tabular data
============
*/


/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/


table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}


/*
Forms
=====
*/


/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/


button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}


/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/


button,
select { /* 1 */
	text-transform: none;
}


/**
Correct the inability to style clickable types in iOS and Safari.
*/


button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}


/**
Remove the inner border and padding in Firefox.
*/


::-moz-focus-inner {
	border-style: none;
	padding: 0;
}


/**
Restore the focus styles unset by the previous rule.
*/


:-moz-focusring {
	outline: 1px dotted ButtonText;
}


/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/


:-moz-ui-invalid {
	box-shadow: none;
}


/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/


legend {
	padding: 0;
}


/**
Add the correct vertical alignment in Chrome and Firefox.
*/


progress {
	vertical-align: baseline;
}


/**
Correct the cursor style of increment and decrement buttons in Safari.
*/


::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}


/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/


[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}


/**
Remove the inner padding in Chrome and Safari on macOS.
*/


::-webkit-search-decoration {
	-webkit-appearance: none;
}


/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/


::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}


/*
Interactive
===========
*/


/*
Add the correct display in Chrome and Safari.
*/


summary {
	display: list-item;
}


/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */


/**
 * Removes the default spacing and border for appropriate elements.
 */


blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}


button {
  background-color: transparent;
  background-image: none;
}


fieldset {
  margin: 0;
  padding: 0;
}


ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


/**
 * Tailwind custom reset styles
 */


/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */


html {
  font-family: ff-good-web-pro-narrow, sans-serif; /* 1 */
  line-height: 1.5; /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */


body {
  font-family: inherit;
  line-height: inherit;
}


/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */


*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}


/*
 * Ensure horizontal rules are visible by default
 */


hr {
  border-top-width: 1px;
}


/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */


img {
  border-style: solid;
}


textarea {
  resize: vertical;
}


input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}


input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}


input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}


button,
[role="button"] {
  cursor: pointer;
}


/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */


:-moz-focusring {
	outline: auto;
}


table {
  border-collapse: collapse;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}


/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */


a {
  color: inherit;
  text-decoration: inherit;
}


/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */


button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}


/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */


pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */


img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}


/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */


img,
video {
  max-width: 100%;
  height: auto;
}


/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */


[hidden] {
  display: none;
}


*, ::before, ::after{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity:1;
  border-color:rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-blur:var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness:var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast:var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale:var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);
  --tw-invert:var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate:var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia:var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);
  --tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}


.container{
  width:100%;
}


@media (min-width: 375px){


  .container{
    max-width:375px;
  }
}


@media (min-width: 640px){


  .container{
    max-width:640px;
  }
}


@media (min-width: 768px){


  .container{
    max-width:768px;
  }
}


@media (min-width: 1024px){


  .container{
    max-width:1024px;
  }
}


@media (min-width: 1280px){


  .container{
    max-width:1280px;
  }
}


@media (min-width: 1536px){


  .container{
    max-width:1536px;
  }
}


.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0;
}


.pointer-events-none{
  pointer-events:none;
}


.visible{
  visibility:visible;
}


.fixed{
  position:fixed;
}


.absolute{
  position:absolute;
}


.relative{
  position:relative;
}


.sticky{
  position:-webkit-sticky;
  position:sticky;
}


.inset-\[8px\]{
  top:8px;
  right:8px;
  bottom:8px;
  left:8px;
}


.inset-0{
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
}


.inset-\[18px\]{
  top:18px;
  right:18px;
  bottom:18px;
  left:18px;
}


.inset-y-0{
  top:0px;
  bottom:0px;
}


.left-\[3px\]{
  left:3px;
}


.right-\[3px\]{
  right:3px;
}


.bottom-\[3px\]{
  bottom:3px;
}


.top-\[3px\]{
  top:3px;
}


.right-0{
  right:0px;
}


.top-0{
  top:0px;
}


.top-\[40px\]{
  top:40px;
}


.left-0{
  left:0px;
}


.top-3\.5{
  top:0.875rem;
}


.top-3{
  top:0.75rem;
}


.top-\[23px\]{
  top:23px;
}


.top-\[32px\]{
  top:32px;
}


.left-auto{
  left:auto;
}


.right-\[30px\]{
  right:30px;
}


.right-auto{
  right:auto;
}


.top-\[20px\]{
  top:20px;
}


.bottom-0{
  bottom:0px;
}


.left-\[-30\%\]{
  left:-30%;
}


.right-\[20px\]{
  right:20px;
}


.left-\[5px\]{
  left:5px;
}


.right-\[5px\]{
  right:5px;
}


.bottom-\[5px\]{
  bottom:5px;
}


.top-\[5px\]{
  top:5px;
}


.bottom-\[-3px\]{
  bottom:-3px;
}


.left-\[-10px\]{
  left:-10px;
}


.left-\[-7px\]{
  left:-7px;
}


.left-\[0\.5rem\]{
  left:0.5rem;
}


.right-\[0\.5rem\]{
  right:0.5rem;
}


.top-\[50px\]{
  top:50px;
}


.top-\[30px\]{
  top:30px;
}


.top-\[120px\]{
  top:120px;
}


.top-\[100px\]{
  top:100px;
}


.top-5{
  top:1.25rem;
}


.top-2{
  top:0.5rem;
}


.bottom-\[10px\]{
  bottom:10px;
}


.left-\[18px\]{
  left:18px;
}


.top-\[515px\]{
  top:515px;
}


.top-\[150px\]{
  top:150px;
}


.top-\[70px\]{
  top:70px;
}


.left-\[-800px\]{
  left:-800px;
}


.right-\[-30px\]{
  right:-30px;
}


.right-\[-40px\]{
  right:-40px;
}


.top-\[6px\]{
  top:6px;
}


.top-\[2px\]{
  top:2px;
}


.left-\[2px\]{
  left:2px;
}


.right-\[2px\]{
  right:2px;
}


.bottom-\[2px\]{
  bottom:2px;
}


.right-\[40px\]{
  right:40px;
}


.top-\[10px\]{
  top:10px;
}


.right-\[10px\]{
  right:10px;
}


.right-\[17px\]{
  right:17px;
}


.right-2{
  right:0.5rem;
}


.top-\[9px\]{
  top:9px;
}


.top-\[18px\]{
  top:18px;
}


.bottom-\[6px\]{
  bottom:6px;
}


.top-\[7px\]{
  top:7px;
}


.top-\[14px\]{
  top:14px;
}


.z-10{
  z-index:10;
}


.z-50{
  z-index:50;
}


.z-\[101\]{
  z-index:101;
}


.z-\[39\]{
  z-index:39;
}


.z-\[100\]{
  z-index:100;
}


.z-0{
  z-index:0;
}


.col-span-2{
  grid-column:span 2 / span 2;
}


.col-span-4{
  grid-column:span 4 / span 4;
}


.col-span-5{
  grid-column:span 5 / span 5;
}


.col-span-3{
  grid-column:span 3 / span 3;
}


.col-span-12{
  grid-column:span 12 / span 12;
}


.col-span-1{
  grid-column:span 1 / span 1;
}


.float-right{
  float:right;
}


.float-left{
  float:left;
}


.clear-left{
  clear:left;
}


.m-auto{
  margin:auto;
}


.m-0{
  margin:0px;
}


.m-6{
  margin:1.5rem;
}


.mx-auto{
  margin-left:auto;
  margin-right:auto;
}


.mx-10{
  margin-left:2.5rem;
  margin-right:2.5rem;
}


.my-4{
  margin-top:1rem;
  margin-bottom:1rem;
}


.mx-\[-5px\]{
  margin-left:-5px;
  margin-right:-5px;
}


.my-\[40px\]{
  margin-top:40px;
  margin-bottom:40px;
}


.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem;
}


.mx-\[-8px\]{
  margin-left:-8px;
  margin-right:-8px;
}


.mx-\[-30px\]{
  margin-left:-30px;
  margin-right:-30px;
}


.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem;
}


.my-\[20px\]{
  margin-top:20px;
  margin-bottom:20px;
}


.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem;
}


.-mx-8{
  margin-left:-2rem;
  margin-right:-2rem;
}


.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}


.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem;
}


.-mx-2{
  margin-left:-0.5rem;
  margin-right:-0.5rem;
}


.-mx-3{
  margin-left:-0.75rem;
  margin-right:-0.75rem;
}


.-mx-6{
  margin-left:-1.5rem;
  margin-right:-1.5rem;
}


.mx-6{
  margin-left:1.5rem;
  margin-right:1.5rem;
}


.my-8{
  margin-top:2rem;
  margin-bottom:2rem;
}


.-mx-4{
  margin-left:-1rem;
  margin-right:-1rem;
}


.mx-4{
  margin-left:1rem;
  margin-right:1rem;
}


.mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem;
}


.mt-2{
  margin-top:0.5rem;
}


.-mt-36{
  margin-top:-9rem;
}


.mt-10{
  margin-top:2.5rem;
}


.mb-7{
  margin-bottom:1.75rem;
}


.mr-0{
  margin-right:0px;
}


.mr-8{
  margin-right:2rem;
}


.ml-auto{
  margin-left:auto;
}


.mt-36{
  margin-top:9rem;
}


.mt-\[90px\]{
  margin-top:90px;
}


.mb-\[60px\]{
  margin-bottom:60px;
}


.mt-8{
  margin-top:2rem;
}


.mb-4{
  margin-bottom:1rem;
}


.mb-\[6px\]{
  margin-bottom:6px;
}


.mb-1{
  margin-bottom:0.25rem;
}


.mt-32{
  margin-top:8rem;
}


.mb-8{
  margin-bottom:2rem;
}


.mb-\[30px\]{
  margin-bottom:30px;
}


.mt-\[25px\]{
  margin-top:25px;
}


.ml-0{
  margin-left:0px;
}


.mb-2{
  margin-bottom:0.5rem;
}


.ml-4{
  margin-left:1rem;
}


.mb-\[40px\]{
  margin-bottom:40px;
}


.mb-\[10px\]{
  margin-bottom:10px;
}


.mb-\[5px\]{
  margin-bottom:5px;
}


.mb-6{
  margin-bottom:1.5rem;
}


.mt-\[15px\]{
  margin-top:15px;
}


.mt-\[-3px\]{
  margin-top:-3px;
}


.mt-\[-230px\]{
  margin-top:-230px;
}


.mb-12{
  margin-bottom:3rem;
}


.mb-\[16px\]{
  margin-bottom:16px;
}


.mt-4{
  margin-top:1rem;
}


.mb-10{
  margin-bottom:2.5rem;
}


.mt-12{
  margin-top:3rem;
}


.mt-3{
  margin-top:0.75rem;
}


.mt-\[30px\]{
  margin-top:30px;
}


.mb-14{
  margin-bottom:3.5rem;
}


.mt-1{
  margin-top:0.25rem;
}


.mt-5{
  margin-top:1.25rem;
}


.mr-2{
  margin-right:0.5rem;
}


.mb-\[20px\]{
  margin-bottom:20px;
}


.mt-\[20px\]{
  margin-top:20px;
}


.mt-6{
  margin-top:1.5rem;
}


.ml-2{
  margin-left:0.5rem;
}


.mr-auto{
  margin-right:auto;
}


.mt-\[50px\]{
  margin-top:50px;
}


.mt-\[-50px\]{
  margin-top:-50px;
}


.mt-\[43px\]{
  margin-top:43px;
}


.mt-\[7px\]{
  margin-top:7px;
}


.-mr-3{
  margin-right:-0.75rem;
}


.-mt-3{
  margin-top:-0.75rem;
}


.-mt-2{
  margin-top:-0.5rem;
}


.mr-4{
  margin-right:1rem;
}


.mt-\[-5px\]{
  margin-top:-5px;
}


.ml-\[22px\]{
  margin-left:22px;
}


.mt-\[-4px\]{
  margin-top:-4px;
}


.ml-\[-14px\]{
  margin-left:-14px;
}


.mt-\[8px\]{
  margin-top:8px;
}


.ml-\[-7px\]{
  margin-left:-7px;
}


.mb-\[50px\]{
  margin-bottom:50px;
}


.mr-\[-7px\]{
  margin-right:-7px;
}


.ml-\[7px\]{
  margin-left:7px;
}


.ml-\[28px\]{
  margin-left:28px;
}


.mt-\[100px\]{
  margin-top:100px;
}


.mr-1{
  margin-right:0.25rem;
}


.-mt-4{
  margin-top:-1rem;
}


.mb-3{
  margin-bottom:0.75rem;
}


.ml-\[-3px\]{
  margin-left:-3px;
}


.mb-\[100px\]{
  margin-bottom:100px;
}


.-mt-10{
  margin-top:-2.5rem;
}


.mb-5{
  margin-bottom:1.25rem;
}


.mt-\[60px\]{
  margin-top:60px;
}


.mr-\[5px\]{
  margin-right:5px;
}


.mt-\[3px\]{
  margin-top:3px;
}


.mt-0{
  margin-top:0px;
}


.mb-0{
  margin-bottom:0px;
}


.mr-\[27px\]{
  margin-right:27px;
}


.mr-\[40px\]{
  margin-right:40px;
}


.mb-\[1px\]{
  margin-bottom:1px;
}


.mr-3{
  margin-right:0.75rem;
}


.ml-1{
  margin-left:0.25rem;
}


.mt-auto{
  margin-top:auto;
}


.-ml-4{
  margin-left:-1rem;
}


.ml-\[18px\]{
  margin-left:18px;
}


.mb-\[13px\]{
  margin-bottom:13px;
}


.mt-72{
  margin-top:18rem;
}


.block{
  display:block;
}


.inline-block{
  display:inline-block;
}


.inline{
  display:inline;
}


.flex{
  display:flex;
}


.inline-flex{
  display:inline-flex;
}


.table{
  display:table;
}


.grid{
  display:grid;
}


.list-item{
  display:list-item;
}


.hidden{
  display:none;
}


.h-\[200px\]{
  height:200px;
}


.h-40{
  height:10rem;
}


.h-full{
  height:100%;
}


.h-\[50px\]{
  height:50px;
}


.h-\[90px\]{
  height:90px;
}


.h-12{
  height:3rem;
}


.h-\[128px\]{
  height:128px;
}


.h-\[100px\]{
  height:100px;
}


.h-1{
  height:0.25rem;
}


.h-\[22px\]{
  height:22px;
}


.h-8{
  height:2rem;
}


.h-\[16px\]{
  height:16px;
}


.h-\[10px\]{
  height:10px;
}


.h-\[17px\]{
  height:17px;
}


.h-\[130px\]{
  height:130px;
}


.h-\[150px\]{
  height:150px;
}


.h-\[250px\]{
  height:250px;
}


.h-\[240px\]{
  height:240px;
}


.h-\[350px\]{
  height:350px;
}


.h-\[300px\]{
  height:300px;
}


.h-\[400px\]{
  height:400px;
}


.h-0{
  height:0px;
}


.h-\[40px\]{
  height:40px;
}


.h-\[20px\]{
  height:20px;
}


.h-\[70px\]{
  height:70px;
}


.h-\[48px\]{
  height:48px;
}


.h-\[28px\]{
  height:28px;
}


.h-9{
  height:2.25rem;
}


.h-auto{
  height:auto;
}


.h-64{
  height:16rem;
}


.h-32{
  height:8rem;
}


.h-4{
  height:1rem;
}


.h-2{
  height:0.5rem;
}


.h-\[1px\]{
  height:1px;
}


.h-\[3px\]{
  height:3px;
}


.max-h-0{
  max-height:0px;
}


.max-h-full{
  max-height:100%;
}


.max-h-\[164px\]{
  max-height:164px;
}


.max-h-\[300px\]{
  max-height:300px;
}


.max-h-\[400px\]{
  max-height:400px;
}


.max-h-\[500px\]{
  max-height:500px;
}


.min-h-\[400px\]{
  min-height:400px;
}


.min-h-\[300px\]{
  min-height:300px;
}


.min-h-\[200px\]{
  min-height:200px;
}


.min-h-\[80\%\]{
  min-height:80%;
}


.min-h-screen{
  min-height:100vh;
}


.w-full{
  width:100%;
}


.w-\[50px\]{
  width:50px;
}


.w-\[25px\]{
  width:25px;
}


.w-\[32px\]{
  width:32px;
}


.w-\[10px\]{
  width:10px;
}


.w-\[200px\]{
  width:200px;
}


.w-\[17px\]{
  width:17px;
}


.w-\[240px\]{
  width:240px;
}


.w-auto{
  width:auto;
}


.w-\[100px\]{
  width:100px;
}


.w-\[180px\]{
  width:180px;
}


.w-0{
  width:0px;
}


.w-1\/2{
  width:50%;
}


.w-\[40px\]{
  width:40px;
}


.w-\[22px\]{
  width:22px;
}


.w-\[28px\]{
  width:28px;
}


.w-\[800px\]{
  width:800px;
}


.w-\[30px\]{
  width:30px;
}


.w-\[20px\]{
  width:20px;
}


.w-\[18px\]{
  width:18px;
}


.w-\[26px\]{
  width:26px;
}


.w-24{
  width:6rem;
}


.w-1\/3{
  width:33.333333%;
}


.w-2\/3{
  width:66.666667%;
}


.w-1\/4{
  width:25%;
}


.w-3\/4{
  width:75%;
}


.w-4{
  width:1rem;
}


.min-w-\[20px\]{
  min-width:20px;
}


.max-w-sm{
  max-width:24rem;
}


.max-w-full{
  max-width:100%;
}


.max-w-\[300px\]{
  max-width:300px;
}


.max-w-\[800px\]{
  max-width:800px;
}


.max-w-\[600px\]{
  max-width:600px;
}


.max-w-\[75px\]{
  max-width:75px;
}


.max-w-\[1280px\]{
  max-width:1280px;
}


.max-w-md{
  max-width:28rem;
}


.max-w-lg{
  max-width:32rem;
}


.max-w-xl{
  max-width:36rem;
}


.max-w-2xl{
  max-width:42rem;
}


.flex-1{
  flex:1 1 0%;
}


.flex-shrink{
  flex-shrink:1;
}


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


.flex-grow{
  flex-grow:1;
}


.table-auto{
  table-layout:auto;
}


.origin-top-left{
  transform-origin:top left;
}


.origin-bottom-left{
  transform-origin:bottom left;
}


.rotate-180{
  --tw-rotate:180deg;
  transform:var(--tw-transform);
}


.rotate-90{
  --tw-rotate:90deg;
  transform:var(--tw-transform);
}


.transform{
  transform:var(--tw-transform);
}


.transform-gpu{
  --tw-transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.cursor-pointer{
  cursor:pointer;
}


.resize{
  resize:both;
}


.list-inside{
  list-style-position:inside;
}


.list-\[square\]{
  list-style-type:square;
}


.list-disc{
  list-style-type:disc;
}


.list-none{
  list-style-type:none;
}


.appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}


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


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


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


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


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


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


.flex-row{
  flex-direction:row;
}


.flex-col{
  flex-direction:column;
}


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


.content-center{
  align-content:center;
}


.items-start{
  align-items:flex-start;
}


.items-end{
  align-items:flex-end;
}


.items-center{
  align-items:center;
}


.justify-start{
  justify-content:flex-start;
}


.justify-end{
  justify-content:flex-end;
}


.justify-center{
  justify-content:center;
}


.justify-between{
  justify-content:space-between;
}


.gap-\[15px\]{
  gap:15px;
}


.gap-4{
  gap:1rem;
}


.gap-\[5px\]{
  gap:5px;
}


.gap-8{
  gap:2rem;
}


.gap-3{
  gap:0.75rem;
}


.gap-y-9{
  row-gap:2.25rem;
}


.overflow-auto{
  overflow:auto;
}


.overflow-hidden{
  overflow:hidden;
}


.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


.rounded-full{
  border-radius:9999px;
}


.rounded-lg{
  border-radius:0.5rem;
}


.rounded{
  border-radius:0.25rem;
}


.rounded-sm{
  border-radius:0.125rem;
}


.rounded-md{
  border-radius:0.375rem;
}


.rounded-l-md{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem;
}


.rounded-r-md{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem;
}


.rounded-l-none{
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}


.rounded-l{
  border-top-left-radius:0.25rem;
  border-bottom-left-radius:0.25rem;
}


.rounded-r{
  border-top-right-radius:0.25rem;
  border-bottom-right-radius:0.25rem;
}


.rounded-b-none{
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
}


.border-\[3px\]{
  border-width:3px;
}


.border-2{
  border-width:2px;
}


.border{
  border-width:1px;
}


.border-0{
  border-width:0px;
}


.border-\[2px\]{
  border-width:2px;
}


.border-b-40{
  border-bottom-width:40px;
}


.border-b{
  border-bottom-width:1px;
}


.border-r{
  border-right-width:1px;
}


.border-t{
  border-top-width:1px;
}


.border-l{
  border-left-width:1px;
}


.border-b-2{
  border-bottom-width:2px;
}


.border-t-2{
  border-top-width:2px;
}


.border-dashed{
  border-style:dashed;
}


.border-dotted{
  border-style:dotted;
}


.border-gray-ccgreydark{
  --tw-border-opacity:1;
  border-color:rgba(29, 29, 27, var(--tw-border-opacity));
}


.border-gray-ccgrey{
  --tw-border-opacity:1;
  border-color:rgba(72, 72, 72, var(--tw-border-opacity));
}


.border-gray-greyflat{
  --tw-border-opacity:1;
  border-color:rgba(229, 230, 231, var(--tw-border-opacity));
}


.border-white{
  --tw-border-opacity:1;
  border-color:rgba(255, 255, 255, var(--tw-border-opacity));
}


.border-black{
  --tw-border-opacity:1;
  border-color:rgba(0, 0, 0, var(--tw-border-opacity));
}


.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgba(209, 213, 219, var(--tw-border-opacity));
}


.border-gray-f5{
  --tw-border-opacity:1;
  border-color:rgba(245, 245, 245, var(--tw-border-opacity));
}


.border-\[\#6c6c6c\]{
  --tw-border-opacity:1;
  border-color:rgba(108, 108, 108, var(--tw-border-opacity));
}


.border-red-500{
  --tw-border-opacity:1;
  border-color:rgba(239, 68, 68, var(--tw-border-opacity));
}


.border-green-500{
  --tw-border-opacity:1;
  border-color:rgba(16, 185, 129, var(--tw-border-opacity));
}


.border-blue-500{
  --tw-border-opacity:1;
  border-color:rgba(59, 130, 246, var(--tw-border-opacity));
}


.border-blue-300{
  --tw-border-opacity:1;
  border-color:rgba(147, 197, 253, var(--tw-border-opacity));
}


.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgba(229, 231, 235, var(--tw-border-opacity));
}


.border-gray-500{
  --tw-border-opacity:1;
  border-color:rgba(107, 114, 128, var(--tw-border-opacity));
}


.border-dark-bkg4c{
  --tw-border-opacity:1;
  border-color:rgba(76, 76, 76, var(--tw-border-opacity));
}


.bg-gray-ccgreymid{
  --tw-bg-opacity:1;
  background-color:rgba(42, 42, 42, var(--tw-bg-opacity));
}


.bg-social-facebook{
  --tw-bg-opacity:1;
  background-color:rgba(24, 119, 241, var(--tw-bg-opacity));
}


.bg-social-twitter{
  --tw-bg-opacity:1;
  background-color:rgba(29, 160, 241, var(--tw-bg-opacity));
}


.bg-social-instagram{
  --tw-bg-opacity:1;
  background-color:rgba(194, 42, 162, var(--tw-bg-opacity));
}


.bg-social-youtube{
  --tw-bg-opacity:1;
  background-color:rgba(255, 0, 0, var(--tw-bg-opacity));
}


.bg-social-vimeo{
  --tw-bg-opacity:1;
  background-color:rgba(26, 182, 233, var(--tw-bg-opacity));
}


.bg-social-flickr{
  --tw-bg-opacity:1;
  background-color:rgba(243, 0, 130, var(--tw-bg-opacity));
}


.bg-gray-ccgreydark{
  --tw-bg-opacity:1;
  background-color:rgba(29, 29, 27, var(--tw-bg-opacity));
}


.bg-gray-ccgreylt{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


.bg-black{
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
}


.bg-gray-ccgrey{
  --tw-bg-opacity:1;
  background-color:rgba(72, 72, 72, var(--tw-bg-opacity));
}


.bg-\[rgba\(235\2c 235\2c 235\2c 0\.5\)\]{
  background-color:rgba(235,235,235,0.5);
}


.bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\]{
  background-color:rgba(255,255,255,0.3);
}


.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgba(229, 231, 235, var(--tw-bg-opacity));
}


.bg-white{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.bg-transparent{
  background-color:transparent;
}


.bg-gray-f5{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


.bg-\[\#dfdfdf\]{
  --tw-bg-opacity:1;
  background-color:rgba(223, 223, 223, var(--tw-bg-opacity));
}


.bg-pink-ropeMid{
  --tw-bg-opacity:1;
  background-color:rgba(161, 30, 92, var(--tw-bg-opacity));
}


.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\]{
  background-color:rgba(0,0,0,0.2);
}


.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgba(243, 244, 246, var(--tw-bg-opacity));
}


.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgba(59, 130, 246, var(--tw-bg-opacity));
}


.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgba(239, 68, 68, var(--tw-bg-opacity));
}


.bg-blue-400{
  --tw-bg-opacity:1;
  background-color:rgba(96, 165, 250, var(--tw-bg-opacity));
}


.bg-gray-grey{
  --tw-bg-opacity:1;
  background-color:rgba(233, 233, 235, var(--tw-bg-opacity));
}


.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgba(209, 250, 229, var(--tw-bg-opacity));
}


.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgba(254, 226, 226, var(--tw-bg-opacity));
}


.bg-gray-500{
  --tw-bg-opacity:1;
  background-color:rgba(107, 114, 128, var(--tw-bg-opacity));
}


.bg-red-200{
  --tw-bg-opacity:1;
  background-color:rgba(254, 202, 202, var(--tw-bg-opacity));
}


.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgba(209, 213, 219, var(--tw-bg-opacity));
}


.bg-pink-ropeDark{
  --tw-bg-opacity:1;
  background-color:rgba(95, 26, 55, var(--tw-bg-opacity));
}


.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgba(249, 250, 251, var(--tw-bg-opacity));
}


.bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgba(55, 65, 81, var(--tw-bg-opacity));
}


.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgba(17, 24, 39, var(--tw-bg-opacity));
}


.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgba(37, 99, 235, var(--tw-bg-opacity));
}


.bg-red-800{
  --tw-bg-opacity:1;
  background-color:rgba(153, 27, 27, var(--tw-bg-opacity));
}


.bg-blue-800{
  --tw-bg-opacity:1;
  background-color:rgba(30, 64, 175, var(--tw-bg-opacity));
}


.bg-\[\#d2d2d2\]{
  --tw-bg-opacity:1;
  background-color:rgba(210, 210, 210, var(--tw-bg-opacity));
}


.bg-dark-bkg2c{
  --tw-bg-opacity:1;
  background-color:rgba(44, 44, 44, var(--tw-bg-opacity));
}


.bg-gray-ccgreydarker{
  --tw-bg-opacity:1;
  background-color:rgba(15, 15, 15, var(--tw-bg-opacity));
}


.bg-opacity-25{
  --tw-bg-opacity:0.25;
}


.bg-cover{
  background-size:cover;
}


.bg-center{
  background-position:center;
}


.bg-top{
  background-position:top;
}


.fill-current{
  fill:currentColor;
}


.stroke-current{
  stroke:currentColor;
}


.stroke-2{
  stroke-width:2;
}


.p-\[10px\]{
  padding:10px;
}


.p-1{
  padding:0.25rem;
}


.p-8{
  padding:2rem;
}


.p-2{
  padding:0.5rem;
}


.p-0{
  padding:0px;
}


.p-\[4px\]{
  padding:4px;
}


.p-4{
  padding:1rem;
}


.p-3{
  padding:0.75rem;
}


.p-6{
  padding:1.5rem;
}


.p-\[3px\]{
  padding:3px;
}


.p-\[15px\]{
  padding:15px;
}


.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}


.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem;
}


.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem;
}


.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem;
}


.py-12{
  padding-top:3rem;
  padding-bottom:3rem;
}


.py-\[60px\]{
  padding-top:60px;
  padding-bottom:60px;
}


.px-\[30px\]{
  padding-left:30px;
  padding-right:30px;
}


.px-\[5px\]{
  padding-left:5px;
  padding-right:5px;
}


.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem;
}


.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}


.py-\[5px\]{
  padding-top:5px;
  padding-bottom:5px;
}


.px-\[10px\]{
  padding-left:10px;
  padding-right:10px;
}


.px-\[20px\]{
  padding-left:20px;
  padding-right:20px;
}


.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem;
}


.py-\[50px\]{
  padding-top:50px;
  padding-bottom:50px;
}


.py-8{
  padding-top:2rem;
  padding-bottom:2rem;
}


.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}


.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}


.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem;
}


.px-4{
  padding-left:1rem;
  padding-right:1rem;
}


.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}


.py-\[3px\]{
  padding-top:3px;
  padding-bottom:3px;
}


.py-4{
  padding-top:1rem;
  padding-bottom:1rem;
}


.px-\[7px\]{
  padding-left:7px;
  padding-right:7px;
}


.py-\[30px\]{
  padding-top:30px;
  padding-bottom:30px;
}


.py-\[20px\]{
  padding-top:20px;
  padding-bottom:20px;
}


.px-8{
  padding-left:2rem;
  padding-right:2rem;
}


.py-\[15px\]{
  padding-top:15px;
  padding-bottom:15px;
}


.py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem;
}


.px-1\.5{
  padding-left:0.375rem;
  padding-right:0.375rem;
}


.py-0{
  padding-top:0px;
  padding-bottom:0px;
}


.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem;
}


.pl-8{
  padding-left:2rem;
}


.pt-5{
  padding-top:1.25rem;
}


.pb-10{
  padding-bottom:2.5rem;
}


.pb-4{
  padding-bottom:1rem;
}


.pt-10{
  padding-top:2.5rem;
}


.pb-12{
  padding-bottom:3rem;
}


.pl-5{
  padding-left:1.25rem;
}


.pt-12{
  padding-top:3rem;
}


.pl-3{
  padding-left:0.75rem;
}


.pl-\[60px\]{
  padding-left:60px;
}


.pr-\[60px\]{
  padding-right:60px;
}


.pb-8{
  padding-bottom:2rem;
}


.pl-\[10px\]{
  padding-left:10px;
}


.pr-10{
  padding-right:2.5rem;
}


.pl-\[5px\]{
  padding-left:5px;
}


.pt-7{
  padding-top:1.75rem;
}


.pr-\[10px\]{
  padding-right:10px;
}


.pb-3{
  padding-bottom:0.75rem;
}


.pt-3{
  padding-top:0.75rem;
}


.pb-2{
  padding-bottom:0.5rem;
}


.pt-1{
  padding-top:0.25rem;
}


.pb-6{
  padding-bottom:1.5rem;
}


.pb-\[10px\]{
  padding-bottom:10px;
}


.pt-\[10px\]{
  padding-top:10px;
}


.pt-\[5px\]{
  padding-top:5px;
}


.pr-\[35px\]{
  padding-right:35px;
}


.pr-\[50px\]{
  padding-right:50px;
}


.pr-4{
  padding-right:1rem;
}


.pt-2{
  padding-top:0.5rem;
}


.pt-\[100px\]{
  padding-top:100px;
}


.pb-\[150px\]{
  padding-bottom:150px;
}


.pb-\[100px\]{
  padding-bottom:100px;
}


.pr-2{
  padding-right:0.5rem;
}


.pb-5{
  padding-bottom:1.25rem;
}


.pt-\[50px\]{
  padding-top:50px;
}


.pt-8{
  padding-top:2rem;
}


.pb-\[50px\]{
  padding-bottom:50px;
}


.pt-\[15px\]{
  padding-top:15px;
}


.pb-1{
  padding-bottom:0.25rem;
}


.pt-\[40px\]{
  padding-top:40px;
}


.pb-\[9px\]{
  padding-bottom:9px;
}


.pt-0{
  padding-top:0px;
}


.pl-4{
  padding-left:1rem;
}


.pl-2{
  padding-left:0.5rem;
}


.pr-\[8px\]{
  padding-right:8px;
}


.pt-\[200px\]{
  padding-top:200px;
}


.pl-\[14px\]{
  padding-left:14px;
}


.pr-\[20px\]{
  padding-right:20px;
}


.pl-6{
  padding-left:1.5rem;
}


.pr-6{
  padding-right:1.5rem;
}


.pl-1{
  padding-left:0.25rem;
}


.pr-1{
  padding-right:0.25rem;
}


.pr-3{
  padding-right:0.75rem;
}


.pb-\[20px\]{
  padding-bottom:20px;
}


.pr-5{
  padding-right:1.25rem;
}


.pr-0{
  padding-right:0px;
}


.pr-8{
  padding-right:2rem;
}


.pr-\[30px\]{
  padding-right:30px;
}


.pt-4{
  padding-top:1rem;
}


.pl-9{
  padding-left:2.25rem;
}


.text-left{
  text-align:left;
}


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


.text-right{
  text-align:right;
}


.align-top{
  vertical-align:top;
}


.align-text-top{
  vertical-align:text-top;
}


.font-logo{
  font-family:aktiv-grotesk, sans-serif;
}


.font-sans{
  font-family:ff-good-web-pro-narrow, sans-serif;
}


.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}


.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}


.text-xs{
  font-size:0.75rem;
  line-height:1rem;
}


.text-lg{
  font-size:1.125rem;
  line-height:1.75rem;
}


.text-base{
  font-size:1rem;
  line-height:1.5rem;
}


.text-sm{
  font-size:0.875rem;
  line-height:1.25rem;
}


.text-\[38px\]{
  font-size:38px;
}


.text-\[18px\]{
  font-size:18px;
}


.text-\[16px\]{
  font-size:16px;
}


.text-\[20px\]{
  font-size:20px;
}


.text-\[24px\]{
  font-size:24px;
}


.text-\[14px\]{
  font-size:14px;
}


.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}


.text-\[22px\]{
  font-size:22px;
}


.text-\[10px\]{
  font-size:10px;
}


.text-\[30px\]{
  font-size:30px;
}


.text-\[26px\]{
  font-size:26px;
}


.text-\[40px\]{
  font-size:40px;
}


.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem;
}


.font-bold{
  font-weight:700;
}


.font-semibold{
  font-weight:600;
}


.font-normal{
  font-weight:400;
}


.uppercase{
  text-transform:uppercase;
}


.italic{
  font-style:italic;
}


.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions{
  --tw-ordinal:var(--tw-empty,/*!*/ /*!*/);
  --tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}


.tabular-nums{
  --tw-numeric-spacing:tabular-nums;
}


.leading-tight{
  line-height:1.25;
}


.leading-5{
  line-height:1.25rem;
}


.leading-loose{
  line-height:2;
}


.leading-6{
  line-height:1.5rem;
}


.leading-\[23px\]{
  line-height:23px;
}


.leading-8{
  line-height:2rem;
}


.leading-10{
  line-height:2.5rem;
}


.leading-\[0\.9rem\]{
  line-height:0.9rem;
}


.leading-\[40px\]{
  line-height:40px;
}


.leading-\[48px\]{
  line-height:48px;
}


.leading-\[28px\]{
  line-height:28px;
}


.leading-none{
  line-height:1;
}


.leading-relaxed{
  line-height:1.625;
}


.leading-7{
  line-height:1.75rem;
}


.tracking-wide{
  letter-spacing:0.025em;
}


.tracking-widest{
  letter-spacing:0.1em;
}


.tracking-wider{
  letter-spacing:0.05em;
}


.tracking-tighter{
  letter-spacing:-0.05em;
}


.tracking-normal{
  letter-spacing:0em;
}


.text-gray-ccgreylt{
  --tw-text-opacity:1;
  color:rgba(245, 245, 245, var(--tw-text-opacity));
}


.text-black{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.text-white{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.text-\[\#999999\]{
  --tw-text-opacity:1;
  color:rgba(153, 153, 153, var(--tw-text-opacity));
}


.text-pink-ropeMid{
  --tw-text-opacity:1;
  color:rgba(161, 30, 92, var(--tw-text-opacity));
}


.text-red-500{
  --tw-text-opacity:1;
  color:rgba(239, 68, 68, var(--tw-text-opacity));
}


.text-green-500{
  --tw-text-opacity:1;
  color:rgba(16, 185, 129, var(--tw-text-opacity));
}


.text-blue-rope{
  --tw-text-opacity:1;
  color:rgba(0, 102, 255, var(--tw-text-opacity));
}


.text-gray-500{
  --tw-text-opacity:1;
  color:rgba(107, 114, 128, var(--tw-text-opacity));
}


.text-gray-600{
  --tw-text-opacity:1;
  color:rgba(75, 85, 99, var(--tw-text-opacity));
}


.text-gray-400{
  --tw-text-opacity:1;
  color:rgba(156, 163, 175, var(--tw-text-opacity));
}


.text-red-600{
  --tw-text-opacity:1;
  color:rgba(220, 38, 38, var(--tw-text-opacity));
}


.text-blue-500{
  --tw-text-opacity:1;
  color:rgba(59, 130, 246, var(--tw-text-opacity));
}


.text-red-700{
  --tw-text-opacity:1;
  color:rgba(185, 28, 28, var(--tw-text-opacity));
}


.text-gray-800{
  --tw-text-opacity:1;
  color:rgba(31, 41, 55, var(--tw-text-opacity));
}


.text-gray-300{
  --tw-text-opacity:1;
  color:rgba(209, 213, 219, var(--tw-text-opacity));
}


.text-gray-700{
  --tw-text-opacity:1;
  color:rgba(55, 65, 81, var(--tw-text-opacity));
}


.text-gray-900{
  --tw-text-opacity:1;
  color:rgba(17, 24, 39, var(--tw-text-opacity));
}


.underline{
  text-decoration:underline;
}


.no-underline{
  text-decoration:none;
}


.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}


.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgba(156, 163, 175, var(--tw-placeholder-opacity));
}


.placeholder-gray-400:-ms-input-placeholder{
  --tw-placeholder-opacity:1;
  color:rgba(156, 163, 175, var(--tw-placeholder-opacity));
}


.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity:1;
  color:rgba(156, 163, 175, var(--tw-placeholder-opacity));
}


.opacity-0{
  opacity:0;
}


.opacity-5{
  opacity:0.05;
}


.opacity-100{
  opacity:1;
}


.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.brightness-0{
  --tw-brightness:brightness(0);
  filter:var(--tw-filter);
}


.filter{
  filter:var(--tw-filter);
}


.transition{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}


.transition-border{
  transition-property:border;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}


.duration-mode{
  transition-duration:2000ms;
}


.duration-300{
  transition-duration:300ms;
}


.duration-200{
  transition-duration:200ms;
}


.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}


.bt{
    color:red;
    background:white;
    margin-bottom: 20px;
}


.dav{
    color:black;
}


.popUpView{
  right:0px;
  bottom:0px;
  z-index:10000000000;
  height:auto;
  width:100%;
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:3.5rem;
  padding-bottom:3.5rem;
  opacity:1;
}


@media (min-width: 640px){


  .popUpView{
    padding:3.5rem;
  }
}


.popUpView{
    overflow: hidden;
}


.popUpView .slick-list{
        height:100%;
    }


.popUpView .slick-list .slick-track{
            height:100%;
        }


.cc-light-arrow{
    margin-left: 0;
}


.cc-light-arrow svg path {
            fill: white;
        }


.cclightStrip .slick-list{
        height:100%;
    }


.cclightStrip .slick-list .slick-track{
            height:100%;
        }


.ropewalkLogoWhite{
    width:50px;
    position: absolute;
    bottom:10px;
    right:10px;
}


.ropewalkLogoWhite polygon {
        fill: none;
        stroke: white;
        stroke-miterlimit: 10;
        stroke-width: 4.6px;
    }


.ropewalkLogoWhite path{
        fill:white;
    }


.forceWhite .forceColor{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.forceWhite .forceNavHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(42, 42, 42, var(--tw-bg-opacity));
}


.forceBlack .forceColor{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.forceBlack .forceNavHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


@media (max-width:374px){


.navButton{
        padding-top:10px;
        margin-right:0
}
    }


.masonry-wrapper {

    max-width: 1680px;
    margin-right: auto;
    margin-left: auto;
}


.masonry {
    display: grid;
    grid-template-columns: repeat(1, minmax(100px,1fr));
    grid-gap: 25px;
    grid-auto-rows: 0;
}


@media only screen and (min-width: 640px) and (max-width: 767px) {
    .masonry {
        grid-template-columns: repeat(2, minmax(100px,1fr));
    }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .masonry {
        grid-template-columns: repeat(3, minmax(100px,1fr));
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1535px) {
    .masonry {
        grid-template-columns: repeat(4, minmax(100px,1fr));
    }
}


@media only screen and (min-width: 1536px) {
    .masonry {
        grid-template-columns: repeat(5, minmax(100px,1fr));
    }
}


.masonry-content {
    overflow: hidden;
}


.masonry-item {
    color: #111111;
    background-color: #f4f4f5;
}


.masonry-title, .masonry-description {
    margin: 0;
}


.masonry-title {
    font-weight: 700;
    font-size: 1.1rem;
    padding: 1rem 1.5rem;
}


.masonry-description {
    padding: 1.5rem;
    font-size: .75rem;
    border-top: 1px solid rgba(0, 0, 0, .05);
}


.masonry-footer {
    font-size: .75em;
    opacity: .25;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;
    margin-bottom: -1.5em;
    transition: opacity 1s ease-in-out;
}


.masonry-footer a {
    color: currentColor;
}


.masonry-footer:hover, .masonry-footer:active, .masonry-footer:focus {
    opacity: .75;
}


.btn-archive{
  display:inline-block;
  border-radius:0.25rem;
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  font-size:14px;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.btn-archive i{
  margin-left:0.5rem;
}


.btn-archive i{
  font-size:20px;
}


.show-white{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.show-white .btn-archive{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.show-white .btn-archive{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.archive-loader div{
    display: flex;
    align-items: center;
    justify-content: center;
}


.archive-loader span{
    display: flex;
    align-items: flex-end;
    gap: 2px;
}


@-webkit-keyframes cursor-blink {

    50% {
        opacity: 0;
    }
}


@keyframes cursor-blink {

    50% {
        opacity: 0;
    }
}


.archive-loader span::after {
    content: "";
    width: 15px;
    height: 2px;
    margin-bottom:5px;
    background: #000;
    display: inline-block;
    -webkit-animation: cursor-blink 1.5s step-start infinite;
            animation: cursor-blink 1.5s step-start infinite;
}


.test{
    position: absolute;
}


.hover\:scale-125:hover{
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
  transform:var(--tw-transform);
}


.hover\:border:hover{
  border-width:1px;
}


.hover\:border-social-facebook:hover{
  --tw-border-opacity:1;
  border-color:rgba(24, 119, 241, var(--tw-border-opacity));
}


.hover\:border-social-twitter:hover{
  --tw-border-opacity:1;
  border-color:rgba(29, 160, 241, var(--tw-border-opacity));
}


.hover\:border-social-instagram:hover{
  --tw-border-opacity:1;
  border-color:rgba(194, 42, 162, var(--tw-border-opacity));
}


.hover\:border-social-youtube:hover{
  --tw-border-opacity:1;
  border-color:rgba(255, 0, 0, var(--tw-border-opacity));
}


.hover\:border-social-vimeo:hover{
  --tw-border-opacity:1;
  border-color:rgba(26, 182, 233, var(--tw-border-opacity));
}


.hover\:border-social-flickr:hover{
  --tw-border-opacity:1;
  border-color:rgba(243, 0, 130, var(--tw-border-opacity));
}


.hover\:border-gray-500:hover{
  --tw-border-opacity:1;
  border-color:rgba(107, 114, 128, var(--tw-border-opacity));
}


.hover\:border-gray-ccgreyHover:hover{
  --tw-border-opacity:1;
  border-color:rgba(102, 102, 102, var(--tw-border-opacity));
}


.hover\:border-dark-bkg5c:hover{
  --tw-border-opacity:1;
  border-color:rgba(92, 92, 92, var(--tw-border-opacity));
}


.hover\:border-black:hover{
  --tw-border-opacity:1;
  border-color:rgba(0, 0, 0, var(--tw-border-opacity));
}


.hover\:bg-social-facebookHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(15, 93, 193, var(--tw-bg-opacity));
}


.hover\:bg-social-twitterHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(12, 112, 173, var(--tw-bg-opacity));
}


.hover\:bg-social-instagramHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(132, 15, 107, var(--tw-bg-opacity));
}


.hover\:bg-social-youtubeHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(146, 4, 4, var(--tw-bg-opacity));
}


.hover\:bg-social-vimeoHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(16, 132, 170, var(--tw-bg-opacity));
}


.hover\:bg-social-flickrHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(161, 4, 88, var(--tw-bg-opacity));
}


.hover\:bg-gray-grey22:hover{
  --tw-bg-opacity:1;
  background-color:rgba(34, 34, 34, var(--tw-bg-opacity));
}


.hover\:bg-gray-greyflat:hover{
  --tw-bg-opacity:1;
  background-color:rgba(229, 230, 231, var(--tw-bg-opacity));
}


.hover\:bg-gray-ccgreylt:hover{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


.hover\:bg-social-facebook:hover{
  --tw-bg-opacity:1;
  background-color:rgba(24, 119, 241, var(--tw-bg-opacity));
}


.hover\:bg-social-twitter:hover{
  --tw-bg-opacity:1;
  background-color:rgba(29, 160, 241, var(--tw-bg-opacity));
}


.hover\:bg-social-instagram:hover{
  --tw-bg-opacity:1;
  background-color:rgba(194, 42, 162, var(--tw-bg-opacity));
}


.hover\:bg-social-youtube:hover{
  --tw-bg-opacity:1;
  background-color:rgba(255, 0, 0, var(--tw-bg-opacity));
}


.hover\:bg-social-vimeo:hover{
  --tw-bg-opacity:1;
  background-color:rgba(26, 182, 233, var(--tw-bg-opacity));
}


.hover\:bg-social-flickr:hover{
  --tw-bg-opacity:1;
  background-color:rgba(243, 0, 130, var(--tw-bg-opacity));
}


.hover\:bg-pink-ropeMidHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(184, 22, 99, var(--tw-bg-opacity));
}


.hover\:bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgba(229, 231, 235, var(--tw-bg-opacity));
}


.hover\:bg-gray-ccgreyHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(102, 102, 102, var(--tw-bg-opacity));
}


.hover\:bg-pink-ropeDark:hover{
  --tw-bg-opacity:1;
  background-color:rgba(95, 26, 55, var(--tw-bg-opacity));
}


.hover\:bg-social-linkedin:hover{
  --tw-bg-opacity:1;
  background-color:rgba(0, 119, 181, var(--tw-bg-opacity));
}


.hover\:bg-social-whatsapp:hover{
  --tw-bg-opacity:1;
  background-color:rgba(37, 211, 102, var(--tw-bg-opacity));
}


.hover\:bg-gray-600:hover{
  --tw-bg-opacity:1;
  background-color:rgba(75, 85, 99, var(--tw-bg-opacity));
}


.hover\:bg-blue-600:hover{
  --tw-bg-opacity:1;
  background-color:rgba(37, 99, 235, var(--tw-bg-opacity));
}


.hover\:bg-blue-400:hover{
  --tw-bg-opacity:1;
  background-color:rgba(96, 165, 250, var(--tw-bg-opacity));
}


.hover\:bg-gray-ccgreymid:hover{
  --tw-bg-opacity:1;
  background-color:rgba(42, 42, 42, var(--tw-bg-opacity));
}


.hover\:bg-opacity-50:hover{
  --tw-bg-opacity:0.5;
}


.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.hover\:text-blue-rope:hover{
  --tw-text-opacity:1;
  color:rgba(0, 102, 255, var(--tw-text-opacity));
}


.hover\:text-\[blue\]:hover{
  --tw-text-opacity:1;
  color:rgba(0, 0, 255, var(--tw-text-opacity));
}


.hover\:text-blue-600:hover{
  --tw-text-opacity:1;
  color:rgba(37, 99, 235, var(--tw-text-opacity));
}


.hover\:text-gray-800:hover{
  --tw-text-opacity:1;
  color:rgba(31, 41, 55, var(--tw-text-opacity));
}


.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgba(17, 24, 39, var(--tw-text-opacity));
}


.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.hover\:underline:hover{
  text-decoration:underline;
}


.hover\:shadow-md:hover{
  --tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.hover\:shadow:hover{
  --tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.hover\:duration-200:hover{
  transition-duration:200ms;
}


.focus\:border-blue-500:focus{
  --tw-border-opacity:1;
  border-color:rgba(59, 130, 246, var(--tw-border-opacity));
}


.focus\:border-indigo-500:focus{
  --tw-border-opacity:1;
  border-color:rgba(99, 102, 241, var(--tw-border-opacity));
}


.focus\:bg-gray-200:focus{
  --tw-bg-opacity:1;
  background-color:rgba(229, 231, 235, var(--tw-bg-opacity));
}


.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px;
}


.focus\:ring:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}


.focus\:ring-blue-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(59, 130, 246, var(--tw-ring-opacity));
}


.focus\:ring-indigo-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgba(99, 102, 241, var(--tw-ring-opacity));
}


.group:hover .group-hover\:inline-block{
  display:inline-block;
}


.group:hover .group-hover\:text-blue-rope{
  --tw-text-opacity:1;
  color:rgba(0, 102, 255, var(--tw-text-opacity));
}


.group:hover .group-hover\:underline{
  text-decoration:underline;
}


.dark .dark\:left-auto{
  left:auto;
}


.dark .dark\:right-\[3px\]{
  right:3px;
}


.dark .dark\:border-gray-ccgreydarker{
  --tw-border-opacity:1;
  border-color:rgba(15, 15, 15, var(--tw-border-opacity));
}


.dark .dark\:border-gray-ccgrey{
  --tw-border-opacity:1;
  border-color:rgba(72, 72, 72, var(--tw-border-opacity));
}


.dark .dark\:border-white{
  --tw-border-opacity:1;
  border-color:rgba(255, 255, 255, var(--tw-border-opacity));
}


.dark .dark\:border-black{
  --tw-border-opacity:1;
  border-color:rgba(0, 0, 0, var(--tw-border-opacity));
}


.dark .dark\:border-dark-bkg5c{
  --tw-border-opacity:1;
  border-color:rgba(92, 92, 92, var(--tw-border-opacity));
}


.dark .dark\:border-dark-bkg4c{
  --tw-border-opacity:1;
  border-color:rgba(76, 76, 76, var(--tw-border-opacity));
}


.dark .dark\:border-dark-bkg3c{
  --tw-border-opacity:1;
  border-color:rgba(60, 60, 60, var(--tw-border-opacity));
}


.dark .dark\:border-\[\#555555\]{
  --tw-border-opacity:1;
  border-color:rgba(85, 85, 85, var(--tw-border-opacity));
}


.dark .dark\:bg-gray-ccgreydarker{
  --tw-bg-opacity:1;
  background-color:rgba(15, 15, 15, var(--tw-bg-opacity));
}


.dark .dark\:bg-gray-ccgreylt{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


.dark .dark\:bg-gray-ccgreymid{
  --tw-bg-opacity:1;
  background-color:rgba(42, 42, 42, var(--tw-bg-opacity));
}


.dark .dark\:bg-black{
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
}


.dark .dark\:bg-gray-ccgreydark{
  --tw-bg-opacity:1;
  background-color:rgba(29, 29, 27, var(--tw-bg-opacity));
}


.dark .dark\:bg-dark-bkg{
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


.dark .dark\:bg-\[\#999999\]{
  --tw-bg-opacity:1;
  background-color:rgba(153, 153, 153, var(--tw-bg-opacity));
}


.dark .dark\:bg-gray-ccgrey{
  --tw-bg-opacity:1;
  background-color:rgba(72, 72, 72, var(--tw-bg-opacity));
}


.dark .dark\:bg-white{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
}


.dark .dark\:bg-dark-bkg9c{
  --tw-bg-opacity:1;
  background-color:rgba(156, 156, 156, var(--tw-bg-opacity));
}


.dark .dark\:bg-dark-bkg2c{
  --tw-bg-opacity:1;
  background-color:rgba(44, 44, 44, var(--tw-bg-opacity));
}


.dark .dark\:bg-dark-bkg3c{
  --tw-bg-opacity:1;
  background-color:rgba(60, 60, 60, var(--tw-bg-opacity));
}


.dark .dark\:bg-\[\#4e4e4e\]{
  --tw-bg-opacity:1;
  background-color:rgba(78, 78, 78, var(--tw-bg-opacity));
}


.dark .dark\:text-black{
  --tw-text-opacity:1;
  color:rgba(0, 0, 0, var(--tw-text-opacity));
}


.dark .dark\:text-white{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .dark\:text-gray-f5{
  --tw-text-opacity:1;
  color:rgba(245, 245, 245, var(--tw-text-opacity));
}


.dark .dark\:opacity-0{
  opacity:0;
}


.dark .dark\:opacity-100{
  opacity:1;
}


.dark .dark\:hover\:border-dark-bkg5c:hover{
  --tw-border-opacity:1;
  border-color:rgba(92, 92, 92, var(--tw-border-opacity));
}


.dark .dark\:hover\:border-white:hover{
  --tw-border-opacity:1;
  border-color:rgba(255, 255, 255, var(--tw-border-opacity));
}


.dark .dark\:hover\:bg-gray-ccgreylt:hover{
  --tw-bg-opacity:1;
  background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
}


.dark .dark\:hover\:bg-gray-ccgreymid:hover{
  --tw-bg-opacity:1;
  background-color:rgba(42, 42, 42, var(--tw-bg-opacity));
}


.dark .dark\:hover\:bg-dark-bkgHover:hover{
  --tw-bg-opacity:1;
  background-color:rgba(76, 76, 76, var(--tw-bg-opacity));
}


.dark .dark\:hover\:bg-black:hover{
  --tw-bg-opacity:1;
  background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
}


.dark .dark\:hover\:bg-\[\#464646\]:hover{
  --tw-bg-opacity:1;
  background-color:rgba(70, 70, 70, var(--tw-bg-opacity));
}


.dark .dark\:hover\:text-social-facebook:hover{
  --tw-text-opacity:1;
  color:rgba(24, 119, 241, var(--tw-text-opacity));
}


.dark .dark\:hover\:text-social-twitter:hover{
  --tw-text-opacity:1;
  color:rgba(29, 160, 241, var(--tw-text-opacity));
}


.dark .dark\:hover\:text-social-linkedin:hover{
  --tw-text-opacity:1;
  color:rgba(0, 119, 181, var(--tw-text-opacity));
}


.dark .dark\:hover\:text-social-whatsapp:hover{
  --tw-text-opacity:1;
  color:rgba(37, 211, 102, var(--tw-text-opacity));
}


.dark .dark\:hover\:text-social-youtube:hover{
  --tw-text-opacity:1;
  color:rgba(255, 0, 0, var(--tw-text-opacity));
}


.dark .dark\:hover\:text-blue-600:hover{
  --tw-text-opacity:1;
  color:rgba(37, 99, 235, var(--tw-text-opacity));
}


.dark .dark\:hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
}


.dark .dark\:focus\:bg-dark-bkgHover:focus{
  --tw-bg-opacity:1;
  background-color:rgba(76, 76, 76, var(--tw-bg-opacity));
}


@media (min-width: 375px){


  .xs\:top-\[30px\]{
    top:30px;
  }


  .xs\:left-0{
    left:0px;
  }


  .xs\:right-auto{
    right:auto;
  }


  .xs\:left-\[-16px\]{
    left:-16px;
  }


  .xs\:top-9{
    top:2.25rem;
  }


  .xs\:top-2{
    top:0.5rem;
  }


  .xs\:mb-8{
    margin-bottom:2rem;
  }


  .xs\:mt-\[-224px\]{
    margin-top:-224px;
  }


  .xs\:block{
    display:block;
  }


  .xs\:flex{
    display:flex;
  }


  .xs\:h-\[300px\]{
    height:300px;
  }


  .xs\:min-h-\[300px\]{
    min-height:300px;
  }


  .xs\:rotate-0{
    --tw-rotate:0deg;
    transform:var(--tw-transform);
  }


  .xs\:p-\[16px\]{
    padding:16px;
  }


  .xs\:pt-\[26px\]{
    padding-top:26px;
  }


  .xs\:pt-\[16px\]{
    padding-top:16px;
  }


  .xs\:pl-\[16px\]{
    padding-left:16px;
  }


  .xs\:pt-9{
    padding-top:2.25rem;
  }


  .xs\:pt-\[230px\]{
    padding-top:230px;
  }


  .xs\:pb-8{
    padding-bottom:2rem;
  }


  .xs\:pt-6{
    padding-top:1.5rem;
  }


  .xs\:pt-2{
    padding-top:0.5rem;
  }


  .xs\:pb-6{
    padding-bottom:1.5rem;
  }


  .xs\:pt-11{
    padding-top:2.75rem;
  }


  .xs\:pt-3{
    padding-top:0.75rem;
  }


  .xs\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }


  .xs\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }


  .xs\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem;
  }


  .xs\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }


  .xs\:text-\[20px\]{
    font-size:20px;
  }


  .xs\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem;
  }


  .xs\:leading-none{
    line-height:1;
  }
}


@media (min-width: 640px){


  .sm\:absolute{
    position:absolute;
  }


  .sm\:top-9{
    top:2.25rem;
  }


  .sm\:top-\[48px\]{
    top:48px;
  }


  .sm\:top-\[60px\]{
    top:60px;
  }


  .sm\:top-0{
    top:0px;
  }


  .sm\:right-\[80px\]{
    right:80px;
  }


  .sm\:left-auto{
    left:auto;
  }


  .sm\:left-\[-30px\]{
    left:-30px;
  }


  .sm\:left-\[-7px\]{
    left:-7px;
  }


  .sm\:bottom-auto{
    bottom:auto;
  }


  .sm\:bottom-\[250px\]{
    bottom:250px;
  }


  .sm\:left-\[60px\]{
    left:60px;
  }


  .sm\:top-\[50px\]{
    top:50px;
  }


  .sm\:bottom-\[450px\]{
    bottom:450px;
  }


  .sm\:top-14{
    top:3.5rem;
  }


  .sm\:top-\[20px\]{
    top:20px;
  }


  .sm\:right-\[-40px\]{
    right:-40px;
  }


  .sm\:top-\[12px\]{
    top:12px;
  }


  .sm\:top-\[24px\]{
    top:24px;
  }


  .sm\:col-span-2{
    grid-column:span 2 / span 2;
  }


  .sm\:col-span-3{
    grid-column:span 3 / span 3;
  }


  .sm\:m-auto{
    margin:auto;
  }


  .sm\:m-\[40px\]{
    margin:40px;
  }


  .sm\:mr-20{
    margin-right:5rem;
  }


  .sm\:mt-\[32px\]{
    margin-top:32px;
  }


  .sm\:mt-\[-8px\]{
    margin-top:-8px;
  }


  .sm\:mt-\[-210px\]{
    margin-top:-210px;
  }


  .sm\:mb-0{
    margin-bottom:0px;
  }


  .sm\:mb-\[20px\]{
    margin-bottom:20px;
  }


  .sm\:mr-0{
    margin-right:0px;
  }


  .sm\:mt-0{
    margin-top:0px;
  }


  .sm\:mb-6{
    margin-bottom:1.5rem;
  }


  .sm\:ml-0{
    margin-left:0px;
  }


  .sm\:mb-8{
    margin-bottom:2rem;
  }


  .sm\:mb-\[-150px\]{
    margin-bottom:-150px;
  }


  .sm\:mr-\[240px\]{
    margin-right:240px;
  }


  .sm\:mb-1{
    margin-bottom:0.25rem;
  }


  .sm\:block{
    display:block;
  }


  .sm\:inline{
    display:inline;
  }


  .sm\:flex{
    display:flex;
  }


  .sm\:grid{
    display:grid;
  }


  .sm\:h-auto{
    height:auto;
  }


  .sm\:h-\[120px\]{
    height:120px;
  }


  .sm\:h-1{
    height:0.25rem;
  }


  .sm\:h-\[100px\]{
    height:100px;
  }


  .sm\:h-\[28px\]{
    height:28px;
  }


  .sm\:h-\[300px\]{
    height:300px;
  }


  .sm\:h-\[450px\]{
    height:450px;
  }


  .sm\:h-\[30px\]{
    height:30px;
  }


  .sm\:h-\[400px\]{
    height:400px;
  }


  .sm\:h-8{
    height:2rem;
  }


  .sm\:h-\[350px\]{
    height:350px;
  }


  .sm\:h-\[150px\]{
    height:150px;
  }


  .sm\:h-\[38px\]{
    height:38px;
  }


  .sm\:h-\[550px\]{
    height:550px;
  }


  .sm\:h-\[200px\]{
    height:200px;
  }


  .sm\:max-h-\[400px\]{
    max-height:400px;
  }


  .sm\:min-h-\[400px\]{
    min-height:400px;
  }


  .sm\:w-\[33px\]{
    width:33px;
  }


  .sm\:w-\[300px\]{
    width:300px;
  }


  .sm\:w-\[130px\]{
    width:130px;
  }


  .sm\:w-auto{
    width:auto;
  }


  .sm\:w-\[100px\]{
    width:100px;
  }


  .sm\:w-\[38px\]{
    width:38px;
  }


  .sm\:w-\[40px\]{
    width:40px;
  }


  .sm\:w-1\/2{
    width:50%;
  }


  .sm\:max-w-\[80px\]{
    max-width:80px;
  }


  .sm\:flex-shrink{
    flex-shrink:1;
  }


  .sm\:flex-grow{
    flex-grow:1;
  }


  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }


  .sm\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }


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


  .sm\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }


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


  .sm\:flex-col{
    flex-direction:column;
  }


  .sm\:items-center{
    align-items:center;
  }


  .sm\:rounded-none{
    border-radius:0px;
  }


  .sm\:rounded-r-md{
    border-top-right-radius:0.375rem;
    border-bottom-right-radius:0.375rem;
  }


  .sm\:rounded-l-none{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
  }


  .sm\:border-l-40{
    border-left-width:40px;
  }


  .sm\:border-t{
    border-top-width:1px;
  }


  .sm\:border-t-0{
    border-top-width:0px;
  }


  .sm\:p-\[30px\]{
    padding:30px;
  }


  .sm\:px-7{
    padding-left:1.75rem;
    padding-right:1.75rem;
  }


  .sm\:py-9{
    padding-top:2.25rem;
    padding-bottom:2.25rem;
  }


  .sm\:py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
  }


  .sm\:px-4{
    padding-left:1rem;
    padding-right:1rem;
  }


  .sm\:py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem;
  }


  .sm\:py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem;
  }


  .sm\:pl-10{
    padding-left:2.5rem;
  }


  .sm\:pt-10{
    padding-top:2.5rem;
  }


  .sm\:pt-0{
    padding-top:0px;
  }


  .sm\:pt-\[80px\]{
    padding-top:80px;
  }


  .sm\:pl-0{
    padding-left:0px;
  }


  .sm\:pt-\[33px\]{
    padding-top:33px;
  }


  .sm\:pt-\[30px\]{
    padding-top:30px;
  }


  .sm\:pl-\[30px\]{
    padding-left:30px;
  }


  .sm\:pt-\[10px\]{
    padding-top:10px;
  }


  .sm\:pb-5{
    padding-bottom:1.25rem;
  }


  .sm\:pr-\[10px\]{
    padding-right:10px;
  }


  .sm\:pt-14{
    padding-top:3.5rem;
  }


  .sm\:pt-\[250px\]{
    padding-top:250px;
  }


  .sm\:pt-8{
    padding-top:2rem;
  }


  .sm\:pb-2{
    padding-bottom:0.5rem;
  }


  .sm\:pb-4{
    padding-bottom:1rem;
  }


  .sm\:pr-0{
    padding-right:0px;
  }


  .sm\:pl-2{
    padding-left:0.5rem;
  }


  .sm\:pt-20{
    padding-top:5rem;
  }


  .sm\:pt-4{
    padding-top:1rem;
  }


  .sm\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }


  .sm\:text-\[18px\]{
    font-size:18px;
  }


  .sm\:text-\[30px\]{
    font-size:30px;
  }


  .sm\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem;
  }


  .sm\:text-5xl{
    font-size:3rem;
    line-height:1;
  }


  .sm\:text-xs{
    font-size:0.75rem;
    line-height:1rem;
  }


  .sm\:text-\[33px\]{
    font-size:33px;
  }


  .sm\:text-\[40px\]{
    font-size:40px;
  }


  .sm\:text-\[16px\]{
    font-size:16px;
  }


  .sm\:text-\[14px\]{
    font-size:14px;
  }


  .sm\:leading-none{
    line-height:1;
  }


  .sm\:leading-8{
    line-height:2rem;
  }


  .sm\:leading-\[38px\]{
    line-height:38px;
  }


  .sm\:leading-tight{
    line-height:1.25;
  }


  .sm\:tracking-normal{
    letter-spacing:0em;
  }
}


@media (min-width: 768px){


  .md\:absolute{
    position:absolute;
  }


  .md\:inset-\[13px\]{
    top:13px;
    right:13px;
    bottom:13px;
    left:13px;
  }


  .md\:right-\[8px\]{
    right:8px;
  }


  .md\:left-auto{
    left:auto;
  }


  .md\:right-0{
    right:0px;
  }


  .md\:left-\[80px\]{
    left:80px;
  }


  .md\:bottom-0{
    bottom:0px;
  }


  .md\:left-\[-40px\]{
    left:-40px;
  }


  .md\:top-\[60px\]{
    top:60px;
  }


  .md\:bottom-\[200px\]{
    bottom:200px;
  }


  .md\:top-\[140px\]{
    top:140px;
  }


  .md\:top-\[130px\]{
    top:130px;
  }


  .md\:bottom-\[400px\]{
    bottom:400px;
  }


  .md\:top-\[5px\]{
    top:5px;
  }


  .md\:left-\[5px\]{
    left:5px;
  }


  .md\:right-\[5px\]{
    right:5px;
  }


  .md\:bottom-\[5px\]{
    bottom:5px;
  }


  .md\:col-span-2{
    grid-column:span 2 / span 2;
  }


  .md\:col-span-1{
    grid-column:span 1 / span 1;
  }


  .md\:col-span-3{
    grid-column:span 3 / span 3;
  }


  .md\:col-span-4{
    grid-column:span 4 / span 4;
  }


  .md\:col-span-8{
    grid-column:span 8 / span 8;
  }


  .md\:col-span-5{
    grid-column:span 5 / span 5;
  }


  .md\:col-span-9{
    grid-column:span 9 / span 9;
  }


  .md\:col-start-4{
    grid-column-start:4;
  }


  .md\:m-\[63px\]{
    margin:63px;
  }


  .md\:mx-\[30\%\]{
    margin-left:30%;
    margin-right:30%;
  }


  .md\:-mx-8{
    margin-left:-2rem;
    margin-right:-2rem;
  }


  .md\:mx-\[-5px\]{
    margin-left:-5px;
    margin-right:-5px;
  }


  .md\:-mx-4{
    margin-left:-1rem;
    margin-right:-1rem;
  }


  .md\:mx-4{
    margin-left:1rem;
    margin-right:1rem;
  }


  .md\:mb-12{
    margin-bottom:3rem;
  }


  .md\:mt-0{
    margin-top:0px;
  }


  .md\:mt-\[-200px\]{
    margin-top:-200px;
  }


  .md\:mr-3{
    margin-right:0.75rem;
  }


  .md\:mb-3{
    margin-bottom:0.75rem;
  }


  .md\:mt-\[13px\]{
    margin-top:13px;
  }


  .md\:mb-\[50px\]{
    margin-bottom:50px;
  }


  .md\:mb-0{
    margin-bottom:0px;
  }


  .md\:-mt-10{
    margin-top:-2.5rem;
  }


  .md\:-mb-10{
    margin-bottom:-2.5rem;
  }


  .md\:ml-\[-5px\]{
    margin-left:-5px;
  }


  .md\:mr-\[30px\]{
    margin-right:30px;
  }


  .md\:mr-1{
    margin-right:0.25rem;
  }


  .md\:block{
    display:block;
  }


  .md\:inline-block{
    display:inline-block;
  }


  .md\:flex{
    display:flex;
  }


  .md\:grid{
    display:grid;
  }


  .md\:hidden{
    display:none;
  }


  .md\:h-\[200px\]{
    height:200px;
  }


  .md\:h-\[400px\]{
    height:400px;
  }


  .md\:h-\[300px\]{
    height:300px;
  }


  .md\:h-\[450px\]{
    height:450px;
  }


  .md\:h-\[180px\]{
    height:180px;
  }


  .md\:h-\[516px\]{
    height:516px;
  }


  .md\:h-\[40px\]{
    height:40px;
  }


  .md\:h-\[550px\]{
    height:550px;
  }


  .md\:max-h-\[none\]{
    max-height:none;
  }


  .md\:max-h-\[500px\]{
    max-height:500px;
  }


  .md\:max-h-\[325px\]{
    max-height:325px;
  }


  .md\:min-h-\[300px\]{
    min-height:300px;
  }


  .md\:w-auto{
    width:auto;
  }


  .md\:w-\[175px\]{
    width:175px;
  }


  .md\:w-\[100px\]{
    width:100px;
  }


  .md\:w-\[180px\]{
    width:180px;
  }


  .md\:w-2\/3{
    width:66.666667%;
  }


  .md\:w-1\/3{
    width:33.333333%;
  }


  .md\:w-1\/2{
    width:50%;
  }


  .md\:max-w-\[122px\]{
    max-width:122px;
  }


  .md\:max-w-\[320px\]{
    max-width:320px;
  }


  .md\:flex-1{
    flex:1 1 0%;
  }


  .md\:cursor-auto{
    cursor:auto;
  }


  .md\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }


  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }


  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }


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


  .md\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }


  .md\:grid-cols-8{
    grid-template-columns:repeat(8, minmax(0, 1fr));
  }


  .md\:flex-row{
    flex-direction:row;
  }


  .md\:flex-row-reverse{
    flex-direction:row-reverse;
  }


  .md\:gap-\[15px\]{
    gap:15px;
  }


  .md\:overflow-hidden{
    overflow:hidden;
  }


  .md\:overflow-visible{
    overflow:visible;
  }


  .md\:overflow-y-auto{
    overflow-y:auto;
  }


  .md\:border-b-\[16px\]{
    border-bottom-width:16px;
  }


  .md\:border-l{
    border-left-width:1px;
  }


  .md\:bg-transparent{
    background-color:transparent;
  }


  .md\:p-\[40px\]{
    padding:40px;
  }


  .md\:p-2{
    padding:0.5rem;
  }


  .md\:p-\[8px\]{
    padding:8px;
  }


  .md\:p-\[5px\]{
    padding:5px;
  }


  .md\:p-0{
    padding:0px;
  }


  .md\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }


  .md\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem;
  }


  .md\:px-\[10px\]{
    padding-left:10px;
    padding-right:10px;
  }


  .md\:py-\[5px\]{
    padding-top:5px;
    padding-bottom:5px;
  }


  .md\:py-4{
    padding-top:1rem;
    padding-bottom:1rem;
  }


  .md\:py-\[30px\]{
    padding-top:30px;
    padding-bottom:30px;
  }


  .md\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }


  .md\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }


  .md\:px-8{
    padding-left:2rem;
    padding-right:2rem;
  }


  .md\:pl-5{
    padding-left:1.25rem;
  }


  .md\:pt-\[32px\]{
    padding-top:32px;
  }


  .md\:pb-\[32px\]{
    padding-bottom:32px;
  }


  .md\:pb-4{
    padding-bottom:1rem;
  }


  .md\:pb-3{
    padding-bottom:0.75rem;
  }


  .md\:pl-\[10px\]{
    padding-left:10px;
  }


  .md\:pr-\[10px\]{
    padding-right:10px;
  }


  .md\:pr-\[20px\]{
    padding-right:20px;
  }


  .md\:pt-1{
    padding-top:0.25rem;
  }


  .md\:pb-1{
    padding-bottom:0.25rem;
  }


  .md\:pb-12{
    padding-bottom:3rem;
  }


  .md\:pt-\[40px\]{
    padding-top:40px;
  }


  .md\:pl-\[40px\]{
    padding-left:40px;
  }


  .md\:pr-\[80px\]{
    padding-right:80px;
  }


  .md\:pr-\[100px\]{
    padding-right:100px;
  }


  .md\:pb-\[250px\]{
    padding-bottom:250px;
  }


  .md\:pl-4{
    padding-left:1rem;
  }


  .md\:pt-2{
    padding-top:0.5rem;
  }


  .md\:pt-\[350px\]{
    padding-top:350px;
  }


  .md\:pt-4{
    padding-top:1rem;
  }


  .md\:pb-8{
    padding-bottom:2rem;
  }


  .md\:pt-8{
    padding-top:2rem;
  }


  .md\:pt-7{
    padding-top:1.75rem;
  }


  .md\:pl-3{
    padding-left:0.75rem;
  }


  .md\:pr-3{
    padding-right:0.75rem;
  }


  .md\:pr-8{
    padding-right:2rem;
  }


  .md\:pl-8{
    padding-left:2rem;
  }


  .md\:pr-2{
    padding-right:0.5rem;
  }


  .md\:pr-0{
    padding-right:0px;
  }


  .md\:pl-2{
    padding-left:0.5rem;
  }


  .md\:pr-6{
    padding-right:1.5rem;
  }


  .md\:pl-6{
    padding-left:1.5rem;
  }


  .md\:text-5xl{
    font-size:3rem;
    line-height:1;
  }


  .md\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }


  .md\:text-\[27px\]{
    font-size:27px;
  }


  .md\:text-\[40px\]{
    font-size:40px;
  }


  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }


  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }


  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }


  .md\:text-\[18px\]{
    font-size:18px;
  }


  .md\:text-\[38px\]{
    font-size:38px;
  }


  .md\:text-\[50px\]{
    font-size:50px;
  }


  .md\:text-\[20px\]{
    font-size:20px;
  }


  .md\:text-\[25px\]{
    font-size:25px;
  }


  .md\:text-\[16px\]{
    font-size:16px;
  }


  .md\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem;
  }


  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }


  .md\:leading-\[40px\]{
    line-height:40px;
  }


  .md\:leading-none{
    line-height:1;
  }


  .md\:leading-9{
    line-height:2.25rem;
  }


  .md\:tracking-wide{
    letter-spacing:0.025em;
  }
}


@media (min-width: 1024px){


  .lg\:static{
    position:static;
  }


  .lg\:absolute{
    position:absolute;
  }


  .lg\:top-\[2px\]{
    top:2px;
  }


  .lg\:left-\[2px\]{
    left:2px;
  }


  .lg\:top-\[35px\]{
    top:35px;
  }


  .lg\:bottom-\[200px\]{
    bottom:200px;
  }


  .lg\:left-\[60px\]{
    left:60px;
  }


  .lg\:top-0{
    top:0px;
  }


  .lg\:top-\[160px\]{
    top:160px;
  }


  .lg\:top-\[200px\]{
    top:200px;
  }


  .lg\:bottom-\[400px\]{
    bottom:400px;
  }


  .lg\:bottom-0{
    bottom:0px;
  }


  .lg\:right-0{
    right:0px;
  }


  .lg\:top-28{
    top:7rem;
  }


  .lg\:col-span-2{
    grid-column:span 2 / span 2;
  }


  .lg\:col-span-1{
    grid-column:span 1 / span 1;
  }


  .lg\:col-span-4{
    grid-column:span 4 / span 4;
  }


  .lg\:float-right{
    float:right;
  }


  .lg\:clear-none{
    clear:none;
  }


  .lg\:mx-10{
    margin-left:2.5rem;
    margin-right:2.5rem;
  }


  .lg\:my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
  }


  .lg\:my-\[40px\]{
    margin-top:40px;
    margin-bottom:40px;
  }


  .lg\:my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem;
  }


  .lg\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem;
  }


  .lg\:mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem;
  }


  .lg\:-mx-2{
    margin-left:-0.5rem;
    margin-right:-0.5rem;
  }


  .lg\:mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem;
  }


  .lg\:mt-0{
    margin-top:0px;
  }


  .lg\:mr-0{
    margin-right:0px;
  }


  .lg\:mb-\[110px\]{
    margin-bottom:110px;
  }


  .lg\:ml-0{
    margin-left:0px;
  }


  .lg\:mr-8{
    margin-right:2rem;
  }


  .lg\:mb-\[15px\]{
    margin-bottom:15px;
  }


  .lg\:mb-\[50px\]{
    margin-bottom:50px;
  }


  .lg\:mt-\[56px\]{
    margin-top:56px;
  }


  .lg\:mb-\[-10px\]{
    margin-bottom:-10px;
  }


  .lg\:mb-0{
    margin-bottom:0px;
  }


  .lg\:mb-4{
    margin-bottom:1rem;
  }


  .lg\:mb-8{
    margin-bottom:2rem;
  }


  .lg\:mb-\[20px\]{
    margin-bottom:20px;
  }


  .lg\:mb-\[100px\]{
    margin-bottom:100px;
  }


  .lg\:mb-10{
    margin-bottom:2.5rem;
  }


  .lg\:-mt-20{
    margin-top:-5rem;
  }


  .lg\:mt-10{
    margin-top:2.5rem;
  }


  .lg\:-mb-20{
    margin-bottom:-5rem;
  }


  .lg\:-mt-2{
    margin-top:-0.5rem;
  }


  .lg\:mb-2{
    margin-bottom:0.5rem;
  }


  .lg\:mr-\[40px\]{
    margin-right:40px;
  }


  .lg\:mr-\[30px\]{
    margin-right:30px;
  }


  .lg\:mb-5{
    margin-bottom:1.25rem;
  }


  .lg\:mt-32{
    margin-top:8rem;
  }


  .lg\:block{
    display:block;
  }


  .lg\:inline{
    display:inline;
  }


  .lg\:flex{
    display:flex;
  }


  .lg\:grid{
    display:grid;
  }


  .lg\:hidden{
    display:none;
  }


  .lg\:h-full{
    height:100%;
  }


  .lg\:h-\[127px\]{
    height:127px;
  }


  .lg\:h-\[18px\]{
    height:18px;
  }


  .lg\:h-\[14px\]{
    height:14px;
  }


  .lg\:h-\[70px\]{
    height:70px;
  }


  .lg\:h-\[300px\]{
    height:300px;
  }


  .lg\:h-\[500px\]{
    height:500px;
  }


  .lg\:h-\[400px\]{
    height:400px;
  }


  .lg\:h-\[550px\]{
    height:550px;
  }


  .lg\:h-\[600px\]{
    height:600px;
  }


  .lg\:h-\[516px\]{
    height:516px;
  }


  .lg\:h-\[48px\]{
    height:48px;
  }


  .lg\:max-h-\[600px\]{
    max-height:600px;
  }


  .lg\:max-h-\[350px\]{
    max-height:350px;
  }


  .lg\:max-h-\[500px\]{
    max-height:500px;
  }


  .lg\:max-h-\[none\]{
    max-height:none;
  }


  .lg\:max-h-\[400px\]{
    max-height:400px;
  }


  .lg\:min-h-\[400px\]{
    min-height:400px;
  }


  .lg\:w-full{
    width:100%;
  }


  .lg\:w-\[36px\]{
    width:36px;
  }


  .lg\:w-\[14px\]{
    width:14px;
  }


  .lg\:w-\[400px\]{
    width:400px;
  }


  .lg\:w-\[200px\]{
    width:200px;
  }


  .lg\:w-auto{
    width:auto;
  }


  .lg\:w-\[250px\]{
    width:250px;
  }


  .lg\:w-\[130px\]{
    width:130px;
  }


  .lg\:w-\[48px\]{
    width:48px;
  }


  .lg\:w-\[460px\]{
    width:460px;
  }


  .lg\:w-\[40px\]{
    width:40px;
  }


  .lg\:w-\[320px\]{
    width:320px;
  }


  .lg\:w-1\/3{
    width:33.333333%;
  }


  .lg\:w-1\/2{
    width:50%;
  }


  .lg\:w-2\/3{
    width:66.666667%;
  }


  .lg\:max-w-full{
    max-width:100%;
  }


  .lg\:flex-1{
    flex:1 1 0%;
  }


  .lg\:flex-grow{
    flex-grow:1;
  }


  .lg\:cursor-auto{
    cursor:auto;
  }


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


  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }


  .lg\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr));
  }


  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }


  .lg\:flex-row{
    flex-direction:row;
  }


  .lg\:items-end{
    align-items:flex-end;
  }


  .lg\:justify-between{
    justify-content:space-between;
  }


  .lg\:gap-\[30px\]{
    gap:30px;
  }


  .lg\:overflow-visible{
    overflow:visible;
  }


  .lg\:overflow-y-auto{
    overflow-y:auto;
  }


  .lg\:border-b-0{
    border-bottom-width:0px;
  }


  .lg\:border-t-0{
    border-top-width:0px;
  }


  .lg\:border-r{
    border-right-width:1px;
  }


  .lg\:border-b-\[16px\]{
    border-bottom-width:16px;
  }


  .lg\:bg-gray-ccgreylt{
    --tw-bg-opacity:1;
    background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
  }


  .lg\:bg-gray-f5{
    --tw-bg-opacity:1;
    background-color:rgba(245, 245, 245, var(--tw-bg-opacity));
  }


  .lg\:bg-transparent{
    background-color:transparent;
  }


  .lg\:p-8{
    padding:2rem;
  }


  .lg\:p-\[30px\]{
    padding:30px;
  }


  .lg\:p-0{
    padding:0px;
  }


  .lg\:px-0{
    padding-left:0px;
    padding-right:0px;
  }


  .lg\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem;
  }


  .lg\:px-\[30px\]{
    padding-left:30px;
    padding-right:30px;
  }


  .lg\:px-\[20px\]{
    padding-left:20px;
    padding-right:20px;
  }


  .lg\:pb-0{
    padding-bottom:0px;
  }


  .lg\:pl-10{
    padding-left:2.5rem;
  }


  .lg\:pl-\[90px\]{
    padding-left:90px;
  }


  .lg\:pl-0{
    padding-left:0px;
  }


  .lg\:pt-\[86px\]{
    padding-top:86px;
  }


  .lg\:pb-\[54px\]{
    padding-bottom:54px;
  }


  .lg\:pt-\[29px\]{
    padding-top:29px;
  }


  .lg\:pb-\[28px\]{
    padding-bottom:28px;
  }


  .lg\:pb-\[15px\]{
    padding-bottom:15px;
  }


  .lg\:pt-\[10px\]{
    padding-top:10px;
  }


  .lg\:pr-\[20px\]{
    padding-right:20px;
  }


  .lg\:pt-32{
    padding-top:8rem;
  }


  .lg\:pt-48{
    padding-top:12rem;
  }


  .lg\:pt-28{
    padding-top:7rem;
  }


  .lg\:pt-\[460px\]{
    padding-top:460px;
  }


  .lg\:pt-16{
    padding-top:4rem;
  }


  .lg\:pr-0{
    padding-right:0px;
  }


  .lg\:pl-\[7px\]{
    padding-left:7px;
  }


  .lg\:pl-\[15px\]{
    padding-left:15px;
  }


  .lg\:pb-5{
    padding-bottom:1.25rem;
  }


  .lg\:pb-4{
    padding-bottom:1rem;
  }


  .lg\:pb-2{
    padding-bottom:0.5rem;
  }


  .lg\:pl-\[30px\]{
    padding-left:30px;
  }


  .lg\:pr-4{
    padding-right:1rem;
  }


  .lg\:pl-4{
    padding-left:1rem;
  }


  .lg\:pb-3{
    padding-bottom:0.75rem;
  }


  .lg\:text-left{
    text-align:left;
  }


  .lg\:text-right{
    text-align:right;
  }


  .lg\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }


  .lg\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem;
  }


  .lg\:text-\[54px\]{
    font-size:54px;
  }


  .lg\:text-\[24px\]{
    font-size:24px;
  }


  .lg\:text-\[20px\]{
    font-size:20px;
  }


  .lg\:text-\[30px\]{
    font-size:30px;
  }


  .lg\:text-\[46px\]{
    font-size:46px;
  }


  .lg\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }


  .lg\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }


  .lg\:text-\[60px\]{
    font-size:60px;
  }


  .lg\:text-\[26px\]{
    font-size:26px;
  }


  .lg\:text-\[18px\]{
    font-size:18px;
  }


  .lg\:text-\[38px\]{
    font-size:38px;
  }


  .lg\:text-\[50px\]{
    font-size:50px;
  }


  .lg\:text-\[45px\]{
    font-size:45px;
  }


  .lg\:text-\[40px\]{
    font-size:40px;
  }


  .lg\:leading-\[48px\]{
    line-height:48px;
  }


  .lg\:leading-none{
    line-height:1;
  }


  .lg\:leading-9{
    line-height:2.25rem;
  }


  .lg\:text-black{
    --tw-text-opacity:1;
    color:rgba(0, 0, 0, var(--tw-text-opacity));
  }


  .dark .dark\:lg\:right-\[2px\]{
    right:2px;
  }


  .dark .dark\:lg\:bg-gray-500{
    --tw-bg-opacity:1;
    background-color:rgba(107, 114, 128, var(--tw-bg-opacity));
  }


  .dark .dark\:lg\:bg-black{
    --tw-bg-opacity:1;
    background-color:rgba(0, 0, 0, var(--tw-bg-opacity));
  }


  .dark .dark\:lg\:text-white{
    --tw-text-opacity:1;
    color:rgba(255, 255, 255, var(--tw-text-opacity));
  }
}


@media (min-width: 1280px){


  .xl\:top-10{
    top:2.5rem;
  }


  .xl\:top-\[52px\]{
    top:52px;
  }


  .xl\:top-\[64px\]{
    top:64px;
  }


  .xl\:left-\[90px\]{
    left:90px;
  }


  .xl\:top-\[100px\]{
    top:100px;
  }


  .xl\:bottom-\[300px\]{
    bottom:300px;
  }


  .xl\:left-\[70px\]{
    left:70px;
  }


  .xl\:top-\[-24px\]{
    top:-24px;
  }


  .xl\:top-\[-26px\]{
    top:-26px;
  }


  .xl\:top-\[200px\]{
    top:200px;
  }


  .xl\:top-\[140px\]{
    top:140px;
  }


  .xl\:right-0{
    right:0px;
  }


  .xl\:bottom-\[500px\]{
    bottom:500px;
  }


  .xl\:top-32{
    top:8rem;
  }


  .xl\:right-\[-50px\]{
    right:-50px;
  }


  .xl\:col-span-1{
    grid-column:span 1 / span 1;
  }


  .xl\:col-span-2{
    grid-column:span 2 / span 2;
  }


  .xl\:mb-\[-24px\]{
    margin-bottom:-24px;
  }


  .xl\:mr-0{
    margin-right:0px;
  }


  .xl\:mr-\[40px\]{
    margin-right:40px;
  }


  .xl\:mb-7{
    margin-bottom:1.75rem;
  }


  .xl\:h-\[108px\]{
    height:108px;
  }


  .xl\:h-\[700px\]{
    height:700px;
  }


  .xl\:h-\[750px\]{
    height:750px;
  }


  .xl\:max-h-\[700px\]{
    max-height:700px;
  }


  .xl\:max-h-\[400px\]{
    max-height:400px;
  }


  .xl\:max-h-\[600px\]{
    max-height:600px;
  }


  .xl\:w-\[40px\]{
    width:40px;
  }


  .xl\:w-\[280px\]{
    width:280px;
  }


  .xl\:w-\[50px\]{
    width:50px;
  }


  .xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }


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


  .xl\:py-10{
    padding-top:2.5rem;
    padding-bottom:2.5rem;
  }


  .xl\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }


  .xl\:px-\[30px\]{
    padding-left:30px;
    padding-right:30px;
  }


  .xl\:py-\[10px\]{
    padding-top:10px;
    padding-bottom:10px;
  }


  .xl\:py-\[100px\]{
    padding-top:100px;
    padding-bottom:100px;
  }


  .xl\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }


  .xl\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  }


  .xl\:pl-24{
    padding-left:6rem;
  }


  .xl\:pb-20{
    padding-bottom:5rem;
  }


  .xl\:pl-14{
    padding-left:3.5rem;
  }


  .xl\:pr-0{
    padding-right:0px;
  }


  .xl\:pt-\[30px\]{
    padding-top:30px;
  }


  .xl\:pb-\[30px\]{
    padding-bottom:30px;
  }


  .xl\:pb-\[250px\]{
    padding-bottom:250px;
  }


  .xl\:pr-12{
    padding-right:3rem;
  }


  .xl\:pb-\[100px\]{
    padding-bottom:100px;
  }


  .xl\:pr-\[30px\]{
    padding-right:30px;
  }


  .xl\:pt-32{
    padding-top:8rem;
  }


  .xl\:pt-40{
    padding-top:10rem;
  }


  .xl\:pt-\[550px\]{
    padding-top:550px;
  }


  .xl\:pt-56{
    padding-top:14rem;
  }


  .xl\:pl-\[7px\]{
    padding-left:7px;
  }


  .xl\:pl-\[16px\]{
    padding-left:16px;
  }


  .xl\:pr-6{
    padding-right:1.5rem;
  }


  .xl\:pl-6{
    padding-left:1.5rem;
  }


  .xl\:pt-48{
    padding-top:12rem;
  }


  .xl\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }


  .xl\:text-\[28px\]{
    font-size:28px;
  }


  .xl\:text-\[24px\]{
    font-size:24px;
  }


  .xl\:text-\[36px\]{
    font-size:36px;
  }


  .xl\:text-\[56px\]{
    font-size:56px;
  }


  .xl\:text-\[16px\]{
    font-size:16px;
  }


  .xl\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }


  .xl\:text-\[45px\]{
    font-size:45px;
  }


  .xl\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }


  .xl\:text-\[20px\]{
    font-size:20px;
  }
}


@media (min-width: 1536px){


  .\32xl\:top-\[275px\]{
    top:275px;
  }


  .\32xl\:top-\[200px\]{
    top:200px;
  }


  .\32xl\:h-\[600px\]{
    height:600px;
  }


  .\32xl\:h-\[534px\]{
    height:534px;
  }


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


  .\32xl\:border-b-\[25px\]{
    border-bottom-width:25px;
  }


  .\32xl\:p-\[25px\]{
    padding:25px;
  }
}