@charset "UTF-8";
/* CSS Document */

* > .g-content{margin:0 auto; padding: 0;}

@font-face {
    font-family: 'Druk Wide Bold Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Druk Wide Bold Bold'), url('DrukWideBold.woff') format('woff');
    }

#g-header, #g-pre-footer, #g-footer{
    background: #5c0fe6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5c0fe6, #9e1fd4);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5c0fe6, #9e1fd4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#g-navigation{max-width: 105rem; margin: 0 auto;}

#reel-home .g-content{margin: 0;}

#g-navigation .g-main-nav{margin: 0.25rem 1.75rem;}

#g-showcase{margin-top:-4.35rem;}
#g-showcase, #g-feature{padding: 0;}

/* --------   SECCINES AGREGADAS   ---------- */
#txt-video-ed .txt-video-ed, #g-vfx-finish .size-40 .g-content{margin: 50px;}

.txt-video-ed p{font-size: 16px; line-height: 22px; }

#g-vfx-finish{background: #e9cbff; color: #2d39bd;}
#g-vfx-finish h1, #g-vfx-finish p{color: #2d39bd;}

#topmain{width: 33.33%;}

/*--------       fin      ---------  */



#g-navigation .g-container{height: 70px;}
.gantry-logo{margin: 20px auto;}
.gantry-logo img{width: 180px;}

/* --------    MENU +  HEADER   ---------  */
#g-navigation .g-main-nav .g-toplevel, #social-1125-particle .g-content{justify-content: right; -webkit-justify-content: right;}
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content{font-size: 14px; line-height: 16px; letter-spacing: 1px; font-weight: 400;}

#g-header a{color: #ffffff;}
#g-header .g-social {margin-right: 1.75rem;}
#g-header .g-social a{background: none; border: none; margin: 5px auto;}

/*------ FIN MENU  --------- */


h1{font-family: 'Druk Wide Bold Bold', sans-serif; color: #ffffff; font-size: 38px; line-height: 40px; letter-spacing: 0.035em;}

p{color: #ffffff; margin: 0.5rem 0;}

/* ----- SUBFEATURE --------   */

#g-subfeature, #g-main{ padding:0; border:none; }
#g-subfeature .g-container{max-width: 1680px;}
#g-subfeature .textos{ }
#g-subfeature .container-works {width: 100%; display: flex;}
#g-subfeature .container-works .work{width: 60%; max-width: 60%;}
#g-subfeature .container-works .textos,
#g-subfeature .container-works-bottom-B .textos{ width: 40%; float: left; color: #ffffff; margin: 25px 5px 5px 25px;}

#g-subfeature .textos h2{font-family:  'Druk Wide Bold Bold', sans-serif; font-size: 22px; line-height: 24px;}
#g-subfeature .textos h3{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 17px; margin: 0.25rem auto;}

#g-subfeature .textos h2, #g-subfeature .textos h3{margin: 0.25rem auto; display: block; color: #fff; letter-spacing: 0.045em;}

#works-bottom-A .g-content{background: #70a456;}
#works-bottom-B .g-content{background: #bc1c23;}
#works-bottom-c .g-content{/*background: #f67a3d; */background: #171f16;}
#works-bottom-d .g-content{background: #3bccef;}
#works-bottom-e .g-content{background: #dfb7ec;}

#works-bottom-A iframe, #works-bottom-B iframe, * > iframe{display: block;}

/*  ----------    PRE FOOTER ----------- */
#pre-footer h2, #pre-footer p {color: #ffffff;}
.about-us{width: 100%; display: block; margin: 60px auto;}
.about-us h2{font-family:  'Druk Wide Bold Bold', sans-serif; font-size: 38px; line-height: 40px; letter-spacing: 0.075em; padding-left: 50px;}
.col-A, .col-B{width: 50%; display: block; float: left; margin: 30px 0;}

div.more{width: 100%; display: block; padding: 20px 30%; display: block; clear: both; text-align: center;}
.more a{color: #FFFFFF; font-family:'Montserrat', sans-serif; font-size: 16px;letter-spacing: 0.175em; margin: 10px 15px; padding: 20px 30px; border: 1px solid #FFFFFF; border-radius: 50px;}

/* ----------- MODAL CUSTOM  ------ */
[data-modals-element=modal][data-modals-theme=dark] [data-modals-type=iframe] [data-modals-element=slide-content] iframe{background: rgba(0, 0, 0, 0.0);}


/* -----------    FOOTER ------------   */
#g-links-bottom{background: #202020; color: #ffffff;}
#g-links-bottom .g-container{padding: 60px 30px;}
#footer{padding-left: 50px;}
#footer a{font-family:  'Druk Wide Bold Bold', sans-serif; font-size: 15px;letter-spacing: 0.075em; color: #ffffff; }
#footer a:hover{color: #ededed;}
#footer ul { /*margin-left: 60px;*/}
#footer ul li{margin: 20px 0; list-style: none; list-style-type: "_"; list-style-position: outside; font-family:'Druk Wide Bold Bold', sans-serif; font-size: 15px;}
.footer-C p span{font-family:'Druk Wide Bold Bold',sans-serif; font-size: 15px;letter-spacing: 0.075em; color: #ffffff;}
#footer a.info{font-family:'Montserrat',sans-serif; font-size: 14px; line-height: 17px; clear: both;}