/*===================================== 

======================================*/
/*Colores EDYLAN*/
:root{
	--azul: #037dff;
	--blanco: #fff;
	--gris-claro: #e6e6e6;
	--gris-medio: #cccccc;
	--gris-oscuro: #333333;
	--negro: #000;
	--fontBody: 'EkMukta-Light';
	--fontTitle: 'movipb';
}
/*Fuente EDYLAN*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');*/
@font-face {
	font-family: 'movipb';
    src: url('../fonts/movipb.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'EkMukta-Light';
    src: url('../fonts/EkMukta-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
a:hover{
	text-decoration: none;
}
/*.poppins{font-family: 'Poppins', sans-serif;}*/
body, p{
	font-family: var(--fontBody)!important;
	font-weight: 400!important;
	color: var(--negro);
}
h2.heading-h2.movieposter{
	font-size: 70px;
}
.movieposter{
	font-family: var(--fontTitle)!important;
	line-height: normal!important;
}
/**/
#page-preloader{
	background: var(--negro);
}
#page-preloader .wrap-2 img{
	width: 220px;
	height: auto;
}
.inside-header{
	background: var(--blanco);
}
.headroom--sticky.headroom--not-top{
	background: var(--blanco);
}
.header-default.headroom--not-top.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a{
	color: var(--negro);
}
.inside-header.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a{
	color: var(--negro);
}
.inside-header.header-default.header-transparent{
	position: relative;
	box-shadow: 0 0 5px;
}
.headroom--sticky.headroom--not-top{
	position: fixed!important;
}
/*.index .mainmenu li:nth-child(1) a, */
.about .mainmenu li:nth-child(1) a, 
.films-scoring .mainmenu li:nth-child(2) a,
.orchestral-arrangement .mainmenu li:nth-child(3) a,
.music-for-advertising .mainmenu li:nth-child(4) a{
	color: var(--azul)!important;
}
.mainmenu li a{
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400
}
.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a:hover{
	color: var(--azul);
}
.social-icon.icon-border-rounded li a{
	border-color: var(--azul);
	width: 45px;
	height: 45px;
	line-height: 42px;
}
.social-icon.icon-border-rounded li a:hover{
	background-color: var(--azul);
	border-color: var(--azul);
	color: var(--blanco)!important;
}
#section-films .social-icon, #section-orchestral .social-icon{
	position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
#section-films .social-icon li a, #section-orchestral .social-icon li a{
	color: var(--gris-oscuro);
}
#videoSlide{
	width: 100%;
	height: auto;
}
.overflow-slide:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
}
.titleSlide{
	color: var(--azul);
	white-space: pre-line!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 100px;
    line-height: 85px;
    font-weight: 900!important;
    font-family: var(--fontTitle)!important;
}
.video-btn-2 .icon-gradient{
	width: 100px;
	height: 100px;
}
body.template-color-2 .video-btn-2 .icon-gradient::before{
	background-image: linear-gradient(-133deg, #000 0, #000 100%);
	background-color: rgba(0,0,0,.75);
}
body.template-color-2 .video-btn-2 .icon-gradient::after{
	background-image: var(--azul);
	background-color: var(--azul);
	width: 60px;
	height: 60px;
}
body.template-color-2 .video-btn a .video-icon{
	background: var(--azul);
}

#about-index{
	background-color: var(--gris-claro);
}
#about-index .contentBx .contentText{
	text-align: right;
}
#about-index .contentText .title{
	font-weight: 600;
	color: #000;
    font-weight: 600!important;
    font-size: 70px;
}
#about-index .contentText .subtitle{
	font-size: 32px;
    color: #000;
    line-height: 35px;
    font-weight: 600!important;
}
#about-index .contentText .subtitle span{
	color: var(--azul);
}
#about-index .contentBx .description{
	color: #000;
	text-align: right;
}
#biography .description{
	font-size: 18px;
	line-height: 24px;
}
#quote-about{
	background-color: var(--gris-claro);
}
#quote-about .flex-column{
	margin: 0 auto;
}
#quote-about .description{
	font-size: 30px;
	line-height: 35px;
	color: var(--negro);
	margin-bottom: 0;
}
#quote-about .description span{
	color: var(--azul);
}
#play-frame .contentBxFrame{
	position: relative;
}
.frame-active{
	cursor: pointer;
}
.frame-about{
	display: none;
}
.frame-about.appear-frame{
	display: block;
	margin: auto;
}
#play-frame .description{
	font-size: 30px;
	line-height: 35px; 
}
#play-frame .description span{
	color: var(--azul);
}
#awards{
	background-color: var(--gris-claro);
}
#awards .contentLine{
	position: absolute;
    left: -13%;
    top: 50%;
    transform: translateY(-50%);
}
#awards .contentLine .line-footer{
	display: block;
	width: 130px;
	height: 3px;
	margin: 15px 0;
	background: var(--azul);
}
#awards .contentLine .line-footer:first-child{
	margin-top: 0;
}
#awards .contentLine .line-footer:last-child{
	margin-bottom: 0;
}
#awards .description{
	color: var(--blanco);
	width: 700px;
}
#awards .description span{
	font-weight: 600!important;
}
#awards .porfolio-swip-horizontal .contentBx{
	padding: 40px;
	min-height: 370px;
}
#awards .swiper-slide{
	background-color: var(--gris-medio);
}
#awards .swiper-slide-active{
	background-color: var(--azul);
}
#education-about .contentBx .contentTitle{
	position: relative;
}
#education-about .contentBx .contentTitle .title{
	font-size: 48px;
	margin-bottom: 70px;
	line-height: 42px;
}
#education-about .contentBx ul{
	list-style: disc;
}
#education-about .contentBx .description{
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
}
#education-about .contentBx .description:last-child{
	margin-bottom: 0;
}
#education-about .contentLine{
	position: absolute;
    left: 25%;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
#education-about .contentLine .line-footer{
	display: block;
	width: 100%;
	height: 3px;
	margin: 10px 0;
	background: var(--azul);
}
#education-about .contentLine .line-footer:first-child{
	margin-top: 0;
}
#education-about .contentLine .line-footer:last-child{
	margin-bottom: 0;
}
#credits{
	background-color: var(--gris-claro);
	border-top: 5px solid var(--azul);
}
#credits .contentBx .contentTitle{
	position: relative;
}
#credits .contentBx .contentTitle .title{
	/*font-size: 48px;*/
	margin-bottom: 70px;
	color: var(--negro);
	/*line-height: 42px;*/
	font-family: var(--fontTitle)!important;
	font-size: 120px;
	line-height: normal;
}
#credits .contentLine{
	position: absolute;
    left: -13%;
    top: 50%;
    transform: translateY(-50%);
}
#credits .contentLine .line-footer{
	display: block;
	width: 130px;
	height: 3px;
	margin: 15px 0;
	background: var(--azul);
}
#credits .contentLine .line-footer:first-child{
	margin-top: 0;
}
#credits .contentLine .line-footer:last-child{
	margin-bottom: 0;
}
#credits .col-md-6{
	border-right: 1px solid var(--gris-oscuro);
	padding: 0 40px;
}
#credits .col-md-6:last-child{
	border-right: 0px;
}
#credits .title-service{
	color: var(--negro);
	font-size: 18px;
	text-align: center;
	font-weight: 600!important;
}
#credits .contentBxCredits{
	margin-bottom: 20px;
	text-align: center;
	font-size: 15px;
}
#credits .contentBxCredits .title{
	color: var(--azul);
	margin-bottom: 0;
	white-space: pre-line;
}
#credits .contentBxCredits .description{
	color: var(--negro);
	white-space: pre-line;
	margin-bottom: 0;
}
#credits .contentBxCredits .description .cursive{
	font-style: italic;
}




#music-begin{
	padding: 70px 0;
}
#music-begin .row{
	background-color: var(--gris-claro);
}
#music-begin .contentBx .title{
	font-size: 43px;
	white-space: pre-line;
}
#music-begin .contentBx .title span{
	color: var(--azul);
}


#latest-projects .portfolio-grid-metro7 .portfolio-25{
	margin-top: 30px;
}
#latest-projects .portfolio.with-caption.no--padding .caption-bottom{
	min-height: 280px;
}
#latest-projects .messonry-button--2 button:focus{
	outline: none;
}
#latest-projects .messonry-button--2 button.is-checked span.filter-text,
#latest-projects .messonry-button--2 button.is-checked span.filter-counter{
	color: var(--azul);
}
.article .contentBx .title{
	/*font-size: 16px;*/
	font-size: 20px;
	margin-bottom: 0;
	font-weight: 900;
}
.article .contentBx .subtitle{
	font-size: 14px;
	color: var(--azul);
}
.article .contentBx .description{
	font-size: 14px;
	color: var(--negro);
	text-align: justify;
}

#testimonial{
	background: var(--gris-claro);
}
#testimonial .testimonial{
	background-color: var(--gris-medio)!important;
}
#testimonial .slick-center .testimonial{
	background-color: var(--azul)!important;
}
#testimonial .block-left {
	padding-left: 20%;
}
#testimonial .contentBx .title{
	white-space: pre-line;
	/*font-size: 45px;*/
	font-size: 120px;
	line-height: 75px!important;
}
#testimonial .contentBx .title span{
	color: var(--azul);
}
#testimonial .testimonial_style--1.space-large--topbottom{
	padding: 50px 25px;
}
#testimonial .testimonial .contentBx{
	min-height: 210px;
}
#testimonial .testimonial .contentBx .descriptionP{
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	font-weight: 300!important;
}
#testimonial .testimonial .contentBx .descriptionP:last-child{
	margin-bottom: 0;
}
body.template-color-2 .testimonial_style--1 .content .testimonial-quote span{
	color: var(--azul);
}
.testimonial-info p{
	color: var(--azul);
	font-size: 17px;
	font-weight: 600!important;
}


body.template-color-2 .view-more-btn a span.btn-arrow{
	color: var(--azul);
}
#rev_slider_5_1 .brook-03 .tp-bullet{
	color: var(--gris-claro);
}
#rev_slider_5_1 .brook-03 .tp-bullet:hover, #rev_slider_5_1 .brook-03 .tp-bullet.selected{
	color: var(--blanco);
}
#rev_slider_5_1 .brook-03 .tp-bullet:after{
	background: var(--blanco);
}
.view-more-btn a{
	font-size: 18px;
}


#footer{
	background: var(--gris-claro);
}
#footer .contentBxleft{
	display: flex;
	align-items: center;
}
#footer .contentLine{
	position: absolute;
	left: -17%;
}
#footer .contentLine .line-footer{
	display: block;
	width: 130px;
	height: 3px;
	margin: 15px 0;
	background: var(--azul);

}
.bk-footer-widget .title-left{
	white-space: pre-line;
	color: var(--negro);
	font-size: 40px;
	font-weight: 500;
	margin: 0 0 0 50px;
}
.bk-footer-widget .title-left span{
	color: var(--azul);
}
.bk-footer-widget .title-right{
	color: var(--azul);
	font-size: 25px;
	margin-bottom: 30px;
}
.footer-address .management{
	white-space: pre-line;
	color: var(--blanco);
	font-size: 14px;
	font-weight: 300!important;
}
.footer-address .info{
	margin-bottom: 0;
}
.social-share a{
	font-size: 19px;
}
.contentBxinfo .info{
	line-height: 17px;
	color: var(--negro);
    font-size: 17px;
    font-weight: 300!important;
}
.contentBxinfo .info:last-child{
	margin-bottom: 15px;
}
.footer-address .info a{
	color: var(--negro);
	font-size: 17px;
	font-weight: 300!important;
}
body.template-color-2 .social-share a:hover{
	color: var(--azul);
}
.copyright{
	border-top: 1px solid var(--gris-medio);
}
.copyright .copyright-left{
	color: var(--negro);
	font-size: 14px;
}
.logo-footer{
	width: 145px;
	height: auto;
}


#section-films{
	padding: 30px 0;
	position: relative;
	background: var(--gris-claro);
}
#section-films .title{
	color: var(--negro);
	font-size: 25px;
	margin-bottom: 0;
	line-height: 30px;
	padding: 0 80px;
	text-align: justify;
}
#section-films .title span{
	color: var(--azul);
}
.contentBxCloud .title{
	font-size: 30px;
	font-weight: 600!important;
	margin-bottom: 30px;
}
#section-filter-film .first-filter{
	display: flex;
    justify-content: center;
    text-align: center;
    list-style: none;
    padding: 0;
}
#section-filter-film .first-filter li{
	padding: 20px 30px;
	width: 100%;
	border-right: 1px solid var(--gris-claro);
	cursor: pointer;
	background: var(--negro);
}
#section-filter-film .first-filter li p{
	color: var(--blanco);
	margin-bottom: 0;
	font-size: 70px;
	font-family: var(--fontTitle)!important;
	line-height: 50px;
}
#section-filter-film .first-filter li:last-child{
	border: none;
}
#section-filter-film .first-filter li.active{
	background: var(--azul);
}
#section-filter-film .first-filter li.active p{
	color: var(--blanco);
}
#section-filter-film .second-filter{
	display: flex;
    justify-content: center;
    text-align: center;
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
#section-filter-film .second-filter li{
	padding: 30px;
	width: auto;
	cursor: pointer;
}
#section-filter-film .second-filter li p{
	color: var(--negro);
	margin-bottom: 0;
	font-size: 20px;
}
#section-filter-film .second-filter li.active p{
	color: var(--azul);
}
.project.hiddenProject{
	display: none;
}
.projectStyle.hiddenStyle{
	display: none;
}



#section-orchestral{
	padding: 30px 0;
	position: relative;
	background: var(--gris-claro);
}
#section-orchestral .title{
	color: var(--negro);
	font-size: 25px;
	margin-bottom: 0;
	line-height: 30px;
	padding: 0 80px;
	text-align: justify;
}
#section-orchestral .title span{
	color: var(--azul);
}


#section-advertising{
	padding: 30px 0;
	position: relative;
	background: var(--gris-claro);
}
#section-advertising .title{
	color: var(--negro);
	font-size: 25px;
	margin-bottom: 20px;
	line-height: 30px;
	padding: 0 80px;
	text-align: justify;
}
#section-advertising .title:last-child{
	margin-bottom: 0;
}
#section-advertising .title span{
	color: var(--azul);
}
.video-btn{
	position: relative;
}
.popvideo,
.popsound{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#videosAdvertising .content{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#videosAdvertising .content .videoBx{
	flex: 0 0 25%;
	height: auto;
	position: relative;
}
#videosAdvertising .content .videoBx .popvideoAdvertising{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
#videosAdvertising .content .videoBx .popvideoAdvertising:hover .contentBx{
	opacity: 1;
	transition: .5s ease;
}
#videosAdvertising .content .videoBx .popvideoAdvertising:before{
	content: "";
	background: var(--gris-oscuro);
	opacity: 0;
	width: 0%;
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s ease;
}
#videosAdvertising .content .videoBx .popvideoAdvertising:hover:before{
	opacity: 1;
	width: 100%;
	height: 100%;
}
#videosAdvertising .content .videoBx .contentBx{
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
}
#videosAdvertising .content .videoBx .contentBx p{
	font-size: 25px;
	color: var(--azul);
	margin-bottom: 0;
	text-align: center;
	line-height: 25px;
	font-weight: 600;
}
#videosAdvertising .content .videoBx .phrase{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background: var(--gris-claro);
    display: flex;
    align-items: center;
}
#videosAdvertising .content .videoBx .phrase p{
	margin-bottom: 0;
	padding: 30px;
	font-size: 20px;
	text-align: justify;
	font-weight: 600!important;
	display: block;
}
#videosAdvertising .content .videoBx .phrase p span{
	color: var(--azul);
}


#orchestralVideos .contentBxOrchestral,
#section-filter-film .contentBxScoring{
	padding: 0 115px;
	width: 60%;
}
#orchestralVideos .contentBxOrchestral p,
#section-filter-film .contentBxScoring p{
	color: var(--azul);
	font-weight: 900!important;
	margin-bottom: 10px;
	font-size: 18px;
	text-align: justify;
}
#orchestralVideos .contentBxOrchestral p:first-child, 
#section-filter-film .contentBxScoring p:first-child{
	font-size: 22px;
}
#orchestralVideos .contentBxOrchestral p:first-child span, 
#section-filter-film .contentBxScoring p:first-child span{
	font-size: 22px;
}
#orchestralVideos .contentBxOrchestral p:last-child,
#section-filter-film .contentBxScoring p:last-child{
	margin-bottom: 0;
}
#orchestralVideos .contentBxOrchestral p span,
#section-filter-film .contentBxScoring p span{
	color: var(--negro);
	font-size: 17px;
	font-weight: 400!important;
}
#orchestralVideos .contentBxOrchestral p span.bold-txt,
#section-filter-film .contentBxScoring p span.bold-txt{
	font-weight: 900!important;
}
.contentBxOrchestral .hiddenText,
.contentBxScoring .hiddenText{
	display: none;
}
#orchestralVideos .contentBxOrchestral .clickSeeMore,
#section-filter-film .contentBxScoring .clickSeeMore{
	background: var(--azul);
	color: var(--blanco);
	padding: 8px 20px;
	cursor: pointer;
	display: table;
}
#creditOrchestral{
	padding: 40px 40px;
}
#creditOrchestral .credit-orchestral{
	font-size: 30px;
	text-align: justify;
	margin-bottom: 0;
}
.contentSoundPop{
	display: none;
}
.contentSoundPop.opensound{
	display: flex;
	align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    z-index: 99;
}
.contentSoundPop.opensound .contentBx{
	max-width: 700px;
	min-width: 50px;
	margin: 0 auto;
}
.contentSoundPop.opensound .contentBx .blockScroll{
	max-height: 80%;
    height: 600px;
    overflow: auto;
}
.contentSoundPop.opensound .contentBx:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
    z-index: -1;
}
.contentSoundPop.opensound .contentBx iframe{
	min-width: 540px;
}
.contentSoundPop.opensound .closeSound{
	font-size: 35px;
    position: absolute;
    top: 5%;
    line-height: 25px;
    right: 15%;
    color: var(--blanco);
    background: #000;
    cursor: pointer;
    transition: .5s ease;
    padding: 8px;
}
.contentSoundPop.opensound .closeSound:hover{
	color: rgba(255,255,255,.5);
}


#scrollUp{display: none!important;}
/*Placeholder*/
/*::placeholder { 
  color: #000!important;
  opacity: 1!important;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #000!important;
  opacity: 1!important;
  font-weight: 400;
}

::-ms-input-placeholder { 
  color: #000!important;
  opacity: 1!important;
  font-weight: 400;
}*/

/**//**//**//**//**//**//**//**//**//**//**//**/






/*Responsive*/
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
  	
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
  	
}

/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
}

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
  	.p-tb40-sm{padding: 40px 0;}
  	.p-tb50-sm{padding: 50px 0;}
  	.p-t40-sm{padding-top: 40px;}
  	.p-b80-sm{padding-bottom: 80px;}
  	.p-b0-sm{padding-bottom: 0;}
  	.m-b40-sm{margin-bottom: 40px;}
  	.m-b50-sm{margin-bottom: 50px;}
  	.d-none-mobile{display: none;}

  	.popup-mobile-manu .inner .mobileheader{background: #000;}
  	.popup-mobile-manu .inner .mobileheader a.mobile-close::before, .popup-mobile-manu .inner .mobileheader a.mobile-close::after{background: #fff;}
  	.title-slide{line-height: 40px!important; white-space: normal!important;}
  	
  	

}