/* ---- www.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:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "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; max-width:100%; color:rgba(0,0,0,.54); font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif";
	overflow-x:hidden; font-size:100%; line-height:100%; word-wrap:break-word; background:#ffffff url(../img/fundo-madeira.jpg) center top / 960px 696px repeat;
}

button, input, select, textarea {
	display:block; color:rgba(0,0,0,.54); font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif"; 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:.5rem 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; }



.material-icon, .material-icon-before::before, .material-icon-after::after {
	width:1.5rem; height:1.5rem; display:inline-block; overflow:hidden;
	direction:ltr; font-family:"Material Icons Round"; font-size:1.5rem; font-style:normal; font-weight:normal;
	letter-spacing:normal; line-height:1; text-transform:none; white-space:nowrap; word-wrap:normal;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
	font-feature-settings:"liga"; text-rendering:optimizeLegibility;
}



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



.header { padding:.625rem 12px 0; position:relative; }

.header-logo { width:200px; height:160px; display:block; position:absolute; top:0; left:50%; z-index:4; transform:translateX(-50%); }
.header-logo-fundo { width:222px; position:absolute; top:-7px; left:50%; z-index:2; transform:translateX(-50%); }
.header-logo-img { width:198px; position:absolute; top:3px; left:50%; z-index:25; transform:translateX(-50%); }

.header-fundo { width:100%; height:204px; position:relative; }
.header-fundo::after { width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.38); content:""; }

@media all and (min-width:640px) {
	.header { padding:.75rem 14px 0; }
	
	.header-logo-fundo { width:264px; top:-8px; }
	.header-logo-img { width:242px; top:0px; }
}


.menu { margin-top:-38px; position:relative; z-index:4; background:linear-gradient(to bottom, #9b0000 0%, #c00500 100%); border-radius:8px; box-shadow:0 2px 8px 0 rgba(0,0,0,.32); }

.menu-button { padding:0 16px 0 3rem; float:left; position:relative; font-size:.75rem; font-style:italic; font-weight:bold; line-height:2.5rem; }
.menu-button::before {
	width:1.25rem; height:1.25rem; position:absolute; top:calc(50% - .625rem); left:1rem;
	color:rgba(255,255,255,.7); font-size:1.25rem; line-height:100%; content:"menu";
}
.menu-button-ativo::before { content:"close"; }

.menu-nav {
	width:100%; padding:.5rem 0; display:none; position:absolute; top:calc(100% + 6px); z-index:4;
	background:linear-gradient(to bottom, #9b0000 0%, #c00500 100%);
	border-radius:8px; box-shadow:0 2px 8px 0 rgba(0,0,0,.32);
}
.menu-nav-ativo { display:block; animation:menu-ativo .4s; }
.menu-nav-a { padding:.5rem 16px; display:block; font-size:.75rem; line-height:1rem; }

.menu-phone {
	padding-left:2rem; margin-right:16px; display:block; float:right; position:relative;
	font-family:"Helvetica Neue"; font-size:.75rem; font-style:italic; font-weight:bold; letter-spacing:1px; line-height:2.5rem;
}
.menu-phone::before {
	width:1.25rem; height:1.25rem; position:absolute; top:calc(50% - .625rem); left:0;
	color:rgba(255,255,255,.7); font-size:1.25rem; line-height:100%; content:"phone";
}

@keyframes menu-ativo {
	0% 	 { opacity:0; transform:translateY(-1rem); }
	100% { opacity:1; transform:none; }
}

@media all and (min-width:720px) {
	.menu { margin-top:-8px; }
	.menu-button { display:none; }
	
	.menu-nav { width:auto; padding:0 12px; display:block; float:left; position:relative; top:auto; background:none; border-radius:0; box-shadow:none; }
	.menu-nav-a { padding:0 12px; float:left; position:relative; line-height:3rem; }
	.menu-nav-a + .menu-nav-a { padding-left:14px; }
	.menu-nav-a + .menu-nav-a::before, .menu-nav-a + .menu-nav-a::after { width:1px; height:24px; position:absolute; top:calc(50% - 12px); border-radius:24px; content:""; }
	.menu-nav-a + .menu-nav-a::before { left:0; background:#bf0400; }
	.menu-nav-a + .menu-nav-a::after  { left:1px; background:#9b0000; }
	
	.menu-phone { padding:0 12px 0 44px; margin-right:12px; line-height:3rem; }
	.menu-phone::before { left:12px; }
}

@media all and (min-width:880px) {
	.menu-nav { padding:0 16px; }
	.menu-nav-a { padding:0 16px; font-size:.875rem; }
	.menu-nav-a + .menu-nav-a { padding-left:18px; }

	.menu-phone { padding:0 16px 0 52px; margin-right:12px; font-size:.875rem; }
	.menu-phone::before { left:16px; }
}

@media all and (min-width:960px) {
	.menu-nav-a,
	.menu-phone { font-size:1rem; }
}



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



.footer {
	padding-top:1rem; padding-bottom:1rem; text-align:center;
	background:linear-gradient(to bottom, #9b0000 0%, #c00500 100%);
	border-radius:8px; box-shadow:0 2px 8px 0 rgba(0,0,0,.32);
}
.footer-p { font-size: .75rem; line-height:1rem; }
.footer-a { height:1.5rem; margin-top:1rem; display:inline-block; opacity:.7; transition:opacity .25s; }
.footer-a:hover { opacity:1; }

@media all and (min-width:560px) {
	.footer { padding-top:.75rem; padding-bottom:.75rem; text-align:left; }
	.footer-p { float:left; line-height:1.5rem; }
	.footer-a { margin-top:0; float:right; }
}
@media all and (min-width:640px) { .footer-p { font-size:.875rem; } }



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



.wrap { max-width:960px; margin-right:auto; margin-left:auto; }

.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-125 	{ padding-top:1.25rem; padding-bottom:1.25rem; }
.padding-section-15 	{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
.padding-section-2 		{ padding-top:   2rem; padding-bottom:   2rem; }
.padding-section-25		{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.padding-section-3 		{ padding-top:   3rem; padding-bottom:   3rem; }
.padding-section-4 		{ padding-top:   4rem; 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-8-10	{ padding-right: 8px; padding-left: 8px; }
.padding-wrap-32-80	{ padding-right:32px; padding-left:32px; }

@media all and (min-width:480px) { .padding-wrap-32-80 { padding-right:44px; padding-left:44px; } }
@media all and (min-width:640px) {
	.padding-wrap-8-10	{ padding-right:10px; padding-left:10px; }
	.padding-wrap-32-80	{ padding-right:56px; padding-left:56px; }
}
@media all and (min-width:800px) { .padding-wrap-32-80 { padding-right:68px; padding-left:68px; } }
@media all and (min-width:960px) { .padding-wrap-32-80 { padding-right:80px; padding-left:80px; } }



.conteudo { padding-top:2.75rem; padding-bottom:2.75rem; position:relative; }
.conteudo-div { margin-top:1.5rem; }

.conteudo-links { margin-top:.5rem; text-align:center; }
.conteudo-links-a { margin:1rem 8px 0; display:inline-block; }

@media all and (min-width:640px) {
	.conteudo { padding-top:4.75rem; padding-bottom:4.75rem; }
	.conteudo-section { width:50%; padding:1rem 10px 0 0 ; float:left; }
	.conteudo-section + .conteudo-section { padding-right:0; padding-left:10px; }
	.conteudo-section-100 { padding-top:1rem; }
	.conteudo-div { margin-top:2rem; }
	
	.conteudo-links { margin-top:1rem; }
}



/* ---- Vantagens app ---- */



.vantagens { position:relative; }

.vantagens-conteudo { margin-top:1rem; display:flex; flex-direction:column; align-items:center; }
.vantagens-links { width:100%; margin-top:1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; }
.vantagens-links-a { height:32px; display:inline-block; }

.vantagens-texto { text-align:center; }

.section-conteudo { position:relative; z-index:2; }

@media all and (min-width:640px) {
	.vantagens-titulo { text-align:center; }
}
@media all and (min-width:800px) {
	.vantagens-links-a { height:48px; }
}



/* ---- Home ---- */



.home-figure { margin-top:2rem; text-align:center; }
.home-figure img { max-width:100%; }

@media all and (min-width:640px) { .home-figure { margin-top:4rem; text-align:right; } }



/* ---- Modal ---- */

body.modal-aberta {
	overflow:hidden; }

.modal { width:100vw; height:100vh; position:fixed; left:0; top:0; z-index:9000; background:rgba(0,0,0,.75); }

.modal-home {
	width:100%; height:100%; padding:60px 20px; overflow:auto; position:fixed; left:0; top:0; z-index:9000; background:rgba(0,0,0,.75); }

.modal-wrap {
	max-width:430px; width:calc(100% - 32px); position:absolute; top:50%; left:50%; background:#ffffff url(../img/modal-fundo.jpg) repeat;
	border-radius:4px; box-shadow:0 2px 4px 0 rgba(0,0,0,.38); transform:translate(-50%, -50%);
}

.modal-home-wrap {
	max-width:560px;
	width:calc(100% - 32px); 
	height:100%;
	margin:0 auto;
	overflow-y:scroll;
	background:#ffffff url(../img/modal-fundo.jpg) repeat;
	border-radius:4px; 
	box-shadow:0 2px 4px 0 rgba(0,0,0,.38); 
}

.modal-home-cabecalho {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px; }

.modal-padding { padding:1rem 16px; }

.modal-fechar {
	width:2rem; height:2rem; position:absolute; top:-.75rem; right:-.75rem; color:#ffffff; line-height:2rem; text-align:center;
	background:linear-gradient(to bottom, #9b0000 0%, #c00500 100%); border-radius:50%; transition:background .25s;
}
.modal-fechar:hover	{ background:linear-gradient(to bottom, #c00500 0%, #9b0000 100%); }

.modal-home-fechar {
	width:2rem; height:2rem; color:#ffffff; line-height:2rem; text-align:center;
	background:linear-gradient(to bottom, #9b0000 0%, #c00500 100%); border-radius:50%; transition:background .25s;
}

.modal-home-fechar:hover	{ background:linear-gradient(to bottom, #c00500 0%, #9b0000 100%); }

.modal-precos { 
	padding:.0625rem ;
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:.0625rem; }

.modal-precos-div { 
	width:100%;}

@media (min-width:480px) {
	.modal-precos-div { 
		width:calc(50% - .0625rem);
		min-height:100%; }
}

.modal-precos-div-wrap {
	width:100%; 
	height:100%; 
	padding:1.25rem; 
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:"Helvetica Neue"; 
	line-height:9rem; 
	text-align:center; }

.modal-precos-div-wrap-div {}

.modal-botao { padding:1rem 16px; text-align:center; background:#04913f; border-radius:4px; transition:opacity .25s; }
.modal-botao:hover { color:#ffffff; text-decoration:none; opacity:.8; }

@media all and (min-width:640px) { .modal-padding { padding:1.5rem 24px; } }



/* ---- Quem somos ---- */



.quem-somos-figure { margin-top:1.5rem; overflow:hidden; border-radius:8px; box-shadow:0 2px 8px 0 rgba(0,0,0,.32); }

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



/* ---- Reservas ---- */



.reservas-preco { padding:1rem 16px; margin:1rem 8px 0; display:inline-block; border-radius:8px; }
.reservas-preco-verde 	 { background:rgb(  4,145,63); }
.reservas-preco-vermelho { background:rgb(244, 67,54); }
.reservas-preco-valor { font-family:"Helvetica Neue"; }



/* ---- Aplicativo ---- */



.aplicativo-figure { width:45%; display:inline-block; }

@media all and (min-width:960px) {
	.aplicativo-figure { transition:opacity .25s; }
	.aplicativo-figure:hover { opacity:.7; }
}



/* ---- Moldura topo ---- */



.moldura-header-topo { width:calc(100% - 138px); height:12px; position:absolute; top:0; left:69px; z-index:2; background:url(../img/moldura/topo/topo.png) left top / 90px 12px repeat-x; }
.moldura-header-topo::before, .moldura-header-topo::after { width:69px; height:48px; position:absolute; top:0; background:center / 69px 48px no-repeat; content:""; }
.moldura-header-topo::before { left:-69px; background-image:url(../img/moldura/topo/canto-te.png); }
.moldura-header-topo::after { right:-69px; background-image:url(../img/moldura/topo/canto-td.png); }

.moldura-header-direita, .moldura-header-esquerda { width:14px; height:calc(100% - 48px); position:absolute; top:48px; z-index:2; background:left top / 14px 54px repeat-y; }
.moldura-header-direita  { right:0; background-image:url(../img/moldura/topo/direita.png); }
.moldura-header-esquerda { left:0; background-image:url(../img/moldura/topo/esquerda.png); }



/* ---- Moldura corda ---- */



.moldura-corda-topo, .moldura-corda-baixo { width:calc(100% - 40px); height:12px; position:absolute; left:20px; background:left top / 15px 12px repeat-x; }
.moldura-corda-topo  { top:   0; background-image:url(../img/moldura/corda/topo.png); }
.moldura-corda-baixo { bottom:0; background-image:url(../img/moldura/corda/baixo.png); }

.moldura-corda-topo::before, .moldura-corda-topo::after, .moldura-corda-baixo::before, .moldura-corda-baixo::after {
	width:20px; height:12px; position:absolute; background:center / 20px 12px no-repeat; content:"";
}
.moldura-corda-topo::before { left:-20px; background-image:url(../img/moldura/corda/topo-ce.png); }
.moldura-corda-topo::after { right:-20px; background-image:url(../img/moldura/corda/topo-cd.png); }
.moldura-corda-baixo::before { left:-20px; background-image:url(../img/moldura/corda/baixo-ce.png); }
.moldura-corda-baixo::after { right:-20px; background-image:url(../img/moldura/corda/baixo-cd.png); }

.moldura-corda-direita, .moldura-corda-esquerda { width:12px; height:calc(100% - 24px); position:absolute; top:12px; background:center top / 12px 15px repeat-y; }
.moldura-corda-direita { right:0; background-image:url(../img/moldura/corda/direita.png); }
.moldura-corda-esquerda { left:0; background-image:url(../img/moldura/corda/esquerda.png); }

.moldura-corda-fundo { width:calc(100% - 24px); height:calc(100% - 24px); position:absolute; top:12px; left:12px; z-index:-1; background:url(../img/moldura/corda/fundo.jpg) left top / 720px 320px repeat; }



/* ---- Moldura papel ---- */



.moldura-papel-fundo {
	width:calc(100% - 80px); height:calc(100% - 5rem);
	position:absolute; top:2.5rem; left:40px; z-index:-1;
	background:url(../img/moldura/papel/fundo.png) left top / 40px repeat;
}

.moldura-papel-topo, .moldura-papel-baixo { width:calc(100% - 80px); height:40px; position:absolute; left:40px; background:left top / 80px 40px repeat-x; }
.moldura-papel-topo::before, .moldura-papel-baixo::before { width:40px; height:40px; position:absolute; left: -40px; content:""; }
.moldura-papel-topo::after, .moldura-papel-baixo::after	  { width:40px; height:40px; position:absolute; right:-40px; content:""; }

.moldura-papel-topo { top:0; background-image:url(../img/moldura/papel/topo.png); }
.moldura-papel-topo::before { background-image:url(../img/moldura/papel/canto-te.png); }
.moldura-papel-topo::after	{ background-image:url(../img/moldura/papel/canto-td.png); }

.moldura-papel-baixo { bottom:0; background-image:url(../img/moldura/papel/baixo.png); }
.moldura-papel-baixo::before { background-image:url(../img/moldura/papel/canto-be.png); }
.moldura-papel-baixo::after	 { background-image:url(../img/moldura/papel/canto-bd.png); }

.moldura-papel-direita, .moldura-papel-esquerda { width:40px; height:calc(100% - 80px); position:absolute; top:40px; background:left top / 40px 80px repeat-y; }
.moldura-papel-direita	{ right:0; background-image:url(../img/moldura/papel/direita.png); }
.moldura-papel-esquerda { left: 0; background-image:url(../img/moldura/papel/esquerda.png); }



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



.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: .75rem; line-height:100%; }
.font-size-0875	{ font-size:.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-12-14 { font-size: .75rem; line-height:1rem; }
.font-size-16-20 { font-size:   1rem; line-height:100%; }
.font-size-20-32 { font-size:1.25rem; line-height:100%; }

@media all and (min-width:640px) {
	.font-size-12-14 { font-size:.875rem; line-height:1.5rem; }
	.font-size-16-20 { font-size:1.25rem; line-height:  100%; }
	.font-size-20-32 { font-size: 	2rem; line-height: 	100%; }
}

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

.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 ---- */



.link-opacity 		{ transition:opacity .25s; }
.link-opacity:hover { opacity:.7; }

.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; }

.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 { width:100%; height:100%; object-position:center; position:absolute; top:0; left:0; }
.img-position-cover   { object-fit:cover; }
.img-position-contain { object-fit:contain; }

.clear-both { height:0; overflow:hidden; clear:both; }

.display-block			{ display:block; }
.display-inline			{ display:inline-block; }
.display-none			{ display:none; }
.display-inline-flex	{ display:inline-flex; }

.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; } }



/* ---- Se você chegou até aqui, envie seu currículo para contato@isdesign.com ---- */