/* .header-spacing {
	height: 100px;
} */

body.hidden {
	overflow: hidden;
}

header {
	min-height: 100px;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	position: sticky; 
	top: 0;
	width: 100%;
	z-index:1000;
	background: var(--theme-secondary-color);
}
header img.header-logo {
	width: 442px;
}

header .container-fluid {
	padding-left: 160px;
	padding-right: 160px;
}

header .navbar {
  color: var(--theme-penitentiary-color);
  padding: 32px 0;
}

header .navbar-toggler {
  color: var(--theme-penitentiary-color);
  outline: none;
  border: none;
  box-shadow: none;
}

header .navbar-toggler:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}

header .bar1, 
header .bar2, 
header .bar3 {
  width: 30px;
  height: 2px;
  background-color: var(--theme-penitentiary-color);
  margin: 5px 0;
  transition: .4s;
}

header .change .bar1 {
  transform: rotate(-45deg) translate(-1px, 1px);
}

header .change .bar2 {
  transform: rotate(45deg) translate(-4px, -4px);
}

header .change .bar3 {
  display: none;
}

header .navbar-collapse {
	position: fixed;
    width: 100%;
/*     top: 132px; */
	top: 100px;
    left: 0px;
    z-index: 10;
    bottom: 0px;
    background-color: var(--theme-secondary-color);
/* 	background-image: url('https://cinemamakeup.com/wp-content/uploads/2023/07/Group-151602.png'); */
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
/* 	display: flex; */
	animation-duration: 2s;
/* 	animation-delay: 7s; */
	animation-delay: 2s;
    animation-fill-mode: both;
    animation-name: bgfadeInBottom;
}

@keyframes bgfadeInBottom {
    from {
        background-image: none;
    }
    to { 
		background-image: url('https://cinemamakeup.com/wp-content/uploads/2023/07/Group-151602.png');
	}
}

header .custom-menu {
	width: 100%;
	margin-top: 80px;
}


header .custom-menu ul > li:nth-child(1) a {
/* header .custom-menu #menu-item-30 { */
	animation-duration: 1s;
/* 	animation-delay: 1s; */
	animation-delay: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul > li:nth-child(1) a, */
header .custom-menu ul > li:nth-child(2) a {
/* header .custom-menu #menu-item-31 { */
	animation-duration: 2s;
/* 	animation-delay: 2s; */
	animation-delay: 1.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(1) a, */
/* header .custom-menu ul li ul > li:nth-child(2) a, */
header .custom-menu ul > li:nth-child(3) a {
/* header .custom-menu #menu-item-32 { */
	animation-duration: 2s;
/* 	animation-delay: 3s; */
	animation-delay: 2.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(2) a, */
/* header .custom-menu ul li ul > li:nth-child(3) a, */
header .custom-menu ul > li:nth-child(4) a {
/* header .custom-menu #menu-item-33 { */
	animation-duration: 2s;
/* 	animation-delay: 4s; */
	animation-delay: 3.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(3) a, */
/* header .custom-menu ul li ul > li:nth-child(4) a, */
header .custom-menu ul > li:nth-child(5) a {
/* header .custom-menu #menu-item-34 { */
	animation-duration: 2s;
/* 	animation-delay: 5s; */
	animation-delay: 4.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(4) a, */
/* header .custom-menu ul li ul > li:nth-child(5) a, */
header .custom-menu ul > li:nth-child(6) a {
	animation-duration: 2s;
	animation-delay: 5.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(5) a, */
/* header .custom-menu ul li ul > li:nth-child(6) a, */
header .custom-menu ul > li:nth-child(7) a {
	animation-duration: 2s;
	animation-delay: 6.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(6) a, */
/* header .custom-menu ul li ul > li:nth-child(7) a, */
header .custom-menu ul > li:nth-child(8) a {
	animation-duration: 2s;
	animation-delay: 7.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(7) a, */
/* header .custom-menu ul li ul > li:nth-child(8) a, */
header .custom-menu ul > li:nth-child(9) a {
	animation-duration: 2s;
	animation-delay: 8.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(8) a, */
/* header .custom-menu ul li ul > li:nth-child(9) a, */
header .custom-menu ul > li:nth-child(10) a {
	animation-duration: 2s;
	animation-delay: 9.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(9) a, */
/* header .custom-menu ul li ul > li:nth-child(10) a, */
header .custom-menu ul > li:nth-child(11) a {
	animation-duration: 2s;
	animation-delay: 9.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(10) a,
/* header .custom-menu ul li ul > li:nth-child(11) a, */
header .custom-menu ul > li:nth-child(12) a {
	animation-duration: 2s;
	animation-delay: 9.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(12) a, */
/* header .custom-menu ul li ul > li:nth-child(13) a, */
header .custom-menu ul > li:nth-child(14) a {
	animation-duration: 2s;
	animation-delay: 9.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

/* header .custom-menu ul li ul li ul > li:nth-child(13) a, */
/* header .custom-menu ul li ul > li:nth-child(14) a, */
header .custom-menu ul > li:nth-child(15) a {
	animation-duration: 2s;
	animation-delay: 9.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}


header .custom-menu ul li ul > li:nth-child(1) a {
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul > li:nth-child(2) a {
    animation-duration: 2s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(3) a {
    animation-duration: 2s;
    animation-delay: 2.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(4) a {
    animation-duration: 2s;
    animation-delay: 3.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(5) a {
    animation-duration: 2s;
    animation-delay: 4.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(6) a {
    animation-duration: 2s;
    animation-delay: 5.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(7) a {
    animation-duration: 2s;
    animation-delay: 6.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(8) a {
    animation-duration: 2s;
    animation-delay: 7.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(9) a {
    animation-duration: 2s;
    animation-delay: 8.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(10) a {
    animation-duration: 2s;
    animation-delay: 9.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(11) a {
    animation-duration: 2s;
    animation-delay: 10.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(12) a {
    animation-duration: 2s;
    animation-delay: 11.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(13) a {
    animation-duration: 2s;
    animation-delay: 12.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(14) a {
    animation-duration: 2s;
    animation-delay: 13.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}
header .custom-menu ul li ul > li:nth-child(15) a {
    animation-duration: 2s;
    animation-delay: 14.5s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(1) a {
    animation-duration: 2s;
    animation-delay: 0.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(2) a {
    animation-duration: 2s;
    animation-delay: 1.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(3) a {
    animation-duration: 2s;
    animation-delay: 2.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(4) a {
    animation-duration: 2s;
    animation-delay: 3.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(5) a {
    animation-duration: 2s;
    animation-delay: 4.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(6) a {
    animation-duration: 2s;
    animation-delay: 5.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(7) a {
    animation-duration: 2s;
    animation-delay: 6.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(8) a {
    animation-duration: 2s;
    animation-delay: 7.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(9) a {
    animation-duration: 2s;
    animation-delay: 8.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(10) a {
    animation-duration: 2s;
    animation-delay: 9.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(11) a {
    animation-duration: 2s;
    animation-delay: 10.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(12) a {
    animation-duration: 2s;
    animation-delay: 11.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(13) a {
    animation-duration: 2s;
    animation-delay: 12.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(14) a {
    animation-duration: 2s;
    animation-delay: 13.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .custom-menu ul li ul li ul > li:nth-child(15) a {
    animation-duration: 2s;
    animation-delay: 14.7s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}




header .navbar-nav .nav-link {
	 color: transparent;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: var(--theme-penitentiary-color);
/* 	font-size: 56px; */
/* 	font-size: 52px; */
	font-size: 40px;
	font-family: "Museo Sans 700", sans-serif;
	line-height: 104%;
	letter-spacing: 2.24px;
	display: inline-block;
	margin-bottom: 25px;
	padding: 0;
}

header .navbar-nav .nav-link:focus {
	 color: transparent;

}

header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link:hover {
	color: var(--theme-penitentiary-color);
}

header .social-icons {
	margin-top: 15px;
	animation-duration: 2s;
/* 	animation-delay: 6s; */
	animation-delay: 5.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
}

header .social-icons a {
	margin-right: 24px;
}

header .social-icons a:hover {
	color: var(--theme-penitentiary-color);
}

header .social-icons a:last-child {
	margin-right: 0;
}


/* dropdown menu css starts */

header .custom-menu .navbar-nav ul.dropdown-menu ul.dropdown-menu,
header .custom-menu .navbar-nav ul.dropdown-menu {
	background: unset;
	margin-left: 15px;
/* 	animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInBottom; */
}

/* header .custom-menu .navbar-nav ul.dropdown-menu i,
header .custom-menu .navbar-nav ul.dropdown-menu .nav-link {
	font-size: 40px;
}

header .custom-menu .navbar-nav ul.dropdown-menu ul.dropdown-menu i,
header .custom-menu .navbar-nav ul.dropdown-menu ul.dropdown-menu .nav-link {
	font-size: 32px;
} */

header .custom-menu .navbar-nav i{
    color:  var(--theme-penitentiary-color);
    font-size: 56px;
    line-height: 104%;
    letter-spacing: 2.24px;
	display: none;
	cursor: pointer;
}

/* header .custom-menu .navbar-nav li.show a {
	display: inline !important;	
} */

header .custom-menu .navbar-nav li.show li,
header .custom-menu .navbar-nav li.show {
	display: block !important;	
}

 header .custom-menu .navbar-nav li.show li.show > i,
header .custom-menu .navbar-nav li.show > i,
 header .custom-menu .navbar-nav li.show li.show > a,
header .custom-menu .navbar-nav li.show > a {
    animation-duration: 1s;
    /* animation-delay: 1s; */
    animation-delay: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeInBottom;
} 


/* header .custom-menu .navbar-nav li.show > i {
 display: inline;
} */

/* dropdown menu css ends */

/* header .dropdown-menu.show1{
	display: block;
} */


@media screen and (max-width: 1220px) {
	header {
		min-height: 72px;	
	}
	
	header .navbar-collapse {
		background-image: url('https://cinemamakeup.com/wp-content/uploads/2023/07/mobile-header-bg.svg');
/* 		    top: 129px; */
		top: 97px;
	}

	@keyframes bgfadeInBottom {
		from {
			background-image: none;
		}
		to {
			background-image: url('https://cinemamakeup.com/wp-content/uploads/2023/07/mobile-header-bg.svg');
		}
	}
	
	header .custom-menu .navbar-nav i,
	header .navbar-nav .nav-link {
/* 		font-size: 32px; */
		font-size: 20px;
		letter-spacing: 1.28px;
	}

/* 	header .custom-menu .navbar-nav ul.dropdown-menu i,
	header .custom-menu .navbar-nav ul.dropdown-menu .nav-link {
		font-size: 20px;
	}

	header .custom-menu .navbar-nav ul.dropdown-menu ul.dropdown-menu i,
	header .custom-menu .navbar-nav ul.dropdown-menu ul.dropdown-menu .nav-link {
		font-size: 20px;
	}	 */
	
}

@media screen and (max-width: 991px) {
	header .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* @media screen and (max-width: 782px) {
	header .navbar-collapse {
    	top: 143px;
		top: 111px;
	}
} */

@media screen and (max-width: 767px) {
	
header .custom-menu ul > li:nth-child(1) a {
/* header .custom-menu #menu-item-30 { */
	animation-duration: 1s;
	animation-delay: 0.2s;
}

header .custom-menu ul > li:nth-child(2) a {
/* header .custom-menu #menu-item-31 { */
	animation-duration: 1s;
	animation-delay: 0.5s;
}

header .custom-menu ul > li:nth-child(3) a {
/* header .custom-menu #menu-item-32 { */
	animation-duration: 1s;
	animation-delay: 0.8s;
}

header .custom-menu ul > li:nth-child(4) a {
/* header .custom-menu #menu-item-33 { */
	animation-duration: 1s;
	animation-delay: 1.1s;
}

header .custom-menu ul > li:nth-child(5) a {
/* header .custom-menu #menu-item-34 { */
	animation-duration: 1s;
	animation-delay: 1.4s;
}
	
header .custom-menu ul > li:nth-child(6) a {
	animation-duration: 1s;
	animation-delay: 1.7s;
}
	
header .custom-menu ul > li:nth-child(7) a {
	animation-duration: 1s;
	animation-delay: 2.0s;
}
	
header .custom-menu ul > li:nth-child(8) a {
	animation-duration: 1s;
	animation-delay: 2.3s;
}
	
header .custom-menu ul > li:nth-child(9) a {
	animation-duration: 1s;
	animation-delay: 2.6s;
}
	
header .custom-menu ul > li:nth-child(10) a {
	animation-duration: 1s;
	animation-delay: 2.9s;
}
	
header .custom-menu ul > li:nth-child(11) a {
	animation-duration: 1s;
	animation-delay: 3.2s;
}
	
header .custom-menu ul > li:nth-child(12) a {
	animation-duration: 1s;
	animation-delay: 3.5s;
}
	
header .custom-menu ul > li:nth-child(13) a {
	animation-duration: 1s;
	animation-delay: 3.8s;
}
	
header .custom-menu ul > li:nth-child(14) a {
	animation-duration: 1s;
	animation-delay: 4.1s;
}
	
header .custom-menu ul > li:nth-child(15) a {
	animation-duration: 1s;
	animation-delay: 4.4s;
}
	
header .custom-menu ul li ul > li:nth-child(1) a {
    animation-duration: 1s;
    animation-delay: 0.5s;
}

header .custom-menu ul li ul > li:nth-child(2) a {
    animation-duration: 1s;
    animation-delay: 0.8s;
}

header .custom-menu ul li ul > li:nth-child(3) a {
    animation-duration: 1s;
    animation-delay: 1.1s;
}

header .custom-menu ul li ul > li:nth-child(4) a {
    animation-duration: 1s;
    animation-delay: 1.4s;
}

header .custom-menu ul li ul > li:nth-child(5) a {
    animation-duration: 1s;
    animation-delay: 1.7s;
}

header .custom-menu ul li ul > li:nth-child(6) a {
    animation-duration: 1s;
    animation-delay: 2s;
}

header .custom-menu ul li ul > li:nth-child(7) a {
    animation-duration: 1s;
    animation-delay: 2.3s;
}

header .custom-menu ul li ul > li:nth-child(8) a {
    animation-duration: 1s;
    animation-delay: 2.6s;
}

header .custom-menu ul li ul > li:nth-child(9) a {
    animation-duration: 1s;
    animation-delay: 2.9s;
}

header .custom-menu ul li ul > li:nth-child(10) a {
    animation-duration: 1s;
    animation-delay: 3.2s;
}

header .custom-menu ul li ul > li:nth-child(11) a {
    animation-duration: 1s;
    animation-delay: 3.5s;
}

header .custom-menu ul li ul > li:nth-child(12) a {
    animation-duration: 1s;
    animation-delay: 3.8s;
}

header .custom-menu ul li ul > li:nth-child(13) a {
    animation-duration: 1s;
    animation-delay: 4.1s;
}

header .custom-menu ul li ul > li:nth-child(14) a {
    animation-duration: 1s;
    animation-delay: 4.4s;
}

header .custom-menu ul li ul > li:nth-child(15) a {
    animation-duration: 1s;
    animation-delay: 4.7s;
}

	header .custom-menu ul li ul li ul > li:nth-child(1) a {
    animation-duration: 1s;
    animation-delay: 0.8s;
}

header .custom-menu ul li ul li ul > li:nth-child(2) a {
    animation-duration: 1s;
    animation-delay: 1.1s;
}

header .custom-menu ul li ul li ul > li:nth-child(3) a {
    animation-duration: 1s;
    animation-delay: 1.4s;
}

header .custom-menu ul li ul li ul > li:nth-child(4) a {
    animation-duration: 1s;
    animation-delay: 1.7s;
}

header .custom-menu ul li ul li ul > li:nth-child(5) a {
    animation-duration: 1s;
    animation-delay: 2s;
}

header .custom-menu ul li ul li ul > li:nth-child(6) a {
    animation-duration: 1s;
    animation-delay: 2.3s;
}

header .custom-menu ul li ul li ul > li:nth-child(7) a {
    animation-duration: 1s;
    animation-delay: 2.7s;
}

header .custom-menu ul li ul li ul > li:nth-child(8) a {
    animation-duration: 1s;
    animation-delay: 3s;
}

header .custom-menu ul li ul li ul > li:nth-child(9) a {
    animation-duration: 1s;
    animation-delay: 3.3s;
}

header .custom-menu ul li ul li ul > li:nth-child(10) a {
    animation-duration: 1s;
    animation-delay: 3.6s;
}

header .custom-menu ul li ul li ul > li:nth-child(11) a {
    animation-duration: 1s;
    animation-delay: 3.9s;
}

header .custom-menu ul li ul li ul > li:nth-child(12) a {
    animation-duration: 1s;
    animation-delay: 4.2s;
}

header .custom-menu ul li ul li ul > li:nth-child(13) a {
    animation-duration: 1s;
    animation-delay: 4.5s;
}

header .custom-menu ul li ul li ul > li:nth-child(14) a {
    animation-duration: 1s;
    animation-delay: 4.8s;
}

header .custom-menu ul li ul li ul > li:nth-child(15) a {
    animation-duration: 1s;
    animation-delay: 5.1s;
}
	
header .navbar-collapse {
	animation-duration: 1s;
	animation-delay: 0.5s;
}

header .social-icons {
	animation-duration: 1s;
	animation-delay: 1.7s;
}
	
	header img.header-logo {
		width: 220.8px;
	}
	
	header .navbar-collapse {
/* 		top: 77px; */
		top: 62px;
		    background-size: cover;
	}
	header {
		min-height: 64px;	
	}
	header .navbar {
/* 	  padding: 28px 17px; */
		padding: 15px 17px;
	}
	
	header .navbar-nav .nav-link:hover {
		color: transparent;
	}
	header .navbar-nav .nav-link.active,
	header .navbar-nav .nav-link.active:hover {
		color: var(--theme-penitentiary-color);
	}
}