@font-face {
  font-family: Righteous-Regular;
  src: url(../fonts/Righteous-Regular.ttf) format('truetype');
}
@font-face {
  font-family: VMoscoso;
  src: url(../fonts/VMoscoso.ttf) format('truetype');
}
@font-face {
  font-family: Outfit;
  src: url(../fonts/Outfit.ttf) format('truetype');
}


body {
  font-family: "Righteous-Regular", Arial, Helvetica, sans-serif;
}
 
p {

  font-family: "Righteous-Regular", Arial, Helvetica, sans-serif;
}

a {
  color: #9f16cc;
  text-decoration: none;
}

a:hover {
  color: #fd2003;
  text-decoration: none;
}

a svg:hover #eye1,
a svg:hover #eye2,
a svg:hover #eye3,
a svg:hover #eye4,
a svg:hover #eye5,
a svg:hover #eye6,
a svg:hover #eye7,
a svg:hover #spkr1,
a svg:hover #spkr2,
a svg:hover #spkr3,
a svg:hover #spkr4,
a svg:hover #spkr5


{ 
  fill: #ff00d0;
}

img {
  opacity: 0.8;
}

svg {
  opacity: 0.8;
  padding-bottom: 5px;
}

picture {
  opacity: 0.8;
}

.filter-pink{
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(286deg) brightness(118%) contrast(119%);
}

h1,
h2
{
  font-family: "VMoscoso", Arial, Helvetica, sans-serif;
}

h3

{
  font-family: "Outfit", Arial, Helvetica, sans-serif;
}

h4,
h5
{
  font-family: "Righteous-Regular", Arial, Helvetica, sans-serif;
 
}
h6 
{
  
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  color:rgb(228, 21, 125);
  font-weight: 500;
}

.background {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  


}
.background::after {
  content:"";
  position: absolute;
  width:200vw;
  height:200vh;
  left: -50%;
  top: -50%;
 background-image: url(data:image/png;base64,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);
  animation:grain .5s steps(9) infinite;

}

@keyframes grain {
  0%, 100% {transform: translate(0,0);}
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
 
  90% { transform:translate(-10%, 10%) }
}



#expcineLoop {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}



#color-wheel{

  -webkit-animation: changeColor 10s infinite;

  -moz-animation:    changeColor 10s infinite;

  -o-animation:      changeColor 10s infinite;

  animation:         changeColor 10s infinite;

}



@-webkit-keyframes changeColor {

0%   {

  -webkit-filter: hue-rotate(0deg);

  -moz-filter: hue-rotate(0deg);

  -o-filter: hue-rotate(0deg);

  filter: hue-rotate(0deg);

}



100% {

  -webkit-filter: hue-rotate(360deg);

  -moz-filter: hue-rotate(360deg);

  -o-filter: hue-rotate(360deg);

  filter: hue-rotate(360deg);

}

}

@-moz-keyframes changeColor {

0%   {

  -webkit-filter: hue-rotate(0deg);

  -moz-filter: hue-rotate(0deg);

  -o-filter: hue-rotate(0deg);

  filter: hue-rotate(0deg);

}



100% {

  -webkit-filter: hue-rotate(360deg);

  -moz-filter: hue-rotate(360deg);

  -o-filter: hue-rotate(360deg);

  filter: hue-rotate(360deg);

}

}

@-o-keyframes changeColor {

0%   {

  -webkit-filter: hue-rotate(0deg);

  -moz-filter: hue-rotate(0deg);

  -o-filter: hue-rotate(0deg);

  filter: hue-rotate(0deg);

}


100% {

  -webkit-filter: hue-rotate(360deg);

  -moz-filter: hue-rotate(360deg);

  -o-filter: hue-rotate(360deg);

  filter: hue-rotate(360deg);

}

}

@keyframes changeColor {

0%   {

  -webkit-filter: hue-rotate(0deg);

  -moz-filter: hue-rotate(0deg);

  -o-filter: hue-rotate(0deg);

  filter: hue-rotate(0deg);

}
100% {

  -webkit-filter: hue-rotate(360deg);

  -moz-filter: hue-rotate(360deg);

  -o-filter: hue-rotate(360deg);

  filter: hue-rotate(360deg);

}
}

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #9f16cc;
  width: 43px;
  height: 43px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #ef0d80;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: #9f16cc;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ef0d80;
  border-top-color: #efefef;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}


#topbar {
  background: rgba(52, 3, 73, 0.7);
  font-size: 15px;
  height: 40px;
  padding: 0;
  color: rgba(255, 255, 255, 0.9);
  
}



#topbar .social-links a {

  padding: 4px 12px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}


#header {
  background: rgba(45, 2, 63, 0.5);
  transition: all 0.5s;
  z-index: 997;
  height: 70px;
}

#header.fixed-top {
  background: rgba(45, 2, 63, 0.5);
}

#header .logo {
 
  margin: 0;
  padding: 0;
  line-height: 1;
 
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 40px;
}

.scrolled-offset {
  margin-top: 70px;
}


.navbar {
  padding: 0;
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-weight: 300;
  
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  margin-left: 5px;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 15px 24px 15px;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;

}

.navbar a i,
.navbar a:focus i {
  font-size: 13px;
  line-height: 0;
  margin-left: 5px;
  


}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  background: #eb008d;
}





.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #9f16cc;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #ea00b7;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #cc1616;
  background: none;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}




#landing {
  width: 100%;
  height: calc(100vh - 70px);
  background: url("../img/hero-bg2b.png") top center;
  background-size: cover;
  position: relative;
}

#landing:before {
  content: "";
  
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#landing h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: uppercase;
  color: #fff;
}

#landing h2 {
  color: #eee;
  margin-bottom: 30px;
  font-size: 24px;
}

#landing .btn-get-started {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 10px 28px;
  transition: 0.5s;
  border: 2px solid #fff;
  color: #fff;
}

#landing .btn-get-started:hover {
  background: #9f16cc;
  border-color: #9f16cc;
}

@media (min-width: 1024px) {
  #landing {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #landing {
    text-align: center;
  }

  #landing .container {
    padding-top: 40px;
  }

  #landing h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #landing h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}


section {
  
  padding: 30px 0;
  overflow: hidden;
  
  
}

.section-title {
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #ff00d0;
  position: relative;
  z-index: 2;
}

.section-title span {
  position: absolute;
  top: 30px;
  color: #00ffff;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 200;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 0;
}

.section-title p {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  color:#ff03cd;
}

@media (max-width: 575px) {
  .section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  

  .section-title span {
    font-size: 38px;
  }
}

.newcine {

    padding-top: 33px;

  
}
.newcine .film {
  text-align: center;
  margin-bottom: 20px;
 
  padding: 30px 20px;
  transition: all ease-in-out 0.5s;
  
}

.newcine .film:hover {
  background:  rgba(172, 5, 255, 0.3);
  border-radius: 15px;
  padding: 30px 30px 70px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}


.newcine .film img {
  max-width: 60%;
  border-radius: 10%;
  margin: 0 0 30px 0;

}


.newcine .film h4 {
  font-weight: 200;
  margin-bottom: 1px;
  font-size: 19px;
  color: #00f7ff;
}

.newcine .film h6 {
  font-family: Outfit;
  color: #bfff00;
  font-size: 15px;

}
.newcine .film a {
 color:rgba(255, 0, 195)
}

.newcine .film a:hover {
  color:rgb(221, 255, 0)
 }


.newcine .film span {
 
  display: block;
  font-family: Righteous-Regular;
  font-size: 17px;
  color: rgb(255, 0, 204);
}

.newcine .film p {
  padding-top: 10px;
  font-size: 14px;
  font-style: italic;
  color: #fefcfc;
}



.newcine .film .stream {
  margin-top: 15px;

}

.newcine .film .stream a {
  color: #ece5e5;
  transition: 0.3s;
}

.newcine .film .stream a:hover {
  color: #f10000;
}

.newcine .film .stream i {
  font-size: 18px;
  margin: 0 2px;
}

.lps .container
{
  padding-top: 23px;
}

.lps {

  text-align: center;
  
}

.lps .box {
  padding: 30px 30px;
 margin-bottom: 20px;
 padding: 30px 20px;
  transition: all ease-in-out 0.5s;
}


.lps .box span {
  display: block;
  font-size: 15px;
  font-weight: 200;
  color: #9f16cc;
}

.lps .box h3  {
  font-family: VMoscoso;
  color: #ed0edb;
}

.lps .box h4 {
  font-size: 20px;
  font-family: Righteous-Regular;
  font-weight: 200;
  
  color: #ed0edb;
  padding: 0;
  margin: 5px 0;
  
}

.lps .box h5 {
  font-size: 16px;
  font-family: Righteous-Regular;
  color:  #00f7ff;
}

.lps .box h6 {
 font-size: 14px;
  color: #00f9fd;
  font-family: Outfit;
}


.lps .box p {
  color: #fbf9f9;
  font-size: 15px;
  margin-top: 3px;
  font-style: italic;
}

.lps .box a {
color:rgba(255, 0, 195)
}

.lps img {
  max-width: 60%;

  margin: 0 0 10px 0;

}


.lps .box:hover {
  background:  rgba(172, 5, 255, 0.3);
  border-radius: 15px;
  padding: 30px 30px 50px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}



.lps a:hover {
  color: rgb(221, 255, 0);
  text-decoration: none;
}



.vault img {
  max-width: 60%;
  border-radius: 50%;
  margin: 0 0 30px 0;
}



.vault .icon-box {
  text-align: center;
  padding: 20px 5px;
  transition: all ease-in-out 0.5s;
 
}

.vault .icon-box .icon {
  margin: 0 auto;
  width: 54px;
  height: 54px;
  background:  rgba(215, 62, 229, 0.5);
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transform-style: preserve-3d;
}

.vault .icon-box .icon i {
  color: #fff;
  font-size: 28px;
}

.vault .icon-box .icon::before {
  position: absolute;
  content: "";
  left: -8px;
  top: -8px;
  height: 100%;
  width: 100%;
  background: #fce5e5;
  transition: all 0.3s ease-out 0s;
  transform: translateZ(-1px);
}

.vault .icon-box h4 {
  font-weight: 300;
  margin-bottom: px;
  font-size: 20px;
  color: #00f7ff;

}

.vault .icon-box h4 a {
  color: #191919;
}

.vault .icon-box p {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 0;
  font-style: italic;
  color: #fefcfc;
}


.vault h5 {
 
  display: block;
  font-size: 17px;
  color: rgb(246, 230, 0);
}

.vault .icon-box:hover {
  background:  rgba(172, 5, 255, 0.3);
  border-radius: 15px;
  padding: 45px 10px 60px 10px;
}

.vault .icon-box:hover .icon {
  background: #fff;
}

.vault .icon-box:hover .icon i {
  color: #16ccc9;
}

.vault .icon-box:hover .icon::before {
  background: #9f16cc;
}


.vault .icon-box:hover h4 a,
.vault .icon-box:hover p {
  color: #fff;
}


.cta {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/cta-bg2.png") fixed center center;
  background-size: contain;
  padding: 120px 0;
}

.cta h3 {
  font-family: "VMoscoso", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 33px;
  font-weight: 100;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Righteous-Regular", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #9f16cc;
  border: 2px solid #9f16cc;
}


.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}


.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;

  line-height: 1;
  text-transform: uppercase;
  color: #1de0ee;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
 
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #9f16cc;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
  
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.5s;
  background: rgba(218, 51, 227, 0.7);
  padding: 15px;
  border-radius: 45px;
  
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 16px;
  color: #fff;
  
  font-family: "Outfit", Arial, Helvetica, sans-serif;

}

.portfolio .portfolio-item .portfolio-info p {
  color: #fffbfb;
  font-size: 15px;
  margin-bottom: 0;
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-style: italic;

 
}

.portfolio .portfolio-item .portfolio-info a {
  color:#eeff00;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #333333;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #9f16cc;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
  color: rgb(254, 0, 0);
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
  color: #9f16cc;
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}

.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #9f16cc;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #9f16cc;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(25, 25, 25, 0.08);
  
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}



#footer {
 
  padding: 0 0 10px 0;
  color: #d4ff00;
  font-size: 15px;
  
}



#footer .copyright {
  
  font-family: "Outfit", Arial, Helvetica, sans-serif;

  padding-top: 10px;
}



@media (max-width: 575px) {
  #footer .footer-top .footer-info {
    margin: -20px 0 30px 0;
  }
}
@media (min-aspect-ratio: 16/9) {
  #expcineLoop {
      width:100%;
      height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  #expcineLoop { 
      width:auto;
      height: 100%;
  }
}
@media (max-width: 767px) {
  #expcineLoop {
      display: none;
  }
  body {
      background: url('../img/posterc.png');
      background-size: 767px;
  }
}