:root {
  --color-highlight:#E87200; /*orange*/
  --color-blue-dark:#0e2d52; /*dark blue*/
  --color-blue-light:#326195; /*light blue*/

  --color-0:#000;
  --color-1:#fff;

  --font-primed:'PrimedRegular';
  --font-gotham:'Gotham',sans-serif;
}
  
.btns a.alt {background-color:var(--color-blue-light);}
.btns a.alt:hover {background-color:var(--color-blue-dark);}

.section {background:transparent;}
  .banner.uc .inner {height:auto; min-height:70vh;}
  /* .banner.uc.uc-v2 .inner {height:86vh;} */
  .banner.uc.cat .inner {height:auto; min-height:50vh;}
    .banner.uc .overlay {width:100%; height:100%; background:var(--color-blue-dark); left:0; top:0; right:0; bottom:0; position:absolute; z-index:1; opacity:0.8;}
    .banner.uc .banner-img {position:absolute;}
    .banner.uc .banner-content {width:680px; margin:0 auto 0 6%; padding:190px 0 120px; color:var(--color-1); text-align:left; position:relative; z-index:5;}
    .banner.uc.cat .banner-content {width:88%; max-width:715px; margin-left:7%;}
      .banner.uc .banner-content h1 {font-family:var(--font-gotham); color:var(--color-1); font-size:75px; line-height:0.8; font-weight:700; text-transform:uppercase; padding-bottom:0;}
      .banner.uc.cat .banner-content h1 {font-size:60px; line-height:1.05;}
        .banner.uc .banner-content h1 span {font-family:var(--font-primed); font-size:123px; font-weight:400; color:var(--color-highlight); text-transform:none; margin-left:-10px;}
      .banner.uc .banner-content hr {width:100%; height:4px; background:var(--color-highlight); clear:both; display:block; margin:30px 0 35px;}
      .banner.uc .banner-content .banner-desc {font-size:20px; line-height:1.5;}
      .banner.uc .banner-content .btns {width:fit-content; text-align:left; position:relative; padding-top:0; margin:70px 0 0;}
      .banner.uc .banner-content .btns::after {content:''; width:110px; height:156px; background:url(/wp-content/themes/ju2019/images/icon-arrows.png); position:absolute; right:-102px; top:45%; transform:translateY(-50%); opacity:0; animation-name:showbannerbtnarrow; animation-duration:1.25s; animation-delay:0.8s; animation-fill-mode:forwards;}
        .banner.uc .banner-content .btns a {min-width:200px;}
      @keyframes showbannerbtnarrow {
        0% {opacity:0;}
        100% {opacity:1;}
      }
      .banner.uc .swiper-container {width:100%; position:relative; overflow:hidden;}
        .banner.uc .swiper-container .swiper-slide {height:auto;}
      .banner.uc .preload-spinner, .banner.uc .preloader {width:78px;height:78px;position:absolute;left:50%;top:50%;z-index:4;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); display:inline-block;overflow:hidden;background:0 0}
        .spinner-anim {width: 100%;height: 100%;position: relative;transform: translateZ(0) scale(.78);backface-visibility: hidden;transform-origin: 0 0}
          .spinner-anim div {position: absolute;width: 62px;height: 62px;border: 8px solid var(--color-highlight);border-top-color: transparent;border-radius: 50%;animation: 1s linear infinite spinning-anim;top: 50px;left: 50px;box-sizing: content-box}
      @keyframes spinning-anim {
        0% {transform: translate(-50%,-50%) rotate(0)}
        100% {transform: translate(-50%,-50%) rotate(360deg)}
      }
      .banner.uc .swiper-container .swiper-pagination-bullet {width: 22px;height: 22px;background: #fff;margin: 0 6px;opacity: 1;transition: background .25s;}
      .banner.uc .swiper-container .swiper-pagination-bullet:hover, .banner.uc .swiper-container .swiper-pagination-bullet-active {background: #FF6B0E;}

  @media (max-width:1200px) {
    .banner.uc.cat .banner-content h1 {font-size:54px;}
  }
  @media (max-width:782px) {
    .banner.uc .banner-content {width:88%; margin:0 auto; padding:120px 0 80px;}
    .banner.uc.cat .banner-content {padding:200px 0 90px;}
      .banner.uc .banner-content h1 {font-size:58px;}
      .banner.uc.cat .banner-content h1 {font-size:50px;}
        .banner.uc .banner-content h1 span {font-size:110px;}
  }
  @media (max-width:782px) {
    .banner.uc.cat .banner-content h1 {font-size:42px;}
  }
  @media (max-width:600px) {
    .banner.uc .banner-img {width:100%; max-width:100%; margin-left:0;}
  }
  @media (max-width:500px) {
    .banner.uc .banner-content {padding:200px 0 160px;}
      .banner.uc .banner-content h1 {font-size:42px;}
      .banner.uc.cat .banner-content h1 {font-size:36px;}
        .banner.uc .banner-content h1 span {font-size:80px;}
      .banner.uc .banner-content .btns a {display:block; margin:0 0 10px;}
      .banner.uc .banner-content .btns::after {top:75%;}
  }
  @media (max-width:400px) {
    .banner.uc.cat .banner-content h1 {font-size:32px;}
  }
  @media (max-width:374px) {
    .banner.uc .banner-content h1 {font-size:36px;}
    .banner.uc.cat .banner-content h1 {font-size:28px;}
      .banner.uc .banner-content h1 span {font-size:70px;}
  }

h2.sl {font-family:var(--font-gotham); font-size:50px; color:var(--color-blue-dark);}
hr.sl {width:100%; height:4px; background:var(--color-highlight); outline:0; clear:both; display:block; margin:25px 0 30px;}
  @media (max-width:1200px) {
    h2.sl {font-size:42px;}
  }
  @media (max-width:880px) {
    h2.sl {font-size:38px;}
  }
  @media (max-width:767px) {
    h2.sl {font-size:36px;}
  }

.section.pjs-content-w-img {background-image:url(/wp-content/themes/ju2019/images/seal-city-of-knoxville-tennessee.jpg); background-position:center center; background-repeat:no-repeat; z-index:2;}
  .pjs-content-w-img .inner {padding:115px 7% 130px; z-index:1;}
    .pjs-content-w-img .pjs-content-group {width:100%; /*max-width:1300px;*/ display:flex; flex-wrap:wrap; padding-bottom:175px;}
    .pjs-content-w-img .pjs-content-group:last-child {padding-bottom:0;}
      .pjs-content-w-img .pjs-content-group .col-txt {width:47%; margin:0;}
      .pjs-content-w-img .pjs-content-group.alt .col-txt {order:2;}
        .pjs-content-w-img .pjs-content-group.alt .col-txt h2 {padding-left:10%;}
        .pjs-content-w-img .pjs-content-group .col-txt .content {padding:0 8% 0 0; font-size:20px; line-height:1.5;}
        .pjs-content-w-img .pjs-content-group.alt .col-txt .content {padding:0 0 0 10%;}
      .pjs-content-w-img .pjs-content-group .col-img {width:53%; margin:0;}
      .pjs-content-w-img .pjs-content-group.alt .col-img {order:1;}
        .pjs-content-w-img .pjs-content-group .col-img img {width:100%; display:block; box-shadow:12px 12px 20px 5px rgba(0,0,0,0.25);}
  .pjs-content-w-img .element-arrow {width:391px; height:406px; background:url(/wp-content/themes/ju2019/images/element-arrow.png) no-repeat; background-size:contain; position:absolute; right:1%; bottom:-100px; z-index:0;}
  @media (max-width:1400px) {
    .pjs-content-w-img .element-arrow {width:289px; height:300px; bottom:-70px;}
  }
  @media (max-width:1200px) {
    .pjs-content-w-img .pjs-content-group .col-txt {width:53%;}
    .pjs-content-w-img .pjs-content-group .col-img {width:47%;}
    .pjs-content-w-img .element-arrow {width:196px; height:200px; right:30px; bottom:-65px;}
  }
  @media (max-width:880px) {
    .pjs-content-w-img .pjs-content-group .col-txt {width:56%;}
    .pjs-content-w-img .pjs-content-group .col-img {width:44%;}
  }
  @media (max-width:767px) {
    .pjs-content-w-img .inner {padding-top:75px; padding-bottom:80px;}
      .pjs-content-w-img .pjs-content-group {padding-bottom:120px;}
        .pjs-content-w-img .pjs-content-group .col-txt {width:100%; order:2; margin-top:45px;}
        .pjs-content-w-img .pjs-content-group .col-img {width:100%; order:1;}
    .pjs-content-w-img .element-arrow {display:none;}
  }

.section.pjs-cats-swiper {background:#EDE7D8; z-index:1;}
  .pjs-cats-swiper .inner {padding:90px 5% 200px;}
    .pjs-cats-swiper .main-content {width:100%; /*max-width:1370px;*/ text-align:center;}
      .pjs-cats-swiper .main-content hr {max-width:594px; margin-left:auto; margin-right:auto;}
      .pjs-cats-swiper .main-content .content {font-size:20px; line-height:1.5;}
    .pjs-cats-swiper .cats-swiper {width:100%; /*max-width:1370px;*/ position:relative;}
      .pjs-cats-swiper .swiper-container {width:calc(100% - 160px); padding:0; position:relative; overflow:hidden; padding:40px 0; margin:10px 80px 0;}
        .pjs-cats-swiper .swiper-slide {max-width:400px; aspect-ratio:1; box-shadow:1px 2px 7px 2px rgba(0,0,0,0.2);}
          .pjs-cats-swiper .swiper-slide .btns {width:100%; position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:1;}
            .pjs-cats-swiper .swiper-slide .btns a {width:80%; min-width:150px; white-space:initial;}
      .pjs-cats-swiper .swiper-button-next {width:52px; height:55px; background-image:none; right:0;}
      .pjs-cats-swiper .swiper-button-prev {width:52px; height:55px; background-image:none; left:0;}
      .pjs-cats-swiper .swiper-pagination {width:100%; bottom:-20px;}
        .pjs-cats-swiper .swiper-pagination-bullet {width:22px; height:22px; background:var(--color-1); margin:0 6px; opacity:1;}
        .pjs-cats-swiper .swiper-pagination-bullet-active {background:var(--color-highlight);}
        .pjs-cats-swiper .swiper-button-next:after, .pjs-cats-swiper .swiper-button-prev:after {content:'';}
  @media (max-width:767px) {
    .pjs-cats-swiper .swiper-container {width:calc(100% - 120px); margin:10px 60px 0;}
  }

.section.generic.panel.accd-sl {background-color:transparent; background-image:url(/wp-content/themes/ju2019/images/tile-dots-4.png); background-repeat:repeat-x; z-index:2;}
  .section.generic.panel.accd-sl .inner {padding:165px 7% 35px;}
    .accd-sl .content {width:100%; /*max-width:1370px;*/}
      .accd-sl .content .top-txt, .accd-sl .accordion .desc {font-size:20px; line-height:1.5;}
    .pjs-accordions.sl {max-width:890px; margin-left:0;}

.section.pjs-contact-basic {z-index:1;}
  .pjs-contact-basic .inner {padding:30px 7% 60px;}
    .pjs-contact-basic .main-content {width:100%; /*max-width:1370px;*/}
      .pjs-contact-basic .main-content h3 {font-family:var(--font-gotham); color:var(--color-blue-dark); font-size:40px;}
      .pjs-contact-basic .main-content .content {font-size:20px; line-height:1.5; padding-top:20px;}
      .pjs-contact-basic .main-content .btns {padding-top:40px; text-align:left;}
  .pjs-contact-basic .bg-bug {width:387px; height:463px; background:url(/wp-content/themes/ju2019/images/bg-bug.png) bottom right no-repeat; position:absolute; right:0; bottom:0; z-index:0;}
  @media (max-width:1400px) {
    .pjs-contact-basic .bg-bug {width:300px; background-size:contain;}
  }
  @media (max-width:1300px) {
    .pjs-contact-basic .bg-bug {width:250px;}
  }
  @media (max-width:950px) {
    .pjs-contact-basic .bg-bug {display:none;}
  }

.section.pjs-intro-cols {background:#EFEDE9;}
  .pjs-intro-cols .inner {padding:120px 7% 110px;}
    .pjs-intro-cols .pjs-content {width:100%; /*max-width:1370px;*/ display:flex; justify-content:space-between; flex-wrap:wrap;}
      .pjs-intro-cols .col-left {width:59%; margin:0;}
        .pjs-intro-cols .col-left .content {font-family:var(--font-gotham); font-size:50px; line-height:1; font-weight:700; color:var(--color-blue-dark);}
          .pjs-intro-cols .col-left .content span {font-family:var(--font-primed); font-size:85px; line-height:1; font-weight:400; color:var(--color-highlight); display:inline-block; vertical-align:sub;}
      .pjs-intro-cols .col-right {width:37%; margin:0 0 0 auto;}
        .pjs-intro-cols .col-right .content {font-size:20px; line-height:1.5;}
  @media (max-width:767px) {
    .pjs-intro-cols .inner {padding:80px 7%;}
      .pjs-intro-cols .col-left {width:100%;}
      .pjs-intro-cols .col-right {width:100%; margin:25px 0 0;}
  }
  @media (max-width:500px) {
    .pjs-intro-cols .col-left .content {font-size:42px;}
      .pjs-intro-cols .col-left .content span {font-size:72px;}
  }