.img_loader,.navbar-toggle{display:none}.proyecto_open .img::before,.proyectos .img_load:before,.sec .txt .col::before{content:""}


@font-face{
	font-family:HelveticaNeueLTStd-lt;
	src:url(../typos/HelveticaNeueLTStd-Roman.eot?#iefix) 
	format('embedded-opentype'),
	url(../typos/HelveticaNeueLTStd-Lt.otf) 
	format('opentype'),
	url(../typos/HelveticaNeueLTStd-Lt.woff) 
	format('woff'),
	url(../typos/HelveticaNeueLTStd-Lt.ttf) 
	format('truetype'),
	url(../typos/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt) 
	format('svg');font-weight:400;
	font-style:normal
}



@font-face{
	font-family:HelveticaNeueLTStd-Roman;
	src:url(../typos/HelveticaNeueLTStd-Roman.eot?#iefix) 
	format('embedded-opentype'),
	url(../typos/HelveticaNeueLTStd-Roman.otf) 
	format('opentype'),
	url(../typos/HelveticaNeueLTStd-Roman.woff) 
	format('woff'),
	url(../typos/HelveticaNeueLTStd-Roman.ttf) 
	format('truetype'),
	url(../typos/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman) 
	format('svg');font-weight:400;
	font-style:normal
}

@font-face{
	font-family:HelveticaNeueLTStd-Bd;
	src:url(../typos/HelveticaNeueLTStd-Bd.eot?#iefix) 
	format('embedded-opentype'),
	url(../typos/HelveticaNeueLTStd-Bd.otf) 
	format('opentype'),
	url(../typos/HelveticaNeueLTStd-Bd.woff) 
	format('woff'),
	url(../typos/HelveticaNeueLTStd-Bd.ttf) 
	format('truetype'),
	url(../typos/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd) 
	format('svg');
	font-weight:400;
	font-style:normal}

body{
	font-family:HelveticaNeueLTStd-Roman;
	font-size:11px;color:#939598;
	background:#333;
	-webkit-overflow-scrolling:touch
}
.navbar .btn.active,.navbar li a,.nom .tit,.proyecto_open .tit h3,.proyectos .data .tit,.proyectos .filter,b{
	font-family:HelveticaNeueLTStd-Bd
	}

body::-webkit-scrollbar-track{width:15px;margin-left:-15px;-webkit-box-shadow:none;border-radius:0;background-color:transparent}
body::-webkit-scrollbar{width:0;background-color:transparent}.img,.navbar,.sep img{width:100%}body::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:none;background-color:#fff}a,a:hover{color:#fff;text-decoration:none}i{font-style:normal;font-style:italic}input,textarea{outline:0}button{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.proyecto_open .imgs .full img,.proyecto_open .imgs .half img,.proyecto_open .imgs .smart img,.proyecto_open .imgs .web img{box-shadow:0 12px 10px -7px rgba(0,0,0,.1)}.img{position:absolute;height:100%;background:center center no-repeat}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff}::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}.desaturada{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:gray;filter:grayscale(100%);filter:url(desaturate.svg#greyscale)}.nicescroll-rails{background:0 0!important;z-index:100!important}.container,.container-fluid{z-index:2}.row{margin:0}.navbar{position:fixed;height:80px;top:0;border:none;border-radius:0;background:0 0;z-index:200;-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;transition:all 250ms ease-out}.navbar.c_fdo{background:rgba(0,0,0,.85)}.navbar-brand{position:absolute;width:165px;height:45px;margin:0!important;left:18px;top:15px;background:url(../images/logo.svg) left center no-repeat;z-index:5}.navbar ul,.navbar-collapse{width:100%}.navbar ul{position:absolute;height:100%;left:0;text-align:center}.navbar li{display:inline-block;float:none;height:100%}.navbar li a{position:relative;width:140px;height:80px;height:100%;padding-top:32px;color:#fff;font-size:22px;line-height:1;text-shadow:none}.navbar li.active a{color:#ec008c}.navbar.c_fdo li.active a{background-color:#ec008c!important;color:#000}.navbar li a:hover{background:rgba(236,0,140,1);color:#000}.navbar .btn-group{margin-right:5px;margin-top:28px;border:1px solid #fff}.navbar .btn{padding:6px 8px 2px;background:#000;font-size:12px;line-height:1;border:none!important;border-radius:0;color:#fff}.navbar .btn.active,.navbar .btn:hover{background:#fff;color:#000}.navbar .fa{width:20px;margin-top:28px;font-size:20px;line-height:1;display:none}.navbar .fa:hover{color:#ec008c}.navbar .fa-twitter{margin-left:15px;margin-right:30px}.back{position:fixed;width:100%;height:100%;top:0;background:url(../images/trama.svg) #000;opacity:.45;background-size:250px}.owl-carousel{position:relative;float:left;width:100%;height:calc(100vh - 80px);margin-top:80px;background:rgba(30,30,30,1)}.owl-carousel .owl-item{cursor:hand}.owl-carousel .item_point{cursor:pointer;cursor:hand}.owl-carousel .img_load{height:calc(100vh - 80px);background-size:cover;background-position:center center;display:none}.nom .tit span,.proyectos .filter,.proyectos .filtros span{display:inline-block}.owl-theme .owl-controls{position:absolute;width:100%;bottom:10px}.nom,.scroll{position:absolute;bottom:20px}.owl-controls .owl-page span{width:10px!important;height:10px!important;margin:0 8px!important;cursor:pointer;cursor:hand;background-color:rgba(0,0,0,.25)!important;border:none!important;border-radius:15px!important;opacity:1!important}.owl-controls.clickable .owl-page:hover span{opacity:1!important;background:#ec008c!important}.owl-controls .owl-page.active span{background:#ec008c!important}.scroll{width:50px;height:40px;right:20px;z-index:100;cursor:pointer;cursor:hand;-webkit-transform-origin:right bottom;transform-origin:right bottom;fill:rgba(0,0,0,.85);fill:#000;fill:#fff;mix-blend-mode:screen}.scroll .st0{fill:#fff;fill:#000}.scroll:hover{fill:#ec008c;mix-blend-mode:normal}.scroll:hover .st0{fill:#000}.nom{width:90%;left:20px}.nom .tit,.proyectos{width:100%;float:left}.nom .tit{position:relative;height:45px;overflow:hidden}.nom .tit span{position:absolute;height:40px;top:auto;padding:10px 12px;font-size:28px;line-height:1;background:#fff;color:#000}.proyectos{position:relative;padding:0 0 75px;color:#fff;font-size:20px;line-height:30px;background:url(../images/trama.svg) rgba(0,0,0,.25);background-size:250px;z-index:10}.proyectos .filtros{position:relative;padding:50px 20px 40px;text-align:center}.proyectos .filter{float:left;font-size:18px;line-height:1;padding:20px 25px 16px;color:#fff;font-weight:100;cursor:pointer;cursor:hand;background:rgba(0,0,0,.5)}.proyectos .filter.active,.proyectos .filter:hover{background-color:#ec008c;color:#000}.proyectos .row{background:#1e1e1e;background:rgba(0,0,0,.5);z-index:5}.proyectos .col{padding:0;display:none;overflow:hidden;cursor:pointer;cursor:hand}@media screen and (min-width:1400px){.proyectos .col{width:25%}}.proyectos .img_load{position:relative;float:left;width:100%;background-size:102%!important;background-repeat:no-repeat;display:none}.proyectos .img_load:before{display:block;padding-top:56.25%}.proyectos .over{position:absolute;width:100%;height:100%;opacity:0}.proyectos .img{position:relative;float:left;width:100%;background-size:100%}.proyectos .data{position:absolute;width:100%;height:100%}.proyectos .data .tit{position:relative;float:left;width:100%;height:50%;height:calc(100% - 58px);top:1px;padding:0 20px;overflow:hidden;font-size:24px;line-height:1}.proyectos .data .tit span{display:inline-block;position:absolute;height:40px;top:auto;bottom:-40px;padding:12px 10px;background:#fff;color:#000}.proyectos .data .subtit{position:relative;float:left;width:100%;margin-top:2px;height:calc(55px);padding:0 20px;overflow:hidden;font-size:16px;line-height:1}.proyectos .data .subtit span{display:inline-block;position:relative;height:35px;top:-35px;padding:11px 10px;background:#fff;color:#000}.proyecto_open,.proyecto_pre{width:100%;display:none;position:relative;float:left}.proyecto_pre{height:10px padding: 0;opacity:0;z-index:10;background:url(../images/loader.svg);background-size:100%}.proyecto_pre img{position:relative;width:100%;height:10px;top:-2px}.proyecto_open{padding:0 0 100px;background:url(../images/trama.svg) rgba(0,0,0,.25);background-size:250px}.proyecto_open #cerrar,.proyecto_open svg{width:50px;height:50px}.cont_proy{position:relative}.proyecto_open .row{margin:0 -15px}.proyecto_open #cerrar{position:fixed;right:20px;top:20px;cursor:pointer;cursor:hand;z-index:10}.proyecto_open #cerrar.menu{top:100px}.proyecto_open #cerrar.abs{position:absolute;top:20px}.proyecto_open .cerrar .st0{stroke:#fff;stroke-width:7}.proyecto_open .cerrar:hover{fill:#ec008c}.proyecto_open .cerrar:hover .st0{stroke:#000}.fix_c{position:fixed;top:120px}.proyecto_open .cont{position:relative}.proyecto_open .img{position:relative;width:auto;margin:0 -15px;background-size:cover}.proyecto_open .img::before{display:block;padding-top:56.25%}.proyecto_open .fdo{position:absolute;width:100%;height:100%;left:0;top:0}.proyecto_open .info{padding-top:30px}.proyecto_open .text{margin-bottom:75px}.proyecto_open .desc,.proyecto_open .tit{padding:0 30px;color:#fff}.proyecto_open .tit{font-size:18px}.proyecto_open .tit h3{margin-top:0;font-size:36px}.proyecto_open .tit h5{margin-bottom:20px;font-size:16px}.proyecto_open .tit a{padding:0 5px;text-align:center;color:#fff}.proyecto_open .tit a:hover{color:#ec008c}.proyecto_open .desc{font-size:16px;line-height:26px;font-family:HelveticaNeueLTStd-Roman}.proyecto_open .desc a{display:inline-block;float:left;margin-right:15px;margin-top:20px;padding:8px 10px 4px;border:1px solid #fff;line-height:16px;font-size:14px}.proyecto_open .desc a.share{width:32px;margin-right:0;padding-left:0;padding-right:0;text-align:center;color:#fff!important}.proyecto_open .desc a.tw{margin-left:-1px}.proyecto_open .desc a.tw:hover{border-left:1px solid #fff}.proyecto_open .desc a:hover{background:#ec008c;border:1px solid #ec008c;color:#000!important}.proyecto_open .imgs{padding-top:75px;padding-bottom:50px;background:#e5e5e5}.proyecto_open .imgs .over{position:absolute;width:100%;height:100%;left:0;top:0;opacity:.1;display:none}.estudio,.estudio .cliente .img,.estudio .franja,.sec .tit,.sec .txt{position:relative}.proyecto_open .imgs_foot{padding:0;overflow-x:hidden}.proyecto_open .imgs_foot img{position:relative;width:auto;left:50%;transform:translateX(-50%)}.proyecto_open .imgs .fdo{opacity:.5}.proyecto_open .imgs .row{margin:0 -10px}.proyecto_open .imgs .smart{margin-bottom:40px;padding:0 25px;text-align:center}.proyecto_open .imgs .smart img{width:100%;max-width:320px}.proyecto_open .imgs .web{margin-bottom:30px;text-align:center}.proyecto_open .imgs .web img{width:100%}.proyecto_open .imgs .vid{margin-bottom:65px}.proyecto_open .imgs .full,.proyecto_open .imgs .half{margin-bottom:30px;text-align:center}.proyecto_open .imgs .half img{width:100%}.proyecto_open .imgs .full img{width:100%}.estudio{float:left;width:100%;padding-top:100px;padding-bottom:100px;font-size:20px;line-height:30px;background:#eee;color:#222}.estudio .franja{float:left;width:100%;height:200px;margin-bottom:100px;background:#ddd;display:none}.estudio h1,.estudio h2{margin-top:0;margin-bottom:20px;font-family:HelveticaNeueLTStd-Bd}.estudio .franja .imag{width:100%;height:100%;background:url(../images/trama_logo.svg) center center no-repeat;background-size:2000px;opacity:1}.estudio h1{font-size:55px}.estudio h2{font-size:35px}.estudio h3{margin-top:75px;margin-bottom:10px;font-family:HelveticaNeueLTStd-Bd;font-size:30px}.estudio span{display:block;font-family:HelveticaNeueLTStd-Lt;font-size:21px;line-height:32px}.sec .btn,.sec .tit,.sec .txt b,.sec .txt h3{font-family:HelveticaNeueLTStd-Bd}.estudio .cliente{height:130px}.estudio .cliente .img{width:calc(100% - 20px);width:100%;height:calc(100% - 20px);left:10px;top:10px;background-size:140px;mask-image-size:125px;mask-image-repeat:no-repeat;opacity:1}.sec{background:url(../images/trama.svg) rgba(0,0,0,.25);background-size:250px}.sec .container{margin-bottom:75px}.sec .texto,.sec .tit{margin-bottom:25px}.sec .tit{z-index:5;color:#fff}.sec .tit h2,.sec .tit h3{display:inline-block;margin:0;background:#000;padding:15px 15px 8px;line-height:1}.sec .tit h2{margin-top:140px;padding-left:20px;padding-right:20px;background:#fff;color:#000}.sec .tit h3{margin-top:50px}.sec .txt{float:left;width:100%;padding:30px 25px;background:rgba(0,0,0,.5);color:rgba(255,255,255,1);font-size:16px;line-height:26px;z-index:5}.sec .txt h3{margin:0 0 20px;line-height:18px;color:#fff}.sec .txt p{margin-top:30px;margin-bottom:0}.sec .txt .col{padding:0;background-color:rgba(0,0,0,.25)}.sec .txt .col::before{display:block;padding-top:56.25%}.sec .txt .col div{position:absolute;width:100%;height:100%;top:0;opacity:0}.foot,.foot span{position:relative}.sec .txt .col .cliente{background-size:auto 100%;background-repeat:no-repeat;background-position:center center;opacity:1!important}.sec form{margin-left:-15px}.sec .form-control{padding-left:10px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;background:#fff;color:#000}.sec .btn{display:inline-block;font-size:16px;line-height:1;margin-top:15px;padding:15px 15px 10px;font-weight:100;background-color:transparent;color:#fff;border-radius:0;border:1px solid #fff}.sec .btn:hover{background-color:#ec008c;color:#000;border-color:transparent}.sec a{font-size:24px}.sec a:hover{color:#ec008c}.foot{float:left;width:100%;background:#000;color:#fff;font-size:14px;line-height:1;padding:20px 0;text-transform:none}.foot span{float:right}.contact label{position:absolute;top:7px;right:11px;color:#ec008c!important}.contact .form-group{position:relative}@media screen and (max-width:992px){.navbar .btn-group,.navbar .fa{bottom:20px;position:absolute}.navbar .fa,.navbar-collapse,.navbar-header,.navbar-toggle,.nom{position:absolute}.container{width:100%}.navbar{height:65px}.navbar-header{width:100%;height:100%;background:#000;z-index:10}.navbar-collapse{height:calc(100vh - 70px);height:100vh;top:-100vh;padding:0;background:rgba(0,0,0,.9);z-index:1}.navbar-nav{height:auto!important;margin:0;top:50%;transform:translateY(-70%)}.navbar-brand{width:125px;height:35px;left:15px}.navbar-toggle{display:block;width:40px;height:40px;margin:0;right:15px;top:13px;border-radius:0;background-position:right center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/menu.svg);-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;transition:all 250ms ease-out}.navbar-toggle.open{background-image:url(../images/menu_cerrar.svg)}.navbar li{width:100%;height:auto}.navbar li a{width:100%;height:60px;padding:22px 30px;display:inline-block}.navbar .fa{left:10px}.navbar .fa-twitter{margin-right:0;left:30px}.navbar .btn-group{right:15px;margin-left:15px;margin-top:15px}.owl-carousel{height:calc(100vh - 70px);height:380px;margin-top:65px}.owl-carousel .img_load{height:calc(100vh - 70px);height:380px;background-size:180%;background-repeat:no-repeat;background-position-y:25px!important}.nom{width:calc(100vw - 90px);left:15px;bottom:auto;top:320px}.proyectos .data .subtit,.proyectos .data .tit{position:relative;width:auto;max-width:85%;margin-left:15px;background:rgba(0,0,0,.3)}.nom .tit{height:110px}.nom .tit span{height:auto;padding-top:12px;padding-bottom:6px;font-size:20px}.owl-controls{display:none!important}.scroll{right:15px}.proyectos .data{height:auto;bottom:15px}.proyectos .data .tit{height:auto;padding:0}.proyectos .data .tit span{position:relative;height:auto;padding-bottom:8px;bottom:0!important;font-size:20px;opacity:1!important}.proyectos .data .subtit{display:block;clear:both;padding:0;height:auto}.proyectos .data .subtit span{height:auto;padding-bottom:8px;top:0!important;opacity:1!important;font-size:14px}.proyectos .over{opacity:0}.proyecto_open #cerrar{right:15px;top:15px}.proyecto_open #cerrar.abs{top:15px!important}.proyecto_open #cerrar.menu{top:85px}.proyecto_open .text{margin-bottom:50px}.proyecto_open .info .container{padding:0}.proyecto_open .info .container .col{padding:0 15px}.proyecto_open .tit h3{margin-bottom:20px;font-size:30px}.proyecto_open .imgs{padding-top:50px}.proyecto_open .imgs .container{padding:0}.proyecto_open .imgs .smart,.proyecto_open .imgs .vid,.proyecto_open .imgs .web{margin-bottom:50px}.proyecto_open .imgs_foot img{height:600px}.sec .tit h2{margin-top:100px;padding-left:15px;padding-right:15px;padding-bottom:8px;font-size:24px}.sec .container-fluid{padding:0}.sec .txt{padding:22px 18px;font-size:14px;line-height:24px}.sec .txt h3{line-height:1}.sec .txt p{margin-top:20px}}@media screen and (max-width:767px){.navbar .fa{left:10px}.navbar .fa-twitter{left:30px}.navbar .btn-group{right:15px}.owl-carousel .img_load{background-position-y:center}.nom{width:calc(100vw - 30px)}.nom .tit span{font-size:20px}.scroll{display:none}.proyectos .filtros{padding-right:0;overflow-x:auto}.proyectos .filtros span{display:block;white-space:nowrap;width:450px}.proyectos .filter{font-size:16px;padding:15px 20px 10px}.proyectos .filtros span .filter:nth-last-child(0){margin-right:15px}.proyectos .over{display:none!important}.proyecto_open{padding-bottom:75px}.proyecto_open .fdo_sel .img_load{margin-top:15px!important}.proyecto_open .info{padding-top:20px}.proyecto_open .text{margin-bottom:30px}.proyecto_open .info .container .col{padding:0 20px}.proyecto_open #cerrar{right:2px;top:2px;transform:scale(.75)}.proyecto_open #cerrar.abs{top:5px!important}.proyecto_open #cerrar.menu{top:68px}.proyecto_open .tit h3{margin-top:10px;margin-bottom:10px;font-size:24px}.proyecto_open .tit h5{font-size:14px margin-bottom: 15px}.proyecto_open .desc{font-size:14px;line-height:24px}.proyecto_open .imgs{padding-top:30px;padding-bottom:0}.proyecto_open .imgs .smart,.proyecto_open .imgs .web{margin-bottom:30px}.proyecto_open .imgs .smart img{max-width:250px}.proyecto_open .imgs_foot img{height:400px}.sec .container{margin-bottom:50px}.sec .container.tit{margin-bottom:30px}.sec .container.texto{margin-bottom:20px}.sec form{margin-right:-15px;margin-bottom:30px}.contact .txt .row .col-xs-12:nth-child(2){padding:0}}




.sec .txt{
	padding: 0px;
	background: transparent;
	margin-top: 155px;
	font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    font-family: 'HelveticaNeueLTStd-lt';
}
.sec .txt.clients{
	margin-top: 20px!important;
	padding: 0px;
}
.sec .txt .col {    
    background-color: transparent;
    opacity: .5;
}
.sec .txt h3 {
        display: inline-block;
    margin-bottom: 0px;
    padding: 15px;
    padding-bottom: 10px;
    background: white;
    color: #222;
}
.txt.contact h3{
	margin-bottom: 30px;
}
.sec a {
    /*font-family: HelveticaNeueLTStd-Bd;*/
}
.sec .btn {
    background-color: #fff;
    color: #222;
}



@media screen and (max-width: 992px){
	.sec .txt {
	    margin-top: 95px;
	}	
}