body {
  font-family: 'Fira Sans', sans-serif;
}
a{
    color: #000;
}
.navbar .nav-item .nav-link {
  color: #ffffffbf;
  font-weight: 400;
}
.navbar-brand .USSLogo h2:nth-child(1) {
    -webkit-text-stroke: 1px #03a9f4;
}

.navbar-brand .USSLogo h2 {
    font-size: 40px;
	margin-bottom: 0px;
}
.navbar-brand .USSLogo h2:nth-child(2){
	top: 0px;
}
.btnCustom {
    background: #FF8F00;
    border-color: #FF8F00;
    font-size: 15px;
    padding: 8px 20px;
    border-radius: 50px;
    margin-bottom: 10px;
    margin-right: 5px;
    color: #fff;
    text-decoration: none;
}
.btnCustom:hover, .btnCustom:focus, .btnCustom:active, .btnCustom:focus-visible {
	background: #FF8F00 !important;
	border-color: #FF8F00 !important;
}
.title{
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    color: #2c2c2c;
    border-bottom: 3px dashed #2c2c2c;
    width: fit-content;
    padding-bottom: 10px;
}

/*hero - homepage*/
section.hero { 
  position: relative;
}

section.hero video {
  width: 100%;
  height: calc(100vh - 100px);
  object-fit: cover;
  position: relative;
  z-index: -2;
}

section.hero .contentWrapper {
    position: relative;
    color: #fff;
	background: linear-gradient(to right, #1cabef9c , #1cabef00)
}
section.hero .content{
    position: absolute;
    bottom: 100px;
    left: 100px;
}
section.hero .content h2{
    font-size: 50px;
    text-shadow: 1px 1px 10px #000000a8;
}
section.hero .content p{
	font-size: 16px;
    font-weight: 400;
    text-shadow: 2px 0 5px black;
	margin-bottom: 0px;
}

section.hero .facts {
    display: flex;
    font-size: 15px;
}
.certification {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    align-content: center;
    padding: 0.06em 4px 0.15em 4px !important;
    border: 1px solid #fff;
    color: #fff;
    line-height: 1;
    border-radius: 2px;
    margin-right: 7px;
}

.facts span.certification+span {
    padding-left: 0;
}

.facts span+span {
    padding-left: 20px;
    position: relative;
    top: 0;
    left: 0;
}
/*hero - homepage*/

/*plyr.io css*/
.plyr__controls__item.plyr__control[data-plyr="fullscreen"]{
	opacity: 0; 
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: none;
}

.plyr__control--overlaid svg {
  width: 40px;
  height: 40px;
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #ed261d;
}

.plyr--full-ui input[type=range] {
  color: #ed261d;
}
/*plyr.io css*/
/*Cast section - Home page*/
section.cast {
	background: #c7eaf7;
}

section.cast .castImg img{
    box-shadow: 2px 2px 10px #0000002b;
    border-radius: 10px;
}

section.cast .cta{
    height: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
    box-shadow: 1px 1px 5px #0000002b;
}
/*Gallery section - Home page*/
section.gallery .wrapper{
    background: #a3e6ff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #ccccccc7;
	transition: 0.15s all ease;
}

section.gallery .wrapper:hover {
    cursor: pointer;
    padding: 0px;
    box-shadow: 3px 3px 10px #05050582;
}

section.gallery .wrapper img {
	border-radius: 10px;
    border: 1px solid;
}
/* Cast and Crew - Page css */
section.castAndCrew.bg1{
    background-image: radial-gradient(circle at 20% 100%, rgba(184, 184, 184, 0.1) 0%, rgba(184, 184, 184, 0.1) 33%, rgba(96, 96, 96, 0.1) 33%, rgba(96, 96, 96, 0.1) 66%, rgba(7, 7, 7, 0.1) 66%, rgba(7, 7, 7, 0.1) 99%), linear-gradient(40deg, #b0e7ff, #ade2f9, #9bdbf8, #6cd1ff);
    background-repeat: no-repeat;
    background-size: cover;
}

section.castAndCrew img{
	box-shadow: 2px 2px 10px #00000066;
}

section.castAndCrew.bg1 .image {
    position: relative;
    justify-content: center;
    display: flex;
}

section.castAndCrew.bg1 .image .content {
    position: absolute;
    bottom: 20px;
    width: 90%;
    background: #00000080;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
}
/* Footer CSS*/
.USSLogo {
    position: relative;
}

.USSLogo h2 {
    font-size: 8em;
}

.USSLogo h2:nth-child(1) {
    color: transparent;
    -webkit-text-stroke: 2px #03a9f4;
}

.USSLogo h2:nth-child(2) {
    color: #03a9f4;
    animation: animate 4s ease-in-out infinite;
    position: absolute;
    top: 1px;
    width: 100%;
}

@keyframes animate {
    0%,
    100% {
        clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
    }
    50% {
        clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
    }
}

@media(max-width: 768px) {
    .USSLogo h2 {
        font-size: 3em;
    }
} 
/* Footer CSS*/ 
@media screen and (max-width: 768px) {
  .mt40{
	  margin-top: 40px;
  }
  .mb40{
	  margin-bottom: 40px;
  }
}