/* ---------------------------------------------------------------------- */
/*	cores do projeto
/* ---------------------------------------------------------------------- */
:root{
	--corPreto:#373334;
	--corBranco:#FFF;
	--corLaranja:#D3663D;
	--corCinza:#DDD;
	--borderRadius:8px;
}
	

/* ---------------------------------------------------------------------- */
/*	global
/* ---------------------------------------------------------------------- */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
body{ font-family: "Roboto", sans-serif; color:var(--corPreto) !important;}
.clear{ clear:both; width:100%; font-size:1px;}
.fontzero{ margin:0; padding:0; font-size:0em;}
a,a:hover{ text-decoration:none !important; color:var(--corPreto) !important;}
ul,li{ margin:0; padding:0; list-style:none;}
.txt,
.txt span,
.txt b,
.txt p{ background:none !important;}

.erro{ padding:50px !important;}
.mobile{ display:none !important;}

.padding-none{ padding:0;}
.padding-top{ padding-top:0;}
.padding-right{ padding-right:0;}
.padding-bottom{ padding-bottom:0;}
.padding-left{ padding-left:0;}

::-webkit-input-placeholder{ color: #999 !important; font-size:13px;}
:-moz-placeholder{ color: #999 !important; font-size:13px;}
:-ms-input-placeholder{ color: #999 !important; font-size:13px;}

.btn-padrao,
.btn-padrao:hover,
.btn-padrao:focus{ width:100%; background:var(--corLaranja) !important; border-color:var(--corLaranja) !important; color:var(--corBranco) !important;}

body.modal-open{overflow: visible;}
.scroll-top{ background:var(--corPreto) !important;}
.lg-backdrop{ z-index:999999999 !important;}
.lg-outer{ z-index:9999999999 !important;}

/* ---------------------------------------------------------------------- */
/*	Scroll top button
/* ---------------------------------------------------------------------- */
.scroll-top{ position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:99999; padding:8px 10px; background:var(--corPreto); border-radius:50px; transition:all 0.4s;}
.scroll-top i{ font-size:24px; color:var(--corBranco) !important; line-height:0;}
.scroll-top:hover{ background:var(--corPreto); color:var(--corBranco);}
.scroll-top.active{ visibility:visible; opacity:1; bottom:15px;}

/* ---------------------------------------------------------------------- */
/*	acessibilidade
/* ---------------------------------------------------------------------- */
.acessibilidade-footer{ z-index:10; position:fixed; right:5px; top:20%; padding:10px 0; background:var(--corLaranja); border-radius:40px;}
.acessibilidade-footer a{ z-index:1 !important; display:block; margin-bottom:10px; cursor:pointer;}

/* ---------------------------------------------------------------------- */
/*	mapa do site
/* ---------------------------------------------------------------------- */
.mapa-do-site{ margin-bottom:20px;}
.mapa-do-site h2{ font-size:20px;}
.mapa-do-site ul{ margin-bottom:20px; padding:10px; border:1px solid #CDCDCD; border-radius:5px; text-align:left !important;}
.mapa-do-site ul li{ padding:5px; border-bottom:1px solid #CDCDCD;}
.mapa-do-site ul li:last-child{ border:none;}
.mapa-do-site ul h1{ margin:0; font-size:16px;}

/* ---------------------------------------------------------------------- */
/*	zoom imagem
/* ---------------------------------------------------------------------- */
.z-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.z-img:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* ---------------------------------------------------------------------- */
/*	erro
/* ---------------------------------------------------------------------- */
.erro{ margin-bottom:50px; padding:0 !important;}
.erro h2{ padding:30px; background:var(--corPreto); text-align:center; font-size:16px;}
.erro ul{}
.erro ul li{ margin-bottom:10px; padding-bottom:10px;}
.erro ul li h1{ font-size:15px !important;}

/* ---------------------------------------------------------------------- */
/*	placeholder gradiente
/* ---------------------------------------------------------------------- */
.placeholder_bg{
  background: linear-gradient(90deg, #eee, #ccc, #eee);
  background-size: 150% 150% !important;
  animation: gradient-animation 1s ease-in-out infinite alternate both;
}
@keyframes gradient-animation {
  0% { background-position: right top; }
  50% { background-position: left bottom; }
  100% { background-position: right top; }
}

/* ---------------------------------------------------------------------- */
/*	manutencao
/* ---------------------------------------------------------------------- */
.manutencao .titulo{ margin:10px 0; font-size:20px;}
.manutencao .container img{ margin-bottom:20px;}
.manutencao .container{ text-align:center; font-size:18px;}

/* ---------------------------------------------------------------------- */
/*	titulo
/* ---------------------------------------------------------------------- */
.titulo h1{ margin-bottom:25px; padding:10px; font-size:16px; color:var(--corBranco); background:var(--corLaranja);}
.titulo .voltar{ padding-left:0;}
.titulo .voltar a{ display:inline-block; width:100%; text-align:center; font-size:25px; color:var(--corBranco) !important; background:var(--corPreto);}

/* ---------------------------------------------------------------------- */
/*	paginacao
/* ---------------------------------------------------------------------- */
.pagination{ margin:10px 0 30px 0;}
.pagination .page-item{ margin:0 !important; padding:0 !important;}
.pagination a{ color:var(--corLaranja) !important; border:1px solid var(--corLaranja) !important;}
.pagination .active a{ background:var(--corLaranja) !important; color:var(--corBranco)  !important;}

/* ---------------------------------------------------------------------- */
/*	texto copiado
/* ---------------------------------------------------------------------- */
.txt-copiado{ display:none; position:fixed; z-index:999; top:25px; left:50%; transform:translate(-50%, 0); padding:15px 25px; background:var(--corPreto); color:var(--corBranco); border-radius:30px;}

/* ---------------------------------------------------------------------- */
/*	alerts
/* ---------------------------------------------------------------------- */
.red{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #842029; background-color: #f8d7da; border-color: #f5c2c7;}
.yellow{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #664d03; background-color: #fff3cd; border-color: #ffecb5;}
.green{ position: relative; margin-top:5px !important; padding: 5px; border: 1px solid transparent; border-radius: 0.25rem; color: #0f5132; background-color: #d1e7dd; border-color: #badbcc;}
.btn-close{ width:auto !important; height:auto !important;}

/* ---------------------------------------------------------------------- */
/*	animation icon
/* ---------------------------------------------------------------------- */
.animation{
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transform-origin: 50% 50%;
	display: inline-block;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.carousel-item {
	transition: transform .2s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
	transition: opacity 0s 2s;
}

/* ---------------------------------------------------------------------- */
/*	desktop
/* ---------------------------------------------------------------------- */
@media only screen and (min-width: 1200px){
	
	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.mobile{ display:none;}
	.compartilhamento_mobile{ display:none}
	.menu-icon{ display:none;}
	.espaco{ padding-top: 160px;}
	
	/* ---------------------------------------------------------------------- */
	/*	libras
	/* ---------------------------------------------------------------------- */
	div[vw]{ top:23.5% !important; right:-4px !important;}
	[vw] [vw-plugin-wrapper].active{ margin-top:350px !important;}
	[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}
	
	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header{ margin-bottom: 20px; border-bottom: 5px solid var(--corLaranja);}
	header .logo{ padding:10px 0; text-align:center;}
	
	/* ---------------------------------------------------------------------- */
	/*	menu
	/* ---------------------------------------------------------------------- */
	.menu{ margin-bottom:10px; text-align: right;}
	.menu .navbar{ margin:0; padding:35px 0;}
	.menu .ul{ position:relative; width:100%;}
	.menu .ul .li{ display:inline-block;}
	.menu .ul .li h1{ margin:0; margin-top:3px; padding:7px 13px; font-size:16px !important; font-weight:600;}
	.menu .ul .li h1 a{ color:var(--corPreto) !important;}
	.menu .ul .li h1 a i{ margin-left:5px;}
	
	.pequeno{ position:fixed; z-index:10; width:100%; background: var(--corLaranja); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; transition:all 0.1s;}
	
	.menu .close{ display:none;}
	
	/* ---------------------------------------------------------------------- */
	/*	APRESENTAÇÃO
	/* ---------------------------------------------------------------------- */
	.apresentacao{ position:relative; padding:160px 0; background:url(../img/bg/bloco-2.png) center left no-repeat; background-size: 62% auto;}
	.apresentacao h1{ padding-top:12%; padding-right:9%; letter-spacing:-2px; font-weight:800; font-size:45px; text-align:right;}
	.apresentacao h1 span{ font-weight:400;}
	.apresentacao h2{ padding-right:7%; letter-spacing:-2px; font-weight:800; font-size:45px; text-align:right;}
	.apresentacao h2 span{ font-weight:400;}
	.apresentacao h3{ padding-right:1%; letter-spacing:-2px; font-weight:800; font-size:45px; text-align:right;}
	.apresentacao h3 span{ font-weight:400;}
	.apresentacao img{ position:absolute; left:46%; bottom:5%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION COMO FUNCIONA
	/* ---------------------------------------------------------------------- */
	.comofunciona{ padding:30px 0; background: var(--corCinza);}
	.comofunciona h1{ letter-spacing:-2px; font-weight:800; font-size:45px;}
	.comofunciona h1 span{ font-weight:400;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION QUEM SOMOS
	/* ---------------------------------------------------------------------- */
	.quemsomos{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.quemsomos h1{ padding-top:50px; padding-bottom:10px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.quemsomos h1 span{ font-weight:400;}
	.quemsomos .txt{ padding:20px 0;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION CLIENTES
	/* ---------------------------------------------------------------------- */
	.clientes{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.clientes h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.clientes h1 span{ font-weight:400;}
	.clientes ul{ padding:30px 0;}
	.clientes ul li{ padding:20px;}
	.clientes ul li{ padding:20px;}
	.clientes ul li img{ width:100%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION PLANOS
	/* ---------------------------------------------------------------------- */
	.planos{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.planos h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.planos h1 span{ font-weight:400;}
	.planos ul{ padding:30px 0;}
	.planos ul li .cerca{ padding:20px; background-color: #f7f7f7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #666;
	font-size: 16px; font-weight: 400; text-align: center; border-radius: 5px; border: 1px solid #ccc;}
	.planos ul li .nomePlano{ padding: 20px; background-color: var(--corLaranja); border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--corBranco); font-size: 18px; font-weight: 700; text-align: center;}
	.planos ul li .precos{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; color: #666; font-size: 16px; font-weight: 400; text-align: center;}
	.planos ul li .precos span{ font-size:40px; font-weight: 700;}
	.planos ul li p { margin: 0; border-top: solid 1px #e5e5e5; padding: 20px; font-weight: 400; font-size: 16px; color: #333;}

	.MultiCarousel { float: left; overflow: hidden; padding:0; width: 100%; position:relative; }
	.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
	.MultiCarousel .MultiCarousel-inner .item { float: left;}
	.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
	.MultiCarousel .leftLst,
	.MultiCarousel .rightLst { position:absolute; border-radius:5px; z-index:9; display:inline-block; padding:5px 10px 0px 10px !important; background:var(--corLaranja); color:var(--corBranco);}
	.MultiCarousel .leftLst { right:40px;}
	.MultiCarousel .rightLst { right:0; }
	.MultiCarousel .leftLst.over,
	.MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

	/* ---------------------------------------------------------------------- */
	/*	SECTION RECURSOS
	/* ---------------------------------------------------------------------- */
	.recursos{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.recursos h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.recursos h1 span{ font-weight:400;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION CONTRATACAO
	/* ---------------------------------------------------------------------- */
	.contratacao{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.contratacao h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.contratacao h1 span{ font-weight:400;}
	.contratacao form{ margin:20px 0;}
	.contratacao form button,
	.contratacao form button:hover{ background:var(--corLaranja); color:var(--corBranco);}
	.contratacao .dominio .cerca{ padding:20px; background:var(--corLaranja); color:var(--corBranco);}
	.contratacao .dominio label{ font-size:30px;}
	.contratacao .dominio label span{ font-weight:700; font-size:40px;}
	.contratacao .empresa-retorno{ float:right; width:46%; margin-top:2px; text-align:center; font-size:12px; background: var(--corLaranja); color: var(--corBranco); border-radius: 5px; font-weight:400;}


	/* ---------------------------------------------------------------------- */
	/*	SECTION CONTATO
	/* ---------------------------------------------------------------------- */
	.contato{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.contato h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.contato h1 span{ font-weight:400;}
	.contato form{ margin:20px 0;}
	.contato form button,
	.contato form button:hover{ background:var(--corLaranja); color:var(--corBranco);}

	/* ---------------------------------------------------------------------- */
	/*	FOOTER
	/* ---------------------------------------------------------------------- */
	footer{ padding: 10px 0; border-top: 10px solid var(--corLaranja);}
	
	footer .endereco h4{ font-size: 20px;}
	footer .endereco span{ display: inline-block; margin-bottom: 20px; font-size: 15px;}
	
	footer .meio{ text-align: center;}
	footer .meio a{ display: inline-block; margin: 20px 0; font-size: 60px;}

	footer .direitos{ margin-top: 40px; font-size:14px;}
	footer .direitos a{ display:inline-block; margin-right:2px; color:var(--corPreto) !important;}
	
	footer .direito{ text-align: right;}
	footer .direito span{ display: block;}
	footer .direito .agencia{ display:inline-block; margin-top: 60px;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	TABLET
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1199px){
	
	/* ---------------------------------------------------------------------- */
	/*	global
	/* ---------------------------------------------------------------------- */
	.mobile{ display:none;}
	.compartilhamento_mobile{ display:none}
	.menu-icon{ display:none;}
	.espaco{ padding-top: 160px;}
	
	/* ---------------------------------------------------------------------- */
	/*	libras
	/* ---------------------------------------------------------------------- */
	div[vw]{ top:24% !important; right:-4px !important;}
	[vw] [vw-plugin-wrapper].active{ margin-top:350px !important;}
	[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}
	
	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header{ margin-bottom: 20px; border-bottom: 5px solid var(--corLaranja);}
	header .logo{ padding:10px 0; text-align:center;}
	
	/* ---------------------------------------------------------------------- */
	/*	menu
	/* ---------------------------------------------------------------------- */
	.menu{ margin-bottom:10px; text-align: right;}
	.menu .navbar{ margin:0; padding:35px 0;}
	.menu .ul{ position:relative; width:100%;}
	.menu .ul .li{ display:inline-block;}
	.menu .ul .li h1{ margin:0; margin-top:3px; padding:7px; font-size:14px !important; font-weight:600;}
	.menu .ul .li h1 a{ color:var(--corPreto) !important;}
	.menu .ul .li h1 a i{ margin-left:5px;}
	
	.pequeno{ position:fixed; z-index:10; width:100%; background: var(--corLaranja); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; transition:all 0.1s;}
	
	.menu .close{ display:none;}
	
	/* ---------------------------------------------------------------------- */
	/*	APRESENTAÇÃO
	/* ---------------------------------------------------------------------- */
	.apresentacao{ position:relative; padding:160px 0; background:url(../img/bg/bloco-2.png) center left no-repeat; background-size: 62% auto;}
	.apresentacao h1{ padding-top:12%; padding-right:9%; letter-spacing:-2px; font-weight:800; font-size:45px; text-align:right;}
	.apresentacao h1 span{ font-weight:400;}
	.apresentacao h2{ padding-right:7%; letter-spacing:-2px; font-weight:800; font-size:45px; text-align:right;}
	.apresentacao h2 span{ font-weight:400;}
	.apresentacao h3{ padding-right:1%; letter-spacing:-2px; font-weight:800; font-size:45px; text-align:right;}
	.apresentacao h3 span{ font-weight:400;}
	.apresentacao img{ position:absolute; left:46%; bottom:5%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION COMO FUNCIONA
	/* ---------------------------------------------------------------------- */
	.comofunciona{ padding:30px 0; background: var(--corCinza);}
	.comofunciona h1{ letter-spacing:-2px; font-weight:800; font-size:45px;}
	.comofunciona h1 span{ font-weight:400;}
	.comofunciona img{ width: 100%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION QUEM SOMOS
	/* ---------------------------------------------------------------------- */
	.quemsomos{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.quemsomos h1{ padding-top:50px; padding-bottom:10px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.quemsomos h1 span{ font-weight:400;}
	.quemsomos .txt{ padding:20px 0;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION CLIENTES
	/* ---------------------------------------------------------------------- */
	.clientes{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.clientes h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.clientes h1 span{ font-weight:400;}
	.clientes ul{ padding:30px 0;}
	.clientes ul li{ padding:20px;}
	.clientes ul li{ padding:20px;}
	.clientes ul li img{ width:100%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION PLANOS
	/* ---------------------------------------------------------------------- */
	.planos{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.planos h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.planos h1 span{ font-weight:400;}
	.planos ul{ padding:30px 0;}
	.planos ul li .cerca{ padding:20px; background-color: #f7f7f7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #666;
	font-size: 16px; font-weight: 400; text-align: center; border-radius: 5px; border: 1px solid #ccc;}
	.planos ul li .nomePlano{ padding: 20px; background-color: var(--corLaranja); border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--corBranco); font-size: 18px; font-weight: 700; text-align: center;}
	.planos ul li .precos{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; color: #666; font-size: 16px; font-weight: 400; text-align: center;}
	.planos ul li .precos span{ font-size:40px; font-weight: 700;}
	.planos ul li p { margin: 0; border-top: solid 1px #e5e5e5; padding: 20px; font-weight: 400; font-size: 16px; color: #333;}

	.MultiCarousel { float: left; overflow: hidden; padding:0; width: 100%; position:relative; }
	.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
	.MultiCarousel .MultiCarousel-inner .item { float: left;}
	.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
	.MultiCarousel .leftLst,
	.MultiCarousel .rightLst { position:absolute; border-radius:5px; z-index:9; display:inline-block; padding:5px 10px 0px 10px !important; background:var(--corLaranja); color:var(--corBranco);}
	.MultiCarousel .leftLst { right:40px;}
	.MultiCarousel .rightLst { right:0; }
	.MultiCarousel .leftLst.over,
	.MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

	/* ---------------------------------------------------------------------- */
	/*	SECTION RECURSOS
	/* ---------------------------------------------------------------------- */
	.recursos{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.recursos h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.recursos h1 span{ font-weight:400;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION CONTRATACAO
	/* ---------------------------------------------------------------------- */
	.contratacao{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.contratacao h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.contratacao h1 span{ font-weight:400;}
	.contratacao form{ margin:20px 0;}
	.contratacao form button,
	.contratacao form button:hover{ background:var(--corLaranja); color:var(--corBranco);}
	.contratacao .dominio .cerca{ padding:20px; background:var(--corLaranja); color:var(--corBranco);}
	.contratacao .dominio label{ font-size:30px;}
	.contratacao .dominio label span{ font-weight:700; font-size:40px;}
	.contratacao .empresa-retorno{ float:right; width:35%; margin-top:6px; text-align:center; font-size:8px; background: var(--corLaranja); color: var(--corBranco); border-radius: 5px; font-weight:400;}


	/* ---------------------------------------------------------------------- */
	/*	SECTION CONTATO
	/* ---------------------------------------------------------------------- */
	.contato{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.contato h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.contato h1 span{ font-weight:400;}
	.contato form{ margin:20px 0;}
	.contato form button,
	.contato form button:hover{ background:var(--corLaranja); color:var(--corBranco);}

	/* ---------------------------------------------------------------------- */
	/*	FOOTER
	/* ---------------------------------------------------------------------- */
	footer{ padding: 10px 0; border-top: 10px solid var(--corLaranja);}
	
	footer .endereco h4{ font-size: 20px;}
	footer .endereco span{ display: inline-block; margin-bottom: 20px; font-size: 15px;}
	
	footer .meio{ text-align: center;}
	footer .meio a{ display: inline-block; margin: 20px 0; font-size: 60px;}

	footer .direitos{ margin-top: 40px; font-size:14px;}
	footer .direitos a{ display:inline-block; margin-right:2px; color:var(--corPreto) !important;}
	
	footer .direito{ text-align: right;}
	footer .direito span{ display: block;}
	footer .direito .agencia{ display:inline-block; margin-top: 60px;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	MOBILE
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 579px){
	
	/* ---------------------------------------------------------------------- */
	/*	GLOBAL
	/* ---------------------------------------------------------------------- */
	.web{ display:none !important;}
	.mobile{ display:block !important;}
	.espaco{ padding-top: 160px;}
	.acessibilidade-footer{ top:25%;}
	
	/* ---------------------------------------------------------------------- */
	/*	libras
	/* ---------------------------------------------------------------------- */
	div[vw]{ top:24% !important; right:-4px !important;}
	[vw] [vw-plugin-wrapper].active{ margin-top:350px !important;}
	[vw] [vw-access-button] img.access-button, [vw] [vw-access-button] img.pop-up{ display:none !important;}
	
	/* ---------------------------------------------------------------------- */
	/*	header
	/* ---------------------------------------------------------------------- */
	header{ position: relative; margin-bottom: 20px; border-bottom: 5px solid var(--corLaranja);}
	header .logo{ padding:10px 0; text-align:center;}
	
	/* ---------------------------------------------------------------------- */
	/*	MENU
	/* ---------------------------------------------------------------------- */
	.menu-icon{ position: absolute; top: 40px; display: inline-block;}
	.menu-icon a{ display:inline-block; padding:5px 12px; background:var(--corLaranja); font-size:25px; border-radius:5px;}
	.menu-icon a i{ color:var(--corBranco) !important;}
	
	.menu{ position:absolute; left:0; top:0; z-index:999; width:80%; transform:translateX(-100%); transition:transform 0.3s ease-in-out; background: var(--corLaranja);}
	.menu .ul{ position:relative; margin:50px 0 10px 0 !important; width:90%;}
	.menu .ul .li{ display:block !important; margin-bottom:10px !important; padding:5px 2px 5px 10px !important; text-align:left !important;}
	.menu .ul .li h1{ margin:0 !important; padding:0 !important; font-size:16px;}
	.menu .ul .li h1 a{ color:var(--corBranco) !important; text-align:left;}
	
	.open{ transform: translateX(0);}
	.menu-bg{ z-index:11; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); display:none;}
	.menu .close{ display:block; float:right; margin:10px; font-size:20px;}
	.menu .close a{ color:var(--corBranco) !important;}
	
	/* ---------------------------------------------------------------------- */
	/*	APRESENTAÇÃO
	/* ---------------------------------------------------------------------- */
	.apresentacao{ position:relative; padding:0; background:url(../img/bg/bloco-2.png) 50% 30% no-repeat; background-size: 62% auto;}
	.apresentacao h1{ padding-top:0; padding-right:0; letter-spacing:-2px; font-weight:800; font-size:30px; text-align:center;}
	.apresentacao h1 span{ font-weight:400;}
	.apresentacao h2{ margin-top: 180px; padding-right:0; letter-spacing:-2px; font-weight:800; font-size:30px; text-align:center;}
	.apresentacao h2 span{ font-weight:400;}
	.apresentacao h3{ padding-right:0; letter-spacing:-2px; font-weight:800; font-size:30px; text-align:center;}
	.apresentacao h3 span{ font-weight:400;}
	.apresentacao img{ position:absolute; left: auto; right:15%; bottom:30%; width: 15%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION COMO FUNCIONA
	/* ---------------------------------------------------------------------- */
	.comofunciona{ padding:30px 0; background: var(--corCinza);}
	.comofunciona h1{ letter-spacing:-2px; font-weight:800; font-size:45px;}
	.comofunciona h1 span{ font-weight:400;}
	.comofunciona img{ margin-bottom: 20px; width: 100%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION QUEM SOMOS
	/* ---------------------------------------------------------------------- */
	.quemsomos{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.quemsomos h1{ padding-top:50px; padding-bottom:10px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.quemsomos h1 span{ font-weight:400;}
	.quemsomos .txt{ padding:20px 0;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION CLIENTES
	/* ---------------------------------------------------------------------- */
	.clientes{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.clientes h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.clientes h1 span{ font-weight:400;}
	.clientes ul{ padding:30px 0;}
	.clientes ul li{ padding:20px;}
	.clientes ul li{ padding:20px;}
	.clientes ul li img{ width:100%;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION PLANOS
	/* ---------------------------------------------------------------------- */
	.planos{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.planos h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.planos h1 span{ font-weight:400;}
	.planos ul{ padding:30px 0;}
	.planos ul li .cerca{ padding:20px; background-color: #f7f7f7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #666;
	font-size: 16px; font-weight: 400; text-align: center; border-radius: 5px; border: 1px solid #ccc;}
	.planos ul li .nomePlano{ padding: 20px; background-color: var(--corLaranja); border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--corBranco); font-size: 18px; font-weight: 700; text-align: center;}
	.planos ul li .precos{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; color: #666; font-size: 16px; font-weight: 400; text-align: center;}
	.planos ul li .precos span{ font-size:40px; font-weight: 700;}
	.planos ul li p { margin: 0; border-top: solid 1px #e5e5e5; padding: 20px; font-weight: 400; font-size: 16px; color: #333;}

	.MultiCarousel { float: left; overflow: hidden; padding:0; width: 100%; position:relative; }
	.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
	.MultiCarousel .MultiCarousel-inner .item { float: left;}
	.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
	.MultiCarousel .leftLst,
	.MultiCarousel .rightLst { position:absolute; border-radius:5px; z-index:9; display:inline-block; padding:5px 10px 0px 10px !important; background:var(--corLaranja); color:var(--corBranco);}
	.MultiCarousel .leftLst { right:40px;}
	.MultiCarousel .rightLst { right:0; }
	.MultiCarousel .leftLst.over,
	.MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

	/* ---------------------------------------------------------------------- */
	/*	SECTION RECURSOS
	/* ---------------------------------------------------------------------- */
	.recursos{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.recursos h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.recursos h1 span{ font-weight:400;}

	/* ---------------------------------------------------------------------- */
	/*	SECTION CONTRATACAO
	/* ---------------------------------------------------------------------- */
	.contratacao{ padding-bottom:20px; border-top:5px solid var(--corLaranja);}
	.contratacao h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.contratacao h1 span{ font-weight:400;}
	.contratacao form{ margin:20px 0;}
	.contratacao form button,
	.contratacao form button:hover{ background:var(--corLaranja); color:var(--corBranco);}
	.contratacao .dominio .cerca{ padding:20px; background:var(--corLaranja); color:var(--corBranco);}
	.contratacao .dominio label{ font-size:30px;}
	.contratacao .dominio label span{ font-weight:700; font-size:40px;}
	.contratacao .empresa-retorno{ float:right; width:35%; margin-top:6px; text-align:center; font-size:12px; background: var(--corLaranja); color: var(--corBranco); border-radius: 5px; font-weight:400;}


	/* ---------------------------------------------------------------------- */
	/*	SECTION CONTATO
	/* ---------------------------------------------------------------------- */
	.contato{ padding-bottom:20px; background:var(--corCinza); border-top:5px solid var(--corLaranja);}
	.contato h1{ padding-top:50px; background:var(--corBranco); letter-spacing:-2px; font-weight:800; font-size:45px;}
	.contato h1 span{ font-weight:400;}
	.contato form{ margin:20px 0;}
	.contato form button,
	.contato form button:hover{ background:var(--corLaranja); color:var(--corBranco);}

	/* ---------------------------------------------------------------------- */
	/*	FOOTER
	/* ---------------------------------------------------------------------- */
	footer{ padding: 10px 0; text-align: center; border-top: 10px solid var(--corLaranja);}
	
	footer .endereco h4{ font-size: 20px;}
	footer .endereco span{ display: inline-block; margin-bottom: 20px; font-size: 15px;}
	
	footer .meio{ text-align: center;}
	footer .meio a{ display: inline-block !important; margin: 20px 0; font-size: 60px;}
	footer .meio .web{ display: none !important;}

	footer .direitos{ margin-top: 40px; font-size:14px;}
	footer .direitos a{ display:inline-block; margin-right:2px; color:var(--corPreto) !important;}
	
	footer .direito{ text-align: center;}
	footer .direito span{ display: block;}
	footer .direito .agencia{ display:inline-block; margin-top: 60px;}
	
}