* {
  -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: #ff6b0e;
  text-decoration: none;
  transition: all .25s ease;
}

a:hover,
.a:hover {
  color: #0e2d52;
  text-decoration: none;
}

a.blue,
.a.blue {
  background-color: #0e2d52;
}

a.blue:hover,
.a.blue:hover {
  background-color: #ff6b0e;
}

img {
  border: 0;
  outline: none;
  max-width: 100%;
  height: auto;
}

object,
embed {
  outline: none;
  display: block;
}

input,
textarea,
select {
  outline: none;
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;
  font-weight: 500;
}

button {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;
  font-weight: 500;
}

input[type="text"],
input[type="email"],
select {
  width: 100%;
  font-size: 16px;
  padding: 10px;
  border: 0;
  background: transparent;
  border-radius: 0;
}

input[type="search"] {
  width: 100%;
  height: 50px;
  font-size: 16px;
  padding: 10px;
  border: 0;
  background: transparent;
  border-radius: 0;
  margin: 10px 0 20px;
}

textarea {
  width: 100%;
  height: 80px;
  font-size: 16px;
  padding: 10px;
  border: 0;
  background: transparent;
  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 25px 20px;
  text-align: left;
}

ol {
  margin: 0 0 25px 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: 1em;
}

strong,
b {
  font-weight: 700;
}

hr {
  height: 1px;
  background: #000;
  clear: both;
  border: 0;
  outline: 0;
}

::-moz-selection {
  background: #ff6b0e;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ff6b0e;
  color: #fff;
  text-shadow: none;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ccc;
}

:placeholder-shown {
  color: #ccc;
}

body {
  font: 16px/24px 'Source Sans 3', Arial, Helvetica, sans-serif;
  color: #2a2a2a;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #2a2a2a;
  text-transform: uppercase;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

@media (max-width:767px) {
  h1 {
      font-size: 28px;
  }
  h2 {
      font-size: 20px;
  }
  h3 {
      font-size: 18px;
  }
  h4 {
      font-size: 17px;
  }
}

.light {
  color: #fff;
}

.la {
  text-align: left;
}

.ra {
  text-align: right;
}

.mid {
  text-align: center;
}

.left {
  float: left;
}

.right {
  float: right;
}

.btns {
  text-align: center;
  position: relative;
}

.btns.la {
  text-align: left;
}

.btns.ra {
  text-align: right;
}

.btns:after {
  content: '';
  display: block;
  clear: both;
}

.btns a, .btns .a, input[type="submit"], input[type="button"], button {
/* input[type="submit"]:not(.gk-widget-body input[type="submit"]),
input[type="button"]::not(.gk-widget-body input[type="button"]),
button:not(.gk-widget-body button) { */
  min-width: 175px;
  display: inline-block;
  padding: 15px 18px;
  border: 0;
  border-radius: 25px;
  background-color: #ff6b0e;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1pt;
  text-transform: uppercase;
  margin: 0 8px 10px;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.btns a:first-child,
.btns .a:first-child,
input[type="submit"]:first-child,
input[type="button"]:first-child,
button:first-child {
  margin-left: auto;
}

.btns a:last-child,
.btns .a:last-child,
input[type="submit"]:last-child,
input[type="button"]:last-child,
button:last-child {
  margin-right: auto;
}

.btns a:hover, .btns .a:hover, input[type="submit"]:hover, input[type="button"], button {
/* input[type="submit"]:hover:not(.gk-widget-body input[type="submit"]),
input[type="button"]:hover:not(.gk-widget-body input[type="button"]),
button:hover:not(.gk-widget-body button) { */
  color: #fff;
  background: #0e2d52;
}

.gk-widget-body input[type="submit"], .gk-widget-body input[type="button"], .gk-widget-body button {min-width:0; padding:0; border-radius:0;}

input[type="submit"]:hover,
input[type="button"]:hover {
  background: #0e2d52;
}

.btns a:hover::before,
.btns .a:hover::before,
.btns.light a:hover::before,
button:hover::before {
  left: 0;
  right: 0;
}

.fancybox-button {
  height: auto !important;
  min-width: 0;
}

.mejs-container button {
  min-width: 0;
}

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

.s-lch-widget-float-btn {
  width: 60px !important;
  min-width: 0;
  height: 60px !important;
  border-radius: 50% !important;
  background-color: #ff6b0e !important;
}

.s-lch-widget-float-btn.online {
  background-color: #ff6b0e !important;
}

@media (min-width:3000px) {
  .btns a,
  .btns .a,
  .btn,
  input[type="submit"],
  input[type="button"],
  button {
      font-size: 22px;
  }
}

@media (max-width:500px) {
  .btns a,
  .btns .a,
  a.btn,
  input[type="submit"],
  input[type="button"],
  button {
      padding-left: 18px;
      padding-right: 18px;
  }
  .s-lch-widget-float {
      width: auto !important;
      left: auto !important;
  }
}

.pjs-iframe {
  margin-bottom: 25px;
  position: relative;
}

.pjs-iframe.is-full {
  padding: 56.25% 0 0 0;
}

.pjs-iframe.is-full iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

.hamburger {
  cursor: pointer;
}

.hamburger-box {
  width: 30px;
  height: 25px;
  display: block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 0;
  left: 0
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 30px;
  height: 5px;
  top: 9px;
  background-color: #ff6b0e;
  position: absolute;
  transition: all .25s ease
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #ff6b0e;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block
}

.hamburger-inner::before {
  top: -9px
}

.hamburger-inner::after {
  bottom: -9px
}

.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dx .hamburger-inner {
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 9px, 0) rotate(45deg);
  transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -9px, 0) rotate(-45deg);
  transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.modal-bg {
  width: 100%;
  height: 100%;
  background: rgba(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;
}

.modal-search {
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
}

.modal-search .inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.modal-search .content {
  width: 50%;
  position: fixed;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
}

.modal-search .close-btn {
  position: absolute;
  right: -40px;
  top: -30px;
  z-index: 1;
  cursor: pointer;
}

.modal-search .close-btn span {
  font-size: 25px;
  line-height: 1;
  color: #fff;
  display: block;
}

.modal-search .search-content {
  height: calc(100vh - 122px);
  padding-bottom: 20px;
  overflow: hidden;
  overflow-y: auto;
}

.modal-search label {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.modal-search input[type="text"] {
  background: #fff;
}

.modal-search input[type="search"] {
  background: #fff;
  -webkit-appearance: textfield;
}

.modal-search .search-tab-items {
  list-style: none;
  text-align: center;
  padding: 25px 25px 0;
  margin: 0 auto;
}

.modal-search .tab-popular {
  text-align: center;
}

.modal-search .tab-popular ul {
  list-style: none;
  text-align: center;
  margin: 0 auto;
}

.modal-search .tab-popular a:hover {
  color: #fff;
}

.mobile-menu {
  width: 100%;
  right: 0;
  top: 0;
  background: #343434;
  border-top: 1px solid #656768;
  height: fit-content;
  z-index: 9999;
  overflow: hidden;
}

.mobile-menu .inner {
  height: 100%;
}

.mobile-menu .scroll {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 44px;
  padding-bottom: 180px;
  position: relative;
}

.mobile-menu .apply-btn {
  width: 100%;
  text-align: center;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 2;
}

.mobile-menu .apply-btn a {
  width: 100%;
  display: block;
  padding: 12px 20px;
  color: #fff;
  background: #ff6b0e;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1pt;
}

.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0 0 20px;
}

.mobile-menu ul li {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.mobile-menu ul li.mobile {
  display: none;
}

.mobile-menu ul li span {
  font-weight: 300;
  text-transform: none;
}

.mobile-menu ul li>a {
  display: block;
  color: #fff;
  padding: 22px 10px 22px 20px;
  position: relative;
}

.mobile-menu ul li>a:hover {
  color: #ee9317;
}

.mobile-menu ul li>a .icon {
  width: 8px;
  height: 15px;
  display: block;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) -60px 0 no-repeat;
  position: absolute;
  right: 28px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mobile-menu ul li>a .icon .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.mobile-menu .sub-menu {
  width: 100%;
  list-style: none;
  margin: 44px 0 0;
  background: #343434;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: none;
}

.mobile-menu .sub-menu .sub-menu-group:last-child {
  padding-bottom: 160px;
}

.mobile-menu .sub-menu li {
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
}

.mobile-menu .sub-menu li:last-child {
  margin-bottom: 25px;
}

.mobile-menu .sub-menu li.back {
  text-transform: none;
}

.mobile-menu .sub-menu li>a {
  padding-left: 22px;
}

.mobile-menu .sub-menu li.back>a {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  background: #2b2b2b;
  padding: 15px 10px 14px 46px;
}

.mobile-menu .sub-menu li.back>a .icon {
  right: auto;
  left: 25px;
  width: 8px;
  height: 15px;
  display: block;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) -69px 0 no-repeat;
}

.mobile-menu .sub-menu li.back>a .icon .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.mobile-menu .sub-menu li.section-title {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  border-bottom: 2px solid #4d4d4d;
  padding-bottom: 50px;
  margin: 30px 22px 60px;
}

.mobile-menu .sub-menu li.section-title .more {
  width: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  padding: 5px 0 20px;
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: 2;
  display: none;
}

.mobile-menu .sub-menu li.section-title .more .icon {
  width: 9px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) 0 -12px no-repeat;
  margin: -1px 0 0 10px;
  transition: all .25s ease;
}

.mobile-menu .sub-menu li.section-title.open .more .icon {
  transform: rotate(180deg);
}

.mobile-menu .sub-menu li.section-title .desc {
  height: auto;
  opacity: 0;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-transform: none;
  padding: 0 0 0 1px;
}

.mobile-menu .sub-menu li.section-title .gradient {
  width: 100%;
  height: 50px;
  background: -moz-linear-gradient(top, rgba(52, 52, 52, 0) 0%, rgba(52, 52, 52, .8) 45%, rgba(52, 52, 52, 1) 77%, rgba(52, 52, 52, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(52, 52, 52, 0) 0%, rgba(52, 52, 52, .8) 45%, rgba(52, 52, 52, 1) 77%, rgba(52, 52, 52, 1) 100%);
  background: linear-gradient(to bottom, rgba(52, 52, 52, 0) 0%, rgba(52, 52, 52, .8) 45%, rgba(52, 52, 52, 1) 77%, rgba(52, 52, 52, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00343434', endColorstr='#343434', GradientType=0);
  position: absolute;
  left: 0;
  bottom: 35px;
  right: 0;
  z-index: 1;
  transition: all .25s ease;
}

.mobile-menu .sub-menu li.section-title>a {
  padding-left: 0;
}

.mobile-menu .sub-menu .sub-menu-group {
  position: relative;
  margin-top: 30px;
}

.mobile-menu .sub-menu .sub-menu-group .sub-arrow {
  width: 9px;
  height: 7px;
  display: block;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) 0 -12px no-repeat;
  position: absolute;
  right: 45px;
  top: 8px;
  transition: all .25s ease;
}

.mobile-menu .sub-menu .sub-menu-group.open .sub-arrow {
  transform: rotate(180deg);
}

.mobile-menu .sub-menu .sub-menu-group .sub-arrow .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.mobile-menu .sub-menu .sub-menu-group .title {
  font-size: 26px;
  color: #fff;
  letter-spacing: 1pt;
  text-transform: uppercase;
  padding: 0 60px 30px 22px;
}

.mobile-menu .sub-menu .sub-menu-group .sub-group-links {
  padding: 0;
  margin: 0;
  display: none;
}

.mobile-menu .sub-menu .sub-menu-group li {
  font-size: 22px;
  text-transform: none;
}

.mobile-menu .sub-menu .sub-menu-group li a {
  display: block;
  padding: 0 40px 40px 50px;
  color: #b0b0b0;
}

.mobile-menu .connect {
  padding: 45px 0 0 20px;
  border-top: 1px solid #fff;
}

.mobile-menu .connect .group {
  padding: 0 0 35px;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.mobile-menu .connect .group:first-child {
  margin-left: 0;
}

.mobile-menu .connect .group:last-child {
  margin-right: 0;
}

.mobile-menu .connect .title {
  font-size: 19px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 0 10px;
}

.mobile-menu .connect a {
  color: #fff;
}

.mobile-menu .connect a:hover {
  color: #333;
}

@media (max-width:1050px) {
  .modal-bg {
      background: #343434;
  }
  .mobile-menu {
      height: 100vh;
  }
}

@media (max-width:767px) {
  .modal-search .inner {
      width: 100%;
  }
  .modal-search .content {
      top: 10%;
  }
  .mobile-menu {
      width: 100%;
      height: 100vh;
  }
  .mobile-menu ul li>a {
      padding-top: 20px;
      padding-bottom: 20px;
  }
}

@media (max-width:374px) {
  .modal-search .content {
      width: 65%;
  }
  .modal-search label {
      top: 8%;
      transform: translateX(-50%);
  }
  .mobile-menu ul li>a,
  .mobile-menu .sub-menu li.section-title>a {
      padding-left: 20px;
  }
  .mobile-menu .sub-menu li>a,
  .mobile-menu .sub-menu li.back>a {
      padding-left: 40px;
  }
  .mobile-menu .sub-menu li.back>a i {
      left: 20px;
  }
  .mobile-menu .connect .group {
      font-size: 16px;
  }
}

@media (max-width:320px) {
  .mobile-menu .connect .group {
      font-size: 15px;
  }
}

@media (max-height:414px) {
  .modal-search .content,
  .modal-search .close-btn {
      top: 0;
  }
}

#container {
  width: 100%;
  max-width: 1920px;
  min-width: 300px;
  min-height: 100%;
  position: relative;
  box-shadow: 0 0 20px 15px rgba(0, 0, 0, .1);
}

#container.static-header .content-sections {
  top: 130px;
}

#container.headroom--not-top .header-shadow {
  display: none;
}

.header {
  width: 100%;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 500;
  transition: all .25s ease;
}

body.logged-in .header {
  top: 32px;
}

.header .header-inner {
  width: 100%;
  max-width: 1920px;
}

.header .part {
  width: 100%;
  transition: all .25s ease;
}

.header .part::after {
  content: '';
  display: block;
  clear: both;
}

.header .main-nav-bar {
  height: 81px;
}

.header .floating-nav {
  padding: 42px 28px 0 55px;
}

#container.headroom--not-top .header .main-nav-bar,
.header .static-nav {
  background: #fff;
  padding: 22px 28px 0 55px;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, .1);
}

.header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header ul li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}

.header .logo {
  width: 348px;
  max-height: 46px;
  float: left;
  transition: all .25s ease;
}

.header .logo a {
  display: block;
}

.header .logo img {
  width: 100%;
  display: block;
  margin: 0;
}

.header .logo .blue,
#container.headroom--not-top .header .logo .white,
.header .static-nav .logo .white {
  display: none;
}

#container.headroom--not-top .header .logo .blue,
.header .static-nav .logo .blue {
  display: block;
}

.header .main-nav {
  display: inline-block;
  vertical-align: middle;
  padding-top: 4px;
}

.header .main-nav ul li {
  margin: 0 17px;
  font-size: 18px;
}

.header .main-nav ul li a {
  display: block;
  padding: 10px 0 21px;
  color: #fff;
  border-bottom: 6px solid transparent;
}

.header .main-nav ul li.sub-open a {
  border-color: #ff6b0e;
}

#container.headroom--not-top .header .main-nav ul li a,
.header .static-nav .main-nav ul li a {
  color: #222;
}

#container.headroom--not-top .header .main-nav ul li.selected a,
.header .main-nav ul li.selected a,
.header .main-nav ul li a:hover,
#container.headroom--not-top .header .main-nav ul li a:hover,
.header .static-nav .main-nav ul li a:hover {
  color: #ff6b0e;
}

.header .main-nav ul li.apply {
  margin-top: -18px;
}

.header .main-nav ul li.apply a {
  background: #ff6b0e;
  padding: 9px 28px 8px;
  border-radius: 20px;
  border-bottom: 0;
  color: #fff;
}

#container.headroom--not-top .header .main-nav ul li.apply a,
.header .static-nav .main-nav ul li.apply a {
  color: #fff;
}

.header .main-nav ul li.apply a:hover {
  background: #0e2d52;
}

.header .icon-links {
  float: right;
  padding: 9px 0 0;
}

.header .icon-links ul li {
  height: 25px;
  transition: all .25s ease;
}

.header .icon-links ul li:first-child {
  border-right: 1px solid #505050;
  margin: 0 15px 0 0;
  padding: 0 18px 0 0;
}

.header .icon-links ul li a {
  position: relative;
  overflow: hidden;
}

.header .icon-links ul li a .fas {
  font-size: 20px;
  line-height: 1.3;
}

.header .icon-links ul li a .fas .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

.header .icon-links ul li.circle a {
  width: 25px;
  height: 25px;
  display: block;
  border: 2px solid #ff6b0e;
  border-radius: 50%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.header .icon-links ul li.circle a:hover {
  border-color: #0e2d52;
}

.header .icon-links ul li.circle a .fas {
  font-size: 16px;
  line-height: 1;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.header .icon-links ul li.circle a .fas .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.header .icon-links ul li.mobile-btn {
  width: 30px;
  display: none;
}

.header .top-bar {
  height: 49px;
  background: #0e2d52;
}

#container.headroom--not-top .header .top-bar {
  height: 0;
  overflow: hidden;
}

.header .top-bar::after {
  content: '';
  display: block;
  clear: both;
}

.header .top-bar .social-links {
  float: left;
  padding: 10px 0 0 64px;
  display: none;
}

.header .top-bar .social-links ul li {
  margin: 0 3px;
}

.header .top-bar .social-links ul li a {
  width: 32px;
  height: 31px;
  color: #0e2d52;
  background: #fff;
  border-radius: 50%;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.header .top-bar .social-links ul li a .fab {
  font-size: 20px;
  line-height: 33px;
}

.header .top-bar .social-links ul li a .fab .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

.header .top-bar .social-links ul li a:hover {
  background: #ff6b0e;
}

.header .top-bar .top-links {
  float: right;
}

.header .top-bar .top-links ul li {
  border-left: 1px solid #bec6d0;
  padding: 0 13px;
  font-size: 15px;
  font-weight: 600;
}

.header .top-bar .top-links ul li:first-child {
  border-left: 0;
}

.header .top-bar .top-links ul li.donate {
  padding: 0;
  border-left: 0;
  position: relative;
}

.header .top-bar .top-links ul li a {
  color: #92a0b1;
  padding: 3px 0 2px;
  display: block;
  text-align: center;
}

.header .top-bar .top-links ul li a:hover {
  color: #fff;
}

.header .top-bar .top-links ul li.donate>a {
  width: 145px;
  height: 49px;
  color: #fff;
  padding: 17px 0 0;
  background: #326195;
  letter-spacing: 1pt;
}

.header .top-bar .top-links ul li.donate>a:hover {
  background: #ff6b0e;
}

.header .top-bar .top-links ul li .donate-sub-nav {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 2;
  display: none;
}

.header .top-bar .top-links ul li .donate-sub-nav .dsn-items {
  width: 100%;
}

.header .top-bar .top-links ul li .donate-sub-nav .dsn-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
}

.header .top-bar .top-links ul li .donate-sub-nav .dsn-item a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 0 15px;
  background: #FF6B0E;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}

.header .top-bar .top-links ul li .donate-sub-nav .dsn-item a:hover {
  background: #0e2d52;
}

@media (max-width:1366px) {
  .header .floating-nav {
      padding-left: 35px;
  }
}

@media (max-width:1365px) {
  .header .logo {
      width: 300px;
  }
  .header .floating-nav,
  #container.headroom--not-top .header .main-nav-bar,
  .header .static-nav {
      padding-left: 30px;
  }
}

@media (max-width:1260px) {
  .header .main-nav-bar {
      height: 73px;
  }
  .header .logo {
      width: 275px;
  }
  .header .main-nav {
      padding-top: 0;
  }
  .header .main-nav ul li {
      margin: 0 12px;
  }
  .header .main-nav ul li a {
      padding-bottom: 17px;
  }
  .header .icon-links {
      padding-top: 2px;
  }
}

@media (max-width:1180px) {
  .header .main-nav ul li {
      margin: 0 10px;
  }
  .header .icon-links ul li:first-child {
      margin-right: 10px;
      padding-right: 13px;
  }
}

@media (max-width:1130px) {
  .header .logo {
      width: 215px;
      padding-top: 5px;
  }
}

@media (max-width:1050px) {
  #container.headroom--not-top .header .top-bar {
      height: 49px;
  }
  #container.headroom--not-top .header .main-nav-bar,
  .header .static-nav,
  .header .mobile-nav-open {
      background: #343434;
  }
  #container.headroom--not-top .header .logo .white,
  .header .static-nav .logo .white {
      display: block;
  }
  #container.headroom--not-top .header .logo .blue,
  .header .static-nav .logo .blue {
      display: none;
  }
  .header .floating-nav {
      padding-top: 22px;
  }
  .header .logo {
      padding-top: 3px;
  }
  .header .main-nav,
  .header .icon-links ul li.circle {
      display: none;
  }
  .header .icon-links ul li.mobile-btn {
      display: inline-block;
  }
}

@media (max-width:880px) {
  .header .top-bar .social-links {
      padding-left: 20px;
  }
}

@media (max-width:820px) {
  .header .top-bar {
      display: flex;
  }
  .header .top-bar .social-links {
      flex: 0 0 auto;
  }
  .header .top-bar .top-links {
      flex: 1 1 auto;
  }
  .header .top-bar .top-links ul {
      text-align: right;
  }
  .header .top-bar .top-links ul li.donate a {
      width: auto;
      padding: 17px 20px;
  }
}

@media (max-width:767px) {
  .header-shadow {
      top: 10px;
  }
  .header .top-bar .social-links,
  .header .top-bar .top-links ul li.dt {
      display: none;
  }
}

@media (max-width:500px) {
  .header .top-bar .top-links ul li {
      padding: 0 10px;
      font-size: 14px;
  }
  .header .top-bar .top-links ul li.donate a {
      padding: 17px 10px;
  }
}

@media (max-width:413px) {
  .header .floating-nav,
  #container.headroom--not-top .header .main-nav-bar,
  .header .static-nav {
      padding-left: 15px;
  }
  .header .logo {
      width: 180px;
  }
  .header .top-bar .top-links ul {
      text-align: center;
  }
  .header .top-bar .top-links ul li {
      padding: 0 8px;
  }
  .header .top-bar .top-links ul li a {
      padding: 0;
  }
  .header .top-bar .top-links ul li.donate {
      width: 100%;
      display: block;
  }
  .header .top-bar .top-links ul li.donate a {
      width: 100%;
      height: auto;
      padding: 5px;
      margin-top: 1px;
  }
}

.sub-nav {
  width: 100%;
  text-align: center;
  padding: 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);
  position: fixed;
  left: 0;
  top: 150px;
  right: 0;
  z-index: 501;
  display: none;
}

.static-header .sub-nav {
  top: 130px;
}

body.logged-in .sub-nav {
  top: 182px;
}

body.logged-in .static-header .sub-nav {
  top: 162px;
}

#container.headroom--not-top .sub-nav {
  top: 81px;
}

body.logged-in #container.headroom--not-top .sub-nav {
  top: 113px;
}

.sub-nav .sub-nav-inner {
  width: 100%;
  max-width: 1920px;
  background: rgba(50, 50, 50, .99);
  padding: 30px 8% 45px;
}

.sub-nav .sub-nav-inner::after {
  content: '';
  display: block;
  clear: both;
}

.sub-nav .sub-item {
  width: 100%;
  display: none;
}

.sub-nav .sub-nav-info {
  width: 37%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid rgba(255, 255, 255, .25);
  padding: 28px 0 0;
}

.sub-nav .sub-nav-info .sub-nav-title {
  color: #ff6b0e;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
}

.sub-nav .sub-nav-info .sub-nav-title a:hover {
  color: #ff6b0e;
}

.sub-nav .sub-nav-info .sub-nav-desc {
  color: #fff;
  padding: 12px 18% 0 0;
}

.sub-nav .sub-nav-links {
  width: 63%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  padding: 0 0 30px;
  text-align: left;
}

.sub-nav .sub-nav-links-inner {
  padding-left: 8%;
}

.sub-nav .sub-nav-col {
  width: 31%;
  padding: 30px 0 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 1%;
  text-align: left;
}

.sub-nav-col .col-title {
  min-height: 20px;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  letter-spacing: 1pt;
  text-transform: uppercase;
}

.sub-nav .sub-nav-col ul {
  list-style: none;
  margin: 0;
  padding: 20px 25px 0 0;
}

.sub-nav .sub-nav-col ul li {
  font-size: 15px;
  line-height: 1;
}

.sub-nav .sub-nav-col ul li a {
  color: #b0b0b0;
  display: block;
  padding: 8px 10px;
  margin-left: -10px;
}

.sub-nav .sub-nav-col ul li a:hover {
  color: #fff;
  background: #ff6b0e;
}

.content-sections {
  width: 100%;
  clear: both;
  padding-top: 49px;
}

#container.static-header .content-sections {
  padding-top: 130px;
}

.content-sections::after,
.section::after,
.section .inner::after,
.cep::after,
.cep .inner::after {
  content: '';
  display: block;
  clear: both;
}

.section,
.cep {
  width: 100%;
  background: #fff;
  clear: both;
  position: relative;
  z-index: 1;
}

.section.generic.panel .inner,
.cep.generic.panel .inner {
  padding: 60px 8%;
}

.section.generic.panel.jum-detail .inner {
  padding-top: 0;
  padding-bottom: 0;
}

.section.generic.panel .orange-black,
.cep.generic.panel .orange-black {
  margin-top: 0;
}

.section.generic.panel h4,
.cep.generic.panel h4 {
  text-transform: initial;
}

.section .inner,
.cep .inner {
  position: relative;
}

.section header,
.cep header {
  text-align: left;
  padding-left: 13px;
  border-left: 6px solid #0e2d52;
}

.section header.blue,
.cep header.blue {
  border-color: #0e2d52;
}

.section header.orange,
.section header.orange-blue,
.section header.orange-black,
.section header.orange-dark,
.section header.orange-white,
.cep header.orange,
.cep header.orange-blue,
.cep header.orange-black,
.cep header.orange-dark,
.cep header.orange-white {
  border-color: #ff6b0e;
}

.section header.orange-black h2,
.cep header.orange-black h2 {
  padding-bottom: 2px !important;
  color: #000;
  font-weight: 700;
  font-size: 40px;
}

.section header.white,
.section header.white-orange,
.cep header.white,
.cep header.white-orange {
  border-color: #fff;
}

.section header.entry-header,
.cep header.entry-header {
  border-left: 0;
  padding-left: 0;
}

.section header h1,
.cep header h1 {
  color: #252525;
  font-size: 40px;
}

.section header.orange h1,
.cep header.orange h1 {
  color: #fff;
}

.section header.orange.alt h1 {
  color: #ff6b0e;
}

.section header.orange-blue h1 {
  color: #0e2d52;
}

.section header.orange-black h1 {
  color: #000;
}

.section header.orange-dark h1 {
  color: #161616;
}

.section header.white h1 {
  color: #fff;
}

.section header.white.alt h1 {
  color: #2a2a2a;
}

.section header.white-orange h1 {
  color: #ff6b0e;
}

.section header h2,
.cep header h2 {
  color: #ff6b0e;
  font-weight: 400;
}

.section header.orange.alt h2,
.section header.white.alt h2,
.section header.white-orange h2,
.cep header.orange.alt h2,
.cep header.white.alt h2,
.cep header.white-orange h2 {
  color: #fff;
}

.section header h3 {
  color: #252525;
  font-size: 24px;
}

.section header h2,
.cep header h2 {
  color: #252525;
  font-size: 40px;
  font-weight: 700;
}

.section header.orange h2,
.cep header.orange h2 {
  color: #fff;
}

.section header.orange.alt h2 {
  color: #ff6b0e;
}

.section header.orange-blue h2 {
  color: #0e2d52;
}

.section header.orange-black h2,
.cep header.orange-black h2 {
  color: #000;
}

.section header.orange-dark h2 {
  color: #161616;
}

.section header.orange-white h2 {
  color: #fff;
}

.section header.white h2 {
  color: #fff;
}

.section header.white.alt h2 {
  color: #2a2a2a;
}

.section header.white-orange h2 {
  color: #ff6b0e;
}

.section header h3 {
  color: #ff6b0e;
  font-weight: 400;
}

.section header.orange.alt h2,
.section header.white.alt h3,
.section header.white-orange h3 {
  color: #fff;
}

.cep.generic.panel header,
.cep.generic.panel header h2,
.cep.generic.panel .content {
  opacity: 1 !important;
}

.section .inner .content .content-txt h1,
.cep .inner .content .content-txt h1 {
  padding-bottom: 20px;
}

.section .inner .content .content-txt h2,
.cep .inner .content .content-txt h2 {
  padding-bottom: 20px;
}

.section .inner .content .content-txt h3,
.cep .inner .content .content-txt h3 {
  padding-bottom: 20px;
}

.section .inner .content .content-txt ol,
.cep .inner .content .content-txt ol {
  margin-left: 30px;
  line-height: 24px;
}

.section .inner .content .content-txt ol li,
.cep .inner .content .content-txt ol li {
  margin: 0;
}

.section .inner .content .content-txt ul,
.cep .inner .content .content-txt ul {
  margin-left: 30px;
  line-height: 24px;
}

.section .inner .content .content-txt ul li,
.cep .inner .content .content-txt ul li {
  margin: 0;
}

.section.landing header {
  margin: 25px 0 30px;
}

.section.landing header.orange h1 {
  color: #000;
}

.section.landing header.orange.alt3 h2 {
  color: #ff6b0e;
}

.section.landing .inner {
  padding: 40px 8% 0;
}

.section.landing .column_1,
.section.landing .column_2,
.section.landing .column_3,
.section.landing .column_4 {
  width: 48%;
  padding: 10px;
  margin-right: 2%;
  margin-bottom: 10px;
  float: left;
  text-align: center;
}

.section.landing .image_container {
  width: 100%;
  vertical-align: middle;
  min-height: 130px;
  display: block;
}

.section.landing .image_container img {
  max-height: 265px;
}

.section.landing .content {
  font-size: 19px;
}

.section.landing .content a.large_button,
.section.landing .content a.medium_button {
  background-color: #0e2d52;
  border-radius: 44px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  padding: 22px 44px;
  text-decoration: none;
  text-transform: uppercase;
  min-width: 280px;
  text-align: center;
  line-height: 38px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-size: 30px;
}

.section.landing .content a.medium_button {
  font-size: 20px;
}

.section.landing .content a.large_button.orange,
.section.landing .content a.medium_button.orange {
  background-color: #ff6b0e;
}

.section.landing .content a.large_button:hover,
.section.landing .content a.medium_button:hover {
  background-color: #ff6b0e;
}

.section.landing .content a.large_button.orange:hover,
.section.landing .content a.medium_button.orange:hover {
  background-color: #0e2d52;
}

.section.landing .content a.large_button .orange,
.section.landing .content a.medium_button .orange {
  color: #ff6b0e;
}

.section.landing .content a.large_button .blue,
.section.landing .content a.medium_button .blue {
  color: #0e2d52;
}

.section.landing .content a.large_button:hover .orange,
.section.landing .content a.medium_button:hover .orange {
  color: #0e2d52;
}

.section.landing .content a.large_button:hover .blue,
.section.landing .content a.medium_button:hover .blue {
  color: #ff6b0e;
}

.section.landing .content ul.landing_list {
  margin-left: 65px;
  margin-bottom: 0;
  color: #182a53;
  list-style-image: url('/wp-content/uploads/2020/01/bullets_icon_alt.png');
  list-style-type: square;
  list-style-position: outside;
}

.section.landing .content ul.landing_list li {
  margin: 0 0 30px 0;
  padding-left: 7px;
  font-weight: bold;
  transform-style: uppercase;
}

.section.landing .content .landing_buttons a {
  background-color: #ff6b0e;
  width: 45%;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 16px 10px;
  border-radius: 42px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

.section.landing .content .landing_buttons a:hover {
  background-color: #0e2d52;
}

.section.landing .content .landing_buttons a.blue {
  background-color: #0e2d52;
}

.section.landing .content .landing_buttons a.blue:hover {
  background-color: #ff6b0e;
}

@media (max-width:791px) {
  .section.landing .icon_count_3 .column_1,
  .section.landing .icon_count_3 .column_2,
  .section.landing .icon_count_3 .column_3,
  .section.landing .icon_count_3 .column_4 {
      width: 80%;
  }
}

@media (min-width:792px) {
  .section.landing .content ul.landing_list {
      column-count: 2;
  }
  .section.landing .content .landing_buttons a {
      padding: 16px 42px;
      min-width: 140px;
      margin-right: 15px;
      line-height: 42px;
      font-size: 20px;
  }
  .section.landing .content a.large_button {
      font-size: 38px;
  }
  .section.landing .content a.medium_button {
      font-size: 26px;
  }
  .section.landing .column_1,
  .section.landing .column_2,
  .section.landing .column_3,
  .section.landing .column_4 {
      width: 20%;
      padding: 10px;
      margin-left: 1%;
      margin-right: 1%;
      float: left;
      text-align: center;
  }
  .section.landing .icon_count_3 .column_1 {
      margin-left: 10%;
  }
}

@media (min-width:1024px) {
  .section.landing .inner {
      padding: 30px 8%;
  }
  .section.landing .content .landing_buttons a {
      width: 31%;
      padding: 16px 32px;
      min-width: 105px;
      margin-right: 15px;
      font-size: 18px;
  }
  .section.landing .column_1,
  .section.landing .column_2,
  .section.landing .column_3,
  .section.landing .column_4 {
      width: 23%;
      padding: 10px;
      margin-left: 1%;
      margin-right: 1%;
      float: left;
      text-align: center;
  }
  .section.landing .icon_count_3 .column_1 {
      margin-left: 11%;
  }
  .section.landing .image_container {
      min-height: 185px;
  }
}

@media (max-width:1260px) {
  #container.static-header .content-sections {
      padding-top: 122px;
  }
}

@media (min-width:1260px) {
  .section.landing .image_container {
      min-height: 220px;
  }
}

@media (min-width:1400px) {
  .section.landing .image_container {
      min-height: 240px;
  }
}

@media (min-width:1450px) {
  .section.landing .content .landing_buttons a {
      width: 22%;
      padding: 16px 32px;
      min-width: 105px;
      margin-right: 15px;
      font-size: 18px;
  }
}

@media (min-width:1600px) {
  .section.landing .image_container {
      min-height: 280px;
  }
}

@media (max-width:767px) {
  .section header h1,
  .cep header h1 {
      font-size: 30px;
  }
  .section header.orange-black h2,
  .cep header.orange-black h2 {
      font-size: 30px;
  }
  .section.landing .content a.large_button {
      font-size: 22px;
      padding: 22px 38px;
      min-width: unset;
  }
  .section.landing .column_1,
  .section.landing .column_3 {
      clear: both;
  }
}

.banner {
  width: 100%;
  clear: both;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.banner .inner {
  height: 50vh
}

body.home .banner .inner {
  height: 90vh;
  height: -webkit-fill-available;
  height: fill-available;
}

.banner .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}

.header-shadow {
  width: 100%;
  max-width: 1920px;
  height: 220px;
  background: url(/wp-content/themes/ju2019/images/tile-shadow-header2.png) left top repeat-x;
  position: fixed;
  left: 0;
  top: 49px;
  right: 0;
  z-index: 2;
}

.banner .blue-overlay {
  width: 100%;
  height: 100%;
  background: rgba(14, 45, 82, .8);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.banner .banner-txt {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 30%;
  z-index: 5;
  transform: translateX(-50%);
  transition: all .25s ease;
}

.banner.has-video .banner-txt {
  opacity: 0;
}

.banner.no-video .banner-txt {
  opacity: 1;
}

.banner .banner-txt img.banner-png {
  max-width: 80%;
}

.banner .banner-txt .btns {
  padding-top: 45px;
}

.banner .banner-txt .btns a {
  font-size: 17px;
  margin-left: 25px;
  margin-right: 25px;
}

.banner.home .banner-txt .btns a {
  min-width: 245px;
}

.banner .banner-txt.special {
  left: 8%;
  top: 20%;
  transform: translate(0, -50%) !important;
}

.banner .banner-txt.special .banner-header {
  text-align: left;
  padding-left: 13px;
  border-left: 6px solid #ff6b0e;
  line-height: 1;
  text-transform: uppercase;
}

.banner .banner-txt.special .banner-header .top {
  font-size: 24px;
  color: #ff6b0e;
  letter-spacing: 1pt;
}

.banner .banner-txt.special .banner-header .btm {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}

.banner .pjs-home-notice {
  width: 302px;
  background: #fff;
  position: absolute;
  left: 50px;
  bottom: 26px;
  z-index: 10;
  display: none;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, .1);
}

.banner .pjs-home-notice:hover {
  background: #ff6b0e;
  color: #fff;
}

.banner .pjs-home-notice .notice-inner {
  font-size: 13px;
  line-height: 1;
  letter-spacing: .03em;
  position: relative;
}

.banner .pjs-home-notice .notice-inner .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
  cursor: pointer;
}

.banner .pjs-home-notice:hover .notice-inner .close-btn i,
.banner .pjs-home-notice:hover .notice-inner .close-btn span {
  background-position: 0 -15px;
}

.banner .pjs-home-notice .notice-inner a {
  display: block;
}

.banner .pjs-home-notice:hover .notice-inner a,
.pjs-home-notice .notice-inner a:hover {
  color: #fff;
}

.banner .pjs-home-notice .notice-inner .title {
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  padding: 17px 35px 13px 34px;
  text-align: left;
}

.banner .pjs-home-notice .notice-inner .image {
  display: block;
}

.banner .pjs-home-notice .notice-inner .image img {
  width: 100%;
  display: block;
}

@media (max-width:1530px) and (max-height:710px) and (orientation:landscape) {
  .banner .pjs-home-notice {
      max-width: 90%;
      top: 120px;
      bottom: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  .banner .pjs-home-notice .notice-inner .title {
      width: 50%;
      float: right;
      padding: 14px 28px 6px 10px;
      line-height: 15px;
      letter-spacing: 0;
  }
  .banner .pjs-home-notice .notice-inner .image {
      width: 50%;
      float: left;
  }
}

@media (max-width:860px) {
  .banner .pjs-home-notice {
      max-width: 90%;
      top: 120px;
      bottom: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  .banner .pjs-home-notice .notice-inner .title {
      width: 50%;
      float: right;
      padding: 14px 28px 6px 10px;
      line-height: 15px;
      letter-spacing: 0;
  }
  .banner .pjs-home-notice .notice-inner .image {
      width: 50%;
      float: left;
  }
}

@media (max-device-width:828px) and (orientation:landscape) {
  .banner .pjs-home-notice {
      top: 50px;
  }
  .banner .banner-txt .btns {
      padding-top: 10px;
  }
}

.banner .banner-img {
  background-size: cover !important;
  width: 100%;
  display: block;
  height: 100%
}

body.home .banner .banner-img {
  height: calc(100vh - 49px)
}

.banner.home .banner-img {
  opacity: 0;
}

.banner .banner-img.mob {
  height: auto;
  display: none;
}

.banner .banner-img.mobile {
  display: none;
}

.banner.sub .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner.acsub .banner-img {
  height: auto;
}

.banner.sub {
  max-height: 520px;
}

.banner.sub .banner-txt {
  top: 60%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 60px;
  font-size: calc(2.6vw + 1vh + 1vmin);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.banner.sub .banner-txt h1 {
  color: #fff;
  font-size: 60px;
  font-size: calc(2.6vw + 1vh + 1vmin);
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.banner.sub .banner-txt .archive-description {
  width: 80%;
  max-width: 650px;
  font-size: 32px;
  line-height: 1.2;
  text-transform: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, .3);
  padding-top: 15px;
}

.banner .btns {
  padding-top: 28px;
  text-align: center;
}

.banner .btns a i,
.banner .btns a span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin: 0 10px 0 0;
}

.banner.tall .banner-txt {
  top: 25%;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.banner.tall .banner-txt .top-txt {
  color: #0e2d52;
  font-size: 60px;
  font-size: calc(2.8vw + 1vh + 1vmin);
}

.banner.tall.aboutus .banner-txt .top-txt {
  color: #fff;
  font-size: 50px;
  font-size: calc(2.2vw + 1vh + 1vmin);
}

.banner.tall .banner-txt .btm-txt {
  color: #ff6b0e;
  font-size: 36px;
  font-size: calc(1.2vw + 1vh + 1vmin);
  padding: 20px 0 0;
}

.banner.tall.aboutus .banner-txt .btm-txt {
  color: #fff;
  font-size: 60px;
  font-size: calc(2.8vw + 1vh + 1vmin);
  padding-top: 0;
}

.banner.tall .banner-txt .txt {
  color: #fff;
  font-size: 60px;
  font-size: calc(2.8vw + 1vh + 1vmin);
}

.banner.sub.tall .banner-txt {
  top: 45%;
}

.banner .bg-video {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  height: calc(100vh - 49px);
  position: relative;
  z-index: 1;
  transition: height 999999s;
  opacity: 0;
  overflow: hidden;
}

.banner.sub .bg-video {
  height: 65vh;
}

.banner .bg-video .bg-video-inner {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  position: absolute;
  z-index: -1;
  transition: height 999999s;
}

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

.banner.full {
  overflow: initial;
  z-index: 3;
}

.banner.full.has-video .inner {
  height: calc(100vh - 49px);
}

.banner.full .inner {
  padding-bottom: 70px;
}

.banner.full .banner-content {
  width: 75%;
  max-width: 748px;
  position: absolute;
  left: 8%;
  bottom: 70px;
  z-index: 4;
}

.banner.has-video .banner-content {
  opacity: 0;
}

.banner.no-video .banner-content {
  opacity: 1;
}

.banner.full .banner-content .content {
  padding: 28px 0 0;
  font-size: 22px;
  line-height: 36px;
  font-weight: 600;
  color: #1f1f1f;
  text-align: left;
}

.banner.full .banner-content .btns {
  padding-top: 28px;
  text-align: left;
}

.banner.full .banner-fade {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background: -moz-linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0) 35%, rgba(233, 233, 233, 1) 65%, rgba(233, 233, 233, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0) 35%, rgba(233, 233, 233, 1) 65%, rgba(233, 233, 233, 1) 100%);
  background: linear-gradient(to bottom, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0) 35%, rgba(233, 233, 233, 1) 65%, rgba(233, 233, 233, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e9e9e9', endColorstr='#e9e9e9', GradientType=0);
}

.banner.full .overlay {
  max-width: 30%;
  position: absolute;
  right: 0;
  bottom: -78px;
  z-index: 4;
}

.banner.full.has-video .overlay {
  opacity: 0;
}

.banner.full.no-video .overlay {
  opacity: 1;
}

@media (min-width:1930px) {
  .banner.sub .banner-txt {
      top: 35%;
  }
  .banner.sub.tall .banner-txt {
      top: 30%;
  }
  .banner.sub .banner-txt h1 {
      font-size: calc(1.8vw + 1vh + 1vmin);
  }
}

@media (max-width:930px) {
  .banner.full {
      overflow: hidden;
  }
  .banner.full .banner-content {
      width: 85%;
      padding-top: 275px;
  }
  .banner.full.no-video .banner-content {
      position: relative;
      left: auto;
      bottom: auto;
      transform: translate(0);
  }
  .banner.full .banner-content .content {
      font-size: 20px;
      line-height: 28px;
  }
  .banner.full .banner-img {
      width: auto;
      max-width: none;
      min-width: 100%;
      height: 80%;
      position: absolute;
      left: 0;
      top: -70px;
      bottom: 0;
  }
  .banner.full .overlay {
      display: none;
  }
  .banner .inner {
      height: 30vh;
  }
}

@media (max-width:767px) {
  .banner.sub .banner-img {
      width: 100%;
      max-width: 100%;
      height: 100%;
      object-fit: cover;
      margin-left: auto;
  }
  .banner.sub .banner-txt {
      top: 60%;
  }
  #container.static-header .banner.sub .banner-txt {
      top: 50%;
  }
  .banner.sub .banner-txt h1 {
      font-size: 28px;
      padding: 0 10px;
  }
  .banner.sub .banner-txt .archive-description {
      font-size: 22px;
      font-weight: 600;
      padding: 0 10px;
  }
}

@media (max-width:600px) {
  .banner .banner-img {
      width: 150%;
      max-width: 150%;
      margin-left: -25%;
  }
  .banner .banner-img.mobile {
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
  }
  .banner.full .banner-img {
      left: -20%;
  }
  .banner.tall .banner-txt {
      width: 70%;
      top: 30%;
  }
  .banner.tall .banner-txt .top-txt {
      font-size: 33px;
  }
  .banner.tall .banner-txt .btm-txt {
      font-size: 22px;
      padding-top: 10px;
  }
  .banner.tall.aboutus .banner-txt .top-txt,
  .banner.tall.aboutus .banner-txt .btm-txt,
  .banner .banner-txt.special .banner-header .btm {
      font-size: 32px;
  }
  .banner.sub .banner-txt {
      font-size: 33px;
  }
}

@media (max-width:480px) {
  .banner.full .banner-img {
      left: -30%;
  }
}

@media (max-width:413px) {
  .banner.full .banner-img {
      left: -50%;
  }
  .banner.tall.aboutus .banner-txt .top-txt,
  .banner.tall.aboutus .banner-txt .btm-txt,
  .banner .banner-txt.special .banner-header .btm {
      font-size: 28px;
  }
}

.loc-nav,
.loc-nav-sub {
  background: #343434;
  z-index: 400;
}

.loc-nav.degrees-landing-page .inner {
  padding: 20px 5% 0;
}

.loc-nav.degrees-landing-page.ispage .inner {
  padding: 20px 5%;
}

.loc-nav header {
  position: absolute;
  left: 8%;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

.loc-nav.degrees-landing-page header {
  max-width: 1600px;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  margin: 0 auto 20px;
}

.loc-nav.degrees-landing-page.ispage header {
  margin-bottom: 0;
}

.loc-nav .main-txt {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1pt;
  display: none;
}

.loc-nav .program-type {
  padding: 20px;
  color: #fff;
  text-align: center
}

.loc-nav .program-type h2 {
  color: #fff;
}

.loc-nav ul,
.loc-nav-sub ul {
  width: 100%;
  list-style: none;
  margin: 0 auto;
  text-align: center;
}

.loc-nav ul {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 2;
}

.loc-nav-items ul {
  width: 100%;
  text-align: left;
  background: #343434;
  text-align: left;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 2;
  transform: translateX(-50%);
  display: none;
}

.loc-nav ul li,
.loc-nav-sub ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1pt;
}

.loc-nav ul li a,
.loc-nav-sub ul li a {
  padding: 40px 29px 36px;
  display: block;
  color: #fff;
  border-bottom: 5px solid transparent;
}

.loc-nav ul li.selected a,
.loc-nav-sub ul li.selected a {
  border-color: #ff6b0e;
}

.loc-nav ul li a:hover,
.loc-nav-sub ul li a:hover {
  color: #ff6b0e;
}

.loc-nav.dd.v2 {
  width: auto;
  background: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.loc-nav.dd .dropdowns {
  padding: 25px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loc-nav.dd .dropdowns .dd-item {
  width: 250px;
  height: 42px;
  margin: 0 10px;
  border: 1px solid #a8a8a8;
  background: #fff;
  position: relative;
  text-align: left;
  cursor: pointer;
}

.loc-nav.dd.v3 .dropdowns .dd-item {
  width: 280px;
}

.loc-nav.dd .dropdowns .dd-item .selected {
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  color: #2a2a2a;
  position: relative;
  -ms-user-select: none;
  user-select: none;
}

.loc-nav.dd.v3 .dropdowns .dd-item .selected {
  line-height: 1.1;
  display: flex;
  align-items: center;
}

.loc-nav.dd .dropdowns .dd-item .selected::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #ff6b0e;
  position: absolute;
  right: 10px;
  top: 17px;
  transition: all .25s ease;
}

.loc-nav.dd .dropdowns .dd-item.open .selected::after {
  transform: rotate(180deg);
}

.loc-nav.dd .dropdowns .dd-item .options {
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 4;
  display: none;
}

.loc-nav.dd .dropdowns .dd-item .options .options-inner {
  width: 100%;
  height: 100%;
  max-height: 270px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #a8a8a8;
}

.loc-nav.dd .dropdowns .dd-item .options a {
  display: block;
  padding: 8px 10px;
  color: #2a2a2a;
  font-size: 15px;
  line-height: 1;
}

.loc-nav.dd .dropdowns .dd-item .options a:hover {
  background: #ccc;
}

.loc-nav.dd .dropdowns .dd-item .options a.sub {
  padding-left: 25px;
}

.loc-nav.dd .btns.reset-staff {
  margin: 0 0 0 5px;
}

.loc-nav.dd .btns.reset-staff a {
  margin: 0;
}

@media (max-width:1880px) {
  .loc-nav header {
      left: calc(7% + 6px);
  }
}

@media (max-width:1780px) {
  .loc-nav header {
      left: calc(5% + 6px);
  }
}

@media (max-width:1180px) {
  .loc-nav.degrees-landing-page ul {
      text-align: right;
      padding-right: 5%;
  }
}

@media (max-width:920px) {
  .loc-nav header~ul {
      padding-right: 4%;
      text-align: right;
  }
  .loc-nav header~ul li a {
      padding-left: 15px;
      padding-right: 15px;
  }
}

@media (max-width:820px) {
  .section.loc-nav header h2 {
      font-size: 17px;
  }
  .section.loc-nav header.orange h1 {
      font-size: 27px;
  }
  .loc-nav.degrees-landing-page ul li {
      font-size: 20px;
      margin-left: 0;
      margin-right: 0;
  }
}

@media (max-width:767px) {
  .loc-nav {
      text-align: right;
  }
  .loc-nav.dd {
      text-align: left;
  }
  .loc-nav-items {
      width: 180px;
      position: relative;
      text-align: left;
      margin: 0 0 0 auto;
  }
  .loc-nav-items::after {
      content: '';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #ff6b0e;
      position: absolute;
      right: 10px;
      top: 32px;
      z-index: -1;
  }
  .loc-nav.degrees-landing-page .loc-nav-items {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
  }
  .loc-nav-items .main-txt {
      width: 100%;
      padding: 25px 20px 25px;
      display: block;
      cursor: pointer;
  }
  .loc-nav.degrees-landing-page ul {
      display: none;
      padding-right: 0;
      padding-left: 5%;
      text-align: left;
      z-index: 605;
  }
  .loc-nav-items ul {
      text-align: left;
  }
  .loc-nav-items ul li {
      display: block;
      font-size: 17px;
      margin: 0;
  }
  .loc-nav-items ul li a {
      padding: 15px;
      border: 0;
  }
  .loc-nav ul li,
  .loc-nav-sub ul li {
      font-size: 17px;
  }
  .loc-nav ul li a,
  .loc-nav-sub ul li a {
      padding: 30px 15px 26px;
  }
  .loc-nav header~ul {
      display: none;
  }
  .loc-nav.dd .dropdowns {
      flex-direction: column;
  }
  .loc-nav.dd .dropdowns .dd-item {
      margin: 0 auto 10px;
  }
}

@media (max-width:414px) {
  .section.loc-nav header.orange h1 {
      font-size: 22px;
  }
}

@media (max-width:413px) {
  .loc-nav ul li,
  .loc-nav-sub ul li {
      font-weight: 600;
  }
  .loc-nav ul li a,
  .loc-nav-sub ul li a {
      padding: 20px;
  }
}

@media (max-width:374px) {
  .loc-nav-items {
      width: 160px;
  }
  .loc-nav ul li,
  .loc-nav-sub ul li {
      margin: 0 5px;
  }
}

.loc-content {
  display: none;
}

.location-content {
  display: none;
}

.location-content .loc-change-content {
  background: #0e2d52;
}

.location-content .loc-change-content::after {
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/ju2019/images/bg-degree-info.jpg) center top no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: .06;
}

.location-content .loc-change-content .inner {
  padding: 100px 8%;
  z-index: 2;
}

.location-content .loc-change-content .loc-nav {
  width: 19%;
  float: left;
  background: #fff;
}

.location-content .loc-change-content .loc-nav-inner {
  padding: 22px 0 20px;
}

.location-content .loc-change-content .loc-nav a {
  display: block;
  padding: 16px 10px 16px 20px;
  font-weight: 700;
  color: #0e2d52;
}

.location-content .loc-change-content .loc-nav a.selected,
.location-content .loc-change-content .loc-nav a:hover {
  color: #ff6b0e;
}

.location-content .loc-change-content .loc-txt {
  width: 72%;
  float: right;
  color: #fff;
}

.location-content .loc-change-content .loc-txt .item {
  display: none;
}

.location-content .loc-change-content .loc-txt h3 {
  color: #fff;
  margin-bottom: 25px;
  border-left: 6px solid #ff6b0e;
  padding-left: 8px;
}

.location-content .loc-overview .inner {
  padding: 55px 8% 80px;
}

.location-content .loc-overview .loc-overview-content {
  width: 59%;
  float: left;
  padding: 40px 0 0;
}

.location-content .loc-overview .loc-overview-content .content {
  padding-top: 50px;
}

.location-content .loc-overview .loc-sidebar {
  width: 26%;
  float: right;
  text-align: center;
}

.location-content .loc-overview .loc-sidebar .img {
  width: 200px;
  height: 196px;
  position: relative;
  z-index: 1;
}

.location-content .loc-overview .loc-sidebar .img .border {
  width: 200px;
  height: 196px;
  background: url(/wp-content/themes/ju2019/images/border-circle.png) no-repeat;
  position: absolute;
  left: 50%;
  top: -12px;
  z-index: 3;
  transform: translateX(-50%);
}

.location-content .loc-overview .loc-sidebar .img img {
  max-width: 164px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  padding-top: 3px;
}

.location-content .loc-overview .loc-sidebar .loc-sidebar-inner {
  background: #ff6b0e;
  padding: 144px 20px 40px;
  margin-top: -123px;
  color: #000;
  line-height: 1;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);
}

.location-content .loc-overview .loc-sidebar a {
  color: #000;
}

.location-content .loc-overview .loc-sidebar a:hover {
  color: #fff;
}

.location-content .loc-overview .loc-sidebar .name {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.location-content .loc-overview .loc-sidebar .position {
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  padding: 14px 0 0;
}

.location-content .loc-overview .loc-sidebar hr {
  width: 110px;
  height: 1;
  background: #ffb587;
  margin: 22px auto 26px;
  text-align: center;
}

.location-content .loc-overview .loc-sidebar .contact {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.location-content .loc-overview .loc-sidebar .phone {
  font-size: 20px;
  font-weight: 600;
  padding: 12px 0 0;
}

.location-content .loc-overview .loc-sidebar .email {
  font-size: 18px;
  font-weight: 600;
  padding: 8px 0 0;
}

.location-content.v2 .loc-overview .inner {
  padding: 50px 5% 80px;
}

.location-content.v2 .loc-overview .loc-overview-container {
  max-width: 1600px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.location-content.v2 .loc-overview .loc-side-col {
  width: 34%;
  margin: 0 auto 0 0;
}

.location-content.v2 .loc-overview .loc-side-menu {
  background: #0a2340;
  margin-bottom: 22px;
}

.location-content.v2 .loc-overview .loc-side-menu .loc-side-menu-inner {
  padding: 40px 15px 25px 25px;
  color: #fff;
  line-height: 1;
  font-weight: 700;
}

.location-content.v2 .loc-overview .loc-side-menu .menu-title {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 35px;
  padding: 0 0 0 8px;
  border-left: 6px solid #ff6b0e;
}

.location-content.v2 .loc-overview .loc-side-menu .menu-item {
  padding: 0 0 20px;
}

.location-content.v2 .loc-overview .loc-side-menu .menu-item a {
  display: block;
  text-decoration: underline;
}

.location-content.v2 .loc-overview .loc-side-menu .menu-item a:hover {
  color: #fff;
}

.location-content.v2 .loc-overview .loc-side-menu .menu-item .desc {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  padding: 5px 0 0;
}

.location-content.v2 .loc-overview .loc-side-form {
  background: #0a2340;
  margin-bottom: 10px;
}

.location-content.v2 .loc-overview .loc-side-form-inner {
  padding: 40px 15px 25px 25px;
  color: #fff;
  line-height: 1;
  font-weight: 700;
}

.location-content.v2 .loc-overview .loc-side-form .form-title {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 15px;
  padding: 0 0 0 8px;
  border-left: 6px solid #ff6b0e;
}

.location-content.v2 .loc-overview .loc-side-form .form-desc {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
}

.location-content.v2 .loc-overview .loc-side-form .form-embed {
  padding: 20px 0;
}

.location-content.v2 .loc-overview .loc-overview-content {
  width: 62%;
  padding: 0;
  margin: 0 0 0 auto;
}

.location-content.v2 .loc-overview .loc-overview-content.full {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

@media (max-width:1200px) {
  .location-content .loc-overview .loc-sidebar {
      width: 33%;
  }
  .location-content .loc-overview .loc-sidebar .email {
      font-size: 16px;
  }
}

@media (max-width:1023px) {
  .location-content .loc-change-content .loc-nav {
      width: 30%;
  }
  .location-content .loc-change-content .loc-txt {
      width: 65%;
  }
  .location-content.v2 .section header h2 {
      font-size: 32px;
  }
  .location-content.v2 .loc-overview .loc-overview-content .content {
      padding-top: 40px;
  }
}

@media (max-width:900px) {
  .location-content .loc-overview .loc-overview-content {
      width: 55%;
  }
  .location-content .loc-overview .loc-sidebar {
      width: 37%;
  }
}

@media (max-width:767px) {
  .location-content .loc-change-content .inner {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .location-content .loc-change-content .loc-nav {
      width: 100%;
      float: none;
      text-align: left;
      margin-top: 50px;
  }
  .location-content .loc-change-content .loc-nav a {
      padding: 10px 10px 12px 20px;
  }
  .location-content .loc-change-content .loc-txt {
      width: 100%;
      float: none;
  }
  .location-content .loc-overview .loc-overview-content {
      width: 100%;
      float: none;
      padding-top: 0;
  }
  .location-content .loc-overview .loc-sidebar {
      width: 100%;
      float: none;
      padding-top: 50px;
  }
  .location-content .loc-overview .loc-sidebar .email {
      font-size: 18px;
  }
  .location-content.v2 .loc-overview .inner {
      flex-wrap: wrap;
  }
  .location-content.v2 .loc-overview .loc-overview-container {
      flex-wrap: wrap;
  }
  .location-content.v2 .loc-overview .loc-side-col {
      width: 100%;
      order: 2;
      margin: 0 auto;
  }
  .location-content.v2 .loc-overview .loc-overview-content {
      width: 100%;
      order: 1;
      padding-bottom: 35px;
      margin: 0 auto;
  }
  .location-content.v2 .loc-overview .loc-overview-content .content {
      padding-top: 30px;
  }
}

@media (max-width:374px) {
  .location-content .loc-overview .loc-sidebar .email {
      font-size: 16px;
  }
}

.about .inner {
  padding: 90px 8% 105px;
}

.about .content {
  padding: 100px 0 0;
  display: flex;
  flex-flow: row wrap;
  text-align: center;
}

.about .content .item {
  width: 25%;
  flex: 1 1 auto;
  vertical-align: top;
}

.about .content .item-inner {
  width: 100%;
  padding: 0 6%;
}

.about .content .item .img {
  height: 245px;
  position: relative;
}

.about .content .item .img img {
  max-width: 240px;
  max-height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.about .content .item .txt {
  padding: 0 7%;
  color: #0e2d52;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

@media (max-width:1120px) {
  .about .content .item .img {
      height: 210px;
  }
  .about .content .item .img img {
      max-width: 200px;
      max-height: 160px;
  }
}

@media (max-width:1020px) {
  .about .content .item {
      width: 50%;
      margin-bottom: 20px;
  }
}

@media (max-width:950px) {
  .about .content .item .img {
      height: 170px;
  }
}

@media (max-width:767px) {
  .about .inner {
      padding-top: 70px;
      padding-bottom: 40px;
  }
  .about .content {
      display: block;
      padding-top: 40px;
  }
  .about .content .item {
      width: 100%;
      display: block;
      padding-bottom: 50px;
  }
  .about .content .item .img {
      height: auto;
  }
  .about .content .item .img img {
      position: relative;
      left: auto;
      top: auto;
      transform: translate(0, 0);
  }
  .about .content .item .txt {
      padding: 15px 0 0;
  }
}

.future {
  background: #fff url(images/bg-home-future.jpg) left top no-repeat;
  background-size: contain;
}

.future .inner {
  padding: 68px 8% 0;
}

.future .content {
  width: 100%;
  max-width: 1330px;
  display: table;
  text-align: center;
  padding: 65px 0 0;
}

.future .content .item {
  width: 33.33333%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  position: relative;
  padding-bottom: 60px;
}

.future .content .item-inner {
  padding: 0 4%;
}

.future .content .item .title {
  height: 44px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.future .content .item .img {
  border-radius: 50%;
  width: 305px;
  height: 305px;
  transition: all .25s ease;
  position: relative;
}

.future .content .item .img img {
  display: block;
  border-radius: 50%;
  margin: 0 auto;
}

.future .content .item .img span {
  position: absolute;
  left: 40%;
  top: 40%;
  z-index: -1;
  opacity: 0;
}

.future .content .item .img-cont {
  border-radius: 50%;
  width: 305px;
  height: 305px;
  overflow: hidden;
}

.future .content .item .img-cont:hover .img {
  transform: scale(1.1);
}

.future .content .item .desc {
  font-size: 17px;
  padding: 14px 0 10px;
}

.future .content .item .btns {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

@media (max-width:1440px) {
  .future {
      background-size: auto;
  }
}

@media (max-width:1150px) {
  .future .content .item .img,
  .future .content .item .img-cont {
      width: 200px;
      height: 200px;
  }
}

@media (max-width:767px) {
  .future .content {
      dsiplay: block;
  }
  .future .content .item {
      width: 100%;
      height: auto;
      display: block;
  }
  .future .content .item .title {
      color: #0e2d52;
      font-size: 22px;
  }
  .future .content .item:first-child .title {
      color: #fff;
  }
  .future .content .item .btns {
      position: relative;
      left: auto;
      bottom: auto;
      transform: translate(0);
  }
}

.img-video-panel {
  margin-top: 30px;
  padding-bottom: 90px;
  background-color: #f1f1f1;
  overflow: hidden;
}

.img-video-panel .title {
  padding: 80px 8%;
  background: #0e2d52;
}

.img-video-panel .title h1 {
  max-width: 40%;
  color: #fff;
}

.img-video-panel .wrapper {
  width: 100%;
  display: flex;
  flex-flow: row-reverse nowrap;
}

.img-video-panel .wrapper.no-title {
  padding-top: 80px;
}

.img-video-panel .wrapper .main-content {
  padding: 60px 8%;
  flex: 1 1 40%;
}

.img-video-panel .wrapper .main-content h2 {
  margin-bottom: 20px;
}

.img-video-panel .wrapper .main-content h3 {
  margin-bottom: 20px;
}

.img-video-panel .wrapper .main-content p {
  margin-bottom: 0;
}

.img-video-panel .wrapper .main-content .btns {
  padding-top: 25px;
  text-align: left;
}

.img-video-panel .wrapper .video {
  margin-top: -80px;
  flex: 1 1 60%;
}

.img-video-panel .wrapper .video .container {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.img-video-panel .wrapper .video .container .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.img-video-panel .wrapper .video .container .image .tint {
  width: 100%;
  height: 100%;
  background: #ff6b0e;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.img-video-panel .wrapper .video .container .image:hover .tint {
  opacity: .7;
}

.img-video-panel .wrapper .video .container .image .play {
  width: 100px;
  height: 100px;
  color: #fff;
  font-size: 28px;
  line-height: 100px;
  text-align: center;
  border-radius: 100px;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.img-video-panel .wrapper .video .container .image:hover .play {
  background: rgba(0, 0, 0, .75);
}

.img-video-panel .wrapper .video .container .image .play .btntxt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.img-video-panel .wrapper .video .container .dots {
  position: absolute;
  bottom: -50px;
  left: -25px;
  z-index: 1;
}

.img-video-panel .swiper-pagination {
  bottom: 30px !important;
}

.img-video-panel .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #0e2d52;
  opacity: 1;
  transition: all .25s ease;
}

.img-video-panel .swiper-pagination-bullet:hover {
  background: #ff6b0e;
}

.img-video-panel .swiper-pagination-bullet-active {
  background: #ff6b0e;
}

@media (max-width:1200px) {
  .img-video-panel .title {
      padding: 40px 8%;
  }
  .img-video-panel .title h1 {
      max-width: 45%;
  }
  .img-video-panel .wrapper {
      padding-bottom: 40px;
  }
  .img-video-panel .wrapper .main-content {
      padding: 40px 8%;
  }
  .img-video-panel .wrapper .video {
      margin-top: -40px;
  }
}

@media (max-width:767px) {
  .img-video-panel .title {
      padding: 40px 8%;
  }
  .img-video-panel .title h1 {
      max-width: 100%;
  }
  .img-video-panel .wrapper {
      padding-bottom: 0;
      display: block;
      flex-flow: initial;
  }
  .img-video-panel .wrapper.no-title {
      padding-top: 0;
  }
  .img-video-panel .wrapper .main-content {
      padding: 40px 8%;
      z-index: 2;
  }
  .img-video-panel .wrapper .video {
      margin-top: 0;
  }
  .img-video-panel .wrapper .video .container .dots {
      bottom: -25px;
  }
  .img-video-panel .wrapper .video .container .image .play {
      width: 60px;
      height: 60px;
      font-size: 24px;
      line-height: 60px;
  }
}

.news-events .inner {
  padding: 120px 8% 0;
}

.news-events.iv .inner {
  padding: 50px 8% 0;
}

.news-events .content {
  width: 100%;
  height: 454px;
  display: table;
  padding: 55px 0 0;
}

.news-events .content .shadow {
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 80%, rgba(0, 0, 0, .9) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 80%, rgba(0, 0, 0, .9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 80%, rgba(0, 0, 0, .9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.news-events .content .large-img .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 90%, rgba(0, 0, 0, .9) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 90%, rgba(0, 0, 0, .9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 90%, rgba(0, 0, 0, .9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
  transition: all .5s ease;
}

.news-events .content a:hover .shadow {
  opacity: .9;
}

.news-events .content .large-img {
  overflow: hidden;
  width: 50%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  margin-right: 4px;
}

.news-events .content .large-img a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  background: #ff6b0e;
}

.news-events .content .large-img span {
  display: block;
}

.news-events .content .large-img .img {
  width: 100%;
  height: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  transition: all .25s ease;
}

.news-events .content .large-img:hover .img {
  transform: scale(1.1);
}

.news-events .content .large-img a:hover .img {
  opacity: .3;
}

.news-events .content .large-img a .top2 {
  z-index: 100;
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 1;
  text-align: center;
  position: absolute;
}

.news-events .content .large-img a .top2::before {
  content: '';
  width: 0;
  height: calc(100% - 50px);
  display: block;
  border-top: 2px solid rgba(255, 255, 255, .8);
  border-bottom: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 25px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.news-events .content .large-img:hover a .top2::before {
  width: calc(100% - 59px);
  opacity: 1;
}

.news-events .content .large-img a::after {
  content: '';
  width: calc(100% - 57px);
  height: 0;
  display: block;
  border-left: 2px solid rgba(255, 255, 255, .8);
  border-right: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 25px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.news-events .content .large-img:hover a::after {
  height: calc(100% - 50px);
  opacity: 1;
}

.news-events .content .large-img:hover .txt {
  padding: 40px;
}

.news-events .content .sml-img a .top2 {
  z-index: 100;
  padding: 25px;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 1;
  text-align: center;
  position: absolute;
}

.news-events .content .sml-img a .top2::before {
  content: '';
  width: 0;
  height: calc(100% - 50px);
  display: block;
  border-top: 2px solid rgba(255, 255, 255, .8);
  border-bottom: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 25px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.news-events .content .sml-img:hover a .top2::before {
  width: calc(100% - 59px);
  opacity: 1;
}

.news-events .content .sml-img a::after {
  content: '';
  width: calc(100% - 57px);
  height: 0;
  display: block;
  border-left: 2px solid rgba(255, 255, 255, .8);
  border-right: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 25px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.news-events .content .sml-img:hover a::after {
  height: calc(100% - 50px);
  opacity: 1;
}

.news-events .content .sml-img:hover .txt {
  padding: 40px;
}

.news-events .content .large-img .img img {
  width: 100%;
  display: block;
  opacity: 0;
}

.news-events .content .large-img .txt {
  width: 90%;
  position: absolute;
  left: 29px;
  bottom: 15px;
  z-index: 2;
  font-size: 16px;
  line-height: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
}

.news-events .content .large-img .txt .top {
  font-size: 26px;
  font-weight: 700;
  padding-top: 5px;
}

.news-events .content .sml-imgs {
  width: 50%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  padding-left: 3px;
}

.news-events .content .sml-img {
  overflow: hidden;
  width: 100%;
  height: 49.5%;
  display: block;
}

.news-events .content .sml-img:first-child {
  margin-bottom: 6px;
}

.news-events .content .sml-img a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  background: #ff6b0e;
}

.news-events .content .sml-img span {
  display: block;
}

.news-events .content .sml-img .img {
  width: 100%;
  height: 100%;
  background-color: #333;
  background-position: left top;
  background-repeat: no-repeat;
  transition: all .25s ease;
}

.news-events .content .sml-img:hover .img {
  transform: scale(1.1);
}

.news-events .content .sml-img a:hover .img {
  opacity: .3;
}

.news-events .content .sml-img .img img {
  width: 100%;
  display: block;
  opacity: 0;
  display: none;
}

.news-events .content .sml-img .txt {
  width: 90%;
  position: absolute;
  left: 17px;
  bottom: 15px;
  z-index: 2;
  font-size: 16px;
  line-height: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
}

.news-events .content .sml-img .txt .btm {
  font-size: 26px;
  font-weight: 700;
  padding-top: 5px;
}

.news-events .more-link {
  padding: 35px 0 60px;
  text-align: center;
}

.news-events.v2 .more-link {
  padding-top: 0;
  margin-top: -30px;
}

.news-events .more-link a {
  display: block;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1pt;
  text-transform: uppercase;
}

.news-events .more-link a i,
.news-events .more-link a span {
  width: 11px;
  height: 11px;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) 0 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 9px;
}

.section.generic.panel .news-events.stories-panel .orange-black {
  margin-top: 50px;
}

.news-events.landing.blog.related-posts {
  padding-top: 5px;
}

.news-events .event-items {
  margin: 50px 8%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.news-events.landing.blog .event-items {
  margin-bottom: 0;
}

.news-events.landing.blog.sc .event-items {
  justify-content: flex-start;
  margin: 0 -15px;
}

.news-events.stories-panel:not(.landing) .event-items {
  margin: 50px 0 0;
  justify-content: flex-start;
}

.news-events.landing .event-items {
  margin-top: 100px;
}

.news-events.landing.blog.related-posts .event-items {
  margin: 0 auto;
}

.news-events .event-items .item {
  width: 25%;
  text-align: left;
  margin: 0 0 85px;
  align-self: stretch;
}

.news-events.blog.related-posts .event-items .item {
  width: 33.333%;
}

.jum-detail .news-events.blog.related-posts .event-items .item {
  width: 25%;
}

.news-events.landing.blog.sc .event-items .item {
  margin-bottom: 65px;
}

.news-events.stories-panel:not(.landing) .event-items .item {
  margin-bottom: 25px;
}

.news-events .event-items .item.item-1,
.news-events .event-items .item.item-2 {
  width: 35%;
}

.news-events .event-items .item.item-3 {
  width: 33.33333%;
}

.news-events .event-items .item .item-inner {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  margin: 0;
  align-self: stretch;
  height: 100%;
}

.news-events.landing.blog .event-items .item .item-inner a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  align-self: stretch;
}

.news-events.jum-landing-filtered .event-items .item .item-inner {
  height: 100%;
  display: block;
}

.news-events.jum-landing-filtered .event-items .item .item-inner a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news-events.jum-landing-filtered .event-items .item .btns {
  margin-top: auto;
  margin-left: 0;
}

.news-events .event-items .item .info-sec {
  margin: 0;
}

.news-events .event-items .item .title {
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 0 4px;
  margin: 0;
}

.news-events .event-items .item a .title {
  color: #ff6b0e;
  transition: all .25s;
}

.news-events .event-items .item a:hover .title {
  color: #2a2a2a;
}

.news-events .event-items .item .date {
  font-size: 17px;
  line-height: 1;
  font-weight: 600;
  padding: 0 0 10px;
  margin: 0;
}

.news-events .event-items .item .img {
  width: 100%;
  max-height: 183px;
  background: #ccc;
  position: relative;
  overflow: hidden;
}

.news-events.stories-panel .event-items .item .img {
  max-height: none;
  height: 0;
  padding-top: 56.25%;
}

.news-events .event-items .item .img::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.news-events .event-items .item .img .img-bg {
  width: auto;
  height: auto;
  min-width: 101%;
  min-height: 101%;
  max-width: 101%;
  max-height: 150%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.news-events .event-items .item .desc {
  color: #2a2a2a;
  font-size: 17px;
  padding: 5px 0 0;
  flex-grow: 2;
}

.news-events.landing.blog .event-items .item .desc {
  color: #2a2a2a;
}

.news-events .event-items .item .btns {
  padding: 18px 0 0;
  text-align: left;
}

.news-events.landing.blog .event-items .item .btns {
  text-align: center;
}

.jum-detail .news-events.landing.blog .event-items .item .btns {
  text-align: left;
  margin-left: 0;
}

.news-events.stories-panel.aleft:not(.full-story) {
  margin: 0 15px 0 0;
  float: left;
}

.news-events.stories-panel.aright:not(.full-story) {
  margin: 0 0 0 15px;
  float: right;
}

.news-events.stories-panel.amid:not(.full-story) {
  margin: 0 auto;
}

.news-events.stories-panel.full-story {
  margin: 0;
}

.news-events.stories-panel.one-story:not(.full-width) {
  width: 33%;
}

.news-events.stories-panel.one-story:not(.full-width) .event-items .item {
  width: 100%;
}

.news-events.stories-panel.two-story:not(.full-width) {
  width: 50%;
}

.news-events.stories-panel.two-story:not(.full-width) .event-items .item {
  width: 50%;
}

.news-events.stories-panel.three-story:not(.full-width) {
  width: 66%;
}

.news-events.stories-panel.three-story:not(.full-width) .event-items .item {
  width: 33.33333%;
}

.news-events.stories-panel:not(.landing) .item .btns a {
  min-width: 100px;
  padding: 10px 15px;
  font-size: 16px;
  letter-spacing: .03em;
}

.news-events.stories-panel:not(.landing):not(.full-width) .item .btns a {
  font-size: 14px;
  padding: 6px 10px;
}

.news-events.stories-panel:not(.landing):not(.full-width) .event-items .item .title {
  font-size: 18px;
}

.news-events.stories-panel .preloader {
  width: 100%;
  text-align: center;
  padding: 20px 10px;
  display: none;
}

.news-events.stories-panel .load-more-container {
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 10px 40px;
}

.news-events.stories-panel .no-results {
  width: 100%;
  text-align: center;
}

.news-events.landing.blog.related-posts .event-items .no-results {
  width: 100%;
  text-align: left;
  padding: 0 0 50px;
}

.news-events.landing.blog .event-items .search-form input[type="search"] {
  border: 1px solid #0a2340;
}

@media (max-width:1200px) {
  .news-events.stories-panel.two-story:not(.full-width) .event-items .item,
  .news-events.stories-panel.three-story:not(.full-width) .event-items .item {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
}

@media (max-width:1023px) {
  .news-events .event-items {
      flex-wrap: wrap;
  }
  .news-events .event-items .item,
  .news-events .event-items .item.item-1,
  .news-events .event-items .item.item-2,
  .news-events .event-items .item.item-3 {
      width: 50%;
  }
  .news-events.stories-panel.one-story:not(.full-width) {
      width: 50%;
  }
}

@media (max-width:900px) {
  .news-events .content .sml-img .txt .btm {
      font-size: 22px;
  }
}

@media (max-width:767px) {
  .news-events .inner {
      padding-top: 40px;
  }
  .news-events.landing .event-items {
      margin-top: 80px;
      margin-bottom: 30px;
  }
  .news-events .event-items {
      flex-wrap: wrap;
  }
  .news-events.landing.blog.related-posts .event-items .item {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
}

@media (max-width:680px) {
  .news-events .content {
      height: auto;
      display: block;
  }
  .news-events .content .large-img {
      width: 100%;
      height: 224px;
      display: block;
      padding-right: 0;
      margin-bottom: 6px;
  }
  .news-events .content .sml-imgs {
      width: 100%;
      height: auto;
      display: block;
      padding-left: 0;
  }
  .news-events .content .sml-img {
      height: 224px;
  }
  .news-events .content .sml-img .img img {
      display: block;
  }
  .news-events .content .large-img .txt .btm {
      font-size: 22px;
  }
}

@media (max-width:500px) {
  .news-events.landing .event-items {
      margin-top: 40px;
      margin-bottom: 20px;
  }
  .news-events .event-items .item,
  .news-events .event-items .item.item-1,
  .news-events .event-items .item.item-2,
  .news-events .event-items .item.item-3 {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  .news-events .event-items .item .item-inner {
      padding-left: 0;
      padding-right: 0;
  }
  .news-events.stories-panel.aright:not(.full-story),
  .news-events.stories-panel.aleft:not(.full-story) {
      width: 100% !important;
      float: none;
      margin: 0 auto;
  }
}

.timeline .inner {
  padding: 70px 3% 0;
}

.timeline .timeline-bar {
  width: 100%;
  padding: 0 0 80px;
  text-align: center;
}

.timeline .timeline-bar::after {
  content: '';
  display: block;
  clear: both;
}

.timeline .timeline-bar .timeline-year {
  font-size: 40px;
  line-height: 1;
  color: #252525;
  font-weight: 700;
  float: left;
}

.timeline .timeline-bar .timeline-year.end {
  float: right;
}

.timeline .timeline-bar .timeline-mid {
  width: 85%;
  height: 1px;
  background: #ff6b0e;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  position: relative;
}

.timeline .timeline-bar .timeline-marker {
  text-align: center;
  position: absolute;
  left: 0;
  top: -9px;
  z-index: 1;
  margin-left: -24px;
  transition: all .25s ease;
  opacity: 0;
}

.timeline .timeline-bar .timeline-marker .top {
  width: 2px;
  height: 19px;
  background: #000;
  display: block;
  margin: 0 auto;
}

.timeline .timeline-bar .timeline-marker .dot {
  width: 48px;
  height: 48px;
  background: #ff6b0e;
  border-radius: 50%;
  margin: 4px auto 0;
  padding: 5px;
}

.timeline .timeline-bar .timeline-marker .dot span {
  width: 38px;
  height: 38px;
  display: block;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 14px;
  line-height: 2.5;
  color: #fff;
}

.timeline .timeline-items {
  width: 100%;
  height: 670px;
  overflow: hidden;
  padding: 0 0 65px;
}

.timeline .timeline-items .swiper-slide {
  height: 550px;
  background: #f1f1f1;
  margin: 28px auto 0;
  transition: all .25s ease;
  opacity: .5;
}

.timeline .timeline-items .swiper-slide.swiper-slide-active {
  height: 605px;
  margin-top: 0;
  opacity: 1;
}

.timeline .timeline-items .slide-inner {
  height: 100%;
  padding: 12px;
}

.timeline .timeline-items .slide-padding {
  height: 100%;
  padding: 12px;
  border: 1px solid #fd7d2c;
  text-align: left;
}

.timeline .timeline-items .swiper-slide img {
  width: 100%;
  display: block;
  aspect-ratio: 752/452;
  object-fit: cover;
}

.timeline .timeline-items .swiper-slide .year {
  font-size: 57px;
  font-size: calc(2.4vw + 1vh + 1vmin);
  line-height: 1;
  color: #ff6b0e;
  font-weight: 700;
  padding: 25px 16px 14px;
}

.timeline .timeline-items .swiper-slide.swiper-slide-active .year {
  font-size: 61px;
  font-size: calc(2.6vw + 1vh + 1vmin);
  color: #303030;
}

.timeline .timeline-items .swiper-slide .desc {
  height: 40%;
  color: #252525;
  padding: 0 16px;
  overflow: hidden;
  overflow-y: auto;
}

.timeline .timeline-items .swiper-slide .btns {
  padding-top: 30px;
}

.timeline-items .swiper-button-next,
.timeline-items .swiper-button-prev {
  width: 58px !important;
  height: 58px !important;
  background: #ff6b0e;
  margin-top: 0 !important;
  padding: 4px;
  transition: all .25s ease;
}

.timeline-items .swiper-button-next {
  right: 28% !important;
}

.timeline-items .swiper-button-prev {
  left: 28% !important;
}

.timeline-items .swiper-button-next .arrow,
.timeline-items .swiper-button-prev .arrow {
  width: 50px;
  height: 50px;
  display: block;
  border: 1px solid #2e2e2e;
}

.timeline-items .swiper-button-next .arrow .icon,
.timeline-items .swiper-button-prev .arrow .icon {
  width: 23px;
  height: 29px;
  display: block;
  background-image: url(/wp-content/themes/ju2019/images/site-icons.png);
  background-repeat: no-repeat;
}

.timeline-items .swiper-button-next .arrow .icon {
  background-position: -36px 0;
  margin: 9px 0 0 13px;
}

.timeline-items .swiper-button-prev .arrow .icon {
  background-position: -12px 0;
  margin: 9px 0 0 12px;
}

.timeline-items .swiper-pagination {
  display: none;
}

.timeline-items .swiper-pagination-bullet {
  width: 19px !important;
  height: 19px !important;
  opacity: 1 !important;
  background: #cbc8c8;
}

.timeline-items .swiper-pagination-bullet-active {
  background: #ff6b0e !important;
}

@media (min-width:1680px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 29%;
  }
  .timeline .timeline-items .swiper-slide.swiper-slide-active .year {
      font-size: calc(1.8vw + 1vh + 1vmin);
  }
}

@media (min-width:2100px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 25%;
  }
}

@media (min-width:3000px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 20%;
  }
}

@media (max-width:1440px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 50%;
  }
}

@media (max-width:1300px) {
  .timeline .timeline-bar .timeline-mid {
      width: 80%;
  }
}

@media (max-width:1100px) {
  .timeline .timeline-items .swiper-slide .year {
      padding-left: 2px;
  }
  .timeline .timeline-items .swiper-slide .desc {
      padding: 0 6px;
  }
}

@media (max-width:1024px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 60%;
  }
}

@media (max-width:980px) {
  .timeline .timeline-bar .timeline-mid {
      width: 75%;
  }
  .timeline .timeline-bar .timeline-year {
      font-size: 34px;
  }
  .timeline .timeline-items .swiper-slide .desc {
      height: 40%;
  }
  .timeline-items .swiper-button-next {
      right: 14% !important;
  }
  .timeline-items .swiper-button-prev {
      left: 14% !important;
  }
}

@media (max-width:768px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 51%;
  }
}

@media (max-width:767px) {
  .timeline .inner {
      padding-top: 30px;
  }
  .timeline .timeline-bar .timeline-mid {
      width: 70%;
  }
  .timeline .timeline-bar .timeline-year {
      font-size: 30px;
  }
  .timeline .timeline-items {
      width: 90%;
  }
  .timeline .timeline-items .swiper-slide .desc {
      height: 18%;
  }
  .timeline .timeline-items .swiper-slide.swiper-slide-active .year {
      font-size: 45px;
  }
  .timeline-items .swiper-button-next {
      right: 10px !important;
  }
  .timeline-items .swiper-button-prev {
      left: 10px !important;
  }
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 28%;
  }
}

@media (max-width:736px) {
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 40%;
  }
}

@media (max-width:667px) {
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 37%;
  }
}

@media (max-width:640px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 27%;
  }
}

@media (max-width:568px) {
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 34%;
  }
}

@media (max-width:510px) {
  .timeline .timeline-bar .timeline-year {
      font-size: 22px;
  }
  .timeline .timeline-bar .timeline-mid {
      width: 65%;
  }
  .timeline .timeline-items .swiper-slide .desc {
      height: 42%;
  }
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 28%;
  }
}

@media (max-width:414px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 50%;
  }
}

@media (max-width:374px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 52%;
  }
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 27%;
  }
}

@media (max-width:374px) {
  .timeline .timeline-items .swiper-slide .desc {
      height: 57%;
  }
  .timeline-items .swiper-button-next,
  .timeline-items .swiper-button-prev {
      top: 25%;
  }
}

.our-locations {
  background: #fff url(images/bg-our-locations.jpg) left -150px no-repeat;
  background-size: contain;
  padding-top: 1px;
}

.our-locations .inner {
  padding: 55px 8% 60px;
}

.our-locations .items {
  width: 100%;
  text-align: center;
  padding: 60px 0 0;
}

.our-locations .item {
  width: 46%;
  max-width: 487px;
  display: inline-block;
  vertical-align: top;
  margin: 0 2% 50px;
}

.our-locations .item .title {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1pt;
  line-height: 1;
  text-align: right;
  padding-right: 25px;
}

.our-locations .item img {
  width: 100%;
  display: block;
  transition: all .25s ease;
}

.our-locations .item .full-image {
  overflow: hidden;
  margin: 6px 0 0;
  position: relative;
}

.our-locations .item .full-image:hover img {
  transform: scale(1.15);
}

.our-locations .item .full-image .fitxt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.our-locations .item .desc {
  padding: 28px 17px 0;
  text-align: left;
}

.our-locations .item .btns {
  padding-top: 35px;
  text-align: left;
}

@media (max-width:1600px) {
  .our-locations {
      background-position: left top;
  }
}

@media (max-width:1440px) {
  .our-locations {
      background-size: auto;
  }
}

@media (max-width:768px) {
  .our-locations .inner {
      padding-bottom: 30px;
  }
}

@media (max-width:767px) {
  .our-locations .inner {
      padding-bottom: 10px;
  }
  .our-locations .item {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  .our-locations .item .title {
      color: #0e2d52;
  }
  .our-locations .item:first-child .title {
      color: #fff;
  }
}

.two-img-bg .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.two-img-bg .bg::after {
  content: '';
  display: block;
  clear: both;
}

.two-img-bg .bg1 {
  width: 50%;
  height: 100%;
  float: left;
  background: url(/wp-content/themes/ju2019/images/bg-about-1.jpg) center center no-repeat;
  background-size: cover;
}

.two-img-bg .bg2 {
  width: 50%;
  height: 100%;
  float: right;
  background: url(/wp-content/themes/ju2019/images/bg-about-2.jpg) center center no-repeat;
  background-size: cover;
}

.two-img-bg .inner {
  padding: 130px 8% 100px;
}

.two-img-bg .content-box {
  max-width: 664px;
  padding: 40px 50px 40px 60px;
  background: rgba(14, 45, 82, .9);
}

.two-img-bg .content {
  color: #fff;
  font-style: italic;
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin: 0;
  padding: 32px 0 0;
}

.two-img-bg .btns {
  padding-top: 40px;
  font-style: normal;
}

.two-img-bg .btns a:hover {
  background: #fff;
  color: #ff6b0e;
}

@media (max-width:768px) {
  .two-img-bg {
      margin-bottom: -90px;
  }
  .two-img-bg .inner {
      padding-top: 0;
      padding-bottom: 0;
      top: -100px;
      z-index: 2;
  }
  .two-img-bg .bg {
      height: 400px;
      position: relative;
      left: auto;
      top: auto;
      right: auto;
      bottom: auto;
      z-index: 1;
  }
  .two-img-bg .content-box {
      padding: 40px 22px;
  }
  .two-img-bg .content {
      font-size: 18px;
      line-height: 25px;
  }
  .two-img-bg .btns {
      padding-top: 20px;
  }
}

.leadership .inner {
  width: 100%;
  max-width: 1288px;
  padding: 100px 5% 120px;
  display: table;
  margin: 0 auto;
  line-height: 1;
}

.leadership .col {
  width: 31%;
  display: table-cell;
  vertical-align: top;
  padding: 50px 0 0;
  text-align: center;
}

.leadership .col:last-child {
  width: 38%;
}

.leadership .col h3 {
  display: inline-block;
  clear: both;
  border-left: 6px solid #ff6b0e;
  color: #232323;
  padding: 0 0 0 7px;
}

.leadership .col .leader {
  padding: 0 5%;
}

.leadership .col .leader .img {
  width: 100%;
  max-width: 300px;
}

.leadership .col .leader .img img {
  width: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.leadership .col .leader .name {
  padding: 18px 0 0;
  color: #ff6b0e;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
}

.leadership .col .leader .position {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  padding: 4px 0 0;
}

.leadership .col .leader .position span {
  display: block;
  margin: 0 auto;
  font-style: initial;
  font-weight: 400;
  padding: 4px 0 0;
}

.leadership .col .items {
  width: 100%;
  padding: 28px 5% 0;
}

.leadership .col .item {
  width: 100%;
  display: table;
  padding: 0 0 10px;
}

.leadership .col .item .name {
  width: 42%;
  display: table-cell;
  vertical-align: top;
  text-align: right;
  color: #ff6b0e;
  text-transform: uppercase;
  font-weight: 700;
}

.leadership .col .item .position {
  width: 58%;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding-left: 20px;
  font-style: italic;
  font-weight: 600;
}

.leadership .col .btns {
  padding-top: 22px;
}

.leadership .col .btns a {
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width:767px) {
  .leadership .inner {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .leadership .col {
      width: 50%;
  }
  .leadership .col:last-child {
      width: 100%;
      display: table;
  }
  .leadership .col .leader .name {
      font-size: 18px;
  }
  .leadership .col .leader .position {
      font-size: 16px;
  }
}

@media (max-width:560px) {
  .leadership .inner {
      display: block;
  }
  .leadership .col {
      width: 100%;
      display: block;
  }
  .leadership .col:last-child {
      display: block;
      padding-top: 65px;
  }
}

@media (max-width:480px) {
  .leadership .col:last-child {
      text-align: left;
  }
  .leadership .col .items {
      text-align: center;
  }
  .leadership .col .item {
      display: block;
      padding-bottom: 15px;
  }
  .leadership .col .item .name,
  .leadership .col .item .position {
      width: 100%;
      display: block;
      text-align: center;
      margin: 0 auto 10px;
  }
}

.student-gallery {
  background: #fff url(images/bg-students.jpg) center top no-repeat;
  background-size: cover;
}

.student-gallery .inner {
  padding: 100px 0 55px;
}

.student-gallery header {
  margin-left: 8%;
  margin-right: 8%;
}

.student-gallery .gallery {
  width: 100%;
  overflow: hidden;
  padding: 56px 0 65px;
  position: relative;
}

.student-gallery .gallery .swiper-slide {
  width: 690px;
  height: 550px;
  margin-top: 17px;
  transition: all .25s ease;
}

.student-gallery .gallery .swiper-slide.swiper-slide-active {
  margin-top: 0;
  opacity: 1;
}

.student-gallery .gallery .swiper-slide .img {
  width: 100%;
  max-height: 336px;
  background: #333;
  overflow: hidden;
}

.student-gallery .gallery .swiper-slide.swiper-slide-active .img {
  max-height: none;
  position: relative;
}

.student-gallery .gallery .swiper-slide.swiper-slide-active .img .bg-img {
  max-width: 690px;
  opacity: 1;
}

.student-gallery .gallery .swiper-slide .img .play-btn {
  max-width: 20%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.student-gallery .gallery .swiper-slide.swiper-slide-active .img .play-btn {
  display: block;
}

.student-gallery .gallery .swiper-slide .img .bg-img {
  width: 100%;
  display: block;
  opacity: .15;
}

.student-gallery .gallery .swiper-slide .txt {
  width: 70%;
  color: #fff;
  padding: 40px 0 0;
  transition: all .25s ease;
  opacity: 0;
}

.student-gallery .gallery .swiper-slide.swiper-slide-active .txt {
  opacity: 1;
}

.student-gallery .gallery .swiper-slide .txt .title {
  font-size: 18px;
  line-height: 1;
  color: #ff6b0e;
  font-weight: 600;
  text-transform: uppercase;
}

.student-gallery .gallery .swiper-slide .txt .desc {
  padding: 15px 0 0;
}

.student-gallery .gallery .swiper-button-next,
.student-gallery .gallery .swiper-button-prev {
  width: 58px !important;
  height: 58px !important;
  background: #ff6b0e;
  top: 221px !important;
  margin-top: 0 !important;
  padding: 4px;
  transition: all .25s ease;
}

.student-gallery .gallery .swiper-button-next {
  right: 26% !important;
}

.student-gallery .gallery .swiper-button-prev {
  left: 26% !important;
}

.student-gallery .gallery .swiper-button-next .arrow,
.student-gallery .gallery .swiper-button-prev .arrow {
  width: 50px;
  height: 50px;
  display: block;
  border: 1px solid #2e2e2e;
}

.student-gallery .gallery .swiper-button-next .arrow .icon,
.student-gallery .gallery .swiper-button-prev .arrow .icon {
  width: 23px;
  height: 29px;
  display: block;
  background-image: url(/wp-content/themes/ju2019/images/site-icons.png);
  background-repeat: no-repeat;
}

.student-gallery .gallery .swiper-button-next .arrow .icon {
  background-position: -36px 0;
  margin: 9px 0 0 13px;
}

.student-gallery .gallery .swiper-button-prev .arrow .icon {
  background-position: -12px 0;
  margin: 9px 0 0 12px;
}

.student-gallery .gallery .swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  margin: 0 4px !important;
  opacity: 1 !important;
  background: #fff !important;
}

.student-gallery .gallery .swiper-pagination-bullet-active {
  background: #ff6b0e !important;
}

@media (max-width:1800px) {
  .student-gallery .gallery .swiper-button-next {
      right: 24% !important;
  }
  .student-gallery .gallery .swiper-button-prev {
      left: 24% !important;
  }
}

@media (max-width:1600px) {
  .student-gallery .gallery .swiper-button-next {
      right: 21% !important;
  }
  .student-gallery .gallery .swiper-button-prev {
      left: 21% !important;
  }
}

@media (max-width:1500px) {
  .student-gallery .gallery .swiper-button-next {
      right: 19% !important;
  }
  .student-gallery .gallery .swiper-button-prev {
      left: 19% !important;
  }
}

@media (max-width:1380px) {
  .student-gallery .gallery .swiper-button-next {
      right: 16% !important;
  }
  .student-gallery .gallery .swiper-button-prev {
      left: 16% !important;
  }
}

@media (max-width:1290px) {
  .student-gallery .gallery .swiper-button-next {
      right: 13% !important;
  }
  .student-gallery .gallery .swiper-button-prev {
      left: 13% !important;
  }
}

@media (max-width:1150px) {
  .student-gallery .gallery .swiper-button-next {
      right: 9% !important;
  }
  .student-gallery .gallery .swiper-button-prev {
      left: 9% !important;
  }
}

@media (max-width:1100px) {
  .student-gallery .gallery .swiper-slide {
      width: 590px;
  }
}

@media (max-width:768px) {
  .student-gallery .gallery .swiper-button-next,
  .student-gallery .gallery .swiper-button-prev {
      display: none;
  }
}

@media (max-width:767px) {
  .student-gallery .inner {
      padding: 40px 0;
  }
  .student-gallery .gallery {
      padding: 40px 0 0;
  }
  .student-gallery .gallery .swiper-slide {
      height: 520px;
  }
  .student-gallery .gallery .swiper-slide .img,
  .student-gallery .gallery .swiper-slide .txt {
      width: 90%;
  }
}

.plan-visit {
  background: #0e2b4f;
}

.plan-visit::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: .15;
  background: url(/wp-content/themes/ju2019/images/bg-plan-visit.jpg) left top no-repeat;
  background-size: cover;
}

.plan-visit .inner {
  padding: 80px 8%;
}

.plan-visit .content {
  max-width: 928px;
  padding: 40px 0 0;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  font-style: italic;
}

.plan-visit .content-inner {
  text-align: left;
  color: #fff;
}

.plan-visit .content .btns {
  padding-top: 38px;
}

.plan-visit .content .btns a {
  font-style: initial;
  padding-left: 35px;
  padding-right: 35px;
}

.plan-visit .content .btns a:hover {
  background: #fff;
  color: #ff6b0e;
}

@media (max-width:767px) {
  .plan-visit .inner {
      padding-top: 60px;
      padding-bottom: 50px;
  }
  .plan-visit .content {
      font-size: 18px;
      line-height: 28px;
  }
}

.two-col-gallery {
  display: table;
  overflow: hidden;
}

.two-col-gallery .mobile-gallery {
  position: absolute;
  right: 0;
  z-index: -1;
  opacity: 0;
}

.two-col-gallery .col {
  width: 50%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.two-col-gallery .col .inner {
  padding: 40px 9% 40px 18%;
}

.two-col-gallery .col .content {
  padding-top: 55px;
}

.two-col-gallery .col .content h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

.two-col-gallery .gallery {
  position: relative;
}

.two-col-gallery .gallery .swiper-slide {
  width: 100% !important;
}

.two-col-gallery .gallery img {
  width: 100%;
  display: block;
}

.two-col-gallery .swiper-container-horizontal>.swiper-pagination-bullets {
  left: 50% !important;
  bottom: 35px !important;
  transform: translateX(-50%);
}

.two-col-gallery .swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  margin: 0 4px !important;
  opacity: 1 !important;
  background: #fff !important;
}

.two-col-gallery .swiper-pagination-bullet-active {
  background: #ff6b0e !important;
}

.two-col-gallery .swiper-lazy-preloader {
  top: 200px;
}

@media (max-width:768px) {
  .two-col-gallery {
      display: block;
  }
  .two-col-gallery .mobile-gallery {
      position: relative;
      right: auto;
      z-index: 1;
      opacity: 1;
  }
  .two-col-gallery .col {
      width: 100%;
      display: block;
  }
  .two-col-gallery .col .inner {
      padding-left: 8%;
      padding-right: 8%;
  }
  .two-col-gallery .col .content {
      padding-top: 40px;
  }
  .two-col-gallery .gallery img {
      width: 100%;
  }
  .two-col-gallery .gallery-images {
      display: none;
  }
}

.circle-items {
  background: #fff url(images/bg-parents.jpg) center -100px no-repeat;
  background-size: contain;
}

.circle-items .inner {
  padding: 80px 8% 0;
}

.circle-items .content {
  max-width: 915px;
  min-height: 114px;
  padding: 50px 0 0;
  color: #fff;
  font-size: 24px;
  line-height: 27px;
}

.circle-items .circles {
  padding: 45px 8% 60px;
  text-align: center;
}

.circle-items .circles .item {
  width: 22%;
  max-width: 240px;
  display: inline-block;
  vertical-align: top;
  margin: 0 1.5% 50px;
}

.circle-items .circles .item:first-child {
  margin-left: auto;
}

.circle-items .circles .item:last-child {
  margin-right: auto;
}

.circle-items .circles .item img {
  width: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.circle-items .circles .item .title {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1pt;
  color: #0e2d52;
  padding: 42px 0 0;
}

.circle-items .circles .item ul {
  list-style: none;
  margin: 0 auto;
  padding: 8px 0 0;
  text-align: center;
}

.circle-items .circles .item ul li {
  font-weight: 600;
  margin: 0 auto;
}

@media (max-width:1600px) {
  .circle-items {
      background-position: left top;
  }
}

@media (max-width:1440px) {
  .circle-items {
      background-size: auto;
  }
}

@media (max-width:860px) {
  .circle-items .circles {
      padding-top: 80px;
  }
}

@media (max-width:767px) {
  .circle-items .inner {
      padding-top: 60px;
  }
  .circle-items .content {
      padding-top: 40px;
      font-size: 20px;
  }
  .circle-items .circles {
      padding-top: 45px;
      padding-bottom: 20px;
  }
  .circle-items .circles .item {
      width: 48%;
  }
}

@media (max-width:600px) {
  .circle-items .circles .item {
      width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .circle-items .circles .item .title {
      font-size: 19px;
  }
  .circle-items .circles .item ul {
      padding-top: 14px;
  }
  .circle-items .circles .item ul li {
      font-size: 17px;
      margin-bottom: 10px;
  }
}

.orange-box {
  width: 90%;
  background: transparent;
  color: #fff;
  font-size: 25px;
  line-height: 36px;
  font-weight: 600;
  margin: -35px 5% 0;
  padding-bottom: 35px;
  position: relative;
}

.orange-box.aboutus {
  padding-bottom: 0;
}

.orange-box .orange-box-inner {
  max-width: 997px;
  background: #ff6b0e;
  padding: 36px 60px 40px;
  box-shadow: 0 0 15px 8px rgba(0, 0, 0, .08);
  text-align: center;
}

.orange-box .orange-box-inner.has-table {
  padding: 10px 0;
}

.orange-box.aboutus .orange-box-inner {
  padding: 35px 95px 40px;
}

.orange-box a {
  color: #fff;
}

.orange-box a.post-edit-link {
  font-size: .7em;
}

.orange-box footer.entry-meta {
  padding-top: 15px;
}

.orange-box .info-box {
  width: 100%;
  display: table;
}

.orange-box .info-box .info-cell {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
}

.orange-box .info-box hr {
  width: 1px;
  height: 80%;
  max-height: 111px;
  background: rgba(255, 255, 255, .5);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-60%);
  z-index: 1;
}

.orange-box .info-box .info-img {
  width: 20%;
  padding-left: 20px;
  padding-bottom: 10px;
}

.orange-box .info-box .info-img .imgs {
  max-width: 196px;
  text-align: center;
  position: relative;
}

.orange-box .info-box .info-img img {
  width: 100%;
  display: block;
}

.orange-box .info-box .info-img img.outer {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.orange-box .info-box .info-img img.photo {
  width: 90%;
  border-radius: 50%;
  margin: 5% auto 0;
}

.orange-box .info-box .info-name {
  width: 33%;
  text-align: left;
  padding: 0 2%;
  position: relative;
}

.orange-box .info-box .info-name .name {
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.orange-box .info-box .info-name .position {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  font-style: italic;
}

.orange-box .info-box .contact {
  width: 33%;
  text-align: left;
  padding: 0 2% 0 4%;
  position: relative;
}

.orange-box .info-box .contact .title {
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 8px;
}

.orange-box .info-box .contact .contact-links {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.orange-box .info-box .contact .contact-links a {
  color: #000;
  display: block;
}

.orange-box .info-box .contact .contact-links a:hover {
  color: #0a2340;
}

.orange-box .info-box .social-links {
  width: 14%;
}

.orange-box .info-box .social-links a {
  width: 36px;
  height: 36px;
  display: block;
  background: #fff;
  border-radius: 50%;
  margin: 8px auto;
  position: relative;
  overflow: hidden;
}

.orange-box .info-box .social-links a:hover {
  background: #0a2340;
}

.orange-box .info-box .social-links a i {
  color: #ff6b0e;
  font-size: 23px;
  line-height: 36px;
}

.orange-box .info-box .social-links a i span {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

@media (max-width:767px) {
  .orange-box {
      width: 100%;
      font-size: 18px;
      line-height: 28px;
      margin: 0 auto;
  }
  .orange-box .orange-box-inner,
  .orange-box.aboutus .orange-box-inner {
      padding: 30px 30px 20px;
  }
  .orange-box .orange-box-inner,
  .orange-box.aboutus .orange-box-inner {
      padding: 30px 30px 20px;
  }
  .orange-box .orange-box-inner.has-table {
      padding-bottom: 30px;
  }
  .orange-box .info-box {
      display: block;
  }
  .orange-box .info-box .info-cell {
      height: auto;
      display: block;
  }
  .orange-box .info-box hr {
      display: none;
  }
  .orange-box .info-box .info-img,
  .orange-box .info-box .info-name,
  .orange-box .info-box .contact,
  .orange-box .info-box .social-links {
      width: auto;
  }
  .orange-box .info-box .info-name,
  .orange-box .info-box .contact {
      border-bottom: 1px solid rgba(255, 255, 255, .5);
      padding: 40px 0;
      margin: 0 5%;
      text-align: center;
  }
  .orange-box .info-box .info-img {
      padding-left: 0;
      margin-top: 43px;
  }
  .orange-box .info-box .social-links {
      padding-top: 40px;
  }
  .orange-box .info-box .social-links a {
      width: 50px;
      height: 50px;
      display: inline-block;
      vertical-align: top;
      margin: 0 5px;
  }
  .orange-box .info-box .social-links a i {
      font-size: 30px;
      line-height: 50px;
  }
}

.orange-box.v2 {
  font-weight: 400;
  margin: -100px auto 0;
  display: none;
}

.orange-box.v2 .orange-box-inner {
  max-width: 1050px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 30px 20px 25px;
}

.orange-box.v2 h2 {
  font-size: 22px;
}

.orange-box.v2 .col {
  width: 24%;
  border-left: 1px solid #2a2a2a;
  margin: 0 auto;
  padding: 0 25px;
  text-align: left;
}

.orange-box.v2 .col:last-child {
  margin-right: 0;
  padding-right: 10px;
}

.orange-box.v2 .col .col-txt {
  font-size: 18px;
  line-height: 1;
  padding: 20px 0 0;
}

.orange-box.v2 .col .col-txt .contact,
.orange-box.v2 .col .col-txt .phone {
  padding-bottom: 4px;
}

.orange-box.v2 .col .col-txt ul {
  list-style: none;
  margin: 0;
}

.orange-box.v2 .col .col-txt ul li {
  margin-bottom: 10px;
}

.orange-box.v2 .col a {
  color: #2a2a2a;
}

.orange-box.v2 .col a.selected {
  color: #0a2340;
}

.orange-box.v2 .col a:hover {
  color: #fff;
}

.orange-box.v2 .col .social-links {
  padding-top: 30px;
}

.orange-box.v2 .col .social-links a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  margin: 20px 18px 0 0;
}

.orange-box.v2 .col .social-links a span {
  display: block;
  font-size: 24px;
}

.orange-box.v2 .col .social-links a span>span {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.orange-box .loc-sidebar {
  width: 200px;
  text-align: center;
  margin: 0 auto 0 0;
}

.orange-box .loc-sidebar .img {
  width: 100%;
  height: 196px;
  position: relative;
  z-index: 1;
}

.orange-box .loc-sidebar .img .border {
  width: 100%;
  height: 196px;
  background: url(/wp-content/themes/ju2019/images/border-circle.png) no-repeat;
  position: absolute;
  left: 50%;
  top: -12px;
  z-index: 3;
  transform: translateX(-50%);
}

.orange-box .loc-sidebar .img img {
  max-width: 164px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  padding-top: 3px;
}

.orange-box .loc-sidebar .loc-sidebar-inner {
  background: #ff6b0e;
  padding: 130px 20px 20px;
  margin-top: -123px;
  color: #000;
  line-height: 1;
}

.orange-box .loc-sidebar a {
  color: #000;
}

.orange-box .loc-sidebar a:hover {
  color: #fff;
}

.orange-box .loc-sidebar .name {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}

.orange-box .loc-sidebar .position {
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  padding: 10px 0 0;
}

.orange-box .loc-sidebar hr {
  width: 110px;
  height: 1;
  background: #ffb587;
  margin: 22px auto 26px;
  text-align: center;
}

.orange-box .loc-sidebar .contact {
  font-size: 22px;
  font-weight: 700;
  color: #2a2a2a;
  text-transform: uppercase;
}

.orange-box .loc-sidebar .phone {
  font-size: 20px;
  font-weight: 600;
  padding: 12px 0 0;
}

.orange-box .loc-sidebar .email {
  font-size: 18px;
  font-weight: 600;
  padding: 8px 0 0;
}

@media (max-width:1100px) {
  .orange-box.v2 h2 {
      font-size: 20px;
  }
  .orange-box.v2 .col {
      overflow: hidden;
  }
}

@media (max-width:930px) {
  .orange-box.v2 {
      margin-top: 0;
  }
  .orange-box.v2 .orange-box-inner {
      flex-wrap: wrap;
  }
  .orange-box.v2 .col {
      width: 50%;
      border-left: 0;
  }
  .orange-box.v2 .col:nth-child(3),
  .orange-box.v2 .col:nth-child(4) {
      border-top: 1px solid #fff;
      padding-top: 20px;
  }
}

@media (max-width:510px) {
  .orange-box.v2 .orange-box-inner {
      display: block;
  }
  .orange-box.v2 .col {
      width: 100%;
      padding-bottom: 20px;
      text-align: center;
  }
  .orange-box.v2 .col:nth-child(2) {
      border-top: 1px solid #fff;
      padding-top: 20px;
  }
  .orange-box.v2 .col:last-child {
      margin-right: auto;
      padding-bottom: 0;
  }
  .orange-box .loc-sidebar {
      margin-left: auto;
  }
  .orange-box.v2 .col .col-txt ul {
      text-align: center;
  }
}

.degree-listing {
  background: #162e4a;
}

.degree-listing::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/ju2019/images/bg-degree-landing.jpg) left top no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: .08
}

.degree-listing .items {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.degree-listing .items::after {
  content: '';
  display: block;
  clear: both;
}

.degree-listing .items::before {
  content: '';
  width: 100%;
  height: 1px;
  background: #566582;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.degree-listing .item {
  width: 33.33333%;
  height: 109px;
  float: left;
  border-bottom: 1px solid #566582;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}

.degree-listing .item::after {
  content: '';
  width: 1px;
  height: 100%;
  background: #566582;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.degree-listing .item a {
  width: 100%;
  height: 100%;
  color: #fff;
  display: block;
  padding: 46px 40px;
  border-left: 6px solid transparent;
}

.degree-listing .item a:hover {
  border-color: #ff6b0e;
}

.degree-listing .item a span {
  display: block;
  position: absolute;
  left: 40px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

@media (max-width:767px) {
  .degree-listing .item {
      width: 50%;
  }
}

@media (max-width:540px) {
  .degree-listing .item {
      width: 100%;
  }
  .degree-listing .item::after {
      width: 0;
      height: 0;
  }
}

.get-ready-main {
  background: url(/wp-content/themes/ju2019/images/bg-get-ready.jpg) right top no-repeat;
  background-size: cover;
}

.get-ready-main .mobile-bg {
  width: 100%;
  display: none;
}

.get-ready-main .txt {
  width: 56%;
  background: rgba(14, 45, 82, .9);
  padding: 90px 5% 125px 8%;
  text-align: left;
  margin: 0;
  font-size: 20px;
  line-height: 34px;
  color: #fff;
}

.get-ready-main .txt header {
  margin-bottom: 60px;
}

.get-ready-main .txt p {
  margin-bottom: 35px;
}

.get-ready-main .txt .btns {
  text-align: left;
}

.get-ready-main .txt .btns a {
  padding-left: 34px;
  padding-right: 34px;
}

.get-ready-main .txt .btns a:hover {
  background: #fff;
  color: #ff6b0e;
}

@media (max-width:920px) {
  .get-ready-main {
      background-position: 90% top;
  }
  .get-ready-main .txt .btns a {
      padding-left: 15px;
      padding-right: 15px;
  }
}

@media (max-width:767px) {
  .get-ready-main {
      background-position: right top;
      background: transparent;
  }
  .get-ready-main .mobile-bg {
      display: block;
  }
  .get-ready-main .txt {
      width: 90%;
      padding: 50px 8%;
      font-size: 18px;
      line-height: 30px;
      margin: -90px auto 0;
      position: relative;
      z-index: 2;
  }
  .get-ready-main .txt header {
      margin-bottom: 40px;
  }
}

.get-ready-content .inner {
  padding: 70px 8%;
  text-align: center;
}

.get-ready-content .content {
  padding: 50px 0 0;
  text-align: left;
  margin: 0;
  font-size: 20px;
  line-height: 34px;
}

.get-ready-content .content ul {
  width: 30%;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 3% 20px 0;
  padding: 0 15px 0 0;
}

.get-ready-content .content ul li {
  position: relative;
  margin: 0 0 15px 15px;
}

.get-ready-content .content ul li::before {
  content: '\2022';
  font-size: 28px;
  line-height: 1;
  color: #ff6b0e;
  position: absolute;
  left: -15px;
  top: 1px;
}

@media (max-width:1000px) {
  .get-ready-content .content {
      font-size: 18px;
      line-height: 30px;
  }
  .get-ready-content .content ul {
      width: 29%;
  }
  .get-ready-content .content ul li::before {
      top: -1px;
  }
}

@media (max-width:767px) {
  .get-ready-content .content {
      font-size: 16px;
      line-height: 26px;
  }
  .get-ready-content .content ul {
      width: auto;
      display: block;
      margin-right: 0;
  }
  .get-ready-content .content ul li::before {
      top: -3px;
  }
}

.get-ready-assessment {
  background: transparent;
}

.get-ready-assessment .inner {
  padding: 0 5% 80px;
}

.get-ready-assessment .items {
  max-width: 1240px;
  margin-top: -124px;
  display: flex;
  flex-wrap: wrap;
}

.get-ready-assessment .item {
  width: 33%;
  margin: 0 0 60px;
}

.get-ready-assessment .item a {
  width: 100%;
  height: 100%;
  color: #292929;
  display: block;
  padding: 20px;
  background: transparent;
}

.get-ready-assessment .item a:hover {
  background: #0e2d52;
  color: #fff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
}

.get-ready-assessment .item span {
  display: block;
}

.get-ready-assessment .item .pad {
  padding: 0 0 50px;
}

.get-ready-assessment .item .top {
  height: 210px;
  padding: 6px;
  color: #fff;
  line-height: 1;
  text-align: center;
  position: relative;
  background: rgb(246, 105, 13);
  background: -moz-linear-gradient(left, rgba(246, 105, 13, 1) 15%, rgba(246, 148, 13, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(246, 105, 13, 1) 15%, rgba(246, 148, 13, 1) 100%);
  background: linear-gradient(to right, rgba(246, 105, 13, 1) 15%, rgba(246, 148, 13, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6690d', endColorstr='#f6940d', GradientType=1);
}

.get-ready-assessment .item .top::before {
  content: '';
  width: 0;
  height: 190px;
  display: block;
  border-top: 2px solid rgba(255, 255, 255, .8);
  border-bottom: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 10px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.get-ready-assessment .item:hover .top::before {
  width: 94%;
  opacity: 1;
}

.get-ready-assessment .item .top::after {
  content: '';
  width: 94%;
  height: 0;
  display: block;
  border-left: 2px solid rgba(255, 255, 255, .8);
  border-right: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 10px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.get-ready-assessment .item:hover .top::after {
  height: 190px;
  opacity: 1;
}

.get-ready-assessment .item .top-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.get-ready-assessment .item .top .icon {
  max-width: 140px;
  margin: 0 auto;
  display: block;
  transition: all .25s ease;
  transform: scale(1, 1);
  backface-visibility: hidden;
}

.get-ready-assessment .item:hover .top .icon {
  transform: scale(.7, .7);
}

.get-ready-assessment .item .top .txt {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 14px;
}

.get-ready-assessment .item:hover .top .txt {
  padding-bottom: 24px;
  margin-top: 0;
}

.get-ready-assessment .item .top .more {
  font-size: 18px;
  font-style: italic;
  opacity: 0;
}

.get-ready-assessment .item:hover .top .more {
  opacity: 1;
  padding-bottom: 30px;
}

.get-ready-assessment .item .top .more .icon {
  width: 11px;
  height: 14px;
  display: inline-block;
  vertical-align: top;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) -60px -16px no-repeat;
  margin: 2px 0 0 5px;
}

.get-ready-assessment .item .content {
  padding: 20px 0 0;
  text-align: left;
}

.get-ready-assessment .item .content .group {
  padding: 0 0 20px;
}

.get-ready-assessment .item .content .group .title {
  text-transform: uppercase;
  font-weight: 700;
}

.get-ready-assessment .item .content .group .desc {
  padding: 8px 0 0;
}

@media (max-width:1100px) {
  .get-ready-assessment .items {
      margin-top: -50px;
  }
}

@media (max-width:990px) {
  .get-ready-assessment .items {
      margin-top: 0;
  }
  .get-ready-assessment .item .pad {
      padding-bottom: 20px;
  }
}

@media (max-width:768px) {
  .get-ready-assessment .item a:hover {
      background: transparent;
      color: #292929;
      box-shadow: none;
  }
  .get-ready-assessment .item .top-inner {
      justify-content: center;
  }
  .get-ready-assessment .item .top::before,
  .get-ready-assessment .item .top::after,
  .get-ready-assessment .item:hover .top::before,
  .get-ready-assessment .item:hover .top::after {
      width: 0;
      height: 0;
  }
  .get-ready-assessment .item:hover .top .icon {
      transform: none;
  }
  .get-ready-assessment .item:hover .top .txt {
      margin-top: 14px;
      padding-bottom: 0;
  }
  .get-ready-assessment .item .top .more,
  .get-ready-assessment .item:hover .top .more {
      display: none;
  }
}

@media (max-width:767px) {
  .get-ready-assessment .item {
      width: 50%;
  }
  .get-ready-assessment .item .top {
      height: 180px;
  }
}

@media (max-width:500px) {
  .get-ready-assessment .item {
      width: 100%;
      margin-bottom: 30px;
  }
  .get-ready-assessment .item .pad {
      padding-bottom: 10px;
  }
}

.get-ready-degrees {
  background: transparent;
}

.get-ready-degrees .inner {
  padding: 0 5%;
}

.get-ready-degrees .items {
  max-width: 1240px;
  margin-top: -124px;
  display: flex;
  flex-wrap: wrap;
}

.get-ready-degrees .item {
  width: 33%;
  margin: 0 0 60px;
}

.get-ready-degrees .item a {
  width: 100%;
  height: 100%;
  color: #292929;
  display: block;
  padding: 20px;
  background: transparent;
}

.get-ready-degrees .item span {
  display: block;
}

.get-ready-degrees .item .top {
  height: 210px;
  padding: 6px;
  color: #fff;
  line-height: 1;
  text-align: center;
  background: rgb(246, 105, 13);
  background: -moz-linear-gradient(left, rgba(246, 105, 13, 1) 15%, rgba(246, 148, 13, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(246, 105, 13, 1) 15%, rgba(246, 148, 13, 1) 100%);
  background: linear-gradient(to right, rgba(246, 105, 13, 1) 15%, rgba(246, 148, 13, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6690d', endColorstr='#f6940d', GradientType=1);
  position: relative;
}

.get-ready-degrees .item .top::before {
  content: '';
  width: 0;
  height: 190px;
  display: block;
  border-top: 2px solid rgba(255, 255, 255, .8);
  border-bottom: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 10px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.get-ready-degrees .item:hover .top::before {
  width: 94%;
  opacity: 1;
}

.get-ready-degrees .item .top::after {
  content: '';
  width: 94%;
  height: 0;
  display: block;
  border-left: 2px solid rgba(255, 255, 255, .8);
  border-right: 2px solid rgba(255, 255, 255, .8);
  opacity: 0;
  top: 10px;
  margin: auto;
  z-index: 1;
  transition: all .5s cubic-bezier(.55, .085, 0, .99);
  left: 0;
  right: 0;
  position: absolute;
}

.get-ready-degrees .item:hover .top::after {
  height: 190px;
  opacity: 1;
}

.get-ready-degrees .item .top-inner {
  height: 100%;
  padding: 40px 16px 0;
  text-align: left;
  position: relative;
}

.get-ready-degrees .item:hover .top-inner {
  border-color: rgba(255, 255, 255, .8);
  padding-top: 20px;
}

.get-ready-degrees .item .top .abbr {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff;
  font-size: 26px;
  line-height: 2.6;
  color: #ff6b0e;
  font-weight: 700;
  text-align: center;
}

.get-ready-degrees .item .top .txt {
  font-size: 26px;
  font-size: calc(.9vw + 1vh);
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 14px;
}

.get-ready-degrees .item .top .txt.sml {
  font-size: 20px;
  font-size: calc(.7vw + 1vh);
}

.get-ready-degrees .item:hover .top .txt {
  padding-bottom: 10px;
  margin-top: 10px;
}

.get-ready-degrees .item .top .more {
  font-size: 18px;
  font-style: italic;
  opacity: 0;
  position: absolute;
  bottom: 10px;
}

.get-ready-degrees .item:hover .top .more {
  opacity: 1
}

.get-ready-degrees .item .top .more i {
  width: 11px;
  height: 14px;
  display: inline-block;
  vertical-align: top;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) -60px -16px no-repeat;
  margin: 2px 0 0 5px;
}

.get-ready-degrees .item .desc {
  padding: 20px 12px 0;
  text-align: left;
}

@media (max-width:1200px) {
  .get-ready-degrees .items {
      margin-top: -80px;
  }
  .get-ready-degrees .item .top .txt {
      font-size: 22px;
  }
}

@media (max-width:1100px) {
  .get-ready-degrees .items {
      margin-top: -50px;
  }
}

@media (max-width:930px) {
  .get-ready-degrees .items {
      margin-top: 0;
  }
}

@media (max-width:850px) {
  .get-ready-degrees .item .top .txt {
      font-size: 20px;
  }
}

@media (max-width:768px) {
  .get-ready-degrees .item:hover .top-inner {
      border-color: transparent;
      padding-top: 50px;
  }
  .get-ready-degrees .item:hover .top .txt {
      padding-bottom: 0;
      margin-top: 14px;
  }
  .get-ready-degrees .item:hover .top .more {
      opacity: 0;
      display: none;
  }
}

@media (max-width:767px) {
  .get-ready-degrees .item {
      width: 50%;
  }
  .get-ready-degrees .item .top .txt,
  .get-ready-degrees .item .top .txt.sml {
      font-size: calc(1vw + 1vh);
  }
}

@media (max-width:500px) {
  .get-ready-degrees .item {
      width: 100%;
      margin-bottom: 30px;
  }
  .get-ready-degrees .item .top .txt,
  .get-ready-degrees .item .top .txt.sml {
      font-size: calc(1vw + 1vh);
  }
}

.get-ready-info {
  background: url(/wp-content/themes/ju2019/images/bg-get-ready-info.jpg) center top no-repeat;
  background-size: cover;
}

.get-ready-info .inner {
  padding: 100px 8% 65px;
}

.get-ready-info .icon {
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 0;
  transform: translateY(-50%);
}

.get-ready-info .icon img {
  max-height: 80%;
  display: block;
}

.get-ready-info .content {
  max-width: 675px;
  color: #fff;
  padding: 14px 0 0;
  font-size: 28px;
  line-height: 42px;
  margin: 0;
  position: relative;
  z-index: 1;
}

@media (max-width:767px) {
  .get-ready-info .content {
      font-size: 26px;
  }
}

.get-ready-signup {
  background: #343434;
}

.get-ready-signup .inner {
  padding: 45px 8% 35px;
}

.get-ready-signup .content {
  padding-top: 20px;
  color: #fff;
}

.get-ready-signup .content .form-field {
  width: 26%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 15px 0;
  position: relative;
}

.get-ready-signup .content .form-field.full {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

.get-ready-signup .content .form-field.full::before {
  content: '';
  display: block;
  clear: both;
}

.get-ready-signup .content .form-field-submit {
  display: inline-block;
  vertical-align: middle;
}

.get-ready-signup .content label {
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: -1;
  opacity: 0;
}

.get-ready-signup .content input[type="text"],
.get-ready-signup .content input[type="email"],
.get-ready-signup .content select {
  height: 45px;
  background: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1pt;
  text-transform: uppercase;
  margin: 0;
}

.get-ready-signup .content select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat right 2px center;
}

.get-ready-signup .content select:invalid {
  color: #ccc;
}

.get-ready-signup .content select option {
  color: #000;
}

@media (max-width:1520px) {
  .get-ready-signup .content .form-field {
      width: 24%;
  }
}

@media (max-width:1180px) {
  .get-ready-signup .content input[type="text"],
  .get-ready-signup .content input[type="email"],
  .get-ready-signup .content select {
      font-size: 16px;
  }
  .get-ready-signup .content input[type="submit"] {
      min-width: 125px;
  }
}

@media (max-width:1000px) {
  .get-ready-signup .content .form-field {
      width: 30.5%;
  }
  .get-ready-signup .content .form-field-submit {
      width: 100%;
      display: block;
      text-align: center;
  }
  .get-ready-signup .content input[type="submit"] {
      min-width: 175px;
      margin-left: auto;
  }
}

@media (max-width:767px) {
  .get-ready-signup .content .form-field {
      width: 100%;
      display: block;
  }
}

.staff-panel,
.staff-panel .ajax_posts {
  max-width: 1380px;
  padding: 40px 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.staff-panel.sub,
.staff-panel .ajax_posts {
  display: flex;
}

.staff-panel .staff-item {
  width: 23%;
  margin: 0 1% 40px;
  background: #fff;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, .1);
  text-align: center;
}

.staff-panel .staff-item .staff-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.staff-panel .staff-item .img {
  width: 100%;
  display: block;
  padding-top: 56.25%;
  background-color: #ccc;
  position: relative;
}

.staff-panel .staff-item .img .circle {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  background: #ff6b0e;
  color: #fff;
  font-size: 38px;
  line-height: 2;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.staff-panel .staff-item .img .link-desc {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.staff-panel .staff-item .info {
  padding: 25px;
  line-height: 1;
  flex: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.staff-panel .staff-item .name {
  display: block;
  color: #2a2a2a;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}

.staff-panel .staff-item .name a {
  display: block;
  color: #2a2a2a;
}

.staff-panel .staff-item .role {
  display: block;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  padding: 15px 0 0;
  margin-bottom: -20px;
}

.staff-panel .staff-item .title {
  display: block;
  color: #2a2a2a;
  font-size: 16px;
  padding: 25px 0 0;
}

.staff-panel.sub .staff-item .title {
  padding-top: 20px;
}

.staff-panel .staff-item .loc {
  display: block;
  color: #2a2a2a;
  font-size: 16px;
  padding: 5px 0 0;
}

.staff-panel .staff-item .title a,
.staff-panel .staff-item .loc a {
  display: block;
  color: #2a2a2a;
}

.staff-panel .staff-item .email {
  display: block;
  padding: 25px 0 0;
  position: relative;
}

.staff-panel .staff-item .email .fas {
  color: #ff6b0e;
  display: block;
  font-size: 22px;
}

.staff-panel .staff-item .email .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

.staff-panel .no-results {
  width: 100%;
  text-align: center;
}

@media (max-width:940px) {
  .staff-panel .staff-item {
      width: 31.33333%;
  }
}

@media (max-width:767px) {
  .staff-panel .staff-item {
      width: 48%;
  }
}

@media (max-width:540px) {
  .staff-panel .staff-item {
      width: 98%;
  }
}

.staff-content-holder .preloader,
.landing.blog .preloader {
  width: 100%;
  text-align: center;
  padding: 20px 10px;
}

.landing.blog .preloader {
  display: none;
}

.staff-content-holder .load-more-container,
.landing.blog .load-more-container {
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px 10px 40px;
}

.generic .inner {
  padding: 120px 8% 130px;
}

.generic.blog .inner {
  max-width: 980px;
}

.generic.blog-post .inner {
  max-width: 1020px;
  padding-top: 75px;
}

.generic.blog-post.jum-detail .inner {
  padding-top: 15px;
  padding-bottom: 25px;
}

.generic.faculty .inner {
  padding-top: 80px;
}

.generic header {
  margin: 25px 0 50px;
}

.generic header.entry-header {
  margin: 30px 0 0;
}

.generic.jum-detail .issue-link {
  font-style: italic;
  text-align: right;
  padding: 0 0 10px;
}

.generic .feat-img {
  text-align: center;
  margin: 0 auto 25px;
}

.generic.jum-detail .feat-img {
  width: 100%;
  text-align: left;
  margin-left: 0;
}

.generic.jum-detail .feat-img img {
  width: 100%;
}

.generic .content::after {
  content: '';
  display: block;
  clear: both;
}

.generic .content.has-sidenav .content-txt {
  width: 57%;
  float: left;
}

.generic.jum-landing .content.has-sidenav .content-txt {
  width: 60%;
  float: right;
}

.generic .sidenav {
  width: 34%;
  float: right;
  background: #0a2340;
}

.generic.jum-landing .sidenav {
  float: left;
}

.generic .sidenav-inner {
  padding: 39px 10px 25px 40px;
  color: #fff;
  line-height: 1;
  font-weight: 700;
}

.generic .sidenav-title {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 35px;
  padding: 0 0 0 8px;
  border-left: 6px solid #ff6b0e;
}

.generic .sidenav-cols::after {
  content: '';
  display: block;
  clear: both;
}

.generic .sidenav-cols ul {
  list-style: none;
  margin: 0;
  padding-right: 10px;
}

.generic .sidenav-cols ul.two-cols {
  width: 50%;
  float: left;
}

.generic .sidenav-cols li {
  margin: 0 0 22px;
}

.generic .sidenav-cols li a {
  color: #fff;
}

.generic .sidenav-cols li a:hover {
  color: #ff6b0e;
}

.generic .content .content-txt h1,
.generic .content .content-txt h2,
.generic .content .content-txt h3,
.generic .content .content-txt h4 {
  padding-top: 5px;
  padding-bottom: 2px;
}

.generic .content .content-txt h3 {
  font-size: 24px;
}

.generic .content .content-txt iframe {
  margin-left: 0;
}

.generic .content .content-txt ul li,
.generic .content .content-txt ol li {
  margin-bottom: 10px;
}

.generic .content .content-txt ul ul li,
.generic .content .content-txt ul ol li,
.generic .content .content-txt ol ol li,
.generic .content .content-txt ol ul li {
  margin-bottom: 0;
}

.generic .content .content-txt .wide900 {
  max-width: 900px;
  margin: 0 auto;
}

.generic .athletic-img {
  max-width: 40%;
  margin: 0 0 20px;
}

.generic.faculty .content .email {
  position: relative;
  padding: 0 0 0 20px;
  margin-top: -40px;
}

.generic.faculty .content .email .fas {
  font-size: 30px;
}

.generic.faculty .content .email .txt {
  display: block;
  position: absolute;
  left: -9999px;
  z-index: -1;
}

.generic.faculty .content .degrees {
  margin-top: 30px;
  font-weight: 600;
}

.generic.faculty .content .feat-img {
  max-width: 660px;
  margin: 40px 0 0;
  text-align: left;
}

.generic.faculty .content .bio {
  margin-top: 30px;
}

.generic.faculty .content .vidframe,
.generic.faculty .content .audio-content {
  margin-top: 30px;
}

.generic.faculty .btns {
  padding-top: 40px;
}

.generic.school1 .inner {
  padding: 80px 8% 50px;
}

.generic.school1 header {
  margin-top: 0;
}

.generic .btns a {
  margin-bottom: 25px;
}

.generic table {
  border-collapse: collapse;
  max-width: 70%;
}

.generic table.half-width {
  width: 55%;
}

.generic td,
th {
  border: 1px solid #ccc;
  min-width: 150px;
  text-align: left;
  padding: 10px 8px 10px 8px;
  vertical-align: top;
}

.generic tr:nth-child(even) {
  background-color: #dddddd;
}

.generic.school2 .inner {
  padding: 55px 8% 50px;
}

.generic.school2 header {
  margin: 0;
}

.generic .inner .content form .form-field {
  padding-top: 10px;
  position: relative;
}

.generic .inner .content form .form-field.hasph label {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.generic .inner .content form .form-field p {
  padding-left: 20px;
}

.generic .inner .content form span.wpcf7-list-item {
  display: block;
}

.generic .inner .content form input[type="text"],
.generic .inner .content form input[type="email"],
.generic .inner .content form textarea {
  border: 1px solid #a8a8a8;
}

.generic .inner .content form select {
  border: 1px solid #a8a8a8;
}

.generic .inner .content form input[type="submit"] {
  margin-top: 10px;
}

.generic.pw-check .inner .content form input[type="submit"] {
  margin-top: 0;
}

.generic .post-password-form input[type="password"] {
  padding: 14px 1.5em;
}

.generic.jum-landing .featured-item .item .img {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background: #ccc;
  position: relative;
  overflow: hidden;
}

.generic.jum-landing .featured-item .img::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.generic.jum-landing .featured-item .item .img .img-bg {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 150%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.generic.jum-landing .featured-item .item .title {
  overflow: hidden;
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 0 4px;
  margin: 0;
}

.generic.jum-landing .featured-item .item .desc {
  color: #2a2a2a;
  font-size: 17px;
  padding: 5px 0 0;
  flex-grow: 2;
}

.generic.jum-landing .featured-item .item .btns {
  padding: 18px 0 0;
}

.generic.jum-landing .sml-featured-items {
  display: flex;
  align-items: stretch;
  gap: 2%;
  flex-wrap: wrap;
  padding-top: 60px;
  margin-bottom: -40px;
}

.generic.jum-landing .sml-featured-items .item {
  width: 31.33333%;
  margin: 0 0 40px;
  align-self: stretch;
  text-align: left;
}

.generic.jum-landing .sml-featured-items .item .item-inner {
  height: 100%;
}

.generic.jum-landing .sml-featured-items .item .item-inner a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.generic.jum-landing .sml-featured-items .item .img {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background: #ccc;
  position: relative;
  overflow: hidden;
}

.generic.jum-landing .sml-featured-items .img::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.generic.jum-landing .sml-featured-items .item .img .img-bg {
  width: auto;
  height: auto;
  min-width: 101%;
  min-height: 101%;
  max-width: 101%;
  max-height: 150%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.generic.jum-landing .sml-featured-items .item .title {
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 0 4px;
  margin: 0;
}

.generic.jum-landing .sml-featured-items .item .desc {
  color: #2a2a2a;
  font-size: 17px;
  padding: 5px 0 0;
  flex-grow: 2;
}

.generic.jum-landing .sml-featured-items .item .btns {
  padding: 18px 0 0;
  margin: auto 0 0;
}

.blog-post header h2 {
  font-size: 30px;
}

.post-tags {
  padding: 5px 0 10px;
}

.post-tags .tags-title {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
}

.post-tags .tags-links {
  padding: 2px 0 0;
}

.post-tags .tags-links a {
  display: inline-block;
  vertical-align: top;
  padding: 5px 8px;
  background: #ebebeb;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  color: #112d4f;
  text-transform: uppercase;
  margin: 0 5px 10px 0;
}

.post-tags .tags-links a:hover {
  background: #ff6b0e;
  color: #fff;
}

.post-nav-div {
  width: 100%;
  height: 1px;
  background: #0e2d52;
  text-align: center;
  margin: 25px auto 30px;
  clear: both;
  display: block;
}

.post-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 5px;
}

.post-nav .prev {
  width: 48%;
  margin: 0 auto 0 0;
}

.post-nav .next {
  width: 48%;
  margin: 0 0 0 auto;
  text-align: right;
}

@media (max-width:1200px) {
  .generic .sidenav-inner {
      padding: 30px 10px 20px 25px;
  }
}

@media (max-width:1100px) {
  .generic.jum-landing .sml-featured-items .item {
      width: 48%;
  }
}

@media (max-width:1030px) {
  .generic .sidenav-cols ul.two-cols {
      width: 100%;
      float: none;
  }
}

@media (max-width:767px) {
  .generic .inner {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .generic.school1 .inner {
      padding-top: 50px;
  }
  .generic .content.has-sidenav .content-txt,
  .generic .sidenav {
      width: 100%;
      float: none;
  }
  .generic .sidenav-cols ul.two-cols {
      width: 50%;
      float: left;
  }
  .generic .athletic-img {
      max-width: 100%;
      margin: 0 auto 20px;
  }
  .generic .sidenav {
      margin-top: 40px;
  }
  .generic table {
      max-width: 100%;
  }
  .generic table.half-width {
      width: 100%;
  }
  .generic td,
  th {
      min-width: 50px;
  }
  .blog-post header h2 {
      font-size: 20px;
  }
  .generic.jum-landing .content.has-sidenav .content-txt {
      width: 100%;
      margin-top: 50px;
  }
}

@media (max-width:500px) {
  .generic.jum-landing .featured-item .item .title {
      font-size: 20px;
  }
  .generic.jum-landing .sml-featured-items .item {
      width: 100%;
  }
}

@media (max-width:480px) {
  .generic .sidenav-cols ul.two-cols {
      width: 100%;
      float: none;
  }
}

.generic .post-result.left {
  width: 23%;
}

.generic .post-result.left a {
  display: block;
  max-height: 200px;
  overflow: hidden;
}

.generic .post-result.left img {
  width: 100%;
}

.generic .post-result.right {
  width: 73%;
  text-align: left;
}

.generic article {
  margin-bottom: 40px;
}

.generic article:after {
  content: '';
  display: block;
  clear: both;
}

.generic .search-form {
  position: relative;
  padding: 0 0 20px;
}

.generic .search-form label {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

.generic .search-form input[type="search"] {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #252525;
  margin-top: 0;
  margin-bottom: 10px;
}

.generic .search-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
}

.generic .post-result .searchLink {
  color: #284459;
  display: block;
  margin: 0 0 6px;
}

.generic .post-result .searchLink:hover {
  color: #000;
}

.searchform label.screen-reader-text {
  display: none;
}

@media (max-width:1200px) {
  .generic .post-result.left {
      width: 28%;
  }
  .generic .post-result.right {
      width: 68%;
  }
}

@media (max-width:990px) {
  .generic header.entry-header {
      margin-top: 20px;
  }
}

@media (max-width:880px) {
  .generic header.entry-header {
      margin-top: 10px;
  }
}

@media (max-width:768px) {
  .generic header.entry-header {
      margin-top: 0;
  }
  .generic .post-result.left a {
      max-height: none;
  }
}

@media (max-width:580px) {
  .generic .search-form input[type="search"] {
      width: 100%;
  }
  .generic .post-result.left,
  .generic .post-result.right {
      width: 100%;
      float: none;
  }
  .generic .post-result.right {
      margin-top: 15px;
  }
}

.multi-col .multi-columns {width: 100%;display: flex;justify-content: flex-start;align-items: stretch;}
  .multi-col .multi-col {margin: 0 1% 20px;}
  .multi-col .multi-col:first-child {margin-left: 0;}
  .multi-col .multi-col:last-child {margin-right: 0;margin-bottom: 0;}
  .multi-col .multi-col.one {width: 100%;}
  .multi-col .multi-col.two {width: 48%;}
  .multi-col .multi-col.three {width: 31.33333%;}
  .multi-col .multi-col.four {width: 23.5%;}
    .multi-col.img-first .multi-col.has-txt {order: 2;margin-right: 0 !important;margin-left: 1% !important;}
    .multi-col.img-first .multi-col.has-img {order: 1;margin-right: auto !important;margin-left: 0 !important;}

  .page-template-international-students .multi-col .multi-columns {justify-content:space-between;}
    .page-template-international-students .multi-col .multi-col.two.has-txt {width:40%; padding-top:50px;}
    .page-template-international-students .multi-col .multi-col.two.has-img {width:54%;}

@media (max-width:767px) {
  .multi-col .multi-columns {
      flex-wrap: wrap;
  }
  .multi-col .multi-col.four {
      width: 48%;
  }
  .multi-col .multi-col.has-txt,
  .multi-col .multi-col.has-img {
      width: 100%;
      margin-left: auto !important;
      margin-right: auto !important;
  }
  .page-template-international-students .multi-col .multi-col.two.has-txt {width:100%; padding-top:0;}
  .page-template-international-students .multi-col .multi-col.two.has-img {width:100%;}
}

@media (max-width:620px) {
  .multi-col .multi-col.three {
      width: 48%;
  }
  .multi-col .multi-col.three:last-child {
      width: 100%;
  }
}

@media (max-width:430px) {
  .multi-col .multi-col.one,
  .multi-col .multi-col.two,
  .multi-col .multi-col.three,
  .multi-col .multi-col.four {
      width: 100%;
  }
}

.num-nav {
  padding: 25px 15px 0;
}

.news-events.landing.blog .num-nav {
  padding: 0 15px 25px;
}

.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: .5pt;
}

.num-nav ul>li>a {
  display: block;
  color: #303031;
  transition: all .25s ease;
}

.num-nav ul>li>a:hover {
  color: #ff6b0e;
}

.num-nav ul>li.active>a {
  font-weight: 700;
}

.float-circles {
  position: fixed;
  right: 20px;
  bottom: 34px;
  /* margin-bottom: 70px; */
  z-index: 401;
}

.float-circles .share {
  position: relative;
}

.float-circles .circle {
  width: 60px;
  height: 60px;
  background: #ff6b0e;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
  cursor: pointer;
  transition: all .25s ease;
}

.float-circles .share-main {
  padding-top: 15px;
  padding-right: 3px;
}

.float-circles .share-main .icon {
  width: 24px;
  height: 30px;
  display: block;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) 0 -30px no-repeat;
  margin: 0 auto;
}

.float-circles .a2a-group {
  position: absolute;
  left: 0;
  top: 6px;
  z-index: -1;
  display: none;
}

.float-circles .a2a-group a {
  width: 55px !important;
  height: 55px !important;
  display: block;
  border-radius: 50%;
  margin: 0 auto 10px;
  text-align: center;
  position: absolute;
  top: 0;
}

.float-circles .a2a-group a {
  width: 64px !important;
  height: 64px !important;
}

.float-circles .a2a-group a .icon {
  display: block;
  font-size: 30px;
  line-height: 1.8;
  color: #fff;
}

.float-circles .a2a-group .icon .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.float-circles .a2a-group a.a2a_button_facebook {
  background: #3c5a98;
}

.float-circles .a2a-group a.a2a_button_twitter {
  background: #10b0e6;
}

.float-circles .a2a-group a.a2a_button_email {
  background: #56b15a;
}

.float-circles .live-chat {
  padding: 18px 0 0;
}

.float-circles .live-chat-main {
  padding-top: 15px;
}

.float-circles .live-chat-main i {
  width: 32px;
  height: 32px;
  display: block;
  margin: auto;
}

#chatra.chatra--side-bottom {
  bottom: 30px !important;
}

#chatra__iframe-wrapper {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .25) !important;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .25) !important;
  overflow: initial !important;
}

#chatra:hover #main.is-widget.is-style-round.is-chat-closed .header__round-button-icon,
#chatra:hover #main.is-widget.is-style-round.is-fully-closed:not(.is-transparent) .header,
#chatra:hover #main.is-widget.is-style-round.is-fully-opened:not(.is-transparent) .header {
  background-color: #fff !important;
}

@media (max-width:767px) {
  .float-circles .circle:hover {
      background: #ff6b0e;
  }
  .float-circles {
      right: 15px;
      bottom: 15px;
      /* margin-bottom: 80px; */
      padding-right: 5px;
  }
  .float-circles .live-chat {
      padding-top: 12px;
  }
}

.backtotop-circle {
  position: fixed;
  left: 20px;
  bottom: 34px;
  z-index: -1;
  opacity: 0;
  transition: all .25s ease;
  display: none;
}

.backtotop-circle.show {
  opacity: 1;
  display: block;
}

#container.headroom--top .backtotop-circle {
  z-index: -1;
  opacity: 0;
}

#container.headroom--not-top .backtotop-circle {
  z-index: 600;
  opacity: 1;
}

.backtotop-circle .backtotop-inner {
  width: 55px;
  height: 55px;
  position: relative;
}

.backtotop-circle .backtotop-inner .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.backtotop-circle .tooltip {
  position: absolute;
  right: -90px;
  top: 5px;
  z-index: 5;
  opacity: 0;
  transition: all .25s ease;
}

.backtotop-circle a:hover~.tooltip {
  right: -135px;
  opacity: 1;
}

.backtotop-circle .tooltip span {
  display: block;
  padding: 15px 20px;
  background: #0e2d52;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
}

.backtotop-circle .tooltip span::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #0e2d52;
  position: absolute;
  left: -9px;
  top: 50%;
  transform: translateY(-50%);
}

.backtotop-circle a {
  width: 55px;
  height: 55px;
  background: #ff6b0e;
  display: block;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
  position: relative;
  z-index: 6;
}

.backtotop-circle a:hover {
  background: #0e2d52;
}

.backtotop-circle .icon {
  display: block;
  font-size: 30px;
  line-height: 1.8;
  color: #fff;
}

@media (max-width:767px) {
  .backtotop-circle {
      left: 15px;
      bottom: 15px;
  }
  .backtotop-circle a:hover {
      background: #ff6b0e;
  }
}

@media (min-width:768px) and (max-width:1024px) {
  .backtotop-circle .tooltip,
  .backtotop-circle a:hover~.tooltip {
      display: none;
  }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
  .backtotop-circle .tooltip,
  .backtotop-circle a:hover~.tooltip {
      display: none;
  }
}

@media (min-width:320px) and (max-width:767px) {
  .backtotop-circle .tooltip,
  .backtotop-circle a:hover~.tooltip {
      display: none;
  }
}

.page-template-international-students .section.generic.has-accordion {background:#fff!important;}
.page-template-international-students .section.generic.has-accordion .content, .page-template-athletics .section.generic.has-accordion .content {width:65%; margin:0;}
.pjs-accordions {margin-top: 40px;}
  .pjs-accordions .accordion-container {list-style: none;margin: 0;}
    .pjs-accordions .accordion {margin: 0;}
      .pjs-accordions .accordion .title {padding: 20px;border-top: 2px solid #ccc;cursor: pointer;position: relative;}
      .pjs-accordions .accordion:last-child .title {border-bottom: 2px solid #ccc;}
      .pjs-accordions .accordion button.title{width:100%;background:transparent;border:0;border-radius:0;padding:20px 40px 20px 20px;border-top:2px solid #ccc;cursor:pointer;position:relative;text-align:left;margin:0;white-space:initial}
      .pjs-accordions .accordion:last-child button.title {  border-bottom: 2px solid #ccc;}
      .pjs-accordions .accordion .title h1 {padding: 0 20px 0 0;}
      .pjs-accordions .accordion .title .a-txt{color:#2a2a2a;font-weight:700;text-transform:uppercase;line-height:1}
      .pjs-accordions .accordion .title p {margin: 0;}
      .pjs-accordions .accordion .title .indicator{color:#2b2b2b;position:absolute;right:20px;top:50%;transform:translateY(-50%)}
      .pjs-accordions .accordion .desc {padding: 20px;display: none;}
      .pjs-accordions .accordion .desc p:last-child {margin: 0;}
      .pjs-accordions .accordion .desc .smiBtns a {cursor: pointer;}
      .pjs-accordions .accordion .title:hover {background: #0e2d52 !important;}
      .pjs-accordions .accordion .title:hover h3, .pjs-accordions .accordion .title:hover .a-txt {color: #fff !important;}
      .pjs-accordions .accordion .title:hover p {color: #fff !important;}
      .pjs-accordions .accordion .title:hover .indicator {color: #fff !important;}
      .pjs-accordions .accordion.open .title {background: #ff6b0e;}
      .pjs-accordions .accordion.open .title h3, .pjs-accordions .accordion.open .title .a-txt {color: #fff;}
      .pjs-accordions .accordion.open .title p {color: #fff;}
      .pjs-accordions .accordion.open .title .indicator {color: #fff;transform: translateY(-50%) rotate(180deg);}
      .pjs-accordions .accordion.open .title:hover {background: #0e2d52;}
      .pjs-accordions .accordion.open .title:hover h3, .pjs-accordions .accordion.open .title:hover .a-txt {color: #fff;}
      .pjs-accordions .accordion.open .title:hover p {color: #fff;}
      .pjs-accordions .accordion.open .title:hover .indicator {color: #fff;}
@media (max-width:1200px) {
  .page-template-international-students .section.generic.has-accordion .content, .page-template-athletics .section.generic.has-accordion .content {width:100%;}
}
@media(max-width:760px) {
  .pjs-accordions .accordion .title h1 {font-size: 24px;line-height: 28px;}
  .pjs-accordions .accordion button.title {font-size:16px;}
}

.simple-content-bg::after{content:'';width:26.7%;aspect-ratio:385/454;background:url(/wp-content/themes/ju2019/images/bg-julogos.png) no-repeat;background-size:contain;position:absolute;right:0;bottom:0;z-index:0;}
  .page-template-international-students .simple-content-bg .inner {padding-top:8px;}
    .simple-content-bg header {margin:0 0 12px; padding-left:0; border:0;}
    .simple-content-bg .btns {padding-top:44px;}
.page-template-athletics .simple-content-bg .inner {padding-top:0;}
  .page-template-athletics .simple-content-bg::after {background-image:url(/wp-content/themes/ju2019/images/bg-julogos-drk.png); aspect-ratio:393/515; bottom:-20%;}
    .page-template-athletics .simple-content-bg header {margin:0; padding:0 0 8px;}
    .page-template-athletics .simple-content-bg header::after {display:none;}

.student-map-panel {width:100%; overflow:hidden;}
  .student-map-panel header {width:100%; margin:0 auto; padding:8% 5% 0; border:0; text-align:center; position:absolute; z-index:2;}
    .student-map-panel header h2 {color:#0E2D52; font-size:clamp(20px,4vw,50px); line-height:1;}
      .student-map-panel header h2 .main {display:inline-block; vertical-align:middle;}
      .student-map-panel header h2 .styled {color:#E87200; font-family:'PrimedRegular'; font-size:clamp(40px,4vw,108px); font-weight:400; text-transform:none; display:inline-block; vertical-align:middle; margin-left:15px;}
      .student-map-panel .smp-map {width:100%; position:relative; z-index:0;}
        .student-map-panel .smp-map img {width:100%; display:block;}

.footer {
  width: 100%;
  max-width: 1920px;
  clear: both;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.footer::after {
  content: '';
  display: block;
  clear: both;
}

.footer .expandable {
  background: #ebebeb;
}

.footer .expandable .bar {
  padding: 22px 0 20px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #112d4f;
  cursor: pointer;
}

.footer .expandable .bar .icon {
  width: 11px;
  height: 11px;
  background: url(/wp-content/themes/ju2019/images/site-icons.png) 0 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 9px;
  transition: all .25s ease;
}

.footer .expandable.opened .bar .icon {
  transform: rotate(180deg);
}

.footer .expandable .content {
  width: 100%;
  padding: 65px 0;
  display: none;
}

.footer .expandable .content-inner {
  width: 100%;
  display: table;
}

.footer .expandable .content .col {
  width: 20%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}

.footer .expandable .content .col:first-child {
  width: 30%;
  padding-left: 10%;
}

.footer .expandable .content .col h3,
.footer .expandable .content .col .col-title {
  color: #112d4f;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 0 18px 8px;
  margin: 0;
}

.footer .expandable .content .col ul {
  list-style: none;
  margin: 0;
}

.footer .expandable .content .col ul li {
  max-width: 240px;
  font-size: 15px;
  line-height: 1;
}

.footer .expandable .content .col ul li a {
  color: #000;
  display: block;
  padding: 8px;
  text-decoration: underline;
}

.footer .expand-mobile {
  width: 100%;
  display: none;
}

.footer .expand-mobile .swiper-slide {
  width: 58%;
  text-align: left;
  padding-bottom: 20px;
}

.footer .expand-mobile .swiper-slide h3,
.footer .expand-mobile .swiper-slide .col-title {
  color: #677a8b;
  font-size: 33px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1pt;
  padding: 0 0 30px;
  margin: 0;
  transition: all .25s ease;
}

.footer .expand-mobile .swiper-slide-active h3,
.footer .expand-mobile .swiper-slide-active .col-title {
  color: #00294f;
}

.footer .expand-mobile .swiper-slide ul {
  list-style: none;
  margin: 0;
}

.footer .expand-mobile .swiper-slide ul li {
  font-size: 18px;
  line-height: 1;
  margin: 0 0 28px;
  transition: all .1s ease;
}

.footer .expand-mobile .swiper-slide ul li a {
  color: #676768;
  transition: all .1s ease;
}

.footer .expand-mobile .swiper-slide-active ul li a {
  color: #000;
  text-decoration: underline;
}

.footer .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
}

.footer .swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  background: #fff !important;
  opacity: 1 !important;
}

.footer .swiper-pagination-bullet-active {
  background: #ff6b00 !important;
}

.footer .main {
  width: 100%;
  background: #0a2340;
  border-top: 13px solid #ff6b0e;
  display: table;
  text-align: left;
  padding: 40px 0;
}

.footer .main .col {
  width: 20%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  color: #fff;
  font-size: 15px;
}

.footer .main .col:first-child {
  width: 34%;
  padding-left: 7%;
}

.footer .main .col h4,
.footer .main .col .col-title {
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  padding: 4px 0 15px;
  text-transform: uppercase;
}

.footer .main .col a {
  color: #fff;
  text-decoration: underline;
}

.footer .main .col .addy {
  display: block;
}

.footer .main .col .logo {
  max-width: 305px;
  text-align: left;
  margin: 0;
}

.footer .main .col .badge {
  max-width: 305px;
  margin: 25px 0 0;
  text-align: center;
}

.footer .main .col .badge img {
  max-width: 150px;
  margin: 0 auto;
}

.footer .main .col .links {
  list-style: none;
  margin: 0;
}

.footer .main .col .social-links {
  list-style: none;
  margin: 0;
  padding: 18px 0 0;
}

.footer .main .col .social-links li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}

.footer .main .col .social-links li:first-child {
  margin-left: auto;
}

.footer .main .col .social-links li:last-child {
  margin-right: auto;
}

.footer .main .col .social-links li a {
  width: 35px;
  height: 35px;
  display: block;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.footer .main .col .social-links li a:hover {
  background: #ff6b0e;
}

.footer .main .col .social-links li a .icon {
  display: block;
  font-size: 22px;
  line-height: 35px;
  color: #0a2340;
}

.footer .main .col .social-links a .icon .txt {
  position: absolute;
  left: -9999px;
  z-index: -1;
}

.footer .btm {
  width: 100%;
  background: #162e4a;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 50px 15px 38px;
}

.footer .btm::after {
  content: '';
  display: block;
  clear: both;
}

.footer .btm .pjs {
  width: 45%;
  float: left;
  text-align: left;
}

.footer .btm .pjs a {
  color: #818e9d;
}

.footer .btm .pjs a:hover {
  color: #fff;
}

.footer .btm .copyright {
  width: 55%;
  float: right;
  text-align: right;
}

.footer .btm .copyright span {
  color: #ff6b0e;
}

.footer.v2023 .main {
  border: 0;
  padding: 40px 7% 60px;
}

.footer.v2023 .main .col,
.footer .main .col .social-links,
.footer .main .col .links {
  text-align: center;
}

.footer .main .col:first-child {
  width: 20%;
  padding-left: 0;
}

.footer .main .col h4,
.footer .main .col .col-title {
  color: #E87200;
}

.footer .main .col .logo {
  margin-top: 4vw;
}

.footer .more-links {
  background: #0a2340;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  border-top: 4px solid #326195;
  padding: 0 0 35px;
}

.footer .more-links .ml-items {
  max-width: 1400px;
  padding: 25px 7% 0;
}

.footer .more-links a {
  color: #fff;
}

.footer .more-links a:hover {
  color: #E87200;
}

.footer .more-links .div {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 7px 0;
}

.footer .btm {
  background: #0a2340;
}

.footer .btm .pjs {
  float: right;
  text-align: right;
}

.footer .btm .pjs a {
  color: #fff;
}

.footer .btm .pjs a:hover {
  color: #E87200;
}

.footer .btm .copyright {
  float: left;
  text-align: left;
}

.footer .btm .copyright span {
  color: #fff;
}

@media (max-width:1200px) {
  .footer .expandable .content .col {
      width: 25%;
  }
  .footer .expandable .content .col:first-child {
      width: 25%;
      padding-left: 5%;
  }
}

@media (max-width:1100px) {
  .footer .main .col:first-child {
      padding-left: 3%;
  }
}

@media (max-width:980px) {
  .footer .expandable .content .col:first-child {
      padding-left: 3%;
  }
  .footer .main {
      display: block;
      text-align: center;
  }
  .footer .main .col {
      width: 30%;
      display: inline-block;
      text-align: left;
  }
  .footer .main .col:first-child {
      width: 100%;
      display: block;
      padding-left: 6%;
      text-align: center;
  }
  .footer .main .col:first-child .logo {
      margin: 0 auto;
  }
  .footer .main .col .badge {
      margin: 25px auto 40px;
  }
  .footer .main .col:nth-child(2) {
      padding-left: 2%;
  }
  .footer .main .col:first-child {
      width: 100%;
      padding: 0;
  }
  .footer .main .col:first-child .logo {
      margin: 5vw auto 30px;
  }
}

@media (max-width:767px) {
  .footer .expand-mobile .swiper-slide h3,
  .footer .expand-mobile .swiper-slide .col-title {
      font-size: 20px;
  }
  .footer .expand-mobile .swiper-slide ul li,
  .footer .expand-mobile .swiper-slide-active ul li {
      font-size: 15px;
      margin-bottom: 24px;
  }
  .footer .main .col {
      width: 100%;
      display: block;
      padding: 0 8%;
      margin-bottom: 60px;
      font-size: 15px;
      line-height: 32px;
  }
  .footer .main .col:first-child {
      margin-bottom: 10px;
  }
  .footer .main .col:nth-child(2) {
      padding-left: 8%;
  }
  .footer .main .col:last-child {
      margin-bottom: 20px;
  }
  .footer .main .col h4,
  .footer .main .col .col-title {
      font-size: 20px;
  }
  .footer .main .col .social-links li {
      margin: 0 6px;
  }
  .footer .main .col .social-links li a {
      width: 42px;
      height: 42px;
  }
  .footer .main .col .social-links li a i,
  .footer .main .col .social-links li a .icon {
      font-size: 27px;
      line-height: 44px;
  }
  .footer .btm {
      font-size: 14px;
      padding: 20px 25px;
  }
  .footer .btm .pjs,
  .footer .btm .copyright {
      width: 100%;
      float: none;
      text-align: center;
  }
  .footer .btm .copyright {
      margin-bottom: 10px;
  }
}

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

.sssCount span {
  color: #ff6b0e !important;
}

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

.form-allowed-tags {
  display: none;
}

.pDiv {
  width: 100%;
  height: 1px;
  clear: both;
  margin: 15px auto 20px;
}

@media (max-width:767px) {
  .alignleft,
  img.alignleft,
  img.img-left,
  .alignright,
  img.alignright,
  img.img-right {
      display: block;
      float: none;
      margin: 5px auto 30px;
  }
}

#wpcpro-wrapper .wpcp-carousel-section ul.slick-dots li button {
  min-width: 0;
}

.cognito form {
  font-size: inherit !important;
}

.cognito:not(.c-forms-actionBar),
.c-public-form .cognito {
  max-width: none !important;
}

.cognito .c-forms-form {
  background: transparent !important;
  font-size: 18px;
}

.cognito .c-forms-form .c-forms-form-title h2 {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #000000;
}

.cognito .c-forms-form .c-forms-description {
  color: #000000;
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
}

.cognito .c-forms-form .dropdown-menu>li>a {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
}

.cognito .c-forms-form .c-helptext {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #2a2a2a !important;
}

.cognito .c-forms-form h1,
.cognito .c-forms-form h2,
.cognito .c-forms-form h3,
.cognito .c-forms-form h4,
.cognito .c-forms-form h5,
.cognito .c-forms-form h6 {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #2a2a2a !important;
}

.cognito .c-forms-form:not(.c-question)>.c-label {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #2a2a2a !important;
  font-weight: 500 !important;
}

.cognito .c-forms-form .c-editor-date-icon,
.cognito .c-forms-form .c-editor-time-icon,
.cognito .c-forms-form .c-remove-item,
.cognito .c-forms-form .c-save-resume-close {
  color: #2a2a2a !important;
}

.cognito .c-forms-form .c-email-sent-message {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
}

.cognito .c-forms-form .c-rating-scale .c-choice-option .c-label {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #2a2a2a !important;
}

.cognito .c-forms-form .c-editor,
.cognito .c-forms-form .c-rating-scale-questions {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #2a2a2a !important;
}

.cognito .c-forms-form select,
.cognito .c-forms-form input[type=text],
.cognito .c-forms-form input[type=password],
.cognito .c-forms-form input[type=email],
.cognito .c-forms-form input[type=tel],
.cognito .c-forms-form input[type=url],
.cognito .c-forms-form textarea {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  border: 1px solid #a8a8a8;
  padding: 10px;
  background: #fff;
}

.cognito .c-forms-form .c-button-section button:not(.c-icon-button),
html .cog-cognito--styled .cog-button--primary,
html .cog-cognito--styled .cog-page__navigation .cog-button,
:root:root:root:root:root .cog-cognito--styled .cog-button--primary,
:root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button {
  min-width: 175px !important;
  padding: 15px 18px !important;
  font-size: 18px !important;
  line-height: 1;
  font-weight: 600 !important;
  border-radius: 25px !important;
  text-transform: uppercase;
}

html .cog-cognito--styled .cog-button__icon,
html .cog-cognito--styled .cog-button__text,
:root:root:root:root:root .cog-cognito--styled .cog-button__icon,
:root:root:root:root:root .cog-cognito--styled .cog-button__text {
  padding: 0 !important;
}

html .cog-label,
:root:root:root:root:root .cog-label,
html .cog-form legend,
:root:root:root:root:root .cog-form legend {
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important;
  color: #2a2a2a !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.breadcrumbs-bar {
  padding: 0 5%;
  display: none;
}

.breadcrumbs-bar.v2 {
  display: block;
}

.breadcrumbs-bar.alt {
  padding: 20px 8%;
  display: block;
}

.breadcrumbs-bar .breadcrumbs-bar-inner {
  max-width: 1600px;
}

.breadcrumbs-bar .sep {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  font-size: 22px;
  line-height: 1;
}

.breadcrumbs-bar.alt .sep {
  vertical-align: middle;
  font-size: 12px;
}

.breadcrumbs-bar a {
  position: relative;
  overflow: hidden;
}

.breadcrumbs-bar a .fa-home {
  font-size: 20px;
}

.breadcrumbs-bar a .fa-home span {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.items-grid {
  padding: 60px 5%;
}

.items-grid .inner {
  max-width: 1600px;
}

.items-grid.section header {
  margin-bottom: 50px;
}

.items-grid .grid-items {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.items-grid .grid-item-full {
  width: 100%;
}

.items-grid .grid-item {
  width: 23%;
  margin: 0 1% 20px
}

.items-grid .grid-item .grid-img {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.items-grid .grid-item .grid-img a {
  display: block;
}

.items-grid .grid-item .grid-img .icon {
  font-size: 34px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.items-grid .grid-item .grid-img .icon span {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}

.items-grid .grid-item .grid-img img.play-btn {
  min-width: 0;
  max-width: 30%;
  min-height: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.items-grid .grid-item .grid-img img {
  width: auto;
  max-width: 135%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all .25s ease;
}

.items-grid .grid-item .grid-img a:hover img {
  opacity: .8;
}

.items-grid .grid-item .grid-img a:hover img.play-btn {
  opacity: 1;
}

.items-grid .grid-item .grid-txt {
  padding: 5px 5px 10px 0;
  text-align: left;
}

.items-grid .grid-item .grid-campus {
  color: #ff6b0e;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 400;
  padding: 5px 0;
}

.items-grid .grid-item .grid-campus .grid-campus-item {
  height: 14px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 0 0;
}

.items-grid .grid-item .grid-campus .grid-campus-item:last-child {
  margin-right: 0;
}

.items-grid .grid-item .grid-campus .grid-campus-item::after {
  content: ',';
}

.items-grid .grid-item .grid-campus .grid-campus-item:last-child::after {
  content: '';
}

.items-grid .grid-item .grid-title {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  padding: 5px 0;
}

.items-grid .grid-item .grid-date {
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 5px;
}

.items-grid .grid-item .grid-desc {
  padding: 5px 0;
}

@media (max-width:1030px) {
  .items-grid .grid-item .grid-txt {
      padding-left: 5px;
      padding-right: 5%;
  }
}

@media (max-width:930px) {
  .items-grid .grid-item {
      width: 31%;
  }
}

@media (max-width:767px) {
  .items-grid .grid-item {
      width: 48%;
  }
}

@media (max-width:413px) {
  .items-grid .grid-item {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
}

.brand-style .section {
  width: 95%;
  max-width: 1400px;
  padding: 50px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-style .btns a {
  font-size: 14px !important;
  letter-spacing: .5px !important;
}

.brand-style .section .inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

.brand-style .section .inner .text {
  line-height: 35px;
  margin: 0;
}

.brand-style .section .inner>.title {
  font-weight: 600;
  font-size: 30px;
  color: #ff6b0e;
  padding-bottom: 30px;
  margin: 0;
}

.brand-style .section .inner .content-box {
  width: 100%;
  margin: 0;
}

.brand-style .section.logos .inner .tabs-nav {
  display: flex;
}

.brand-style .section.logos .inner .tab-nav {
  cursor: pointer;
  transition: all .25s ease;
  background: #eeeeee;
  width: 33.333%;
  padding: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  color: #737f93;
}

.brand-style .section.logos .inner .tab-nav.active {
  background: #f7f7f7;
  color: #002856;
}

.brand-style .section.logos .inner .inner-tab-content {
  display: flex;
}

.brand-style .section.logos .inner .inner-tab-content .col {
  width: 45%;
  padding: 30px 15px 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}

.brand-style .section.logos .inner .inner-tab-content.full .col {
  width: 100%;
}

.brand-style .section.logos .inner .tab-content {
  transition: opacity .5s ease;
  padding: 60px 0 0;
}

.brand-style .section.logos .inner .tab-content:first-child {
  padding-top: 0;
}

.brand-style .section.logos .inner .tab-content.active {
  display: block;
  opacity: 1;
}

.brand-style .section.logos .inner .title {
  font-weight: 600;
  font-size: 30px;
  color: #ff6b0e;
  padding-bottom: 30px;
  margin: 0;
}

.brand-style .section.logos .inner .sub-title {
  font-weight: 500;
  font-size: 26px;
  color: #000;
  padding-bottom: 8px;
  margin: 0;
  border-bottom: 1px solid #000;
}

.brand-style .section.logos .inner .top-txt {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  padding: 20px 10px;
}

.brand-style .tab-content .dd-group {
  background: #fbfbfb;
  border-radius: 12px;
  margin: 0 0 20px;
  box-shadow: 0 0 2px 0 rgb(0 0 0 / 8%), 0 0 6px 0 rgb(0 0 0 / 8%);
}

.brand-style .tab-content .dd-group .dd-group-top {
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  position: relative;
  color: #242424;
  cursor: pointer;
}

.brand-style .tab-content .dd-group .dd-group-top-txt {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.brand-style .tab-content .dd-group .dd-group-top-icon {
  display: block;
  font-size: 28px;
  line-height: 1;
  margin: 0;
}

.brand-style .tab-content .dd-group .dd-group-top-icon::before {
  content: '+';
}

.brand-style .tab-content .dd-group.open .dd-group-top-icon::before {
  content: '-';
}

.brand-style .tab-content .dd-group .dd-group-btm {
  padding: 30px 60px 50px 30px;
  display: none;
}

.brand-style .section.logo-usage .inner .logo-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.brand-style .section.logo-usage .inner .logo-content .example {
  width: 40%;
  max-width: 402px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  margin: 0 2% 0 0;
}

.brand-style .section.logo-usage .inner .text {
  color: #a7a7a7;
}

.brand-style .section.logo-usage .inner .image {
  width: 100%;
  margin: 0;
}

.brand-style .section.logo-usage .inner .image img {
  width: 100%;
  height: auto;
  display: block;
}

.brand-style .full-width-logos::after {
  content: '';
  display: block;
  clear: both;
}

.brand-style .full-width-logos a {
  display: inline-block;
  padding: 15px 40px;
  border-radius: 50px;
  background: transparent;
  margin: 0 50px 50px 0;
  float: left;
}

.brand-style .full-width-logos a.blue {
  background: #002856;
}

.brand-style .full-width-logos a.circle {
  border-radius: 50%;
}

.brand-style .full-width-logos img {
  display: block;
}

.brand-style .section.color .inner .colors {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  max-width: 950px;
  margin: 0;
}

.brand-style .section.color .inner .colors .color {
  margin: 30px 60px 30px 0;
  font-size: 15px;
  font-family: 'Open Sans';
  width: calc(50% - 60px);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.brand-style .section.color .inner .colors .color.large {
  padding-top: 20%;
}

.brand-style .section.color .inner .colors .color .inner {
  align-items: end;
  padding: 30px;
}

.brand-style .section.color .inner .colors .color .inner .title {
  font-size: 15px;
  padding: 0;
  color: #fff;
  font-weight: 400;
  font-family: 'Open Sans';
}

.brand-style .section.color .inner .colors .color .inner .usage {
  padding-top: 15px;
  font-size: 14px;
}

.brand-style .section.color .inner .colors .color * {
  margin: 0;
}

.brand-style .section.font {
  border-bottom: 0 solid #fff;
}

.brand-style .section.font .inner .text {
  margin-bottom: 40px;
}

.brand-style .section.font .inner .fonts {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.brand-style .section.font .inner .fonts .font {
  margin: 35px 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.brand-style .section.font .inner .fonts .font * {
  margin: 0;
}

.brand-style .section.font .inner .fonts .font .font-name {
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
}

.brand-style .section.font .inner .fonts .font .font-letters {
  text-transform: uppercase;
  padding: 10px 0;
}

.brand-style .section.font .btns {
  margin-top: 25px;
  margin-left: 0;
}

.brand-style .section.templates {
  width: 100%;
  border-bottom: 0 solid #fff;
}

.brand-style .section.templates .inner .templates {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.brand-style .section.templates .inner .templates .template {
  margin: 20px 60px 20px 0;
  width: calc(50% - 70px);
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: end;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.brand-style .section.templates .inner .templates .template img {
  width: 100%;
  height: auto;
  display: block;
}

.brand-style .section.templates .inner .templates .template .btns {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.brand-style .section.thank-you {
  width: 100%;
  max-width: unset;
  background-size: cover;
  margin: 0 auto;
}

.brand-style .section.thank-you .title {
  color: #fff;
  padding-bottom: 20px;
  margin: 0 auto;
}

.brand-style .section.thank-you .text {
  max-width: 1200px;
  color: #fff;
  padding-bottom: 20px;
  margin: 0 auto;
}

.heading.brand-style {
  background: #002856;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.heading.brand-style * {
  margin: 0;
}

.heading.brand-style .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.heading.brand-style .inner .nav {
  display: flex;
}

.heading.brand-style .inner .nav a {
  color: #fff;
  text-transform: uppercase;
  padding: 0 20px;
  font-weight: 700;
}

.heading.brand-style .inner .btns {
  margin: 0 0 0 auto;
}

.heading.brand-style .inner .btns a {
  font-size: 18px !important;
  letter-spacing: 1pt !important;
  display: flex;
  justify-content: center;
}

.heading.brand-style .inner .btns a:hover {
  background: #fff;
  color: #002856;
}

.heading.brand-style .inner .btns a span {
  display: block;
  margin: 0 10px 0 0;
}

.brand-style~footer {
  display: none;
}

.brand-style~footer.new {
  display: block;
}

.brand-logo-container {
  width: 100%;
  min-height: 90vh;
  background: #ccc;
  display: block;
  clear: both;
}

.brand-logo-container.dl {
  min-height: 100vh;
  background: #f3f3f3;
}

.brand-logo-container .inner {
  padding: 0 7% 50px;
  padding-top: calc(6% + 70px);
}

.brand-logo-container.dl .inner {
  padding: 0 0 50px;
}

.brand-logo-container .brand-logos {
  max-width: 800px;
  display: flex;
  flex-direction: column;
}

.brand-logo-container .brand-logo {
  display: flex;
  align-items: center;
  padding-bottom: 35px;
  margin: 0;
}

.brand-logo-container .brand-logo .img {
  max-width: 400px;
  margin: 0;
  padding-right: 15px;
}

.brand-logo-container .brand-logo .img img {
  display: block;
}

.brand-logo-container .brand-logo .links {
  margin: 0;
  text-transform: uppercase;
  border-left: 1px solid #000;
  padding: 15px 0 15px 15px;
}

.brand-logo-container .brand-logo .links span {
  font-weight: 700;
}

.brand-logo-container .brand-logo .links a {
  text-decoration: underline;
}

.brand-logo-content {
  max-width: 800px;
  padding: 50px 0 0;
  text-align: center;
}

.brand-logo-container.dl .brand-logos {
  max-width: 100%;
  display: block;
  text-align: center;
  padding-top: 50px;
}

.brand-logo-container.dl .brand-logos img {
  display: block;
  margin: 0 auto;
}

.brand-container {
  width: 100%;
  display: flex;
  align-items: stretch;
}

.brand-left-nav {
  width: 21%;
  position: relative;
}

.brand-left-nav-content {
  width: 21%;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  border-right: 1px solid #dcdcdc;
}

.brand-left-nav .brand-logo {
  padding: 58px 15px 45px;
  text-align: center;
  position: relative;
}

.brand-left-nav .brand-logo img {
  display: block;
  margin: 0 auto;
}

.brand-left-nav .brand-logo .title-txt {
  color: #0e0e0e;
  padding: 30px 0 0;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.brand-left-nav .brand-hamburger {
  padding: 5px;
  position: absolute;
  right: 15px;
  top: 40px;
  z-index: 101;
  display: none;
}

.brand-left-nav .brand-hamburger div {
  width: 20px;
  height: 2px;
  background: #0e0e0e;
  margin: 3px 0;
  transition: all .25s ease;
}

.brand-left-nav .brand-hamburger:hover div {
  background: #ff6b0e;
}

.brand-left-nav .brand-hamburger.open div:nth-child(1) {
  display: none;
}

.brand-left-nav .brand-hamburger.open div:nth-child(2) {
  transform: rotate(45deg);
}

.brand-left-nav .brand-hamburger.open div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -5px;
}

.brand-left-nav .nav-item {
  position: relative;
  overflow: hidden;
}

.brand-left-nav .nav-item .main-link {
  display: block;
  border-top: 1px solid #dcdcdc;
  padding: 28px 25px 20px 34px;
  color: #002856;
  font-size: 28px;
  line-height: 1;
  font-weight: 600;
  position: relative;
}

.brand-left-nav .nav-item .main-link.selected,
.brand-left-nav .nav-item .main-link:hover {
  color: #ff6b0e;
}

.brand-left-nav .nav-item:last-child .main-link {
  border-bottom: 1px solid #dcdcdc;
}

.brand-left-nav .nav-item .main-link .icon {
  font-size: 18px;
  line-height: 1;
  color: #cdd3d9;
  position: absolute;
  right: 45px;
  top: 50%;
  transition: all .25s ease;
}

.brand-left-nav .nav-item .main-link.open .icon {
  transform: rotate(180deg);
}

.brand-left-nav .nav-item .brand-sub-nav {
  border-top: 1px solid #dcdcdc;
}

.brand-left-nav .nav-item .brand-sub-nav ul {
  list-style: none;
  margin: 0;
  padding: 40px 0;
  background: #f9fafc;
}

.brand-left-nav .nav-item .brand-sub-nav ul li {
  margin: 0;
}

.brand-left-nav .nav-item .brand-sub-nav ul li a {
  display: block;
  color: #326195;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  padding: 14px 25px 14px 52px;
}

.brand-left-nav .nav-item .brand-sub-nav .main-link {
  border-top: 0;
}

.brand-left-nav .nav-item .brand-sub-nav ul li a:hover,
.brand-left-nav .nav-item .brand-sub-nav ul li a.selected {
  color: #ff6b0e;
}

.brand-main-col {
  width: 79%;
  padding-top: 30px;
  background: #f3f3f3;
}

.brand-main-col .section {
  background: transparent;
}

.brand-section,
.section.brand-section,
.brand-style.section.brand-section {
  display: flex;
}

@media (max-width:1200px) {
  .brand-left-nav,
  .brand-left-nav-content {
      width: 30%;
  }
  .brand-main-col {
      width: 70%;
  }
  .brand-style {
      max-width: 100vw !important;
      overflow-x: hidden !important;
  }
  .heading.brand-style .inner .nav {
      display: none;
  }
  .brand-style .section.logos .inner .inner-tab-content {
      flex-direction: column;
  }
  .brand-style .section.logos .inner .inner-tab-content .col {
      width: 90%;
      padding: 18px 18px 0;
  }
  .brand-style .section.logo-usage .inner .logo-content .example {
      width: 100%;
  }
  .brand-style .section.logo-usage .inner .image {
      width: 100%;
      height: 130px;
      background-size: contain;
      background-position: center;
  }
  .brand-style .section.color .inner .colors .color {
      margin: 10px 0;
      width: 100%;
  }
  .brand-style .section {
      padding: 50px 18px;
  }
  .brand-style .section.font .inner .fonts .font .font-name {
      font-size: 50px;
      line-height: 70px;
      text-transform: uppercase;
  }
  .section.font .inner .fonts .font {
      margin: 10px 0;
      width: 100% !important;
  }
  .brand-style .section.font .inner .text {
      margin-bottom: 0;
  }
  .brand-style .section.templates .inner .templates .template {
      margin: 10px 0;
      width: 100%;
  }
  .brand-style .section .inner>.title {
      text-align: center;
      line-height: 36px;
  }
}

@media (max-width:767px) {
  .heading.brand-style .inner {
      flex-direction: column;
      justify-content: center;
  }
  .heading.brand-style .inner .btns {
      margin: 15px auto 0;
  }
  .heading.brand-style .inner .btns a {
      min-width: 145px;
      padding: 12px 15px;
  }
  .brand-logo-container .inner {
      padding-top: 180px;
  }
  .brand-container {
      flex-direction: column;
  }
  .brand-left-nav {
      width: 100%;
  }
  .brand-left-nav .brand-hamburger {
      display: block;
  }
  .brand-left-nav-content {
      width: 100%;
      height: auto;
      overflow: initial;
      border-right: 0;
      background: #fff;
      bottom: auto;
  }
  .brand-left-nav .brand-logo {
      padding: 15px 15px 10px;
      box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
  }
  .brand-left-nav .brand-logo .title-txt {
      padding-top: 15px;
  }
  .brand-left-nav .nav-items {
      background: #fff;
      overflow: hidden;
      overflow-y: auto;
      position: fixed;
      left: 0;
      right: 0;
      display: none;
  }
  .brand-style {
      width: 100%;
  }
  .brand-main-col {
      padding-top: 55px;
  }
  .brand-style .section.intro {
      padding-top: 60px;
  }
}

.badges-panel {
  background: #0a2340;
}

.badges-panel a {
  display: block;
}

.badges-panel .inner {
  max-width: 1300px;
  padding: 60px 7% 40px;
}

.badges-panel .badge-items {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4%;
}

.badges-panel .badge-item {
  margin: 0 0 20px;
}

.badges-panel .badge-item img {
  display: block;
}

@media (max-width:767px) {
  .badges-panel .badge-items {
      flex-wrap: wrap;
  }
  .badges-panel .badge-item {
      width: 40%;
  }
}

.quote-rotator {
  background-color: #0E2D52;
}

.quote-rotator::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  opacity: .6;
}

.quote-rotator .inner {
  padding: 90px 5% 25px;
  z-index: 2;
}

.quote-rotator .quote-container {
  width: 52%;
  max-width: 750px;
  overflow: hidden;
  position: relative;
  color: #fff;
  line-height: 1.2;
  padding: 0 0 90px;
}

.quote-rotator .swiper-slide {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.quote-rotator .quote-main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.quote-rotator .quote-left {
  width: 60px;
  margin: 0;
}

.quote-rotator .quote-right {
  width: 60px;
  margin: auto 0 0;
}

.quote-rotator .quote-txt {
  font-size: clamp(28px, 2.2vw, 38px);
  font-weight: 600;
  font-style: italic;
  margin: 0 1% 0 4%;
  padding: 25px 0;
  text-align: center;
}

.quote-rotator .quote-attr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 14% 0 auto;
}

.quote-rotator .quote-attr .quote-img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}

.quote-rotator .quote-attr .quote-img img {
  width: auto;
  max-width: 120%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.quote-rotator .quote-attr .quote-by {
  padding: 0 0 0 15px;
}

.quote-rotator .quote-attr .quote-by .quote-name {
  font-size: 18px;
  font-weight: 600;
}

.quote-rotator .quote-attr .quote-by .quote-pos {
  color: #93989A;
  font-size: 14px;
}

.quote-rotator .quote-container .swiper-pagination-bullet {
  width: 27px;
  height: 27px;
  background: #fff;
  opacity: 1;
  margin: 0 6px !important;
}

.quote-rotator .quote-container .swiper-pagination-bullet-active {
  background: #FF6B0E;
}

@media (max-width:1079px) {
  .quote-rotator .quote-container {
      width: 70%;
  }
}

@media (max-width:767px) {
  .quote-rotator .quote-container {
      width: 100%;
  }
  .quote-rotator .quote-txt {
      font-size: 24px;
  }
  .quote-rotator .quote-left,
  .quote-rotator .quote-right,
  .quote-rotator .quote-left svg,
  .quote-rotator .quote-right svg {
      width: 40px;
  }
}

@media (max-width:413px) {
  .quote-rotator .inner {
      padding: 60px 2% 25px;
  }
  .quote-rotator .quote-left,
  .quote-rotator .quote-right,
  .quote-rotator .quote-left svg,
  .quote-rotator .quote-right svg {
      width: 30px;
  }
}

.spotlight-panel {
  background-color: #E2E2E2;
}

.spotlight-panel .inner {
  padding: 0;
}

.spotlight-panel .top {
  background: #0E2D52;
  padding: 40px 8% 42px;
}

.spotlight-panel .main-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 50px 0 50px 8%;
}

.spotlight-panel .main-content .content {
  width: 31%;
  margin: 0;
}

.spotlight-panel .main-content .content .title {
  color: #343434;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.spotlight-panel .main-content .content .subtitle {
  color: #FF6B0E;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
  padding-top: 10px;
}

.spotlight-panel .main-content .content .txt {
  padding: 20px 0 0;
}

.spotlight-panel .main-content .content .btns {
  text-align: left;
  padding-top: 35px;
}

.spotlight-panel .main-content .content .btns a {
  min-width: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.spotlight-panel .main-content .media-content {
  width: 61%;
  margin: -130px 0 0 auto;
}

.spotlight-panel .main-content .media-content img {
  width: 100%;
  display: block;
}

@media (max-width:767px) {
  .spotlight-panel .main-content {
      padding: 25px 8% 50px;
  }
  .spotlight-panel .main-content .content {
      width: 100%;
  }
  .spotlight-panel .main-content .media-content {
      width: 100%;
      margin: 25px 0 0;
  }
}

.academic-columns {
  background-color: #E2E2E2;
}

.academic-columns::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  opacity: .3;
}

.academic-columns .inner {
  padding: 60px 8%;
}

.academic-columns header h3 {
  font-size: 20px;
}

.academic-columns .groups {
  padding: 50px 0 0;
  display: flex;
  align-items: stretch;
  gap: 10px 8%;
  flex-wrap: wrap;
}

.academic-columns .group {
  width: 34%;
  margin: 0;
  padding-bottom: 15px;
}

.academic-columns.split .group:first-child {
  width: 56%;
}

.academic-columns .group .title {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 25px;
}

.academic-columns .group ul {
  list-style: none;
  margin: 0;
}

.academic-columns.split .group:first-child ul {
  column-count: 2;
  column-gap: 50px;
}

.academic-columns .group ul li {
  font-size: 21px;
  line-height: 1.1;
  color: #000;
  margin-bottom: 15px;
}

@media (max-width:1279px) {
  .academic-columns .group,
  .academic-columns.split .group:first-child {
      width: 46%;
  }
  .academic-columns.split .group:first-child ul {
      column-count: 1;
      column-gap: 0;
  }
}

@media (max-width:767px) {
  .academic-columns .group,
  .academic-columns.split .group:first-child {
      width: 100%;
  }
}

#chatra.chatra--side-bottom {
  border-radius: 100%;
  overflow: hidden;
}

#chatra.chatra--side-bottom.chatra--expanded {
  border-radius: 0;
  overflow: initial;
}

.wFormContainer .wFormHeader {
  height: 0 !important;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.banner.sub.ap2024 {max-height:none;}
  .banner.sub.ap2024 .inner {/*height:65vh;*/height:auto;}
    .banner.sub.tall.ap2024 .banner-txt {top:57%;}
      .banner.sub.ap2024 .banner-txt .subtxt {font-size:38px; font-size:calc(1vw + 1vh + 1vmin); font-weight:600; font-style:italic; text-transform:none; text-shadow:0 0 10px rgba(0,0,0,.3);}
      .banner.sub.ap2024 .banner-txt .desc {width:90%; max-width:322px; font-size:16px; line-height:1.25; font-weight:400; text-transform:none; padding-top:25px; text-shadow:0 0 10px rgba(0,0,0,.3);}
      .banner.sub.ap2024 .banner-txt .btns {padding-top:18px;}
        .banner.sub.ap2024 .banner-txt .btns a {min-width:220px; padding:10px 15px; font-size:18px;}
  @media (min-width:2000px) {
    .banner.sub.ap2024 .inner {height:50vh;}
  }
  @media (min-width:3000px) {
    .banner.sub.ap2024 .inner {height:auto;}
  }
  @media (max-width:1300px) {
    .banner.sub.ap2024 .inner {height:auto;}
  }
  @media (max-width:1200px) and (orientation:landscape) {
    .banner.sub.ap2024 .banner-img {width:110%; max-width:110%; margin-left:-5%;}
  }
  @media (max-width:980px) and (orientation:portrait) {
    .banner.sub.ap2024 .inner {height:65vh;}
      .banner.sub.ap2024 .banner-img {width: 100%; max-width: 100%; height: 100%; object-fit: cover; margin-left: auto;}
  }
  @media (max-width:767px) {
    .banner.sub.ap2024 .banner-txt .subtxt {font-size:20px;}
    .banner.sub.ap2024 .banner-txt .btns a {margin-left:auto; margin-right:auto;}
  }
.breadcrumbs-bar.v2 .breadcrumbs-bar-inner {padding:14px 0 17px; color:#0E2D52; display:flex; align-items:center;}
  .breadcrumbs-bar.v2 a {color:#0E2D52; font-weight:600;}
  .breadcrumbs-bar.v2 a:hover {color:#ff6b0e;}
  .breadcrumbs-bar.v2 a .fa-home {font-size:26px;}
  .breadcrumbs-bar.v2 .sep {font-size:32px; color:#0E2D52;}
  .breadcrumbs-bar.v2 .name {color:#0E2D52; font-weight:600;}
.loc-nav-sub.ap2024 ul li {font-size:16px;}
  .loc-nav-sub.ap2024 ul li a {padding:25px 14px 20px; margin:0 15px; border-bottom:7px solid transparent;}
  .loc-nav-sub.ap2024 ul li.selected a {border-color:#ff6b0e;}
.ap2024-tab-group {line-height:30px; display:none;}
#overview {display:block;}
  .ap2024-tab-group .pjs-accordions .accordion .title {padding-right:40px;}
.generic.panel.dept .info {width:100%; display:flex;}
  .generic.panel.dept .info .main {width:62%; margin:0;}
    .generic.panel.dept .info .main .main-staff {display:flex; flex-wrap:wrap;}
    .generic.panel.dept .info .main .additional-staff {display:flex; margin:0; padding:25px 0 0; flex-wrap:wrap;}
      .generic.panel.dept .info .main .img {width:267px; margin:0;}
      .generic.panel.dept .info .main .txt {width:60%; padding:10px 0 0 38px; margin:0;}
        .generic.panel.dept .info .main .txt .name {color:#343434; font-size:20px; line-height:1.1; font-weight:700;}
        .generic.panel.dept .info .main .txt .position {color:#FF6B0E; font-size:20px; line-height:1.1;}
        .generic.panel.dept .info .main .txt .contact-info {font-size:14px; line-height:1.5;}
          .generic.panel.dept .info .main .txt .contact-info a {color:#343434;}
          .generic.panel.dept .info .main .txt .contact-info a:hover {color:#FF6C10;}
  .generic.panel.dept .info .form {width:28%; margin:-75px 0 0 auto; background:#E2E2E2;}
    .generic.panel.dept .info .form .loc-side-form-inner {padding:15px 15px 25px;}
      .generic.panel.dept .info .form .form-title {font-size:20px; line-height:1; font-weight:700; text-transform:uppercase; margin:0; padding:0 0 0 8px; border-left:6px solid #ff6b0e;}
      .generic.panel.dept .info .form .form-desc {font-size:14px; line-height:1.5; padding:15px 0 20px;}
  .generic.panel.dept .info .links {width:100%; display:flex; flex-wrap:wrap; padding:40px 0 0;}
  .generic.panel.dept .info .form .links {padding:20px 15px 0;}
    .generic.panel.dept .info .links .link-col {width:45%; margin:0 5% 20px 0; font-size:14px; line-height:1.2;}
    .generic.panel.dept .info .links .link-col:last-child {margin-right:auto;}
      .generic.panel.dept .info .links .link-col .lbl {color:#FF6C10; font-size:16px; line-height:1; font-weight:600; text-transform:uppercase;}
      .generic.panel.dept .info .links .link-col ul {list-style:none; margin:0; padding:10px 0 0;}
        .generic.panel.dept .info .links .link-col li {margin:0 0 6px;}
          .generic.panel.dept .info .links .link-col a {color:#343434;}
          .generic.panel.dept .info .links .link-col a:hover {color:#FF6C10;}
  @media (max-width:1300px) {
    .generic.panel.dept .info .form {width:32%;}
  }
  @media (max-width:1079px) {
    .generic.panel.dept .info .form {margin-top:-50px;}
    .generic.panel.dept .info .main .img {width:175px;}
    .generic.panel.dept .info .links .link-col {width:100%; margin-right:auto;}
    .loc-nav-sub.ap2024 ul li a {margin:0;}
  }
  @media (max-width:880px) {
    .generic.panel.dept .info {flex-wrap:wrap;}
      .generic.panel.dept .info .main {width:100%;}
      .generic.panel.dept .info .form {width:100%; margin-top:25px;}
      .generic.panel.dept .info .links .link-col {width:45%; margin-right:5%; font-size:16px;}
      .generic.panel.dept .info .links .link-col .lbl {font-size:17px;}
  }
  @media (max-width:767px) {
    /* .generic.panel.dept .info .links .link-col {width:100%; margin-right:auto; font-size:16px;} */
      /* .generic.panel.dept .info .links .link-col .lbl {font-size:17px;} */
      .generic.panel.dept .info .main .txt .position {line-height:1.5;}
      .generic.panel.dept .info .main .txt .contact-info, .generic.panel.dept .info .form .form-desc {font-size:16px;}
    .loc-nav-sub.ap2024 ul {columns:2; column-gap:10px; padding-bottom:10px; margin-left:15px;}
      .loc-nav-sub.ap2024 ul li {display:block; text-align:left;}
        .loc-nav-sub.ap2024 ul li a {display:inline-block; padding-bottom:8px;}
  }
  @media (max-width:500px) {
    .generic.panel.dept .info .main {flex-wrap:wrap;}
      .generic.panel.dept .info .main .txt {width:100%; padding:15px 0 0;}
    .generic.panel.dept .info .links .link-col {width:100%; margin-right:auto;}
  }

.banner.sub.event-detail .banner-img {object-fit:cover;}
.generic.blog.event-detail .inner {max-width:none; padding-top:30px;}
  .generic.blog.event-detail .content {width:100%; max-width:1600px; display:flex; flex-wrap:wrap; justify-content:space-between;}
    .generic.blog.event-detail .col-txt {width:68%; margin:0;}
      .generic.blog.event-detail header {margin-top:0;}
        .generic.blog.event-detail .sub {font-size:26px; font-weight:600; padding:10px 0 0;}
      .generic.blog.event-detail .date-time {font-size:110%; font-weight:700;}
      .generic.blog.event-detail .addy {font-weight:600; padding-top:5px;}
      .generic.blog.event-detail .btns {text-align:left; padding:25px 0 0;}
        .generic.blog.event-detail .btns a {margin:0 15px 10px 0;}
        .generic.blog.event-detail .btns a:last-child {margin-right:0;}
      .generic.blog.event-detail .mob-img {padding:25px 0 0; display:none;}
      .generic.blog.event-detail .content-txt {padding:25px 0 0;}
    .generic.blog.event-detail .col-img {width:28%; margin:0;}
  @media (min-width:2000px) {
    .banner.sub.event-detail .inner {height:50vh;}
  }
  @media (min-width:3000px) {
    .banner.sub.event-detail .inner {height:auto;}
  }
  @media (max-width:1300px) {
    .banner.sub.event-detail .inner {height:auto;}
  }
  @media (max-width:1200px) and (orientation:landscape) {
    .banner.sub.event-detail .banner-img {width:110%; max-width:110%; margin-left:-5%;}
  }
  @media (max-width:1100px) {
    .generic.blog.event-detail .col-txt {width:100%;}
    .generic.blog.event-detail .col-img {display:none;}
    .generic.blog.event-detail .mob-img {display:block;}
  }
  @media (max-width:980px) and (orientation:portrait) {
    .banner.sub.event-detail .inner {height:65vh;}
      .banner.sub.event-detail .banner-img {width: 100%; max-width: 100%; height: 100%; object-fit: cover; margin-left: auto;}
  }
  @media (max-width:767px) {
    .generic.blog.event-detail .btns {display:flex; flex-direction:column;}
      .generic.blog.event-detail .btns a {margin-right:0;}
  }

.banner.uc.event-landing .inner {height:auto; min-height:70vh; display:flex;}
  .banner.uc.event-landing .overlay {width:100%; height:100%; background:#000; left:0; top:0; right:0; bottom:0; position:absolute; z-index:1; opacity:0.3;}
  .banner.uc.event-landing .banner-img {position:absolute;}
  .banner.uc.event-landing .banner-content {width:80%; max-width:650px; margin:0 auto 0 55px; padding:150px 0 70px; color:#fff; text-align:left; position:relative; z-index:5; align-self:flex-end;}
    .banner.uc.event-landing .banner-content h1 {color:#fff; font-size:60px; line-height:0.8; font-weight:900; text-transform:uppercase; padding-bottom:20px; text-shadow:0 0 15px rgba(0,0,0,0.2);}
    .banner.uc.event-landing .banner-content .banner-desc {font-size:22px; line-height:26px; text-shadow:0 0 15px rgba(0,0,0,0.2);}
    .banner.uc.event-landing .btns.la {text-align:left;}
  @media (max-width:782px) {
    .banner.uc.event-landing .banner-content {width:88%; margin:0 auto; padding:120px 0 80px;}
      .banner.uc.event-landing .banner-content h1 {font-size:50px;}
  }

.section.generic.panel.event-landing .inner {padding-top:0;}
.generic.jum-landing.event-landing .sml-featured-items {padding-top:0;}
  .generic.jum-landing.event-landing .sml-featured-items .item .desc {margin:0;}
  .generic.event-landing .sml-featured-items .item .date {margin:0; font-weight:600;}
  
.single-quote-panel .inner {padding:60px 7%;}
.single-quote-panel .cols {max-width:1285px; display:flex; justify-content:space-between; flex-wrap:wrap;}
  .single-quote-panel .left-col {width:50%; margin:0; order:2;}
    .single-quote-panel .left-col .video {width: 100%; flex: 1 1 60%; border-radius: 20px; overflow: hidden;}
      .single-quote-panel .left-col .video .container {width: 100%; padding-top: 51%; position: relative;}
        .single-quote-panel .left-col .video .container .image {width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 2;}
        .single-quote-panel .left-col .video .container .image .tint {width: 100%; height: 100%; background: #ff6b0e; opacity: 0; position: absolute; top: 0; left: 0; z-index: 3;}
  .single-quote-panel .right-col {width:540px; margin:0; text-align:center; order:1;}
    .single-quote-panel .right-col .quote-cell {color:#0E2D52; font-family:'Open Sans', sans-serif; font-size:20px; line-height:34px; font-weight:700; font-style:italic; position:relative;}
    .single-quote-panel .right-col .quote-cell::before {content:''; width:92.35px; height:75.66px; background:url(/wp-content/themes/ju2019/images/icon-quote-left.svg) no-repeat; position:absolute; left:-25px; top:-26px; z-index:0;}
    .single-quote-panel .right-col .quote-cell::after {content:''; width:92.35px; height:75.66px; background:url(/wp-content/themes/ju2019/images/icon-quote-right.svg) no-repeat; position:absolute; right:2px; bottom:-32px; z-index:0;}
      .single-quote-panel .right-col .quote-cell .txt {max-height:340px; overflow:hidden; overflow-y:auto; position:relative; z-index:1; padding-right:10px;}
    .single-quote-panel .right-col .quote-attr {font-size:22px; line-height:30px; text-transform:uppercase; padding-top:35px;}
      .single-quote-panel .right-col .quote-attr .name {color:#FF6B0E; font-weight:700;}
      .single-quote-panel .right-col .quote-attr .pos {color:#0E2D52; font-weight:600;}
@media (max-width:1280px) {
  .single-quote-panel .left-col {width:40%;}
}
@media (max-width:1100px) {
  .single-quote-panel .left-col {width:35%;}
  .single-quote-panel .right-col .quote-cell {font-size:19px;}
}
@media (max-width:990px) {
  .single-quote-panel .inner {padding-top:0;}
  .single-quote-panel .left-col {width:100%;}
  .single-quote-panel .right-col {width:100%;}
  .single-quote-panel .right-col .quote-cell .txt {max-height:none; overflow:initial;}
}

/* Two Col Img + Text v2 */
.section.v2-two-col-txt-img, .section.v2-two-col-txt-img .inner .multi-columns .has-txt h2 {
  color: #fff;
}

/* Single quotes, no img Panel */
.section.single-quote-no-img-panel .inner {padding: 150px 270px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text {position: relative;}
    .section.single-quote-no-img-panel .quote-content-wrapper .quote-text p {font-size: 38px;line-height: 1.2;z-index: 2;position: relative;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .name, .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .pos {text-align: right;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .name {font-size: 30px;color: #E87200;font-weight: bold;margin-bottom: 10px;z-index: 2;position: relative;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .pos {font-size: 24px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text::before {content:''; width:148.27px; height:131.52px; background:url(https://johnsonu.edu/wp-content/uploads/2025/06/quote-left.svg) no-repeat; position:absolute; left:-75px; top:-85px; z-index:0;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text::after {content:''; width:148.27px; height:131.52px; background:url(https://johnsonu.edu/wp-content/uploads/2025/06/quote-right.svg) no-repeat; position:absolute; right:-40px; bottom:-10px; z-index:0;}

  .page-template-international-students .section.single-quote-no-img-panel .inner {padding-left:5%; padding-right:5%;}
    .page-template-international-students .section.single-quote-no-img-panel .quote-content-wrapper {width:100%; max-width:895px; margin:0 auto;}
      .page-template-international-students .section.single-quote-no-img-panel {padding-bottom:116px; background-image:url(/wp-content/themes/ju2019/images/tile-dots.gif); background-position:bottom left; background-repeat:repeat-x;}
        .page-template-international-students .section.single-quote-no-img-panel .quote-content-wrapper .quote-text p {color:#0E2D52; font-size: 36px; line-height:1.25; font-weight:700; font-style:italic;}
        .page-template-international-students .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr {padding-top:28px;}

@media screen and (max-width: 1200px) {
  /* landscape tablet */
  .section.single-quote-no-img-panel .inner {
    padding: 120px 15%;
  }
}

@media screen and (max-width: 980px) {
  /* portrait tablet */
  .section.single-quote-no-img-panel .inner {
    padding: 100px 10%;
  }
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text p {font-size: 32px;}
  .page-template-international-students .section.single-quote-no-img-panel .quote-content-wrapper .quote-text p {font-size:30px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .name {font-size: 28px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .pos {font-size: 22px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text::before {transform: scale(0.7);left: -55px;top: -75px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text::after {transform: scale(0.7);right: -25px;}
}

@media screen and (max-width: 767px) {
  /* mobile */
  .section.single-quote-no-img-panel .inner {padding: 80px 30px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text p {font-size: 26px;}
  .page-template-international-students .section.single-quote-no-img-panel .quote-content-wrapper .quote-text p {font-size:24px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .name {font-size: 24px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-attr .pos {font-size: 20px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text::before {transform: scale(0.5);left: -20px;top: -65px;}
  .section.single-quote-no-img-panel .quote-content-wrapper .quote-text::after {transform: scale(0.5);right: 0px;bottom: -40px;}
}

#ae_app { z-index: 98 !important; }

/* Goodkind widget launcher overrides */
.gk-widget-launcher { z-index: 99 !important; }
.gk-widget-launcher .dEBcRG { min-width: 60px !important; max-width: 60px !important; min-height: 60px !important; max-height: 60px !important; }
.gk-widget-launcher .dEBcRG:hover { transform: scale(1) !important; }
.gk-widget-launcher .bIVWnN { height: 6em !important;}
.gk-widget-launcher .iJpIHw, .gk-widget-launcher .cMuKsw, .gk-widget-launcher .bXCLTC, .gk-widget-launcher .hvESlh, .gk-widget-launcher .launcherMessage { display: none !important; }
.gk-widget-launcher .jDsKlZ { opacity: 0 !important; }
.kaeVhE {width: 335px !important; height: calc(-35px + 45vh) !important;}

/*step-by-step swiper*/
.step-by-step-swiper {background:#EFEDE9;}
  .step-by-step-swiper .inner {padding:64px 6%;}
    .step-by-step-swiper .sbs-container {width:100%; position:relative; overflow:hidden; padding:0 0 80px;}
      .step-by-step-swiper .swiper-slide {width:100%; display:flex; justify-content:center; gap:36px 5%;}
        .step-by-step-swiper .swiper-slide .img-col {width:44%; margin:0;}
          .step-by-step-swiper .swiper-slide .img-col .img {width:100%; aspect-ratio:566/376; border-radius:7px; box-shadow:12px 12px 10px 0 rgba(0, 0, 0, 0.18); overflow:hidden;}
            .step-by-step-swiper .swiper-slide .img-col .img img {width:100%; height:100%; object-fit:cover; display:block;}
        .step-by-step-swiper .swiper-slide .txt-col {width:51%; margin:0;}
          .step-by-step-swiper .swiper-slide .txt-col .lbl {color:#326195; font-family:'Gotham',sans-serif; font-size:30px; line-height:1.2; font-weight:400; padding:0 0 16px;}
          .section.step-by-step-swiper .swiper-slide .txt-col header {padding:0 0 24px; margin:0 0 32px; border:0; border-bottom:4px solid #E87200;}
            .step-by-step-swiper .swiper-slide .txt-col header h2 {color:#0e2d52; font-family:'Gotham',sans-serif; font-size:50px;}
          .step-by-step-swiper .swiper-slide .txt-col .desc {font-size:20px; line-height:1.5; color:#2a2a2a;}
          .step-by-step-swiper .swiper-slide .txt-col .btns {display:flex; padding-top:40px;}
            .step-by-step-swiper .swiper-slide .txt-col .btns a {margin:0;}
      .step-by-step-swiper .swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
        .step-by-step-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:22px; height:22px; background:#0E2D52; margin:0 6px; opacity:1; transition:background 0.25s;}
        .step-by-step-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover, .step-by-step-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#E87200;}
  @media (max-width:992px) {
    .step-by-step-swiper .swiper-slide .txt-col .lbl {font-size:26px;}
    .step-by-step-swiper .swiper-slide .txt-col header h2 {font-size:40px;}
  }
  @media (max-width:767px) {
    .step-by-step-swiper .inner {padding:64px 3% 36px;}
      .step-by-step-swiper .sbs-container {padding:0 3% 80px;}
        .step-by-step-swiper .swiper-slide {flex-direction:column;}
        .step-by-step-swiper .swiper-slide .img-col, .step-by-step-swiper .swiper-slide .txt-col {width:100%;}
          .step-by-step-swiper .swiper-slide .img-col .img {box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.18);}
          .step-by-step-swiper .swiper-slide .txt-col .lbl {font-size:22px;}
          .step-by-step-swiper .swiper-slide .txt-col header h2 {font-size:20px;}
  }