/* ---- isdesign.com.br ---- */

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, button, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, button, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block; }

html, body 	{ width:100%; height:100%; }
a, button 	{ color:rgba(0,0,0,.87); text-decoration:none; cursor:pointer; }
body 		{ font-family:sans-serif; line-height:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
img 		{ vertical-align:bottom; }
ol, ul 		{ list-style:none; }
table 		{ border-collapse:collapse; border-spacing:0; }

blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; }
blockquote, q { quotes:none; }

/* ---- Reset ---- */

body {
	min-width:320px; color:rgba(0,0,0,.54); font-family:"Helvetica Neue", Arial;
	font-size:100%; line-height:100%; word-wrap:break-word; background:#f5f5f5;
}

button, input, select, textarea {
	display:block; color:rgba(0,0,0,.54); font-family:"Helvetica Neue", Arial; font-size:100%; line-height:100%;
	text-align:left; background:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
textarea { resize:none; }
[type=checkbox] { -webkit-appearance:checkbox; -moz-appearance:checkbox; appearance:checkbox; }
[type=radio] { -webkit-appearance:radio; -moz-appearance:radio; appearance:radio; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button,
[type=date]::-webkit-inner-spin-button, [type=date]::-webkit-calendar-picker-indicator { margin:0; -webkit-appearance:none; }

input:-webkit-autofill {
	color:rgba(0,0,0,.54) !important; -webkit-text-fill-color:rgba(0,0,0,.54) !important;
	background-color:none !important; transition:none; box-shadow:inset 0 0 0 10rem #ffffff;
}

li		  { margin:8px 0 0 2rem; }
ul		  { list-style:disc; }
ol		  { list-style:decimal; }
em, i	  { font-style:italic; }
strong, b { font-weight:bold; }
u		  { text-decoration:underline; }



@font-face {
	font-family:"Material Icons Round"; font-style:normal; font-weight:400;
	src:url("../fonts/Material-Icons-Round.woff2") format("woff2");
}
.material-icon, .material-icon-before::before, .material-icon-after::after {
	display:inline-block; direction:ltr; overflow:hidden;
	-moz-font-feature-settings:"liga"; -moz-osx-font-smoothing:grayscale;
	font-family:"Material Icons Round"; font-size:24px; font-style:normal; font-weight:normal;
	letter-spacing:normal; line-height:1;
	text-transform:none; white-space:nowrap; word-wrap:normal;
}



/* ---- Topo ---- */



.topo-shadow { box-shadow:0 0 8px 0 rgba(0,0,0,.16); position:relative; z-index:5; }
.topo { padding:0 24px; }
.topo-logo { width:200px; height:58px; margin:1rem 0; display:block; float:left; transition:opacity .25s; }
.topo-logo:hover { opacity:.7; }
.topo-logo img { width:100%; }
.topo-mobile { width:72px; height:90px; margin-right:-24px; float:right; text-align:center; transition:background .25s; }
.topo-mobile::after { color:#ffffff; content:"\e5d2"; }
.topo-mobile-ativo::after { content:"\e5cd"; }

@media all and (min-width:480px) { .topo { padding-right:32px; padding-left:32px; } }
@media all and (min-width:640px) { .topo { padding-right:40px; padding-left:40px; } }
@media all and (min-width:720px) {
	.topo-logo { width:327px; height:96px; }
	.topo-mobile { margin:1.1875rem -24px 1.1875rem 0; }
}
@media all and (min-width:800px) { .topo { padding-right:48px; padding-left:48px; } }
@media all and (min-width:960px) {
	.topo { padding-right:56px; padding-left:56px; }
	.topo-mobile { display:none; }
}
@media all and (min-width:1120px) { .topo { padding-right:64px; padding-left:64px; } }

/* ---- Wrap ---- */

.topo-wrap { padding:0 0 1.5rem; clear:left; display:none; }

.topo-wrap-button { width:20px; height:20px; margin:1rem 12px 1.5rem 0; display:inline-block; opacity:.5; transition:opacity .25s; }
.topo-wrap-button:hover { opacity:1; }

.topo-wrap-a-container { clear:left; }

.topo-wrap-a { padding:.5rem 0 .5rem 2.25rem; display:block; color:rgba(255,255,255,.7); line-height:150%; position:relative; transition:color .25s; }
.topo-wrap-a::before { color:rgba(255,255,255,.5); position:absolute; top:calc(50% - .75rem); left:0; transition:color .25s; }
.topo-wrap-a-local::before 		{ content:"\e55f"; }
.topo-wrap-a-telefone::before 	{ content:"\e0cd"; }
.topo-wrap-a-email::before 		{ content:"\e0e1"; }

.topo-wrap-a:hover { color:#ffffff; }
.topo-wrap-a:hover::before { color:#ffffff; }

@media all and (min-width:720px) {
	.topo-wrap-button { margin:0 12px 0 0; }
	.topo-wrap-a-container { margin-left:12px; clear:none; display:inline-block; }
	.topo-wrap-a { padding:0 0 0 2.25rem; margin:0 24px 0 0; display:inline-block; line-height:1.25rem; }
	.topo-wrap-a::before { top:calc(50% - .625rem); font-size:1.25rem; line-height:100%; }
	/*.topo-wrap-a { padding:0 0 0 2.5rem; margin:.875rem 24px 0 0; display:inline-block; }*/
}
@media all and (min-width:960px) {
	.topo-wrap { padding:2.3125rem 0; clear:none; display:block; float:right; text-align:right; }
	.topo-wrap-button { margin:0 12px 0 0; }
	.topo-wrap-button-ultimo { margin-right:24px; }
	.topo-wrap-a-container { margin-left:0; clear:left; display:block; }
	.topo-wrap-a { padding:0 0 0 2.5rem; margin:1rem 24px 0 0; font-size:.875rem; line-height:1.125rem; }
	.topo-wrap-a::before { top:calc(50% - .75rem); font-size:1.5rem; line-height:100%; }
}
@media all and (min-width:1120px) {
	.topo-wrap { padding:2.125rem 0; }
	
	.topo-wrap-a { margin:1rem 32px 0 0; font-size:1rem; line-height:150%; }
	.topo-wrap-a::before { top:calc(50% - .75rem); font-size:1.5rem; line-height:100%; }
	.topo-wrap-a:nth-last-child(1) { margin:1rem 24px 0 0; }
}

/* ---- Menu ---- */

.topo-menu { padding:1.5rem 0 2rem; border-top:1px solid #8D7D88; display:none; }
			
.topo-menu-a { padding:.5rem 0; display:block; color:#ffffff; font-weight:bold; line-height:150%; transition:background .25s; }
.topo-menu-a:hover { background:#8D7D88; }

.topo-menu-div-button { width:100%; padding:.5rem 0; display:block; position:relative; color:#ffffff; font-weight:bold; line-height:150%; transition:opacity .25s; }
.topo-menu-div-button::after { position:absolute; top:calc(50% - .75rem); right:0; content:"\e313"; }
.topo-menu-div-button-ativo::after { content:"\e316"; }
.topo-menu-div-nav { padding-bottom:.25rem; display:none; }
.topo-menu-div-nav-a { padding:.25rem 8px; display:block; color:rgba(255,255,255,.7); line-height:120%; transition:background .25s; }
.topo-menu-div-nav-a:hover { background:#8D7D88; }

.topo-menu-div-nav-button { width:100%; padding:.25rem 8px; position:relative; color:rgba(255,255,255,.7); }
.topo-menu-div-nav-button::after { position:absolute; top:calc(50% - .75rem); right:8px; content:"\e313"; }
.topo-menu-div-nav-button:hover { background:#8D7D88; }
.topo-menu-div-nav-button-ativo::after { content:"\e316"; }
.topo-menu-div-submenu { padding-bottom:.5rem; display:none; }
.topo-menu-div-submenu-a { width:100%; padding:.25rem 24px; display:block; color:rgba(255,255,255,.5); }
.topo-menu-div-submenu-a:hover { background:#8D7D88; }

@media all and (min-width:960px) {
	.topo-menu { padding:0 14px; display:block; }
	
	.topo-menu-a { padding:1.5rem 10px; float:left; font-size:.75rem; line-height:100%; }
	
	.topo-menu-div { float:left; position:relative; }
	.topo-menu-div-ativo { background:#8d7d88; }
	.topo-menu-div-button { width:auto; padding:1.5rem 10px; font-size:.75rem; line-height:100%; }
	.topo-menu-div-button::after { display:none; }
	
	.topo-menu-div-nav { width:auto; padding:.5rem 0; position:absolute; top:100%; left:0; background:#8D7D88; box-shadow:0 4px 8px 0 rgba(0,0,0,.16); }
	.topo-menu-div-nav-a { padding:.5rem 16px; white-space:nowrap; transition:background .25s; }
	.topo-menu-div-nav-a:hover { background:rgba(0,0,0,.12); }
	
	.topo-menu-div-nav-button { padding:.5rem 16px; }
}
@media all and (min-width:1180px) { .topo-menu-a, .topo-menu-div-button { font-size:1rem; line-height:100%; } }

.topo-nav-pesquisa { padding:1.5rem 0 0; display:block; position:relative; }
.topo-nav-pesquisa-input { width:100%; padding:0 24px 0 0; border:0; color:rgba(255,255,255,.7); line-height:150%; transition:color .25s; }
.topo-nav-pesquisa-input:focus { color:#ffffff; }
.topo-nav-pesquisa-button { position:absolute; right:0; bottom:0; color:rgba(255,255,255,.7); transition:color .25s, transform .25s; }
.topo-nav-pesquisa-button:hover { color:#ffffff; transform:scale(1.1); }

.topo-nav-pesquisa-input::-webkit-input-placeholder { color:rgba(255,255,255,.7); }
.topo-nav-pesquisa-input:-moz-placeholder 			{ color:rgba(255,255,255,.7); }
.topo-nav-pesquisa-input::-moz-placeholder 			{ color:rgba(255,255,255,.7); }
.topo-nav-pesquisa-input:-ms-input-placeholder 		{ color:rgba(255,255,255,.7); }

@media all and (min-width:960px) {				
	.topo-nav-pesquisa { width:140px; padding:0; margin:1.125rem 10px 1.125rem 0; float:right; }
	.topo-nav-pesquisa-button { top:0; right:0; bottom:auto; }
}
@media all and (min-width:1024px) { .topo-nav-pesquisa { width:160px; } }
@media all and (min-width:1180px) { .topo-nav-pesquisa { margin:1.25rem 10px 1.25rem 0; } }
@media all and (min-width:1208px) { .topo-nav-pesquisa { width:200px; } }



/* ---- Rodapé ---- */



.footer-button { width:100%; padding:.5rem 0; position:relative; }
.footer-button::after { position:absolute; top:calc(50% - .75rem); right:0; content:"\e313"; }
.footer-button-ativo::after { content:"\e316"; }
.footer-nav { margin-bottom:1.5rem; display:none; overflow:hidden; }
.footer-nav-ativo { display:block; }
.footer-nav-a { margin-top:.5rem; display:block; color:rgba(255,255,255,.7); font-size:.75rem; line-height:120%; transition:color .25s; }
.footer-nav-a:hover { color:rgba(255,255,255,1); }

@media all and (min-width:720px) { .footer-nav-a { font-size:.875rem; line-height:120%; } }

.footer-wrap { padding:1.5rem 12px; }
.footer-div { padding:0 12px; }

@media all and (min-width:480px) {
	.footer-wrap { padding:2rem 16px; }
	.footer-div { padding:0 16px; }
}
@media all and (min-width:640px) {
	.footer-wrap { padding:2.5rem 20px; }
	.footer-div { padding:0 20px; }
}
@media all and (min-width:720px) {
	.footer-wrap { padding:.5rem 20px 2.5rem; }
	.footer-div { width:33.3333333333%; float:left; }

	.footer-button { padding:2rem 0 .5rem; }
	.footer-button::after { display:none; }

	.footer-nav { margin:0; display:block; }
}
@media all and (min-width:800px)  {
	.footer-wrap { padding:1rem 24px 3rem; }
	.footer-div { padding:0 24px; }
}
@media all and (min-width:960px)  {
	.footer-wrap { padding:1.5rem 28px 3.5rem; }
	.footer-div { padding:0 28px; }
}
@media all and (min-width:1120px) {
	.footer-wrap { padding:2rem 32px 4rem; }
	.footer-div { padding:0 32px; }
}

.footer-logos { margin:-7px; }
.footer-logos-a { height:48px; margin:7px; display:block; float:left; }
.footer-isdesign { width:60px; height:28px; margin-top:2rem; display:block; opacity:.54; transition:opacity .25s; }
.footer-isdesign:hover { opacity:.87; }
.footer-isdesign img { width:100%; }

@media all and (min-width:480px) {
	.footer-logos { margin:-16px; }
	.footer-logos-a { margin:16px; }
}
@media all and (min-width:640px) {
	.footer-logos { margin:-20px; }
	.footer-logos-a { margin:20px; }
}
@media all and (min-width:720px) {
	.footer-logos { float:left; }
	.footer-isdesign { margin:.625rem 0; float:right; }	
}
@media all and (min-width:800px) {
	.footer-logos { margin:-24px; }
	.footer-logos-a { margin:24px; }
}
@media all and (min-width:960px) {
	.footer-logos { margin:-28px; }
	.footer-logos-a { margin:28px; }
}
@media all and (min-width:1120px) {
	.footer-logos { margin:-32px; }
	.footer-logos-a { margin:32px; }
}



/* ---- Conteúdo ---- */



.padding-section-025 	{ padding-top:.25rem; padding-bottom:.25rem; }
.padding-section-05 	{ padding-top: .5rem; padding-bottom: .5rem; }
.padding-section-075 	{ padding-top:.75rem; padding-bottom:.75rem; }
.padding-section-1		{ padding-top:  1rem; padding-bottom:  1rem; }
.padding-section-15 	{ padding-top:1.5rem; padding-bottom:1.5rem; }
.padding-section-2 		{ padding-top:  2rem; padding-bottom:  2rem; }

.padding-bottom-4		{ padding-bottom:4rem; }

.padding-wrap-025		{ padding-right: 4px; padding-left: 4px; }
.padding-wrap-05		{ padding-right: 8px; padding-left: 8px; }
.padding-wrap-075		{ padding-right:12px; padding-left:12px; }
.padding-wrap-1			{ padding-right:16px; padding-left:16px; }
.padding-wrap-15 		{ padding-right:24px; padding-left:24px; }

.padding-wrap-24-64 { padding-right:24px; padding-left:24px; }

@media all and (min-width:480px)  { .padding-wrap-24-64 { padding-right:32px; padding-left:32px; } }
@media all and (min-width:640px)  { .padding-wrap-24-64 { padding-right:40px; padding-left:40px; } }
@media all and (min-width:800px)  { .padding-wrap-24-64 { padding-right:48px; padding-left:48px; } }
@media all and (min-width:960px)  { .padding-wrap-24-64 { padding-right:56px; padding-left:56px; } }
@media all and (min-width:1120px) { .padding-wrap-24-64 { padding-right:64px; padding-left:64px; } }



.background-branco 	{ background:#ffffff; }
.background-roxo-1	{ background:#A999A0; }
.background-roxo-2	{ background:#8D7D88; }
.background-verde	{ background:#828D6F; }



.wrap { max-width:1280px; margin:0 auto; }

.box-shadow { box-shadow:0 .25rem .5rem .0625rem rgba(0,0,0,.12); }

.border-radius { border-radius:8px; }

.margin-top-negativa { margin-top:-4rem; }



/* ---- Conteúdo header ---- */



.header { padding:3rem 24px 5.5rem; } /* -- padding:4rem 24px 6rem; -- */
.header-titulo { font-size:1.5rem; line-height:100%; }

@media all and (min-width:480px)  { .header { padding:3rem 32px 5.5rem; } }
@media all and (min-width:640px)  { .header { padding:3rem 40px 5.5rem; } }
@media all and (min-width:720px)  { .header-titulo { font-size:2rem; line-height:100%; } }
@media all and (min-width:800px)  { .header { padding:3rem 48px 5.5rem; } }
@media all and (min-width:960px)  { .header { padding:3rem 56px 5.5rem; } }
@media all and (min-width:1120px) { .header { padding:3rem 64px 5.5rem; } }

.header-internas { position:relative; }
.header-data { margin-bottom:1rem; }
.header-subtitulo { font-size:1.25rem; line-height:100%; font-style:italic; }

@media all and (min-width:720px)  { .header-subtitulo { font-size:1.5rem; line-height:100%; } }
@media all and (min-width:960px)  { .header-internas { padding-right:200px; } }
@media all and (min-width:1120px) { .header-internas { padding-right:350px; } }
@media all and (min-width:1280px) { .header-internas { padding-right:470px; } }

.header-social { margin-top:2rem; }
.header-social-texto { padding-top:.375rem; float:left; }
.header-social-div { float:right; }
.header-social-a { width:24px; height:24px; margin-left:8px; display:inline-block; }
.header-social-a:nth-child(1) { margin-left:0; }

@media all and (min-width:960px) {
	.header-social { margin-top:0; position:absolute; top:50%; right:56px; transform:translateY(-50%); }
	.header-social-texto { padding-top:0; float:none; text-align:center; }
	.header-social-div { padding-top:1rem; float:none; text-align:center; }
	.header-social-a { width:32px; padding:0 4px; margin-left:0; transition:opacity .25s; }
	.header-social-a:hover { opacity:.7; }
}
@media all and (min-width:1120px) { .header-social { right:64px; } }



/* ---- Tipografia ---- */



.color-roxo { color:#A999A0; }

.color-branco-1 { color:rgba(255,255,255, 1); }
.color-branco-2 { color:rgba(255,255,255,.7); }
.color-branco-3 { color:rgba(255,255,255,.5); }
 
.color-preto-1 { color:rgba(0,0,0,.87); }
.color-preto-2 { color:rgba(0,0,0,.54); }
.color-preto-3 { color:rgba(0,0,0,.38); }

.font-size-075	{ font-size: 0.75rem; line-height:100%; }
.font-size-0875	{ font-size:0.875rem; line-height:100%; }
.font-size-1	{ font-size:    1rem; line-height:100%; }
.font-size-125	{ font-size: 1.25rem; line-height:100%; }
.font-size-15	{ font-size:  1.5rem; line-height:100%; }
.font-size-2	{ font-size:    2rem; line-height:100%; }
.font-size-3	{ font-size:    3rem; line-height:100%; }
.font-size-4	{ font-size:    4rem; line-height:100%; }

.font-size-075-0875 { font-size: .75rem; line-height:100%; }
.font-size-0875-1 	{ font-size:.875rem; line-height:100%; }
.font-size-1-125  	{ font-size:   1rem; line-height:100%; }
.font-size-125-15 	{ font-size:1.25rem; line-height:100%; }
.font-size-15-2 	{ font-size: 1.5rem; line-height:100%; }

@media all and (min-width:720px) {
	.font-size-075-0875 { font-size:.875rem; line-height:100%; }
	.font-size-0875-1 	{ font-size:   1rem; line-height:100%; }
	.font-size-1-125  	{ font-size:1.25rem; line-height:100%; }
	.font-size-125-15 	{ font-size: 1.5rem; line-height:100%; }
	.font-size-15-2 	{ font-size:   2rem; line-height:100%; }
}

.font-style-italic	{ font-style:italic; }
.font-weight-bold	{ font-weight:bold; }

.line-height-100  { line-height:100%; }
.line-height-120  { line-height:120%; }
.line-height-150  { line-height:150%; }
.line-height-auto { line-height:normal; vertical-align:middle; display:inline-block; }
 
.text-align-center	{ text-align:center; }
.text-align-left	{ text-align: left; }
.text-align-right	{ text-align: right; }

.text-transform-uppercase { text-transform:uppercase; }


/* ---- Extras ---- */



.botao { padding:1rem 16px; display:inline-block; color:#ffffff; font-weight:bold; background:#A999A0; transition:opacity .25s; }
.botao:hover { opacity:.8; }

.link-underline:hover { text-decoration:underline; }
.link-opacity 		{ transition:opacity .25s; }
.link-opacity:hover { opacity:.8; }

.margin-top-0125 { margin-top:.125rem; }
.margin-top-025	 { margin-top: .25rem; }
.margin-top-05	 { margin-top:  .5rem; }
.margin-top-075  { margin-top: .75rem; }
.margin-top-0875 { margin-top:.875rem; }
.margin-top-1	 { margin-top: 	 1rem; }
.margin-top-125  { margin-top:1.25rem; }
.margin-top-15	 { margin-top: 1.5rem; }
.margin-top-2	 { margin-top:   2rem; }
.margin-top-25	 { margin-top: 2.5rem; }
.margin-top-3	 { margin-top:   3rem; }
.margin-top-4	 { margin-top:   4rem; }

.margin-top-15-2 { margin-top: 1.5rem; }

@media all and (min-width:640px) { .margin-top-15-2 { margin-top:2rem; } }


.img-container	{ width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative; }
.img-retina		{ width:100%; height:100%; }
.img-icone 		{ width:24px; height:24px; }
 
.img-position { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.img-position-cover   { min-width:100%; min-height:100%; }
.img-position-contain { max-width:100%; max-height:100%; }

.img-alinhada	{ width:100%; height:100%; object-fit:cover; object-position:center; position:absolute; }

.clear-both { height:0; overflow:hidden; clear:both; }
 
.display-block	{ display:block; }
.display-inline	{ display:inline-block; }
.display-none	{ display:none; }
 
.float-left		{ float: left; }
.float-right	{ float:right; }

.overflow-hidden { overflow:hidden; }
 
.position-absolute { position:absolute; top:0; left:0; }
.position-relative { position:relative; }

.divisor { height:.0625rem; overflow:hidden; }
.divisor-branco { background:rgba(255,255,255,.12); }
.divisor-preto  { background:rgba(  0,  0,  0,.12); }




/* ----- Efeitos ----- */



.fx-denied { animation:fx-denied .6s cubic-bezier(.36,.07,.19,.97) both; }

@keyframes fx-denied {
	10%, 90% 		{ transform:translate3d(-.0625rem, 0, 0); }
	20%, 80% 		{ transform:translate3d(  .125rem, 0, 0); }
	30%, 50%, 70% 	{ transform:translate3d(  -.25rem, 0, 0); }
	40%, 60% 		{ transform:translate3d(   .25rem, 0, 0); }
}



.fx-opacity-in 		{ animation:fx-opacity-in  .3s; }
.fx-opacity-out 	{ animation:fx-opacity-out .3s; }

@keyframes fx-opacity-in  { from { opacity:0; } to { opacity:1; } }
@keyframes fx-opacity-out { from { opacity:1; } to { opacity:0; } }


/* ---- modal ---- */


.modal {
	width:100%; 
	min-width:320px; 
	height:100%; 
	display:none;
	position:fixed; 
	top:0; 
	left:0; 
	z-index:9999;
	background-color:rgba(0,0,0,0.60); }

.modal.ativo {
	display:block; }

.modal__envelope {
	width:100%; 
	height:100%;
	padding:20px; 
	display:flex; 
	align-items:center; 
	justify-content:center; }

.modal__conteudo {
	width:100%;
	max-width:720px;
	padding:30px;
	position:relative;
	background-color:#fff;
	text-align:center; }

.modal__botao {
	padding:1rem 16px;
	margin-top:20px;
	display:inline-block;
	border:0;
	color:#ffffff;
	font-weight:bold;
	background-color:#A999A0;
	cursor:pointer;
	transition:background-color .25s; }

.modal__botao:hover {
	background:#8D7D88; }