@charset "utf-8";
/* CSS Document */
*
{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}
:root
{
	--text-color: #B49760;
	--bg-color: #1e1c1d;
	--heading-font: 'Playfair Display', serif;;
}
::selection
{
	background: var(--text-color);
	color: var(--bg-color);
}
a{
	text-decoration: none;
}

/*Browser Scrollbar Color Change*********************************************************************************************/

/* Firefox */
html
{
  scrollbar-color: var(--text-color) -webkit-linear-gradient(bottom, rgba(38,38,32,1) 3%, rgba(13,13,13,1) 43%, rgba(0,0,0,1) 100%);
  scrollbar-color: var(--text-color) -o-linear-gradient(bottom, rgba(38,38,32,1) 3%, rgba(13,13,13,1) 43%, rgba(0,0,0,1) 100%);
  scrollbar-color: var(--text-color) linear-gradient(to top, rgba(38,38,32,1) 3%, rgba(13,13,13,1) 43%, rgba(0,0,0,1) 100%);
  scrollbar-width: 12px;
}

/* WebKit and Chromiums */

::-webkit-scrollbar
{
  	width: 10px;
  	height: 10px;
  	background: linear-gradient(0deg, rgba(38,38,32,1) 3%, rgba(13,13,13,1) 43%, rgba(0,0,0,1) 100%);
}

::-webkit-scrollbar-thumb
{
  	background: var(--text-color);
}


/*Browser Scrollbar Color Change End Here***********************************************************************************/


@font-face
{
	font-family: signature;
	src: url("../../fonts/signature.otf");
}
.bg-color
{
	background: var(--bg-color);
}
.text-fade{
	color: rgba(193,193,193,1.00)!important;
}
/*Header*/

header
{
	width: 100%;
	height: 100vh;
	position: absolute;
}
.hamburger-menu
{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	padding: 5px;
	box-sizing: border-box;
  	background-color: var(--text-color);
	position: fixed;
	right: 30px;
	top: 30px;
	z-index: 11;
  	border: none;
	outline: none;
  	cursor: pointer;
  	display: flex;
}
.hamburger-menu:focus, .hamburger-menu:visited
{
	outline: none;
}
.hamburger-menu .line
{
  fill: none;
  -webkit-stroke: #000000;
  stroke: #000000;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger-menu .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.hamburger-menu .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.hamburger-menu .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.text-10 {
        color: rgba(204, 204, 204, 1.00);
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
    }


/*Overlay Navbar - II*/

.main-navigation
{
  	display: flex;
  	flex-direction: column;
  	flex: 1 1 auto;
  	justify-content: center;
  	align-items: flex-end;
  	width: 100%;
  	height: 100%;
}
.main-navigation .main-navigation__link
{
  text-decoration: none;
  color: #DFDFDF;
  font-size: 1.5rem;
  padding: 2% 0.2rem;
  font-weight: bold;
  transition: all 300ms ease;
  position: relative;
  display: block;
}
@media (min-width: 480px) {
  .main-navigation .main-navigation__link {
    font-size: 2rem;
  }
}
.main-navigation .main-navigation__link:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #ecf445;
  position: absolute;
  bottom: 18%;
  left: 0;
  transform-origin: left;
  transition: all 300ms ease-out;
}
.main-navigation .main-navigation__link:hover:after {
  transform: scaleX(4);
}

.btn-link {
  display: flex;
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 3px;
  position: relative;
}
.menu__item__content a.btn-link:hover
{
	color: #FFFFFF;
}
.btn-link:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: calc(50% - 60px);
  transform-origin: top;
  transition: all 300ms ease;
  transform: scaleY(0);
  background: #FFFFFF;
  top: 20px;
  left: 50%;
  margin-left: -2px;
  opacity: 1;
}
.btn-link:hover:before
{
  transform: scaleY(1);
}

.menu-button
{
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 3;
  background: #ecf445;
  border: none;
  box-shadow: none;
  outline: none;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 300ms ease;
}
.menu-button:after {
  content: "+";
  width: 30px;
  height: 30px;
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: lighter;
  transition: all 300ms ease;
}
.menu-button:hover {
  transform: scale(1.1);
}
.menu-button.menu-trigger--menu-open:after
{
  transform: rotate(180deg);
}
.menu
{
  	height: 100vh;
  	width: 100%;
  	display: grid;
  	overflow-y: auto;
	position: fixed;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
  	grid-template-columns: 100%;
  	grid-template-rows: 20% 20% 20% 10% 10% 10% 10%;
	transition: all 300ms ease;
}
.menu--open
{
	visibility: visible !important;
	opacity: 1 !important;
	transition: all 300ms ease;
}
@media (min-width: 480px) {
  .menu
	{
    grid-template-columns: 30% 70%;
    grid-template-rows: 25% 25% 25% 25%;
  }
}
@media (min-width: 800px) {
  .menu {
    grid-template-columns: 20% 30% 50%;
    grid-template-rows: 60% 40%;
  }
}

.menu__item
{
  	opacity: 0;
  	transition: all 200ms ease;
  	overflow: hidden;
  	position: relative;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	flex: 1 1 auto;
}
.menu__item a.btn-link
{
	text-decoration:none;
	text-transform: uppercase;
}
.menu__item .menu__item__bg-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: overlay;
  transform-origin: center;
  transform: scale(2);
  transition: all 2000ms ease-out;
  z-index: 1;
}
.menu__item .menu__item__content {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: all 300ms ease;
}
.menu__item:first-child {
  background-color: #272727;
}
.menu__item:first-child .btn-link
{
  	color: #eee;
}
.menu__item:first-child .btn-link:before {
  background: #ccc;
}
.menu__item:nth-child(2)
{
  background: linear-gradient(254deg, rgba(180,151,96,1) 0%, rgba(130,102,49,1) 100%);
}
.menu__item:nth-child(3)
{
  background-color: #272727;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 4;
}
@media (min-width: 480px) {
  .menu__item:nth-child(3) {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 5;
  }
}
@media (min-width: 800px) {
  .menu__item:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.menu__item:nth-child(4)
{
  background-color: #380f0f;
}
/*.menu__item:nth-child(5)
{
  background-color: #eee;
}*/
.menu__item:nth-child(1) {
  transition-delay: 50ms;
  transform-origin: bottom;
  transform: scaleY(0);
}
.menu__item:nth-child(1) .menu__item__bg-container {
  background-image: linear-gradient(30deg, rgba(31,29,29,1) 10%, rgba(71,71,71,0) 79%), url(../../images/navbar-pic/pic-1.jpg);
}
.menu__item:nth-child(1) .menu__item__content {
  transition-delay: 0ms;
}
.menu--open .menu__item:nth-child(1) {
  transition-delay: 200ms;
}
.menu--open .menu__item:nth-child(1) .menu__item__content {
  transition-delay: 700ms;
}
.menu__item:nth-child(2) {
  transition-delay: 100ms;
  transform-origin: left;
  transform: scaleX(0);
}
.menu__item:nth-child(2) .menu__item__bg-container {
  background-image: linear-gradient(30deg, rgba(31,29,29,1) 17%, rgba(71,71,71,0) 100%), url(../../images/navbar-pic/pic-2.jpg);
}
.menu__item:nth-child(2) .menu__item__content {
  transition-delay: 50ms;
}
.menu--open .menu__item:nth-child(2) {
  transition-delay: 400ms;
}
.menu--open .menu__item:nth-child(2) .menu__item__content {
  transition-delay: 900ms;
}
.menu__item:nth-child(3) {
  transition-delay: 150ms;
  transform-origin: bottom;
  transform: scaleY(0);
}
.menu__item:nth-child(3) .menu__item__bg-container {
  background-image: url("../../images/navbar-pic/pic-5.jpg");
}
.menu__item:nth-child(3) .menu__item__content {
  transition-delay: 100ms;
}
.menu--open .menu__item:nth-child(3) {
  transition-delay: 600ms;
}
.menu--open .menu__item:nth-child(3) .menu__item__content {
  transition-delay: 1100ms;
}
.menu__item:nth-child(4) {
  transition-delay: 200ms;
  transform-origin: left;
  transform: scaleX(0);
}
.menu__item:nth-child(4) .menu__item__bg-container {
  background-image: url("../../images/navbar-pic/pic-3.jpg");
}
.menu__item:nth-child(4) .menu__item__content {
  transition-delay: 150ms;
}
.menu--open .menu__item:nth-child(4) {
  transition-delay: 800ms;
}
.menu--open .menu__item:nth-child(4) .menu__item__content {
  transition-delay: 1300ms;
}
.menu__item:nth-child(5) {
  transition-delay: 250ms;
  transform-origin: bottom;
  transform: scaleY(0);
}
.menu__item:nth-child(5) .menu__item__bg-container {
  background-image: linear-gradient(30deg, rgba(0,0,0,1) 17%, rgba(71,71,71,0) 100%), url(../../images/navbar-pic/pic-4.jpg);;
}
.menu__item:nth-child(5) .menu__item__content {
  transition-delay: 200ms;
}
.menu--open .menu__item:nth-child(5) {
  transition-delay: 1000ms;
}
.menu--open .menu__item:nth-child(5) .menu__item__content {
  transition-delay: 1500ms;
}
.menu--open .menu__item {
  transform: scale(1);
  opacity: 1;
  transition: all 400ms ease;
}
.menu--open .menu__item .menu__item__bg-container {
  transform: scale(1);
}
.menu--open .menu__item .menu__item__content {
  opacity: 1;
}
.menu--open .menu__item:hover .menu__item__bg-container {
  transform: scale(1.2);
}


/*Overlay Navbar - II End Here*/



/*Header End Here*****************************************************************************************************************/





/*Slider**************************************************************************************************************************/

.slider, .gallery-banner
{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.cb-slideshow,
.cb-slideshow:after {
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url("../../images/index/pattern.png") repeat top left;
}
.cb-slideshow li
{
	list-style: none;
	text-decoration: none;
}
.cb-slideshow li > span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 10%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) > span
{
	background-image: url("../../images/index/../../images/index/banner.jpg");
}
.cb-slideshow li:nth-child(2) > span
{
    background-image: url("../../images/index/../../images/index/banner2.jpg");
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) > span {
    background-image: url("../../images/index/../../images/index/banner3.jpg");
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) > span {
    background-image: url("../../images/index/../../images/index/banner41.jpg");
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) > span {
    background-image: url("../../images/index/../../images/index/banner5.jpg");
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) > span {
    background-image: url("../../images/index/../../images/index/banner6.jpg");
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}


/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	   transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	   transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	   transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	   transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(50%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}
/*.cb-slideshow li div p:nth-child(1)
{
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	font-size: 230px;
	letter-spacing: 30px;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-text-stroke: 1px rgba(255,255,255,0.3);
	-webkit-text-fill-color: transparent;
	-webkit-font-smoothing: antialiased;
	text-stroke: unset;
}*/
.cb-slideshow li div p
{
	position: relative;
	left: 0;
	right: 0;
	bottom: 0px;
	margin: 0px auto;
	color: #FFFFFF;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-weight: 700;
}
/*.cb-slideshow li div p:nth-child(1)
{
	position: relative;
	left: 0;
	right: 0;
	bottom: -140px;
	margin: 0px auto;
	font-family: 'EB Garamond', serif;
	font-size: 100px;
	color: #FFFFFF;
	letter-spacing: 20px;
	text-transform: uppercase;
	line-height: 20px;
}*/
/*.cb-slideshow li div p:nth-child(3) > span
{
	font-family: var(--heading-font);
	font-size: 130px;
}*/

.cb-slideshow li:first-child img
{
	width: 50%;
}
/*
.cb-slideshow li:nth-child(2) img,
.cb-slideshow li:nth-child(5) img
{
	width: 20%;
}
*/



/*Slider End Here***************************************************************************************************************/

.text-box{
	padding: 30px 0px;
}


.welcome, .portfolio
{
	width: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 130px 0px;
}
.text-box p:nth-child(1)
{
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 11px;
	text-transform: uppercase;
}
.text-box p:nth-child(2)
{
	font-family: var(--heading-font);
	font-size: 50px;
	font-style: italic;
	text-transform: capitalize;
}
.text-box p:nth-child(4)
{
	font-style: italic;
	margin-top: 30px;
}
.text-box .fa-ellipsis-h
{
	font-size: 30px;
	color: rgba(0,0,0,0.3);
}
.text-box p:nth-child(5)
{
	font-family: signature;
	font-size: 18px;
	color: rgba(0,0,0,0.2);
	margin-top: 3em;
}
.waviy
{
  	position: relative;
	text-align: center;
	margin: 70px 0px 30px 0px;
}
.waviy span
{
  	position: relative;
  	display: inline-block;
  	text-transform: uppercase;
  	animation: flip 2s infinite;
  	animation-delay: calc(0.2s * var(--i));
}
@keyframes flip {
  0%,
  80%
	{
    transform: rotateY(360deg);
  	}
}

/*Welcome End Here**************************************************************************************************************/




.director
{
	width: 100%;
	height: 100vh;
	background-image: url("../../images/index/bg-4.jpg");
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
}
.director .frame img {
  border: solid 2px;
  border-bottom-color: #ffe;
  border-left-color: #eed;
  border-right-color: #eed;
  border-top-color: #ccb;
  max-height: 100%;
  max-width: 100%;
}

.frame {
  background-color: #ddc;
  border: solid 5vmin #eee;
  border-bottom-color: #fff;
  border-left-color: #eee;
  border-radius: 2px;
  border-right-color: #eee;
  border-top-color: #ddd;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25) inset, rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  box-sizing: border-box;
  display: inline-block;
  padding: 8vmin;
  position: relative;
  text-align: center;
}
.frame:before {
  border-radius: 2px;
  bottom: -2vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) inset;
  content: "";
  left: -2vmin;
  position: absolute;
  right: -2vmin;
  top: -2vmin;
}
.frame:after {
  border-radius: 2px;
  bottom: -2.5vmin;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  content: "";
  left: -2.5vmin;
  position: absolute;
  right: -2.5vmin;
  top: -2.5vmin;
}
.textarea-1
{
	padding-left: 50px;
}
.textarea-1 > p:nth-child(1)
{
	font-family: var(--heading-font);
	font-style: italic;
	color: var(--text-color);
	text-transform: capitalize;
	font-size: 38px;
	margin-bottom: 10px;
}
.textarea-1 > svg
{
	position: relative;
	right: -50%;
	transform: scale(.5) translateX(-50%) !important;
}
.textarea-1 > p:nth-child(3), .textarea-1 p:nth-child(4), .textarea-1 p:nth-child(5)
{
	color: rgba(255,255,255,0.5);
	font-size: 14px;
}
.textarea-1 > p:nth-child(3)
{
	margin-top: 30px;
}
.textarea-1 p:nth-child(3) span
{
	font-family: var(--heading-font);
	font-style: italic;
}
.textarea-1 > a
{
	text-decoration: none;
}
.button
{
	display: block;
	padding: 1em 0em;
	border: none;
	background: none;
	color: inherit;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button--wayra
{
	overflow: hidden;
	border: 3px solid rgba(255,255,255,0.5);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	color: rgba(255,255,255,0.5);
	margin-top: 41px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #37474f;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--wayra:hover {
	color: #fff;
	border-color: var(--text-color);
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
.button--wayra.button--inverted:hover {
	color: var(--text-color);
	border-color: #fff;
}
.button--wayra:hover::before {
	opacity: 1;
	background-color: var(--text-color);
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra.button--inverted:hover::before {
	background-color: #fff;
}



.drama
{
	width: 100%;
	height: 100vh;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0px;
}
.container_foto
{
	overflow: hidden;
}

.container_foto article {
	padding: 20%;
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.49653364763874297) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.49653364763874297) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.49653364763874297) 50%, rgba(0,0,0,0) 100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.container_foto h2 {
	color: #fff;
	font-weight: 800;
	font-size: 25px;
	border-bottom: #fff solid 1px;
}

.container_foto h4 {
	font-weight: 300;
	color: #fff;
	font-size: 15px;
}

.container_foto img {
	width: 100%;
	top: 0;
	left: 0;
	filter: grayscale(1);
	-webkit-transition: all 4s ease;
	-moz-transition: all 4s ease;
	-o-transition: all 4s ease;
	-ms-transition: all 4s ease;
	transition: all 4s ease;
}

.ver_mas {
	background-color: var(--text-color);
	position: absolute;
	width: 100%;
	height: 70px;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transform: translate(0px, 70px);
	-moz-transform: translate(0px, 70px);
	-o-transform: translate(0px, 70px);
	-ms-transform: translate(0px, 70px);
	transform: translate(0px, 70px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ver_mas p {
	font-size: 37px;
	color: #fff;
	position: relative;
	margin: 0 auto;
	width: 100%;
}


/*hovers*/

.container_foto:hover {
	cursor: pointer;
}

.container_foto:hover img {
	filter: grayscale(0);
	transform: scale(1.3);
}

.container_foto:hover article {
	
	-webkit-transform: translate(2px, -69px);
	-moz-transform: translate(2px, -69px);
	-o-transform: translate(2px, -69px);
	-ms-transform: translate(2px, -69px);
	transform: translate(2px, -69px);
}

.container_foto:hover .ver_mas {
	
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
}
.drama .owl-theme .owl-dots
{
	display: none;
}
.drama .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,1.00);
	padding: 4px 22px !important;
    border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s
}
.drama .owl-carousel .owl-nav button.owl-prev
{
	left: -10%;
}
.drama .owl-carousel .owl-nav button.owl-next
{
	right: -10%;
}
.drama .owl-carousel .owl-nav button.owl-prev > span, .drama .owl-carousel .owl-nav button.owl-next > span
{
	font-size: 30px;
	color: rgba(0,0,0,0.3);
}
.drama .owl-carousel .owl-nav button:hover
{
	background-color: var(--text-color) !important;
}
.drama .owl-carousel .owl-nav button:focus
{
	outline: none;
}




.team
{
	width: 100%;
	height: 100vh;
	/*margin-bottom: calc(9rem * 2);*/
	padding: 40px 0px 0px 0px;
	text-align: center;
	background-image: url("../../images/index/bg-5.jpg");
	background-size: cover;
	position: relative;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.team .text-box p
{
	color: #FFFFFF;
}
.team .text-box p:nth-child(4)
{
	font-size: 14px;
	opacity: 0.5;
}
.tilter__title
{
	font-family: var(--heading-font);
	font-style: italic;
}
.tilter__description
{
	text-transform: uppercase;
	position: relative;
	margin: 16px 0 0 0;
	font-size: 12px;
	letter-spacing: 5px;
}
.tilter__description::before
{
    content: '';
    width: 54%;
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    display: block;
    position: absolute;
    top: -7px;
    right: 0;
}



/*Pioneer Section*/

.pioneer
{
	width: 100%;
	padding: 250px 0px 150px 0px;
}
.pioneer .text-box p:nth-child(1) {
	color: #B49760;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 11px;
    text-transform: uppercase;
}
.pioneer .text-box p:nth-child(2)
{
	font-family: var(--heading-font);
	color: rgba(215,215,215,1.00);
	font-size: 50px;
	font-style: italic;
	text-transform: capitalize;
}
.pioneer-card
{
	padding: 10px;
	border: calc(2 * 10px) solid #735B2F;
	outline: 1px solid #000;
	outline-offset: calc(-1 * 10px);
	background: conic-gradient(from 90deg at 1px 1px, #0000 90deg, #000 0);
	position: relative;
}
.pioneer-card .overlay
{
	background: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: all 200ms linear;
  }
.pioneer-card:active .overlay,
.pioneer-card:hover .overlay
{
  background: rgba(180, 151, 96, 0.708);
}
.pioneer-card .v-border {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
  }
  .pioneer-card .v-border:before,
  .pioneer-card .v-border:after {
	width: 0%;
	height: 2px;
	left: 50%;
	transition: all 250ms ease-out;
	background: #fff;
  }
  .pioneer-card .v-border:before {
	content: "";
	top: 10%;
	position: absolute;
  }
  .pioneer-card .v-border:after {
	content: "";
	bottom: 10%;
	position: absolute;
  }
.pioneer-card .h-border
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}
.pioneer-card .h-border:before,
.pioneer-card .h-border:after
{
	height: 0%;
	top: 50%;
	width: 2px;
	transition: all 250ms ease-out;
	background: #fff;
}
.pioneer-card .h-border:before
{
	content: "";
	left: 11%;
	height: 0%;
	position: absolute;
}
.pioneer-card .h-border:after
{
	content: "";
	right: 11%;
	position: absolute;
}
.pioneer-card:active .v-border:before,
.pioneer-card:active .v-border:after,
.pioneer-card:hover .v-border:before,
.pioneer-card:hover .v-border:after
{
	width: 90%;
	left: 5%;
}
.pioneer-card:active .h-border:before,
.pioneer-card:active .h-border:after,
.pioneer-card:hover .h-border:before,
.pioneer-card:hover .h-border:after
{
	height: 90%;
	top: 5%;
}
.pioneer-card .content
{
	padding: 30px 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center!important;
	
	flex-direction: row;
  }
.pioneer-card .content .secondary
{
	/*position: absolute;*/
	opacity: 0;
	left: 0px;
	transform: translate3d(0px, 30px, 1px);
	transition: all 200ms linear 0ms;
	margin: auto;
}
.pioneer-card .content .secondary > h3:first-child
{
	font-family: var(--heading-font);
}
.pioneer-card .content .secondary > p:nth-child(3)
{
	font-family: var(--heading-font);
	font-style: italic;
}

.pioneer-card:active .content .secondary,
.pioneer-card:hover .content .secondary
{
  opacity: 1;
  transform: translate3d(0px, 0px, 1px);
  transition: all 200ms linear 200ms;
}
.clip-section3{
	background-image: url(../../images/takhon-bikel/../../images/index/clip-section3.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
/*Pioneer Section Ends*/


.gallery
{
	width: 100%;
	padding: 100px 0px;
	text-align: center;
	position: relative;
}


footer
{
	width: 100%;
	background: rgba(38,38,32,1);
	position: relative;
	overflow: hidden;
	display: table;
}
#footer .footer-top
{
  padding: 60px 0 30px 0;
  background: linear-gradient(0deg, rgba(38,38,32,1) 3%, rgba(13,13,13,1) 43%, rgba(0,0,0,1) 100%);
}
#footer .footer-top .footer-contact
{
  margin-bottom: 30px;
}
.footer-logo
{
  	font-size: 26px;
  	line-height: 1;
  	font-weight: 700;
	color: #fff;
}
.footer-logo span
{
  	color: var(--text-color);
}
.footer-logo ~ p:nth-child(2)
{
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 14px;
	color: rgba(255,255,255,0.7);
}
#footer .footer-top .footer-contact p:nth-child(3)
{
  	font-size: 14px;
  	line-height: 24px;
  	margin-bottom: 20px;
  	font-family: var(--heading-font);
	font-style: italic;
	color: rgba(255,255,255,0.5);
}
#footer .footer-top .footer-contact p:nth-child(4), #footer .footer-top .footer-contact p:nth-child(5)
{
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	margin: 0px;
}
#footer .footer-top h4
{
  	font-size: 16px;
  	font-weight: 700;
  	position: relative;
  	padding-bottom: 12px;
	color: #fff;
	margin-bottom: 10px;
}
#footer .footer-top h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: var(--text-color);
  bottom: 0;
  left: 0;
}
#footer .footer-top .footer-links
{
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul li
{
  	padding: 4px 0;
  	display: flex;
  	align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  	padding-top: 0;
}
#footer .footer-top .footer-links ul a
{
  	color: #aaaaaa;
  	transition: 0.3s;
  	display: inline-block;
	font-size: 13px;
	text-transform: capitalize;
}
#footer .footer-top .footer-links ul li::before
{
	content: '\f03d';
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	color: rgba(255,255,255,0.5);
	margin-right: 7px;
}
#footer .footer-top .footer-links ul li:hover a
{
	transform: translateX(10px);
}
#footer .footer-top .footer-links ul li:hover a, #footer .footer-top .footer-links ul li:hover::before
{
  	text-decoration: none;
  	color: var(--text-color);
}
#footer .footer-newsletter {
  font-size: 15px;
}
#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-bottom: 12px;
	text-transform: capitalize;
}
#footer .footer-newsletter p
{
	color: rgba(255,255,255,0.5);
	font-size: 13px;
}
#footer .footer-newsletter form
{
 	margin-top: 30px;
  	background: transparent;
  	padding: 5px 10px;
  	position: relative;
  	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.5);
  	text-align: left;
}
#footer .footer-newsletter form input[type=text]
{
  	border: none;
  	padding: 4px 8px;
  	width: calc(100% - 100px);
	background: transparent;
	color: #FFFFFF;
}
#footer .footer-newsletter form input[type=text]:focus
{
	outline: none;
	color: #fff;
}
#footer .footer-newsletter form button
{
  	position: absolute;
  	top: -1px;
  	right: -1px;
  	bottom: -1px;
  	border: none;
  	font-size: 14px;
  	padding: 0 20px;
  	background: var(--text-color);
  	color: #fff;
  	transition: 0.3s;
  	border-radius: 0 4px 4px 0;
	text-transform: capitalize;
	font-weight: 600;
}
.copyright
{
	color: rgba(255,255,255,0.5);
	font-size: 12px;
}
#footer .credits
{
  padding-top: 5px;
  font-size: 12px;
	color: rgba(255,255,255,0.5)
}
#footer .credits a
{
	color: rgba(255,255,255,0.7);
}
.span-1
{
	color: rgba(255,255,255,0.8);
	font-weight: 700;
}
.span-2
{
	color: var(--text-color);
}
#footer .social-links a
{
  	font-size: 13px;
  	display: inline-block;
  	color: rgba(255,255,255,0.5);
  	padding: 8px 0;
  	margin-right: 10px;
  	text-align: center;
  	width: 36px;
  	height: 36px;
	border-radius: 7px;
	box-shadow:  9px 9px 18px #1b1b16, -9px -9px 18px #31312a;
  	transition: 0.3s;
}
#footer .social-links a:hover
{
  background: var(--text-color);
  color: #fff;
  text-decoration: none;
}
.neomorphism
{
	box-shadow:  0px -37px 35px #1b1b17, 0px -16px 32px rgba(49,49,41,0.5);;
}
.event-btn
{
	position: fixed;
	z-index: 999;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(254deg, rgba(180,151,96,1) 0%, rgba(130,102,49,1) 100%);
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-transform: capitalize;
	font-weight: 600;
	color: #FFFFFF;
	padding: 20px 10px;
	font-size: 14px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.event-btn a{
	text-decoration: none;
	color: #fff;
}
.event-btn a:hover{
	color: #000;
	font-weight: 700;
}



/*Index Page End Here***************************************************************************************************************/







/*Banner************************************/

.banner
{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 2;
}
.bg-position
{
	
	background: linear-gradient(0deg, rgba(30,28,29,1) 9%, rgba(54,49,46,0.5469538157059699) 93%, rgba(54,49,46,0) 100%), url("../../images/about-us/about-us.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 45%;
}
.banner-text p:first-child
{
	font-family: var(--heading-font);
	color: #FFFFFF;
	text-transform: capitalize;
	font-size: 60px;
	font-style: italic;
}
.border-line
{
	display: block;
	top: 93px;
	left: 0;
	right: 0;
	margin: 0px auto;
	width: 20%;
}
.banner .bread-crumb
{
	display: flex;
	justify-content: center;
}
.banner .breadcrumb
{
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(6px);
	-moz-backdrop-filter: blur(6px);
	-o-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.banner .breadcrumb li.active
{
	color: var(--text-color);
}
.banner .breadcrumb li a
{
	color: rgba(255,255,255,0.6);
}
.mouse
{
  	width: 26px;
  	height: 40px;
  	border-radius: 15px;
  	border: 2px solid #ffffff;
  	position: absolute;
  	overflow: hidden;
  	left: 0;
	right: 0;
	bottom: 100px;
	margin: 0px auto;
}
.mouse .roll
{
  	position: absolute;
  	top: 8px;
  	left: 50%;
  	width: 4px;
  	margin-left: -2px;
  	height: 4px;
  	border-radius: 4px;
  	background: #ffffff;
  	-webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite
  	  alternate;
  	animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  	z-index: 2;
}
.mouse .rollshadow
{
  position: absolute;
  top: 8px;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  height: 4px;
  background: #aaa;
  border-radius: 4px;
  -webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite
    alternate;
  animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  animation-delay: 0s;
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
  z-index: 1;
}
@-webkit-keyframes mouseScroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }
}
@keyframes mouseScroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }
}



/*About Page - Welcome Text*************************************************************************************************/

.welcome-text
{
	width: 100%;
	padding: 140px 0px 40px 0px;
}
.welcome-text-box img:first-child
{
	width: 10%;
	opacity: 0.5;
}
.welcome-text-box p:nth-child(2)
{
	font-family: var(--heading-font);
	color: rgba(255,255,255,0.7);
	font-size: 40px;
	font-style: italic;
}
.welcome-text img:nth-child(4)
{
	width: 20%;
}
.welcome-text p:nth-child(5)
{
	font-family: var(--heading-font);
	line-height: 0px;
	font-size: 23px;
	position: relative;
	top: -10px;
}
.clip-section{
	background-image: url(../../images/takhon-bikel/parallax-tb.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}

/*About Page - Welcome Text End Here****************************************************************************************/





.rangroop
{
	width: 100%;
	padding: 100px 0px 50px 0px;
}
.text-box-1{
	padding-right: 24px;
}
.text-box-1 p:first-child
{
	color: rgba(193,193,193,1.00);
	text-transform: capitalize;
	font-family: var(--heading-font);
	font-size: 26px;
}
.text-box-1 p:nth-child(2)
{
	font-size: 16px;
	line-height: 26px;
}
.text-box-1 p:nth-child(3),
.text-box-1 p:nth-child(4),
.drama-details .text-box-1 p:nth-child(5),
.drama-details .text-box-1 p:nth-child(6)
{
	font-size: 16px;
	line-height: 26px;color: aliceblue;
}
.the-arrow
{
  	width: 64px;
  	transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 60%;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #999;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #999;
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: 3px;
}
.the-arrow.-right > .shaft {
  width: 64px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  transition-delay: 0.3s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #999;
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #999;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow
{
  display: inline-block;
  color: rgba(255,255,255,0.7);
  font-size: 16px;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
}
.animated-arrow:hover
{
  	color: #eaeaea;
	text-decoration: none;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #eaeaea;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #eaeaea;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}
.rangroop-right
{
	position: relative;
}
.rangroop-right img:first-child
{
	position: relative;
	right: -50px;
}
.rangroop-right img:nth-child(2)
{
	position: absolute;
	top: 50px;
	
}
.rangroop-right div:last-child
{
	width: 232px;
	height: 153px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #1b1b1b;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	margin: 0px auto;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	color: rgba(255,255,255,0.7);
}
.rangroop-right div:last-child > div
{
	display: flex;
}
.rangroop-right div:last-child > div > p:first-child
{
	font-family: var(--heading-font);
	font-size: 50px;
	line-height: 37px;
	position: relative;
}
.rangroop-right div:last-child > div >span
{
	font-size: 25px;
}
.rangroop-right div:last-child > p:last-child
{
	font-family: var(--heading-font);
}
.banner-2
{
	width: 100%;
	height: auto;
	background: linear-gradient(180deg, rgba(30,28,29,1) 0%, rgba(30,28,29,0.4654236694677871) 50%, rgba(30,28,29,0.27) 77%, rgba(30,28,29,0) 100%), linear-gradient(360deg, rgba(30,28,29,1) 0%, rgba(30,28,29,0.4654236694677871) 50%, rgba(30,28,29,0.27) 77%, rgba(30,28,29,0) 100%), url("../../images/index/bg-1.jpg");
	background-size: cover;
	background-position: left -400px top 0px;
	display: flex;
	align-items: center;
	padding: 100px 0px 400px 0px;
}
.bnr2-text p:first-child
{
	font-size: 18px;
	color: rgba(255,255,255,0.7);
	font-family: var(--heading-font);
}
.bnr2-text p:nth-child(2)
{
	font-size: 24px;
	font-family: var(--heading-font);
	color: #FFFFFF;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.bnr2-text p:nth-child(3)
{
	font-size: 30px;
	font-family: var(--heading-font);
}





.major-productions
{
	width: 100%;
	padding: 100px 0px 150px 0px;
}
.major-productions .text-box p:first-child
{
	color: rgba(36,36,36,1.00);
	text-align: center;
}
.major-productions .text-box p:nth-child(2)
{
	text-align: center;
}
.timeline {
  position: relative;
  width: 660px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before
{
  position: absolute;
  left: 50%;
  top: 0;
  content: " ";
  display: block;
  width: 5px;
  height: 100%;
  transform: translateX(-50%);
  background: rgb(80, 80, 80);
  background: -moz-linear-gradient(
    top,
    rgba(80, 80, 80, 0) 0%,
    rgb(80, 80, 80) 8%,
    rgb(80, 80, 80) 92%,
    rgba(80, 80, 80, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(30, 87, 153, 1)),
    color-stop(100%, rgba(125, 185, 232, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(80, 80, 80, 0) 0%,
    rgb(80, 80, 80) 8%,
    rgb(80, 80, 80) 92%,
    rgba(80, 80, 80, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(80, 80, 80, 0) 0%,
    rgb(80, 80, 80) 8%,
    rgb(80, 80, 80) 92%,
    rgba(80, 80, 80, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(80, 80, 80, 0) 0%,
    rgb(80, 80, 80) 8%,
    rgb(80, 80, 80) 92%,
    rgba(80, 80, 80, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(80, 80, 80, 0) 0%,
    rgb(80, 80, 80) 8%,
    rgb(80, 80, 80) 92%,
    rgba(80, 80, 80, 0) 100%
  );

  z-index: 1;
}

.timeline li {
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.direction-r {
  position: relative;
  width: 300px;
  float: right;
}

.flag-wrapper {
  position: relative;
  display: inline-block;

  text-align: center;
}

.flag
{
  	position: relative;
  	display: inline;
  	background: rgba(72,72,72,1.00);
  	padding: 6px 10px;
  	border-radius: 5px;
	box-shadow: 5px 5px 30px rgb(0 0 0 / 20%);
  	text-align: left;
	color: #FFFFFF;
	font-family: var(--heading-font);
	font-weight: bold;
	font-size: x-large;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15),
    0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -40px;
  content: " ";
  display: block;
  width: 19px;
  height: 19px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 4px solid var(--text-color);
  z-index: 1;
}

.direction-r .flag:before {
  left: -40px;
}

.direction-l .flag::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgba(255, 255, 255, 0.05);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgba(255, 255, 255, 0.05);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper
{
  display: inline;
  font-size: 13px;
  color: var(--text-color);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time
{
  display: inline-block;
  padding: 4px 8px;
  font-weight: bold;
  font-size: x-large;
}

.desc
{
  margin: 1em 0.75em 0 0;
  font-size: 0.77777em;
  font-style: italic;
  line-height: 1.5em;
	border-radius: 7px;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {
  .timeline {
    width: 100%;
    padding: 4em 0 1em 0;
  }

  .timeline li {
    padding: 2em 0;
  }

  .direction-l,
  .direction-r {
    float: none;
    width: 100%;

    text-align: center;
  }

  .flag-wrapper {
    text-align: center;
  }

  .flag {
    background: var(--text-color);
    z-index: 1;
	border-radius: 5px 5px 0px 0px;
  }

  .direction-l .flag:before,
  .direction-r .flag:before {
    position: absolute;
    top: -30px;
    left: 50%;
    content: " ";
    display: block;
    margin-left: -9px;
    background: #fff;
    border-radius: 10px;
    z-index: 10;
  }

  .direction-l .flag:after,
  .direction-r .flag:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    height: 0;
    width: 0;
    margin-left: -8px;
    border: solid transparent;
    border-bottom-color: var(--text-color);
    border-width: 8px;
    pointer-events: none;
  }

  .time-wrapper
	{
    display: block;
    position: relative;
    margin: 4px 0 0 0;
		background: #f0f8ff; 
    z-index: 2;
  }

  .direction-l .time-wrapper {
    float: none;
  }

  .direction-r .time-wrapper {
    float: none;
  }

  .desc {
    position: relative;
    margin: 1em 0 0 0;
    padding: 1em;
    background: #1e1c1d;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 15;
    font-size: large;
  }

  .direction-l .desc,
  .direction-r .desc {
    position: relative;
    margin: 1em 1em 0 1em;
    padding: 1em;

    z-index: 2;
  }
}

@media screen and (min-width: 400px) and (max-width: 660px)
{
  .direction-l .desc,
  .direction-r .desc {
    margin: 1em 4em 0 4em;
  }
}

button.back-to-top
{
  	margin: 0 !important;
  	padding: 0 !important;
  	background: #fff;
	height: 0px;
  	width: 0px;
  	overflow: hidden;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
  	color: transparent;
	clear: both;
  	visibility: hidden;
  	position: fixed;
  	cursor: pointer;
  	display: block;
  	border: none;
  	right: 50px;
	bottom: 75px;
  	font-size: 0px;
  	outline: 0 !important;
  	z-index: 99;
  	-webkit-transition: all .3s ease-in-out;
  	transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus
{
  outline: 0 !important;
}
button.back-to-top::before,
button.back-to-top::after
{
  	content: "";
    display: block;
    border-bottom: solid 10px var(--text-color);
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
  	border-radius:20px;
  	visibility: hidden;
}
button.back-to-top.show::after,
button.back-to-top.show::before
{
  	visibility: visible;
}
button.back-to-top::after
{
  	border-bottom-color:#fff;
    position: relative;
  	top:-24px;
}
button.back-to-top.show
{
  	display: block;
  	background: #fff;
  	color: var(--text-color);
  	font-size: 25px;
  	right: 25px;
	bottom: 50px;
  	height: 50px;
  	width: 50px;
  	visibility: visible;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
button.back-to-top.show:active
{
  	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/*About Page End Here********************************************************************************************************/







/*Productions Page************************************************************************************************************/

.productions{
	width: 100%;
}
.productions .banner
{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	text-align: center;
	z-index: 2;
}
@media screen and (max-width: 600px){
  .productions .banner{
    background-position: center;
    background-size: contain;
    background-color: black;
  }
}
.productions .banner-text{
	padding-bottom: 64px;
}
.gallery-banner
{
	background-image: url(../../images/Productions/about-us.jpg);
	background: linear-gradient(0deg, rgba(30,28,29,1) -1%, rgba(54,49,46,0.5469538157059699) 21%, rgba(54,49,46,0) 92%), url("../../images/Productions/about-us.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.gall-ery
{
	width: 100%;
	text-align: center;
	padding: 100px 0px 150px 0px;
	position: relative;
}
.gall-ery .card
{
  	position: relative;
  	display: flex;
  	align-items: flex-end;
  	overflow: hidden;
  	padding: 1rem;
	border: 0px !important;
  	text-align: center;
  	color: whitesmoke;
  	background-color: whitesmoke;
	margin: 20px 38px;
  	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1280px) {
  .gall-ery .card {
    height: 350px;
  }
}
.gall-ery .card::before
{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: 0 0;
  transition: transform calc(700ms * 1.5) cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
}
.gall-ery .card::after
{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
  transform: translateY(-50%);
  transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
}
.drama-card > a:nth-child(1) > .card::before
{
  	background-image: url("../../images/Productions/mg_productionB.jpg");
	background-size: cover;
	background-position: center;
}
.drama-card > a:nth-child(2) > .card::before
{
  	background-image: url("../../images/Productions/swaha.jpg");
	/*background-size: cover;
	background-position: center;*/
}
.drama-card > a:nth-child(3) > .card::before
{
  	background-image: url("../../images/Productions/spare-partsB.jpg");
	/*background-size: cover;
	background-position: center;*/
}
.drama-card > a:nth-child(4) > .card::before
{
  background-image: url(../../images/Productions/JDMD.jpg);
}
.drama-card > a:nth-child(5) > .card::before
{
  background-image: url(../../images/Productions/gorol.jpg);
}
.drama-card > a:nth-child(6) > .card::before
{
  background-image: url(../../images/Productions/sonai-bibi.jpg);
}
.drama-card > a:nth-child(7) > .card::before
{
  background-image: url(../../images/Productions/raktokalyan.jpg);
}
.drama-card > a:nth-child(8) > .card::before
{
  background-image: url(../../images/Productions/takhon-bikel.jpg);
}
.drama-card > a:nth-child(9) > .card::before
{
  background-image: url(../../images/Productions/abyakto.jpg);
}
.drama-card > a:nth-child(10) > .card::before
{
  background-image: url(../../images/Productions/chhayapath.jpg);
}
.drama-card > a:nth-child(11) > .card::before
{
  background-image: url(../../images/Productions/neel-ronger-ghora.jpg);
}
.drama-card > a:nth-child(12) > .card::before
{
  background-image: url(../../images/Productions/Adhara-madhuri.jpg);
}
.drama-card > a:nth-child(13) > .card::before
{
  background-image: url(../../images/Productions/patro-o-patri.jpg);
}
.drama-card > a:nth-child(14) > .card::before
{
  background-image: url(../../images/Productions/mayer-moto.jpg);
}
.drama-card > a:nth-child(15) > .card::before
{
  background-image: url(../../images/Productions/Brojoburo-w.jpg);
}
.drama-card > a:nth-child(16) > .card::before
{
  background-image: url(../../images/Productions/jolchhabi.jpg);
}
.drama-card > a:nth-child(17) > .card::before
{
  background-image: url(../../images/Productions/byaram-biram.jpg);
}
.drama-card > a:nth-child(18) > .card::before
{
  background-image: url(../../images/Productions/mukhosh-nrritya-w.jpg);
}
.drama-card > a:nth-child(19) > .card::before
{
  background-image: url(../../images/Productions/he-mor-debota.jpg);
}
.drama-card > a:nth-child(20) > .card::before
{
  background-image: url(../../images/Productions/sesh-raksha.jpg);
}
.drama-card > a:nth-child(21) > .card::before
{
  background-image: url(../../images/Productions/JAM.jpg);
}
.drama-card > a:nth-child(22) > .card::before
{
  background-image: url(../../images/Productions/others.jpg);
}
.gall-ery .card .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1rem;
  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}
.gall-ery .card  .content > * + * {
  margin-top: .5rem;
}
.title {
	color: white;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.2;
}
.copy1
{
  	font-family: var(--font-serif);
  	font-size: 18px;
	font-weight: 800;
  	line-height: 1.35;
}
.copy
{
  font-family: var(--font-serif);
  font-size: 15px;
  line-height: 1.35;
}
.gall-ery .card .btn {
  cursor: pointer;
  margin-top: 1.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.65rem;
  font-weight: bold;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  color: white;
  background-color: black;
  border: none;
}
.gall-ery .card .btn:hover {
  background-color: #B49760;
}
.gall-ery .card .btn:focus {
  outline: 1px dashed yellow;
  outline-offset: 3px;
}

@media (hover: hover) and (min-width: 600px) {
  .gall-ery .card:after {
    transform: translateY(0);
  }

  .gall-ery .card .content {
    transform: translateY(calc(100% - 10px));
  }
  .gall-ery .card .content > *:not(.title) {
    opacity: 0;
    transform: translateY(1rem);
    transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
  }

  .gall-ery .card:hover,
.gall-ery .card:focus-within {
    align-items: center;
  }
.gall-ery .card:hover::before,
.gall-ery .card:focus-within:before
{
    transform: translateY(-4%);
  }
.gall-ery .card:hover::after,
.gall-ery .card:focus-within:after
{
    transform: translateY(-50%);
}
.gall-ery .card:hover .content,
.gall-ery .card:focus-within .content
{
    transform: translateY(60px);
}
.gall-ery .card:hover .content > *:not(.title),
.gall-ery .card:focus-within .content > *:not(.title)
{
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(700ms / 8);
}

.gall-ery .card:focus-within:before, .gall-ery .card:focus-within:after,
.gall-ery .card:focus-within .content,
.gall-ery .card:focus-within .content > *:not(.title) {
    transition-duration: 0s;
  }
}

/*Production Page End Here****************************************************************************************************/






/*Festival********************************************************************************************************************/

.festival-banner
{
	background: linear-gradient(0deg, rgba(30,28,29,1) 12%, rgba(54,49,46,0.5469538157059699) 37%, rgba(54,49,46,0) 100%), url("../../images/festivals/festival-banner.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}

.festival .banner-text{
	margin-bottom: 60px;
}
.festival .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}

.festival-info
{
	padding-bottom: 100px;
}
.festival-info .card
{
	padding: 0px 0px 100px 0px;
	background: transparent;
	border: none;
	position: relative;
}
.festival-info .card > figure
{
	margin: 0px 57px 0px 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.festival-info .card > figure.shine::before
{
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  	content: "";
  	display: block;
  	height: 100%;
  	left: -76%;
  	position: absolute;
  	top: 0;
  	transform: skewX(-25deg);
  	width: 50%;
  	z-index: 2;
}
.festival-info .card:hover .shine::before
{
	-webkit-animation: shine 0.85s;
    animation: shine 0.85s;
}
@-webkit-keyframes shine
{
  	100%
	{
    	left: 125%;
  	}
}
@keyframes shine
{
  	100%
	{
    	left: 125%;
  	}
}
.festival-info .card .card-body
{
	position: absolute;
	bottom: 0px;
	left: 89px;
	padding: 30px 30px 30px 45px;
	background-color: #2f2c2c;
	color: #D2D2D2;
	z-index: 2;
	overflow: hidden;
}
.topBorder
{
  	width: 100%;
  	height: 100%;
  	position: absolute;
	top: 0;
	left: 0;
  	border: 2px solid var(--text-color);
  	box-sizing: border-box;
  	clip: rect(0px, 0px, 0px, 0px);
}

.bottomBorder
{
  	width: 100%;
  	height: 100%;
	bottom: 0;
	right: 0;
  	position: absolute;
  	border: 2px solid var(--text-color);
  	box-sizing: border-box;
  	clip: rect(0px, 0px, 0px, 0px);
}
.festival-info .card .card-body > p:first-child
{
	font-size: 30px;
	color: rgba(255,255,255,0.5);
	margin: 0px;
}
.festival-info .card .blockquote > p:first-child
{
	font-family: var(--heading-font);
	font-style: italic;
	font-weight: 300;
}
.festival-info-text
{
	background-color: #1B1B1B;
}
.festival-info-text > p:first-child
{
	color: #D2D2D2;
	font-size: 55px;
	font-family: var(--heading-font);
}
.festival-info-text > p:nth-child(2)
{
	color: #7A7A7A;
	font-size: 14px;
	line-height: 25px;
}
.festival-info-text .list-group-item
{
	background: transparent;
	color: #7A7A7A;
	border-color: rgba(122,122,122,0.2);
	font-family: var(--heading-font);
	font-style: italic;
	border-top: 0px;
	padding-left: 30px;
}
.festival-info-text .list-group-item::before
{
	content: "\f192";
	font-family: "FontAwesome";
	display: inline-block;
	position: absolute;
	left: 0;
	font-style: normal;
	color: #D2D2D2;
}
/*Festival ENDs*****************************************************************************************************************/




/*Manmoyee Girls School*********************************************************************************************************/
.mg{
	width: 100%;
}
.mg .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.mg-banner
{
	background: url("../../images/manmoyee-girls-school/mg-bannerB.jpg");
	background-size: cover;
	background-position: center;
}
.mg-banner .banner-text{
    padding-bottom: 64px;
}
.drama-details
{
	padding-bottom: 100px;
}
.drama-details .animated-arrow
{
	color: rgba(0, 0, 0, 0.7);
}
.swiper-pagination-bullet-active
{
	background-color: var(--text-color);
}
.drama-details table i
{
	color: var(--text-color);
	font-size: 9px;
	position: relative;
	top: -2px;
}
.drama-details table tr > td:nth-child(1)
{
	padding-left: 0px;
}
.pic
{
	position: absolute;
	right: 0;
}
.pic > img
{
	position: relative;
	z-index: 2;
	box-shadow: 16px 20px 60px 0 rgba(0,0,0,.5);
}
.pic::after
{
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid var(--text-color);
	opacity: 0.5;
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
}
.pic-2
{
	right: auto;
	bottom: 0;
	left: 10%;
}
.box-gallery
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
a[data-fancybox] img
{
	cursor: zoom-in;
	width: 100%;
}
.we table tr td{
	padding: 5px 5px;
	color: white;
	text-shadow: 2px 2px 4px #000000;
}
.clip-section_mgs{
	background-image: url(../../images/manmoyee-girls-school/parallax-mgs.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_mgs2{
	background-image: url(../../images/manmoyee-girls-school/parallax-mgs2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 18px;
	color: #FFF5EE;
}
.we .glow-sp iframe {
    box-shadow: 0px 1px 10px #565f9c;
}

/*Manmoyee Girls School End Here************************************************************************************************/




/*Swaha************************************************************************************************************************/
.swaha{
	width: 100%;
}
.swaha .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    z-index: 2;
}
.swaha-banner
{
	background: url("../../images/swaha/swaha-banner.jpg");
	background-size: cover;
	background-position: center;
}
.drama-details
{
	padding-bottom: 100px;
}
.drama-details .animated-arrow
{
	color: rgba(0, 0, 0, 0.7);
}
.swiper-pagination-bullet-active
{
	background-color: var(--text-color);
}
.drama-details table i
{
	color: var(--text-color);
	font-size: 9px;
	position: relative;
	top: -2px;
}
.drama-details table tr > td:nth-child(1)
{
	padding-left: 0px;
}
.pic
{
	position: absolute;
	right: 0;
}
.pic > img
{
	position: relative;
	z-index: 2;
	box-shadow: 16px 20px 60px 0 rgba(0,0,0,.5);
}
.pic::after
{
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid var(--text-color);
	opacity: 0.5;
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
}
.pic-2
{
	right: auto;
	bottom: 0;
	left: 10%;
}
.box-gallery
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
a[data-fancybox] img
{
	cursor: zoom-in;
	width: 100%;
}
.we table tr td{
	padding: 5px 5px;
}
.clip-section_swaha{
	background-image: url(../../images/swaha/parallax-swaha.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_swaha2{
	background-image: url(../../images/swaha/parallax-swaha2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #FFF5EE;
}

.we .glow-sp iframe {
    box-shadow: 0px 1px 10px #565f9c;
}

/*Swaha End Here****************************************************************************************************************/




/*Spare Parts*******************************************************************************************************************/
.sp{
	width: 100%;
}
.sp .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    z-index: 2;
}
.sp-banner
{
	background: url("../../images/spare-parts/sp-banner.jpg");
	background-size: cover;
	background-position: center;
}
.drama-details
{
	padding-bottom: 100px;
}
.drama-details .animated-arrow
{
	color: rgba(0, 0, 0, 0.7);
}
.swiper-pagination-bullet-active
{
	background-color: var(--text-color);
}
.drama-details table i
{
	color: var(--text-color);
	font-size: 9px;
	position: relative;
	top: -2px;
}
.drama-details table tr > td:nth-child(1)
{
	padding-left: 0px;
}
.pic
{
	position: absolute;
	right: 0;
}
.pic > img
{
	position: relative;
	z-index: 2;
	box-shadow: 16px 20px 60px 0 rgba(0,0,0,.5);
}
.pic::after
{
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid var(--text-color);
	opacity: 0.5;
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
}
.pic-2
{
	right: auto;
	bottom: 0;
	left: 10%;
}
.box-gallery
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
a[data-fancybox] img
{
	cursor: zoom-in;
	width: 100%;
}
.we table tr td{
	padding: 5px 5px;
}
.clip-section_sp{
	background-image: url(../../images/spare-parts/parallax-sp.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_sp2{
	background-image: url(../../images/spare-parts/parallax-sp2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
.we .glow-sp iframe {
    box-shadow: 0px 1px 10px #565f9c;
}

/*Spare Parts End Here**********************************************************************************************************/


/*Janmodin Mrityudin************************************************************************************************************/

.jdmd{
	width: 100%;
}
.jdmd .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    z-index: 2;
}
@media screen and (max-width: 600px){
  .jdmd .banner{
    background-position: left;
    background-size: cover;
  }
}
.jdmd-banner
{
	background: url("../../images/janmodin-mrityudin/jdmd-banner.jpg");
	background-size: cover;
	background-position: center;
}
.jdmd .banner-text{
	padding-top: 64px;
}
.clip-section_jdmd{
	background-image: url(../../images/janmodin-mrityudin/parallax-jdmd.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_jdmd2{
	background-image: url(../../images/janmodin-mrityudin/parallax-jdmd2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
.we .glow-jdmd iframe {
    box-shadow: 0px 1px 10px #df2f05;
}

/*Janmodin Mrityudin ENDs********************************************************************************************************/


/*GOROL**************************************************************************************************************************/

.gorol{
	width: 100%;
}
.gorol .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
}
.gorol-banner
{
	background: url("../../images/Gorol/gorol-banner.jpg");
	background-size: cover;
	background-position: center;
}
.gorol .banner-text{
	margin-bottom: 100px;
}
.clip-section_gorol{
	background-image: url(../../images/Gorol/parallax-gorol.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_gorol2{
	background-image: url(../../images/Gorol/parallax-gorol2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
/*GOROL ENDs*********************************************************************************************************************/


/*Sonaibibi*/

.sonaibibi{
	width: 100%;
}
.sonaibibi .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    z-index: 2;
}
.sonaibibi-banner
{
	background: url("../../images/sonai-bibi/banner-sonai-bibi.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_sb{
	background-image: url(../../images/sonai-bibi/parallax-sb.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_sb2{
	background-image: url(../../images/sonai-bibi/parallax-sb2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
.we .glow-sb iframe {
    box-shadow: 0px 1px 10px #62c88a;
}

/*Sonaibibi ENDs*/


/*Raktakalyan*/

.rk{
	width: 100%;
}
.rk .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.rk-banner
{
	background: url("../../images/raktakalyan/banner-rk.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_rk{
	background-image: url(../../images/raktakalyan/parallax-rk.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.we .glow-rk iframe {
    box-shadow: 0px 1px 10px #ff0302;
}
.rk .banner-text{
	margin-bottom: 80px;
}

.clip-section_rk2{
	background-image: url(../../images/raktakalyan/parallax-rk2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

/*Raktakalyan ENDs*/


/*Takhon Bikel*******************************************************************************************************************/
.tb{
	width: 100%;
}
.tb-banner
{
	background: url("../../images/takhon-bikel/tb-banner.jpg");
	background-size: cover;
	background-position: center;
	justify-content: center;
    align-items: flex-end;
	text-align: center;
}
.clip-section_tb{
	background-image: url(../../images/takhon-bikel/parallax-tb.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.tb .banner-text{
	margin-bottom: 80px;
}
.drama-details
{
	padding-bottom: 100px;
}
.drama-details .animated-arrow
{
	color: rgba(0, 0, 0, 0.7);
}
.swiper-pagination-bullet-active
{
	background-color: var(--text-color);
}
.drama-details table i
{
	color: var(--text-color);
	font-size: 9px;
	position: relative;
	top: -2px;
}
.drama-details table tr > td:nth-child(1)
{
	padding-left: 0px;
}
.pic
{
	position: absolute;
	right: 0;
}
.pic > img
{
	position: relative;
	z-index: 2;
	box-shadow: 16px 20px 60px 0 rgba(0,0,0,.5);
}
.pic::after
{
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid var(--text-color);
	opacity: 0.5;
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
}
.pic-2
{
	right: auto;
	bottom: 0;
	left: 10%;
}
.box-gallery
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
a[data-fancybox] img
{
	cursor: zoom-in;
}
.we table tr td{
	padding: 5px 5px;
}
.clip-section_tb2{
	background-image: url(../../images/takhon-bikel/parallax-tb2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

/*Takhon Bikel End Here**********************************************************************************************************/


/*Abyakta************************************************************************************************************************/

.abyakta{
	width: 100%;
}
.abyakta .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    z-index: 2;
}
.abyakta .banner-text{
	margin-top: 60px;
}
.abyakta-banner
{
	background: url("../../images/Abyakto/abyakto-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_abyakta{
	background-image: url(../../images/Abyakto/parallax-abyakto.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.we .glow-abyakta iframe {
    box-shadow: 0px 1px 10px #ff0302;
}
.abyakta .banner-text{
	margin-bottom: 80px;
}
.clip-section_abyakto2{
	background-image: url(../../images//Abyakto/parallax-abyakto2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

/*Abyakta ENDs**********************************************************************************************************/


/*Chhyapath*/

.chhyapath{
	width: 100%;
}
.chhyapath .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.chhyapath-banner
{
	background: url("../../images/chhayapath/chhayapath-banner2.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_chhyapath{
	background-image: url(../../images/chhayapath/parallax-chhayapath.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.we .glow-chhyapath iframe {
    box-shadow: 0px 1px 10px #426496;
}
.chhyapath .banner-text{
	margin-bottom: 80px;
}
.clip-section_chhyapath2{
	background-image: url(../../images/chhayapath/parallax-chhayapath2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
/*Chhyapath ENDs*/


/*Neel Ronger Ghora*/

.nrg{
	width: 100%;
}
.nrg .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.nrg-banner
{
	background: url("../../images/neel-ronger-ghora/nrg_banner.jpg");
	background-size: cover;
	background-position: center;
}
@media screen and (max-width: 600px){
  .nrg-banner{
    background-position: center;
  }
}
.clip-section_nrg{
	background-image: url(../../images/neel-ronger-ghora/parallax-nrg3.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.we .glow-nrg iframe {
    box-shadow: 0px 1px 10px #165993;
}
.we .clip-section_nrg table{
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
.nrg .banner-text{
	margin-bottom: 80px;
}
.clip-section_nrg2{
	background-image: url(../../images/neel-ronger-ghora/parallax-nrg2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
	text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

/*Neel Ronger Ghora ENDs*/


/*Adhara Madhuri*/

.am{
	width: 100%;
}
.am .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.am-banner
{
	background: url("../../images/adhara-madhuri/am-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_am{
	background-image: url(../../images/adhara-madhuri/parallax-am.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.we .glow-am iframe {
    box-shadow: 0px 1px 10px #485787;
}
.am .banner-text{
	margin-bottom: 80px;
}
.clip-section_am2{
	background-image: url(../../images/adhara-madhuri/parallax-am.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
@media screen and (max-width: 600px){
  .clip-section_am2{
      background-image: url(../../images/adhara-madhuri/parallax-am.jpg);
    background-position: right;
    background-size: cover;
  }
  .clip-section_am{
       background-position: left;
  }
}
/*Adhara Madhuri ENDs*/



/*Patro O Patri*/

.pop{
	width: 100%;
}
.pop .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.pop-banner
{
	background: url("../../images/patro-o-patri/pop-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_pop{
	background-image: url(../../images/patro-o-patri/pop-parallax.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.pop .banner-text{
	margin-bottom: 80px;
}

/*Patro O Patri ENDs*/


/*Mayer Moto*/

.mayer-moto{
	width: 100%;
}
.mayer-moto .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.mayer-moto-banner
{
	background: url("../../images/mayer-moto/mm-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_mayer-moto{
	background-image: url(../../images/mayer-moto/mm-parallax.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.mayer-moto .banner-text{
	margin-bottom: 40px;
}
.we .glow-mm iframe {
    box-shadow: 0px 1px 10px #334568;
}
.clip-section_mm2{
	background-image: url(../../images/mayer-moto/parallax-mm2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
/*Mayer Moto ENDs*/



/*Brojoburor Sobuj Bakso*/

.bbsb{
	width: 100%;
}
.bbsb .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.bbsb-banner
{
	background: url("../../images/BBSB/bbsb-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_bbsb{
	background-image: url(../../images/BBSB/parallax-bbsb.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.bbsb .banner-text{
	margin-bottom: 220px;
}
.clip-section_bbsb .table tr td{
	padding: 5px 0px;
}
.clip-section_bbsb2{
	background-image: url(../../images/BBSB/parallax-bbsb2.jpg);
    background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}

/*Brojoburor Sobuj Bakso ENDs*/



/*Jolchhabi*/

.jolchhabi{
	width: 100%;
}
.jolchhabi .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.jolchhabi-banner
{
	background: url("../../images/jolchhobi/j-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_jolchhabi{
	background-image: url(../../images/jolchhobi/parallax-j.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.jolchhabi .banner-text{
	margin-bottom: 60px;
	margin-right: 200px;
}
.clip-section_jolchhabi2{
	background-image: url(../../images/jolchhobi/parallax-Jalchhobi2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
/*Jolchhabi ENDs*/



/*Byaram Biram*/

.bb{
	width: 100%;
}
.bb .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.bb-banner
{
	background: url("../../images/byram-biram/bb-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_bb{
	background-image: url(../../images/byram-biram/parallax-bb.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.bb .banner-text{
	margin-bottom: 80px;
}
.clip-section_bb2{
	background-image: url(../../images/byram-biram/parallax-bb2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
@media screen and (max-width: 600px){
  .clip-section_bb2{
    background-position: right;
    background-size: cover;
    text-shadow: 1px 1px 2px white, 0 0 1em black, 0 0 0.2em black;
  }
  .clip-section_bb{
       background-position: right;
       text-shadow: 0px 2px 1px #000000;
  }
  .text-box-1 p:first-child {
    color: black;
    }
}
/*Byaram Biram ENDs*/



/*Mukhosh Nritya*/
.mn{
	width: 100%;
}
.mn .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.mn-banner
{
	background: url("../../images/mukhon-nritya/mn-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_mn{
	background-image: url(../../images/mukhon-nritya/parallax-mn.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
}
.mn .banner-text{
	margin-bottom: 80px;
}
.clip-section_mn2{
	background-image: url(../../images/mukhon-nritya/parallax-mn2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
/*Mukhosh Nritya ENDs*/




/*He More Debota*/
.hmd{
	width: 100%;
}
.hmd .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.hmd-banner
{
	background: url("../../images/he-more-debota/hmd-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_hmd{
	background-image: url(../../images/he-more-debota/parallax-hmd.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.hmd .banner{
	display: flex;
	align-items: flex-start;
}
.hmd .banner-text{
	margin-top: 50px;
}
.clip-section_hmd2{
	background-image: url(../../images/he-more-debota/parallax-hmd2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
@media screen and (max-width: 600px){
  .clip-section_hmd{
    background-position: right;
    background-size: cover;
  }
}
/*He More Debota ENDs*/



/*Sesh Raksha*/
.sr{
	width: 100%;
}
.sr .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.sr-banner
{
	background: url("../../images/sesh-raksha/sr-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_sr{
	background-image: url(../../images/sesh-raksha/parallax-sr.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.clip-section_sr2{
	background-image: url(../../images/sesh-raksha/parallax-sr2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
.sr .banner-text{
	margin-bottom: 80px;
}
/*Sesh Raksha ENDs*/



/*Je Jon Ache Majhkhane*/
.jjam{
	width: 100%;
}
.jjam .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.jjam-banner
{
	background: url("../../images/je-jon-ache-majhkhane/jjam-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_jjam{
	background-image: url(../../images/je-jon-ache-majhkhane/parallax-jjam.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}
.jjam .banner{
	display: flex;
	align-items: flex-start;
}
.jjam .banner-text{
	margin-top: 50px;
}
/*Je Jon Ache Majhkhane ENDs*/



/*Other Productions*/
.other-productions{
	width: 100%;
}
.other-productions .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.other-productions-banner
{
	background: url("../../images/other-productions/other-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_other-productions{
	background-image: url(../../images/other-productions/parallax-other.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.other-productions .banner{
	display: flex;
	align-items: flex-end;
}
.other-productions .banner-text{
	margin-bottom: 80px;
}
.clip-section_other2{
	background-image: url(../../images/other-productions/parallax-other2.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: 18px;
	color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px darkblue;
}
/*Other Productions ENDs*/


/*SHOW list*/
.show-banner .banner{
	width: 100%;
    height: 65vh;
   /* display: flex;
    justify-content: flex-end;
    align-items: flex-end;*/
    text-align: center;
    z-index: 2;
}
.show-banner .accomplishment{
	color: rgba(221,221,221,1.00);
}
.show-list{
	width: 100%;
}
.show-list .major-productions {
    width: 100%;
    padding: 10px 0px 150px 0px;
}
.show-list .text-box{
	padding: 10px 0px 80px 0px;
}
.show-banner .accomplishment .mouse{
	bottom: -200px;
}
/*tooltip*/

/*tooltip ENDs*/
/*SHOW list ENDs*/


/*Director*/
.sima-m{
	width: 100%;
}
.sima-m .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: center;
    z-index: 2;
}
.sima-m-banner
{
	background: url("../../images/sima-mukherjee/director-banner.jpg");
	background-size: cover;
	background-position: center;
}
.clip-section_sima-m{
	background-image: url(../../images/sima-mukherjee/parallax-sm.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
}
.sima-m .banner-text{
	margin-right: 230px;
	margin-bottom: 70px;
}
.we .glow-sm iframe {
    box-shadow: 0px 1px 10px #334568;
}
/*Director ENDs*/


/*GOUTAM MUKHERJEE*/
.goutam{
	width: 100%;
}
.goutam .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    z-index: 2;
}
.goutam-banner
{
	background: url("../../images/Gobina-da/goutam-banner.jpg");
	background-size: cover;
	background-position: center;
}
.goutam .banner-text{
	margin-top: 100px;
	margin-left: 200px;
}
/*GOUTAM MUKHERJEE ENDs*/


/*Suvasish Mukherjee*/
.mintu{
	width: 100%;
}
.mintu .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    z-index: 2;
}
.mintu-banner
{
	background: url("../../images/other-productions/parallax-other.jpg");
	background-size: cover;
	background-position: center;
}
.mintu .banner-text{
	margin-top: 70px;
	margin-left: 80px;
}

/*Suvasish Mukherjee ENDs*/


/*Accomplishment*/
.accomplishment{
	width: 100%;
	width: 100%
}
.accomplishment .accomplishment-position
{
	
	background: linear-gradient(0deg, rgba(30,28,29,1) 9%, rgba(54,49,46,0.5469538157059699) 93%, rgba(54,49,46,0) 100%), url("../../images/accomplishment/accomplishment-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 45%;
}
.description--preview p{
	text-align: left;
}
.details{
	text-align: left;
}
.description--preview h3{
	text-align: left;
}
/*Accomplishment ENDs*/


/*About-us*/
.about-us{
	width: 100%;
}
.about-us .banner {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    z-index: 2;
}
.about-us-banner
{
	background: url("../../images/activities/Seminar_Banner.jpg");
	background-size: cover;
	background-position: center;
}
/*About-us ENDs*/


/*Activity*/
.banner-3
{
	width: 100%;
	height: auto;
	background: linear-gradient(180deg, rgba(30,28,29,1) 0%, rgba(30,28,29,0.4654236694677871) 50%, rgba(30,28,29,0.27) 77%, rgba(30,28,29,0) 100%), linear-gradient(360deg, rgba(30,28,29,1) 0%, rgba(30,28,29,0.4654236694677871) 50%, rgba(30,28,29,0.27) 77%, rgba(30,28,29,0) 100%), url("../../images/activities/banner-3.png");
	background-size: cover;
/*	background-repeat: no-repeat;*/
/*	background-position: left 0px top 0px;*/
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 0px 200px 0px;
}
.activity {
	width: 100%;
}
.activity .activity-position{
	background: linear-gradient(0deg, rgba(30,28,29,1) 9%, rgba(54,49,46,0.5469538157059699) 93%, rgba(54,49,46,0) 100%), url("../../images/activities/banner-workshop.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right 0px bottom 45%;
}
/*Activity ENDs*/


/*WE Section*/

.we{
	width: 100%;
	padding: 40px 0;
}
.text-10{
	color: rgba(204,204,204,1.00);
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}
.text-11{
	font-size: 40px;
	color: var(--Primary-color);
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	text-align: center;
}
.text-11::after{
	content: '';
	width: 50px;
	height: 2px;
	background-color: var(--Text-color);
	display: block;
	position: relative;
	bottom: -20px;
	margin: auto;
}
.we .text-12{
	color: var(--Text-color);
	margin-top: 50px;
	line-height: 24px;
	padding: 12px 0;
	text-indent: 50px;
	text-align: justify;
}
/*Button*/
.we .button--nina{
	background-color: var(--Primary-color);
}
.we .button{
	font-weight: 600;
}
.we .button--nina > span{
	font-weight: 600;
}
/*Button ENDs*/
/*Youtube*/
.we iframe{
	box-shadow: 0px 1px 10px #cf3e09;
}
.we table{
	color: rgba(204,204,204,1.00);
}
/*Button ENDs*/
/*Youtube ENDs*/
/*WE Section ENDs*/

.description .description--preview img{
	
	opacity: 1;
    max-width: calc(100vw - 0px)!important;
    max-height: calc(100vh - 0px);
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}






/*Contact Us*******************************************************************************************/
.contact-us{
	width: 100%;
}
.contact-us .banner{
	background: url("../../images/contact/doler-ghor.jpg");
	background-size: cover;
	background-position: center;
}
.contact-us .banner{
	align-items: flex-end;
}
.contact-us .banner-text{
	margin-bottom: 50px;
}
.contact
{
	width: 100%;
	padding: 100px 0px;
}
.contact iframe{
	box-shadow: rgb(0 0 0 / 95%) 0px 17px 39px;
}
.contact-us input,
.contact-us input:focus
{
	background: transparent;
	border-radius: 0px;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
.contact-us input:focus,
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus
{
	border: 1px solid var(--text-color);
	box-shadow: 0 0 0 0.2rem rgb(180 151 96 / 25%);
}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid
{
	border-color: var(--text-color) !important;
}
.valid-feedback
{
	color: var(--text-color) !important;
}
.contact-us button
{
	background-color: var(--text-color);
	border-radius: 0px;
}
.content .copy1{
	text-shadow: 2px 2px 4px #000000;
}
/*Contact Us ENDs***************************************************************************************/

.modal-description > p
{
    font-size: 14px;
}
.btn-secondary
{
    background: #000000;
    color: #ffffff;
    font-size: 13px !important;
}