/*
Theme Name: CBS Global 2023
Theme URI: https://www.plainjoe.net
Author: PlainJoe
Author URI: https://www.plainjoe.net
Description: Custom Wordpress theme for CBS global site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.plainjoe.net
*/

:root {
  /*colors*/
  --main-color:#25235D; /*purple*/
  --main-color-alt:#413CC0; /*lighter purple*/
  --color-1:#fff; /*white*/
  --color-2:#f7f7f7; /*off-white*/
  --color-2a:#FAF8F9; /*off-white 2*/
  --color-2b:#f0f0f0; /*off-white 3*/
  --color-3:#000; /*black*/
  --color-4:#0E0D22; /*off-black*/
  --color-4a:#141414; /*off-black 2*/
  --color-5:#272727; /*dark gray*/
  --color-6:#444343; /*gray*/
  --color-7:#585858; /*gray 2*/
  --color-7a:#707070; /*gray 3*/
  --color-7b:#E8E8E8; /*gray 4*/
  --color-8:#DBDBDB; /*light gray*/
  --color-9:#0E0D22; /*dark purple*/
  --color-10:#413CC0; /*purple*/
  --color-11:#484DA1; /*purple 2*/
  --color-12:#7EC3E3; /*light blue*/
  --color-13:#2D6F8F; /*blue gray*/
  --color-14:#3E7C99; /*blue gray 2*/
  --color-15:#F6E9D6; /*beige*/
  
  /*fonts*/
  --font-montserrat:'Montserrat',sans-serif;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html, body {width:100%; min-height:100%; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0;}
form {margin:0 auto; padding:0;}
p {margin:0 0 25px 0;}
p:last-child {margin-bottom:0;}
div {width:auto; height:auto; margin:0 auto;}

a, .a {color:var(--main-color); text-decoration:none; transition:all .25s ease;}
a:hover, .a:hover {color:var(--color-3); text-decoration:none;}
img {border:0; outline:none; max-width:100%; height:auto;}
object, embed {outline:none; display:block;}
input, textarea, select, button {outline:none; font-family:var(--font-montserrat); font-weight:400; text-transform:uppercase;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid var(--color-7b); background:var(--color-1); border-radius:0; margin-bottom:15px;}
input[type="search"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid var(--color-7b); background:var(--color-1); border-radius:0; margin:10px 0 20px;}
textarea {width:100%; height:150px; font-size:1.6rem; padding:10px; border:1px solid var(--color-7b); background:var(--color-1); border-radius:0; resize:none;}
input[type="submit"], button {cursor:pointer; transition:all .25s ease; -webkit-appearance:none;}
ul {list-style:disc; margin:0 0 15px 20px; text-align:left;}
ol {margin:0 0 15px 20px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}
li:last-child, ul.children {margin-bottom:0;}
iframe {max-width:100%; max-height:100%; display:block; margin:0 auto;}
blockquote {font-size:115%; background:#f5f5f5; padding:25px; margin:0 0 25px;}
strong, b {font-weight:700;}
hr {height:1px; background:var(--color-3); clear:both; border:0; outline:0;}

::-moz-selection{background:var(--main-color); color:var(--color-1); text-shadow:none;}
::selection {background:var(--main-color); color:var(--color-1); text-shadow:none;}

::-webkit-input-placeholder {color:var(--color-7);}
:-moz-placeholder {color:var(--color-7); opacity:1;}
::-moz-placeholder {color:var(--color-7); opacity:1;}
:-ms-input-placeholder {color:var(--color-7);}
:placeholder-shown {color:var(--color-7);}

html {font-size:62.5%;}
body {font-size:2rem; /*line-height:3.2rem;*/ line-height:1.6; font-family:var(--font-montserrat); color:var(--color-7); background:var(--color-1);}
h1, h2, h3, h4, h5, h6 {font-family:var(--font-montserrat); font-weight:700; line-height:1; color:var(--main-color); text-transform:uppercase;}
h1 {font-size:clamp(5rem, 2vw, 5.2rem);}
h2 {font-size:clamp(3rem, 3vw, 3.6rem);}
h3 {font-size:1.8rem;}
h4 {font-size:1.6rem;}
h5 {font-size:1.5rem;}
@media (min-width:2000px) {
  body {font-size:2.2rem; /*line-height:3.4rem;*/}
}
@media (max-width:767px) {
  body {font-size:1.8rem; /*line-height:2.8rem;*/}
}

/*general styles*/
.la {text-align:left;}
.ra {text-align:right;}
.mid {text-align:center;}
.pjs-btns {padding-top:40px; display:flex; justify-content:center; flex-wrap:wrap; gap:10px 24px;}
  .pjs-btns a, .pjs-btns .a, input[type="submit"], input[type="button"], button.search-submit {min-width:200px; display:flex; align-items:center; justify-content:center; background:transparent; border-radius:0; border:2px solid var(--color-10); color:var(--color-10); padding:12px 15px; font-size:1.8rem; line-height:1; font-weight:600; text-transform:uppercase; margin:0; overflow:hidden; position:relative;}
  .pjs-btns a:hover, .pjs-btns .a:hover, input[type="submit"]:hover, input[type="button"]:hover, button.search-submit:hover {background:var(--color-10); color:var(--color-1);}
  .pjs-btns a.alt, .pjs-btns .a.alt, input[type="submit"].alt, input[type="button"].alt {color:var(--color-1); background:transparent; border-color:var(--color-1);}
  .pjs-btns a.alt:hover, .pjs-btns .a.alt:hover, input[type="submit"].alt:hover, input[type="button"].alt:hover {color:var(--color-10); background:var(--color-1);}
  
  .pjs-btns.ra {justify-content:flex-end;}
  .pjs-btns.la {justify-content:flex-start;}
  .pjs-btns.la a, .pjs-btns.ra a {margin-left:0; margin-right:0;}
  
	@media (min-width:3000px) {
		.pjs-btns a, .pjs-btns .a, .btn, input[type="submit"], input[type="button"], button {font-size:2.2rem;}
	}
  @media (max-width:767px) {
    .pjs-btns a, .pjs-btns .a, input[type="submit"], input[type="button"] {min-width:150px; font-size:1.5rem;}
  }
  @media (max-width:374px) {
    .pjs-btns a, .pjs-btns .a, input[type="submit"], input[type="button"] {min-width:130px; font-size:1.4rem;}
  }

	#videoPreloader {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}
	.vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden;}
		.vidframe iframe {width:100%; height:100%; position:absolute; top:0;}
  
  @keyframes pjs-load-anim {
    0% { transform: rotate(0deg)}
    50% { transform: rotate(180deg)} 
    100% { transform: rotate(360deg)}
  }
  .pjs-loading-anim {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; text-align:center;}
    .pjs-load-spinner {width: 100px; height: 100px; display: inline-block; overflow: hidden; background:transparent;}
      .pjs-load-anim {width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0;}
        .pjs-load-anim div {position: absolute; animation: pjs-load-anim 1s linear infinite; width: 80px; height: 80px; top: 10px; left: 10px; border-radius: 50%; box-shadow: 0 3px 0 0 var(--color-1); transform-origin: 40px 41.5px; box-sizing: content-box;}
        .pjs-loading-anim.alt .pjs-load-anim div {box-shadow: 0 3px 0 0 var(--color-4a);}

	.num-nav {padding:45px 15px 10px;}
	.num-nav:after {content:''; display:block; clear:both;}
		.num-nav ul {list-style:none; margin:0 auto !important; text-align:center;}
			.num-nav ul > li {display:inline-block; vertical-align:bottom; margin:0 8px; font-size:16px; line-height:1; color:#303031; letter-spacing:0.5pt;}
				.num-nav ul > li > a {display:block; color:#212121; transition:all .25s ease; padding:12px; border:1px solid transparent; border-radius:2px;}
				.num-nav ul > li > a:hover {color:var(--color-3);}
				.num-nav ul > li.active > a {border-color:#707070;}

	.loader-animation {width:100%; text-align:center; display:none;}

  .social-icons ul {list-style:none; margin:0; display:flex; align-items:center;}
    .social-icons ul li {margin:0 10px;}
    .social-icons ul li:first-child {margin-left:0;}
    .social-icons ul li:last-child {margin-right:0;}
      .social-icons ul li a {display:block; color:var(--color-1); position:relative; overflow:hidden;}
      .social-icons ul li a:hover {color:var(--color-2);}
        .social-icons ul li a .icon {font-size:2rem;}
          .social-icons ul li a .icon span {position:absolute; left:-9999px; z-index:-1; opacity:0;}
        
  .swiper-pagination-bullet {background:var(--color-1) !important; opacity:1 !important; transition:all 0.25s ease;}
  .swiper-pagination-bullet:hover {background:var(--main-color) !important;}
  .swiper-pagination-bullet-active {background:var(--main-color) !important;}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px !important;}

/*modals*/
	.modal-bg {width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1100; display:none;}
	.modal {width:100%; position:fixed; top:0; bottom:0; z-index:1101; display:none; transition:all 0.25s ease;}
		.modal .close-btn {position:absolute; right:30px; top:32px; z-index:1; cursor:pointer;}
			.modal .close-btn span {font-size:2.5rem; line-height:1; color:var(--color-1); display:block; transition:all 0.25s ease;}
			.modal .close-btn:hover span {color:#b9b9b9;}
            
.pjs-main-container {width:100%; min-width:300px; min-height:100%; position:relative; box-shadow:0 0 20px 15px rgba(0,0,0,0.1);}
	
/*header*/
	.main-header {width:100%; color:var(--color-1); position:fixed; left:0; top:0; right:0; z-index:500; transition:all .25s ease;}
    .main-header .header-top-bar {height:45px; background:var(--main-color); display:flex; align-items:center; padding:0 25px 0 18px;}
      .main-header .header-top-bar .back-btn {margin:0 auto 0 0;}
        .main-header .header-top-bar .back-btn a {color:var(--color-1);}
          .main-header .header-top-bar .back-btn a span {display:inline-block; vertical-align:middle; font-size:2rem; line-height:1; margin:-2px 5px 0 0;}
      .main-header .header-top-bar .lang-selector {display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0 40px 0 auto;}
        .main-header .header-top-bar .lang-selector select {margin:0; padding:6px 10px; background:#343185 url(assets/images/arrow-down.png) 98% no-repeat; color:var(--color-1); border:0; cursor:pointer; text-transform:uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
          .main-header .header-top-bar .lang-selector option {color:var(--color-6); text-transform:none; background:var(--color-1);}
      .main-header .header-top-bar .social-icons {margin:0;}
    .main-header .pjs-inner {padding:30px 60px 28px 32px; background:rgba(39,39,39,0.85); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; transition:all .25s ease; mix-blend-mode:multiply;}
    body.home .main-header .pjs-inner, body.page-template-anniversary-landing .main-header .pjs-inner, body.page-template-anniversary-donate .main-header .pjs-inner {background:transparent;}
    .pjs-main-container.headroom--not-top .main-header .pjs-inner, body.home .pjs-main-container.headroom--not-top .main-header .pjs-inner, .main-header.sticky .pjs-inner {padding-top:10px; padding-bottom:10px; background:rgba(39,39,39,0.98);}

    .pjs-main-container.modal-menu-open .main-header .pjs-inner, .pjs-main-container.headroom--not-top.modal-menu-open .main-header .pjs-inner, body.home .pjs-main-container.modal-menu-open .main-header .pjs-inner, body.home .pjs-main-container.headroom--not-top.modal-menu-open .main-header .pjs-inner, .main-header.sticky .pjs-inner {background:rgba(39,39,39,0.98);}

      .main-header .pjs-header-main {width:100%; display:flex; justify-content:space-between; align-items:center;}
        .main-header .logo {width:250px; margin:0; transition:all 0.25s ease; margin:0 auto 0 0;}
        .pjs-main-container.headroom--not-top .main-header .logo, .main-header.sticky .pjs-inner .logo {width:190px;}
          .main-header .logo a {display:block;}
          .main-header .logo img {display:block;}
        .main-header .main-nav {margin:0 auto;}
          .main-header .main-nav > ul {list-style:none; margin:0 auto; display:flex; justify-content:center; align-items:center;}
            /* .main-header .main-nav ul li {margin:0; font-size:1.6rem; line-height:1; text-transform:uppercase;}
              .main-header .main-nav ul li a {display:block; color:var(--color-1); padding-left:18px; border-left:1px solid var(--color-1);}
              .main-header .main-nav ul li:first-child a {padding-left:0; border-left:0;}
              .main-header .main-nav ul li a:hover {color:var(--main-color-alt);} */
              .main-header .main-nav > ul > li {position: relative; display: inline-block; padding:0 18px 0 16px; border-right:1px solid var(--color-1); font-size:1.8rem; font-weight:700; line-height:1; text-transform: uppercase;}
                .main-header .main-nav > ul > li > a {padding-bottom: 6px; -webkit-transition: all .25s ease; transition:all .3s ease; color: var(--color-1);}
                .main-header .main-nav > ul > li.current > a {border-bottom: 3px solid var(--color-1);}
                .main-header .main-nav > ul > li.nolink > a, .main-header .main-nav > ul > li > a[href="javascript:;"] {cursor:default;}
                .main-header .main-nav > ul > li.link > a:hover {color: var(--main-color-alt);}
                .main-header .main-nav > ul > li a .caret {-webkit-transition: all .25s ease; transition: all .25s ease; transform: rotate(0); display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--color-1); margin-left: 7px; margin-bottom: 2px;}
                  .main-header .main-nav > ul > li.link a:hover .caret {border-top: 6px solid var(--main-color-alt);}
              .main-header .main-nav > ul > li:last-child {border-right: none;}
                .main-header .main-nav > ul > li > ul {width:175px;margin:-20px 0 0; background: var(--color-1); border-top: 20px solid transparent; background-clip: padding-box; -webkit-transition: all .25s ease; transition: all .25s ease; padding: 5px 0; list-style: none; visibility: hidden; opacity: 0; position: absolute; z-index:101;}
                .main-header .main-nav > ul > li.active > ul {visibility: visible; opacity: 1; margin-top:7px;}
                  .main-header .main-nav > ul > li > ul > li {z-index: 150;}
                    .main-header .main-nav > ul > li > ul > li a {line-height:1.7rem; font-size:1.4rem;color: var(--color-3);font-weight: 600;text-transform: uppercase;padding: 10px 25px;display: block;}
                      .main-header .main-nav > ul > li > ul > li a:hover {color: var(--main-color-alt);}

        .main-header .options {margin:0 0 0 auto; display:flex; justify-content:flex-end; align-items:center; gap:0 15px;}
          .main-header .options .donate-btn {margin:0 3px 0 0;}
            .main-header .options .donate-btn a {min-width:120px; display:flex; justify-content:center; align-items:center; background:var(--color-1); color:var(--main-color); border:2px solid var(--color-1); padding:9px 10px; text-transform:uppercase; font-weight:600; line-height:1;}
            .main-header .options .donate-btn a:hover {background:var(--main-color); border-color:var(--main-color); color:var(--color-1);}
          .main-header .options .menu-btn {width:22px; height:21px; margin:0; cursor:pointer; position:relative; overflow:hidden; display:none;}
            .main-header .options .menu-btn div {width:20px; height:3px; background:var(--color-1); position:absolute; transition:all 0.25s;}
            .main-header .options .menu-btn:hover div {background:var(--main-color-alt);}
            .main-header .options .menu-btn div:nth-child(1) {top:0;}
            .main-header .options .menu-btn div:nth-child(2) {top:8px;}
            .main-header .options .menu-btn div:nth-child(3) {top:16px;}
            .main-header .options .menu-btn.open div:nth-child(1) {width:25px; top:50%; transform:translateY(-50%) rotate(45deg);}
            .main-header .options .menu-btn.open div:nth-child(2) {opacity:0; left:-99999px; z-index:-1;}
            .main-header .options .menu-btn.open div:nth-child(3) {width:25px; top:50%; transform:translateY(-50%) rotate(-45deg);}
          .main-header .options .search-btn {margin:0; cursor:pointer;}
            .main-header .options .search-btn span {display:block; font-size:2rem; line-height:1; transition:all 0.25s;}
            .main-header .options .search-btn:hover span {color:var(--main-color-alt);}
      .main-header .modal-menu {width:100%; max-width:860px; display:none;}
      .pjs-main-container.headroom--not-top .main-header .modal-menu, .main-header.sticky .modal-menu {padding-bottom:20px;}
        .main-header .modal-menu .modal-searchbar {text-align:center; padding-top:15px; padding-bottom:40px;}
          .main-header .modal-menu .modal-searchbar form {display:flex; justify-content:center; align-items:center; gap:10px; position:relative; overflow:hidden;}
            .main-header .modal-menu .modal-searchbar label {position:absolute; left:-9999px; z-index:-1; opacity:0;}
            .main-header .modal-menu .modal-searchbar input[type="text"] {width:80%; max-width:586px; margin-bottom:0;}
            .main-header .modal-menu .modal-searchbar button {background:transparent; border:0;}
              .main-header .modal-menu .modal-searchbar button span {display:block; color:var(--color-1); font-size:2.2rem; line-height:1; transition:all 0.25s;}
              .main-header .modal-menu .modal-searchbar button:hover span {color:var(--main-color-alt);}
        .main-header .modal-menu .modal-nav {width:100%; overflow:hidden; overflow-y:auto; display:flex; justify-content:space-between; align-items:stretch; gap:35px 2%; flex-wrap:wrap; padding:0 0 15px; display:none;}
          .main-header .modal-menu .modal-nav ul {/*width:18%;*/ list-style:none; display:flex; flex-direction:column; align-items:center; margin:0; text-align:left;}
          .main-header .modal-menu .modal-nav ul:not(:first-child) {margin-top:18px;}
            .main-header .modal-menu .modal-nav ul li {margin:0 auto 5px 0; line-height:1.3;}
            .main-header .modal-menu .modal-nav ul li.nav-title {font-weight:700; text-transform:uppercase; padding-bottom:18px;}
            .main-header .modal-menu .modal-nav ul li.nav-title:last-child {padding-bottom:0;}
              .main-header .modal-menu .modal-nav ul li a {display:block; color:var(--color-1);}
              .main-header .modal-menu .modal-nav ul li a:hover {text-decoration:underline;}
  @media (max-width:1279px) {
    .main-header .pjs-inner {padding:20px;}
      .main-header .logo {width:190px;}
      .main-header .main-nav ul li {font-size:1.5rem;}
      .main-header .modal-menu .modal-searchbar {padding-top:20px;}
  }
  @media (max-width:1023px) {
    .main-header .main-nav {display:none;}
    .main-header .options .menu-btn {display:block;}
    .main-header .modal-menu .modal-nav {display:block;}
  }
  @media (max-width:782px) and (orientation:portrait) {
    .main-header .modal-menu .modal-nav {padding:0 7% 15px; justify-content:flex-start;}
      /* .main-header .modal-menu .modal-nav ul {width:48%;} */
  }
  @media (max-width:767px) {
    .main-header .header-top-bar .back-btn {font-size:1.4rem; line-height:1;}
    .main-header .header-top-bar .lang-selector {font-size:1.4rem; line-height:1; margin:0;}
    .main-header .header-top-bar .social-icons {display:none;}
    .main-header .options {max-width:120px; flex-wrap:wrap;}
      .main-header .options .donate-btn {margin:10px 0 0 auto; order:3;}
        .main-header .options .donate-btn a {font-size:1.4rem; padding:8px 10px;}
    /* .main-header .modal-menu .modal-nav ul {width:48%;} */
    .main-header .modal-menu .modal-searchbar {padding-top:40px; padding-bottom:20px; text-align:left;}
      .main-header .modal-menu .modal-nav ul li {font-size:1.6rem;}
      .main-header .modal-menu .modal-nav ul li.nav-title {font-size:1.8rem;}
  }
  @media (max-width:500px) {
    .main-header .logo {width:180px;}
    .pjs-main-container.headroom--not-top .main-header .logo, .main-header.sticky .logo {width:170px;}
    /* .main-header .modal-menu .modal-nav ul {width:100%;} */
  }
  @media (max-width:374px) {
    .main-header .logo {width:150px;}
    .pjs-main-container.headroom--not-top .main-header .logo, .main-header.sticky .logo {width:145px;}
    .main-header .options {max-width:100px;}
      .main-header .options .donate-btn a {min-width:100px;}
  }

/*sections*/
	.content-sections {width:100%; clear:both;}
  .content-sections::after, section.pjs-section::after, .pjs-section .pjs-inner::after {content:''; display:block; clear:both;}
		.pjs-section {width:100%; clear:both; position:relative; background:var(--color-1); margin:0 auto;}
			.pjs-section .pjs-inner {position:relative;}
				.pjs-section header {margin:0 auto 25px; text-align:center;}
          .pjs-section header h1, .pjs-section header h2 {color:var(--main-color); font-size:5rem; line-height:1.1; font-weight:800;}
          .pjs-section header h3 {padding-top:15px;}
          .pjs-section header .subtitle {font-size:1.8rem; line-height:1.5; padding-top:20px;}
        .pjs-section .swiper-button-next, .pjs-section .swiper-button-prev {height:auto;}
        .pjs-section .swiper-button-next:after, .pjs-section .swiper-button-prev:after {content:'';}
        .pjs-section .swiper-button-prev svg rect, .pjs-section .swiper-button-next svg rect {transition:all 0.25s;}
  @media (max-width:1024px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:clamp(3rem,4vw,4rem);}
  }
  @media (max-width:767px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:clamp(3rem,3vw,4rem);}
  }

/*main banner*/
  .pjs-banner {width:100%; clear:both; background:var(--color-6); overflow:hidden;}
    .pjs-banner .pjs-inner {width:100%; height:100%;}
    /* .pjs-banner .pjs-inner {height:100vh; max-height:980px;}
    .pjs-banner.sub .pjs-inner {height:52vh;} */
    .pjs-banner.detail .pjs-inner {/*height:38vh;*/ max-height:500px; background:var(--color-5);}
      .pjs-banner .banner-main {width:100%; height:100%; max-height:100vh; background-position:center center; background-repeat:no-repeat; padding:28rem 10%; position:relative; opacity:0; transition:opacity 0.25s;}
      .pjs-banner .banner-main.show {opacity:1;}
        .pjs-banner .banner-overlay {width:100%; height:100%; background:var(--color-5); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; opacity:0.47; mix-blend-mode:multiply;}
        .pjs-banner.home .banner-overlay {width:100%; height:33%; max-height:250px; background:linear-gradient(180deg, rgba(128,128,128,1) 0%, rgba(255,255,255,0) 100%); bottom:auto;}
        .pjs-banner .banner-txt {width:90%; max-width:950px; /*height:100vh; max-height:950px;*/ color:var(--color-1); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; z-index:2; margin:0; opacity:0; transition:opacity 1s;}
        .pjs-banner.sub .banner-txt, .pjs-banner.detail .banner-txt {width:auto; max-width:900px; height:auto; display:block; position:absolute; left:8%; bottom:60px; text-align:left; padding-right:5%;}
        .pjs-banner .banner-main.show .banner-txt {opacity:1;}
          .pjs-banner .banner-txt .lrg-txt {transform:translateY(30%); transition:all 1s;}
          body.page-template-donate .pjs-banner .banner-txt .lrg-txt {margin:0;}
            .pjs-banner .banner-txt .lrg-txt h1 {color:var(--color-1); font-weight:800; text-shadow:0 5px 10px rgba(0,0,0,0.2);}
            .pjs-banner.home .banner-txt .lrg-txt h1 {font-size:clamp(5rem, 7vw, 12rem);}
            .pjs-banner.sub .banner-txt .lrg-txt h1, .pjs-banner.detail .banner-txt .lrg-txt h1 {font-size:clamp(4.8rem, 4vw, 7.2rem);}
            .pjs-banner.anni .banner-txt .lrg-txt h1 {font-size:clamp(3.6rem,4vw,6rem); font-weight:500; line-height:1.2; text-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
              .pjs-banner.anni .banner-txt .lrg-txt h1 .title-img {margin-top:-30px;}
            body.page-template-donate .pjs-banner.home .banner-txt .lrg-txt h1 {font-size:clamp(4.8rem,4vw,5.7rem); font-weight:800; margin:0;}
          .pjs-banner .banner-txt .sml-txt {font-size:3.2rem; font-weight:600; line-height:1.2; margin:0; padding:35px 0 0; text-shadow:0 5px 10px rgba(0,0,0,0.2); transform:translateY(20%); transition:all 1s;}
          .pjs-banner.sub .banner-txt .sml-txt {font-size:4rem; line-height:1; text-transform:uppercase; padding-top:15px;}
          .pjs-banner.loc .banner-txt .sml-txt {font-size:1.8rem; line-height:1.5; text-transform:none; padding-top:12px;}
          .pjs-banner.detail .banner-txt .sml-txt {font-size:1.6rem; line-height:1.2; padding-top:12px;}
            .pjs-banner.detail .banner-txt .sml-txt h2 {color:var(--color-1); font-size:1.6rem; font-weight:400; text-transform:none;}
          body.page-template-donate .pjs-banner .banner-txt .sml-txt {padding-top:0;}
          .pjs-banner .banner-txt .pjs-btns {justify-content:flex-start; margin:0; padding-top:50px; transform:translateY(15%); transition:all 1s;}
          .pjs-banner .banner-main.show .banner-txt .lrg-txt, .pjs-banner .banner-main.show .banner-txt .sml-txt, .pjs-banner .banner-main.show .banner-txt .pjs-btns {transform:none;}
            .pjs-banner .banner-txt .pjs-btns a {min-width:110px; background:var(--color-1); color:var(--main-color);}
            .pjs-banner .banner-txt .pjs-btns a:hover {background:var(--main-color); border-color:var(--main-color); color:var(--color-1);}
      
      .pjs-banner.sub .notif-box {width:318px; background:var(--color-11); border-top-left-radius:40px; border-bottom-right-radius:40px; position:absolute; bottom:15%; right:5%; z-index:4;}
      .notif-box-mob {width:100%; background:var(--color-11); display:none;}
        .pjs-banner.sub .notif-box .notif-box-inner, .notif-box-mob .notif-box-inner {padding:30px 35px 35px 22px; text-align:left;}
          .pjs-banner.sub .notif-box .notif-icon, .notif-box-mob .notif-icon {width:53px; height:53px; background:url(assets/images/icon-exclamation.png) no-repeat; margin:0;}
            .pjs-banner.sub .notif-box .notif-txt, .notif-box-mob .notif-txt {font-size:1.5rem; line-height:2.4rem; font-weight:600; color:var(--color-1); padding:0 0 0 3px;}

      .pjs-banner .bg-video {width:100%;height:100%;position:absolute;z-index:1; transition:height 999999s;}
      .pjs-banner .bg-video .bg-video-inner {width:100%;height:100%;position:absolute;z-index:-1; transition:height 999999s;}
        .pjs-banner .bg-video .bg-video-inner video {min-width:100%;min-height:100%;position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); object-fit:cover; transition:height 999999s;}

    .pjs-banner-tall {width:100%; clear:both; background:var(--color-6); overflow:hidden;}
      .pjs-banner-tall .pjs-inner {background:var(--color-5);}
        .pjs-banner-tall .banner-main {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:relative; opacity:0; transition:opacity 0.25s;}
        .pjs-banner-tall .banner-main.show {opacity:1;}
          .pjs-banner-tall .banner-overlay {width:100%; height:100%; background:var(--color-5); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; opacity:0.47; mix-blend-mode:multiply;}
          .pjs-banner-tall .banner-play-btn {width:150px; height:150px; position:absolute; left:50%; top:25rem; transform:translateX(-50%); z-index:10;}
            .pjs-banner-tall .banner-play-btn a {width:100%; height:100%; border-radius:100%; display:flex; justify-content:center; align-items:center; color:var(--color-1); border:5px solid var(--color-1); position:relative; overflow:hidden;}
            .pjs-banner-tall .banner-play-btn a:hover {color:var(--main-color); border:5px solid var(--main-color);}
              .pjs-banner-tall .banner-play-btn .icon {font-size:6rem; line-height:1;}
                .pjs-banner-tall .banner-play-btn .icon .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
          .pjs-banner-tall .banner-txt {width:100%; max-width:1120px; padding:50rem 7% 26rem; color:var(--color-1); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; z-index:2; margin:0; opacity:0; transition:opacity 1s;}
          .pjs-banner-tall .banner-main.show .banner-txt {opacity:1;}
            .pjs-banner-tall .banner-txt .lrg-txt {margin:0; transform:translateY(30%); transition:all 1s;}
              .pjs-banner-tall .banner-txt .lrg-txt h1 {color:var(--color-1); font-size:clamp(4.8rem, 4vw, 7.2rem); font-weight:800; text-shadow:0 5px 10px rgba(0,0,0,0.2);}
            .pjs-banner-tall .banner-txt .sml-txt {font-size:2rem; line-height:1.5; text-transform:none; margin:0; padding:15px 0 0; text-shadow:0 5px 10px rgba(0,0,0,0.2); transform:translateY(20%); transition:all 1s;}
          .pjs-banner-tall .banner-main.show .banner-txt .lrg-txt, .pjs-banner-tall .banner-main.show .banner-txt .sml-txt, .pjs-banner-tall .banner-main.show .banner-txt .pjs-btns {transform:none;}

    .pjs-banner-stories {width:100%; clear:both; background:var(--color-6); overflow:hidden;}
      .pjs-banner-stories .pjs-inner {height:100vh; background:var(--color-5);}
        .pjs-banner-stories .banner-img {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:0; opacity:0; transition:opacity 0.25s;}
        .pjs-banner-stories.show .banner-img {opacity:1;}
        .pjs-banner-stories .banner-main {width:100%; height:100%; position:relative; opacity:0; transition:opacity 0.25s;}
        .pjs-banner-stories.show .banner-main {opacity:1;}
          .pjs-banner-stories .banner-overlay {width:100%; height:100%; background:var(--color-5); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; opacity:0.47; mix-blend-mode:multiply;}
        .pjs-banner-stories .banner-txt {width:100%; position:absolute; top:0; z-index:2; padding:215px 0 50px; margin:0; opacity:0; transition:opacity 1s;}
        .pjs-banner-stories .banner-txt::after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; z-index:-1;}
        .pjs-banner-stories.show .banner-txt {opacity:1;}
          .pjs-banner-stories .banner-txt-inner {width:86%; max-width:850px; margin:0 7%; color:var(--color-1); display:flex; flex-direction:column;}
            .pjs-banner-stories .banner-txt .lrg-txt {margin:0; transform:translateY(30%); transition:all 1s;}
              .pjs-banner-stories .banner-txt .lrg-txt h1 {color:var(--color-1); font-size:clamp(4.2rem, 4vw, 5rem); font-weight:800; text-shadow:0 5px 10px rgba(0,0,0,0.2);}
            .pjs-banner-stories .banner-txt .sml-txt {font-size:1.8rem; line-height:1.5; text-transform:none; margin:0; padding:15px 0 0; text-shadow:0 5px 10px rgba(0,0,0,0.2); transform:translateY(20%); transition:all 1s;}
            .pjs-banner-stories.show .banner-txt .lrg-txt, .pjs-banner-stories.show .banner-txt .sml-txt {transform:none;}
        .pjs-banner-stories .banner-info {font-size:2rem; line-height:1.4; color:var(--color-1); position:absolute; left:7%; bottom:55px; z-index:3; text-align:left; opacity:0; transition:opacity 0.25s;}
        .pjs-banner-stories.show .banner-info {opacity:1;}
          .pjs-banner-stories .banner-info h2 {color:var(--color-1); font-weight:800;}
          .pjs-banner-stories .banner-info .storytitle {font-weight:700; padding-top:2px;}
        .pjs-banner-stories .banner-link {width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:5;}
          .pjs-banner-stories .banner-link a {width:100%; height:100%; display:block; position:relative; overflow:hidden;}
            .pjs-banner-stories .banner-link a span {position:absolute; left:-9999; opacity:0; z-index:-1;}
    
      .pjs-banner.anni .banner-main {min-height:94vh; display:flex; padding-top:12rem; padding-bottom:10rem;}
      .pjs-banner.anni.is-donate .banner-main {min-height:80vh;}
        .pjs-banner.anni .banner-txt {max-width:720px;}
        .pjs-banner.anni.is-donate .banner-txt {max-width:995px;}
        body.page-template-donate .pjs-banner.anni.is-donate .banner-txt {max-width:590px;}
          .pjs-banner.anni .banner-txt .sml-txt {max-width:654px; font-size:2rem; font-weight:500; line-height:1.6;}
          .pjs-banner.anni.is-donate .banner-txt .sml-txt {max-width:850px;}
          body:not(.page-template-donate) .pjs-banner.anni .banner-txt .pjs-btns a {background:var(--color-12); border-color:var(--color-12); color:var(--color-1); border-radius:12px;}
          body:not(.page-template-donate) .pjs-banner.anni .banner-txt .pjs-btns a:hover {background:var(--color-13); border-color:var(--color-13);}
    
  @media (max-width:1400px) {
    .pjs-banner.loc .banner-txt {max-width:700px;}
  }
  @media (max-width:1220px) {
    .pjs-banner.loc .banner-txt {max-width:500px;}
  }
  @media (max-width:1100px) {
    .pjs-banner.sub:not(.loc) .banner-txt .sml-txt {font-size:3rem;}
  }
  @media (max-width:980px) {
    .pjs-banner.loc .banner-txt {max-width:300px;}
  }
  @media (max-width:914px) {
    .pjs-banner.loc .banner-txt {max-width:700px;}
      .pjs-banner.home:not(.anni) .banner-txt .sml-txt {font-size:2.4rem;}
  }
  @media (max-width:914px) and (orientation:landscape) {
    .pjs-banner .banner-main {padding-top:18rem; padding-bottom:18rem;}
  }
  @media (max-width:914px) and (max-height:500px) and (orientation:landscape) {
    .pjs-banner-stories .banner-txt {padding-top:120px; padding-bottom:20px;}
    .pjs-banner-stories .banner-txt .sml-txt {font-size:1.6rem; line-height:1.4; padding-top:0;}
    .pjs-banner-stories .banner-info {line-height:1.2;}
  }
  @media (max-width:767px) {
    .pjs-banner .banner-main {padding:16.5rem 7% 18rem;}
    .pjs-banner.sub .banner-main {padding-top:20rem; padding-bottom:5rem;}
      .pjs-banner .banner-overlay {opacity:0.25;}
      .pjs-banner .banner-txt, .pjs-banner.sub .banner-txt, .pjs-banner.detail .banner-txt {position:relative; left:auto; bottom:auto; padding-right:0;}
        .pjs-banner .banner-txt .sml-txt, .pjs-banner.sub .banner-txt .sml-txt {font-size:1.7rem; padding-top:10px;}
        .pjs-banner.anni .banner-txt .lrg-txt h1 .title-img {margin-top:-20px;}
    .pjs-banner-tall .banner-txt {padding:45rem 7% 5rem;}
      .pjs-banner-tall .banner-txt .sml-txt {font-size:1.8rem;}
    .pjs-banner-tall .banner-play-btn {width:116px; height:116px; top:23rem;}
      .pjs-banner-tall .banner-play-btn .icon {font-size:4.5rem;}
    .pjs-banner-stories .banner-txt {padding-top:190px;}
      .pjs-banner-stories .banner-txt .sml-txt {font-size:1.4rem; line-height:1.2;}
    .pjs-banner.sub .notif-box {display:none;}
    .notif-box-mob {display:block;}
  }
  @media (max-width:767px) and (orientation:portrait) {
    .pjs-banner .banner-main {padding-top:15rem; padding-bottom:12rem;}
  }
  @media (max-width:500px) {
    .pjs-banner .banner-txt .lrg-txt h1, .pjs-banner.sub .banner-txt .lrg-txt h1, .pjs-banner.detail .banner-txt .lrg-txt h1 {font-size:4.4rem;}
    .pjs-banner-stories .banner-txt {padding-top:190px;}
  }
  @media (max-width:413px) {
    .pjs-banner .banner-txt .lrg-txt h1, .pjs-banner.sub .banner-txt .lrg-txt h1, .pjs-banner.detail .banner-txt .lrg-txt h1 {font-size:3.8rem;}
  }
  @media (max-width:374px) {
    .pjs-banner.home .banner-txt .lrg-txt h1 {font-size:4.2rem;}
    .pjs-banner .banner-txt .lrg-txt h1, .pjs-banner.sub .banner-txt .lrg-txt h1, .pjs-banner.detail .banner-txt .lrg-txt h1 {font-size:3.2rem;}
    .pjs-banner .banner-txt .sml-txt, .pjs-banner.sub .banner-txt .sml-txt {font-size:1.6rem;}
    .pjs-banner .banner-main.show .banner-txt .sml-txt {font-size:2rem;}
  }
  @media (max-height:820px) {
    .pjs-banner .banner-main {max-height:110vh; padding-bottom:12rem;}
    .pjs-banner.sub .notif-box {bottom:6%;}
  }
  @media (max-height:768px) {
    .pjs-banner .banner-main {max-height:120vh; padding-bottom:10rem;}
    .pjs-banner.sub .notif-box {bottom:5%;}
  }
  @media (max-height:680px) {
    .pjs-banner .banner-main {max-height:135vh;}
  }
  @media (max-height:650px) {
    .pjs-banner-stories .banner-txt {padding-top:190px;}
  }
  @media (max-height:500px) {
    .pjs-banner .banner-main {max-height:140vh;}
  }
  @media (max-height:374px) {
    .pjs-banner .banner-main {max-height:none; padding-bottom:8rem;}
    .pjs-banner.sub .notif-box {bottom:4%;}
  }

/*site panels*/

.bg-white {background-color:var(--color-1);}
.bg-gray {background-color:var(--color-7b);}
.bg-dark {background:linear-gradient(180deg, rgba(37,35,93,1) 0%, rgba(14,13,34,1) 100%);}
.bg-lines {background:url(assets/images/bg-lines.png) right top no-repeat;}

.pjs-section.bg-dark header h1, .pjs-section.bg-dark header h2, .pjs-section.bg-dark header h3 {color:var(--color-1);}
.pjs-section.bg-dark .pjs-content, .pjs-section.bg-dark .txt-content, .pjs-section.bg-dark .content {color:var(--color-1);}

.pjs-section .swiper-button-prev svg rect, .pjs-section .swiper-button-next svg rect {fill:var(--main-color);}
.pjs-section .swiper-button-prev:hover svg rect, .pjs-section .swiper-button-next:hover svg rect {fill:var(--main-color-alt);}
.pjs-section.bg-dark .swiper-button-prev svg rect, .pjs-section.bg-dark .swiper-button-next svg rect {fill:var(--color-1);}
.pjs-section.bg-dark .swiper-button-prev:hover svg rect, .pjs-section.bg-dark .swiper-button-next:hover svg rect {fill:var(--main-color);}
  
  /**********************************************
    standard panel
  **********************************************/
  .pjs-standard .pjs-inner {padding:100px 7%;}
  .pjs-standard .pjs-content {max-width:800px; text-align:center;}
    .pjs-standard .pjs-content header {margin-bottom:50px;}
    .pjs-standard .pjs-content .pjs-btns {padding-top:50px;}
  .pjs-standard article {margin-bottom:25px;}
  .pjs-standard article:after {content:''; display:block; clear:both;}
    .pjs-standard article header, .pjs-standard .pjs-content .search-landing-result header.entry-header {margin-bottom:0;}
      .pjs-standard article h1.entry-title {padding-bottom:0;}
        .pjs-standard article h1.entry-title a {color:var(--main-color);}
          .pjs-standard article h2.entry-title a span {color:var(--main-color);}
          .pjs-standard article h2.entry-title a:hover span {color:var(--main-color-alt); text-decoration:underline;}
          .pjs-standard article h3.entry-title {margin:0; text-align:left;}
          .pjs-standard article.search-landing-result h3.entry-title {padding-top:0;}
          .pjs-standard.sitemap h2 {padding-top:25px;}
          .pjs-standard.sitemap ul {padding-left:15px;}
    .pjs-standard article .entry-summary {line-height:2.3rem;}
    .pjs-standard article .searchLink {display:block; font-size:1.4rem;}
    .pjs-standard .search-landing-result {display:flex; justify-content:flex-start; align-items:flex-start; gap:5%; margin-bottom:45px;}
    .pjs-standard .post-result.left {width:40%;}
    .pjs-standard .post-result.right {width:55%; text-align:left;}
      .pjs-standard .post-result.right header h2 {margin:0;}
    .searchform label.screen-reader-text {display:none;}
  .pjs-standard.blog-landing .pjs-inner {padding-top:0;}
    .pjs-standard.blog-landing .pjs-blog-items {max-width:800px;}
      .pjs-standard.blog-landing .pjs-blog-items article {margin-bottom:45px;}
        .pjs-standard.blog-landing .pjs-blog-items article a h2 {color:var(--color-10); font-weight:400;}
        .pjs-standard.blog-landing .pjs-blog-items article a:hover h2 {color:var(--color-3);}
        .pjs-standard.blog-landing .pjs-blog-items .entry-date {font-size:80%;}
      body.blog .pjs-standard .pjs-content header, body.blog .pjs-standard .pjs-txt {text-align:left;}
      body.blog .pjs-standard .pjs-btns {justify-content:flex-start;}
    .pjs-standard.blog-post .blog-next-prev {width:100%; display:flex; justify-content:space-between; padding:15px 0 0; line-height:1.2;}
      .pjs-standard.blog-post .blog-next-prev a[rel="prev"] {margin:0 auto 0 0; text-align:left;}
      .pjs-standard.blog-post .blog-next-prev a[rel="next"] {margin:0 0 0 auto; text-align:right;}
  @media (max-width:767px) {
    .pjs-standard .pjs-inner {padding:60px 7%;}
  }
  
  /**********************************************
    highlight panel over sub banner
  **********************************************/
  .pjs-about-highlight {background:var(--color-2a); z-index:2;}
    .pjs-about-highlight .pjs-inner {padding:0 7%; display:flex; flex-direction:column; align-items:center;}
      .pjs-about-highlight .pjs-content {width:100%; max-width:1120px; color:var(--color-1); padding:90px 0; background:var(--main-color); border-radius:50px; margin-top:-165px;}
        .pjs-about-highlight .content {width:85%; font-size:5rem; line-height:1.5; font-weight:300; text-transform:uppercase; padding:0 20px; text-align:center;}
        .pjs-about-highlight .pjs-btns {padding-top:50px;}
  @media (max-width:1024px) {
    .pjs-about-highlight .content {font-size:4.5rem;}
  }
  @media (max-width:767px) {
    .pjs-about-highlight .pjs-inner {padding:0;}
      .pjs-about-highlight .pjs-content {padding:50px 7%; margin-top:0; border-radius:0;}
        .pjs-about-highlight .content {width:100%; padding:0 10px; font-size:3rem; line-height:1.4;}
        .pjs-about-highlight .pjs-btns {padding-top:40px;}
  }

  /**********************************************
    region map
  **********************************************/
  .region-map .pjs-inner {padding:80px 0 50px;}
    .region-map header {padding-left:7%; padding-right:7%;}
    .region-map .map {padding:20px 7% 0;}
      .region-map .map svg {width:100%;}
        .region-map .map svg a rect, .region-map .map svg a path {transition:fill 0.25s;}
        .region-map .map svg a:hover rect, .region-map .map svg a:hover path {fill:var(--color-10);}
    .region-map .map-mob {background:url(assets/images/region-map-sml.png) center center no-repeat; background-size:cover; padding:20px 7% 0; display:none; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
      .region-map .map-mob a {width:47%; background:var(--main-color); border-radius:10px; color:var(--color-1); text-transform:uppercase; font-size:1.4rem; line-height:1; display:flex; justify-content:center; align-items:center; text-align:center; padding:12px 10px; margin:0 0 15px;}
      .region-map .map-mob a:hover {background:var(--color-10);}
  @media (max-width:1280px) {
    .region-map .map {padding-left:2%; padding-right:2%;}
  }
  @media (max-width:1023px) {
    .region-map .map {padding-left:0; padding-right:1%;}
  }
  @media (max-width:900px) {
    .region-map .map {display:none;}
    .region-map .map-mob {display:flex;}
    .region-map .pjs-btns {padding-top:25px;}
  }

  /**********************************************
    checklist panel
  **********************************************/
  .pjs-checklist .pjs-inner {padding:25px 5% 0; overflow:hidden;}
    .pjs-checklist .pjs-content {width:100%; max-width:1200px; background:var(--color-2); border-top-left-radius:50px; border-top-right-radius:50px;}
      .pjs-checklist .pjs-cols {width:100%; display:flex; justify-content:space-between;}
        .pjs-checklist .pjs-txt {width:56%; margin:0; padding:70px 0 70px 5%; font-size:2rem; line-height:1.5;}
          .pjs-checklist .pjs-txt header {text-align:left;}
          .pjs-checklist .pjs-txt .content {padding-top:10px;}
          .pjs-checklist .pjs-txt .checklist {border-top:1px solid var(--main-color); margin:35px 0 0; padding-top:40px;}
            .pjs-checklist .pjs-txt .checklist ul {list-style:none; margin:0; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:1rem;}
              .pjs-checklist .pjs-txt .checklist ul li {margin:0 0 35px; padding:0 20px 0 40px; line-height:1.2; font-weight:600; color:var(--main-color); position:relative;}
              .pjs-checklist .pjs-txt .checklist ul li::before {content:'\f00c'; font-family:'Font Awesome 5 Pro'; font-size:3rem; line-height:1; position:absolute; left:0;}
        .pjs-checklist .pjs-img {width:44%; margin:0; padding:0 0 35px;}
          .pjs-checklist .pjs-img img {display:block; margin:-26px -46px auto auto; mix-blend-mode:multiply;}
  @media (max-width:1200px) {
    .pjs-checklist .pjs-txt .checklist ul {grid-template-columns:repeat(1, 1fr); grid-gap:0;}
  }
  @media (max-width:767px) {
    .pjs-checklist .pjs-inner {padding:80px 0 0;}
      .pjs-checklist .pjs-content {border-radius:0; padding:0 7%;}
        .pjs-checklist .pjs-txt {width:65%; font-size:1.8rem; padding-left:0;}
          .pjs-checklist .pjs-txt .checklist {display:block;}
              .pjs-checklist .pjs-txt .checklist ul li {font-size:1.6rem;}
        .pjs-checklist .pjs-img {width:62%; position:absolute; right:-18%; top:30px;}
  }
  @media (max-width:500px) {
    .pjs-checklist .pjs-txt {width:75%;}
  }
  @media (max-width:374px) {
    .pjs-checklist .pjs-img {right:-20%;}
  }

  /**********************************************
    quotes panel
  **********************************************/
  .pjs-quotes {background:linear-gradient(180deg, rgba(37,35,93,1) 0%, rgba(14,13,34,1) 100%);}
    .pjs-quotes .pjs-inner {padding:118px 7% 100px;}
    body.home .pjs-quotes .pjs-inner {padding-bottom:400px;}
      .pjs-quotes .pjs-quotes-swiper {width:70%; max-width:970px; position:relative; overflow:hidden;}
        .pjs-quotes .pjs-quotes-swiper header {position:relative; z-index:1; padding-top:25px;}
          .pjs-quotes .pjs-quotes-swiper header h2 {color:var(--color-1);}
        .pjs-quotes .quote-bg {position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
        .pjs-quotes .swiper-slide {width:100%; min-height:230px; color:var(--color-1); padding:70px 0; /*display:flex; justify-content:flex-start; align-items:center;*/}
          .pjs-quotes .quote-txt {font-size:clamp(2.2rem,3vw,3rem); font-weight:300; line-height:1.3; text-align:center;}
          .pjs-quotes .quote-attr {padding:50px 0 0; text-align:center;}
            .pjs-quotes .quote-attr .img {margin:0 auto 15px;}
              .pjs-quotes .quote-attr .img img {width:100%; max-width:200px; border-radius:100%; display:block; overflow:hidden; margin:0 auto;}
            .pjs-quotes .quote-attr .name {font-size:2.4rem; line-height:1;}
      .pjs-quotes .swiper-button-prev {width:40px; left:4%; top:0; margin-top:0;}
      .pjs-quotes .swiper-button-next {width:40px; right:4%; top:0; margin-top:0;}
  @media (max-width:1200px) {
    body.home .pjs-quotes .pjs-inner {padding-bottom:300px;}
  }
  @media (max-width:767px) {
    .pjs-quotes .pjs-inner {padding:80px 5%;}
    body.home .pjs-quotes .pjs-inner {padding-bottom:80px;}
    .pjs-quotes .quote-bg {right:0;}
      .pjs-quotes .quote-bg svg {width:175px; height:139px;}
    .pjs-quotes .swiper-slide {min-height:160px; padding:40px 0 0;}
    .pjs-quotes .swiper-button-prev svg, .pjs-quotes .swiper-button-next svg {width:30px; height:30px;}
  }

  /**********************************************
    stories panel
  **********************************************/
  .pjs-stories-panel .pjs-inner {padding:130px 7% 160px;}
    .pjs-stories-panel .pjs-content {width:100%; max-width:1200px; display:flex; flex-direction:column; align-items:center;}
      .pjs-stories-panel header {order:1;}
      .pjs-stories-panel .items {width:100%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; padding-top:25px; order:2;}
        .pjs-stories-panel .item {width:31.3333%; margin:0 0 25px; border-radius:15px; position:relative; overflow:hidden;}
          .pjs-stories-panel .item a {color:var(--color-1);}
          .pjs-stories-panel .item .img {width:100%; height:0; padding-top:110%; background:var(--color-8); position:relative; overflow:hidden;}
            .pjs-stories-panel .item .img img {min-width:100%; max-width:105%; min-height:100%; display:block; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
          .pjs-stories-panel .item .play-icon {width:60px; height:60px; border-radius:100%; border:2px solid var(--color-1); font-size:2.4rem; line-height:1; display:flex; justify-content:center; align-items:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1); transition:all 0.25s;}
          .pjs-stories-panel .item a:hover .play-icon {color:var(--main-color); border-color:var(--main-color); transform:translate(-50%,-50%) scale(1.1);}
          .pjs-stories-panel .item .txt {width:calc(100% - 60px); position:absolute; left:30px; bottom:22px; font-size:2rem; line-height:1.4; font-weight:500; margin:0; text-shadow:0 0 10px rgba(0,0,0,0.2);}
      .pjs-stories-panel .pjs-btns {order:3;}
    body.home .pjs-stories-panel .pjs-inner {padding-top:0;}
    body.home .pjs-stories-panel header {order:2; margin-bottom:0;}
    body.home .pjs-stories-panel .items {margin-top:-280px; order:1; padding-top:0; padding-bottom:55px;}
  @media (max-width:1200px) {
    body.home .pjs-stories-panel .items {margin-top:-200px;}
  }
  @media (max-width:767px) {
    body.home .pjs-stories-panel .pjs-inner, .pjs-stories-panel .pjs-inner {padding:65px 5% 60px;}
      body.home .pjs-stories-panel header, .pjs-stories-panel header {order:1; margin-bottom:40px;}
      body.home .pjs-stories-panel .items, .pjs-stories-panel .items {margin-top:0; order:2; padding:0; flex-direction:column; align-items:center;}
        .pjs-stories-panel .item {width:80%;}
  }
  @media (max-width:500px) {
    .pjs-stories-panel .item {width:100%;}
}

  /**********************************************
    form panel
  **********************************************/
  .pjs-form-panel .pjs-inner {padding:0; display:flex; flex-direction:column;}
    .pjs-form-panel .pjs-content {width:100%; max-width:1200px; background:var(--color-2); border-top-left-radius:50px; border-top-right-radius:50px;}
    body.home .pjs-form-panel .pjs-content {margin-top:-50px;}
      .pjs-form-panel .pjs-cols {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; padding:125px 12% 75px;}
        .pjs-form-panel .pjs-cols .col-txt {width:43%; margin:0;}
          .pjs-form-panel .pjs-cols .col-txt header {text-align:left;}
        .pjs-form-panel .pjs-cols .col-form {width:46%; margin:0;}
          .pjs-form-panel .pjs-cols .col-form input[type="button"], .pjs-form-panel .pjs-cols .col-form input[type="submit"] {min-width:125px; color:var(--color-1); background:var(--color-10); margin-top:10px; cursor:pointer; transition:all 0.25s;}
          .pjs-form-panel .pjs-cols .col-form input[type="button"]:hover, .pjs-form-panel .pjs-cols .col-form input[type="submit"]:hover {background:var(--main-color); border-color:var(--main-color);}
  @media (max-width:767px) {
    .pjs-form-panel .pjs-content {border-radius:0;}
    body.home .pjs-form-panel .pjs-content {margin-top:0;}
      .pjs-form-panel .pjs-cols {padding:65px 7%;}
        .pjs-form-panel .pjs-cols .col-txt {width:100%;}
        .pjs-form-panel .pjs-cols .col-form {width:100%; margin-top:25px;}
  }

  /**********************************************
    multi column panel (1-5 small columns of title/text/btn)
  **********************************************/
  body.home .pjs-multi-col {background:url(assets/images/bg-grid-design.png) right top no-repeat;}
    .pjs-multi-col .pjs-inner {padding:120px 7% 90px;}
      .pjs-multi-col .pjs-content {max-width:1220px;}
        .pjs-multi-col .pjs-cols {width:100%; display:flex; justify-content:center; align-items:flex-start; gap:50px 3%; padding:30px 0 0;}
          .pjs-multi-col .pjs-col {width:20%; margin:0; text-align:center;}
            .pjs-multi-col .pjs-col .col-txt {padding:15px 0 0;}
            .pjs-multi-col .pjs-col .pjs-btns {padding-top:25px;}
  @media (max-width:1023px) {
    .pjs-multi-col .pjs-cols {flex-wrap:wrap;}
      .pjs-multi-col .pjs-col {width:30.3333%;}
  }
  @media (max-width:767px) {
    .pjs-multi-col .pjs-inner {padding:60px 5% 35px;}
      .pjs-multi-col .pjs-cols {gap:50px 7%;}
        .pjs-multi-col .pjs-col {width:47.5%;}
  }
  @media (max-width:550px) {
      .pjs-multi-col .pjs-col {width:100%;}
  }

  /**********************************************
    links panel (1-5 columns of links)
  **********************************************/
  .pjs-multi-links .pjs-inner {padding:80px 7% 60px;}
    .pjs-multi-links .pjs-content {max-width:1220px;}
      .pjs-multi-links .pjs-cols {width:100%; display:flex; justify-content:center; align-items:flex-start; gap:50px 3%; padding:5px 0 0;}
        .pjs-multi-links .pjs-col {width:20%; margin:0; text-align:center;}
          .pjs-multi-links .pjs-col .col-title {color:var(--color-5); font-weight:700; text-transform:uppercase;}
          .pjs-multi-links .pjs-col ul {list-style:none; margin:0 auto; padding:15px 0 0; text-align:center;}
            .pjs-multi-links .pjs-col ul li {margin:0; line-height:1.2;}
              .pjs-multi-links .pjs-col ul li a {color:var(--color-5);}
              .pjs-multi-links .pjs-col ul li a:hover {color:var(--main-color); text-decoration:underline;}
  @media (max-width:1023px) {
    .pjs-multi-links .pjs-cols {flex-wrap:wrap;}
      .pjs-multi-links .pjs-col {width:30.3333%;}
  }
  @media (max-width:767px) {
    .pjs-multi-links .pjs-inner {padding:60px 7% 50px;}
      .pjs-multi-links .pjs-cols {gap:50px 5%;}
        .pjs-multi-links .pjs-col {width:47.5%;}
  }
  @media (max-width:374px) {
      .pjs-multi-links .pjs-col {width:100%;}
  }
  
  /**********************************************
    three item grid panel
  **********************************************/
  .pjs-three-item-grid .pjs-inner {padding:100px 7% 5px;}
    .pjs-three-item-gridr .pjs-content {max-width:1330px; position:relative;}
      .pjs-three-item-grid .txt-content {text-align:center;}
      .pjs-three-item-grid .pjs-items {width:100%; max-width:1240px; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; padding:25px 0 0; position:relative; overflow:hidden;}
        .pjs-three-item-grid .pjs-item {width:30.3333%; margin:0 1.5% 80px; position:relative;}
          .pjs-three-item-grid .pjs-item .img {width:100%; height:0; padding-top:75%; border-radius:15px; position:relative; overflow:hidden;}
            .pjs-three-item-grid .pjs-item .img img {min-width:100%; max-width:110%; min-height:100%; display:block; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
          .pjs-three-item-grid .pjs-item .txt {padding-top:25px; line-height:1.56;}
            .pjs-three-item-grid .pjs-item .txt .title {color:var(--color-3); font-size:2rem; font-weight:500;}
            .pjs-three-item-grid.bg-dark .pjs-item .txt .title {color:var(--color-1);}
            .pjs-three-item-grid .pjs-item .txt .content {font-size:1.8rem; padding-top:25px;}
  @media (max-width:880px) {
    .pjs-three-item-grid .pjs-item {width:47%;}
  }
  @media (max-width:767px) {
    .pjs-three-item-grid .pjs-inner {padding-top:60px;}
  }
  @media (max-width:600px) {
    .pjs-three-item-grid .pjs-item {width:100%; margin:0 auto 60px;}
  }

  /**********************************************
    four image swiper panel
  **********************************************/
  .pjs-four-col-swiper .pjs-inner {padding:85px 7% 110px;}
    .pjs-four-col-swiper .pjs-content {max-width:1330px; position:relative;}
      .pjs-four-col-swiper .pjs-items {width:90%; max-width:1200px; height:300px; display:flex; justify-content:space-between; padding:25px 0 0; position:relative; overflow:hidden;}
        .pjs-four-col-swiper .pjs-item {width:25%; height:100%; border-radius:15px; position:relative; overflow:hidden; background-position:center center; background-repeat:no-repeat;}
          .pjs-four-col-swiper .pjs-item a {width:100%; height:100%; display:block;}
            .pjs-four-col-swiper .pjs-item .item-title {color:var(--color-1); font-size:2.4rem; line-height:1; font-weight:800; text-transform:uppercase; position:absolute; left:50%; bottom:11%; transform:translateX(-50%); z-index:1;}
            .pjs-four-col-swiper .pjs-item .item-overlay {width:100%; height:100%; display:block; background:var(--color-6); position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; opacity:0.5; transition:opacity 0.25s;}
            .pjs-four-col-swiper .pjs-item a:hover .item-overlay {opacity:0.1;}
    .pjs-four-col-swiper .swiper-button-prev {width:40px; left:0; margin-top:0; justify-content:flex-start;}
    .pjs-four-col-swiper .swiper-button-next {width:40px; right:0; margin-top:0; justify-content:flex-end;}
  @media (max-width:782px) {
    .pjs-four-col-swiper .swiper-button-prev {width:25px; left:-12px;}
    .pjs-four-col-swiper .swiper-button-next {width:25px; right:-12px;}
  }
  @media (max-width:767px) {
    .pjs-four-col-swiper .pjs-inner {padding:60px 7% 50px;}
      .pjs-four-col-swiper .pjs-items {width:85%;}
  }
  
  /**********************************************
    two column: slides/media and text
    .pjs-two-col-slides-txt will show slides on left and text on right
    .pjs-two-col-slides-txt.alt will show text on left and slides on right
  **********************************************/
  .pjs-two-col-slides-txt .pjs-inner {width:100%; padding:80px 7% 100px;}
    .pjs-two-col-slides-txt .pjs-cols {width:100%; max-width:1200px; display:flex; justify-content:space-between; align-items:center;}
      .pjs-two-col-slides-txt .media-col {width:57%; margin:0 auto 0 0;}
      .pjs-two-col-slides-txt.alt .media-col {margin:0 0 0 auto; order:2; position:relative;}
        .pjs-two-col-slides-txt .media-col img {width:100%; display:block;}
          .pjs-two-col-slides-txt .media-col a img {width:auto; transition:all 0.5s ease;}
          .pjs-two-col-slides-txt .media-col a {max-width:100%; display:block; position:relative; border-radius:15px; overflow:hidden;}
          .pjs-two-col-slides-txt .media-col a .main-img {width:100%; opacity:0.8;}
          .pjs-two-col-slides-txt .media-col a:hover .main-img {transform:scale(1.08,1.08);}
            .pjs-two-col-slides-txt .media-col a .play-btn {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
        .pjs-two-col-slides-txt .swiper-container {width:100%; position:relative; overflow:hidden;}
          .pjs-two-col-slides-txt .swiper-slide {height:0; padding-top:56.25%; position:relative; overflow:hidden;}
            .pjs-two-col-slides-txt .swiper-slide .main-img {width:auto; min-width:100%; max-width:110%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
        .pjs-two-col-slides-txt .swiper-pagination-bullet {width:17px; height:17px; background:transparent; border-radius:50%; border:0; margin:0 5px; opacity:1; transition:all 0.25s ease;}
        .pjs-two-col-slides-txt .swiper-pagination-bullet-active {background:var(--main-color);}
        .pjs-two-col-slides-txt .swiper-pagination-bullet-active:hover {background:transparent;}
      .pjs-two-col-slides-txt .txt-col {width:40%; margin:0 0 0 auto;}
      .pjs-two-col-slides-txt.alt .txt-col {margin:0 auto 0 0; order:1;}
        .pjs-two-col-slides-txt .txt-col header {text-align:left; margin-bottom:15px;}
          .pjs-two-col-slides-txt .txt-col header h2 {font-size:3.6rem;}
        .pjs-two-col-slides-txt .txt-col .pjs-btns {padding-top:35px;}
  @media (max-width:1024px) {
    .pjs-two-col-slides-txt .media-col {width:48.5%;}
    .pjs-two-col-slides-txt .txt-col {width:48.5%;}
  }
  @media (max-width:980px) {
    .pjs-two-col-slides-txt .media-col a .play-btn {max-width:20%;}
  }
  @media (max-width:767px) {
    .pjs-two-col-slides-txt .pjs-inner {padding:20px 7% 60px;}
      .pjs-two-col-slides-txt .pjs-cols {display:block;}
        .pjs-two-col-slides-txt .media-col {width:100%; margin:0 auto;}
        .pjs-two-col-slides-txt .txt-col, .pjs-two-col-slides-txt.alt .txt-col {width:100%; margin:35px auto 0;}
          .pjs-two-col-slides-txt .txt-col header {text-align:center;}
            .pjs-two-col-slides-txt .txt-col header h2 {font-size:2.8rem;}
          .pjs-two-col-slides-txt .txt-col .pjs-btns a, .pjs-two-col-slides-txt.alt .txt-col .pjs-btns a {margin-left:auto; margin-right:auto;}
  }
  
  /**********************************************
    Video panel with optional text
  **********************************************/
  .pjs-video-panel .pjs-inner {padding:80px 7% 50px;}
    .pjs-video-panel .pjs-content {max-width:1200px; text-align:center;}
      .pjs-video-panel .pjs-content header {margin-bottom:25px;}
      .pjs-video-panel .pjs-content .pjs-txt {padding:0 0 40px;}
      .pjs-video-panel .pjs-content .ce iframe {border:0;}
  @media (max-width:767px) {
    .pjs-video-panel .pjs-inner {padding-top:60px;}
      .pjs-video-panel .pjs-content header {margin-bottom:15px;}
  }
  
  /**********************************************
    Accordion panel
  **********************************************/
  .pjs-accordion .pjs-inner {min-height:0; padding:60px 7% 100px;}
    .pjs-accordion .pjs-content {width:100%; max-width:900px; text-align:center;}
      .pjs-accordion .items {width:100%; text-align:left; display:block; padding-top:50px;}
        .pjs-accordion .items .group-title {color:var(--main-color); font-size:2rem; line-height:1.2; font-weight:700; padding:0 0 10px;}
        .pjs-accordion .items .group-title:not(:first-child) {padding-top:20px;}
        .pjs-accordion .item {width:100%; margin:0 0 17px;}
          .pjs-accordion .item .title {width:100%; max-width:1200px; background:var(--color-7b); color:var(--color-5); position:relative; border-radius:5px; padding:15px 50px 15px 22px; cursor:pointer; font-size:1.8rem; font-weight:600;}
          .pjs-accordion.bg-gray .item .title {background:var(--color-8);}
            .pjs-accordion .item .title span {font-size:2.6rem; position:absolute; right:18px; top:50%; transform:translateY(-50%); display:block; color:var(--color-5);}
            .pjs-accordion .item .content.open .title span {transform:translateY(-50%) rotate(180deg);}
          .pjs-accordion .item .desc {font-size:1.8rem; line-height:2.8rem; text-align:left; display:none;}
            .pjs-accordion .item .desc-content {padding:28px;}
  @media (max-width:767px) {
    .pjs-accordion .pjs-inner {padding:60px 7% 50px;}
  }
  
  /**********************************************
    Two column accordion panel
  **********************************************/
  .pjs-two-col-accordion {background:var(--color-2a); overflow:hidden;}
    .pjs-two-col-accordion .pjs-inner {min-height:0; padding:0;}
      .pjs-two-col-accordion .pjs-cols {width:100%; display:flex;}
        .pjs-two-col-accordion .col-items {width:54%; margin:0; padding:120px 0 50px 14%;}
          .pjs-two-col-accordion header {text-align:left;}
          .pjs-two-col-accordion .items {width:100%; text-align:left; display:block; padding-top:10px;}
            .pjs-two-col-accordion .item {width:100%; margin:0 0 17px;}
              .pjs-two-col-accordion .item .title {width:100%; max-width:1200px; background:var(--color-1); color:var(--color-5); position:relative; border-radius:5px; padding:15px 50px 15px 22px; cursor:pointer; font-size:1.8rem; font-weight:600;}
                .pjs-two-col-accordion .item .title span {font-size:2.6rem; position:absolute; right:18px; top:50%; transform:translateY(-50%); display:block; color:var(--color-5);}
                .pjs-two-col-accordion .item .content.open .title span {transform:translateY(-50%) rotate(180deg);}
              .pjs-two-col-accordion .item .desc {font-size:1.8rem; line-height:2.8rem; text-align:left; display:none;}
                .pjs-two-col-accordion .item .desc-content {padding:28px;}
              .pjs-two-col-accordion .item .pjs-btns {padding-top:0; justify-content:flex-start; text-align:left;}
          .pjs-two-col-accordion .col-img {width:46%; margin:0;}
            .pjs-two-col-accordion .col-img img {width:100%; display:block; mix-blend-mode:darken;}
  @media (max-width:1200px) {
    .pjs-two-col-accordion .col-items {width:58%; padding-left:10%;}
    .pjs-two-col-accordion .col-img {width:42%;}
  }
  @media (max-width:767px) {
    .pjs-two-col-accordion .pjs-inner {padding:75px 5% 100px;}
      .pjs-two-col-accordion header {text-align:center;}
      .pjs-two-col-accordion .col-items {width:100%; padding:0; position:relative; z-index:1;}
      .pjs-two-col-accordion .col-img {width:110%; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0; opacity:0.2;}
  }

  /**********************************************
    donate page region panel
  **********************************************/
  .pjs-donate-region-panel {background-color:var(--color-2b); background-position:right center; background-repeat:no-repeat;}
    .pjs-donate-region-panel .pjs-inner {padding:80px 7% 60px;}
      .pjs-donate-region-panel .pjs-content {width:100%; max-width:700px; margin:0; position:relative; z-index:1;}
        .pjs-donate-region-panel .pjs-content header {text-align:left;}
        .pjs-donate-region-panel .pjs-content .txt-list {list-style:square; margin:25px 0 0 18px; font-size:1.8rem; font-weight:600; color:var(--color-3);}
          .pjs-donate-region-panel .pjs-content .txt-list li {margin:0 0 10px; line-height:1.2;}
        .pjs-donate-region-panel .pjs-content .dd-list {width:100%; max-width:570px; margin:25px 0 0 0; border-radius:2px; background:var(--color-1); position:relative; cursor:pointer; display:flex; align-items:center; font-size:1.8rem; font-weight:600; color:var(--color-3); text-align:left;}
        .pjs-donate-region-panel .pjs-content .dd-list::after {content:''; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid var(--color-3); position:absolute; right:18px; top:26px; z-index:0;}
          .pjs-donate-region-panel .pjs-content .dd-list .lbl {width:100%; padding:14px 20px; margin:0; position:relative; z-index:1;}
          .pjs-donate-region-panel .pjs-content .dd-list ul {width:100%; max-height:300px; list-style:none; margin:0; background:var(--color-1); overflow:hidden; overflow-y:auto; position:absolute; left:0; top:100%; z-index:-1; box-shadow:0 1px 10px 5px rgba(0,0,0,0.1); display:none;}
            .pjs-donate-region-panel .pjs-content .dd-list ul li {margin:0;}
              .pjs-donate-region-panel .pjs-content .dd-list ul li a {display:block; padding:6px 20px; color:var(--color-3);}
              .pjs-donate-region-panel .pjs-content .dd-list ul li a.disabled {cursor:initial; pointer-events:none;}
              .pjs-donate-region-panel .pjs-content .dd-list ul li a:hover {background:var(--color-7a); color:var(--color-1);}
  @media (max-width:1200px) {
    .pjs-donate-region-panel .pjs-inner::before {content:''; width:100%; height:100%; background:var(--color-7b); opacity:0.7; position:absolute; left:0; top:0; z-index:0;}
  }
  @media (max-width:767px) {
    .pjs-donate-region-panel .pjs-inner {padding:60px 5% 50px;}
  }

  /**********************************************
    stories detail page panels
  **********************************************/
  .pjs-stories-detail-full .pjs-inner {padding:0;}
    .pjs-stories-detail-full .pjs-content .story-img {width:auto; min-width:100%; max-height:65vh; display:block; object-fit:cover;}
    .pjs-stories-detail-full .thumb-outer {width:100%; position:absolute; left:0; bottom:-40px; z-index:5;}
      .pjs-stories-detail-full .thumb-inner {width:100%; max-width:calc(1200px + 14%); padding:0 7%;}
        .pjs-stories-detail-full .thumb-img {width:40%; max-width:262px; border:4px solid var(--color-1); box-shadow:0 5px 10px 2px rgba(0,0,0,0.2); margin:0;}
          .pjs-stories-detail-full .thumb-img .img-block {width:100%; padding-top:100%; background-position:center center; background-repeat:no-repeat;}

  .pjs-stories-detail-audio {background:var(--color-2);}
    .pjs-stories-detail-audio .pjs-inner {padding:100px 7% 130px;}
      .pjs-stories-detail-audio .pjs-content {width:100%; max-width:1230px; display:flex; justify-content:space-between; flex-wrap:wrap;}
        .pjs-stories-detail-audio .audio-content {width:46%; margin:0 auto 0 0;}
          .pjs-stories-detail-audio header {margin:50px 0 0 35px;}
          .pjs-stories-detail-audio .content {padding-left:35px;}
        .pjs-stories-detail-audio .img-col {width:50%; margin:0 0 0 auto;}
          .pjs-stories-detail-audio .img-col .story-img {display:block; margin:0 0 0 auto; border-radius:15px;}

          .mejs-controls {padding:0 !important;}
          .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {background:transparent !important;}
          .mejs-controls .mejs-time-rail .mejs-time-current {background:var(--color-10) !important;}
          .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-loaded {background:var(--color-7a)!important;}
          .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total {background:var(--color-7b)!important;}
          .mejs-button>button {background-image:url(assets/images/mejs-controls-3.svg) !important;}
          .mejs-time {color:var(--color-9) !important;}

  .pjs-stories-detail-txt {background:var(--color-2);}
    .pjs-stories-detail-txt .pjs-inner {padding:60px 7% 80px;}
    .pjs-stories-detail-txt.has-thumb .pjs-inner {padding-top:100px;}
      .pjs-stories-detail-txt .pjs-content {width:100%; max-width:1200px;}
        .pjs-stories-detail-txt .pjs-content .pjs-btns a span {display:inline-block; vertical-align:middle; margin-right:10px;}

        header.pjs-stories-header {text-align:left; margin-bottom:50px; position:relative;}
          header.pjs-stories-header h1 {width:80%; color:var(--color-5); font-size:3.6rem; font-weight:800; text-transform:none; padding-bottom:6px;}
          .pjs-stories-detail-audio header.pjs-stories-header h1 {width:65%;}
          header.pjs-stories-header h2 {color:var(--color-5); font-size:2rem; font-weight:500; text-transform:none;}
          header.pjs-stories-header .share {position:absolute; right:0; top:4px; display:flex; align-items:center; color:var(--color-9); font-size:1.4rem; line-height:1; text-transform:uppercase; font-weight:500;}
            header.pjs-stories-header .share .icon {display:block; margin:0 0 0 10px; color:var(--main-color); font-size:2.4rem;}
            header.pjs-stories-header .share:hover .icon {color:var(--color-0);}

  @media (max-width:1023px) {
    .pjs-stories-detail-audio .pjs-inner {padding:0 0 80px;}
      .pjs-stories-detail-audio .audio-content {width:100%; margin:0; order:2; padding:0 7%;}
        .pjs-stories-detail-audio header {margin-left:0;}
        .pjs-stories-detail-audio .content {padding-left:0;}
      .pjs-stories-detail-audio .img-col {width:auto; margin:0 0 25px; order:1;}
        .pjs-stories-detail-audio .img-col .story-img {width:100%; border-radius:0; margin:0;}
  }
  @media (max-width:767px) {
    .pjs-stories-detail-full .thumb-img {bottom:-60px;}
    .pjs-stories-detail-txt .pjs-inner {padding-top:20px;}
    .pjs-stories-detail-txt.has-thumb .pjs-inner {padding-top:30px;}
    header.pjs-stories-header {padding-top:80px;}
    .pjs-stories-detail-audio header.pjs-stories-header {padding-top:45px; margin-top:15px; margin-bottom:30px;}
      header.pjs-stories-header h1 {width:100%; font-size:2.8rem;}
      .pjs-stories-detail-audio header.pjs-stories-header h1 {width:100%;}
  }

  /**********************************************
    grid panel
  **********************************************/
  .pjs-grid-panel {background:var(--color-2);}
    .pjs-grid-panel .pjs-inner {padding:60px 7% 50px;}
      .pjs-grid-panel .pjs-loading-anim {top:80px; transform:translateX(-50%);}
      .pjs-grid-panel .grid-items {width:100%; max-width:1230px; min-height:400px; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
        .pjs-grid-panel .grid-item {width:33.3333%; margin:0 0 65px;}
          .pjs-grid-panel .grid-item a {width:100%; display:block; color:var(--color-3); text-decoration:none;}
          .pjs-grid-panel .grid-item a:hover {color:var(--main-color);}
            .pjs-grid-panel .grid-item .item-inner {padding:0 12px;}
              .pjs-grid-panel .grid-item .img {width:100%; padding-top:56.25%; border-radius:15px; background:var(--color-2); position:relative; margin-bottom:20px; overflow:hidden;}
                .pjs-grid-panel .grid-item .img img {min-width:100%; max-width:110%; min-height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; transition:opacity 0.25s; overflow:hidden;}
                .pjs-grid-panel .grid-item a:hover .img img {opacity:0.9;}
              .pjs-grid-panel .grid-item .info {width:100%; font-size:2rem; line-height:1.2; display:flex;}
                .pjs-grid-panel .grid-item .info .icon {width:48px; margin:0; text-align:left; color:var(--color-10);}
                .pjs-grid-panel .grid-item .info .txt {width:87%; margin:0;}
                  .pjs-grid-panel .grid-item .info .title {font-weight:700; padding-bottom:5px;}
                  .pjs-grid-panel .grid-item .info .desc {font-weight:500;}
  @media (max-width:1079px) {
    .pjs-grid-panel .grid-item {width:50%; margin-bottom:50px;}
  }
  @media (max-width:500px) {
    .pjs-grid-panel .grid-item {width:100%;}
  }

  /*filter options*/
  .pjs-dropdown-filters {background:var(--color-2); z-index:2;}
      .pjs-dropdown-filters .dropdowns {width:100%; padding:70px 7% 5px; display:flex; justify-content:center; align-items:center; position:relative;}
        .pjs-dropdown-filters .dropdowns .dd-item {width:250px; border:1px solid var(--color-8); display:flex; align-items:center; margin:0 10px; position:relative; text-align:left; cursor:pointer; display:block;font-size:1.6rem; color:var(--color-7); background-color:var(--color-1);}
          .pjs-dropdown-filters .dropdowns .dd-item .selected {width:100%; height:100%; padding:10px 32px 6px 14px; font-size:1.6rem; line-height:1; position:relative; -ms-user-select:none; user-select:none;}
          .pjs-dropdown-filters .dropdowns .dd-item .selected::after {content:'\f0d7'; font-family:'Font Awesome 5 Pro'; font-size:2.6rem; font-weight:700; line-height:1; color:var(--color-8); position:absolute; right:10px; top:50%; transform:translateY(-50%);}
          .pjs-dropdown-filters .dropdowns .dd-item.open .selected::after {transform:translateY(-50%) rotate(180deg);}
          .pjs-dropdown-filters .dropdowns .dd-item .options {width:100%; max-height:220px;overflow:hidden;overflow-y:auto; background:var(--color-1); position:absolute; left:0; top:100%; z-index:4; display:none;}
            .pjs-dropdown-filters .dropdowns .dd-item .options .options-inner {width:100%; border:1px solid var(--color-8); padding:10px 0;}
              .pjs-dropdown-filters .dropdowns .dd-item .options a {display:block; text-decoration:none; padding:10px 20px; color:var(--txt-color-2); font-size:1.6rem; line-height:1;}
              .pjs-dropdown-filters .dropdowns .dd-item .options a:hover {background:var(--color-8); color:var(--color-3);}
              .pjs-dropdown-filters .dropdowns .dd-item .options a.sub {padding-left:25px;}
        .pjs-dropdown-filters .reset-filters {width:34px; height:34px; margin:0 0 0 5px; padding-top:0; border-radius:100%; position:relative; overflow:hidden; display:none;}
          .pjs-dropdown-filters .reset-filters a {width:34px; height:34px; display:flex; justify-content:center; align-items:center; background:var(--color-3); border:0; color:var(--color-1); margin:0; padding:0;}
          .pjs-dropdown-filters .reset-filters a:hover {background:var(--main-color);}
            .pjs-dropdown-filters .reset-filters a .icon {display:block; position:relative; font-size:2.2rem; line-height:1;}
              .pjs-dropdown-filters .reset-filters a .icon span {position:absolute; left:-9999px; opacity:0; z-index:-1;}
  @media (max-width:1400px) {
    .pjs-dropdown-filters .reset-filters {position:absolute; left:50%; top:-20px; transform:translateX(-50%);}
  }
  @media (max-width:1023px) {
    .pjs-dropdown-filters .dropdowns {flex-wrap:wrap;}
      .pjs-dropdown-filters .dropdowns .dd-item {width:30.3333%; margin-bottom:10px;}
  }
  @media (max-width:767px){
    .pjs-dropdown-filters .dropdowns {flex-wrap:wrap;}
      .pjs-dropdown-filters .dropdowns .dd-item {width:100%;}
        .pjs-dropdown-filters .dropdowns .dd-item .selected {padding:15px 32px 12px 15px; font-size:1.8rem;}
        .pjs-dropdown-filters .dropdowns .dd-item .options a {font-size:1.8rem;}
      .pjs-dropdown-filters .reset-filters {width:calc(100% - 20px); height:auto; padding:0; margin:0 auto; border-radius:0; position:relative; left:auto; top:auto; transform:none;}
        .pjs-dropdown-filters .reset-filters a {width:100%; height:auto; padding:15px 20px;}
          .pjs-dropdown-filters .reset-filters a .icon {font-family:var(--font-inter) !important; font-size:1.7rem !important; font-weight:500 !important; text-transform:uppercase;}
          .pjs-dropdown-filters .reset-filters a .icon::before {content:'' !important;}
            .pjs-dropdown-filters .reset-filters a .icon span {display:inline-block; vertical-align:middle; position:relative; left:auto; opacity:1; z-index:0; padding:0;}
  }

  /**********************************************
    Find a Class panels / filters
  **********************************************/
  .pjs-groups-btn-options {width:100%; display:block; clear:both;}
    .pjs-groups-btn-options .pjs-groups-btn-inner {padding:50px 7%;}
      .pjs-groups-btn-options .pjs-btns {padding:0;}
        .pjs-groups-btn-options .pjs-btns a.selected {background:var(--color-10); color:var(--color-1);}
  .pjs-groups-map-view {display:none;}

  .pjs-map-embed .pjs-inner {height:75vh; max-height:750px;}
  .pjs-map-embed.detail-page .pjs-inner {height:40vh;}
    .pjs-map-embed .map-holder, .pjs-map-embed.detail-page .map-holder {width:100%; height:100%;}

  .pjs-grid {background:var(--color-2);}
    .pjs-grid .pjs-inner {padding:50px 7% 40px;}
      .pjs-grid .items {width:100%; max-width:1200px; display:flex; align-items:stretch; flex-wrap:wrap; gap:33px;}
        .pjs-grid .items .no-results {font-size:125%; font-weight:700;}
        .pjs-grid .item {width:22%; margin:0; padding:25px 25px 20px; background:var(--color-1); overflow:hidden;}
          .pjs-grid .item .item-inner {width:100%; height:100%; display:flex; flex-direction:column;}
            .pjs-grid .item .item-group {margin:0 0 22px; font-size:1.5rem; line-height:2rem;}
            .pjs-grid .item .item-group:first-child {margin-bottom:25px;}
              .pjs-grid .item .item-title {color:var(--main-color); font-weight:700;}
              .pjs-grid .item .item-group .item-txt {font-size:clamp(1.3rem, 1vw, 1.5rem);}
            .pjs-grid .item .pjs-btns {margin:auto auto 0; align-self:flex-end; padding:0;}
              .pjs-grid .item .pjs-btns a {min-width:125px; padding:9px 10px 8px; font-size:1.4rem;}
      .pjs-grid .pjs-btns {padding-top:33px;}

  .pjs-btn-bar {width:100%; background:var(--main-color);}
    .pjs-btn-bar .pjs-inner {padding:27px 7%;}
      .pjs-btn-bar .pjs-btns {width:100%; max-width:1200px; justify-content:flex-start; padding:0;}
        .pjs-btn-bar .pjs-btns a {font-size:1.4rem;}
        .pjs-btn-bar .pjs-btns a:last-child {margin:0 0 0 auto;}
        .pjs-btn-bar.global .pjs-btns a:last-child {margin:0;}
  
  /*filter bar*/
  .pjs-filter-container {position:relative; z-index:1;}
  .pjs-filter-container.open {z-index:4;}

  .pjs-main-filters {padding:45px 7% 13px;}
  .pjs-main-container.mobile .pjs-main-filters {padding-bottom:10px;}
    .pjs-main-filters .pjs-inner {max-width:1000px; display:flex; gap:0 3%;}
      .pjs-main-filters .filter-group {width:49%; max-width:485px; margin:0 0 24px;}
        .pjs-main-filters .filter-label {font-size:1.8rem; line-height:1; font-weight:700; color:var(--main-color); padding:0 0 12px;}
        .pjs-main-filters .filter-input {display:flex; align-items:center; justify-content:space-between;}
          .pjs-main-filters .filter-input input {width:94%; padding:7px 10px; border:2px solid var(--color-8); margin:0; color:var(--color-7);}
          .pjs-main-filters .filter-input input[type="text"]::-webkit-input-placeholder {color:var(--color-7);}
          .pjs-main-filters .filter-input input[type="text"]:-moz-placeholder {color:var(--color-7);}
          .pjs-main-filters .filter-input input[type="text"]::-moz-placeholder {color:var(--color-7);}
          .pjs-main-filters .filter-input input[type="text"]:-ms-input-placeholder {color:var(--color-7);}
          .pjs-main-filters .filter-input input[type="text"]:placeholder-shown {color:var(--color-7);}
          .pjs-main-filters .filter-input button {display:block; color:rgba(0,0,0,0.4); font-size:2rem; line-height:1; transition:all 0.25s; margin:0; outline:none; background:transparent; border:0; padding:0;}
          .pjs-main-filters .filter-input button:hover span {color:var(--main-color-alt);}

  .filter-dd {position:relative; z-index:0;}
  .filter-dd.open {z-index:3;}
    .filter-dd .fd-selected {padding:7px 10px; background:var(--color-1); color:var(--color-7); border:2px solid var(--color-8); font-size:1.6rem; line-height:1; display:flex; justify-content:space-between; cursor:pointer;}
      .filter-dd .fd-selected .fd-txt {display:block; padding-top:2px;}
      .filter-dd .fd-selected .fd-icon {display:block; margin:0 5px 0 auto; color:var(--color-8); font-size:2.6rem; line-height:0.7;}
      .pjs-filter-container .filter-dd.open .fd-selected .fd-icon {transform:rotate(180deg);}
    .filter-dd .fd-items {width:100%; border:2px solid var(--color-8); border-top:0; background:var(--color-1); position:absolute; left:0; top:100%; display:none;}
      .filter-dd .fd-items ul {list-style:none; margin:0; max-height:275px; overflow:hidden; overflow-y:auto;}
        .filter-dd .fd-items ul li {margin:0;}
          .filter-dd .fd-items ul li a {display:block; font-size:1.4rem; line-height:1; padding:10px; color:var(--color-7); transition:all 0.25s;}
          .filter-dd .fd-items ul li a:hover {background:var(--color-8);}
        
  .pjs-bar-filters {background:var(--main-color); color:var(--color-1);}
    .pjs-bar-filters .pjs-inner {padding:32px 7% 20px;}
      .pjs-bar-filters .filters {max-width:1480px; display:flex; justify-content:flex-start; align-items:center; gap:10px 1%;}
        .pjs-bar-filters .filters-label {font-size:1.8rem; line-height:1.1; font-weight:700; margin:0;}
        .pjs-bar-filters .filter-dd {width:30%; max-width:227px;}
        .pjs-bar-filters .filter-reset {font-size:1.4rem; line-height:1; color:var(--color-1); cursor:pointer; transition:all 0.25s;}
        .pjs-bar-filters .filter-reset:hover {color:var(--color-7a);}
        .pjs-bar-filters .filters .filter-reset.pjs-btns {padding:0;}
          .pjs-bar-filters .filters .filter-reset.pjs-btns .a {min-width:70px; padding-top:8px; padding-bottom:8px;}

  @media (max-width:1200px) {
    .pjs-grid .item {width:30%;}
  }
  @media (max-width:1024px) {
    .pjs-main-filters .filter-input input {width:92%;}
  }
  @media (max-width:1023px) {
    .pjs-btn-bar .pjs-btns a:last-child {margin:0;}
  }
  @media (max-width:980px) {
    .pjs-main-filters .pjs-inner {flex-wrap:wrap;}
      .pjs-main-filters .filter-group {width:100%;}
    .pjs-bar-filters .pjs-inner {padding-bottom:35px;}
      .pjs-bar-filters .filters {flex-wrap:wrap;}
        .pjs-bar-filters .filters-label {width:100%;}
        .pjs-bar-filters .filter-dd {width:49%; max-width:none; margin:0;}
  }
  @media (max-width:880px) {
    .pjs-map-embed .pjs-inner {height:50vh;}
    .pjs-grid .item {width:46%;}
  }
  @media (max-width:620px) {
    .pjs-bar-filters .filter-dd {width:100%;}
    .pjs-grid .items {gap:20px;}
      .pjs-grid .item {width:100%;}
  }
  
  /**********************************************
    Group detail page content panel
  **********************************************/
  .pjs-detail-info .pjs-inner {padding:45px 7% 100px;}
    .pjs-detail-info .pjs-content {width:100%; max-width:1200px; display:flex; gap:30px 4%; flex-wrap:wrap;}
    .pjs-detail-info.jg .pjs-content {padding-top:20px;}
      .pjs-detail-info .pjs-content .detail-img {width:37%; margin:0; order:1;}
      .pjs-detail-info .pjs-content .detail-info {width:100%; margin:0; order:2;}
      .pjs-detail-info .pjs-content .detail-info.has-img {width:57%;}
        .pjs-detail-info .pjs-content .detail-info h3 {padding-bottom:15px;}
        .pjs-detail-info .pjs-content .detail-info .item {padding:0 0 15px; line-height:1.2;}
          .pjs-detail-info .pjs-content .detail-info .item .title {font-weight:700; color:var(--main-color);}
          .pjs-detail-info .pjs-content .detail-info .item .pjs-btns {display:inline-block; margin-left:20px; padding-bottom:10px;}
            .pjs-detail-info .pjs-content .detail-info .item .pjs-btns a {min-width:150px; padding:5px 10px; font-size:1.6rem;}
      .pjs-detail-info .pjs-content .detail-desc {width:100%; margin:0; order:4;}
        .pjs-detail-info .pjs-content .detail-desc .pjs-btns {padding-bottom:25px;}
        .pjs-detail-info .pjs-content .detail-desc .title {color:var(--main-color); font-size:1.8rem; line-height:1; font-weight:700; text-transform:uppercase; padding:0 0 15px;}
        .pjs-detail-info .pjs-content .detail-desc h1, .pjs-detail-info .pjs-content .detail-desc h2, .pjs-detail-info .pjs-content .detail-desc h3 {padding-bottom:15px;}
        .pjs-detail-info .pjs-content .pjs-btns.sml {padding:0 0 25px;}
        .pjs-detail-info .pjs-content .pjs-btns.btm {padding-top:30px;}
        .pjs-detail-info.jg .pjs-content .pjs-btns.btm {width:100%; display:flex; justify-content:center; padding-top:0; padding-bottom:20px; order:3;}
  @media (max-width:782px) and (orientation:portrait) {
    .pjs-detail-info .pjs-content .detail-img {width:50%;}
    .pjs-detail-info .pjs-content .detail-info {width:46%;}
  }
  @media (max-width:767px) {
    .pjs-detail-info .pjs-inner {padding-bottom:50px;}
      .pjs-detail-info .pjs-content {flex-direction:column;}
        .pjs-detail-info .pjs-content .detail-img {width:100%; order:2;}
        .pjs-detail-info .pjs-content .detail-info {width:100%; order:1;}
          .pjs-detail-info .pjs-content .detail-info .item .pjs-btns {display:flex; justify-content:flex-start; margin-left:0; padding:5px 0 15px;}
  }
  
  /**********************************************
    Location landing page
  **********************************************/
  .loc-info-box {width:100%; max-width:380px; background:var(--main-color); font-size:1.6rem; line-height:1.2; color:var(--color-1); position:absolute; right:5%; z-index:50; margin-top:-140px; box-shadow:0 3px 15px 6px rgba(0,0,0,0.3);}
    .loc-info-box .lib-inner {padding:30px 40px; text-align:left;}
      .loc-info-box .lib-title {text-transform:uppercase; font-weight:700;}
      .loc-info-box .lib-txt {padding-top:20px;}
        .loc-info-box .lib-item {padding-bottom:15px;}
        .loc-info-box .lib-item:last-child {padding-bottom:0;}
          .loc-info-box .lib-item p {margin-bottom:15px;}
          .loc-info-box .lib-item p:last-child {margin-bottom:0;}
      .loc-info-box .pjs-btns {padding-top:20px; justify-content:flex-start; text-align:left;}
        .loc-info-box .pjs-btns a {color:var(--color-1); border-color:var(--color-1); margin:0;}
  @media (max-width:900px) {
    .loc-info-box {width:100%; max-width:100%; position:relative; right:auto; margin-top:0; box-shadow:none;}
      .loc-info-box .lib-inner {padding:30px 7%;}
  }

  .pjs-loc-map .pjs-inner {padding:0;}
    .pjs-loc-map svg {width:100%; height:auto; display:block;}
      .pjs-loc-map svg .lbl {display:none;}
      .pjs-loc-map svg .loc-btn-inner {transition:all 0.25s;}
      .pjs-loc-map svg .loc-btn.over .loc-btn-inner {fill:#6480a0;}
      /* .pjs-loc-map svg .loc-btn:hover {fill:var(--main-color);} */

  .country-select {background:var(--color-8); z-index:1; display:none;}
    .country-select .cs-inner {padding:20px 2%; line-height:1;}
      .country-select .cs-cols {width:100%; display:flex; justify-content:center; align-items:center;}
        /* .country-select .cs-cols .col-lbl {width:37%; margin:0 3% 0 auto; color:var(--color-4); font-size:1.8rem; font-weight:700; text-align:right;} */
        .country-select .cs-cols .col-dd {width:94%; margin:0 auto; position:relative;}
          .country-select .cs-cols .col-dd .dd-select {/*max-width:230px;*/ background:var(--color-1); border:2px solid var(--color-8); position:relative; margin:0;}
            .country-select .cs-cols .col-dd .dd-select .item-selected {font-size:1.4rem; padding:9px 35px 8px 14px;}
            .country-select .cs-cols .col-dd .dd-select .icon {position:absolute; right:15px; top:50%; transform:translateY(-50%);}
            .country-select .cs-cols .col-dd.open .dd-select .icon {transform:translateY(-50%) rotate(180deg);}
              .country-select .cs-cols .col-dd .dd-select .icon span {font-size:2.5rem; color:var(--color-8);}
          .country-select .cs-cols .col-dd .items {width:100%; /*max-width:230px;*/ background:var(--color-1); border:2px solid var(--color-8); border-top:0; position:absolute; left:0; top:100%; z-index:1; display:none;}
            .country-select .cs-cols .col-dd .items ul {list-style:none; max-height:320px; overflow:hidden; overflow-y:auto; margin:0; padding:4px 0;}
              .country-select .cs-cols .col-dd .items ul li {font-size:1.4rem; line-height:1.2; margin:0;}
                .country-select .cs-cols .col-dd .items ul li a {display:block; color:var(--color-4); padding:5px 10px;}
                .country-select .cs-cols .col-dd .items ul li a:hover {background:var(--color-7a); color:var(--color-1);}
  @media (max-width:915px) {
    .country-select {display:block;}
  }
  /* @media (max-width:500px) {
    .country-select .cs-cols .col-lbl {width:38%;}
    .country-select .cs-cols .col-dd {width:57%;}
  } */
  @media (max-width:767px) {
    .country-select .cs-cols .col-dd .items {z-index:11;}
      .country-select .cs-cols .col-dd .items ul {max-height:280px;}
  }
  @media (max-width:413px) {
    .country-select .cs-cols .col-lbl {font-size:1.6rem;}
  }

  /**********************************************
    Icons panel
  **********************************************/
  .icons {padding-bottom: 150px; background-position:center; background-repeat:no-repeat; background-size:cover;}
    .icons .info-blurb {display: flex; flex-wrap: wrap; max-width: 80%; padding: 60px 30px;}
    .icons .title.above + .info-blurb {padding-bottom:20px;}
      .icons .info-blurb .info {width: 33%; display: flex; align-items: center; padding-bottom: 5%;}
        .icons .info-blurb .info * {margin: 0;}
        .icons .info-blurb .info .title {color: #fff; font-weight: 600; font-size: 22px; max-width: 270px; margin-left: 25px !important; text-align: left;}
        .icons .info-blurb .info img {width: 95px;}
        .icons .title {color: #fff; font-weight: 600; font-size: 22px; text-align: center; margin-top: -30px;}
        .icons .title.above {padding:60px 0 0; margin-top:0;}
      .icons .button.dark:before {border: 1px solid #fff;}
      .icons .button.dark:after {border: 1px solid #fff;}
      .icons .inner .buttons .button a {min-width: 185px; padding: 12px 12px; color: #fff; text-align: center;}
      .icons .inner .buttons {text-align: center; margin-top: 3.5%;}
      .icons .inner .no-btm-title + .buttons {margin-top:0;}
        .icons .inner .no-btm-title + .buttons .pjs-btns {padding-top:0;}
  @media (max-width:1020px) {
    .icons .info-blurb {flex-direction: column;}
    .icons .info-blurb .info {width: 100%;}
    .icons .info-blurb .info img {max-width: 70px !important;}
    .icons .button {width: auto !important; text-align: center;}
    .icons {padding-bottom: 50px;}
  }

  /**********************************************
    WYSIWYG with Sidebar panel
  **********************************************/
  .pjs-wysiwgy-sidebar .pjs-inner {max-width:1530px; padding:60px 7%; display:flex;}
  .pjs-wysiwgy-sidebar .inner.right {flex: 0 0 25%;}
  .pjs-wysiwgy-sidebar .inner.left {text-align: left; flex: 0 1 65%;}
    .pjs-wysiwgy-sidebar header {text-align:left; margin-top:25px;}
      .pjs-wysiwgy-sidebar .inner.left .text {margin-top: 25px;}
      .pjs-wysiwgy-sidebar.bg-dark .inner.left .text {color:var(--color-1);}
      .pjs-wysiwgy-sidebar .inner.left hr {width:90%; max-width: 300px; border: .5px solid #25235d;margin: 0 4px;}
      .pjs-wysiwgy-sidebar.bg-dark .inner.left hr {border-color:var(--color-1);}
      .pjs-wysiwgy-sidebar .inner.left .pjs-btns {justify-content:flex-start; padding-top:10px;}
  .pjs-wysiwgy-sidebar .inner.right .messageBox {border: 1px solid #9c9c9c; padding: 25px; margin: 25px 0;}
  .pjs-wysiwgy-sidebar.bg-dark .inner.right .messageBox {border-color:var(--color-1);}
      .pjs-wysiwgy-sidebar .inner.right .messageBox .button.dark {width: 100%; margin-top: 20px; text-align: center;}
      .pjs-wysiwgy-sidebar .inner.right .messageBox hr {border: none; height: 1px; border-top: 1px solid #25235d;}
      .pjs-wysiwgy-sidebar.bg-dark .inner.right .messageBox hr {border-color:var(--color-1);}
      .pjs-wysiwgy-sidebar .inner.right .messageBox .title {font-size: 22px; color: #25235d; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; text-align: left;}
      .pjs-wysiwgy-sidebar.bg-dark .inner.right .messageBox .title {color:var(--color-1);}
      .pjs-wysiwgy-sidebar .inner.right .messageBox .smallTitle {font-size: 15.5px; font-weight: 700; color: #757575;}
      .pjs-wysiwgy-sidebar.bg-dark .inner.right .messageBox .smallTitle {color:var(--color-1);}
      .pjs-wysiwgy-sidebar.bg-dark .inner.right .messageBox .text {color:var(--color-1);}
  @media (max-width:1150px) {
    .pjs-wysiwgy-sidebar .pjs-inner {flex-direction: column;}
      .pjs-wysiwgy-sidebar .inner.right {display:block;}
  }

  /**********************************************
    Footer styles
  **********************************************/
  .main-footer {width:100%; background:var(--color-5); color:var(--color-1); font-size:1.3rem; line-height:1.2; display:flex; flex-wrap:wrap; clear:both;}
    .main-footer .subscribe-box {width:30%; background:var(--color-4a); display:flex; align-items:stretch; flex-wrap:wrap; padding:50px 3% 45px;}
      .main-footer .subscribe-box .sb-title {width:100%; margin:0; color:var(--color-1); font-size:clamp(2.6rem, 3vw, 3.6rem); line-height:1; font-weight:800; text-transform:uppercase; position:relative; z-index:1;}
      .main-footer .subscribe-box .sb-form {width:100%; margin:0; padding:15px 0 0;}
        .main-footer .subscribe-box .sb-form form {margin:0;}
          .main-footer .subscribe-box .sb-form input[type="text"] {width:100%; max-width:500px; display:block; margin:0 0 20px; border-color:var(--color-7a); font-size:1.8rem; text-transform:uppercase;}
          .main-footer .subscribe-box .sb-form input[type="text"]::-webkit-input-placeholder {color:var(--color-7);}
          .main-footer .subscribe-box .sb-form input[type="text"]:-moz-placeholder {color:var(--color-7);}
          .main-footer .subscribe-box .sb-form input[type="text"]::-moz-placeholder {color:var(--color-7);}
          .main-footer .subscribe-box .sb-form input[type="text"]:-ms-input-placeholder {color:var(--color-7);}
          .main-footer .subscribe-box .sb-form input[type="text"]:placeholder-shown {color:var(--color-7);}
          .main-footer .subscribe-box .sb-form button, .main-footer .subscribe-box .sb-form input[type="submit"] {width:125px; min-width:0; background:var(--color-10); border-color:var(--color-10); margin:0;}
    .main-footer .main {width:70%; display:flex; flex-wrap:wrap; letter-spacing:0; padding:50px 5% 55px;}
      .main-footer .main .col {flex:1 1 auto;}
        .main-footer .main .col-group p:not(:last-child) {margin-bottom:15px;}
        .main-footer .main .col-group a {color:var(--color-1);}
        .main-footer .main .col-group a:hover {color:var(--color-2); text-decoration:underline;}
        .main-footer .main .col-title {font-weight:700; text-transform:uppercase; padding:0 0 18px;}
        .main-footer .main ul.links {list-style:none; margin:0;}
          .main-footer .main ul.links li {margin:0 0 4px;}
        .main-footer .main .social-icons ul li a .icon {font-size:2.4rem;}
    .main-footer .btm {width:100%; background:var(--main-color); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; line-height:1; padding:14px 2.5%;}
      .main-footer .btm .copyright {margin:0 auto 0 0; text-transform:uppercase;}
      .main-footer .btm .btm-nav {margin:0 0 0 auto;}
        .main-footer .btm .btm-nav .label {display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
        .main-footer .btm .btm-nav a {color:var(--color-1); display:inline-block; vertical-align:middle;}
        .main-footer .btm .btm-nav .div {display:inline-block; vertical-align:middle; margin:5px;}
        .main-footer .btm .btm-nav a:hover {color:var(--color-2); text-decoration:underline;}
  @media (max-width:1024px) {
    .main-footer {font-size:1.5rem;}
      .main-footer .subscribe-box, .main-footer .main {width:100%;}
  }
  @media (max-width:900px) {
    .main-footer .main {padding-bottom:35px;}
      .main-footer .main .col {width:100%; margin:0 0 16px;}
      .main-footer .main .col:not(:first-child) {padding-top:40px;}
      .main-footer .main .col:nth-child(2) {width:55%;}
      .main-footer .main .col:nth-child(3) {width:43%; padding-left:2%;}
    .main-footer .btm {font-size:1.2rem; padding:18px 5% 20px;}
      .main-footer .btm .btm-nav {width:100%; margin:10px 0 0; line-height:1.2;}
        .main-footer .btm .btm-nav .label {display:block; margin:0;}
      .main-footer .btm .copyright {width:100%; margin:0;}
  }
  @media (max-width:767px) {
    .main-footer .main {padding-left:7%; padding-right:7%;}
      .main-footer .main .col:nth-child(2), .main-footer .main .col:nth-child(3) {width:100%; padding-left:0;}
    .main-footer .subscribe-box {padding-left:7%; padding-right:7%;}
  }

/*MISC*/
.clear {clear:both;}
.hide, .hidden {display:none;}
.center {text-align:center;}
.footnote {font-size:85%; font-weight:700;}
.noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.trans {transition:all .25s ease;}

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {max-width:100%; height:auto;}
.alignleft, img.alignleft, img.img-left {display:inline; float:left; margin:5px 50px 30px 0;}
.alignright, img.alignright, img.img-right {display:inline; float:right; margin:5px 0 30px 50px;}
.aligncenter, img.aligncenter {clear:both; display:block; margin:5px auto 30px; text-align:center;}
.navigation, #nav-single, #nav-below, #nav-above, .nav-single, .nav-below {min-height:60px; margin:40px 0 20px; clear:both; overflow:hidden;}
	.nav-previous {float: left; width:45%; padding:10px 0 0; font-weight:bold;}
	.nav-next {float: right; text-align: right; width:45%; padding:10px 0 0; font-weight:bold;}
.assistive-text {margin:0 !important; padding:20px 0 0;}
#signup-content {min-height:500px; padding:200px 0 60px;}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {margin:0 auto;}

div.wpforms-container-full .wpforms-form .wpforms-field-label {font-family:var(--font-montserrat) !important; font-size:1.8rem !important; font-weight:700 !important; line-height:1 !important; color:var(--main-color); text-transform:uppercase !important; text-align:left;}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel, .wpforms-field-rating-items {text-align:left;}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
  margin: 0 !important;
}

.ninja-forms-form-wrap * {margin:0;}
.t-closeModal {margin:0;}
.wpml-ls-legacy-dropdown-click a span {font-size:1.6rem; text-transform:uppercase;}

/*anniversary landing page*/
.anni-panel header {padding:0; margin:0 auto;}
  .anni-panel header h2 {color:var(--color-14); font-size:2.4rem; display:inline-block; padding:0 0 18px; /*border-bottom:2px solid var(--color-12);*/ position:relative;}
  .anni-panel header h2::after {content:''; width:75vw; max-width:409px; height:2px; background:var(--color-12); position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

.anni-panel-1 {background:transparent; z-index:2;}
  .anni-panel-1 .top-bg {width:100%; margin-top:-100px;}
    .anni-panel-1 .top-bg svg {width:100%; height:auto; display:block;}
  .anni-panel-1 .pjs-inner {background:#F9F7F1; padding:0 5% 150px; margin-top:-100px;}
    .anni-panel-1 .pjs-content {width:100%; max-width:1292px; display:flex; align-items:center; flex-wrap:wrap; margin-bottom:-53px;}
      .anni-panel-1 .pjs-txt {width:59%; margin:0; text-align:center;}
        .anni-panel-1 .pjs-txt .lrg-content {color:var(--main-color); font-size:3.4rem; line-height:1.76; padding:25px 0 0;}
        .anni-panel-1 .pjs-txt .sml-content {color:var(--color-13); font-size:2.4rem; line-height:1.5; padding:45px 0 0;}
      .anni-panel-1 .pjs-img {width:33%; margin:0 0 0 auto; position:relative;}
        .anni-panel-1 .pjs-img img {width:100%; display:block; border-radius:15px; box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.15); position:absolute; right:0; top:50%; transform:translateY(-50%);}
  @media (min-width:2000px) {
    .anni-panel-1 .top-bg {margin-top:-150px;}
    .anni-panel-1 .pjs-inner {margin-top:-180px;}
  }
  @media (min-width:3000px) {
    .anni-panel-1 .pjs-inner {margin-top:-300px;}
  }
  @media (max-width:1600px) {
    .anni-panel-1 .top-bg {margin-top:-60px;}
    .anni-panel-1 .pjs-inner {margin-top:-60px;}
  }
  @media (max-width:1300px) {
    .anni-panel-1 .pjs-inner {margin-top:-60px;}
      .anni-panel-1 .pjs-txt .lrg-content {font-size:2.8rem;}
  }
  @media (max-width:767px) {
    .anni-panel-1 .pjs-inner {margin-top:0;}
      .anni-panel-1 .pjs-txt {width:100%;}
        .anni-panel-1 .pjs-txt .lrg-content {font-size:2.4rem;}
        .anni-panel-1 .pjs-txt .sml-content {font-size:2rem;}
      .anni-panel-1 .pjs-img {width:100%; margin:45px 0 0;}
        .anni-panel-1 .pjs-img img {position:relative; right:auto; top:auto; transform:none;}
  }

.anni-panel-2 .pjs-inner {padding:128px 5% 80px;}
  .anni-panel-2 .pjs-content {width:100%; max-width:1298px;}
    .anni-panel-2 .items {width:100%; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; padding:72px 0 0;}
      .anni-panel-2 .item {width:22%; margin:0 1.5% 56px; display:flex; flex-direction:column; align-items:center;}
        .anni-panel-2 .item .icon {width:100%; height:160px; display:flex; justify-content:center; align-items:flex-end;}
          .anni-panel-2 .item .icon img {display:block;}
        .anni-panel-2 .item .txt {padding:40px 0 0; color:var(--main-color); font-size:2rem; line-height:1.2; font-weight:500; text-align:center;}
  @media (max-width:992px) {
    .anni-panel-2 .item {width:30.333%;}
  }
  @media (max-width:767px) {
    .anni-panel-2 .item {width:47%;}
  }
  @media (max-width:420px) {
    .anni-panel-2 .item {width:97%;}
  }

.anni-panel-3 {background-position:center center; background-repeat:no-repeat;}
  .anni-panel-3 .bg-top {width:100%; position:absolute; left:0; top:0; z-index:2; overflow:hidden;}
    .anni-panel-3 .bg-top img {min-width:600px; display:block; margin:0;}
  .anni-panel-3 .gradient {width:100%; height:80%; background:linear-gradient(180deg, #FFF 17.04%, #808080 99.94%); background-blend-mode:multiply; mix-blend-mode:multiply; position:absolute; left:0; bottom:0; z-index:1;}
  .anni-panel-3 .pjs-inner {min-height:94vh; padding:60px 7%; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:3;}
    .anni-panel-3 .pjs-content {width:100%; max-width:688px; margin:0 0 0 auto; text-align:center;}
      .anni-panel-3 .pjs-content .txt {padding:45px 0 0; color:var(--color-1); font-size:clamp(2.2rem,3vw,3.4rem); line-height:1.8; text-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
        .anni-panel-3 .pjs-content .txt strong {font-weight:600;}
        .anni-panel-3 .pjs-content .txt p {margin-bottom:40px;}
        .anni-panel-3 .pjs-content .txt p:last-child {margin-bottom:0;}
      .anni-panel-3 .pjs-content .pjs-btns a {background:var(--color-12); border-color:var(--color-12); color:var(--color-1); border-radius:12px;}
      .anni-panel-3 .pjs-content .pjs-btns a:hover {background:var(--color-13); border-color:var(--color-13);}

.anni-panel-4 {background:var(--color-15);}
  .anni-panel-4 .pjs-inner {padding:120px 7% 60px;}
    .anni-panel-4 .quote-bg {top:125px;}
    .anni-panel-4 .pjs-quotes-swiper header h2 {color:var(--color-14); font-size:2.4rem;}
    .anni-panel-4 .swiper-slide {color:var(--main-color);}
      .anni-panel-4 .quote-txt {max-width:767px; color:var(--main-color); font-size:clamp(2.4rem,3vw,3.4rem); line-height:1.8; font-weight:400;}
    .anni-panel-4 .swiper-button-prev svg rect, .anni-panel-4 .swiper-button-next svg rect {fill:var(--color-12);}
    .anni-panel-4 .swiper-button-prev:hover svg rect, .anni-panel-4 .swiper-button-next:hover svg rect {fill:var(--main-color);}

.anni-panel-5 {background:var(--color-15); overflow:hidden;}
.anni-panel-5.is-sub {background:var(--color-1);}
.anni-panel-5.is-sub:last-child {margin-bottom:36px;}
  .anni-panel-5::after {content:''; width:100%; height:calc(100vw * 0.08); background:var(--color-1); position:absolute; left:0; bottom:0;}
  .anni-panel-5 .bg-btm {width:100%; position:absolute; left:0; bottom:calc(100vw * 0.08); z-index:1;}
    .anni-panel-5 .bg-btm svg {width:100vw; display:block; margin:0;}
  .anni-panel-5 .pjs-inner {padding:0 7%; position:relative; z-index:2;}
    .anni-panel-5 header h2 {max-width:800px; color:var(--color-1); font-size:clamp(2.4rem,5vw,6rem); font-weight:600; padding-bottom:32px;}
    .anni-panel-5 header h2::after {display:none;}
    .anni-panel-5 .content {max-width:890px; font-size:clamp(2rem,4vw,2.4rem); font-weight:400; line-height:1.25; padding:20px 5% 0; text-align:center;}
    .anni-panel-5 .vidframe {height:auto; aspect-ratio:1214/685; padding:0; margin:0 auto; border-radius:15px;}
    .anni-panel-5 .countdown-block {width:100%; aspect-ratio:1214/685; border-radius:15px; overflow:hidden; background-position:center center; background-repeat:no-repeat; position:relative;}
      .anni-panel-5 .countdown-block .cd-logo {width:20%; max-width:257px; position:absolute; left:24px; bottom:23px; z-index:3;}
      .anni-panel-5 .countdown-block .countdown {height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:clamp(1.6rem,3vw,2.4rem); line-height:1; font-weight:700; color:var(--color-1);}
        .anni-panel-5 .countdown-block .countdown-timer {width:86%; display:flex; justify-content:center;}
          .anni-panel-5 .countdown-block .countdown-item {width:12%; display:flex; flex-direction:column; align-items:center; position:relative; margin:0 1.5%;}
          .anni-panel-5 .countdown-block .countdown-item::after {content:':'; font-size:clamp(3rem,5vw,10rem); line-height:1; font-weight:800; position:absolute; right:-20%; top:-6px;}
          .anni-panel-5 .countdown-block .countdown-item:last-child::after {content:'';}
            .anni-panel-5 .countdown-block .countdown-number {font-size:clamp(3rem,5vw,10rem); line-height:1; font-weight:800;}
            .anni-panel-5 .countdown-block .countdown-label {padding:8px 0 0; text-transform:uppercase;}
    .anni-panel-5 .content .pjs-btns {padding-top:20px;}
      .anni-panel-5 .pjs-btns a {background:var(--color-12); border-color:var(--color-12); color:var(--color-1); border-radius:12px;}
      .anni-panel-5 .pjs-btns a:hover {background:var(--color-13); border-color:var(--color-13);}
  @media (max-width:1400px) {
    .anni-panel-5 .countdown-block .countdown-item::after {right:-16%; top:-2px;}
  }
  @media (max-width:992px) {
    .anni-panel-5 .countdown-block {aspect-ratio:1.42;}
  }
  @media (max-width:767px) {
    .anni-panel-5 .countdown-block {aspect-ratio:1;}
      .anni-panel-5 .countdown-block .countdown-item::after {right:-18%; top:-1px;}
      .anni-panel-5 .countdown-block .cd-logo {display:none;}
      .anni-panel-5 .pjs-btns {padding-top:10px;}
  }
  @media (max-width:520px) {
    .anni-panel-5 .countdown-block {aspect-ratio:0.75;}
      .anni-panel-5 .countdown-block .countdown-item {width:18%;}
  }
  @media (max-width:374px) {
    .anni-panel-5 .countdown-block {aspect-ratio:0.6;}
      .anni-panel-5 .countdown-block .countdown-item {width:23%;}
  }
    
.anni-panel-6 {overflow:hidden;}
  .anni-panel-6 .bg {width:100%; position:absolute; left:0; top:520px; z-index:0;}
  .anni-panel-6 .pjs-inner {padding:100px 7% 16px;}
    .anni-panel-6 .items {width:100%; max-width:1214px; padding:75px 0 0; position:relative;}
      .anni-panel-6 .line {width:2px; height:0px; background:var(--color-12); position:absolute; z-index:1; opacity:0;}
      .anni-panel-6 .item {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 120px; position:relative; z-index:2;}
        .anni-panel-6 .item .dot {width:26px; height:26px; flex-shrink:0; background:var(--color-1); border:3px solid var(--color-12); border-radius:100%; margin-top:32px;}
        .anni-panel-6 .item .img {width:45%; margin:0; padding:16px 0 0;}
          .anni-panel-6 .item .img img {width:100%; aspect-ratio:534/380; display:block; border-radius:15px; box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.15);}
        .anni-panel-6 .item .content {width:42%; margin:0;}
          .anni-panel-6 .item .content .year {color:var(--color-12); font-size:8.5rem; line-height:1; font-weight:800;}
          .anni-panel-6 .item .content .lbl {padding:30px 0 0;}
            .anni-panel-6 .item .content .lbl h3 {color:var(--color-13); font-size:2.4rem; line-height:1.5; font-weight:400; text-transform:none; padding:0;}
          .anni-panel-6 .item .content .txt {color:var(--color-7); font-size:1.8rem; line-height:1.8; font-weight:400; padding:35px 0 0;}
  @media (max-width:1300px) {
    .anni-panel-6 .item .content .year {font-size:6.5rem;}
  }
  @media (max-width:992px) {
    .anni-panel-6 .item .content .year {font-size:5rem;}
  }
  @media (max-width:767px) {
    .anni-panel-6 .line, .anni-panel-6 .item .dot {display:none;}
    .anni-panel-6 .item .img {width:100%;}
    .anni-panel-6 .item .content {width:100%; margin:32px auto 0;}
  }
  @media (max-width:429px) {
    .anni-panel-6 .item .content .year {font-size:4.2rem;}
  }

.anni-panel-7 {background-color:var(--color-12); background-image:url(assets/images/bg-bug.png); background-position:right 160%; background-repeat:no-repeat; overflow:hidden;}
  .anni-panel-7 .bg-top {width:100%; position:absolute; left:0; top:0; z-index:2; overflow:hidden;}
    .anni-panel-7 .bg-top img {min-width:600px; display:block; margin:0;}
  .anni-panel-7 .pjs-inner {padding:185px 7% 110px;}
    .anni-panel-7 .pjs-content {text-align:center;}
      .anni-panel-7 header h2 {color:var(--color-1);}
      .anni-panel-7 header h2::after {background:var(--color-1);}
      .anni-panel-7 .pjs-content .txt {width:100%; max-width:820px; padding:32px 0 0; color:var(--color-1); font-size:clamp(2.2rem,3vw,3.4rem); line-height:1.8; font-weight:400;}
      .anni-panel-7 .pjs-btns {padding-top:72px;}
        .anni-panel-7 .pjs-btns a {min-width:100px; background:var(--color-1); border-color:var(--color-1); color:var(--color-13); border-radius:10px;}
        .anni-panel-7 .pjs-btns a:hover {background:var(--color-13); border-color:var(--color-13); color:var(--color-1);}

.page-template-anniversary-donate .pjs-btns a {min-width:110px; background:var(--color-12); border-color:var(--color-12); color:var(--color-1); border-radius:12px;}
.page-template-anniversary-donate .pjs-btns a:hover {background:var(--color-13); border-color:var(--color-13);}

.anni-d-panel-1 {background:transparent; z-index:2;}
  .anni-d-panel-1 .top-bg {width:100%; margin-top:-100px;}
    .anni-d-panel-1 .top-bg svg {width:100%; height:auto; display:block;}
  .anni-d-panel-1 .pjs-inner {background:#F9F7F1; padding:0 8% 132px; margin-top:-100px;}
    .anni-d-panel-1 .pjs-content {width:100%; max-width:1210px; display:flex; justify-content:space-between;}
      .anni-d-panel-1 .col-txt {width:54%; margin:0;}
        .anni-d-panel-1 .col-txt header {text-align:left;}
          .anni-d-panel-1 .col-txt header h2 {width:100%;}
          .anni-d-panel-1 .col-txt header h2::after {width:100%; max-width:100%;}
        .anni-d-panel-1 .txt {color:var(--main-color); font-size:clamp(2.4rem,3vw,3.4rem); line-height:1.8; padding:24px 0 0;}
        .anni-d-panel-1 .btm-txt {color:var(--color-13); font-size:clamp(1.8rem,3vw,2.4rem); line-height:1.5; padding:48px 0 0;}
      .anni-d-panel-1 .col-form {width:35%; margin:0; display:flex; justify-content:flex-end;}
  @media (min-width:2000px) {
    .anni-d-panel-1 .top-bg {margin-top:-150px;}
    .anni-d-panel-1 .pjs-inner {margin-top:-180px;}
  }
  @media (min-width:3000px) {
    .anni-d-panel-1 .pjs-inner {margin-top:-300px;}
  }
  @media (max-width:1600px) {
    .anni-d-panel-1 .top-bg {margin-top:-60px;}
    .anni-d-panel-1 .pjs-inner {margin-top:-60px;}
  }
  @media (max-width:1300px) {
    .anni-d-panel-1 .pjs-inner {margin-top:-60px;}
  }
  @media (max-width:1079px) {
    .anni-d-panel-1 .pjs-content {flex-direction:column;}
      .anni-d-panel-1 .col-txt {width:100%;}
      .anni-d-panel-1 .col-form {width:100%; margin:42px auto 0;}
  }
  @media (max-width:767px) {
    .anni-d-panel-1 .pjs-inner {margin-top:0;}
  }

.anni-d-panel-2 {background:#F9F7F1;}
  .anni-d-panel-2 .pjs-inner {padding:0 8%;}
    .anni-d-panel-2 .pjs-box {width:100%; max-width:1210px; background:var(--color-1); border-top-left-radius:60px; border-top-right-radius:60px;display:flex; justify-content:space-between; flex-wrap:wrap; padding:66px 0 58px;}
      .anni-d-panel-2 .col-txt {width:54%; margin:0 0 0 8%;}
        .anni-d-panel-2 header {margin:0; text-align:left;}
          .anni-d-panel-2 header h2 {width:100%;}
          .anni-d-panel-2 header h2::after {width:100%; max-width:none; left:0; transform:none;}
        .anni-d-panel-2 .col-txt .items {width:100%; padding:28px 0 0;}
          .anni-d-panel-2 .col-txt .item {width:100%; display:flex; align-items:center; margin:15px 0;}
            .anni-d-panel-2 .col-txt .item .circle {width:68px; height:68px; background:rgba(62, 124, 153, 1); border-radius:100%; display:flex; justify-content:center; align-items:center; flex-shrink:0; color:var(--color-1); font-size:2.4rem; line-height:1; font-weight:700; margin:0;}
            .anni-d-panel-2 .col-txt .item:nth-child(1) .circle {background:rgba(62, 124, 153, 0.6);}
            .anni-d-panel-2 .col-txt .item:nth-child(2) .circle {background:rgba(62, 124, 153, 0.7);}
            .anni-d-panel-2 .col-txt .item:nth-child(3) .circle {background:rgba(62, 124, 153, 0.8);}
            .anni-d-panel-2 .col-txt .item:nth-child(4) .circle {background:rgba(62, 124, 153, 0.9);}
            .anni-d-panel-2 .col-txt .item .txt {width:77%; margin:0 0 0 31px; color:var(--color-3); line-height:1.3;}
              .anni-d-panel-2 .col-txt .item .txt strong {font-weight:600;}
        .anni-d-panel-2 .pjs-btns {padding-top:56px;}
      .anni-d-panel-2 .col-img {width:37%; padding:0 0 10px; margin:0 -4.6% 0 auto;}
        .anni-d-panel-2 .col-img .img {width:100%; aspect-ratio:221/331; border-radius:15px; overflow:hidden; position:relative; box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.15);}
          .anni-d-panel-2 .col-img .img img {width:100%; display:block;}
  @media (max-width:990px) {
    .anni-d-panel-2 .col-txt {width:56%; margin-left:6%;}
  }
  @media (max-width:767px) {
    .anni-d-panel-2 .pjs-inner {padding:0 5%;}
      .anni-d-panel-2 .col-txt {width:88%;}
      .anni-d-panel-2 .col-img {width:88%; margin:32px 6% 0;}
  }

.anni-d-panels-3-5-container {width:100%; background:linear-gradient(180deg, rgba(126, 195, 227, 0.50) 0%, #FFF 84.4%);}
  .anni-d-panel-3 {background:transparent;}
    .anni-d-panel-3 .pjs-inner {padding:130px 7% 60px;}
    .anni-d-panel-3.v2 .pjs-inner {padding:60px 7% 180px;}
      .anni-d-panel-3 .pjs-content {max-width:960px; text-align:center;}
        .anni-d-panel-3 .txt {color:var(--main-color); font-size:2.4rem; line-height:1.5; padding:40px 0 0;}

  .anni-d-panel-4 {background:transparent;}
    .anni-d-panel-4 .pjs-inner {padding:50px 7% 60px;}
      .anni-d-panel-4 .pjs-card {width:100%; max-width:1220px; display:flex; align-items:stretch; flex-wrap:wrap;}
        .anni-d-panel-4 .pjs-card .card-img {width:40%; margin:0; border-radius:15px; box-shadow:0 18px 32px 0 rgba(0, 0, 0, 0.15); overflow:hidden;}
          .anni-d-panel-4 .pjs-card .card-img .img {height:100%; aspect-ratio:79/89;}
            .anni-d-panel-4 .pjs-card .card-img img {width:100%; display:block;}
        .anni-d-panel-4 .pjs-card .card-content {width:60%; margin:4.4rem 0; background:var(--color-1); border-top-right-radius:60px; border-bottom-right-radius:60px; box-shadow:0 18px 32px 0 rgba(0, 0, 0, 0.10); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2% 7.5%; text-align:center;}
          .anni-d-panel-4 .pjs-card .card-content .txt {color:var(--main-color); font-size:clamp(2.4rem,3vw,3.4rem); line-height:1.8; font-style:italic;}
          .anni-d-panel-4 .pjs-card .card-content .lbl {color:var(--color-13); font-size:clamp(2.2rem,3vw,3rem); padding:28px 0 0;}
          .anni-d-panel-4 .pjs-card .card-content .sublbl {color:var(--color-13); font-size:clamp(1.5rem,3vw,1.8rem); font-weight:500; font-style:italic; padding:6px 0 0;}
  @media (max-width:767px) {
    .anni-d-panel-4 .pjs-card .card-img {width:100%; border-radius:15px 15px 0 0;}
      .anni-d-panel-4 .pjs-card .card-img .img {width:100%; height:auto; aspect-ratio:1;}
      .anni-d-panel-4 .pjs-card .card-content {width:100%; margin:0; border-radius:0 0 60px 60px; padding:24px 7%;}
  }

  .anni-d-panel-5 {background:transparent;}
    .anni-d-panel-5 .pjs-inner {padding:60px 7%;}
      .anni-d-panel-5 .pjs-content {width:100%; max-width:1298px;}
      .anni-d-panel-5 .items {width:100%; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; padding:22px 0 0;}
        .anni-d-panel-5 .item {width:22%; margin:0 1.5% 56px; display:flex; flex-direction:column; align-items:center;}
          .anni-d-panel-5 .item .icon {width:100%; height:160px; display:flex; justify-content:center; align-items:flex-end;}
            .anni-d-panel-5 .item .icon img {display:block;}
          .anni-d-panel-5 .item .txt {padding:40px 0 0; color:var(--main-color); font-size:2rem; line-height:1.2; font-weight:500; text-align:center;}
      .anni-d-panel-5 .pjs-btns {padding-top:24px;}
      @media (max-width:992px) {
        .anni-d-panel-5 .item {width:30.333%;}
      }
      @media (max-width:767px) {
        .anni-d-panel-5 .pjs-inner {padding-top:150px;}
          .anni-d-panel-5 .item {width:47%;}
      }
      @media (max-width:420px) {
        .anni-d-panel-5 .item {width:97%;}
          .anni-d-panel-5 .item .icon {height:auto;}
      }
      
.anni-d-panel-6::after {content:''; width:100%; height:35px; background:var(--color-15);}
  .anni-d-panel-6 .top-bg {width:100%; margin-top:-100px;}
    .anni-d-panel-6 .top-bg svg {width:100%; height:auto; display:block;}
  .anni-d-panel-6 .pjs-inner {background:var(--color-15) url(assets/images/bg-bug-2.png) center top no-repeat; background-size:contain; padding:80px 5% 45px; margin-top:-180px;}
    .anni-d-panel-6 .pjs-content {width:100%; max-width:936px; display:flex; align-items:center; flex-wrap:wrap; text-align:center;}
      .anni-d-panel-6 header h2 {font-family:'Montserrat',sans-serif; font-size:clamp(3.2rem,5vw,6rem); font-weight:500; line-height:1.2; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
      .anni-d-panel-6 header h2::after {display:none;}
        .anni-d-panel-6 header h2 span {display:block; flex-grow:1;}
        .anni-d-panel-6 header h2 img {/*max-width:38%;*/ display:block; margin:-30px 0 0 15px; flex-shrink:1;}
      .anni-d-panel-6 .txt {font-size:2.4rem; line-height:1.5;}
      .anni-d-panel-6 .pjs-btns {padding-top:50px;}
        .anni-d-panel-6 .pjs-btns a {background-color:var(--color-1); border-color:var(--color-1); color:var(--color-14);}
        .anni-d-panel-6 .pjs-btns a:hover {background-color:var(--color-14); border-color:var(--color-14); color:var(--color-1);}
  .anni-d-panel-6 .swiper-container {background:var(--color-15); padding:45px 0; position:relative; overflow:hidden;}
    .anni-d-panel-6 .swiper-slide {width:27%; aspect-ratio:385/431; border-radius:15px; position:relative; overflow:hidden;}
      .anni-d-panel-6 .swiper-slide .gradient {width:100%; height:100%; background:var(--color-5); position:absolute; left:0; top:0; z-index:0; opacity:0; transition:opacity 0.25s;}
      .anni-d-panel-6 .swiper-slide:hover .gradient {opacity:0.6;}
      .anni-d-panel-6 .swiper-slide a {width:100%; height:100%; display:block;}
        .anni-d-panel-6 .swiper-slide .content {width:calc(100% - 46px); position:absolute; left:23px; bottom:26px; z-index:1; color:var(--color-1); line-height:1.4; text-shadow:0 0 5px rgba(0,0,0,0.2);}
          .anni-d-panel-6 .swiper-slide .content .lbl {font-weight:700;}
          .anni-d-panel-6 .swiper-slide .content .sublbl {font-weight:500;}
    .anni-d-panel-6 .swiper-button-next, .anni-d-panel-6 .swiper-button-prev {width:57px; height:57px; top:50%; transform:translateY(-50%); margin-top:0;}
    .anni-d-panel-6 .swiper-button-next {right:18px;}
    .anni-d-panel-6 .swiper-button-prev {left:18px;}
      .anni-d-panel-6 .swiper-button-next svg path, .anni-d-panel-6 .swiper-button-prev svg path {transition:fill 0.25s;}
      .anni-d-panel-6 .swiper-button-next:hover svg path, .anni-d-panel-6 .swiper-button-prev:hover svg path {fill:var(--color-12);}
    .anni-d-panel-6 .bg-swiper-btn {width:20%; height:100%; background:linear-gradient(90deg,#F6E9D6 0%, rgba(246, 233, 214, 0.00) 100%); position:absolute; top:0; z-index:1;}
    .anni-d-panel-6 .prev-bg {left:0;}
    .anni-d-panel-6 .next-bg {right:0; background:linear-gradient(270deg,#F6E9D6 10%, rgba(246, 233, 214, 0.00) 100%);}
  @media (min-width:2000px) {
    .anni-d-panel-6 .top-bg {margin-top:-150px;}
    .anni-d-panel-6 .pjs-inner {margin-top:-180px;}
  }
  @media (min-width:3000px) {
    .anni-d-panel-6 .pjs-inner {margin-top:-300px;}
  }
  @media (max-width:1600px) {
    .anni-d-panel-6 .top-bg {margin-top:-60px;}
    .anni-d-panel-6 .pjs-inner {margin-top:-100px;}
  }
  @media (max-width:1300px) {
    .anni-d-panel-6 .pjs-inner {margin-top:-60px;}
  }
  @media (max-width:1100px) {
    .anni-d-panel-6 .swiper-slide {width:38%;}
  }
  @media (max-width:767px) {
    .anni-d-panel-6 .pjs-inner {margin-top:0;}
      .anni-d-panel-6 header h2 img {margin-top:-15px;}
      .anni-d-panel-6 .swiper-slide {width:48%;}
  }
  @media (max-width:520px) {
    .anni-d-panel-6 header h2 img {margin-top:-10px;}
    .anni-d-panel-6 .swiper-slide {width:64%;}
  }

.donate-twocol-form {background:transparent; z-index:2;}
  .donate-twocol-form .top-bg {width:100%; margin-top:-100px;}
    .donate-twocol-form .top-bg svg {width:100%; height:auto; display:block;}
  .donate-twocol-form .pjs-inner {background:#F9F7F1; padding:0 8% 132px; margin-top:-100px;}
    .donate-twocol-form .pjs-content {width:100%; max-width:1210px; display:flex; justify-content:space-between;}
      .donate-twocol-form .col-txt {width:52%; margin:-300px 0 0;}
        .donate-twocol-form .img {width:100%; margin:0 0 32px;}
          .donate-twocol-form .img img {display:block; border-radius:15px;}
        .donate-twocol-form .col-txt header {text-align:left; padding-bottom:6px;}
          .donate-twocol-form .col-txt header h2 {width:100%; color:var(--main-color); font-size:clamp(3.2rem,3vw,4.2rem); font-weight:600; line-height:1.2; padding:0;}
          .donate-twocol-form .col-txt header h2::after {width:0; height:0;}
        .donate-twocol-form .col-txt .lbl-img {width:100%; margin:0 0 15px;}
          .donate-twocol-form .col-txt .lbl-img img {display:block;}
        .donate-twocol-form .txt {width:88%; color:var(--main-color); font-size:2rem; font-weight:500; line-height:1.6; margin:0;}
      .donate-twocol-form .col-form {width:36%; margin:-300px 0 0; display:flex; justify-content:flex-end;}
  @media (min-width:2000px) {
    .donate-twocol-form .top-bg {margin-top:-150px;}
    .donate-twocol-form .pjs-inner {margin-top:-180px;}
  }
  @media (min-width:3000px) {
    .donate-twocol-form .pjs-inner {margin-top:-300px;}
  }
  @media (max-width:1600px) {
    .donate-twocol-form .top-bg {margin-top:-60px;}
    .donate-twocol-form .pjs-inner {margin-top:-60px;}
      .donate-twocol-form .col-txt, .donate-twocol-form .col-form {margin-top:-250px;}
  }
  @media (max-width:1300px) {
    .donate-twocol-form .pjs-inner {margin-top:-60px;}
  }
  @media (max-width:1079px) {
    .donate-twocol-form .pjs-content {flex-direction:column;}
      .donate-twocol-form .col-txt {width:100%; margin-top:-200px;}
      .donate-twocol-form .col-form {width:100%; margin:42px auto 0;}
  }
  @media (max-width:767px) {
    .donate-twocol-form .pjs-inner {margin-top:0;}
      .donate-twocol-form .col-txt {margin-top:-150px;}
  }
  @media (max-width:550px) {
    .donate-twocol-form .col-txt {margin-top:-100px;}
  }
  @media (max-width:389px) {
    .donate-twocol-form .col-txt {margin-top:-20px;}
  }

/* body.page-template-donate .region-map {background:#F9F7F1;} */