#work {padding-top:0!important; padding-bottom:0!important; }
/*#work {background:none!important}	*/
#work .floatbox {/*position:absolute; left:0; right:0; top:60px;*/ position:relative }
#work .floatbox>.container {padding-top:60px; padding-bottom:52px; position:relative; z-index:5}
#work .floatbox:after {content:' '; background:#914a22; width:50%; height:100%; z-index:0; right:0; top:0; position:absolute; display:block; transition: all 1500ms}
#work .floatbox:before {content:' '; background:#7f674b; width:55%; height:100%; z-index:0; left:0; top:0; position:absolute; display:block; transition: all 1500ms}


#work.insideNeutral .floatbox:after {width:0%; right:0;}
#work.insideNeutral .floatbox:before {width:100%; left:0;}

#work.insideArgentina .floatbox:after {width:100%; right:0;}
#work.insideArgentina .floatbox:before {width:0%; left:0;}


#work .titulo {margin-bottom:0!important}
/*.contentbox {display:flex; flex-wrap:wrap; width:100%}*/
.neutralbox {float:left; /*min-height:calc(var(--vh, 1vh) * 100);*/ min-height:calc(100vh - 176px); background:#7f674b; /*max-width:50%; flex: 0 0 50%;*/ width:50%; display: flex; justify-content: center; align-items: center; transition: all 1500ms}


neutralbox:before {content:' '; background:#7f674b; width:55%; height:100vh; z-index:-1; left:0; top:0; position:absolute; display:block; transition: all 1500ms}


.argentinabox {float:right; /*min-height:calc(var(--vh, 1vh) * 100);*/ min-height:calc(100vh - 176px); background:#914a22; /*max-width:50%; flex: 0 0 50%;*/ width:50%; display: flex; justify-content: center; align-items: center; transition: all 1500ms}

.argentinabox.centring, .neutralbox.centring {align-items: start!important}

#work.insideNeutral .neutralbox, #work.insideArgentina .argentinabox {align-items: start!important}

#work.insideNeutral .neutralbox, #work.insideArgentina .argentinabox {min-height:calc(100vh - 221px)!important}

.full {/*flex:0 0 100%; max-width:100%;*/ width:100%}
.disa {/*flex:0 0 0%; max-width:0%;*/ width:0%; z-index:-1;}
.disa a {display:none}
.neutralbox>a, .argentinabox>a {font-size:45px;/*30 - 25px;*/ text-align:center; padding:15px; z-index:99; text-transform:uppercase; top:-110.5px; position:relative}

/*#work.insideNeutral .neutralbox>a, #work.insideNeutral .argentinabox>a, #work.insideArgentina .neutralbox>a, #work.insideArgentina .argentinabox>a {display:none}*/


#work.insideNeutral .titulo::after, #work.insideArgentina .titulo::after {opacity:1!important; right:0}
.neutralbox>a:hover, .argentinabox>a:hover {font-weight:bold}
#work ul.ubicacion {
	position: absolute;
	top: 62px; 
	/*right: 50px;*/ left: calc(12% + 273px); opacity:1;
	height:60px; padding:0; margin:0;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	list-style:none; transition: all 1500ms; z-index:105
}

ul.ubicacion::after {content: "";
    position: absolute;
    display: inline-block;
    height: 60px;
    width: 100%;
    left: 0;
    background-color: #000;
    opacity: 1;
    transition: all 1200ms;
    top: 0;
    z-index: -1;}
	
#work ul.submenu {
	padding:0px; margin:0; opacity:1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center; position:relative; 
	list-style:none; transition: all 1500ms; flex-wrap:wrap; z-index:105
}
ul.submenu.dentro::after {content: "";
    position: absolute;
    display: inline-block;
    height: 60px;
    width: 100%;
    left: 0;
    background-color: #000;
    opacity: 1;
    transition: all 1200ms;
    top: 0;
    z-index: -1;}


#work ul.submenu.dentro {position: absolute;top: 62px; /*right: 45px;*/ left: -100%;/*calc(12% + 273px);*/}
#work ul.submenu.dentro.movete {left: calc(12% + 273px)!important}

#work ul.ubicacion.dentro {display:none!important}
#work ul.ubicacion.hide {left: -100%; opacity:0; /*display:none!important*/}
#work ul.submenu.hide {display:none!important; opacity:0}

#work h3.subtitulo {text-align:left; margin-top: 15px; /*-32px;*/ margin-bottom:0px}
#work ul.submenu li, #work ul.ubicacion li {padding:0 10px; position:relative}
#work ul.ubicacion li {padding:10px}
#work ul.submenu li a, #work ul.ubicacion li a {line-height:25px; font-size:16px; padding:10px; display:block; transition: all 250ms; cursor:pointer}
#work ul.submenu li {padding:10px 15px; flex:0 0 100%; max-width:100%}
#work ul.submenu li a {font-size:20px; padding:15px; text-align:center}
#work ul.submenu li a {background:#000}

#work ul.submenu li.active {padding:10px!important; flex:0 0 100%!important; max-width:100%!important}
#work ul.submenu li.active a {padding:10px!important}
#work ul.submenu li.active a.btnback {padding-left:30px!important}
#work ul.submenu li a:hover, #work ul.submenu li.active a, #work ul.ubicacion li a:hover, #work ul.ubicacion li.active a {font-weight:bold}
#work ul.submenu li.back, #work ul.ubicacion li.back {padding-left:30px}
#work ul.ubicacion li.back {cursor:pointer}
#work ul.submenu li.back a, #work ul.ubicacion li.back a {font-size:80%; line-height:25px}
#work ul.submenu li.back:before, #work ul.ubicacion li.back:before {
    content: ' ';
    height: 24px; top:50%; margin-top:-12px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 15px;
}
#work ul.submenu li a.btnback, #work ul.ubicacion li a.btnback {display:none; position:relative; padding-left:30px; font-weight:normal!important; font-size: 16px; /*80%;*/ line-height: 25px;}
#work ul.submenu li a.btnback:hover, #work ul.ubicacion li a.btnback:hover {font-weight:bold!important}
#work ul.submenu li a.btnback:before, #work ul.ubicacion li a.btnback:before {
    content: ' ';
    height: 24px; top:50%; margin-top:-12px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 15px;
}
#work ul.submenu.dentro li.active a.btnback, #work ul.ubicacion.dentro li.active a.btnback {display:block!important}
#work ul.submenu.dentro li, #work ul.ubicacion.dentro li {display:none!important}
#work ul.submenu.dentro li.active, #work ul.ubicacion.dentro li.active {display: flex!important; justify-content: flex-end; align-items: center}


#work ul.ubicacion.instInicial li {display:none!important}
#work ul.ubicacion.instInicial li.back {display:block!important}

.items.works {display:none!important; transition: all 1000ms; left:-80px!important; opacity:0!important}
.items.works.mostrar {display:flex!important; transition: all 1000ms; position:relative}
.items.works.mostrar.ubicar {left:0px!important; opacity:1!important; width:100%!important; z-index:9!important}

#work h3.subtitulo>span.tit2 {display:none}

#voiceful .titulo, #demos .titulo, #work .titulo, #on-air .titulo, #backstage .titulo, .nav .menu li, .hero .cont h1, #clients .titulo, #hi .titulo, #contact .titulo, #estudio .titulo {
    font-weight: 300!important;
}

@media screen and (max-width: 1400px){
	#work ul.submenu li.back {padding-right:10px; padding-left:20px;}
	#work ul.submenu li.back:before {left:10px}
	
	/*#work ul.submenu {position: relative; top: inherit; justify-content: center; left: -35px; width: calc(100% - 25px);  margin-bottom: 32px;}*/
}
/*@media screen and (max-width: 1030px){
	#work ul.submenu li a {line-height:20px; text-align:center}
	#work ul.submenu {left:0; width:100%}
}*/

@media screen and (max-width: 1080px){
	#work ul.submenu {background:none; flex-wrap: wrap; flex-direction: row; justify-content: normal; height: auto}
	#work ul.submenu.fuera  {margin-top:15px!important}
	#work ul.submenu li {padding:5px; flex: 0 0 100%; /*0 0 33.3333%*/ }
	#work ul.submenu li a {padding:10px; background:#000; }
	#work ul.submenu li.back:before {display:none}
	#work ul.submenu li.back {padding:5px;}
	#work ul.submenu li.back a {background:#fff; color:#000; font-size:16px;}
	
	#work ul.submenu.dentro li {flex:0 0 auto!important}
}
@media screen and (max-width: 1024px){
/*	#work ul.ubicacion {right:90px!important}*/	
	#work .titulo::after {width: calc(100% - 240px)!important}
	#work ul.ubicacion li.back {padding-left:10px!important}
	#work ul.ubicacion li.back:before {display:none!important}
	#work ul.ubicacion li.back>a {background:#000!important}
	
	/*#work ul.ubicacion {position:relative!important; right:inherit!important; top:inherit!important; margin-bottom:30px!important}*/
	.neutralbox.full, .argentinabox.full {flex-wrap: wrap!important; flex-direction: column!important}
	
	#work ul.submenu li.back a, #work ul.ubicacion li.back a {font-size:16px!important}
	#work ul.submenu.dentro.movete {/*left:0!important*/ left: calc(12% + 325px)!important; top:62px!important}
	ul.ubicacion::after {height:54px!important}
	#work ul.ubicacion {left: calc(12% + 293px)!important}
	
}
@media screen and (max-width: 992px){
	#work {flex-direction:column; transition: all 1500ms}
	.neutralbox, .argentinabox {/*min-height: 50vh;*/ width:100%; min-height:0!important}
	
	.full {width:100%; min-height: 100vh}
	.disa {width:100%; min-height: 0vh; z-index:-1;}
	#work .floatbox:before {height: auto!important; width:100%!important}
	#work .floatbox:after {display:none!important}
	#work.insideNeutral .floatbox:before {background:#7f674b}
	#work.insideArgentina .floatbox:before, #work.insideArgentina {background:#914a22}
	.neutralbox, .argentinabox {float:inherit!important; min-height:0!important}
	.neutralbox>a, .argentinabox>a {padding:155px 15px 160px 15px}
	.neutralbox.full, .argentinabox.full {padding-bottom:60px}
	#work ul.submenu.dentro {/*position:relative!important; top:inherit!important; right:inherit!important; margin-bottom:30px!important*/}
	
	.neutralbox, .argentinabox {display:block!important}
	.neutralbox>a, .argentinabox>a {top:inherit!important; font-size:35px!important; display:block}
	/*#demos {margin-top:-30px!important}*/
	#work ul.ubicacion.hide {display:none!important}
	#work .floatbox:before {display:none!important}
	/*section#work {min-height:0!important}*/
	/*.neutralbox {margin-top:-100px!important}
	.neutralbox.full, .argentinabox.full {margin-top:0!important}*/
	/*.neutralbox>a {padding-top:20px!important}*/
	/*#work ul.submenu {padding:0 30px!important}*/
	/*#work ul.submenu.dentro {justify-content: flex-end!important}*/	
	
	#work .floatbox {position:relative!important}
	.neutralbox>a {padding-top:100px!important}
	#work .floatbox>.container {padding-bottom:0!important}
	.neutralbox.full, .argentinabox.full {padding-top:30px!important}
	
	#work.insideArgentina .argentinabox.full, #work.insideNeutral .neutralbox.full {padding-top:0!important}
	#work.insideArgentina #work h3.subtitulo, #work.insideNeutral #work h3.subtitulo {margin-bottom:10px!important}
	
	#work h3.subtitulo>span.tit2 {display:block}
	#work.insideNeutral h3.subtitulo>span.tit1.hidin, #work.insideArgentina h3.subtitulo>span.tit1.hidin  {display:none!important}
	#work h3.subtitulo {padding-left:78px; margin-bottom:30px!important}
	#work ul.submenu li.active a{display:none!important}
	
	#work.insideNeutral, #work.insideArgentina {min-height:100vh!important}
	
	#work ul.submenu.dentro li {padding:0!important}
	ul.submenu.dentro::after {height:54px!important}
	#work ul.submenu.dentro li.active a.btnback {margin-top:5px!important}
	#work ul.submenu li a.btnback:before {display:none!important}
	#work ul.submenu.dentro li.active a.btnback {padding-left:10px!important}
	#work h3.subtitulo {margin-bottom:15px!important}
}

@media screen and (max-width: 780px) {
	#work ul.ubicacion {left: calc(12% + 325px)!important}
}

@media screen and (max-width: 740px){
	#work ul.submenu li {flex: 0 0 100%; /*0 0 50%*/}
	#work .titulo::after {display:none}
	#work h3.subtitulo {font-size:22px!important}
	


}
@media (max-width: 740px) and (orientation: landscape) {
	.full {padding-top:150px!important}
}


@media screen and (max-width: 576px){

#work h3.subtitulo {margin-top:10px; margin-bottom:20px; font-size:18px!important}
ul.ubicacion::after {height: 30px!important;}
#work ul.ubicacion {height:30px!important}
#work ul.ubicacion li.back a {padding:0 10px!important}
.neutralbox>a, .argentinabox>a {font-size: 30px!important;}

#work ul.ubicacion {left: calc(12% + 140px)!important; top:25px!important}

.neutralbox>a, .argentinabox>a {/*padding: 130px 15px 130px 15px!important*/ padding: 110px 15px 110px 15px!important}
#work h3.subtitulo {padding-left:38px!important}
.neutralbox>a {/*padding-top: 75px!important;*/ padding-top: 55px!important}
#work ul.submenu.dentro.movete {left:calc(80px + 115px)!important;top:25px!important}
#work ul.submenu.dentro li.active a.btnback {margin-top:0!important}
ul.submenu.dentro::after {
    height: 32px!important;
}
#work ul.submenu li a.btnback {line-height: 22px!important; padding-top: 5px!important; padding-bottom: 5px!important;}

#work ul.submenu li {flex:0 0 100%!important}

}
@media screen and (max-width: 420px){
	/*#work ul.submenu li {flex: 0 0 100%}*/
}

.neutralbox.full>a, .argentinabox.full>a {display: none!important}



@media screen and (min-width: 1024px){
	.neutralbox, .argentinabox {min-height: calc(100vh - 221px)!important}
	.neutralbox>a, .argentinabox>a {top:-90px}
	#work:after {content: ' ';
		background: #914a22;
		width: 200%;
		top:0;    z-index: 1;
		right: -150%;
		bottom: 0;
		position: absolute; display:block; transition: all 1500ms;}
		
	#work.insideArgentina:after	{right:0%!important}
	#work.insideNeutral:after	{right:-200%!important}
	
	#work {overflow:hidden!important; max-height:100vh!important}
}

@media screen and (min-width: 670px){

.neutralbox>a>br {display:none!important}
}


@media screen and (max-width: 992px) and (orientation: portrait) {

#work.insideNeutral, #work.insideArgentina {min-height: inherit!important; max-height:inherit!important}
.neutralbox.full, .argentinabox.full {padding-bottom:30px!important}
#work.insideNeutral .neutralbox, #work.insideArgentina .argentinabox {
    min-height: auto!important;
}

#sec-work.insideArg {background:#914a22!important}
}