/* @keyframes */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}
@-webkit-keyframes move {
  from {transform: scale(1);text-indent: -9999px;ms-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);
  }
  to {transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15);}
}
@keyframes move {
  from {transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
  to {transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);-o-transform: scale(1.15);-moz-transform: scale(1.15);}
}
@keyframes blink {
  0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;}
}

/* Layout */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative; background-color: #0A0A0A; color: #FFFFFF;
font-family: halyard-display, sans-serif; font-weight: 300; font-style: normal; height: 100%;}
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}

/* FONTS */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;letter-spacing: 0.03em;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
a {color:#242423;}
a:hover {color:#ff99cc;}
.extralight {font-weight: 100;}
.light {font-weight: 200;}
.book {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.black {font-weight: 900;}

.halyard {font-family: halyard-display, sans-serif;}

/* FONT SIZE */
.fs07 {font-size: 0.70em;}
.fs08 {font-size: 0.80em;}
.fs09 {font-size: 0.90em;}
.fs10 {font-size: 1.00em;}
.fs11 {font-size: 1.10em;}
.fs12 {font-size: 1.20em;}
.fs13 {font-size: 1.30em;}
.fs14 {font-size: 1.40em;}
.fs15 {font-size: 1.50em;}
.fs16 {font-size: 1.60em;}
.fs17 {font-size: 1.70em;}
.fs18 {font-size: 1.80em;}
.fs19 {font-size: 1.90em;}
.fs20 {font-size: 2.00em;}
.fs21 {font-size: 2.10em;}
.fs22 {font-size: 2.20em;}
.fs23 {font-size: 2.30em;}
.fs24 {font-size: 2.40em;}
.fs25 {font-size: 2.50em;}
.fs30 {font-size: 3.00em;}
.fs40 {font-size: 4.00em;}

/* Colors */
.white {color: #FFFFFF;}
.bgwhite {background-color: #FFFFFF;}
.bggrey {background-color: #f6f6f6;}
.red {color: #f41313;}
.pink {color: #ff99cc}  

/* ANIMATIONS */
.blink {animation: blink 1s infinite;}

/* DISPLAY */
.db {display:block;}
.dib {display:inline-block;}
.up {text-transform: uppercase;}
.cap {text-transform: capitalize;}

/* BUTTONS */
.btn-custom {padding: 10px 30px;border: 0px;border-radius: 4px;font-weight: 600;background-color: #FFFFFF;}
.btn-custom:hover {color: #ffffff;background-color: #000000;}

/* VID */
.vid {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom: 20px;}
.vid iframe,.vid object,.vid embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.vid-vertical {padding-bottom: 178%;position: relative;display: block;width: 100%;}
.vid-vertical iframe {position: absolute; top: 0;left:0;}




/* THUMB */
.thumb {border: 1px dotted #c1c1c1;}
.thumb .icon {color:#ff99cc;}
.thumb :hover .icon {color:#ffffff;}
.thumb:hover {background-color:#ff99cc;color:#ffffff;border: 1px dotted #ff99cc;}
.thumb img {border: 1px dotted #c1c1c1;}








/* Footer */
.footer {margin-bottom: 10px;background-color: #f3f3f5;}
.footer .info {padding-top: 40px;}
.footer .info .logo {margin-bottom: 40px;}
.footer .info ul {padding: 0px;margin:0px;}
.footer .info li {font-size: 1.30em; color: #;}
.footer .info li a {color:#14183d;}
.footer .info li a:hover {color: #005ca4;}
.footer .info li .icon {color: #005ca4;}

/* copyright */
.copyright {margin-bottom: 20px;text-align: center;}
.copyright li {display:inline; padding: 0px;margin: 0px 10px 0px 10px;font-size: 0.90em;color:#0b3555;}
.copyright li a {color:#14183d;text-decoration: underline;}
.copyright li a:hover {color: #005ca4;}












.video-hero {
  position: relative;
}

.video-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to top, #0A0A0A, transparent);
  pointer-events: none;
  z-index: 5;
}




.video-carousel {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 16px;
}

.video-card {
  flex: 0 0 75%;
  border-radius: 16px;
  overflow: hidden;
  background: #121212;
  position: relative;
}

.video-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: white;
  background: rgba(0,0,0,0.3);
}




.tiktok-embed {
  position: relative;
  overflow: hidden;
}

.tiktok-embed iframe {
  width: 100% !important;
  height: 100% !important;
}

.tiktok-embed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to top, #0A0A0A, transparent);
  pointer-events: none;
  z-index: 2;
}