@font-face {
    font-family: 'deckbold';
    src: url('deckbold-webfont.eot');
    src: url('deckbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('deckbold-webfont.woff') format('woff'),
         url('deckbold-webfont.ttf') format('truetype'),
         url('deckbold-webfont.svg#deckbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'decklight';
    src: url('decklight-webfont.eot');
    src: url('decklight-webfont.eot?#iefix') format('embedded-opentype'),
         url('decklight-webfont.woff') format('woff'),
         url('decklight-webfont.ttf') format('truetype'),
         url('decklight-webfont.svg#decklight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'deck_regregular';
    src: url('deckreg-webfont.eot');
    src: url('deckreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('deckreg-webfont.woff') format('woff'),
         url('deckreg-webfont.ttf') format('truetype'),
         url('deckreg-webfont.svg#deck_regregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




	
html,body{
      
      margin: 0;
      padding: 0;
      border: none;
      font-size: 12px;
	  background-color:#f1f1f2;
	  color: #000;
	  font-family: 'deck_regregular';
	  -webkit-font-smoothing: subpixel-antialiased;
	  -webkit-font-smoothing: antialiased !important;
	  height: 100%;
}

.relative
{
	position:relative;
}

p
{
	
}

b,strong,.bold
{
	font-weight: normal;
	font-family: 'deckbold';
}

#main
{
	position:relative;height: 100%;

}

.left
{
	float:left
}

.right
{
	float:right
}

.clear
{
	clear:both;
}

.center
{
	text-align:center;
}

a
{
	text-decoration: none;
	color: inherit;
}

header
{
	height: 38px;
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 9900;
}

header.border
{
	border-bottom: 2px solid #f1f1f2
}

section
{
height: 100%;

}

section .content
{
	width: 1280px;
	margin: 0 auto;
	padding-top: 38px;
}

nav
{
	font-size: 12px;
	line-height: 25px;
	color: #000;
}

nav ul#menu
{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	margin-top: 7px;
}

nav ul#menu li
{
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
}

nav ul#menu li.sep
{
	width: 30px;
}

nav ul#menu li a:hover, nav ul#menu li a.sel
{
	color: #ed1d24;
}

nav ul#menu li.submenu
{
	color: #bcbeb0;
}

nav ul#menu_mobile
{
	margin: 0;
	padding: 0;
	width: 90%;
	margin: 0 auto;
	margin-top: 7px;
	display: none;
}

nav ul#menu_mobile
{
	list-style: none;
	position: relative;
}

.menu_clicker
{
	position:absolute; right:0px;top:-4px
}

#menu_mobile_options
{
	margin: 0;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #fff;
	display: none;
	margin-top:6px;
	border-top: 2px solid #F1F1F2;
}

#menu_mobile_options li
{
	font-size: 12px;
	line-height: 25px;
	color: #000;
	list-style: none;
	text-transform: uppercase;
	width: 90%;
	margin: 0 auto;
	border-bottom: solid 1px #ccc
}

#menu_mobile_options li a:hover, #menu_mobile_options li a.sel
{
	color: #ed1d24;
}

#menu_mobile_options li.submenu
{
	color: #bcbeb0;
}

.about
{
	font-family: 'decklight';
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	background-color: #fff;
}

.about h2
{
	font-size: 22px;
	line-height: 27px;
}

.about img
{
	max-width: 100%;
	width: auto\9;
	height: auto;
	padding-bottom: 55px;
}	

.about-footer
{
	font-size: 11px;
	line-height: 38px;
	height: 38px;
	width: 100%;
	background-color:#282828;
	color: #fff;
	font-family: 'decklight';
	margin-top: 80px;
}

.about-footer a:hover
{
	text-decoration: underline;
}

.red
{
	color: #ed1d24;
}

.sociais
{
	width: 940px;
	margin: 0 auto;
	background-color: #282828;
	color: #fff;
	line-height: 52px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.sociais a
{
	font-family: 'deckbold'; 
}

.sociais a:hover
{
	text-decoration: underline;
}

.about_texta
{
	width:855px; text-align: left; margin: 0 auto; font-size: 10px; line-height: 20px;font-family: 'deck_regregular'; 
}

.about_texta .col
{
	width: 285px;
}

#macontainer
{
	margin: 0;
	padding: 0;
	width: 100%;
	margin: 0 auto;
}

#macontainer li
{
	list-style: none;
	margin-bottom: 14px;
	margin-left: 14px;
	float: left;
}

.professional, .blog
{
	padding-top:38px;
}

.professional h2
{
	height:42px; background-color:#fff; text-align:center; padding-top:38px;font-family: 'decklight'; font-size: 14px;
}

.client_label
{
	color: #bcbeb0;
}

.professional h2 a.disable
{
	cursor: default;
}

.blog
{
	background-color: #ffffff; text-align: center
}

.blog h2
{
	height:42px; background-color:#fff; text-align:center; padding-top:38px;font-family: 'decklight'; font-size: 14px;
}

.blog img
{
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 15px;
}

#reposicao
{
	height: 38px;
	display: none;
}

.slideshow_wrap
{
	width: 1020px;
	margin: 0 auto;
	/* height:580px; */
}

#filters
{
	padding-top: 32px;
	padding-bottom: 32px;
	text-align: center;
	width: 800px;
	margin: 0 auto;
	font-size: 10px;
	color: #939598;
	line-height: 20px;
}

#filters a.sel
{
	color: #f69679;
}

.collaborations_wrap
{
	width: 1248px;
	margin: 0 auto;
}

.collaborations
{
	margin: 0;
	padding: 0;
	padding-top:37px;
	margin-left: -15px;
}

.collaborations li
{
	float: left;
	margin-left: 15px;
	list-style: none;
	width: 406px;
	margin-bottom: 30px;
}

.collaborations_img
{
	width:406px; height:270px; background-color:#eee;position:relative
}

.collaborations_img img
{
	max-width: 100%;
	width: auto\9;
	height: auto;
}

.collaborations_filter
{
	position:absolute; top:0px;left:0px;background-color:#ed1c24; width:100%;height:100%;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter: alpha(opacity=60); opacity:.60; display: none;
}

.collaborations_label
{
	height:100px;overflow:hidden;background-color:#fff; width:404px; border:1px #fff solid
}

.collaborations li:hover .collaborations_filter
{
	display: block;
}

.collaborations li:hover .collaborations_label
{
	border: solid 1px #ed1c24
}

.collaborations_label hgroup
{
	margin-top:25px; padding-left:20px;padding-right:20px; color: #000;
}

.collaborations_label h2
{
	font-family: 'decklight';
	font-size: 13px;
}

.collaborations_label h3
{
	font-family: 'deckbold';
	font-size: 16px;
	padding-top: 4px;
}

.collaborations li:hover .collaborations_label h3
{
	color: #ed1c24;
}

.hide
{
	display: none;
}

.space_c
{
	height: 10px;
}

.space_p
{
	height: 80px;
}

.data-grid
{
	width: 316px;
}

.proj_other_title
{
	position:fixed; top:0px;z-index:9500; color:#fff; font-family: 'decklight'; text-align: center;
	width: 100%;
	height: 100%;
}

.proj_other_title_wrap
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 22px;
	line-height: 27px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}