@font-face {
    font-family: 'bariolBold';
    src: url('../fonts/bariol_bold-webfont.eot');
    src: url('../fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_bold-webfont.woff') format('woff'),
         url('../fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('../fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bariolLight';
    src: url('../fonts/bariol_light-webfont.eot');
    src: url('../fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_light-webfont.woff') format('woff'),
         url('../fonts/bariol_light-webfont.ttf') format('truetype'),
         url('../fonts/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bariolRegular';
    src: url('../fonts/bariol_regular-webfont.eot');
    src: url('../fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_regular-webfont.woff') format('woff'),
         url('../fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('../fonts/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bariolRegularItalic';
    src: url('../fonts/bariol_regular_italic-webfont.eot');
    src: url('../fonts/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_regular_italic-webfont.woff') format('woff'),
         url('../fonts/bariol_regular_italic-webfont.ttf') format('truetype'),
         url('../fonts/bariol_regular_italic-webfont.svg#bariolregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bariolthin';
    src: url('../fonts/bariol_thin-webfont.eot');
    src: url('../fonts/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_thin-webfont.woff') format('woff'),
         url('../fonts/bariol_thin-webfont.ttf') format('truetype'),
         url('../fonts/bariol_thin-webfont.svg#bariolthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0;
   padding:0;
   }
html,
body {
  height: 100%;
}
#container{ min-height:100%;}
#main{ overflow:auto;}

body{font:normal 12px/18px 'bariolRegular', Arial, Helvetica, sans-serif !important;}
header {
  position: relative;
  background: -webkit-linear-gradient(#3e4347,#373738);
  background: -o-linear-gradient(#3e4347,#373738);
  background: -moz-linear-gradient(#3e4347,#373738);
  background: linear-gradient(#3e4347,#373738);
  height: 75px;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}



/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}
p::first-letter {
  font-size: 200%;
  color: #82cdb8;
}

CSSResult Skip Results Iframe
EDIT ON
/* GLOBAL STYLES */
body {
  background-color:#ce3635;
  text-align: center;
  color:#82cdb8;
  padding-top:10em;
}

.typewrite::first-letter {
  font-size: 200%;
  color: #82cdb8;
}
.navbar .getstarted{background: #cecfd0 !important}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    background-color: white; 
	border-radius:10px; 
	padding:10px;
    color: #f37e49 !important;
}

.nav-block li.active a span {
    display: inline-block;
    line-height: 26px;
    color: #f37e49 !important;
    font-size: 20px;
}

.bbi{border-bottom: 1px solid #333 !important}
.bbi-primary{border-bottom: 1px solid #f37e49 !important}

.table-top{
    background-color: #f37e49 !important;
    color: white;
    text-align: center;
    border-radius: 10px;
    border-bottom: 0px;
}
.text-primary{color:#f37e49 !important}
.btn-primary, btn-primary:hover{background-color:#f37e49 !important; color:#fff !important;}

.txt10{font-size:10px}
.txt11{font-size:11px}
.txt12{font-size:12px}
.txt13{font-size:13px}
.txt14{font-size:14px}
.txt15{font-size:15px}
.txt16{font-size:16px}
.txt17{font-size:17px}
.txt18{font-size:18px}
.txt19{font-size:19px}
.txt20{font-size:20px}
.txt21{font-size:21px}
.txt22{font-size:22px}
.txt23{font-size:23px}
.txt24{font-size:24px}
.txt25{font-size:25px}
.txt26{font-size:26px}
.txt27{font-size:27px}
.txt28{font-size:28px}
.txt29{font-size:29px}
.txt30{font-size:30px}
.txt31{font-size:31px}
.txt32{font-size:32px}
.txt33{font-size:33px}
.txt34{font-size:34px}
.txt35{font-size:35px}
.txt36{font-size:36px}
.txt38{font-size:38px}

/*a{color:#f37e49 !important;}*/
.lh10{line-height:10px}
.lh15{line-height:15px}
.lh20{line-height:20px}

.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #f37e49 !important;
}
.accordion-button:not(.collapsed):after {
    background-image: url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>) !important;
}
.accordion-body {
    padding: 1rem 1.25rem;
}
section{padding:25px 50px}
.navbar .getstarted, .navbar .getstarted:focus {
    padding: 0px 5px;
    margin-left: 30px;
    border-radius: 0PX 0PX 8px 8PX;
    font-weight: 400;
    color: #fff;
    FONT-SIZE: 12PX;
}
.navbar a, .navbar a:focus {color:#fff !important; padding:15px; margin:0px 0px}
.hbtn{    background-color: #c1c1c1 !important;
    padding: 3px 2px;
    font-size: 12px;
    margin: 0px 4px;
    top: 0;
    border-radius: 0px 0px 5px 5px;
    color: black !important;
	border:none !important;
}
.marB25{margin-bottom:25px}
ul{list-style:none; padding:0;}
.txt12{font-size:12px}
.w-40{width:40%}
.w-60{width:60%}
.fl{float:left}
.fr{float:right}
.pad-t1{padding-top:1rem;}
.pad-t0{padding-top:0;}
.mar-t1{margin-top:1rem;}
.accordion-button:focus {border-color:none !important}
.dataTables_filter{padding:1rem}
.clickable{cursor:pointer;}

.clickable:hover{background-color:#ededed}
.table>:not(:first-child){border-top:0px !important}
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.accordion-item:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.embedcol{border: 1px solid #f37e49 !important; border-radius: 20px;padding: 10px;margin: 0.5rem;line-height: 15px;}

.navbar_bg{ background: -webkit-linear-gradient(#3e4347,#373738) !important;
  background: -o-linear-gradient(#3e4347,#373738) !important;
  background: -moz-linear-gradient(#3e4347,#373738) !important;
  background: linear-gradient(#3e4347,#373738) !important;}

.navbar li a{
    color: #fff !important;
    padding: 0px 14px!important;
    /* margin: 0px 5px; */
    transition: none !important;
    line-height: 30px;
    display: inline-block;
}

.msgtextwhite {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000 !important;
    color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9500;
    opacity: 0.8;
    height: 100%;
}

.btn-primary{background-color:#f37e49 !important;}

.btn-primary a:hover{background-color:#f37e49 !important;}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f37e49 !important;
    --bs-btn-border-color: #f37e49 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f37e49 !important;
    --bs-btn-hover-border-color: #f37e49 !important;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f37e49 !important;
    --bs-btn-active-border-color: #f37e49 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f37e49 !important;
    --bs-btn-disabled-border-color: #f37e49 !important;
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37e49 !important), color-stop(100%, #f37e49 !important));
    background: -webkit-linear-gradient(top, #f37e49 !important 0%, #f37e49 !important 100%);
    background: -moz-linear-gradient(top, #f37e49 !important 0%, #f37e49 !important 100%);
    background: -ms-linear-gradient(top, #f37e49 !important 0%, #f37e49 !important 100%);
    background: -o-linear-gradient(top, #f37e49 !important 0%, #f37e49 !important 100%);
     background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); */
    /* box-shadow: inset 0 0 3px #111; 
}*/

footer {
  background: -webkit-linear-gradient(#3e4347,#373738) !important;
  background: -o-linear-gradient(#3e4347,#373738) !important;
  background: -moz-linear-gradient(#3e4347,#373738) !important;
  background: linear-gradient(#3e4347,#373738) !important;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}
label.error {
    display: inline-block;
    color: red;
    margin-top: -1.5rem;
    padding: 0rem 0.5rem;
    font-size: small;
}

.msgtext {
    font-size: 24px !important;
    color:#fff !important;
    line-height: 28px;
    font-weight: normal;
}
.navbar li.active{background: none !important}

.nav-block li a span {
    display: inline-block;
    padding-right: 10px;
    line-height: 26px;
    height: 30px;
    font-size: 20px;
    cursor: pointer;
}
.msg{
    float: left;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
	}
.top-block{
    width: 100%;
    float: left;
    position: relative;
}