/* ==================================================================================================== */
/* FONTS 
/* ==================================================================================================== */
@font-face {
	font-family: 'Socialico';
   src: url('../fonts/Socialico.eot');
   src: url('../fonts/Socialico.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Socialico.ttf') format('truetype'),
        url('../fonts/Socialico.svg#Socialico') format('svg');
   font-weight: normal;
   font-style: normal;
}

h2.text-center { font-family: "Open Sans", sans-serif; text-transform: uppercase; letter-spacing:1px; word-spacing:2px; font-weight: 800;}
h3.text-center { font-family: "Open Sans", sans-serif; letter-spacing:1px; word-spacing:2px; font-weight: 400;}
h4.text-center { font-family: "Open Sans", arial; letter-spacing:1px; word-spacing:2px; font-weight: 200;}
h5.text-center { font-family: "Open Sans", sans-serif; text-transform: uppercase; letter-spacing:1px; word-spacing:2px; font-weight: 800; text-align:center}
p.text-center { font-family: "Open Sans", sans-serif; letter-spacing:1px; word-spacing:2px; font-weight: 300; color:#999; text-align:center}

/* ==================================================================================================== */
/* BODY 
/* ==================================================================================================== */
html {
	width: 100%; height: 100%;
}
body { height: 100%; font-family: "Open Sans",Helvetica,Arial,sans-serif;}

a { color: #999; }
a:hover { color: #000; text-decoration: none; }

::selection {
	background-color: rgba(0,0,0,0.6);
}
::-moz-selection {
	background-color: rgba(0,0,0,0.6);
}

/* ==================================================================================================== */
/* COMMON
/* ==================================================================================================== */
.ico { 
	font-family: "Socialico"; font-weight: 400; font-style: normal; font-size: 50px;  color: #999; 	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.ico:hover  { color: #000; }

.heading_line { border-bottom: 1px solid #ccc; display: block; height: 1px; margin: 10px auto 0; width: 85px; } 
.icon-works, .icon-time { display: block; margin: 10px auto; height: 64px; width: 100%; background: url('../img/icon-line.png') center center repeat-x; }
.icon-works img, .icon-time img { background: #f3f3f3; }
.icon-about, .icon-contact , .icon-gratis { display: block; margin: 10px auto; height: 64px; width: 100%; background:url('../img/icon-line.png') center center repeat-x; }
.icon-about img, .icon-contact img { background: #f3f3f3; }, .icon-gratis img { background: #f3f3f3; }
.icon-blog { display: block; margin: 10px auto; height: 64px; width: 100%; background:url('../img/icon-line.png') center center repeat-x; }
.icon-blog img { background: #f3f3f3; }, .icon-gratis img { background: #f3f3f3; }

.twitter { 
   background-image: url('../img/icones_redessociais_cinza_twitter4.gif');
   height: 70px;
   width: 120px;
}

.twitter:hover  { 
   background-image: url('../img/icones_redessociais_preto_twitter4.gif');
 }

h2 {margin-top: 30px;}
h5 {margin-top: 30px;}


/* ==================================================================================================== */
/* HEADER
/* ==================================================================================================== */

.navbar { width: 100%; position: relative; margin: 0 0 20px; }
.navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 1px #ccc solid; background: #fff; 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
	
.sticky-wrapper { z-index: 999; width: 100%; position: relative; margin: 0; }
.sticky-wrapper .navbar { margin-bottom: 0; }
.sticky-wrapper .navbar.stuck { position: fixed; top: 0; }

/* ==================================================================================================== */
/* LOGO
/* ==================================================================================================== */
header img { float: left; margin-left: 10px; }

/* ==================================================================================================== */
/* NAVIGATION
/* ==================================================================================================== */
.navbar ul.nav { padding-top: 15px; }
.navbar ul.nav li a { color:#333; position:relative; display:inline-block; font-weight: 800; text-decoration:none; font-size:12px; text-transform:uppercase; text-decoration:none; display:block;
   -webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   -o-transition: all 300ms linear;
   -ms-transition: all 300ms linear;
   transition: all 300ms linear;
   
   background: none;
   -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;
}
.navbar ul.nav li.active a,
.navbar ul.nav li.active a:hover,
.navbar ul.nav li a:hover,
.navbar ul.nav li a.selected { color:#ff9238; text-decoration: none;
   background: none;
   -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;
}

/* ==================================================================================================== */
/* HOME
/* ==================================================================================================== */
#home
{
	width:100%; height:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_01  {
	width:100%; height:100%;
	background:url('../img/bg_home.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_02  {
	width:100%; height:100%;
	background:url('../img/bg_home2.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_03  {
	width:100%; height:100%;
	background:url('../img/bg_home3.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_04  {
	width:100%; height:100%;
	background:url('../img/bg_home4.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_05  {
	width:100%; height:100%;
	background:url('../img/bg_home5.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_06  {
	width:100%; height:100%;
	background:url('../img/bg_home6.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_07  {
	width:100%; height:100%;
	background:url('../img/bg_home7.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_08  {
	width:100%; height:100%;
	background:url('../img/bg_home8.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_09  {
	width:100%; height:100%;
	background:url('../img/bg_home9.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_10  {
	width:100%; height:100%;
	background:url('../img/bg_home10.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_11  {
	width:100%; height:100%;
	background:url('../img/bg_home11.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .imagem_12  {
	width:100%; height:100%;
	background:url('../img/bg_home12.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

#home .container { width: 100%; } 

#home .containerblack {
	background-color: rgba(1,21,34,0.3);
	width: 100%;
	height: 350px;
	padding: 50px 0 50px 0; 
	margin: 150px auto 0 auto;
	position: relative;
	  }

/* BIG LOGO */
#home h1 { margin: 0 auto; text-align: center; } 

ul.homenav.left {position: absolute; width: 200px; top: 120px; left: 50%; margin-left: -270px; }
ul.homenav.right {position: absolute; width: 200px; top: 120px; left: 50%; margin-left: 115px; }
ul.homenav li { list-style:none; display: inline-block; margin: 0 10px 0 10px;}
ul.homenav li a { color:#ffffff; font-weight: 800; text-decoration:none; font-size:12px; text-transform:uppercase; text-decoration:none;
   -webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   -o-transition: all 300ms linear;
   -ms-transition: all 300ms linear;
   transition: all 300ms linear;
   background: none;
   -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;
}
ul.homenav li a:hover{ color:#ff9238; text-decoration: none;
   background: none;
   -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;
}

/* SLIDER */
#slider  { width: 100%; font-size: 38px; margin-top:20px; }
#slider .slide { width: 100%; height: 70px; font-weight: 300; line-height: 70px; color: #d6d5d5; text-align: center; letter-spacing:1px; word-spacing:2px;}
#slider .slide strong { font-weight: 800; color: #fff;}
	
/* ARROW DOWN */	
a#arrow_down {
	position: absolute; width: 300px; bottom: 10%; left: 50%; margin-left: -150px;
	padding: 22px;
	text-align: center;
	font-size: 22px;
	border: 2px solid #ffffff;
	border-radius: 6px;
/*	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 2px 1px rgba(0, 0, 0, 0.2); */
	background: rgba(1,21,34, 0.1);
	text-decoration:none;
	text-transform:uppercase;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}	
a#arrow_down:hover { 
	background-color: rgba(1,21,34, 0.5); 
	font-size: 22px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: ;
	color: #ffffff;
}

/* ==================================================================================================== */
/* WORKS
/* ==================================================================================================== */

#works { padding: 60px 0 100px 0; background: #f3f3f3; border-bottom: 1px solid #e3e3e3; }
#works_items { padding-top: 0px; }

	.og-grid {
		list-style: none;
		padding: 20px 20px 20px 20px;
		max-width: 1060px;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	
	.og-grid li {
		display: inline-block;
		margin: 10px 5px 10px 5px;
		vertical-align: top;
	}
	
	.og-grid li a div {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background: rgba(41,41,41,0.6);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		align-items: flex-end;
		text-align: left;
		padding: 20px;
		color: #fff;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transition: opacity 180ms ease-in-out;
		-moz-transition: opacity 180ms ease-in-out;
		-o-transition: opacity 180ms ease-in-out;
		transition: opacity 180ms ease-in-out;
	}
 
	.og-grid li a:hover div {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	}
	
	.og-grid li > a,
	.og-grid li > a img {
		border: none;
		outline: none;
		display: block;
		position: relative;
	}
	
	.og-grid li.og-expanded > a::after {
		top: auto;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-bottom-color: #e9eaee;
		border-width: 15px;
		left: 50%;
		margin: -20px 0 0 -15px;
	}
	
	.og-expander {
		position: absolute;
		background: #e9eaee;
		top: auto;
		left: 0;
		width: 100%;
		margin-top: 10px;
		text-align: left;
		height: 0;
		overflow: hidden;
	}
	
	.og-expander-inner {
		padding: 50px 30px;
		height: 100%;
	}
	
	a.og-next {
		position: absolute;
		display: block;
		width: 40px;
		height: 30px;
		top: 25px;
		right: 80px;
		text-indent: -6000px;
		background: url(../img/next.png) no-repeat 0 0;
	}
	
	a.og-prev {
		position: absolute;
		display: block;
		width: 40px;
		height: 30px;
		top: 25px;
		right: 130px;
		text-indent: -6000px;
		background: url(../img/prev.png) no-repeat 0 0;
	}
	
	.og-close {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}
	
	.og-close::before,
	.og-close::after {
		content: '';
		position: absolute;
		width: 100%;
		top: 50%;
		height: 1px;
		background: #888;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.og-close::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	.og-close:hover::before,
	.og-close:hover::after {
		background: #333;
	}
	
	.og-fullimg,
	.og-details {
		width: 50%;
		float: left;
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.og-fullimg img {
		box-shadow: 0 5px 35px rgba(0,0,0,.65);
		-moz-box-shadow: 0 5px 35px rgba(0,0,0,.65);
		-webkit-box-shadow: 0 5px 35px rgba(0,0,0,.65);
	}
	
	.og-details {
		padding: 0 40px 0 20px;
	}
	
	.og-fullimg {
		text-align: center;
	}
	
	.og-fullimg img {
		display: inline-block;
		max-height: 90%;
		max-width: 90%;
	}
	
	.og-details h3 {
		font-size: 42px;
		padding: 20px 0 10px;
		margin-bottom: 10px;
		color: #fff;
		font-family: "Open Sans", sans-serif;
		font-weight: 800;
		letter-spacing:1px; 
		word-spacing:2px;
	}
	
	.og-details p {
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		color: #999;
		letter-spacing:1px; 
		word-spacing:2px;		
	}
	
	.og-details a {
		font-weight: 400;
		font-size: 16px;
		display: inline-block;
		margin: 30px 0 0;
		outline: none;
		padding: 10px;
		text-align: center;
		border: 0px solid #ff9238;
		border-radius: 6px;
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0), inset 0 0px 0px rgba(0, 0, 0, 0);
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}	
	
	.og-details a:hover {
		background-color: rgba(0,0,0,0);
		text-decoration: none;
	}
	
	.og-details ul.thumbs {
		margin-left: 0;
		max-width: 450px;
	}
	
	.og-details ul.thumbs li {
		margin: 5px 5px 0 0;
		height: 80px;
	}
	
	.og-details ul.thumbs a {
		padding: 0;
	}
	
	.og-details ul.thumbs a img {
		border: 2px solid #292929!important;
		padding: 1px;
		height: 80px;
		width: 80px;
	}
	
	.og-details ul.thumbs a.active img {
		border: 2px solid #dcdcdc!important;
		padding: 1px;
	}
	
	.og-loading {
		width: 50px;
		height: 50px;
		background: url('../img/ajax-loader.gif') center center no-repeat;
		position: absolute;
		top: 25%;
		left: 50%;
		margin: -25px 0 0 -25px;
	}
	
	.og-details a[href="#"] {
		display:none;
	}
	
	.og-details ul.thumbs a[href="#"] {
		display:block;
	}
	
	.infografico p.lead {max-width:1700px; margin: auto auto;}

	.container p.lead {max-width:600px; margin: 0 auto;}
	.container p.lead.marginer {margin: 0 auto 50px auto;}
	.container p.lead.twocolumns1 {max-width:474px; text-align:left; float:left; margin: 0 0 20px 0;}
	.container p.lead.twocolumns2 {max-width:474px; text-align:left; float:left; margin: 0 0 20px 94px;}
	.fontepeq {margin: 0 auto 0px auto; text-align: center; font-size:14px;}
	.clear {clear:both;}


/* ==================================================================================================== */
/* ABOUT
/* ==================================================================================================== */
#about { padding: 60px 0 100px 0; background: #f3f3f3; border-bottom: 1px solid #e3e3e3; }
#about .row { padding-top: 60px; padding-left: 16px; }

	/* PERSON */
	.person 		{ width: 100%; background: #fff; margin-bottom: 8px; padding-bottom: 8px; position: relative; text-align: center; }
	.person h2 			{ font-size: 16px; margin: 5px 0; letter-spacing:1px; word-spacing:2px;}
	.person h5 			{ font-size: 16px; margin: 5px 0; letter-spacing:1px; word-spacing:2px;}
	.person .position 	{ display: inline-block; padding: 3px 5px; background: #ff9238; color: #fff; font-size: 14px; text-transform: uppercase; }
	.person ul a,
	.person ul a:hover	{ text-decoration: none; }
	.person p a { font-size:12px; }
	.person ul { margin-top: 20px; }
#about .span3 {margin-left: 14px;}
		

		
/* ==================================================================================================== */
/* ABOUT
/* ==================================================================================================== */
#timeline { padding: 60px 0 100px 0; background: #f3f3f3; }
#timeline a { color: #ff9238; }
#timeline a:hover { color: #dcdcdc; text-decoration: none; }										


/* ==================================================================================================== */
/* CONTACT
/* ==================================================================================================== */
#contact { padding: 30px 0 100px 0; background: #f3f3f3; }
#contact .row { padding-top: 20px; }

#contact form { margin: 20px 0; }
#contact h3 { letter-spacing:1px; word-spacing:2px;}
#contact h4 { letter-spacing:1px; word-spacing:2px; }
#contact .span2 {margin-left: 20px;}
#contact .span3 {margin-left: 60px;}

#contact form input,
#contact form textarea{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width:100%; padding:4px 8px; border:1px solid #FFF; box-shadow:none;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
#contact form select{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width:100%; padding:4px 8px; border:1px solid #FFF; box-shadow:none;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

#contact form input[type=checkbox] {
 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width:8%; padding:0px 0px; border:1px solid #FFF; box-shadow:none; margin-bottom:5px; margin-left: -3px; margin-right: -5px;
    cursor: pointer; height:15px; resize: none; 
}

	/* INPUT -> HEIGHT */
#contact form input{ height:40px; resize: none; }
#contact form select{ height:40px; resize: none; }
	
	/* TEXTAREA -> HEIGHT */
#contact form textarea{ min-height:120px; resize: vertical; }
	
	/* INPUT & TEXTAREA -> NOTHING  */
#contact form input:required, 
#contact form textarea:required			{ box-shadow:inherit;} 
#contact form select:required			{ box-shadow:inherit;} 
	
	/* INPUT & TEXTAREA -> VALID */
#contact form input:required:valid,
#contact form textarea:required:valid	{ border-color:#66A6FF; color:#4f78b2; }
#contact form select:required:valid	{ border-color:#66A6FF; color:#4f78b2; }
	
	/* INPUT & TEXTAREA -> INVALID */
#contact form input:focus:invalid,
#contact form textarea:focus:invalid	{ border-color:#ec7e7e; } 
	
	/* BUTTON */
#contact form .btn{
	width:100%; padding: 4px 8px; height:40px; background:#555; color:#FFF;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}	

	/* BUTTON -> HOVER */
#contact form .btn:hover{ background: #ff9238 ; color:#FFF; }


.container.txtblock_01 {
	background: url('../img/bg_home_s.jpg') left center no-repeat fixed;
	width:100%; padding: 100px 0 100px 0; 
	border-bottom: 1px solid #e3e3e3; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
    -webkit-filter: opacity(1);
	position: relative;
	z-index: -1; 
}

.container.txtblock_01 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;
    -webkit-filter: opacity(1);
}

.container.txtblock_01 a {color:#fff; font-weight: 400; }
.container.txtblock_01 a:hover {color:#ff9238; text-decoration:none; }
.container.txtblock_01.nrtwo {background: url('../img/bg_home_s.jpg') left center no-repeat; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_01.nrthree {background: url('../img/bg_home_s.jpg') left center no-repeat; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_02 {background:#23231F url('../img/bg_home_s2.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
 }
 
.container.txtblock_02 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_02 a {color:#fff; font-weight: 400; }
.container.txtblock_02 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_02.nrtwo {background:#23231F url('../img/bg_home_s2.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_02.nrthree {background:#23231F url('../img/bg_home_s2.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_03 {background:#23231F url('../img/bg_home_s3.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3; 	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_03 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat; color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_03 a {color:#fff; font-weight: 400; }
.container.txtblock_03 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_03.nrtwo {background:#23231F url('../img/bg_home_s3.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_03.nrthree {background:#23231F url('../img/bg_home_s3.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_04 {background:#23231F url('../img/bg_home_s4.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_04 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_04 a {color:#fff; font-weight: 400; }
.container.txtblock_04 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_04.nrtwo {background:#23231F url('../img/bg_home_s4.jpg') left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_04.nrthree {background:#23231F url('../img/bg_home_s4.jpg') left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_05 {background:#23231F url('../img/bg_home_s5.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_05 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_05 a {color:#fff; font-weight: 400; }
.container.txtblock_05 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_05.nrtwo {background:#23231F url('../img/bg_home_s5.jpg') left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_05.nrthree {background:#23231F url('../img/bg_home_s5.jpg') left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_06 {background:#23231F url('../img/bg_home_s6.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
 }

.container.txtblock_06 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_06 a {color:#fff; font-weight: 400; }
.container.txtblock_06 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_06.nrtwo {background:#23231F url('../img/bg_home_s6.jpg') left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_06.nrthree {background:#23231F url('../img/bg_home_s6.jpg') left center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_07 {background:#23231F url('../img/bg_home_s7.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3; 	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_07 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_07 a {color:#fff; font-weight: 400; }
.container.txtblock_07 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_07.nrtwo {background:#23231F url('../img/bg_home_s7.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_07.nrthree {background:#23231F url('../img/bg_home_s7.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_08 {background:#23231F url('../img/bg_home_s8.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
 }

.container.txtblock_08 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_08 a {color:#fff; font-weight: 400; }
.container.txtblock_08 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_08.nrtwo {background:#23231F url('../img/bg_home_s8.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_08.nrthree {background:#23231F url('../img/bg_home_s8.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_09 {background:#23231F url('../img/bg_home_s9.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
 }

.container.txtblock_09 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_09 a {color:#fff; font-weight: 400; }
.container.txtblock_09 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_09.nrtwo {background:#23231F url('../img/bg_home_s9.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_09.nrthree {background:#23231F url('../img/bg_home_s9.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_10 {background:#23231F url('../img/bg_home_s10.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3; 	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_10 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_10 a {color:#fff; font-weight: 400; }
.container.txtblock_10 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_10.nrtwo {background:#23231F url('../img/bg_home_s10.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}
.container.txtblock_10.nrthree {background:#23231F url('../img/bg_home_s10.jpg') left center no-repeat;	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}
.container.txtblock_11 {background:#23231F url('../img/bg_home_s11.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3;     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_11 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_11 a {color:#fff; font-weight: 400; }
.container.txtblock_11 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_11.nrtwo {background:#23231F url('../img/bg_home_s11.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}
.container.txtblock_11.nrthree {background:#23231F url('../img/bg_home_s11.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_12 {background:#23231F url('../img/bg_home_s12.jpg') left center no-repeat; width:100%; padding: 100px 0 100px 0; border-bottom: 1px solid #e3e3e3;     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

.container.txtblock_12 p.lead {background: url('../img/icon-apos.png') 0px 16px no-repeat;  color:#ffffff; font-weight: 50; font-size: 26px; line-height: 33px; letter-spacing:1px; word-spacing:2px; max-width:900px; margin: 0 auto; text-align: left; font-family:Open Sans ; padding: 0 0 0 100px;}
.container.txtblock_12 a {color:#fff; font-weight: 400; }
.container.txtblock_12 a:hover {color:#ff9238; text-decoration:none; }

.container.txtblock_12.nrtwo {background:#23231F url('../img/bg_home_s12.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}
.container.txtblock_12.nrthree {background:#23231F url('../img/bg_home_s12.jpg') left center no-repeat;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* IE FIX */
}

/* ==================================================================================================== */
/* CONTATO
/* ==================================================================================================== */
#contato { padding: 10px 0 100px 0; background: #dcdcdc; }
#contato .row { padding-top: 20px; }

#contato form {margin: 20px 0; }
#contato h3 {letter-spacing:1px; word-spacing:2px;}
#contato .span2 {margin-left: 20px;}
#contato .span3 {margin-left: 60px;}

#contato form input,
#contato form textarea{
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width:100%; padding:4px 8px; border:1px solid #FFF; box-shadow:none;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

	/* INPUT -> HEIGHT */
#contato form input{ height:40px; resize: none; }
	
	/* TEXTAREA -> HEIGHT */
#contato form textarea{ min-height:120px; resize: vertical; }
	
	/* INPUT & TEXTAREA -> NOTHING  */
#contato form input:required, 
#contato form textarea:required			{ box-shadow:inherit;} 
	
	/* INPUT & TEXTAREA -> VALID */
#contato form input:required:valid,
#contato form textarea:required:valid	{ border-color:#66A6FF; color:#66A6FF; }
	
	/* INPUT & TEXTAREA -> INVALID */
#contato form input:focus:invalid,
#contato form textarea:focus:invalid	{ border-color:#ec7e7e; box-shadow:0 0 2px rgba(236,126,126,0.7);} 
	
/* BUTTON */
#contato form .btn{
	width:100%; padding: 4px 8px; height:40px; background:#555; color:#FFF;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}	

/* BUTTON -> HOVER */
#contato form .btn:hover{ background:#ff9238; color:#FFF; }
	

/* ==================================================================================================== */
/* SOCIAL
/* ==================================================================================================== */
#social { background: #fff; padding: 40px 0; }
#social ul { margin: 0; }
#social ul li { padding: 20px; }
#social a,
#social a:hover { text-decoration: none; }


/* ==================================================================================================== */
/* FOOTER
/* ==================================================================================================== */
footer  { width: 100%; padding: 40px ; background: #ffffff; text-align: center; }


/* ==================================================================================================== */
/* PRODS
/* ==================================================================================================== */
#prods { padding: 30px 0 100px 0; background: #f3f3f3; border-bottom: 1px solid #e3e3e3; }
#prods_items { padding-top: 0px; }

	.pr-grid {
		list-style: none;
		padding: 20px 20px 20px 20px;
		max-width: 1060px;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	
	.pr-grid li {
		display: inline-block;
		margin: 10px 5px 10px 5px;
		vertical-align: top;
	}
	
	.pr-grid li a div {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background: rgba(41,41,41,0.6);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		align-items: flex-end;
		text-align: left;
		padding: 20px;
		color: #fff;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		-webkit-transition: opacity 180ms ease-in-out;
		-moz-transition: opacity 180ms ease-in-out;
		-o-transition: opacity 180ms ease-in-out;
		transition: opacity 180ms ease-in-out;
	}
 
	.pr-grid li a:hover div {
		opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
	}
	
	.pr-grid li > a,
	.pr-grid li > a img {
		border: none;
		outline: none;
		display: block;
		position: relative;
	}
	
	.pr-grid li.pr-expanded > a::after {
		top: auto;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-bottom-color: #e9eaee;
		border-width: 15px;
		left: 50%;
		margin: -20px 0 0 -15px;
	}
	
	.pr-expander {
		position: absolute;
		background: #e9eaee;
		top: auto;
		left: 0;
		width: 100%;
		margin-top: 10px;
		text-align: left;
		height: 0;
		overflow: hidden;
	}
	
	.pr-expander-inner {
		padding: 50px 30px;
		height: 100%;
	}
	
	a.pr-next {
		position: absolute;
		display: block;
		width: 40px;
		height: 30px;
		top: 25px;
		right: 80px;
		text-indent: -6000px;
		background: url(../img/next.png) no-repeat 0 0;
	}
	a.pr-prev {
		position: absolute;
		display: block;
		width: 40px;
		height: 30px;
		top: 25px;
		right: 130px;
		text-indent: -6000px;
		background: url(../img/prev.png) no-repeat 0 0;
	}
	
	.pr-close {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}
	
	.pr-close::before,
	.pr-close::after {
		content: '';
		position: absolute;
		width: 100%;
		top: 50%;
		height: 1px;
		background: #888;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.pr-close::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	.pr-close:hover::before,
	.pr-close:hover::after {
		background: #333;
	}
	
	.pr-fullimg,
	.pr-details {
		width: 50%;
		float: left;
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.pr-fullimg img {
		box-shadow: 0 5px 35px rgba(0,0,0,.65);
		-moz-box-shadow: 0 5px 35px rgba(0,0,0,.65);
		-webkit-box-shadow: 0 5px 35px rgba(0,0,0,.65);
	}
	
	.pr-details {
		padding: 0 40px 0 20px;
	}
	
	.pr-fullimg {
		text-align: center;
	}
	
	.pr-fullimg img {
		display: inline-block;
		max-height: 90%;
		max-width: 90%;
	}
	
	.pr-details h3 {
		font-size: 42px;
		padding: 20px 0 10px;
		margin-bottom: 10px;
		color: #fff;
		font-family: "Open Sans", sans-serif;
		font-weight: 800;
		letter-spacing:1px; 
		word-spacing:2px;	
	}
	
	.pr-details p {
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		color: #999;
	}
	
	.pr-details a {
		font-weight: 400;
		font-size: 16px;
		display: inline-block;
		margin: 30px 0 0;
		outline: none;
		padding: 10px;
		text-align: center;
		border: 0px solid #ff9238;
		border-radius: 6px;
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0), inset 0 0px 0px rgba(0, 0, 0, 0);
		background: transparent;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}	
	
	.pr-details a:hover {
		background-color: rgba(0,0,0,0);
		text-decoration: none;
	}
	
	.pr-details ul.thumbs {
		margin-left: 0;
		max-width: 450px;
	}
	
	.pr-details ul.thumbs li {
		margin: 5px 5px 0 0;
		height: 80px;
	}
	
	.pr-details ul.thumbs a {
		padding: 0;
	}
	
	.pr-details ul.thumbs a img {
		border: 2px solid #292929!important;
		padding: 1px;
		height: 80px;
		width: 80px;
	}
	
	.pr-details ul.thumbs a.active img {
		border: 2px solid #dcdcdc!important;
		padding: 1px;
	}
	
	.pr-loading {
		width: 50px;
		height: 50px;
		background: url('../img/ajax-loader.gif') center center no-repeat;
		position: absolute;
		top: 25%;
		left: 50%;
		margin: -25px 0 0 -25px;
	}
	
	.pr-details a[href="#"] {
		display:none;
	}
	
	.pr-details ul.thumbs a[href="#"] {
		display:block;
	}



.container-content_footer{
    margin-right: auto;
    margin-left: auto;
    padding-right: 0em;
    padding-left: 0em;
    max-width: 920px;
}

.container-content_footer > *{
    margin: 3.2em;
}

.footer{
    background-color: white;
    color: grey;
    padding: 90px 0 150px 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 1px;
}


.footer-logo{
    width: 9.5em;
}



	
	.infoproduto p.lead {max-width:1700px; margin: auto auto;}
	.container p.lead {max-width:600px; margin: 0 auto;}
	.container p.lead.marginer {margin: 0 auto 50px auto;}
	.container p.lead.twocolumns1 {max-width:474px; text-align:left; float:left; margin: 0 0 20px 0;}
	.container p.lead.twocolumns2 {max-width:474px; text-align:left; float:left; margin: 0 0 20px 94px;}
	.fontepeq {margin: 0 auto 0px auto; text-align: center; font-size:14px;}
	.clear {clear:both;}

	
/* ==================================================================================================== */
/*
/* Media Queries
/*
/* ===================================================================================================== */

@media (min-width:1200px){
   .infografico {max-width:1700px; margin: auto auto; } 
   .infoproduto {max-width:1700px; margin: auto auto; } 
	.container {width:1042px}
	.container p.lead.twocolumns1 {max-width:474px;}
	.container p.lead.twocolumns2 {max-width:474px;}
	.container p.lead.blogcol {max-width:521px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; padding: 40px 40px 320px 40px; color: #353535; }
	.container p.lead.blogcol2 {max-width:521px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; padding: 40px 40px 320px 40px; color: #353535; }
	.span2 {width: 125px;}
	.span3 {width: 250px;}
	.termo {width: 680px;}
   .span5 {max-width:283px; text-align:left; float:left; margin: -190px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px; }
   .span4 {max-width:1042px; max-width:1042px; height: 200px; width:1050px;  text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; color: #5c5c5c; padding: 20px 0px 0px 20px;  }
   .span6 {max-width:1042px; height: 75px; width:1050px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
   .span65 {max-width:525px; height: 75px; text-align:left; float:right; margin: -275px -30px 275px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold; padding: 0px 0px 0px 0px;  }
   .span8 {max-width:1042px; max-width:536px; height: 200px; width:536px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 20px 20px 20px;  }
   .span9 {max-width:1042px; max-width:1042px; height: 40px; width:1050px;  text-align:left; float:left; margin: -310px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px; color: #5b92c7; }
	.container-content_footer{display:flex;}	 
 	.footer{letter-spacing:2px; word-spacing:3px;} 
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.container p.lead.twocolumns1 {max-width:423px;}
	.container p.lead.twocolumns2 {max-width:423px;}
   .container p.lead.blogcol {max-width:470px;  width:465px;  text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535;padding: 20px 20px 20px 20px; }
   .container p.lead.blogcol2 {max-width:470px;  width:465px;  text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535;padding: 20px 20px 20px 20px; }
   .span4 {max-width:930px; height: 200px; width:930px;  text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
   .span5 {max-width:250px; text-align:left; height: 195px; width:250px; float:left; margin: -160px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; }
   .span6 {max-width:930px; height: 75px; width:930px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
   .span8 {max-width:480px; height: 160px; width:480px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
   .span9 {max-width:930px; height: 40px; width:930px;  text-align:left; float:left; margin: -310px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;   color: #5b92c7;}
	.container-content_footer{display:flex;}	 
 	.footer{letter-spacing:2px; word-spacing:3px;} 
}

@media only screen and (max-width: 979px) {
	#home .containerblack {margin-top: 50px;}
	#slider  { font-size: 28px; }
	#slider .slide { height: 50px; line-height: 50px;}
   .infografico {max-width:979px}
   .infoproduto {max-width:979px}
	.container p.lead.twocolumns1 {max-width:315px;}
	.container p.lead.twocolumns2 {max-width:315px;}
	.container p.lead.blogcol {max-width:720px;  width:720px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 40px 40px 40px 40px; }
	.container p.lead.blogcol2 {max-width:720px; height: 1500px; width:720px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 40px 40px 40px 40px; }
	.container.txtblock p.lead {font-size: 22px; line-height: 40px; padding-right: 20px; margin-left: 10px;}
   .span4 {max-width:720px; height: 190px; width:720px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
   .span5 {max-width:375px; text-align:left; height: 195px; width:375px; float:left; background: #ffffff; margin: -205px -30px 275px 0px;  padding: 0px 0px 0px 0px; }
   .span6 {max-width:720px; height: 75px; width:720px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
   .span8 {max-width:375px; height: 160px; width:375px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
   .span9 {max-width:720px; height: 60px; width:720px;  text-align:left; float:left; margin: -300px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px; color: #5b92c7; }
	.materia .posicao 	{ display: inline-block; padding: 10px 70px 10px 70px; background: #ffffff; color: #353535; font-size: 16px; text-align:left; }
}

@media screen and (max-width: 830px) {
	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }
	.pro-expander h3 { font-size: 32px; }
	.pro-expander p { font-size: 13px; }
	.pro-expander a { font-size: 12px; }
	.container p.lead.blogcol {max-width:720px;  width:720px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 50px 50px 50px 50px; }
	.container p.lead.blogcol2 {max-width:720px;  width:720px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 50px 50px 50px 50px; }
	.container.txtblock p.lead {font-size: 22px; line-height: 40px; padding-right: 20px; margin-left: 10px;}
	.span4 {max-width:720px; height: 190px; width:720px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
  	.span5 {max-width:375px; text-align:left; height: 195px; width:375px; float:left; background: #ffffff; margin: -205px -30px 275px 0px;  padding: 0px 0px 0px 0px; }
	.span6 {max-width:720px; height: 75px; width:720px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
	.span8 {max-width:375px; height: 160px; width:375px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
	.span9 {max-width:720px; height: 80px; width:720px;  text-align:left; float:left; margin: -300px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px; color: #5b92c7; }
	.materia .posicao 	{ display: inline-block; padding: 10px 70px 10px 70px; background: #ffffff; color: #353535; font-size: 16px; text-align:left; }
}

@media only screen and (max-width: 767px) {
	body {padding-right: 0;padding-left: 0;}
	.cbp_tmtimeline > li .cbp_tmlabel p {padding: 0px 0px 0px 0px;}
	.container p.lead.blogcol {max-width:640px;  width:640px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 20px 20px 20px 20px; }
	.container p.lead.blogcol2 {max-width:640px;  width:640px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 20px 20px 20px 20px; }
	.container.txtblock p.lead {font-size: 22px; line-height: 40px; padding-right: 20px; margin-left: 10px;}
	.container p.lead.twocolumns1 {max-width:640px; text-align:left; float:center; margin: 5px 10px 5px 10px; padding: 10px 10px 10px 10px;}
	.container p.lead.twocolumns2 {max-width:640px; text-align:left; float:center; margin: 5px 10px 5px 10px; padding: 10px 10px 10px 10px;}
	.span4 {max-width:640px; height: 190px; width:640px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
	.span5 {max-width:335px; text-align:left; height: 205px; width:335px; float:left; background: #ffffff; margin: -205px -30px 275px 0px;  padding: 0px 0px 0px 0px; }
	.span6 {max-width:640px; height: 75px; width:640px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
	.span8 {max-width:335px; height: 180px; width:335px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
	.span9 {max-width:640px; height: 80px; width:640px;  text-align:left; float:left; margin: -300px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px; color: #5b92c7; }
	.materia .posicao 	{ display: inline-block; padding: 10px 40px 10px 40px; background: #ffffff; color: #353535; font-size: 16px; text-align:left; }
}	

@media screen and (max-width: 650px) {
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	.pro-fullimg { display: none; }
	.pro-details { float: none; width: 100%; }
	.container p.lead.blogcol {max-width:600px; width:600px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 20px 50px 20px 50px; }
	.container p.lead.blogcol2 {max-width:600px;  width:600px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 20px 50px 20px 50px; }
	.container.txtblock p.lead {font-size: 22px; line-height: 40px; padding-right: 20px; margin-left: 10px;}
	.span2 {max-width:250px; width: 250px;}
	.span3 {max-width:500px; width: 500px;}
	.span4 {max-width:600px; height: 190px; width:600px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
  	.span5 {max-width:315px; text-align:left; height: 225px; width:315px; float:left; background: #ffffff; margin: -205px -30px 275px 0px;  padding: 0px 0px 0px 0px; }
	.span6 {max-width:600px; height: 75px; width:600px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
	.span8 {max-width:600px; height: 180px; width:600px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
	.span9 {max-width:600px; height: 80px; width:600px;  text-align:left; float:left; margin: -300px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px; color: #5b92c7; }
	.materia .posicao 	{ display: inline-block; padding: 10px 20px 10px 20px; background: #ffffff; color: #353535; font-size: 16px; text-align:left; }
}


@media only screen and (max-width: 600px) {
	ul.homenav.left {display:none; }
	ul.homenav.right {display:none; }
}


@media only screen and (max-width: 479px) {
	.container p.lead.twocolumns1 {max-width:470px; padding-left:20px; padding-right:20px; font-size:16px; line-height:24px;}
	.container p.lead.twocolumns2 {max-width:470px; padding-left:20px; padding-right:20px; margin-left:0px; margin-bottom:10px; font-size:16px; line-height:24px;}
	.container p.lead.blogcol {max-width:470px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; padding: 40px 40px 40px 40px; }
	#slider  { font-size: 18px; }
	#slider .slide { height: 30px; line-height: 30px;}
	#home .containerblack {height: 250px; padding: 30px 0 30px 0; margin-top: 30px;}
	a#arrow_down {width: 200px; margin-left: -100px; font-size: 16px;}
	.container.txtblock p.lead {font-size: 14px; line-height: 24px; padding-right: 20px;}
	.navbar, .sticky-wrapper {display:none;}
	#works, #prods, #about, #blog, #timeline, #contact {padding-left:10px; padding-right:10px;}
	#home {background:url('../img/bg_home.jpg') no-repeat center center scroll; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-attachment: scroll;}
	.container p.lead.blogcol {max-width:340px;  width:340px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 5px 10px 5px 10px; }
	.container p.lead.blogcol2 {max-width:340px;  width:340px; text-align:left; float:left; margin: 0px 0px 0px 0px; background: #ffffff; color: #353535; padding: 5px 10px 5px 10px; }
	.container.txtblock p.lead {font-size: 22px; line-height: 40px; padding-right: 20px; margin-left: 10px;}
	.span4 {max-width:340px; height: 220px; width:340px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 0px 20px 0px 20px;  }
	.span5 {max-width:340px; text-align:center; height: 225px; width:340px; float:center; background: #ffffff; margin: -225px -30px 205px 0px;  padding: 0px 30px 0px 30px; }
	.span6 {max-width:340px; height: 75px; width:340px; text-align:left; float:left; margin: -275px -30px 275px 0px; background: #ffffff; padding: 0px 0px 0px 0px; background: #87c8fe; color: #FFF; text-height:font-size; font-size:14px; font-style: bold;  }
	.span8 {max-width:340px; height: 200px; width:340px;  text-align:left; float:left; margin: -290px -30px 275px 0px; background: #ffffff; padding: 20px 0px 0px 20px;  }
	.span9 {max-width:340px; height: 90px; width:340px;  text-align:left; float:left; margin: -300px -30px 275px 0px; background: #ffffff; padding: 0px 20px 0px 20px; color: #5b92c7; }
	.materia .posicao 	{ display: inline-block; padding: 10px 10px 10px 10px; background: #ffffff; color: #353535; font-size: 16px; text-align:center; }
}
	

@media (max-height:700px){
	#home .containerblack {margin-top: 50px;}
	#slider  { font-size: 28px; }
	#slider .slide { height: 50px; line-height: 50px;}
}


@media (max-height:400px){
	#home .containerblack {margin-top: 0px!important;}
	a#arrow_down {display:none;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container p.lead.twocolumns1 {max-width:750px; padding-left:20px; padding-right:20px;}
	.container p.lead.twocolumns2 {max-width:750px; padding-left:20px; padding-right:20px; margin-left:0px; margin-bottom:10px; }
	.container.txtblock p.lead {font-size: 16px; line-height: 30px; padding-right: 20px; margin-left: 10px;}
	#slider  { font-size: 20px; }
	#slider .slide { height: 32px; line-height: 32px;}
	#works, #prods, #about, #blog, #timeline, #contact {padding-left:10px; padding-right:10px;}
	#timeline {padding-left:10px; padding-right:10px;}
}


@media only screen and (min-width: 626px) and (max-width: 767px) {
	.span2 {width: 120px; float: left; margin-right: 10px; margin-bottom: 10px; }
	.span3 {width: 240px; float: left; margin-right: 30px; margin-bottom: 30px; }
	.termo {width: 450px; float: left; margin-right: 10px; margin-bottom: 10px; }
}


@media only screen and (min-width: 526px) and (max-width: 625px) {
	.span2 {width:  90px; float: left; margin-right: 10px; margin-bottom: 10px; }
	.span3 {width: 190px; float: left; margin-right: 30px; margin-bottom: 30px; }
	.termo {width: 350px; float: left; margin-right: 10px; margin-bottom: 10px; }
}


@media only screen and (min-width: 251px) and (max-width: 525px) {
	.span2 {width: 125px; float: none; margin: 10px auto 0 auto!important; padding:0; }
	.span3 {width: 250px; float: none; margin: 20px auto 0 auto!important; padding:0; }
	.termo {width: 300px; float: none; margin: 20px auto 0 auto!important; padding:0; }
	.row {padding-left:0px!important; }
}


@media only screen and (max-width: 250px) {
	.span2 {float: none; margin: 10px auto 0 auto!important; padding:0; }
	.span3 {float: none; margin: 20px auto 0 auto!important; padding:0; }
	.termo {float: none; margin: 20px auto 0 auto!important; padding:0; }
	.row {padding-left:0px!important; }
}