html { background:#222426; height:100%; }
body { height:100%; color:#343639; background:#222426; font-family:"Diavlo", Arial, sans-serif; font-size:14px; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
a { text-decoration:none!important; outline:none; cursor:pointer; color:#343639; }
a:focus, a:hover { color:#343639; } 
input:focus, textarea:focus, select:focus, .btn:focus, .close:focus { outline:none; box-shadow:none!important; }
button, .btn { outline:none!important; cursor:pointer; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
textarea { min-height:107px; resize:vertical; }
.img-center { display:block; margin:0 auto; }
.text-left { text-align:left!important; } .text-right { text-align:right!important; } .text-center { text-align:center!important; }
.reset-box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#main { overflow:hidden; background:#edeeef url(../../img/site/body-bg.jpg) top center repeat; background-attachment:fixed; }
.container { max-width:970px; }
/*.decoration { pointer-events:none; }*/

label.error { display: none !important; }

@font-face{ font-family:'Diavlo'; src: url('../../fonts/diavlo-book.eot'); src: url('../../fonts/diavlo-book.eot?#iefix') format('embedded-opentype'), url('../../fonts/diavlo-book.woff') format('woff'), url('../../fonts/diavlo-book.ttf') format('truetype'), url('../../fonts/diavlo-book.svg#webfont') format('svg'); font-weight:normal; }
@font-face{ font-family:'Diavlo'; src: url('../../fonts/diavlo-black.eot'); src: url('../../fonts/diavlo-black.eot?#iefix') format('embedded-opentype'), url('../../fonts/diavlo-black.woff') format('woff'), url('../../fonts/diavlo-black.ttf') format('truetype'), url('../../fonts/diavlo-black.svg#webfont') format('svg'); font-weight:bold; }

.scroll-box::-webkit-scrollbar { width:8px; }
.scroll-box::-webkit-scrollbar-track { -webkit-border-radius:10px; border-radius:10px; background:rgba(0,0,0,0); }
.scroll-box::-webkit-scrollbar-thumb { -webkit-border-radius:10px; border-radius:10px; background:rgba(255,255,255,0.5); }
.thumb-sobre .info::-webkit-scrollbar { width:8px; padding:5px; }
.thumb-sobre .info::-webkit-scrollbar-track { -webkit-border-radius:10px; border-radius:10px; background:rgba(0,0,0,0); }
.thumb-sobre .info::-webkit-scrollbar-thumb { -webkit-border-radius:10px; border-radius:10px; background:rgba(255,255,255,0.75); }
::-moz-selection { color:#FFF; background:#343639; } ::selection { color:#FFF; background:#343639; }
::-webkit-input-placeholder { color:#FFF!important; }	:-moz-placeholder { color:#FFF!important; } ::-moz-placeholder { color:#FFF!important; } :-ms-input-placeholder { color:#FFF!important; }
.has-error ::-webkit-input-placeholder { color:#FFF!important; }	.has-error :-moz-placeholder { color:#FFF!important; } .has-error ::-moz-placeholder { color:#FFF!important; } .has-error :-ms-input-placeholder { color:#FFF!important; }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #343639 inset!important; box-shadow:0 0 0 1000px #343639 inset!important; -webkit-text-fill-color:#FFF; }
.has-error input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #E74C3C inset!important; box-shadow:0 0 0 1000px #E74C3C inset!important; -webkit-text-fill-color:#FFF; }

	.form-group { position:relative; }
		.form-group > label { font-size:16px; font-weight:normal; margin-bottom:5px; }
		.form-control { font-family:'helvetica neue', Arial, sans-serif; color:#FFF; box-shadow:none!important; border-radius:10px 0 10px 0; font-size:14px; background:#343639; border:none!important; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
		.select-box { overflow:hidden; border-radius:10px 0 10px 0; }
			.select-box:before { content:"\f107"; color:#FFF; font-family:FontAwesome; font-size:20px; vertical-align:middle; position:absolute; right:15px; top:50%; line-height:0; height:0; pointer-events:none; }
			.select-box .form-control { line-height:normal; width:120%; }
		.form-footer small { line-height:50px; vertical-align:middle; display:inline-block; }
		.form-footer .col-md-8 { text-align:right; }
		.form-footer .col-md-8 .btn { margin-left:10px; }

		.has-error .form-control { padding-right:35px!important; background:#E74C3C!important; }
		.has-error:after { content:"\f00d"; color:#FFF; position:absolute; right:10px; top:15px; font-size:20px; line-height:15px; font-family:FontAwesome; text-align:center; pointer-events:none; z-index:10; text-shadow:1px 1px 2px rgba(0,0,0,0.15); }
		.has-error:before { display:none; }
	
	.alert { position:fixed; top:20px; left:15%; width:70%; margin:0; padding:30px; font-size:18px; text-align:center; border:none; border-radius:10px 0 10px 0; z-index:9999; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); text-shadow:1px 1px 2px rgba(0,0,0,0.15); }
		.alert.fade { visibility:hidden; }
		.alert.fade.in { visibility:visible; }
		.alert .message { color:#FFF!important; }
		.alert .btn-close { font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; position:absolute; top:-16px; right:-16px; width:32px; height:32px; opacity:1; text-shadow:none; border:none; background:#343639; color:#FFF; border-radius:32px; font-size:26px; padding:0; line-height:28px; }
		.alert .btn-close span { display:inline-block; line-height:28px; padding-bottom:8px; }
		
		.alert.alert-success { background:#2ECC71; color:#FFF; }
		.alert.alert-danger { background:#E74C3C; color:#FFF; }

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top:0; font-weight:normal; text-transform:uppercase; }
		h1, .h1 {  }
		h2, .h2 { font-size:30px; line-height:30px; letter-spacing:-1px; margin-bottom:30px; }
			h2.decoration, .h2.decoration, h3.decoration, .h3.decoration { position:relative; padding-top:40px; }
		h3, .h3 { font-size:26px; line-height:30px; letter-spacing:-1px; }
		h4, .h4 { font-size:22px; line-height:26px; letter-spacing:-1px; }

	h2.decoration:before, .h2.decoration:before, h3.decoration:before, .h3.decoration:before { content:""; position:absolute; top:0; left:0; display:block; height:12px; width:216px; background:#da0080; border-left:72px solid #00a2e0; border-right:72px solid #f7b605; border-radius:5px 0 5px 0; -webkit-transform:skewX(-20deg); -moz-transform:skewX(-20deg); -o-transform:skewX(-20deg); -ms-transform:skewX(-20deg); transform:skewX(-20deg); }

	.btn { display:inline-block; white-space:normal; padding:16px; font-family:"Diavlo", Arial, sans-serif; border-radius:10px 0 10px 0; font-size:15px; border:none!important; }

		.btn-default { background:#343639!important; color:#FFF!important; } 
			.btn-default:hover { background:#da0080!important; }
			.pagination-alt a:active, .btn-default:active, .social a:active, .title-page button:active, #owl-portfolio .owl-nav div:active { box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2)!important; }

		.btn-gray { background:#696c6e!important; color:#FFF!important; } 
			.btn-gray:hover { background:#343639!important; }
			.btn-gray:active { box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2)!important; }

		.btn-magenta { background:#da0080!important; color:#FFF!important; } 
			.btn-magenta:hover { background:#00a2e0!important; }
			.btn-magenta:active { box-shadow:inset 5px 5px 10px rgba(0,0,0,0.2)!important; }

		.btn-send-file { position:relative; }
			.btn-send-file input[type=file] { display:none; }
			.btn-send-file strong { display:none; max-width:100%; background:#343639; border-radius:3px 0 2px 0; margin-top:8px; padding:8px; line-height:12px; font-size:12px; color:#FFF; position:absolute; top:100%; left:0; z-index:1; }
			.btn-send-file strong:before { content:""; position:absolute; left:10px; bottom:100%; width:0; height:0; border:5px solid transparent; border-bottom-color:#343639; }
			.btn-send-file strong.active { display:block; }

		.link-btn { display:inline-block; font-size:15px; white-space:normal; }
			#header .link-btn { color:#FFF; }
			#contents .link-btn { padding:10px; }
			#contents .link-btn i { color:#da0080; }
			#header .link-btn:hover { color:#da0080; } #contents .link-btn:hover { color:#da0080; }
			.link-btn > * { display:inline-block; vertical-align:middle; }
			.link-btn i { font-size:18px; padding-right:2px; }

	#owl-main .owl-dots { position:absolute; top:15px; left:50%; margin-left:-485px; width:970px; padding:0 15px; height:0; }
		.owl-dots span { display:inline-block; width:12px; height:12px; border-radius:12px; border:3px solid #696c6e; background:rgba(0,0,0,0); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(0,0,0,0.2);  }
		#owl-main .owl-dots span { border-color:#FFF; opacity:0.5; }
		.owl-dots > div { display:inline-block; margin:0 2px; }
		.owl-dots > .active span { border:6px solid #00a2e0; opacity:1!important; }
		#owl-main .owl-dots > .active span { border:6px solid #00a2e0!important; }

	#owl-portfolio .owl-nav { position:absolute; top:-70px; right:0; white-space:nowrap; }
		#owl-portfolio .owl-nav > div { display:inline-block; margin-left:5px; width:44px; height:44px; font-size:24px; line-height:44px; vertical-align:middle; background:#343639; color:#FFF; text-align:center; border-radius:5px 0 5px 0; }
		#owl-portfolio .owl-nav > div:hover { background:#da0080!important }
		#owl-portfolio .owl-nav > div.disabled { background:#999!important; cursor:not-allowed; opacity:0.5; }

	.owl-internas { border:15px solid #FFF; border-radius:10px 0 10px 0; box-shadow:1px 1px 10px rgba(0,0,0,0.1); background:#FFF; }
	.owl-internas .owl-stage-outer { border-radius:10px 0 10px 0; }
		.owl-internas .owl-dots { position:absolute; top:15px; left:15px; }
			.owl-internas .owl-dots span { border-color:#FFF; }
			.owl-internas .owl-dots .active span { border-color:#da0080!important; }
		.owl-internas .owl-nav { opacity:0; visibility:hidden; }
			.owl-internas:hover .owl-nav { opacity:1; visibility:visible; }
			.owl-internas .owl-nav div { position:absolute; padding:15px 0; top:50%; height:66px; margin-top:-33px; font-size:32px; line-height:32px; vertical-align:middle; color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
			.owl-internas .owl-nav div i { line-height:32px; vertical-align:middle; padding:0 15px; }
			.owl-internas .owl-nav div:hover { color:#da0080; }
			.owl-internas .owl-nav .disabled { color:#FFF!important; opacity:0.5; cursor:not-allowed!important; }
			.owl-internas .owl-nav .owl-prev { left:0; } .owl-internas .owl-nav .owl-next { right:0; }

	.thumb-portfolio { display:block; margin-bottom:15px; }
		.thumb-portfolio > .img-container { display:block!important; margin-bottom:15px; position:relative; border:15px solid #FFF; background:#FFF; border-radius:10px 0 10px 0; box-shadow:1px 1px 10px rgba(0,0,0,0.1); }
		.thumb-portfolio > .img-container > img { border-radius:10px 0 10px 0; }
		.thumb-portfolio > .subtitle { font-size:20px; line-height:24px; text-transform:none; margin:0; }

	.thumb-sobre { position:relative; margin-bottom:30px; border-radius:10px 0 10px 0; background:#da0080; background:rgba(218, 0, 128, 0.85); overflow:hidden; }
		.thumb-sobre img { max-width:inherit; width:100%; }
		.thumb-sobre > * { border-radius:10px 0 10px 0; }
		.thumb-sobre > .info { position:absolute; color:#FFF; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; top:0; left:0; padding:15px; z-index:1; background:#da0080; opacity:0; visibility:hidden; }
		.thumb-sobre p { text-align:left!important; }
		.thumb-sobre.open > .info { opacity:1; visibility:visible; }

	.thumb-representante { padding:15px; }
		.thumb-representante p { margin:0; }
		.thumb-representante p span { display:inline-block; margin-right:10px; }
		.thumb-representante h3 { padding-top:30px; margin:0 0 15px; text-transform:none!important; }

	.thumb-contato { position:relative; padding:0 0 0 59px; min-height:44px; margin-bottom:15px; }
		.thumb-contato .fa { position:absolute; left:0; top:0; width:44px; height:44px; line-height:44px; font-size:22px; vertical-align:middle; color:#FFF; text-align:center; border-radius:5px 0 3px 0; text-shadow:1px 1px 2px rgba(0,0,0,0.15); }
		.thumb-contato p { color:#696c6e; }
		.thumb-contato .magenta { background:#da0080; } .thumb-contato .yellow { background:#f7b605; } .thumb-contato .cian { background:#00a2e0; }
		.thumb-contato h3 { margin:0; padding:10px 0 0; font-weight:bold; }
		.thumb-contato.representantes { padding:30px 0 30px 59px; margin:0; border-top:2px solid #da0080; border-bottom:2px solid #da0080; cursor:pointer; }
			.thumb-contato.representantes h3 { padding:0; }
			.thumb-contato.representantes:hover h3 { color:#da0080; }
			.thumb-contato.representantes .fa { top:34px; }

	.thumb-servico { position:relative; margin-bottom:30px; overflow:hidden; border-radius:10px 0 10px 0; text-align:center; background:#343639; }
		.thumb-servico > a { display:block; position:relative; z-index:1; }
		.thumb-servico > a > .h3 { display:block; position:absolute!important; left:0; bottom:0; width:100%; padding:21px 15px 15px!important; background:#343639; background:rgba(52, 54, 57, 0.95); opacity:1; visibility:visible; }
		.thumb-servico > a > img { max-width:inherit; width:100%; }
		.thumb-servico .h3 { color:#00a2e0; font-size:22px; padding-top:19px!important; margin:0!important; border-radius:0 0 10px 0; }
		.thumb-servico .h3:before { height:6px!important; left:50%!important; margin-left:-108px; }
		.thumb-servico .info { position:absolute; top:0; left:0; height:100%; width:100%; background:#343639; background:rgba(52, 54, 57, 0.95); opacity:0; visibility:hidden; z-index:2 ; border-radius:10px 0 10px 0; }
			.thumb-servico .info > .text { position:absolute; left:0; right:0; top:0; bottom:0; padding:0 0 80px; z-index:1; }
			.thumb-servico .info > .text > .scroll-box { overflow:auto; -webkit-overflow-scrolling:touch; width:100%; max-height:100%; padding:0 15px; }
			.thumb-servico .info > .btn-magenta { z-index:2; position:absolute; bottom:15px; right:15px; left:15px; width:auto; }
		.thumb-servico .info p { text-align:center!important; font-size:14px; color:#909090; }
		.thumb-servico .info .h3 { margin-bottom:15px!important; } 
			.thumb-servico.open > a > .h3, .thumb-servico:hover > a > .h3 { opacity:0; visibility:hidden; } 
			.thumb-servico.open .info, .thumb-servico:hover .info { opacity:1!important; visibility:visible!important; }

	.modal {}
		.modal-backdrop.in { filter:alpha(opacity=60); opacity:0.6; }
		.modal-content { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.2); box-shadow:0 5px 15px rgba(0,0,0,.2); overflow:hidden; border:none!important; }
		.modal-header { position:relative; padding:0; background:#222426; color:#FFF; }
			.modal-header h2 { padding:40px; margin:0; }
			.modal-header button { position:absolute; right:0; top:0; padding:0; background:none; border:none; width:112px; height:100%; color:#FFF; font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; font-size:44px; line-height:28px; z-index:1; }
			.modal-header button span { display:inline-block; padding-bottom:8px; vertical-align:middle; }
		.modal .btn { padding:13px; height:46px; }
		.modal form .row { margin:0 -7.5px; }
		.modal form .row > div { padding:0 7.5px; }
		.modal-body { padding:0 0 15px; }
			#modal-representantes.modal form { padding:15px; border-bottom:1px solid #d2d2d2; }
			#modal-representantes.modal form .form-group { margin:0!important; }
			#modal-orcamento form { padding:15px 15px 0; }
			#modal-orcamento h3.h4 { padding:0 15px 15px; margin:0 -15px 15px; border-bottom:1px solid #d3d3d3; }

	.pagination-alt { margin-top:15px; text-align:center; }
		.pagination-alt li { display:inline-block; }
		.pagination-alt > li > a { display:block; width:44px; line-height:44px; height:44px; vertical-align:middle; text-align:center; border-radius:5px 0 5px 0; background:#343639; color:#FFF!important; }
		.pagination-alt > li > .active, .pagination-alt > li > a:hover { background:#da0080!important; }

	.progress { margin-bottom:0; position:relative; height:44px; border-radius:5px; background:#222426; color:#FFF; }
		.progress + .progress { margin-top:10px; }
		.progress span { display:block; font-size:14px!important; line-height:44px; position:absolute; top:0; z-index:2; }
		.progress .file-name { left:0; padding:0 15px; }
		.progress .send-value { right:0; padding:0 15px; }
		.progress .send-active { background:#da0080; height:100%; z-index:1; }

	.message { padding:15px; color:#2ECC71; }
		.message .fa { padding-right:10px; font-size:64px; vertical-align:middle; }
		.message span { font-size:24px; font-weight:bold; display:inline-block; vertical-align:middle; text-transform:uppercase; }

header { padding:10px 0; background:#FFFFFF; }
	.navbar-collapse { padding:0; }
	nav ul { margin:0; }
	nav ul > li { position:relative; display:inline-block; }
	nav .nav-itens { padding:46px 30px 0 0; width:100%; text-align:center; }
	nav .nav-itens > li + li:before { content:""; display:block; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#d2d2d2; } 
	nav .nav-itens > li > a { display:inline-block; font-size:15px; line-height:14px; padding:12px 20px; text-transform:uppercase; }
	nav .nav-itens > li > a:hover,
	nav .nav-itens > .active > a { color:#da0080!important; }
	nav .nav-itens > .active:after { content:""; position:absolute; left:50%; margin-left:-13px; top:-65px; display:block; width:26px; height:41px; background:url(../../img/site/navbar-active.png) center no-repeat; pointer-events:none; }
	nav .social { padding-top:40px; }
	nav .social > li > a { border-radius:5px 0 5px 0; font-size:24px; line-height:44px; width:44px; height:44px; text-align:center; vertical-align:middle; display:inline-block; background:#343639; color:#FFFFFF; }
	nav .social > li > a:hover { background:#da0080!important; }

footer { margin-top:45px; padding:50px 0; background:#222426; }
	footer .decoration { position:absolute; top:-71px; right:0; }
	footer p { line-height:20px; color:#696c6e; margin:0; }
		footer p strong { display:block; text-transform:uppercase; color:#00a2e0 }
	footer a[href*=tel] { display:inline-block; margin-top:18px; font-size:20px; line-height:20px; font-weight:bold; white-space:normal; color:#f7b605; }
		footer a[href*=tel] i { margin-right:10px; color:#222426; background:#f7b605; border-radius:5px 0 5px 0; width:44px; height:44px; line-height:44px; text-align:center; }
		footer a[href*=tel]:hover { color:#00a2e0; }
		footer a[href*=tel]:hover i { background:#00a2e0; }
	footer .dev { display:block; width:28px; margin-top:25px; margin-left:auto; }  

#content {}
	.title-page { padding:40px 0; background:#222426; margin-bottom:50px; color:#FFF; }
		.title-page h1 { font-weight:bold; margin:0; }
		.title-page nav { margin-top:40px; background:#da0080; }
			.title-page nav .visible-xs { padding:15px 0; position:relative; }
			.title-page nav .visible-xs button { position:absolute; font-size:20px; padding:0; right:-15px; top:0; width:50px; height:100%; text-align:center; border-radius:0; border:none; background:none; border-left:1px solid rgba(0,0,0,0.1); }
				.title-page nav .visible-xs button i { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }
				.title-page nav .visible-xs button:not(.collapsed) i { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
			.title-page nav .visible-xs h4 { margin:0; }
			#categorias { text-align:center; }
				#categorias ul > li > a { display:inline-block; padding:28px 8px; color:#FFF; text-transform:uppercase; font-size:13px; font-weight:bold; line-height:14px; }
				#categorias ul > .active > a, #categorias ul > li > a:hover { color:#f7b605!important; }
				#categorias ul > .active > a:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:5px; width:100%; background:#f7b605; }
	#content p { text-align:justify; margin:0 0 15px 0; font-size:15px; line-height:22px; }
	#banner { margin-bottom:30px; background:#222426; width:100%; overflow:hidden; }
		#banner .item { width:100%; overflow:hidden; position:relative; height:500px; }
		#banner .item img { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:500px; z-index:1; } 
	.white-container { padding-bottom:30px; background:#FFF; }

	.index footer { margin:0!important; }
	.index .white-container { margin-top:50px; }

	.sobre .white-container { margin-top:50px; }
	.sobre .certificacoes h2 { margin:-12px 0 30px; }

	.contato footer { margin-top:0!important; }
	.contato iframe { margin-top:30px; }

	.portfolio .title-page { padding-bottom:0; }
		.portfolio.single section .btn-default { margin-top:25px; }

	.cliente { min-height:100%; background:#222426 url(../../img/site/cliente-bg.jpg) top center no-repeat!important; }
		.cliente .logo { display:block; max-width:280px; margin:30px auto; }

		.login {}
			.login #content { max-width:500px; margin:0 auto; padding:0 15px; }
			.login form { margin-bottom:30px; border-radius:10px 0 10px 0; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
			.login form > .form-container { padding:30px 50px; background:#FFF; border-radius:0 0 10px 0; }
			.login form > h1.h2 { background:#222426!important; padding:40px 15px 28px!important; text-align:center; border-radius:10px 0 0 0; margin:0; color:#FFF; } 
			.login form > h1.h2:before { left:50%!important; margin-left:-108px!important; }

		.arquivos {}
			.arquivos #content { padding-bottom:15px; }
			.arquivos #header { padding:0 30px; background:#222426; color:#FFF; border-radius:10px 0 0 0; }
			.arquivos #header p { margin:30px 0 0; text-align:right!important; }
			.arquivos #header p span { color:#da0080; }
			.arquivos #header p span { color:#da0080; }
			.arquivos #steps { padding:15px 30px; color:#FFF; background:#00a2e0 }
			.arquivos #steps .h4 { margin:0; }
			.arquivos #contents { padding:0 15px; background:#FFF; border-radius:0 0 10px 0; overflow:hidden; }
			.arquivos #contents aside { z-index:2; min-height:200px; padding:30px; background:#222426; color:#FFF; }
			.arquivos #contents aside p { margin:0; }
			.arquivos #contents aside p + p { margin-top:15px; }
			.arquivos #contents aside p strong { display:block; color:#da0080; }
			.arquivos #contents form > div { padding:30px; min-height:200px; z-index:1; }

			.arquivos #contents aside + div:before { content:""; position:absolute; right:100%; top:0; height:100%; width:100%; background:#222426; display:block; }
			.arquivos .padding-v { padding: 20px 0; }
			.arquivos .padding-v + .padding-v { padding-top: 0; }
			.arquivos .padding-h { padding: 0 20px; }


.btn, .form-control, .close, a, a[href*=tel] i, .owl-dots span, .owl-nav > div, .thumb-contato h3 { 
	-webkit-transition:linear, .1s color, .1s background, .1s border;
	   -moz-transition:linear, .1s color, .1s background, .1s border; 
	     -o-transition:linear, .1s color, .1s background, .1s border; 
	        transition:linear, .1s color, .1s background, .1s border; }

.img-container:before, .img-container:after, .owl-nav, .thumb-sobre .info, .fade, .thumb-servico .h3, .thumb-servico .info { 
	-webkit-transition:ease-in-out, .1s opacity, .1s visibility;
	   -moz-transition:ease-in-out, .1s opacity, .1s visibility; 
	     -o-transition:ease-in-out, .1s opacity, .1s visibility; 
	        transition:ease-in-out, .1s opacity, .1s visibility; }

.icon-bar, .title-page nav .visible-xs button i {
	-webkit-transition:ease-in-out, .1s transform, .1s opacity;
	   -moz-transition:ease-in-out, .1s transform, .1s opacity; 
	     -o-transition:ease-in-out, .1s transform, .1s opacity; 
	        transition:ease-in-out, .1s transform, .1s opacity; }

.progress .send-active {
	-webkit-transition:ease-in-out, .1s width;
	   -moz-transition:ease-in-out, .1s width; 
	     -o-transition:ease-in-out, .1s width; 
	        transition:ease-in-out, .1s width; }

@media (min-width:992px) { 
	header nav { display:table; width:100%; }
	header nav ul { display:table-cell; vertical-align:top; white-space:nowrap; }
}

@media (max-width:991px) {
	.form-footer .col-md-8 small { float:left; }

	#owl-main .owl-dots { width:750px; margin-left:-375px; }

	.thumb-portfolio > .subtitle { font-size:18px; line-height:20px; }

	nav .nav-itens { padding:18px 0 0; text-align:right; }
	nav .nav-itens > li > a { padding:10px 13px; }
	nav .nav-itens > .active:after { top:-45px; }
	nav .social { text-align:right; padding-top:15px; }

	footer .decoration { right:15px; }

	#banner .item { height:387px; }
	#banner .item img { width:1486px; margin-left:-743px; height:387px; }
}

@media (min-width:768px) {
	.thumb-portfolio .img-container:before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:10px 0 10px 0; background:#343639; opacity:0; filter:alpha(opacity=0); visibility:hidden; z-index:1; }
	.thumb-portfolio .img-container:after { content:"\f067"; font-family:FontAwesome; font-size:48px; line-height:48px; margin-top:-24px; vertical-align:middle; position:absolute; top:50%; left:0; width:100%; text-align:center; color:#FFF; opacity:0; filter:alpha(opacity=0); visibility:hidden; z-index:2; }
		.thumb-portfolio:hover .img-container:before { opacity:0.8; filter:alpha(opacity=80); visibility:visible; } 
		.thumb-portfolio:hover .img-container:after { opacity:1; filter:alpha(opacity=100); visibility:visible; }

	.thumb-sobre:hover > .info { opacity:1; visibility:visible; }

	.col-fix-1 { display:block; clear:both; } .col-fix-1:before, .col-fix-1:after { content:" "; height:1px; clear:both; display:block; }
}

@media (max-width:767px) {
	#main { background-size:80px 80px; }

	.alert { width:90%; left:5%; }

	.col-fix-2 { display:block; clear:both; } .col-fix-2:before, .col-fix-2:after { content:" "; height:1px; clear:both; display:block; }

	.form-group { margin-bottom:10px; }
	.form-footer .col-md-8 small { float:none; text-align:center; display:block; }
	.form-footer .col-md-8 .btn { display:block; width:100%; margin:0; }

	h1, .h1 {  }
	h2, .h2 { font-size:24px; line-height:28px; margin-bottom:15px; }
		h2.decoration, .h2.decoration, h3.decoration, .h3.decoration { padding-top:19px; }
	h3, .h3 { font-size:20px; line-height:24px; }
	h4, .h4 { font-size:18px; line-height:22px; }
	h2.decoration:before, .h2.decoration:before, h3.decoration:before, .h3.decoration:before  { height:6px; }

	.index .owl-dots, .owl-internas .owl-nav { display:none!important; }
	#owl-portfolio .owl-nav { position:static!important; width:100%; margin:15px 0 0; text-align:center; }
	.owl-internas { border-width:5px; }
		.owl-internas .owl-dots { position:static!important; margin-top:5px; text-align:center; }
		.owl-internas .owl-dots span { border-color:#343639; }
	
	.thumb-portfolio { margin-bottom:10px; }
		.thumb-portfolio .img-container { border-width:5px; margin-bottom:5px; }
		.thumb-portfolio > .subtitle { font-size:15px; line-height:20px; }

	.thumb-sobre { margin-bottom:15px; }

	.thumb-servico { margin-bottom:15px; }

	.modal-header h2 { padding:15px!important; }
	.modal-header button { width:59px; }

	.pagination-alt > li > a { font-size:20px; }

	.message { padding:0 0 15px; }
	.message + div { text-align:left!important; }
	.message + div a { display:block; }

	header { padding-top:5px; }
	header .col-sm-4 { height:50px; }
	header .logo { position:relative; z-index:2; display:block; width:130px; }

	nav ul { text-align:center!important; }
	nav .nav-itens { padding-top:0; margin-top:15px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
	nav .nav-itens > li { display:block; }
	nav .nav-itens > li > a { display:block; padding:18px 15px; }
	nav .nav-itens > li + li:before { margin:0; top:0; left:0; width:100%; height:1px; }
	nav .nav-itens > .active:after { display:none!important; }
	nav .nav-itens > .active > a { font-weight:bold; }
		.navbar-toggle { position:absolute; top:-5px; right:0; margin:0; padding:0; width:60px; height:65px; }
		.navbar-toggle span { text-transform:uppercase; display:block; margin-top:5px; text-align:center; font-weight:bold; font-size:11px; line-height:12px; }
		.navbar-toggle .icon-bar { display:block; margin:0 auto; width:24px; height:4px; background:#343639; -webkit-transform-origin:50% 50%; -o-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -moz-transform-origin:50% 50%; transform-origin:50% 50%; }
		.navbar-toggle .icon-bar-2 { margin:4px auto; }
		.navbar-toggle:not(.collapsed) .icon-bar-1 { -webkit-transform:rotate(45deg) translate3d(6px,5px,0); -moz-transform: rotate(45deg) translate3d(6px,5px,0); -ms-transform: rotate(45deg), translate3d(6px,5px,0); -o-transform: rotate(45deg) translate3d(6px,5px,0);transform: rotate(45deg) translate3d(6px,5px,0); }
		.navbar-toggle:not(.collapsed) .icon-bar-2 { opacity:0; visibility:hidden; }
		.navbar-toggle:not(.collapsed) .icon-bar-3 { -webkit-transform:rotate(-45deg) translate3d(6px,-6px,0); -moz-transform: rotate(-45deg) translate3d(6px,-6px,0); -ms-transform: rotate(-45deg), translate3d(6px,-6px,0); -o-transform: rotate(-45deg) translate3d(6px,-6px,0);transform: rotate(-45deg) translate3d(6px,-6px,0); }

	footer { margin-top:15px; padding:15px 0; }
		footer .decoration { position:static; width:85px; display:block; margin:-20px auto 0; }
		footer .col-xs-12 { text-align:center; }
		footer .dev { margin-right:auto; width:24px; }

	.title-page { padding:20px 0 15px; margin-bottom:15px; }
		.title-page nav { margin-top:15px; }
		
		#categorias { border-top:1px solid rgba(0,0,0,0.1); -webkit-box-shadow:none; box-shadow:none; }
			#categorias ul > li { display:block; }
			#categorias ul > li + li { border-top:1px solid rgba(0,0,0,0.1); }
			#categorias ul > li > a { display:block; padding:20px 15px 20px 20px; text-align:left; }
			#categorias ul > li > a:before { width:5px!important; height:100%!important; }
	.white-container { padding-bottom:15px; }
	#banner { margin-bottom:15px; }
	#banner .item { height:247px; }
	#banner .item img { width:950px; margin-left:-475px; height:247px; }

		.index .white-container { margin-top:15px; }

		.sobre .white-container { margin-top:15px; }
		.sobre .certificacoes h2 { margin-top:-6px; }

		.contato aside { margin:30px 0 0; }

		.portfolio.single section .btn-default { margin:0 0 15px; display:block; }

		.cliente { background-size:768px 544px!important; }
			.cliente .logo { max-width:180px; margin:0 auto 15px; }

		.login {}
			.login .logo { margin-top:15px; }
			.login form > .form-container { padding:15px 25px 25px; }
			.login form label { margin-bottom:2px!important; }
			.login form > h1.h2 { padding:21px 15px 15px!important; }
			.login form .btn { width:100%; margin-top:15px; }

		.arquivos {}
			.arquivos #content { padding:15px 0; }
			.arquivos #header { padding:0 15px; }
			.arquivos #header p { text-align:left!important; margin:0!important; }
			.arquivos #header h1 { margin-bottom:10px; }
			.arquivos #header a { margin-bottom:15px; }
			.arquivos #steps { padding:10px 15px; }
			.arquivos #steps .text-right, .arquivos #header .text-right { text-align:left!important; }

		.arquivos #contents aside, .arquivos #contents form > div { min-height:inherit; padding:15px; }
 }

 @media (min-width:480px) and (max-width:767px) {

 }

@media (max-width:479px) {
 	#banner .item { height:186px; }
	#banner .item img { width:714px; margin-left:-357px; height:186px; }
}