@charset "utf-8";
/***************************************************************************
/// ! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css
****************************************************************************/
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, footer, header, nav, section { display: block; }
figcaption, figure, main { display: block; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; max-width:100% }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; border: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; /* 3 */ white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }
ul { list-style-type:none; }
img { border-style: none; max-width:100%; }
* { margin:0; padding:0;  }

/******************************************************
/// Padding / Margine / Global resets
******************************************************/
.none { -webkit-transition: all 1.7s ease; -o-transition: all 1.7s ease; transition: all 1.7s ease; opacity: 0; display: none; z-index: -9999; }
.f-none { display: none !important; }
.p-0 { padding: 0!important; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px!important; } .pt-30 { padding-top: 30px; } 
.pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-100 { padding-top: 100px; } .pt-120 { padding-top: 120px; } .pt-150 { padding-top: 150px; } .pt-200 { padding-top: 200px; } .pb-50 { padding-bottom: 50px; } .pb-100 { padding-bottom: 100px; } .pb-120 { padding-bottom: 120px; } .pb-150 { padding-bottom: 150px; } .pb-200 { padding-bottom: 200px; } .pl-50 { padding-left: 50px; } .pl-100 { padding-left: 100px; } .pr-50 { padding-right: 50px; } .pr-100 { padding-right: 100px; } .m-0 { margin: 0; } .m-top-15 { margin-top: -15px !important; } .mb-20 { margin-bottom: 20px; } .mb-50 { margin-bottom: 50px; } 
.mb-100 { margin-bottom: 100px; } .mt-10 { margin-top: 10px!important; } .mt-20 { margin-top: 20px!important; } .mt-30 { margin-top: 30px!important; } .mt-35 { margin-top: 35px; } 
.mt-40 { margin-top: 40px!important; } .mt-45 { margin-top: 45px; } 
.mt-50 { margin-top: 50px!important; } .mt-150 { margin-top: 150px; } .mt-100 { margin-top: 100px!important; } .mt-200 { margin-top: 200px; } .m-top-25 { margin-top: -25px !important; } .space30 { padding: 30px 0; width: 100%; } .space50 { padding: 50px 0; width: 100%; }
.t-10 { top:10px; }, .t-30 { top:30px; }, .t-50 { top:50px!important; }, .t-100 { top:100px!important; }
.b-10 { top:10px; }, .b-30 { top:30px; }, .b-50 { top:50px!important; }, .b-100 { top:100px!important; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible; }
.display-block { display: block; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix,*:first-child+html .clearfix { zoom:1; }
hr { display: block; width: 100%; border: 0; height: 2px; margin: 2rem auto; background-image: linear-gradient(to right, rgba(155,208,223, .3), rgba(155,208,223, .8), rgba(155,208,223, .3)); }
.text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; }
.left-0 { left: 0!important; }
.right-0 { right: 0!important; }
/***************************************************************************
/// Extra addition
****************************************************************************/
video::-webkit-media-controls,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-seek-back-button,
video::-webkit-media-controls-seek-forward-button,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-toggle-closed-captions-button { display: none !important; }
video { outline: none; pointer-events: none; }












/* =========================
   Normalize/Utilities — patches
   ========================= */

/* 1) Fix text-align utilities (were all left) */
.text-left  { text-align: left !important; }
.text-center{ text-align: center !important; }
.text-right { text-align: right !important; }

/* 2) Fix malformed top/bottom utilities
   (commas after closing braces break CSS; also b-* should set bottom) */
.t-10  { top: 10px !important; }
.t-30  { top: 30px !important; }
.t-50  { top: 50px !important; }
.t-100 { top: 100px !important; }

.b-10  { bottom: 10px !important; }
.b-30  { bottom: 30px !important; }
.b-50  { bottom: 50px !important; }
.b-100 { bottom: 100px !important; }

/* 3) Restore visible keyboard focus for links (normalize file removes it) */
a:focus-visible {
  outline: 3px solid #0592c2;
  outline-offset: 2px;
}

/* 4) Videos — DO NOT globally nuke native controls.
      Re-enable by default; only hide when explicitly opted-in. */
video { pointer-events: auto; }

/* Re-enable WebKit controls globally (overrides earlier !important rules) */
body video::-webkit-media-controls,
body video::-webkit-media-controls-panel,
body video::-webkit-media-controls-overlay-play-button,
body video::-webkit-media-controls-play-button,
body video::-webkit-media-controls-start-playback-button,
body video::-webkit-media-controls-timeline,
body video::-webkit-media-controls-volume-slider,
body video::-webkit-media-controls-mute-button,
body video::-webkit-media-controls-fullscreen-button,
body video::-webkit-media-controls-seek-back-button,
body video::-webkit-media-controls-seek-forward-button,
body video::-webkit-media-controls-current-time-display,
body video::-webkit-media-controls-time-remaining-display,
body video::-webkit-media-controls-toggle-closed-captions-button {
  display: initial !important;
}

/* If you need chromeless instances, add .video--ui-hidden to the wrapper */
.video--ui-hidden video { pointer-events: none; }
.video--ui-hidden video::-webkit-media-controls,
.video--ui-hidden video::-webkit-media-controls-panel,
.video--ui-hidden video::-webkit-media-controls-overlay-play-button,
.video--ui-hidden video::-webkit-media-controls-play-button,
.video--ui-hidden video::-webkit-media-controls-start-playback-button,
.video--ui-hidden video::-webkit-media-controls-timeline,
.video--ui-hidden video::-webkit-media-controls-volume-slider,
.video--ui-hidden video::-webkit-media-controls-mute-button,
.video--ui-hidden video::-webkit-media-controls-fullscreen-button,
.video--ui-hidden video::-webkit-media-controls-seek-back-button,
.video--ui-hidden video::-webkit-media-controls-seek-forward-button,
.video--ui-hidden video::-webkit-media-controls-current-time-display,
.video--ui-hidden video::-webkit-media-controls-time-remaining-display,
.video--ui-hidden video::-webkit-media-controls-toggle-closed-captions-button {
  display: none !important;
}

/* 5) Motion-respectful autoplay guard (nice to have) */
@media (prefers-reduced-motion: reduce) {
  video[autoplay] { animation: none !important; }
}
