@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?6c981w');
  src:  url('../fonts/icomoon.eot?6c981w#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?6c981w') format('truetype'),
    url('../fonts/icomoon.woff?6c981w') format('woff'),
    url('../fonts/icomoon.svg?6c981w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-youtube:before {
  content: "\e902";
}
.icon-arrow:before {
  content: "\e903";
}
.icon-arrow_drop_down:before {
  content: "\e5c5";
}
.icon-navigate_before:before {
  content: "\e408";
}
.icon-navigate_next:before {
  content: "\e409";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-data_usage:before {
  content: "\e1af";
}
.icon-arrow_up:before {
  content: "\e5ce";
}
.icon-menu:before {
  content: "\e5d2";
}

body {
  margin: 0;
  padding: 140px 0 0 0;
	/*  Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections  */
  background:  #000;
  background-attachment: fixed;
  background-size: cover;
  font-family: 'Jost', sans-serif;
  font-style: normal;
  font-weight: 500;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.home, body.page-us, .page-production {
	padding: 0;
}

@media(min-width:992px){
	body.page-rent {
		padding: 0;
	}
}

h1, h2, h3, h4 {
	font-weight: 700;
}

a, a:active, a:visited, a:hover, a:focus, button {
	text-decoration: none;
	outline: none;
}

.mb-6 {
	margin-bottom: 5rem!important;
}

.site-header {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	z-index: 3;
	height: 99px;
}

.main-menu {
	display: flex;
	align-items: center;
	height: 100%;	
}

@media(min-width: 992px) {
	.main-menu {
		justify-content: center;
	}
}

.menu-container {
	width: calc(100vw - 86px / 2);
}

.brand {
	width: 86px;
	height: 99px;
	padding: 0;
	position: absolute;
	left: 50%;
	margin-left: -43px;
}
.brand a {
	display: block;
}

.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu li {
	color: #e4c997;
	font-size: 16px;
}

.menu li.active {
	color: #fff;
}

.menu li a {
	color: #e4c997;
	display: block;
	transition: opacity linear .3s;
}

.menu li a:hover {
	opacity: .7;
}

.menu-social {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-social li {
	margin: 0 10px;
	float: left;
}

.menu-social li a {
	background-size: 22px 22px;
	height: 22px;
	width: 22px;
	display: block;
	text-indent: -999em;
}

.menu-social li a.social-instagram {
	background: url(../img/ic-instagram.svg) no-repeat center;	
}

.menu-social li a.social-facebook {
	background: url(../img/ic-facebook.svg) no-repeat center;	
}

.menu-social li a.social-pinterest {
	background: url(../img/ic-pinterest.svg) no-repeat center;	
}

.menu-social li a.social-youtube {
	background: url(../img/ic-youtube.svg) no-repeat center;	
}

.gif-container {
	position: relative;	
	margin: 100px 0 0 0;
}

.gif-image {
	width: 100%;
}

@media (min-width:768px) {
	.menu li {
		float: left;
		margin: 0 10px;
	}
	.menu-left {
		float: right;
		margin-right: 83px;
	}
	.menu.menu-left li:last-child {
		margin-right: 0;
	}
	.menu.menu-right li:first-child {
		margin-left: 0;
	}
	.menu-right{
		margin-left: 108px;
	}
	.menu-right, .menu-social {
		float: left;
	}
	.menu-social {
		margin-left: 20px;
	}
}

@media (min-width: 992px) {
	.menu-social {
		margin-left: 0;
	}
}

@media (min-width: 1200px) {
	.menu li {
		margin: 0 15px;
	}
	.menu-social {
		margin-left: 20px;
	}
}

.menu-toggle {
	margin-left: 32px;
}

.menu-toggle a, .menu-toggle a:hover, .menu-toggle a:visited, .menu-toggle a:active, .menu-toggle a:focus  {
	text-decoration: none;
}

.menu-toggle a span {
	color: #e4c997;
	font-size: 36px;
	cursor: pointer;
}

#menu-mobile {
	height: 100%;
	position: fixed;
	background: #000000;
	z-index: 10;
	top: 0px;
	left: -100vw;
	overflow-x: hidden;
	transition: all ease 0.5s;
	width: 100vw;
}

#menu-mobile.open {
	left: 0;
}
.close-menu {
	margin-top: 40px;
  margin-left: 35px;
}

.mobile-menu span.icon-close {
	font-size: 36px;
	color: #e4c997;
}

.mobile-main-menu {
	margin: 25px 0px;
	list-style: none;
}

.mobile-main-menu li {
	margin-top: 5px;
	font-size: 24px;
}

.mobile-main-menu li.active {
	color: #fff;
}

.mobile-main-menu li a {
	color: #e4c997;
}

.mobile-menu .menu-social {
	margin-left: 30px;
}



@media (min-width: 1500px) {
	.container {
			width: 1440px;
	}
	#background video {
		max-width: none;
		width: 90%;
	}
	.menu li {
    	font-size: 18px;
	}
	
}


@media (min-width: 1780px) {
	.container {
			width: 1728px;
	}
	#background video {
		max-width: none;
		width: 90%;
	}
	.menu li {
    	font-size: 21px;
	}
	
}

/*  v2 - 2024 */

.container-fluid.container-fluid--nopadding {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1380px;
	}
}

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1040px;
	}
}

.video-hero {
	position: relative;
	padding-bottom: 64px;
	z-index: 1;
}

.video-hero video {
	margin: 20px auto 0;
	max-width: 100%;
}

.scroll-down {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 3;
	cursor: pointer;
	transition: bottom ease .3s;
}

.scroll-down:hover {
	bottom: 30px;
}

.scroll-down svg path {
	fill:#A78124;
	stroke:#A78124;
	stroke-miterlimit:10;
}

.gradient-left {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100,1+100,0+100 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
    top: 0;
    bottom: 0;
    width: 30vw;
    z-index: 2;
	left: 0;
}

.gradient-right {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+0,0+0,1+100 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
    top: 0;
    bottom: 0;
    width: 30vw;
    z-index: 2;
	right: 0;
}

.gradient-bottom2 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+0,0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
    bottom: 0;
    height: 30vw;
    z-index: 2;
	right: 0;
	left: 0;
}

.gradient-top2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111419+0,111419+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111419', endColorstr='#00111419',GradientType=0 ); /* IE6-9 */
	position: absolute;
    top: 0;
    height: 20vw;
    z-index: 2;
	right: 0;
	left: 0;
}

@media (min-width:992px) {
	.gradient-bottom2 {
		height: 20vw;
	}
	
}

@media(min-width:1600px) {
	.gradient-left,  .gradient-right {
		width: 50vw;
	}
}

.text-absolute {
	position: absolute;
    padding: 0 1.5rem 0;
    transform: translate(0, -50%);
    top: 50%;
}

.text-productions {
	padding: 0 24px;
	margin-top: 24px;
}

.text-absolute h2, .text-productions h2 {
	color: #fff;
	font-size: 32px;
	margin: 0 0 .3rem 0;
}

.text-absolute p, .text-productions p {
	color: #fff;
	font-size: 16px;
}

.text-absolute p span, .text-productions p span {
	font-style: italic;
	color: #dfb567;
	display: block;
}

.text-productions.red h2, .text-productions.red p span {
	color: #cc0000;
}
.text-productions.beige h2, .text-productions.beige p span {
	color: #be8557;
}
.text-productions.aqua h2, .text-productions.aqua p span {
	color: #92efc7;
}
.text-productions.yellow h2, .text-productions.yellow p span {
	color: #e7a121;
}

.back-prod {
	text-align: center;
	margin-top: 64px;
 }

 .back-prod a {
	color: #fff;
}

@media(min-width:992px){
	.text-absolute {
		padding: 0 3.5rem 0;
	}
	.text-absolute h2, .text-productions h2 {
		font-size: 36px;
	}
	.text-absolute p, .text-productions p {
		font-size: 18px;
	}
	.text-productions {
		padding: 0 32px;
		margin-top: 0;
	}
	.text-productions.text-right {
		text-align: right;
	}
}

.text-highlight {
	color: #e4c997;
	line-height: 2;
	font-size: 16px;
	max-width: 860px;
	margin: 0 auto 0;
	padding: 0 12px;
}

@media (min-width:768px) {
	.text-highlight {
		margin: 0 auto 4rem;
	}
}

@media (min-width:992px) {
	.text-highlight {
		padding: 0;
		font-size: 18px;
	}
}

.alquileres {
	min-height: 325px;
	position: relative;
}

.alquileres .text-absolute {
	max-width: 770px;
	padding: 0 0.75rem;
}

.alquileres .text-absolute span {
	color: #5f91c1;
}

@media(max-width:767px){
	.alquileres .text-absolute {
		transform: translate(0,0);
		top: 3rem;
	}
}

@media(min-width:768px){
	.alquileres {
		min-height: 508px;
		background-image: url(../img/00_home/home_alquileres.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 60vw;
	}
}

@media(min-width:992px) {
	.alquileres .text-absolute {
		margin-left: 7vw;
		padding: 0;
	}
}

@media(min-width:1500px){
	.alquileres {
		min-height: 685px;
	}	
}

.highlight-tienda .text-absolute span {
	color: #b8df57;
}

footer {
	color: #e4c997;
	font-size: 12px;
}

#success-email {
	display: none;
}

#error-email {
	display: none;
}

.alert {
	margin-top: 15px;
	color: #fff;
    background-color: transparent;
	border:none;
}

@media (max-width:992px) {
	.productions .production:nth-of-type(2) .col-lg-5 {
		order: 2;
	}
	.productions .production:nth-of-type(2) .col-lg-7 {
		order: 1;
	}	
	.productions .production:nth-of-type(4) .col-lg-6:first-child {
		order: 2;
	}
	.productions .production:nth-of-type(4) .col-lg-6:first-child {
		order: 1;
	}	
	.production.container {
		padding-left: 0;
		padding-right: 0;
		max-width: none;
	}
}

/* ALQUILER */
.container-fluid.rent {
	padding-left: 0;
	padding-right: 0;
}

.rent, .rent .row .col-md-6:last-child {
	position: relative;
}

.rent .row .col-md-6 img {
	width: 100%;
}

.rent-title {
	padding: 24px;
}

.rent-title h2 {
	color: #dfd5cb;
	font-weight: 700;
	font-size: 32px;
	margin: 0 0 .7rem 0;
}

.rent-title .btn {
	color: #dfd5cb;
	background: none;
	border-style: none;
	border: 3px solid #ffcc99;
	border-radius: 48px;
	text-transform: uppercase;
	font-size: .6875rem;
	font-weight: 400;
	padding: 10px 18px;
    letter-spacing: 1px;
	transition: all ease .3s;
}

.rent-title .btn:hover {
	background-color: #ffcc99;
	color: #000;
}

.rent-description {
	position: absolute;
	left: 24px;
	top: 0;
}

@media(max-width:767px){
	.rent{
		text-align: center;
	}

	.rent-description {
		left: 50%;
		transform: translate(-50%, 0);
	}
}

.rent-description h3 {
	color: #dfd5cb;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.125rem;
	letter-spacing: 2px;
	margin: 0 0 1.5rem 0;
}

.rent-description ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem 0;
}

.rent-description ul li {
	color: #dfd5cb;
	font-size: .875rem;
}

@media(max-width:576px) {
	.rent .row .col-md-6:first-child {
		order: 2;
	}
	.rent .row .col-md-6:last-child {
		padding-top: 25%;
	}
}

@media(min-width:768px) {
	.rent-title {
		text-align: center;
	}
}

@media(min-width:992px){
	.rent-title {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 1;
		top: 32%;
		padding: 0;	
	}
	.rent-02 .rent-title {
		top: 18%;
	}
	.rent-03 .rent-title {
		top:26%;
	}
	.rent-description {
		top: 50%;
	}
	.rent-02 .rent-description {
		top: 40%;
	}
}

.rent-highlight {
	text-align: center;
	padding: 3rem 1.5rem;
}

.rent-highlight p {
	color: #e4c997;
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
}

@media(min-width:992px) {
	.rent-highlight p {
		font-size: 18px;
	}
}

.rent-highlight p a {
	text-decoration: underline;
	font-style: italic;
	color: #e4c997;
}

.rent-highlight p a:hover {
	color: #fff;
}

.rent-highlight img {
	width: 270px;
	height: auto;
	margin: 1.5rem auto;
}

/* NOSOTROS */
.container-fluid.hero-us {
	background-image: url(../img/03_nosotros/nosotros_01_mobile.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	padding-top: 640px;
	padding-bottom: 12vh;
}

@media(min-width:768px) {
	.container-fluid.hero-us {
		padding-bottom: 64px;
		background-image: url(../img/03_nosotros/nosotros_01_nuevo.jpg);
	}
}

@media(min-width:1200px) {
	.container-fluid.hero-us {
		background-size: contain;
		padding-top: 370px;
	}
}

@media(min-width:1400px) {
	.container-fluid.hero-us {
		background-size: contain;
		padding-top: 50vh;
	}
}

.hero-us-text {
	max-width: 754px;
    margin: 0 auto;
    padding: 0 12px;
}

.hero-us-text p {
	margin: 0 0 1.3rem 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
}

@media(min-width:992px){
	.hero-us-text p {
		font-size: 18px;
	}
}

@media(max-width:576px) {
	.container.us-video-container {
		padding: 0 24px;
	}
}

.us-video iframe {
	border-radius: 20px;
	border: 2px solid #ffcc99;
}

.press {
	padding: 3rem 1.5rem;
}

.press-intro {
	text-align: center;
	max-width: 520px;
	margin: 0 auto;
}

.press-intro img {
	width: 124px;
	height: auto;
}

.press-intro h2 {
	color: #e4c997;
	font-size: 2.5rem;
}

.press-intro p {
	color: #e4c997;
	margin: 0;
	font-size: 16px;
}

@media(min-width:992px){
	.press-intro p {
		font-size: 18px;
	}
}

.carousel-medios-container {
	max-width: 1220px;
	margin: 0 auto;
}

.press-sub-title {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 1.25rem;
	font-weight: 400;
	margin: 2rem 0 1.5rem 0;
	text-align: center;
}

#carouselMedios .carousel-caption, #carouselTV .carousel-caption {
	position: relative;
	left: auto;
	right: auto;
	text-align: left;
	margin-top: .5rem;
}

#carouselMedios .carousel-caption p, #carouselTV .carousel-caption p {
	color: #e4c997;
	font-size: .9rem;
	font-style: italic;
	margin: 0;
}

@media(min-width:992px){
	#carouselMedios .carousel-caption p, #carouselTV .carousel-caption p {
		font-size: 1.1rem;
	}
}

#carouselMedios .carousel-caption p a, #carouselTV .carousel-caption p a {
	text-decoration: underline;
	color: #e4c997;
}

#carouselMedios .carousel-caption p a:hover, #carouselTV .carousel-caption p a:hover {
	color: #fff;
}

#carouselTV iframe {
    border-radius: 20px;
    border: 2px solid #ffcc99;
}

@media(max-width:767px){
	.carousel-control-next, .carousel-control-prev {
		opacity: 1;
		align-items: flex-start;
		padding-top: calc(66.6vw / 1.66 / 2);
		width: 50px;
	}
	.carousel-control-next {
		right: -24px;
	}
	.carousel-control-prev {
		left: -24px;
	}
}

@media(min-width:992px){
	.carousel-control-next, .carousel-control-prev {
		width: auto;
	}
	
	.carousel-control-next {
		right: -52px;
	}
	
	.carousel-control-prev {
		left: -52px;
	}
}

.carousel-control-prev-icon {
	background-image: url(../img/prev-arrow.svg);
}
.carousel-control-next-icon {
	background-image: url(../img/next-arrow.svg);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 50px;
	height: 50px;
	background-color: #000;
	border-radius: 999px;
	flex-shrink: 0;
	background-size: 25%;
}

@media(min-width:768px){
	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 26px;
		height: 50px;
		background-color: transparent;
		background-size: auto;
	}
}



.media {
	padding: 1.5rem;
}

.media-radio .list-group {
	background: none;
	border: none;
	border-radius: 0;
	max-width: 600px;
    margin: 0 auto;
}

/* .media-radio .list-group audio {
	border: 2px solid #ffcc99;
	border-radius: 999px;
} */

.media-radio .list-group li {
	color: #e4c997;
	background-color: transparent;
	border: none;
	border-radius: 0;
}

/* CONTACTO */

#contacto {
	padding-top: 300px;
	padding-left: 12px;
    padding-right: 12px;
}

@media(min-width:920px) {
	#contacto {
		padding-top: 200px;
	}
}

@media(min-width:1366px) {
	#contacto {
		padding-top: 300px;
	}
}

@media (min-width: 1500px){
	#contacto .container {
		max-width: 1280px;
	}
}

.page-contact {
	background-image: url(../img/04_contacto/contacto_01_nuevo.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

@media(max-width:576px){
	.page-contact{
		background-size: 260%;
	}
}

.contact-info {
	color: #e4c997;
	margin: 0 0 3rem;
	line-height: 1.8;
	font-size: 1.05rem;
}

@media (min-width:992px){
	.contact-info {
		font-size: 1.125rem;
	}
}

.contact-info a {
	color: #e4c997;
	transition: color ease .3s;
	display: block;
}

.contact-info a:hover {
	color: #fff;
}

.contact-form-cta {
	margin: 0 0 1rem 0;
	color: #fff;
	line-height: 1.8;
	font-size: 1.05rem;
}

@media (min-width:992px){
	.contact-form-cta {
		font-size: 1.125rem;
	}
}

@media(min-width:768px) {
	.contact-form-cta {
		text-align: right;
	}
}

input.form-control {
	border: 2px solid #ffcc99;
	border-radius: 999px;
	background-color: rgba(0,0,0,.1);
	color: #fff;
	font-size: .875rem;
}

input.form-control::placeholder, textarea.form-control::placeholder {
	color: #fff;
	opacity: 1; /* Firefox */
}
  
input.form-control::-ms-input-placeholder, textarea.form-control::-ms-input-placeholder { /* Edge 12 -18 */
	color: #fff;
}

input.form-control:focus, textarea.form-control:focus {
	background-color: rgba(0,0,0,.1);
	border-color: #fff;
	color: #fff;
}

textarea.form-control {
	border: 2px solid #ffcc99;
	border-radius: 20px;
	background-color: rgba(0,0,0,.1);
	color: #fff;
	font-size: .875rem;
	min-height: 200px;
	background-image: none;
}

#contacto-form .btn {
	border: 2px solid #ffcc99;
	border-radius: 999px;
	background-color: transparent;
	color: #fff;
	font-size: .875rem;
	transition: all ease .3s;
	text-transform: uppercase;
}

#contacto-form .btn:hover {
	background-color: #ffcc99;
	color: #000;
}

.form-info {
	display: flex;
	align-items: center;
    gap: 5px;
}

.form-info span {
	color: #fff;
	font-size: .75rem;
}

/* SINGLE PRODUCCION */
.production-hero {
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	color: #e4c997;
	min-height: 100vh;
	display: flex;
	align-items: end;
	justify-content: center;
	margin: 0 0 2rem 0;
	padding-bottom: 3rem;
}

.production-hero-text {
	padding-left: 24px;
	padding-right: 24px;
}

.production-hero-text h1 {
	font-size: 36px;
}

.production-hero-text p {
	font-size: 16px;
}

@media (min-width:992px){
	.production-hero-text h1 {
		font-size: 42px;
	}
	
	.production-hero-text p {
		font-size: 18px;
	}
}

.production-hero--navarro {
	background-image: url(../img/01_producciones/nc/bg_navarro-correas.jpg);
	background-size: cover;
}

.production-hero--lollapalooza {
	background-image: url(../img/01_producciones/lp/banner_lolla_mobile.jpg);
	color: #cc0000;
	background-size: cover;
}

.production-hero--little {
	background-image: url(../img/01_producciones/la/banner_littleakiabara.jpg);
	color: #92efc7;
	background-size: cover;
}

.production-hero--cetol {
	background-image: url(../img/01_producciones/ec/banner_espaciocetol_mobile.jpg);
	color: #e7a121;
	background-size: cover;
}

.production-hero--nino {
	background-image: url(../img/01_producciones/ng/banner_ninogordo.jpg);
	color: #cc0000;
	background-size: cover;
}

@media (min-width:768px){
	.production-hero--lollapalooza {
		background-image: url(../img/01_producciones/lp/banner_lolla.jpg);
	}
	.production-hero--cetol {
		background-image: url(../img/01_producciones/ec/banner_espaciocetol.jpg);
	}
}

@media(min-width:768px){
	.videos-container {
		display: flex;
		gap: 64px;
		flex-wrap: nowrap;
		max-width: 800px;
		margin: 0 auto;
	}
}

.vertical-video > video {
	width: 100%;
	height: auto;
	border: solid #e4c997 1px;
	border-radius: 20px;
	margin-bottom: 24px;
}

@media (min-width:1500px) {
	.production-hero {
		min-height: 843px;
	}

}

.container.production-content {
	max-width: 960px;
}

@media(max-width:992px) {
	.container.production-content {
		padding-left: 24px;
		padding-right: 24px;
	}
}

#carouselVideos .carousel-item {
	border: 2px solid #ffcc99;
	border-radius: 20px;
}

#carouselVideos .carousel-item iframe {
	border-radius: 20px;
}

.production-text {
	max-width: 720px;
	margin: 2rem auto;
}

.production-text p {
	color: #fff;
	line-height: 1.6;
}

.production-links {
	text-align: center;
    margin: 5rem 0;
}

.production-links h3 {
	font-size: 2.5rem;
	margin: 1rem 0;
	color: #e4c997;
}

.production-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.production-links ul li {
	color: #e4c997;
	margin: 0 0 1rem 0;
}

.production-links ul li a {
	color: #e4c997;
	text-decoration: underline;
	transition: color ease .3s;
}

.production-links ul li a:hover {
	color: #fff;
}

.modal-content {
	background-color: #000;
	border: 2px solid #ffcc99;
	border-radius: 20px;
	
}