* {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

html {
  font-family: "Roboto", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
  cursor: default;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 100%;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body b,
strong {
  font-weight: 700;
}

body i {
  font-style: italic;
}

body blockquote {
  display: inline-block;
  font-family: "playfair display", serif;
  font-size: 130%;
  font-weight: 600;
  border-left: 10px solid #014a89;
  margin: 1.5em 10px;
  padding: 0.5em 20px;
  /*quotes: "\201C""\201D""\2018""\2019";*/
}
blockquote:before {
  content: '';
}
em {
  font-style: italic;
}
blockquote p {
  display: inline;
}
body blockquoteb {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  background-color: #eee;
  padding: 2rem;
}
a {
  background: transparent;
}
p a {
  color: #014a89;
}

*:focus,
*:active,
*:hover {
  outline: none;
  text-decoration: none;
}

sup {
  vertical-align: text-top;
  font-size: smaller;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  -moz-tab-size: 4;
  tab-size: 4;
  white-space: pre-wrap;
}

q {
  quotes: "\201C""\201D""\2018""\2019";
}

img {
  border: none;
}
img a:hover {
  text-decoration: none;
}
img:hover {
  text-decoration: none;
}
svg:not(:root) {
  overflow: hidden;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button {
  overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: none;
  padding: 0;
}
.event-single input {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #222;
  width: 100%;
  height: 40px;
}
.event-single input[type="submit"] {
  color: #fff;
  background: #f5484a;
  border: none;
  border-radius: 5px;
  width: 300px;
}
.event-single .desc-wrapper {
  padding-top: 0;
}
.innav {
  font-weight: 600;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.innava {
  color: #fff;
}
.innava:hover {
  color: #888;
}
.innava:active {
  color: #888;
}
textarea {
  overflow: auto;
  vertical-align: top;
}

button,
input,
select[multiple],
textarea {
  background-image: none;
}

input,
select,
textarea {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

input,
textarea {
  color: #ffffff;
  padding-left: 10px;
  background: none;
  resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

[placeholder]:focus:-ms-input-placeholder {
  color: transparent;
}

[placeholder]:focus::placeholder {
  color: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:hover {
  color: currentColor;
  text-decoration: none;
}

ol,
ul {
  margin-bottom: 0;
}

button:focus {
  outline: none;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.714285714285714;
  font-size: 14px;
  background: #fff;
  color: #000;
}

main {
  position: relative;
  z-index: 2;
  background: #fff;
}

::selection {
  background-color: #014a89;
  color: #fff;
}

.no-mobile [data-motion-svg] {
  opacity: 0;
}

.no-mobile [data-motion-svg].animated {
  opacity: 1;
}

.pagetop {
  padding-top: 80px;
  padding-bottom: 10px;
}
.content-top {
  display: block;
  height: 10px;
}
.gallerytop {
  padding-top: 60px;
}
.podcasttop {
  padding-top: 45px;
}
/*
back-link
*/

.back-link {
  margin-bottom: 68px;
}

.back-link__link {
  font-weight: 600;
  text-transform: uppercase;
  color: currentColor;
  transition: all 0.3s;
  text-decoration: none;
}

.back-link__link:hover {
  color: #014a89;
  text-decoration: none;
}

.back-link__icon {
  margin-right: 16px;
  margin-left: -0.2em;
  font-size: 1.1em;
}

/*
footer-default
*/
footer {
  padding-top: 0px;
  padding-bottom: 40px;
}

.footer-default {
  padding-top: 162px;
  padding-bottom: 70px;
}

.footer-default__head {
  position: relative;
  padding-bottom: 17px;
}

.footer-default__head:after {
  height: 2px;
  background: #014a89;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.footer-default__group-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.footer-default__list {
  color: #333;
  line-height: 1.571428571428571;
  list-style: none;
}

.footer-default p {
  color: #333;
  line-height: 1.571428571428571;
  margin-bottom: 10px;
}

.footer-default p a {
  color: currentColor;
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.footer-default p a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-default p a:hover {
  color: #014a89;
  text-decoration: none;
}

.footer-default p a:hover:after {
  opacity: 1;
}

.footer-default p a_active {
  color: #014a89;
  text-decoration: none;
}

.footer-default p a_active:after {
  opacity: 1;
}

.footer-default p a_inverted:after {
  opacity: 1;
}

.footer-default p a_inverted:hover:after {
  opacity: 0;
}

.footer-default__list-item {
  margin-bottom: 2px;
}

.footer-default__list-link {
  font-size: 14px;
  color: currentColor;
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.footer-default__list-link:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-default__list-link:hover {
  color: #014a89;
  text-decoration: none;
}

.footer-default__list-link:hover:after {
  opacity: 1;
}

.footer-default__list-link_active {
  color: #014a89;
  text-decoration: none;
}

.footer-default__list-link_active:after {
  opacity: 1;
}

.footer-default__list-link_inverted:after {
  opacity: 1;
}

.footer-default__list-link_inverted:hover:after {
  opacity: 0;
}

.footer-default__socials {
  padding: 0px;
}

.footer-default__bottom {
  font-size: 12px;
  margin-top: 20px;
  margin-left: -5px;
  display: -ms-flexbox;
  display: flex;
  color: #444;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-default__bottom strong {
  color: #000;
  font-weight: 600;
}

.footer-default__bottom a {
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #000;
  font-weight: 600;
}

.footer-default__bottom a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-default__bottom a:hover {
  color: #014a89;
  text-decoration: none;
}

.footer-default__bottom a:hover:after {
  opacity: 1;
}

.footer-default__bottom a_active {
  color: #014a89;
  text-decoration: none;
}

.footer-default__bottom a_active:after {
  opacity: 1;
}

.footer-default__bottom a_inverted:after {
  opacity: 1;
}

.footer-default__bottom a_inverted:hover:after {
  opacity: 0;
}
.footer-default__column {
  float: left;
  width: 25%;
  padding: 10px 10px;
}
.footer-default__column li {
  margin-left: -25px;
}
/*
footer-dark
*/
footer {
  padding-top: 0px;
  padding-bottom: 40px;
}

.footer-dark {
  padding-top: 162px;
  padding-bottom: 70px;
}

.footer-dark__head {
  position: relative;
  padding-bottom: 17px;
}

.footer-dark__head:after {
  height: 2px;
  background: #014a89;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.footer-dark__group-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.footer-dark__list {
  color: #ccc;
  line-height: 1.571428571428571;
  list-style: none;
}

.footer-dark p {
  color: #ccc;
  line-height: 1.571428571428571;
  margin-bottom: 10px;
}

.footer-dark p a {
  color: currentColor;
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.footer-dark p a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-dark p a:hover {
  color: #014a89;
  text-decoration: none;
}

.footer-dark p a:hover:after {
  opacity: 1;
}

.footer-dark p a_active {
  color: #014a89;
  text-decoration: none;
}

.footer-dark p a_active:after {
  opacity: 1;
}

.footer-dark p a_inverted:after {
  opacity: 1;
}

.footer-dark p a_inverted:hover:after {
  opacity: 0;
}

.footer-dark__list-item {
  margin-bottom: 2px;
}

.footer-dark__list-link {
  font-size: 14px;
  color: currentColor;
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.footer-dark__list-link:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-dark__list-link:hover {
  color: #014a89;
  text-decoration: none;
}

.footer-dark__list-link:hover:after {
  opacity: 1;
}

.footer-dark__list-link_active {
  color: #014a89;
  text-decoration: none;
}

.footer-dark__list-link_active:after {
  opacity: 1;
}

.footer-dark__list-link_inverted:after {
  opacity: 1;
}

.footer-dark__list-link_inverted:hover:after {
  opacity: 0;
}

.footer-dark__socials {
  color: #fff;
}

.footer-dark__bottom {
  font-size: 12px;
  margin-top: 20px;
  margin-left: -5px;
  display: -ms-flexbox;
  display: flex;
  color: #ccc;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-dark__bottom strong {
  color: #fff;
  font-weight: 600;
}

.footer-dark__bottom a {
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
}

.footer-dark__bottom a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-dark__bottom a:hover {
  color: #014a89;
  text-decoration: none;
}

.footer-dark__bottom a:hover:after {
  opacity: 1;
}

.footer-dark__bottom a_active {
  color: #014a89;
  text-decoration: none;
}

.footer-dark__bottom a_active:after {
  opacity: 1;
}

.footer-dark__bottom a_inverted:after {
  opacity: 1;
}

.footer-dark__bottom a_inverted:hover:after {
  opacity: 0;
}
.footer-dark__column {
  float: left;
  width: 25%;
  padding: 10px 10px;
}
.footer-dark__column li {
  margin-left: -25px;
}
/*
footer
*/

.footer_fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

/*
header
*/

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  color: #242323;
}

.header_white {
  color: #fff;
}

.header__container {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 1px;
  -webkit-transition: background 1s ease-in-out;
  -o-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.header_fixed .header__container {
  transform: translateY(0%);
}

.header_is_fixed .header__container {
  position: fixed;
  background: #fff;
  color: #242323;
  transform: translateY(100%);
  padding-top: 10px;
  transition: background 1s ease-in-out;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.header_fixed img {
  height: 32px;
  left: 50%;
  top: 7px;
  margin-left: -47px;
  position: fixed;
  opacity: 0;
  transition: opacity 1s;
}
.header_is_fixed img {
  height: 32px;
  left: 50%;
  top: 7px;
  margin-left: -47px;
  position: fixed;
  opacity: 1;
  transition: opacity 1s;
  z-index: 3;
}
.header__overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.2;
  z-index: 9;
  display: none;
}
.bluebg {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #fff;
  /*background: conic-gradient(red, red, indigo, blue, green, #e6e60a, orange, red);*/
  /* background: linear-gradient(
    to right, 
    #ff442c,
    #ff442c 16.6%,
    #ff9a00 16.6%,
    #ff9a00 33.2%,
    #0092d3 33.2%,
    #0092d3 49.8%,
    #6bc500 49.8%,
    #6bc500 66.4%,
    #ffe030 66.4%,
    #ffe030 83%,
    #9716ff 83%);
  background-size: 100% 100%;
  background-position: 50% 100%;
  background-repeat: no-repeat; */
}
.bluebg2 {
  /* background-color: #055fad; */
  background: #000;
}
.navbg {
  background: #000;
  /* background: -webkit-linear-gradient(
        left,
        red,
        orange,
        yellow,
        green,
        cyan,
        blue,
        violet
    );
    background: -o-linear-gradient(
        right,
        red,
        orange,
        yellow,
        green,
        cyan,
        blue,
        violet
    );
    background: -moz-linear-gradient(
        right,
        red,
        orange,
        yellow,
        green,
        cyan,
        blue,
        violet
    );
    background: linear-gradient(
        to right,
        red,
        orange,
        yellow,
        green,
        cyan,
        blue,
        violet
    );
    text-shadow: 1px 1px 1px #000;
    border: 0.5px solid #444; */
}
.darkbg .header_is_fixed .header__container {
  position: fixed;
  background: #000;
  color: #eee;
  transform: translateY(100%);
  padding-top: 10px;
  transition: background 1s ease-in-out;
  box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
}
.header__container-dark {
  width: 100%;
  transition: background 1s ease-in-out;
}

.header__wrapper {
  padding-top: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  margin-bottom: 10px;
}

.header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.header__menu-button {
  position: absolute;
  right: -13px;
  top: 50%;
  margin-top: -25px;
  border: 0;
  width: 50px;
  height: 50px;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: currentColor;
  transition: color 0.5s;
  z-index: 2;
}
.header__menu-button-dark {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -25px;
  border: 0;
  width: 60px;
  height: 50px;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: currentColor;
  transition: color 0.5s;
  z-index: 2;
}
.header__text {
  position: absolute;
  left: 120px;
  top: 50%;
  margin-top: -25px;
  border: 0;
  height: 55px;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: currentColor;
  transition: color 0.5s;
  z-index: 2;
  font-family: "roboto", sans-serif;
  font-weight: 500;
}
.darkbg .header__menu-button {
  color: #fff;
}
.darkbg .header__wrapper {
  margin-bottom: 0px;
}
.header__menu-button_fixed {
  right: 47px;
  top: 5px;
  margin: 0;
}

.header__menu-button-inner {
  height: 2px;
  width: 24px;
  background: currentColor;
  position: relative;
  border: 0;
  transition: background 0.5s;
}

.header__menu-button_cross .header__menu-button-inner {
  background: transparent;
}

.header__menu-button-inner:before,
.header__menu-button-inner:after {
  position: absolute;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.header__menu-button-inner:before {
  transform: translateY(7px);
}

.header__menu-button_burger .header__menu-button-inner:before {
  animation-name: button-before-open-animation;
}

.header__menu-button_cross .header__menu-button-inner:before {
  animation-name: button-before-close-animation;
}

@keyframes button-before-close-animation {
  0% {
    transform: translateY(7px);
  }

  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(0px) rotate(45deg);
  }
}

@keyframes button-before-open-animation {
  0% {
    transform: translateY(0px) rotate(45deg);
  }

  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(7px);
  }
}

.header__menu-button-inner:after {
  transform: translateY(-7px);
}

.header__menu-button_burger .header__menu-button-inner:after {
  animation-name: button-after-open-animation;
}

.header__menu-button_cross .header__menu-button-inner:after {
  animation-name: button-after-close-animation;
}

@keyframes button-after-close-animation {
  0% {
    transform: translateY(-7px);
  }

  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(0px) rotate(-45deg);
  }
}

@keyframes button-after-open-animation {
  0% {
    transform: translateY(0px) rotate(-45deg);
  }

  50% {
    transform: translateY(0px) rotate(0deg);
  }

  100% {
    transform: translateY(-7px);
  }
}

.header__menu {
  transform: translateX(100%) translateZ(0);
  transition: 0.6s;
  z-index: 9;
}

.header__menu_opened {
  transform: translateX(0%) translateZ(0);
}

/*
link
*/
a:hover {
  text-decoration: none;
}
a:not([class]) {
  color: currentColor;
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

a:not([class]):after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  background: currentColor;
  text-decoration: none;
  transition: opacity 0.3s;
  opacity: 0;
}

a:not([class]):hover {
  color: #014a89;
  text-decoration: none;
}

a:not([class]):hover:after {
  opacity: 1;
  text-decoration: none;
}

.link {
  color: currentColor;
  text-decoration: none;
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

.link:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  text-decoration: none;
  transition: opacity 0.3s;
  opacity: 0;
}

.link:hover {
  color: #000;
  text-decoration: none;
}

.link:hover:after {
  opacity: 1;
  text-decoration: none;
}

.link_active {
  color: #000;
}

.link_active:after {
  opacity: 1;
  text-decoration: none;
}

.link_inverted:after {
  opacity: 1;
}

.link_inverted:hover:after {
  opacity: 0;
  text-decoration: none;
}

/*
menu-panel
*/

.menu-panel {
  position: fixed;
  background: #014a89;
  color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 550px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
}
.darkbg .menu-panel {
  background: #454545;
}
.menu-panel__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 40px;
  padding-right: 40px;
}

.menu-panel__menu {
  transition: all 0.5s 0.6s ease;
  transform: translateY(3rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__menu {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__menu-item {
  margin-bottom: 15px;
}

.menu-panel__menu-link {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
  line-height: 1.1;
}

.menu-panel__menu-link.collapsed {
  color: #fff;
}

.menu-panel__menu-link_active {
  color: #fff;
}

.menu-panel__menu-link_active.collapsed {
  color: #fff;
}

.menu-panel__menu-link:hover {
  color: #fff;
  text-decoration: none;
}
.menu-panel__menu-link i {
  font-size: 24px;
}
.menu-panel__bottom-submenu {
  padding-left: 15px;
}

.menu-panel__submenu-item {
  margin-bottom: 2px;
}

.menu-panel__submenu-item:first-child {
  padding-top: 9px;
}

.menu-panel__submenu-item:last-child {
  padding-bottom: 9px;
}

.menu-panel__submenu-link {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
  transition: 0.3s;
  text-decoration: none;
}

.menu-panel__submenu-link_active,
.menu-panel__submenu-link:hover {
  color: #000;
  text-decoration: none;
}

.menu-panel__locales {
  margin-bottom: 20px;
  transition: all 0.5s 0.4s ease;
  transform: translateY(3rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__locales {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__locale {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  font-size: 14px;
  margin-right: 15px;
  text-transform: uppercase;
}

.menu-panel__locale:after {
  display: none;
}

.menu-panel__footer {
  margin-top: auto;
  padding-bottom: 44px;
}

.menu-panel__socials {
  margin-top: 30px;
  transition: all 0.5s 0.7s ease;
  transform: translateY(3rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__socials {
  transform: translate(0);
  opacity: 1;
}

.menu-panel .menu-panel__socials {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.menu-panel__bottom {
  margin-top: 18px;
  color: #fff;
  transition: all 0.5s 0.9s ease;
  transform: translateY(2rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__bottom {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__bottom strong {
  color: #fff;
  font-weight: 600;
}

.menu-panel__bottom a {
  font-family: inherit;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
}

.menu-panel__bottom a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.menu-panel__bottom a:hover {
  color: #000;
}

.menu-panel__bottom a:hover:after {
  opacity: 1;
}

.menu-panel__bottom a_active {
  color: #014a89;
  text-decoration: none;
}

.menu-panel__bottom a_active:after {
  opacity: 1;
}

.menu-panel__bottom a_inverted:after {
  opacity: 1;
}

.menu-panel__bottom a_inverted:hover:after {
  opacity: 0;
}
.menu-panel__copyright {
  font-size: 12px;
}

/*
parallax
*/
.viewport {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.parallax-image {
  height: calc(100vw * 0.25);
}

.parallax-image__image {
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.parallax__container {
  clip: rect(0, auto, auto, 0);
  height: 60vh;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -100;
}

.parallax {
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: top;
}
.parallax img {
  padding-top: 20vh;
  height: 90vh;
}

.adtext {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 9px;
  padding: 3px 0;
  letter-spacing: 5px;
}
.event-details {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 0;
}

/*
posts
*/

.posts__item-inner {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #fff;
  color: #000;
  position: relative;
  overflow: hidden;
}

.posts__item-inner:hover:after {
  opacity: 1;
}

.posts__item-inner:after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0px 20px 60px 0px rgba(2, 3, 3, 0.25);
  transition: 0.3s ease;
}

.posts__item-inner:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200px;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 100%
  );
}

.posts__image {
  display: block;
  width: 100%;
  transform: scale(1);
  transition: 0.5s;
}

.posts__item-inner:hover .posts__image {
  transform: scale(1.04);
}

.posts__item-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 16px 25px 19px;
  z-index: 2;
  color: #fff;
}

.posts__item-footer {
  display: block;
  margin-bottom: 5px;
}

.posts__item-title {
  font-size: 18px;
  line-height: 1.444444444444444;
  margin-bottom: 8px;
  font-weight: 500;
  transition: all 0.3s;
}

.posts__item-inner:hover .posts__item-title {
  text-decoration: none;
}

.posts__category {
  font-weight: 400;
}

.posts__date {
  color: #ccc;
  position: relative;
  padding-left: 14px;
  margin-left: 7px;
}

.posts__date:after {
  content: "";
  position: absolute;
  background: currentColor;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  top: 50%;
  left: 0;
}

/*
preloader
*/

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0d4371;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

/*
quote
*/

.quote__text {
  font-size: 24px;
  line-height: 1.666666666666667;
  font-weight: 100;
  padding-left: 12.5%;
  padding-right: 12.5%;
  position: relative;
  margin-bottom: 32px;
}

.quote__text strong {
  font-weight: 500;
}

.quote__text:before {
  position: absolute;
  content: "";
  width: 2px;
  left: 0;
  top: 9px;
  bottom: 9px;
  background: #014a89;
}

.quote__name {
  font-size: 16px;
  line-height: 1.75;
  padding-left: 12.5%;
}

.quote__role {
  color: #444;
  padding-left: 12.5%;
}
.tatcontainer {
  min-height: 380px;
}
.swiper-container {
  background-color: #292929;
}
.swiper-container a:hover {
  color: #fff;
  cursor: pointer;
}

.minh250 {
  min-height: 350px;
}
.minh250r {
  min-height: 300px;
}
.minh100td {
  height: 100px;
}
.pcorr {
  display: table-cell;
  width: 130px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0px auto;
}
.mx250 {
  display: block;
  max-width: 250px;
}
/*
single-post
*/

.single-post {
  padding-top: 0px;
  overflow: hidden;
}

.single-post__head {
  margin-bottom: 32px;
}

.single-post__image {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.single-post__category {
  font-size: 16px;
  font-weight: 500;
  color: currentColor;
  transition: 0.3s;
}

.single-post__category:hover {
  color: #014a89;
  text-decoration: none;
}

.single-post__date {
  color: #333;
  position: relative;
  padding-left: 14px;
  margin-left: 12px;
}

.single-post__date:after {
  content: "";
  position: absolute;
  background: currentColor;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  top: 50%;
  left: 0;
}

.single-post__d {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  position: relative;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #fff;
  background: rgb(17, 57, 92);
  background: -moz-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: -webkit-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11395c",endColorstr="#3e9bb0",GradientType=1);
  padding: 6px;
}
.single-post__title {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.single-post__intro {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 1rem;
}
.summary {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 1rem;
}
.single-post__intro strong {
  font-weight: 700;
}
/*
.single-post__text {
   
  font-weight: 200;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  margin-bottom: 76px;
}   */

.single-post__text {
  font-family: adobe-text-pro, serif;
  font-size: 19px;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 76px;
}
.single-post__text b {
  font-weight: 600;
}
.single-post__strong {
  font-weight: 600;
}
.single-post__text p {
  font-family: "adobe-text-pro", serif;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
}
.single-post__text a {
  color: #014a89;
  z-index: 1;
}

.single-post__related {
  color: #014a89;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 1rem;
}

.single-post__images {
  margin-bottom: 62px;
}

.single-post__subtitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 32px;
}

.single-post__quote {
  margin-bottom: 55px;
}

.single-post__links {
  margin-bottom: 26px;
  color: #444;
}

.single-post__links-title {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: 600;
}

.single-post__links-item {
  color: currentColor;
  display: inline-block;
  vertical-align: middle;
  transition: 0.3s;
  text-decoration: none;
}

.single-post__links-item:hover {
  color: #014a89;
  text-decoration: none;
}

.single-post__links-item_iconed {
  font-size: 18px;
  padding: 0 7px;
}

.single-post__author {
  margin-top: 66px;
  margin-bottom: 94px;
}

.single-post__posts-title {
  margin-bottom: 60px;
}

.single-post__posts-list {
  display: -ms-flexbox;
  display: flex;
  margin-left: -35px;
  margin-right: -35px;
  padding-bottom: 25px;
}

.single-post__posts-item {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 2rem;
}
.single-post .single {
  width: 75%;
  margin-top: -80px;
  background: #fff;
  padding: 3rem;
}
.single-post .single-right {
  width: 25%;
  padding: 0;
}
.single iframe {
  text-align: center;
}
video {
  width: 100%;
  height: calc(100% * 0.5625);
}
/*
socials
*/

.socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.socials__social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid #ccc;
  color: currentColor;
  border-radius: 100%;
  text-decoration: none;
  font-size: 18px;
  margin-bottom: 15px;
  transition: all 0.3s;
}
.socials__app {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100px;
  text-decoration: none;
  transition: all 0.3s;
}
.socials__social:not(:nth-child(1)) {
  margin-left: 15px;
  text-decoration: none;
}

.socials__social:hover {
  background: none;
  color: #000;
  border-color: #000;
  text-decoration: none;
}
.socolumn {
  float: left;
  width: 100%;
}

/*
visually-hidden
*/

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

#_progress {
  --scroll: 0%;
  background: linear-gradient(to right, #457fcf var(--scroll), transparent 0);
  position: fixed;
  width: 100%;
  height: 2px;
  top: 0px;
  z-index: 100;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homebar .container {
  /*    background: linear-gradient(-45deg, #0a589b, #014a89, #014a89, #003b6e);
    background-size: 800% 800%;
    animation: gradientBG 20s ease infinite; */
  padding: 0px;
}
.homebar .logosvg {
  /*width: 340px;*/
  width: 600px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.tagline {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  color: #000;
  padding-bottom: 5px;
}
.homelogo {
  max-width: 208px;
  padding-top: 18px;
  padding-bottom: 10px;
}
.homelogo_small {
  max-width: 128px;
}
.homebar .row {
  width: 100%;
  margin: 0;
  padding: 0;
}
.pagelogo {
  max-width: 118px;
  padding-top: 50px;
  padding-bottom: 20px;
}
.pop {
  font-size: 12px;
  padding-bottom: 5px;
}
.popdate {
  padding-top: 0.3rem;
}
.coladjust {
  position: relative;
  width: 100%;
  padding-bottom: 0.5rem;
}
.coladjusts {
  position: relative;
  max-height: 300px;
  width: 100%;
  font-size: 14px;
  color: #444;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.col-feat {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
}
.feat-sub {
  font-style: italic;
  font-weight: 400;
}
.feat-category {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: 12px;
  color: #014a89;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 2px;
}
.feat-category a {
  color: #014a89;
}

.feat-category-dark {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  font-size: 12px;
  background: #292929;
  color: #fff;
}
.feat-category-dark:hover {
  background: #292929;
  color: #fff;
}
.feat-source {
  font-size: 12px;
}
.feat-title {
  display: block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: color 0.3s;
  line-height: 1.3;
  color: #000;
  padding-top: 5px;
}
.feat-title a {
  color: #000;
}
.feat-title3 {
  display: block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 600;
  transition: color 0.3s;
  line-height: 1.3;
  color: #000;
}
.feat-title3 a {
  color: #000;
}
.feat-titleb {
  display: block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 600;
  transition: color 0.3s;
  line-height: 1;
  color: #000;
  padding-top: 0.5rem;
}
.feat-titleb a {
  color: #000;
}
.feat-titlec {
  display: block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 600;
  transition: color 0.3s;
  line-height: 1;
  color: #000;
}
.feat-titlem {
  display: block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: color 0.3s;
  line-height: 1.3;
  color: currentColor;
}
.feat-titles {
  display: block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: color 0.3s;
  line-height: 1.2;
  color: currentColor;
}
.feat-sponsor {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #014a89;
}
.feat-date {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  font-size: 13px;
  color: #000;
}
.feat-date-dark {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  font-size: 13px;
  background: #292929;
  color: #fff;
}
.feat-excerpt {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 15px;
  background: inherit;
  color: #000;
  padding-top: 0.3rem;
}
.feat-excerpt a {
  color: #000;
}
.feat-excerpt p {
  margin-bottom: 0;
}
.row {
  display: table;
}

[class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.headline {
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  margin-left: 0px;
}
.headline2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-left: -5px;
}
.headline3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.headlinef {
  font-family: "roboto", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}
.headlinere {
  font-family: "roboto condensed", sans-serif;
  font-size: 26px;
  letter-spacing: 3px;
  font-weight: 700;
  line-height: 1;
}
.headliner {
  float: right;
  vertical-align: middle;
}
.headliner:after {
  clear: both;
}
.headlinem {
  top: 50%;
  padding-left: 8px;
  font-size: 22px;
  font-weight: 700;
}
.headlinem2 {
  padding-left: 4px;
  font-size: 22px;
  font-weight: 500;
}
.adv {
  background-color: #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}
.adv25 {
  background-color: #fff;
  padding-top: 45px;
  padding-bottom: 0px;
  /* position: sticky;*/
  top: 0px;
  z-index: 2;
  /* box-shadow: 0px 11px 14px 0px rgba(0,0,0,0.2)*/
}
.adv9 {
  background-color: #fff;
  padding-top: 45px;
  padding-bottom: 15px;
  position: sticky;
  overflow: hidden;
  top: 0px;
  z-index: 2;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.adv25 .gwd-page-container {
  height: 280px;
}
.mediabox .adv {
  background-color: #222;
  padding-top: 20px;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
}
.advsq {
  border: solid 1px #000;
}
.feat-winner {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 1rem;
}
.eightdiv {
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.eightstories {
  padding-top: 20px;
}
.eighttags {
  border-left: solid 3px;
  border-left-color: #014a89;
  padding-left: 1rem;
  padding-top: 5px;
}
.eighttitles {
  position: relative;
  border-left: solid 3px;
  border-left-color: #014a89;
  padding-left: 1rem;
  min-height: 140px;
}
.eightdates {
  position: absolute;
  bottom: 0;
  border-left: solid 3px;
  border-left-color: #014a89;
  padding-left: 1rem;
  padding-top: 5px;
  padding-bottom: 5px;
}
.hero-wrapper {
  position: relative;
  width: 100%;
}
.hero {
  background-image: url(/img/adv.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: 100% auto;
  background-color: #eee;
}
.hero2 {
  background-image: url(/img/fitch.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: 100% auto;
  background-color: #eee;
}
.hero-sizing {
  padding-top: 33%;
}
.hero-sizing2 {
  padding-top: 60%;
}
.hero-text {
  font-family: "roboto", sans-serif;
  font-weight: 500;
  font-size: 10px;
  text-align: center;
}
.threeparts {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 1rem;
}
.latest-header {
  font-family: "Roboto", sans-serif;
  font-weight: 200;
  font-size: 16px;
  text-align: left;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.event-wrap {
  width: 100%;
  height: 135px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.event-text {
  color: #fff;
  position: absolute;
  text-align: center;
}
.event-padding {
  padding-bottom: 1rem;
}
.box-event-new {
  text-align: center;
  width: 480px;
  padding: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  border-radius: 5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.box-webinar {
  border-radius: 10px;
  text-align: center;
  min-height: 100px;
  width: 100%;
  padding: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.copy-white {
  color: #fff;
}
.copy-red {
  color: red;
}
.copy-marg-top-no {
  margin-top: 0;
}
.copy-big-2 {
  font-size: 22px;
}
h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
.copy-no-style li {
  list-style: none;
}
.copy-small-new {
  font-size: 18px !important;
}
.copy-date {
  margin-left: 8px;
}
.box-wrap {
  padding: 3px;
}
.box-wrap .copy-date:before {
  border-color: #fff;
  position: relative;
  font-size: 10px;
  bottom: 3px;
  left: -4px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 0px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.latest-title {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #a56f0b;
}
.list-awards {
  margin-top: 1em;
  text-align: center;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -30px;
}
.list-event {
  padding-left: 0;
  list-style: none;
  margin-left: 0px;
}
.event-category {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 2px;
  color: #fff;
}
.event-title {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #fff;
}
.event-date {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}
.list-inline span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.copy-blue {
  color: #014a89;
}
.copy-black {
  color: #000;
}
.copy-white {
  color: #fff;
}
.award-result .result-link {
  width: 80%;
  white-space: pre-wrap;
  height: auto;
}
.bg-grey-award {
  background: #b2b2b2;
}
.copy-border-radius-no {
  border-radius: 0 !important;
}
.copy-border-radius-yes {
  border-radius: 5px !important;
}
.copy-border-no {
  border: none;
}
.award-result .btn-info {
  color: #ffffff;
  border: none;
  background: #aaa;
}
.award-result .btn-info:hover {
  color: #ffffff;
  background: #014a89;
}
.plr {
  padding-left: 5%;
  padding-right: 10%;
}
.eplr {
  padding-left: 5%;
  padding-right: 5%;
}
.eplr2 {
  padding-left: 10px;
  padding-right: 10px;
}
.eplr25 {
  padding-left: 15px;
  padding-right: 15px;
}
.eplr3 {
  padding-left: 30px;
  padding-right: 30px;
}
.no-mobile {
  display: block;
}
.hpb {
  padding-bottom: 5px;
}
.logosvg {
  width: 150px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0px auto;
}
.threelogosvg {
  display: table-cell;
  width: 150px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0px auto;
}
.extrap {
  padding-top: 70px;
  padding-bottom: 72px;
}
.imgcenter {
  margin: 0px auto;
}
.spbold {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.hclass {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.darkbg {
  background-color: #292929;
}
.darkbg a:hover {
  color: #fff;
  cursor: pointer;
}
.darkbg .headline2 {
  margin-left: -10px;
}
.media-wrapper {
  position: relative;
  max-width: 1140px;
}
.mediac {
  width: 100%;
}
.mediapb {
  padding-top: 5px;
  padding-bottom: 2rem;
}
.mediadpb {
  padding-bottom: 1rem;
}
.feat-media {
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  font-size: 14px;
  color: #ffffff;
}
.btn-media {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.btn-media:hover {
  color: #292929;
  background: #fff;
}
.blackbg iframe {
  width: 60%;
  height: calc(100vw * 0.5625 * 0.6);
}
.blackbg iframe:after {
  clear: both;
}
.darkbg iframe {
  margin: 0;
}
.yesmobile {
  display: none;
}
.now {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  text-align: left;
}
.tpl {
  padding-left: 0.3rem;
}
.tpl5 {
  padding-left: 0.5rem;
}
.hpmb {
  padding-bottom: 0.5rem;
}
.hpbb {
  padding-bottom: 2rem;
}
.hpsb {
  padding-bottom: 1rem;
}
.aptb {
  padding-top: 1rem;
}
.aptb2 {
  padding-top: 1.5rem;
}
.aptbb {
  padding-top: 2rem;
}
.terms-title {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.terms-text {
  padding-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 200;
}
.lefttab {
  padding-left: 2rem;
}
.boldtext {
  font-weight: 700;
}

/*pop modal */
.modal-login {
  width: 300px;
}
.modal-login .modal-content {
  border-radius: 5px;
  border: none;
}
.modal-login .modal-header {
  position: relative;
  justify-content: center;
  padding-block: 2rem;
  background: #fff;
  border-bottom: none;
}
.modal-login .modal-body {
  padding: 20px 40px;
}
.modal-login .modal-footer {
  background: #f2f2f2;
}
.modal-login h4 {
  text-align: center;
  font-size: 26px;
}
.modal-login label {
  font-weight: normal;
  font-size: 13px;
}
.modal-login .form-control,
.modal-login .btn {
  min-height: 32px;
  border-radius: 5px;
}
.modal-login .hint-text {
  text-align: center;
}
.modal-login .close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.modal-login input[type="checkbox"] {
  margin-top: 2px;
}
.modal-login .btn {
  min-width: 100px;
  background: #3498db;
  border: none;
  line-height: normal;
}
.modal-login .btn:hover,
.modal-login .btn:focus {
  background: #248bd0;
}
.modal-login .hint-text a {
  color: #999;
}
.mlabel {
  font-weight: 700;
}
.modal-search {
  width: 300px;
}
.modal-search .modal-content {
  top: 20vh;
  border-radius: 10px;
  border: none;
}
.modal-search .modal-body {
  padding: 0;
}
.modal-search .form-control,
.modal-search .btn {
  min-height: 32px;
  border-radius: 10px;
}
.modal-search .hint-text {
  text-align: center;
}
.modal-search .close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.modal-search .hint-text a {
  color: #999;
}
#myLoginModal .modal-login .form-control,
.modal-login .btn {
  min-height: 32px;
  border-radius: 0px;
}
#mySearch input[type="text"] {
  padding-top: 12px;
  padding-left: 18px;
  font-size: 17px;
  border: none;
  border-radius: 10px;
  float: left;
  width: 87%;
  color: #111;
  background: #fff;
}

#mySearch button {
  float: left;
  width: 12%;
  padding: 15px;
  font-size: 17px;
  color: #444;
  border: none;
  cursor: pointer;
}

#mySearch button:hover {
  color: #000;
}

.trigger-btn {
  display: inline-block;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
  color: #000;
  width: 200px;
  text-align: right;
}
.trigger-btn:hover {
  color: #014a89;
}
.trigger-btn:active {
  color: #014a89;
}
.trigger-btn:visited {
  color: #000;
}
.darkbg .trigger-btn {
  display: inline-block;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
}
.darkbg .trigger-btn :hover {
  color: #014a89;
}
.darkbg .trigger-btn:active {
  color: #014a89;
}
.darkbg .trigger-btn:visited {
  color: #fff;
}

/* long modal */
.login-form {
  width: 385px;
  margin: 30px auto;
}
.login-form form {
  margin-bottom: 15px;
  background: #f7f7f7;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 30px;
}
.login-form h2 {
  margin: 0 0 15px;
}
.form-control,
.login-btn {
  min-height: 38px;
  border-radius: 2px;
}
.fa {
  font-size: 18px;
}
.input-group-addon .fa {
  font-size: 16px;
}
.login-btn {
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn {
  border: none;
  margin: 10px 3px 0;
  opacity: 1;
}
.social-btn .btn:hover {
  opacity: 0.9;
}
.social-btn .btn-fbk {
  background: #4267b2;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-fbk:hover {
  background: #4267b2;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-fbk:active {
  background: #4267b2;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-fbk:visited {
  background: #4267b2;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ttr {
  background: #38a1f3;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ttr:hover {
  background: #38a1f3;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ttr:active {
  background: #38a1f3;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ttr:visited {
  background: #38a1f3;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ggl {
  background: #ed3833;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ggl:hover {
  background: #ed3833;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ggl:active {
  background: #ed3833;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.social-btn .btn-ggl:visited {
  background: #ed3833;
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.or-seperator {
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #ccc;
}
.or-seperator i {
  padding: 10px;
  background: #ffffff;
  position: relative;
  top: -11px;
  z-index: 1;
}
.srch {
  margin-bottom: 56px;
  border: solid 1px #eeeeee;
  border-radius: 15px;
  height: 30px;
  width: 90%;
}
.fa-search {
  padding-left: 0px;
}
.mh-150 {
  min-height: 150px;
}
.mb0 hr {
  margin-bottom: 0;
}
.bged {
  background-color: #f9f9f9;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.bged2 {
  background-color: #eeeeee;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.anncp {
  padding: 2rem 0;
}
.annct {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
}
.aw {
  padding: 5px;
}
.awcard {
  width: 90%;
  border: 1px solid #888888;
  padding: 5px;
}
.banhalf {
  max-height: 120px;
}

.logo-stamp {
  max-height: 100px;
  margin: 0px auto;
}
#sticky {
  transform: translateY(15px);
  background-color: transparent;
  color: #000;
  font-size: 20px;
  float: left;
}
#sticky.stick {
  position: fixed;
  top: 0px;
  z-index: 10;
}
#footer {
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 999999;
}
.tatitle {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #014a89;
}
.lip {
  padding-top: 15px;
}
.centercontent {
  text-align: center;
}
.rightcontent {
  text-align: right;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.bg-award {
  background-color: #f4f4f4;
}
.regionp {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tacolor {
  color: #014a89;
}
.bestin {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #ffffff;
  background: linear-gradient(-45deg, #e7be2f, #e73c7e, #014a89, #014a89);
  background-size: 800% 800%;
  animation: gradientBG 20s ease infinite;
}
@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.region {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: 2px;
  font-size: 24px;
}
.logo-company {
  max-width: 200px;
  vertical-align: middle;
  margin: 0px auto;
}
.logo-120 {
  max-width: 120px;
  vertical-align: middle;
  margin: 0px auto;
  object-fit: contain;
}
.logo-150 {
  max-width: 150px;
  vertical-align: middle;
  margin: 0px auto;
  object-fit: contain;
}
.logo-200 {
  max-width: 200px;
  vertical-align: middle;
  margin: 0px auto;
  object-fit: contain;
}
.logo-250 {
  max-width: 250px;
  vertical-align: middle;
  margin: 0px auto;
  object-fit: contain;
}
.logo-300 {
  max-width: 300px;
  vertical-align: middle;
  margin: 0px auto;
  object-fit: contain;
}
.award-inner {
  padding: 20px;
  background: #ffffff;
}
.winner {
  text-align: center;
  color: #da0003;
  font-family: "Roboto Condensed", san-serif;
  font-size: 14px;
  font-weight: 700;
}
.underline {
  width: 200px;
  border-bottom: 1px solid #014a89;
}
.mh100 {
  min-height: 100px;
}
.mh120 {
  min-height: 120px;
}
.mh150 {
  height: 150px;
}

.mh200 {
  min-height: 200px;
}
.mh250 {
  min-height: 250px;
}
.mh330 {
  height: 325px;
}
.foottext {
  text-align: center;
  font-size: 14px;
  padding: 2rem 1rem 3rem;
}
.textbox {
  margin: 0px auto;
  width: 280px;
}
.topnav-elements {
  background-color: #014a89;
  color: #fff;
}
.topnav {
  border: 1px solid #222;
  border-left: none;
  border-right: none;
  padding: 2px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  background: #fff;
}

.topnav a {
  font-size: 12px;
  color: #000;
  text-align: center;
  padding: 0px 6px;
  height: 30px;
}

.topnav a:hover {
  color: #014a89;
  text-decoration: none;
}

.topnav a:active {
  color: #000;
  text-decoration: none;
}
.aerdm-wrapper a {
  text-align: center;
}
.aerdm-wrapper a:hover {
  color: #888;
}
.aerdm-wrapper a:active {
  color: #000;
}
.eventnav {
  padding-top: 0;
  padding-bottom: 2rem;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eventnav a {
  text-align: center;
  padding: 6px 12px;
  margin: 5px 5px;
  height: 35px;
  border-radius: 5px;
}

.topnav-dark {
  border-top: 0.25px solid #ccc;
  border-bottom: 0.5px solid #ccc;
  padding: 2px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  background-color: #292929;
}

.topnav-dark a {
  color: #fff;
  text-align: center;
  padding: 0px 10px;
  height: 30px;
}

.topnav-dark a:hover {
  color: #014a89;
  text-decoration: none;
}

.topnav-dark a:active {
  color: #fff;
  text-decoration: none;
}
.ttext {
  padding-top: 5px;
}
.scol {
  float: left;
  width: 50%;
  padding: 15px;
  background-color: #014a89;
  color: #fff;
}
.scolf {
  width: 100%;
  padding: 15px;
  background-color: #014a89;
  color: #fff;
}
.colf {
  width: 100%;
  padding: 10px;
}
.column {
  float: left;
  width: 50%;
  padding: 10px 10px;
}
.cols3 {
  float: left;
  width: 33.333%;
  padding: 10px;
}
.recolumn {
  float: left;
  width: 50%;
  padding: 20px 20px;
}
.column img {
  margin-right: 5px;
  float: left;
}
.column4 img {
  margin-right: 5px;
  float: left;
}
.wrappern {
  width: 50%;
  margin: auto;
}
.column .wrappern {
  width: 100%;
}
.column4ad {
  width: 40%;
}
td img {
  margin-right: 5px;
}
.column4 {
  float: left;
  width: 40%;
  padding: 10px 10px;
}
.column6 {
  float: left;
  width: 60%;
  padding: 10px 10px;
}
.column6n {
  float: left;
  width: 60%;
  padding: 10px 10px;
}
.column6s {
  float: left;
  width: 60%;
  padding: 0 10px;
}
.column3 {
  float: left;
  width: 30%;
  padding: 10px 10px;
}
.column7 {
  float: left;
  width: 70%;
  padding: 10px 10px;
}
.column8 {
  float: left;
  width: 80%;
  padding: 10px;
}
.column2 {
  float: left;
  width: 20%;
  right: 0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.colu {
  float: left;
  padding: 20px 10px;
}
.cleft {
  width: 35%;
  padding-left: 0;
}
.cmiddle {
  width: calc(65% - 310px);
}
.cright {
  width: 310px;
  padding-right: 0;
}
.eleft {
  width: 50%;
}
.eright {
  width: 50%;
}
.sleft {
  width: calc(33.333% - 20px);
}
.smiddle {
  width: calc(33.333% - 20px);
}
.sright {
  width: calc(33.333% - 20px);
}
.s1-3 {
  width: 40%;
  border-radius: 10px 0 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.s2-3 {
  width: 60%;
  border-radius: 0 10px 10px 0;
}
.rcol {
  width: 33.333%;
}
.single-right {
  width: 30%;
}
.mcolumn {
  float: left;
  width: 25%;
  padding: 5px 5px;
}
.mcolumn iframe {
  width: 100%;
  height: auto;
}
.box-viewall {
  text-align: center;
  height: 100%;
  padding: 30%;
  padding-top: 40%;
}
/* .clearfix {
  overflow: auto;
} */
.topd {
  width: 80px;
}
.paywall {
  padding-top: 40px;
  border-top: 0.5px solid #000;
}
.search {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 5px;
}
.searchform input {
  border: 0.5px solid #dadada;
  color: #808080;
  width: 100%;
  line-height: 1.5;
  padding-top: 3px;
  padding-bottom: 3px;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.pagination a.active {
  background-color: #014a89;
  color: white;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

.yrselect {
  display: inline-block;
  width: 50px;
  font-size: 14px;
}

.yrselect a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
}
.yrselect a:first-child {
  padding-left: 0;
}
.bordertop {
  border-top: 0.5px solid #ccc;
}
.pagination a:hover:not(.active) {
  background-color: #ddd;
}
a {
  text-decoration: none;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 2;
  border: none;
  outline: none;
  opacity: 0.8;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 14px 15px;
  border-radius: 25px;
  font-size: 17px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(184, 184, 184, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(184, 184, 184, 1);
  box-shadow: 0px 0px 3px 0px rgba(184, 184, 184, 1);
}

#myBtn:hover {
  background-color: #014a89;
  color: #fff;
}
#copylink {
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 2;
  border: none;
  outline: none;
  opacity: 0.8;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 25px;
  font-size: 17px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(184, 184, 184, 1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(184, 184, 184, 1);
  box-shadow: 0px 0px 3px 0px rgba(184, 184, 184, 1);
}

#copylink:hover {
  background-color: #014a89;
  color: #fff;
}
.noptb {
  display: none;
}
.noptbr {
  display: block;
}
.noptb2 {
  display: none;
}
.videos img {
  width: 100%;
  height: auto;
}
.aspect-ratio-box {
  position: relative;
}
.aspect-ratio-box::after {
  display: block;
  content: "";
  padding-bottom: 56.25%;
}
.aspect-ratio-box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/img/play-button3.png") no-repeat;
  background-position: 10% 10%;
  background-size: 20%;
  opacity: 60%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.video span:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 95%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.video2 {
  float: left;
  position: relative;
}
a.video2 span {
  width: 60%;
  height: 30%;
  position: absolute;
  background: url("/img/play-button3.png") no-repeat;
  background-position: 10% 35%;
  background-size: 25%;
  opacity: 80%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.video2 span:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 95%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.videos:after {
  content: "";
  display: table;
  clear: both;
}
.apsb {
  padding-top: 10px;
}
.taevent img {
  float: none;
  width: 100%;
}

.show {
  display: block;
}

#navbar {
  background-color: #292929;
  padding: 15px 10px;
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  position: fixed;
  width: 100%;
  top: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 5;
}

#navbar a {
  float: left;
  text-align: center;
  text-decoration: none;
}

#navbar #logo {
  width: 105px;
  margin-left: -10px;
  background-repeat: no-repeat;

  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  text-decoration: none;
}
#navbar a:hover {
  color: #ccc;
  text-decoration: none;
}

#navbar a.active {
  color: white;
  text-decoration: none;
}

#navbar-right {
  float: right;
}
#navbar-right a {
  vertical-align: middle;
  color: #fff;
}

.blackbg {
  width: 100%;
  background-color: #000;
}
.nowwatching {
  padding: 0 6px;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #eee;
  background-color: #014a89;
  margin-left: -10px;
}
.nowtitle {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-left: -10px;
}
.videofixed {
  position: fixed;
  z-index: 98;
}

.pcontainer {
  margin: 0 auto;
  width: 60%;
  background-color: #000;
}
.pcontainer .row {
  margin: 0;
}
.pcontainer figure {
  margin: 0;
}

/* Useful Classes */
.xy-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.transition {
  transition: all 350ms ease-in-out;
}

.r-3-2 {
  width: 100%;
  padding-bottom: 66.667%;
  background-color: #ddd;
}

.image-holder {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Main Styles */
.gallery-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
}

.gallery {
  position: relative;
  white-space: nowrap;
  font-size: 0;
}

.item-wrapper {
  cursor: pointer;
  width: 23%; /* arbitrary value */
  display: inline-block;
  background-color: #111;
}

.gallery-item {
  opacity: 0.5;
}
.gallery-item.active {
  opacity: 1;
}

.controls {
  display: block;
  font-size: 20px;
  border-top: none;
}

.move-btn {
  display: inline-block;
  /* float: left; */
  width: 50%;
  font-size: 32px;
  border: none;
  color: #ccc;
  background-color: #000;
  padding: 0.2em 1.5em;
}
.move-btn:first-child {
  border-right: none;
}
.move-btn.left {
  cursor: w-resize;
}
.move-btn.right {
  cursor: e-resize;
}

div.scroll {
  overflow: auto;
}
.fullwidth {
  width: 100%;
}

.searchheadline {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-left: 10px;
}
.searchresult {
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
.searchwrapper ul {
  margin-left: 0;
}
.searchwrapper input {
  border-radius: 5px;
}
.pl50 {
  padding-left: 50px;
}
.single {
  float: left;
  width: 75%;
  padding-right: 20px;
}
.singlep {
  width: 60%;
}
.paywall-wrapper {
  width: 50%;
}
.product {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.productd {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 300;
}
.eventli ul {
  margin-left: 1rem;
}
.rp {
  padding: 10px;
}
.research-events container {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.research-events .events-tag {
  background-color: #a4b5c4;
  color: #fff;
  display: table;
  padding: 5px;
  margin: 1px;
}
.events-tag p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.research-events .research-list-desc {
  padding: 0;
  box-shadow: 1px 1px 10px -3px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
}

.research-list-desc {
  padding: 15px 35px;
  position: relative;
}
.research--content {
  padding: 25px;
  background-color: #fff;
}
.research--content-img {
  height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.research--content-img .reasearch--content--title {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  color: #fff;
  text-shadow: 0px 0px 2px #000;
  padding: 2em;
  font-family: "roboto", sans-serif;
  font-weight: 700;
}
.research--content--cat {
  background-color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 0 4px;
  box-shadow: 0px 0px 2px #000;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.research--content--title {
  color: #fff;
  font-family: "roboto condensed", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-shadow: 0px 0px 2px #000;
  padding: 0 20px;
  line-height: 1.1;
}
.research--loc {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-shadow: 0px 0px 2px #000;
}
.research--content--new {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
}
.research--edate {
  font-family: "roboto condensed", sans-serif;
  font-weight: 700;
}
.research--btn {
  font-family: "roboto condensed", sans-serif;
  font-weight: 400;
  color: #014a89;
}
.research-events .research-list-desc .research--content .btn-common {
  padding: 9px 15px;
  border-radius: 5px;
}
.btn-common {
  background: rgb(17, 57, 92);
  background: -moz-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: -webkit-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11395c",endColorstr="#3e9bb0",GradientType=1);
  color: #fff;
  border: 1px solid #fff;
  font-size: 15px;
  font-family: "roboto", sans-serif;
  font-weight: 500;
  padding: 8px 35px;
  display: inline-block;
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  border-radius: 10px;
}
.btn-common:hover {
  color: rgb(17, 57, 92);
  background: #fff;
  border: 1px solid rgb(17, 57, 92);
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
}
.btn-common:active {
  color: rgb(17, 57, 92);
  background: #fff;
  border: 1px solid rgb(17, 57, 92);
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
}
.edate {
  font-family: "roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #014a89;
  padding-bottom: 0.5rem;
}
.filterDiv {
  display: none;
}
.research-events .btn {
  font-size: 12px;
  border: none;
  outline: none;
  padding: 6px 8px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.research-events .btn:hover {
  background-color: #ddd;
}

.research-events .btn.active {
  background-color: #666;
  color: white;
}
.research-events .show {
  display: block;
}
.ml10 {
  margin-left: 10px;
}
.news-masonry-item__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.news-masonry-item__content {
  color: #000;
  background-color: #fff;
  box-shadow: 0px 0px 16px -7px rgba(0, 0, 0, 0.2);
  padding: 25px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
}
.news-masonry-item__content-abr {
  color: #000;
  background-color: #fff;
  box-shadow: 0px 0px 16px -7px rgba(0, 0, 0, 0.2);
  padding: 25px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
}
.masonry-large-block__item {
  padding: 5px;
}
.masonry-large-block__item a {
  color: #014a89;
}
.masonry-large-block__item-abr {
  padding: 10px;
}
.award-wrapper {
  padding-left: 10%;
  padding-right: 10%;
}
.csname {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
}
.csrname {
  font-weight: 500;
}
.namep {
  padding: 20px;
}
.reportpic {
  position: relative;
  max-height: 250px;
}
.research-list-desc .research-icon {
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 10%;
  left: -4.5%;
}
.research-icon img {
  width: 100%;
}
.research-list-desc {
  border: 1px solid #e9e9e9;
  padding: 15px 35px;
  position: relative;
}
.pof {
  position: absolute;
  z-index: 12;
}
.about-wrapper {
  padding: 15px;
}

.bged .dropbtn {
  font-family: "Roboto", sans-serif;
  color: #222;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 500;
  border: 2px solid #222;
  margin-left: -10px;
  cursor: pointer;
}
.bged .dropbtn:hover,
.dropbtn:focus {
  background-color: #000;
  color: #ededed;
}

#myInput {
  box-sizing: border-box;
  background-image: url(/img/searchicon-xs.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  font-size: 16px;
  color: #000;
  padding: 5px 20px 6px 42px;
  width: 550px;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {
  outline: 3px solid #ddd;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  width: 550px;
  height: 350px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 99;
  overflow-x: hidden;
}

.dropdown-content a {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
  text-decoration: none;
}

.dropdown .show {
  display: block;
}

.bged .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  color: #222;
  width: 550px;
  height: 350px;
  overflow: auto;
  border: 1px solid #222;
  z-index: 99;
  overflow-x: hidden;
}

.bged .dropdown-content a {
  color: #222;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
}

.bged .dropdown a:hover {
  background-color: #222;
  color: #fff;
  text-decoration: none;
}

.bged .dropdown .show {
  display: block;
}

.tasketch {
  border: 1px solid #222;
}
.tasketchtext {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
}
.fullpic {
  position: relative;
  width: 100%;
}
.mlrm {
  margin: 0 -10px;
}
.darkbreaker {
  margin: 0 10px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #333;
}
.lightbreaker {
  margin: 0 10px;
  border-top: 1px solid #fefefe;
  border-bottom: 1px solid #ededed;
}
.hiddentext {
  display: none;
}
.bgffcard {
  background: #fff;
  border: none;
  margin: 10px;
  box-shadow: 2px 2px 4px 0px rgba(184, 184, 184, 1);
}
.awards-only .bgffcard {
  margin: 0px;
  padding: 10px;
  padding-bottom: 15px;
}
.awards-only ul {
  margin-bottom: 0;
}
.events-only .bgffcard {
  margin: 0px;
  padding: 10px;
  padding-bottom: 15px;
}
.events-only ul {
  margin-bottom: 0;
}
.research-only .threeparts {
  font-size: 14px;
}
.research-only .column6 {
  padding: 25px;
}
.tchina img {
  width: 300px;
}
.dchina {
  padding: 0.5rem;
}
.dcwrapper {
  min-height: 360px;
  padding: 1.5rem 3rem;
  background-color: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.07);
}
.dctoday {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #014a89;
}
.dcday {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.sqtn {
  width: 110px;
  height: 110px;
  object-fit: cover;
}

.gallery-wrapper {
  width: 33.3333%;
  float: left;
  padding: 1rem;
}
.gallery-photo {
  width: 100%;
  object-fit: cover;
}
.photo-info {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-size: 16px;
}

.bged .photo-info {
  color: #222;
  font-family: "roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.more-info {
  color: #fff;
  font-family: "roboto condensed", sans-serif;
  font-size: 12px;
}
.gallery-cover {
  width: 100%;
}
.popup-gallery {
  margin: 0 -10px;
  min-height: 300px;
}
.imgnav {
  text-align: right;
}
.imgnavbtn {
  padding: 5px 10px;
  border: 1px solid #fff;
  color: #fff;
}
.imgnavbtn:hover {
  color: #292929;
  background-color: #fff;
}
.blackbg .column {
  width: 50%;
}
.report25 {
  width: 25%;
  padding: 2rem;
}
.logos {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin: 0px auto;
}
.raw_content .logos {
  display: table-cell;
}
.centerlogos {
  height: 120px;
}
.researchlogo {
  padding: 0 1rem;
  max-height: 150px;
}
.logofix {
  height: 80px;
}
.raw_content .head {
  color: #004887;
  font-family: "Roboto", sans-serif;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 26px;
  font-weight: 700;
}
.topelements {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  padding-top: 2px;
  font-weight: 500;
}
.splr {
  padding: 0 10px;
}
.bgedbox {
  background: #eeeeee;
  height: 100%;
}
.mw250 {
  max-width: 250px;
}
.blockwrapper {
  position: relative;
}
.admiddle {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.research-project-raw img {
  width: 125px;
}
.section-gray {
  width: 100%;
  background-color: #eee;
  padding: 2rem;
}
.research-project-raw h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  padding-left: 3rem;
}
.research-project-raw h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding-left: 3rem;
}
.research-project-raw h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.research-project-raw p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.research-desc {
  padding: 1rem 3rem;
}
.research-desc h2 {
  padding: 0;
}
.research-content span {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.appbutton {
  width: 120px;
}
.appbuttons {
  padding-top: 30px;
}
.mm10 {
  margin-left: -7px;
}
.column4 input[type="checkbox"] {
  opacity: 1;
  height: 10px;
  width: 10px;
}

.tandc {
  font-size: 12px;
}
.checkboxes input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

section {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

input[type="checkbox"] {
  height: 0;
  width: 0;
}

input[type="checkbox"] + label {
  position: relative;
  display: flex;
  margin: 0;
  align-items: center;
  color: #9e9e9e;
  font-size: 12px;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
input[type="checkbox"] + label > ins {
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
}

input[type="checkbox"] + label > ins > i {
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #000;
}
input[type="checkbox"] + label > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  width: 1em;
  height: 1em;
  background: transparent;
  border: 2px solid #9e9e9e;
  border-radius: 2px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}

input[type="checkbox"] + label:hover,
input[type="checkbox"]:focus + label {
  color: #222;
}
input[type="checkbox"] + label:hover > span,
input[type="checkbox"]:focus + label > span {
  background: rgba(255, 255, 255, 0.1);
}
input[type="checkbox"]:checked + label > ins {
  height: 100%;
}

input[type="checkbox"]:checked + label > span {
  border: 0.5em solid #014a89;
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
input[type="checkbox"]:checked + label > span:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0.1em;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.adjust {
  margin-top: -20px;
}
@keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #eee;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 0.4em;
    height: 0;
    border-color: #eee;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 0.5em;
    height: 0.8em;
    border-color: #eee;
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
.column1 {
  float: left;
  width: 10%;
}
.column9 {
  float: left;
  width: 90%;
}
.column2 {
  float: left;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column6t {
  float: left;
  width: 60%;
  padding: 15px;
}
.column8t {
  float: left;
  width: 80%;
  padding: 15px;
}
.column8l {
  float: left;
  width: 80%;
  min-height: 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px;
}
.column20 {
  float: left;
  width: 20%;
  padding: 5px;
  margin-top: 5px;
}
.column25 {
  float: left;
  width: 25%;
}
.column30 {
  float: left;
  width: 30%;
  padding: 5px;
}
.logo-main {
  display: table;
}
.rdetails input,
.rdetails select {
  width: 100%;
  padding: 5px 3px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #000;
  margin-bottom: 5px;
}
.pb0 {
  padding-bottom: 0;
}
.pt0 {
  padding-top: 0;
}
.rulebook hr {
  margin-top: 0;
}
.submission hr {
  margin-top: 0;
}
.unsubscribe hr {
  margin-top: 0;
  margin-bottom: 0;
}
.rulebook .btn {
  width: 250px;
}
.submission .btn {
  width: 250px;
}
.unsubscribe .btn {
  width: 250px;
}
.thinpage {
  width: 60%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.shortpage {
  height: 90vh;
}
.shortpage .container {
  padding-top: 20vh;
}
.adv-mpu img {
  /* width: 100%; */
  height: auto;
  /*  border: solid .5px #000; 
    border-top: none; */
}
.top-feature .container {
  border-bottom: 1px solid #eee;
}
/*
.single-post .container {
    width: 70%;
}
*/
.aerdm {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 11px;
  padding: 0px 4px;
}
.img_top_box {
  float: left;
  width: 30%;
  margin-right: 10px;
}
.top-image {
  width: 100%;
  padding-right: 8px;
}
.imgdesc {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-size: 14px;
}
.webinar .container {
  max-width: 960px;
}
.tfull {
  width: 100%;
  height: auto;
}
.desc-wrapper {
  float: left;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  padding-top: 10px;
  padding-right: 15px;
}
.speakerframe {
  float: left;
  width: 90px;
}
.speakerframe img {
  float: left;
  border-radius: 50%;
  max-width: 80px;
  padding-right: 5px;
}
.speakerdesc {
  float: left;
  width: calc(100% - 90px);
}
.speaker {
  font-weight: 700;
  font-size: 16px;
}
.speaker-t {
  font-weight: 400;
  font-size: 14px;
}
.speaker-p {
  font-weight: 400;
  font-size: 14px;
}
.speaker-c {
  font-weight: 700;
  font-size: 12px;
}
.speakeradjust {
  padding-left: 45px;
}
.speakerbox {
  width: 50%;
}
.descriptions {
  font-size: 15px;
}
.textwindow {
  height: 300px;
  overflow: scroll;
}
.sponsorlogo img {
  width: 150px;
  padding: 3px 5px;
}
.sponsorwrapper {
  width: 100%;
  padding-top: 1em;
  padding-left: 50%;
  padding-bottom: 1em;
  margin-left: -75px;
}
.sponsorwrapper2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sponsorwrapper3 {
  padding-top: 1em;
  padding-left: 50%;
  padding-bottom: 1em;
  margin-left: -33%;
}
.sponsorwrapper4 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sponsorwrapper img {
  width: 150px;
  margin: 0 10px;
}
.sponsorwrapper2 img {
  width: 100px;
}
.sponsorwrapper3 img {
  width: 150px;
  margin: 10px 20px;
}
.sponsorwrapper4 img {
  width: 200px;
  margin: 10px 20px;
}
.tipsfv {
  font-size: 14px;
  margin-left: 1em;
  padding-right: 5px;
}
.logocolumn {
  float: left;
  width: 50%;
}
.logocolumnf {
  float: left;
  width: 100%;
}
.wcr {
  font-size: 10px;
  color: #888;
}
.dbrochure {
  padding-top: 20px;
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
}
.dbrochure .btn a {
  font-weight: 700;
  background-color: #014a89;
  color: #fff;
  border-radius: 0;
  padding: 3px 11px;
}
.dbrochure .btn a:hover {
  background-color: #333;
  cursor: pointer;
}
.adv-mpu iframe {
  min-height: 490px;
  max-height: 550px;
}
.webinar iframe {
  width: 100%;
  min-height: 360px;
  /* border: 1px solid #000; */
}
.eventbanner img {
  width: 100%;
}
.iframe-wrapper {
  width: 100%;
  /* border: 1px solid #000; */
}
.wquestions {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-style: italic;
}
.webinar .tabs > li.selected > a {
  color: #fff;
}
.single-post div p:not(.nocap):first-of-type:first-letter {
  font-family: "Libre Caslon Display", serif;
  color: #014a89;
  float: left;
  font-size: 102px;
  line-height: 1;
  padding-top: 0px;
  padding-right: 6px;
  padding-left: 0px;
  margin-top: -8px;
  margin-bottom: -26px;
}
.nocap {
  font-family: adobe-text-pro, serif;
  font-size: 19px;
}

.relatives-wrapper {
  background-color: #ededed;
}
.relatives-post {
  padding: 0.5rem;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #eeeeee;
}
.relatives-theme img {
  background-position: 50% 50%;
}
.esg-swiper .swiper-container {
  border: 1px solid #ededed;
  width: 100%;
  height: 480px;
}
.esg-swiper .swiper-slide {
  width: 300px;
  height: 400px;
  background-color: #fff;
  padding: 10px;
  margin: 5px;
}
.news-masonry-item__name {
  background: #fff;
}
.bg-award .mh150 {
  text-align: center;
}
.bged2 .container {
  padding: 0px;
}
.time {
  width: 25%;
  /* float: left; */
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
}
.agenda {
  width: 75%;
  display: inline-block;
}
.epicks {
  font-family: "Old Standard TT", serif;
  font-size: 32px;
  color: #014a89;
}
.tclink {
  width: 100%;
  color: #014a89;
  font-size: 12px;
}
.ltime {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 8px;
}
.noticebox {
  padding: 10px 15px;
  text-decoration: none;
  background: #014a89;
  color: #fff;
  font-size: 22px;
}
.noticebox a {
  text-decoration: underline;
}
.noticebox a:hover {
  color: #fff;
}
.top-section {
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.event-single .container {
  margin-top: -110px;
  background: #fff;
  padding: 1.5rem;
  padding-top: 2.5rem;
}
.event-single .single-post__d {
  margin-bottom: 0;
}
.event-single .mcolu img {
  border: 1px solid #999;
}
.event-phil .container {
  padding: 3rem;
}
.event-single audio {
  width: 100%;
}
.p10 {
  padding: 10px;
}
.pr10 {
  padding-right: 20px;
  font-size: 14px;
}
/* Customize the label (the container) */
.containerc {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerc input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 100%;
  border: 1px solid #ddd;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background: rgb(17, 57, 92);
  background: -moz-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: -webkit-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11395c",endColorstr="#3e9bb0",GradientType=1);
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0px 4px 4px 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-reg {
  color: #fff;
  background: rgb(244, 45, 47);
  background: -moz-linear-gradient(
    138deg,
    rgba(244, 45, 47, 1) 0%,
    rgba(245, 72, 74, 1) 19%,
    rgba(255, 145, 147, 1) 100%
  );
  background: -webkit-linear-gradient(
    138deg,
    rgba(244, 45, 47, 1) 0%,
    rgba(245, 72, 74, 1) 19%,
    rgba(255, 145, 147, 1) 100%
  );
  background: linear-gradient(
    138deg,
    rgba(244, 45, 47, 1) 0%,
    rgba(245, 72, 74, 1) 19%,
    rgba(255, 145, 147, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f42d2f",endColorstr="#ff9193",GradientType=1);
  border: none;
  border-radius: 5px;
  width: 200px;
}
.btn-reg:hover {
  color: #f5484a;
  background: #fff;
  border: 1px solid #f5484a;
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
}
.btn-reg:active {
  color: #f5484a;
  background: #fff;
  border: 1px solid #f5484a;
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
}
.btn-reg-t {
  color: #fff;
  background: rgb(244, 45, 47);
  background: -moz-linear-gradient(
    138deg,
    rgba(244, 45, 47, 1) 0%,
    rgba(245, 72, 74, 1) 19%,
    rgba(255, 145, 147, 1) 100%
  );
  background: -webkit-linear-gradient(
    138deg,
    rgba(244, 45, 47, 1) 0%,
    rgba(245, 72, 74, 1) 19%,
    rgba(255, 145, 147, 1) 100%
  );
  background: linear-gradient(
    138deg,
    rgba(244, 45, 47, 1) 0%,
    rgba(245, 72, 74, 1) 19%,
    rgba(255, 145, 147, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f42d2f",endColorstr="#ff9193",GradientType=1);
  border: none;
  border-radius: 5px;
  width: 150px;
}
.accordion {
  background-color: #014a89;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.related-post {
  margin-top: 20px;
}
.feat-related {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  padding: 15px 0 5px;
  line-height: 1.2;
  color: #333;
  border-bottom: 1px solid #014a89;
  font-family: "roboto", sans-serif;
}

.accordion .feat-titleb:hover {
  color: #014a89;
}
.accordion .feat-titleb:active {
  color: #014a89;
}
.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: 16px;
}
.eventc .checkmark {
  top: -3px;
}

.dropbtn {
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}
.dropbtn a:hover {
  color: white;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.navbtn {
  padding-top: 5px;
  color: #fff;
  cursor: pointer;
}
.navbtn a:hover {
  color: #ccc;
  cursor: pointer;
}
.bluebarthick {
  margin: 1.5rem 0;
  height: 35px;
  background: rgb(17, 57, 92);
  background: -moz-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: -webkit-linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  background: linear-gradient(
    106deg,
    rgba(17, 57, 92, 1) 0%,
    rgba(1, 74, 137, 1) 55%,
    rgba(62, 155, 176, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11395c",endColorstr="#3e9bb0",GradientType=1);
}
.fullt {
  display: flex;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 2px;
}
.spslogo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hotel-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}