@charset "UTF-8";

*, *:before, *:after{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,body{height: 100%; margin: 0; padding: 0}
body:before{content: ""; height: 100%; float: left; width: 0; margin-top: -32767px}
body > .wrapper{position: relative; height: auto !important; min-height: 100%; height: 100%; margin: 0 auto -200px}
a:link,
a:hover,
a:focus,
a:visited{text-decoration: none}
img{max-width: 100%; border: 0}
iframe{width: 100%; border: 0}
small, .help-block {font-size: 70%; color: #DDD}

/* compartilhamento */
.sharelist {
	margin: 0;
	padding-left: 0;
}
.sharelist li {
	list-style: none;
	margin-bottom: 10px;
	display: block;
}
.btns {
	display: block;
	line-height: 1;
	font-weight: 300;
	font-size: 1em;
	background-color: rgb(50, 92, 153);
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.247059) 0px -2px 0px 0px inset;
	color: white;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
.btns:hover {
	background-color: #284a85;
	text-decoration: none;
	color: white;
}
.tw {
	background: rgb(2, 172, 236);
}
.tw:hover {
	background: #029be8;
}
.wp {
	background: #1DA110;
}
.wp:hover {
	background: #1a920e;
}

.push_content,footer{height: 250px}
footer{position: relative; width: 100%}

ul.foot{color: white; margin-bottom: 0; padding-left: 0}
	ul.foot > li{list-style: none; line-height: 25px}

.login{max-width:400px; margin: 0 auto}
	.login form{padding: 6% 4%}
	.login input{width: 100%; margin-bottom: 4%; padding: 4%; font-size: 120%}
	.login input[type="text"], .login input[type="password"]{background: white; border: 1px solid #17356b; color: #17356b}
	.login input[type="submit"]{background: #17356b; color: white; border: 0; cursor: pointer; transition: background .3s; -moz-transition: background .3s; -webkit-transition: background .3s}
	.login input[type="submit"]:hover{background: #336690}

.text-upper{text-transform: uppercase}
.text-lower{text-transform: lowercase}

.clr{clear: both}

.italic{font-style: italic !important}

.regular{font-weight: 400}
.bold{font-weight: 700}

.pointer{cursor: pointer}

.force-center{margin: 0 auto; right: 0; left: 0}

.spc{padding: 10px}
.big-spc{padding: 20px}
.big-spc-hor{padding: 0 20px}
.big-spc-ver{padding: 20px 0}
.padding-bottom{padding-bottom: 30px}
.padding-top{padding-top: 30px}

.no-margin,
.no-margin .navbar-header{margin-right: 0; margin-left: 0}

.margin-top{margin-top: 30px}
.margin-bottom{margin-bottom: 20px}

.no-gutter > [class*='col-']{padding-right: 0; padding-left: 0}
.no-padding{padding-right: 0; padding-left: 0}

.filter-on-form{display: none}

.section {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.section-white {
  background: #FFF;
  min-height: 400px;
}
.section .container:first-child h1,
.section .container:first-child h2,
.section .container:first-child h3 {
  margin-top: 0;
  padding-bottom: 0;
  font-weight: 700;
}

.section-breadcrumbs {
	padding: 20px 0;
}

.section-breadcrumbs.section-small {
	padding: 14px 0;
}

.section-breadcrumbs.section-small h1,
.section-breadcrumbs.section-small h2,
.section-breadcrumbs.section-small h3{
	font-size: 125%;
}

.section-breadcrumbs h1{font-size: 2em}

.section-breadcrumbs h1,
.section-breadcrumbs h2,
.section-breadcrumbs h3,
.section-breadcrumbs a{
  color: #FAFAFA;
  margin-bottom: 0;
}

/*============================
bootstrap override
==============================*/
.container{margin: 0 auto}

.jumbotron{margin-bottom: 0}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{font-size: 60%}

.navbar-custom{
  border: 0px solid;
  border-color: transparent;
  background-color: transparent;
  z-index: 10;
}

.navbar-custom-afloat{
  border: 0px solid;
  border-color: transparent;
  width: 100%;
}

.navbar-custom-afloat .navbar-collapse{border-color: transparent; border: 0px solid; padding-right: 0px; padding-left: 0px}

.navbar.navbar-custom-afloat{margin-bottom: 0; min-height: 40px}
.navbar.navbar-custom-afloat .navbar-inner{text-align: center}

.navbar-custom .navbar-brand{padding: 0; margin-top: 10px;}

.navbar-custom .navbar-collapse, .navbar-custom .navbar-form{border-color: transparent; border: 0px solid}

.navbar-nav > li > a{text-align: center}

.navbar-toggle{border: 0px solid transparent}

.navbar-custom .navbar-toggle .icon-bar,
.navbar-custom .navbar-toggle:hover{background-color: white}

.navbar-brand{height: auto; width: 100%}

@media(max-width: 768px){
	.navbar-brand{float: none}
	
	.navbar-collapse{
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0)
	}
}

@media(max-width: 899px){
	.navbar-custom .navbar-collapse, .navbar-custom .navbar-form{background-color: transparent; z-index: 9}
	.navbar-nav{padding-top: 0px; margin: 7.5px 15px}
	.nav > li > a{padding: 10px 0}
}

@media only screen and (min-width: 1170px) {
  .nav > li > a{padding: 10px 40px}
}

@media (min-width: 768px){
	.navbar-custom .navbar-brand{max-width: 250px; width: 250px}
	.jumbotron{padding: 12px 0 0}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 0}
	.navbar-nav{float: right}
	.navbar-nav > li > a{padding-top: 40px}
}

/* menu hover - inside out */
.sliding-middle-out {
	display: inline-block;
	position: relative;
	padding-bottom: 5px;
}
.sliding-middle-out:after {
	content: '';
	display: block;
	margin: auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .3s ease, background-color .3s ease
}

/* voltar pro topo */
.cd-top{display: inline-block;height: 40px;width: 35px;position: fixed;bottom: -5px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}
.cd-top.cd-is-visible{visibility: visible;opacity: .5; z-index: 100}
.cd-top.cd-fade-out{opacity: .6}

/* inputs de contato */
.input {
	position: relative;
	z-index: 1;
	display: block;
	margin: 1em 0;
	width: 100%;
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 100%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	-webkit-appearance: none;
}

.input__field:focus{outline: none}

.input__label {
	display: inline-block;
	float: right;
	padding: 1em;
	width: 40%;
	color: #4f4f4f;
	font-size: 95%;
	font-weight: 400;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 0;
	width: 100%;
}

/* estilo Hoshi */
.input--hoshi {
	overflow: hidden;
}

.input__field--hoshi {
	margin-top: 1em;
	padding: 15px 5px;
	width: 100%;
	background: transparent;
	color: #808080;
}

.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	height: calc(100% - 1em);
	text-align: left;
	pointer-events: none;
}

.input__label-content--hoshi {
	position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
}

.input__label--hoshi::after {
	margin-top: 1px;
	border-bottom: 2px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
}

.submete{border: 0; padding: 10px 20px; color: white}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

.thumbnail {border: 0px solid #DDD}
.thumbnail img {min-height: 260px; height: 260px}

.container-small, .container-large{max-width: 100%}

.bg-image{background-size: cover; background-position: center; background-repeat: no-repeat}

/* quem somos */
.img-direita{padding: 0 0 20px 20px}
.img-esquerda{padding: 0 20px 20px 0}
.img-background{height: 200px; width: 100%}

.img-direita,
.img-esquerda{max-width: 100%; height: auto}

/* bootstrap carousel */
.carousel,
.carousel .item,
.carousel-inner > .item > img{height: 200px}

.carousel{width: 100%}
.carousel-inner > .item > img{position: absolute; top: 0; left: 0; width: 100%; min-width: 100%}
.carousel-caption{z-index: 10; background: rgba(255,255,255,.5); bottom: 0; width: 100%}
.carousel-caption h3{padding: 0px 15px; color: black}

.carousel-caption{right: auto; left: auto}

.carousel-control{width: 10%}
.carousel-control.left,
.carousel-control.right {background-image: none}

.tags{padding: 10px 0; font-weight: 700; display: inline-block}
	.tags:before{content: '|'; padding: 0 13px 0 12px}
	.tags:first-child::before{content: ''; padding: 0px 2px}

/* slick slide */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px; margin: 0 auto; text-align: center}[dir=rtl] .slick-slide{float:right}.slick-slide img{/*display:block*/}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
/* slick styles */
.slick-loading .slick-list{background:#fff url(/img/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#555;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:25px}[dir=rtl] .slick-prev{right:25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:25px}[dir=rtl] .slick-next{right:auto;left:25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

/* grid de efeitos modo_produto/modo_blog */
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1170px;
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 275px;
	max-width: 480px;
	max-height: 360px;
	width: 31%;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	height: 245px;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* faz o link pegar na imagem toda */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	opacity: 0;
	color: white;
	word-spacing: -0.15em;
	font-weight: 400;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/* Efeito modo */
figure.efeito-modo img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.efeito-modo:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.efeito-modo figcaption {
	text-align: left;
}

figure.efeito-modo h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.efeito-modo h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.efeito-modo:hover h2 {
	opacity: 1;
}

figure.efeito-modo:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.efeito-modo p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.efeito-modo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*============================
atualize seu navegador
==============================*/
.atualize {
	position:absolute;
	position:fixed;
	z-index:111111;
	width:100%;
	top:0px;
	left:0px;
	border-bottom:1px solid #A29330;
	background-color: #FDF2AB;
	text-align: center;
	cursor:pointer;
	font-family: Arial,Helvetica,sans-serif;
	color:#000;
	font-size: 12px;
}
.atualize div { padding:5px 36px 5px 40px; }
.atualize a,.atualize a:visited  {color:#E25600; text-decoration: underline;}

/*==============================
media queries
==============================*/
@media (min-width: 768px){
    .container-small{width: 300px}
    .container-large{width: 970px}
}
@media(max-width: 991px){
	.mobile-center{text-align: center}
	.nome-menu{padding: 14px}
}
@media (min-width: 992px){
	.sharelist li{
		display: inline-block;
	}

	/* centraliza verticalmente */
	.vertical{
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  transform-style: preserve-3d
	}
	.vertical--item{
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%)
	}
	
	.navbar.navbar-custom-afloat ul.menu-principal{float: none; display: inline-block; margin-bottom: -3px}
	.navbar.navbar-custom-afloat ul.menu-principal > li > a{padding-top: 13px}

	.h-portfolio{height: 280px; position: relative}
	
	.h-portfolio .veja-mais {position: absolute; bottom: 0; left: 15px}
	
	.slick-prev{left: 0px}
	.slick-next{right: -15px}
	
    .container-small{width: 500px}
    .container-large{width: 1170px}
	
	footer > .container,.push_content,footer{height: 150px}
	body > .wrapper{margin: 0 auto -150px}
	
	.img-direita,
	.img-esquerda{max-width: 500px}
	
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img{height: auto}
	.carousel-inner .item img{width: 100%}
}
@media (min-width: 1200px){
    .container-small{width: 700px}
    .container-large{width: 1500px}
}