@charset "utf-8";
/* CSS Document */
html{overflow-y: scroll;}
html,body{margin:0; font-family: 'Titillium Web', sans-serif; font-weight:400; background-color:#111f27; color:#b6b6b9;}
ul, li, div, span, p, h1, h2, h3, h4, a{list-style:none; border:0; outline:0; margin:0; padding:0; text-decoration:none;}

::selection{
color:rgb(17, 31, 39);
background-color:rgb(0, 187, 227);
}

::-moz-selection{
color:rgb(17, 31, 39);
background-color:rgb(0, 187, 227);
}

.fluid {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.fluid{
  -webkit-transition-property: all;
     -moz-transition-property: all;
      -ms-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.fluidwho{
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-property: width, height;
     -moz-transition-property: width, height;
      -ms-transition-property: width, height;
       -o-transition-property: width, height;
          transition-property: width, height;
}

.fluidpos{
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-property: top, left, opacity, -webkit-transform;
     -moz-transition-property: top, left, opacity, transform;
      -ms-transition-property: top, left, opacity, transform;
       -o-transition-property: top, left, opacity, transform;
          transition-property: top, left, opacity, transform;
}

.fluidhot{
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-property: height, opacity, -webkit-transform;
     -moz-transition-property: height, opacity, transform;
      -ms-transition-property: height, opacity, transform;
       -o-transition-property: height, opacity, transform;
          transition-property: height, opacity, transform;
}



.fluidfixedelements{
-webkit-transition: all 700ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.top, .bottom, .itemsiso{opacity:0;}

.top{
	width:100%; 
	position:fixed; 
	top:-150px;
	left:0;
	z-index:99999; 
	background-color:#1f2c37;
	background: rgb(31,44,55); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(31,44,55,1) 0%, rgba(34,44,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,44,55,1)), color-stop(100%,rgba(34,44,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(31,44,55,1) 0%,rgba(34,44,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(31,44,55,1) 0%,rgba(34,44,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(31,44,55,1) 0%,rgba(34,44,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(31,44,55,1) 0%,rgba(34,44,53,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2c37', endColorstr='#222c35',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow:  0px 30px 60px 0px rgba(25, 33, 39, 0.8);
	box-shadow:  0px 30px 60px 0px rgba(25, 33, 39, 0.8);
	border-bottom:2px solid rgba(255,255,255,0.03);
	
	padding-top:10px;
}

.inner{margin:auto;}

.top .inner .logotipo{width:112px; height:41px; overflow:hidden; background:url(imgs/chemega4.png) no-repeat; margin: 15px auto 0px; display:block;}
.top .inner .logotipo a{opacity:0;}
.top .inner .logotipo a:hover{opacity:1;}

.top .inner .actionarea{margin:0;}

.top .inner .actionarea ul.menu1{float:left; position:relative; /*top:8px;*/}
.top .inner .actionarea ul.menu2{float:right;}
.top .inner .actionarea ul.menu li{float:left;}
.top .inner .actionarea ul.menu li a{
	padding:8px 16px;
	margin:3px 6px; 
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1f2c37;
	text-transform:uppercase;
	display:block;
	font-size:10px;
	color:#b6b6b9;
	
	background: #1f2c37;
	}
.top .inner .actionarea ul.menu li a:hover{
	background:  rgba(133,197,219,0.1);
	color:#FFF;
}
.top .inner .actionarea ul.menu li a.activecat{
	background:  rgba(24,31,36,0.9);
	color:#3bb7e1;
}

.top .inner .actionarea ul.menu2{}


.content{margin:110px 0 50px;}

.content .itemsiso{
	overflow:visible !important;
}

.content .itemsiso .itemiso, .collabiso{
	width:218px;
	padding:10px;
	border:1px solid #172934;
	margin-bottom:0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	
	text-transform:uppercase;
	font-weight:400;
	cursor:pointer;
}

.itemiso > .socialworkshare{position:absolute; right: 14px;
top: 18px; opacity:0;}
.itemiso > .socialworkshare > ul{list-style:none;}

.content .itemsiso .itemiso.info{
	cursor:default !important;	
}
.itemiso .projectoimg, .collabiso .projectoimg{ min-height:100px; }
.itemiso .projectoimg  img, .collabiso .projectoimg  img{border:1px solid #172934;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.itemiso h2, .collabiso h2{color:#00bbe3; font-size:14px; font-weight:700; margin:12px 0 0; opacity:0.5;}
.itemiso p, .collabiso p{color:rgb(23, 41, 52); font-size:10px; line-height: 12px;}

.itemiso:hover > .projectoimg img, .collabiso:hover > a .projectoimg img{border:1px solid #00bbe3;}
.itemiso:hover > h2, .collabiso:hover a > h2{opacity:1;}
.itemiso:hover > p, .collabiso:hover a > p{color:#b6b6b9;}

.itemiso:hover > .socialworkshare{opacity:1;}
.socialworkshare > ul > li{opacity:0.7;}
.socialworkshare > ul > li:hover{opacity:1}

.itemiso.info, .collabiso.info{text-transform:inherit !important;}
.itemiso.info h3, .collabiso.info h3{color:#00bbe3; font-size:37px; font-weight:200; word-wrap:break-word; line-height:35px; margin-bottom:20px;}
.itemiso.info p, .collabiso.info p{color:inherit !important;}

.itembig{
	background:#0f161b;
	border:1px solid #172934;
	overflow:hidden;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	height:0;
	opacity:0;
	position:relative;
}
.itembig .imageside{
	float:left;
	/*width:700px;*/
	height:500px;	
	margin:10px;
	position:relative;
	overflow:hidden;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;		
}

.itembig .imageside img{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}

.itembig .rightside{
	float:right;
	/*width:220px;*/
	margin:10px;
}

.imageside ul.imageswrap{position:absolute; top:0; left:0;}
.imageside ul.imageswrap li{float:left; position:relative; /*width:700px;*/}

.itembig .titulo{
	color:#3bb7e1;
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
}
.itembig .descricao{
	color:#A3A3A3;
	font-size: 12px;
	font-weight:400;
	margin: 5px 0 0 0;	
}
.itembig .cliente, .itembig .pais, .itembig .ano, .itembig .collab, .itembig .area{
	color:#B3B3B3;
}

.itembig .rightside .topbar{overflow:hidden; color:#3bb7e1; font-size:26px; font-weight:200;}
.itembig .rightside .topbar .navimgs{float:left; margin-bottom:30px;}
.itembig .rightside .topbar .close{float:right; cursor:pointer;}
.itembig .rightside .topbar .navimgs .arrowleft{padding-right:10px; cursor:pointer;}
.itembig .rightside .topbar .navimgs .arrowright{padding-left:10px; cursor:pointer;}

.itembig .rightside .topbar .navimgs .arrow, .itembig .rightside .topbar .close{opacity:0.6;}
.itembig .rightside .topbar .navimgs .arrow:hover, .itembig .rightside .topbar .close:hover{opacity:1;}

.itembig .rightside p.categorias, .itembig .rightside p.outros{color:#172934; font-size:12px; margin:20px 0;}

.itembig .rightside p.categorias{text-transform:uppercase;}

.itembig a, .itembig a:active, .itembig a:visited{color:#B3B3B3}
.itembig a:hover{color:#3bb7e1}

.itembig .socialworkshare > li{
	display:inline-block;
	opacity:0.5;
}
.itembig .socialworkshare > li > a{padding:5px;}
.itembig .socialworkshare > li:hover{
	opacity:1;
}


.bottom{
	background-color:#1f2c37; 
	width:100%;
	position:fixed; 
	bottom:-150px;
	left:0;
	z-index:99999;
	-webkit-box-shadow:  0px -14px 50px 0px rgba(25, 33, 39, 1);
	box-shadow:  0px -14px 50px 0px rgba(25, 33, 39, 1);
	border-top:2px solid rgba(255,255,255,0.03);
}

.bottom{font-size:8px; font-weight:700; text-transform:uppercase; text-align:center; padding:5px 0 10px 0;}
.bottom .inner{ overflow:hidden;}
.bottom .inner span.one{}
.bottom .inner span.two{color:#0f161b; float:left;}
.bottom .inner span.three{color:#00bbe3; float:right;}

.bottom.hiddenbar{border-top:2px solid rgba(0, 187, 227, 1);}

#player{
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}

.loadwindow{
	position:absolute;
	top:0;
	left:0;
	z-index:50000;
	background-color:#0f161b;
	background-image:url(imgs/loadingproject.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

.emmanutencao{
	top:-15500px;
	left:-15500px;
	position:fixed;
	opacity:0;
	padding:25px;
	display:none;
	z-index:1;
	background-color:#111f27;
	background-image:url(imgs/chemegabg.png);
	-webkit-box-shadow: inset 0px 0px 79px 0px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 0px 79px 0px rgba(0, 0, 0, 1);
}

.emmanutencaocontent{
	top:-15500px;
	left:-15500px;
	padding:25px;
	position:fixed;
	display:none;
	z-index:99999999999;	
}
.emmanutencaocontent > img{margin:20px 0;}
.emmanutencaocontent > *{opacity:0.86;}
.emmanutencaocontent h2{
	font-size:58px;
	font-weight:200;
	color:#0f161b;
	line-height:58px;
	margin-bottom:25px;
text-shadow: 15px -5px 8px rgba(0,0,0,0.25);

}
.emmanutencaocontent p{
	font-size:10px;
	text-transform:uppercase;
text-shadow: 5px -3px 2px rgba(0,0,0,0.4);
}

.emmanutencaocontent h4{
	font-size:32px;
	font-weight:200;
	color:#3bb7e1;
	margin-bottom:25px;	
text-shadow: 15px -5px 5px rgba(0,0,0,0.3);	

}

.sociallinks{display:block; float:left; position:relative; top:-2px;}

.socialbt{display:inline-block;}
.socialbt a{padding:4px 4px; width:18px; height:15px; }
.socialbt.behance a{background:url(imgs/ic_be_dark.png) center center no-repeat;}
.socialbt.facebook a{background:url(imgs/ic_fb_dark.png) center center no-repeat;}
.socialbt.vimeo a{background:url(imgs/ic_v_dark.png) center center no-repeat;}
.socialbt.linkedin a{background:url(imgs/ic_in_dark.png) center center no-repeat;}

.socialbt a img{
	opacity:0;
	margin:0 !important;
	position:relative;
	top:4px;
}
.socialbt a:hover > img{
	opacity:0.9;
}
.top .handle{display:none;}
.topmobile{cursor:pointer;}
.topmobile .handle{position:absolute; right:5px; bottom:5px; width:22px; height:22px; display:block;}
.topmobile .handle img{left:inherit !important; top:inherit !important; bottom:inherit !important;}