%PDF-
%PDF-
Mini Shell
Mini Shell
/*
CSS Document
Theme Name: Dimensão Grupo
Theme URI: http://www.dimensaogrupo.com.br
Author: Superteia Soluções para Internet
Author URI: http://www.superteia.com.br/
Description: Estilização Padrão para o site Dimensão Grupo
Tags: dimensao, grupo dimensao, dimensao grupo, shelley macedo, fontend, css, superteia
Developer: Shelley Macedo (shelley.macedo@hotmail.com)
Version: 1.0 -> 20 novembro 2017 /*** geral *** /
*/
/* CSS Document */
@charset "utf-8";
@import url(reset.css);
@import url(responsive.css);
/* PADRONIZAÇÃO ======================================================================== */
@font-face {
font-family: 'CenturyGothic';
src: url('../fonts/CenturyGothic.eot');
src: url('../fonts/CenturyGothic.woff2') format('woff2'),
url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype');
src: url('../fonts/CenturyGothic.woff') format('woff'),
url('../fonts/CenturyGothic.ttf') format('truetype'),
url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
font-weight: normal;
font-style: normal;
}
::-webkit-scrollbar { width:10px; height:10px; -webkit-border-radius:18px; }
::-webkit-scrollbar-track-piece { background-color:#f0f0f0; -webkit-box-shadow:inset 1px 1px 30px 1px #e3e3e3; -moz-box-shadow: inset 1px 1px 30px 1px #e3e3e3; box-shadow: inset 1px 1px 30px 1px #e3e3e3; }
::-webkit-scrollbar-thumb:horizontal { width:5px; background-color:#AAA; }
::-webkit-scrollbar-thumb:vertical { height:5px; background-color:#AAA; -webkit-box-shadow: inset 1px 1px 50px 1px #AAA; -moz-box-shadow: inset 1px 1px 50px 1px #AAA; box-shadow: inset 1px 1px 50px 1px #AAA; }
::selection { background: #999999; color: #fff; text-shadow: none; }
/* ====================================================================================== */
/* FERRAMENTAS ========================================================================== */
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.f-left, .left { float:left !important; }
.f-right, .right { float:right !important; }
.f-none { float:none !important; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
.no-border { border:0 !important }
.upper { text-transform:uppercase!important }
.clear { clear:both!important; height:15px!important; display:block!important; }
.volta-topo { width: 60px; height: 60px; position: fixed; bottom: .75em; right: 1em; display: block; background-color: rgba(255, 255, 255, 0.5); color: #b83266!important; font-size: 38px; border-radius: 100%; padding: 8px; text-align: center; font-weight: 100; }
.volta-topo:hover { background-color: rgba(255, 255, 255, 1); }
.meio { display:table!important; margin:0 auto!important; }
.mascara { background: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; display: block; position: absolute; z-index: 0; margin-top: 0; }
.parallax { color:#FFF; margin: 0 auto; width: 100%; max-width: 100%; position: relative; min-height: 100%; text-shadow:0 0 10px rgba(0,0,0,0.7); background-position: 0 0; background-size:cover; background-repeat: no-repeat; background-attachment: fixed; }
.separador { background: url(../images/icones/hr.png) no-repeat 0 0; height: 18px; width: 140px; display: block; }
.separadorW { background: url(../images/icones/hrw.png) no-repeat left bottom; height: 18px; width: 140px; display: block; margin:10px 0; }
.borda { border-bottom: 2px solid #b83267; }
.background { background: #b93266; }
.cinza { background: #fafafa; }
/* ====================================================================================== */
/* All ================================================================================== */
* { box-sizing:border-box; }
html { overflow:hidden }
body { overflow-x:hidden }
header, section, footer { width:100%; min-width:100%; }
body { background-color:#FFF; color:#757575; font-family:"CenturyGothic", Arial, sans-serif; font-size:14px; line-height:18px; }
img { max-width:100% }
.img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
a:link, a:visited { text-decoration:none; color:#333333; -webkit-transition:color 0.5s ease-out; -moz-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out; -ms-transition:color 0.5s ease-out; }
a:hover, a:focus { text-decoration:none; color:#b91657; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; cursor:pointer; }
h1 { font-family:"CenturyGothic", Arial, sans-serif; font-size:32px; line-height:100%; }
h2 { font-family:"CenturyGothic", Arial, sans-serif; font-size:30px; line-height:100%; }
h3 { font-family:"CenturyGothic", Arial, sans-serif; font-size:24px; text-transform:uppercase; line-height:100%; }
h4 { font-family:"CenturyGothic", Arial, sans-serif; font-size:20px; text-transform:uppercase; line-height:100%; }
h5 { font-family:"CenturyGothic", Arial, sans-serif; font-size:12px; line-height:24px; color:#999; display:inline-block; }
h6 { font-family:"CenturyGothic", Arial, sans-serif; font-size:12px; line-height: 22px; font-weight:bold; color:#999; display:inline-block; }
hr { height:1px; border:none; background-color:#ccc; display:block; clear:both; margin:10px auto; width:100% }
.bloco { min-height:20px; margin-bottom: 20px; border-top: 1px solid #6e374d; max-width:100% }
.bloco:first-child { border:none }
/* Forms */
label { font-family: "CenturyGothic", Arial, sans-serif; font-size:12px; }
select { width:100%!important; }
textarea { height:auto; min-height:100px; }
input { max-width:100% }
:focus { outline:none; -webkit-appearance:none; border:none!important }
/* Listas */
ul.seta, ol { margin-left:15px; }
ul.seta li:before { content:"> "; font-family:cursive; color:#D50022; }
.btns { float:right; }
.btn { display:inline-block; padding:9px 12px 6px; font-size:14px; line-height:16px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius:3px; text-transform:uppercase; }
.btn-default { background-color: #f4f4f4; padding: 11px 8px; color: #333; font-size: 14px; font-weight: bold; margin: auto; text-align: center; border-radius: 5px; }
.btn-contato { color: #b83266!important; background-color: #EBEBEB; display:inline-block; padding:12px; font-size:14px; line-height:16px; text-align: center; vertical-align: middle; cursor:pointer; text-transform:uppercase; font-weight:600 }
.btn-default:hover, .form-login button:hover, .form-login a:hover, .btn-contato:hover { background-color: #fff; }
.btn-padrao { font-size: 16px; padding: 12px; text-shadow: -1px 0 0 #591933; background: #b83266; margin:0 auto; display:table }
.btn-padrao:hover, .btn-padrao:active, .btn-padrao:focus {
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.23)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#00ffffff',GradientType=0 );
}
/* Checkbox e RadioButton Customizado */
input[type="checkbox"], input[type="radio"] { opacity:0; position:absolute; }
input[type="checkbox"], .checkbox-fake, input[type="radio"], .radio-fake { display:inline-block; vertical-align:middle; margin:8px; cursor:pointer; }
.checkbox-fake, .radio-fake { position:relative; font-size:34px!important; }
input[type="checkbox"]+ .checkbox-fake:before, input[type="radio"] + .radio-fake:before { content: ''; background: #fff; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; text-align: center; }
input[type="checkbox"]:checked + .checkbox-fake:before, input[type="radio"]:checked + .radio-custom-label:before { content: "\f00c"; font-family: 'FontAwesome'; background:#F6F9D7; color:#7cb342; }
input[type="radio"]+ .radio-fake:before { border-radius: 50%; }
input[type="checkbox"]:focus + .checkbox-fake, input[type="radio"]:focus + .radio-fake { outline:none!important; }
/* Menu */
.menu { background:#b93367; color:#FFF; clear:both; font-size:16px; height:60px }
.navbar { padding: 0!important; }
.navbar, .navbar * { height:100%!important; }
.nav-item, .nav-item:focus .nav-item:active, .nav-item:visited { padding:0 15px; border-bottom:2px solid transparent }
.nav-item.active, .nav-item:hover { border-bottom:2px solid #FFF }
.nav-link, .nav-link:active, .nav-link:visited { color:#FFF!important; font-weight:500; padding:1.2rem; }
.nav-link:hover, .nav-link:focus, .active .nav-link { color:#000!important; }
.menu .navbar-toggler i { color:#FFF; font-size:30px; height:60px }
.menu .navbar-toggler { padding-top:1rem; }
.menu button:focus { outline:none; }
.collapse.show { background:rgb(185, 51, 103); z-index:999999; }
.collapse.show ul { padding: 10px; }
.collapse.show ul .nav-link, .collapse.show .dropdown-menu .nav-link { padding:5px; height:auto!important; }
.collapse.show ul .nav-item { border:none }
.collapse.show .dropdown-menu { background: transparent; }
.collapse.show .dropdown-menu a { color:#FFF!important; padding:3px 0!important }
.btn-fk { float: right; padding: 12px!important; margin: 0!important; position: absolute; right: 0; }
.btn-fk:after { content:"ÁREA RESTRITA"; margin-left:5px }
.btn-fk i { font-size:15px }
.dropdown-menu { background:#f7f7f9; height:auto!important; font-size:14px; border:none; padding:0; min-width:235px; border-radius:0 }
.dropdown-menu .nav-item.active, .dropdown-menu .nav-item:hover { border-bottom:2px solid transparent; color:#FFF; background:#b93367; }
.dropdown-menu .nav-link, .dropdown-menu .nav-link:active, .dropdown-menu .nav-link:visited { color:#333!important; padding:10px 0!important; background:transparent!important; border-bottom:2px solid transparent; }
.dropdown-menu .nav-link:hover, .dropdown-menu .nav-link:focus, .dropdown-menu .active .nav-link { color:#FFF!important }
.dropdown-toggle:hover .dropdown-menu, .dropdown:hover .dropdown-menu { display:block!important }
.navlateral { border:1px solid #EDEDED; display:block; }
.navlateral li.nav-item { border-bottom:2px solid #EDEDED; display:block; position:relative }
.navlateral li.nav-item:last-child { border-bottom:none }
.navlateral li a.nav-link { color:#AAA!important; padding:1.2rem 0!important }
.navlateral li:hover, .navlateral li.active { background:#b93367; }
.navlateral li:hover:after, .navlateral li.active:after { content: ""; display: block; width: 10px; height: 100%; position: absolute; right: -15px; top: 0; border-top: 28px solid transparent; border-right: 0 solid transparent; border-bottom: 28px solid transparent; border-left: 15px solid #b93367; }
.navlateral li:hover a, .navlateral li.active a { color:#FFF!important; }
.navlateral button { display:none }
.destaca { color: #993366; font-weight:600 }
.ajusta-linha { display: flex; justify-content:space-between; }
.ajusta-linha .btnAccComdominio { right:35px; }
.ajusta-linha .bloco-menu { margin-left:15px; }
/* ====================================================================================== */
/* Header ================================================================================ */
header { }
.topo { padding:5px 0 }
.bloco-topo { display:inline-block; padding:15px; }
.bloco-topo img { float:left; margin-right:10px; }
.separadorV { background:transparent url(../images/icones/separadorV.png) no-repeat top right; }
.btns-centro { height:60px; display:grid }
.form-login { height:60px; background:#F4f4f4; align-items: center; }
.btnAccComdominio, .btnAccComdominio .form-login, .btnAccComdominio .form-login * { -webkit-animation: trocacor .25s infinite alternate; animation: trocacor .25s infinite alternate; box-shadow:none!important }
.form-login:hover, .form-login:hover * { background:#FFF; animation:none }
.form-login:first-child { height:58px; margin-top:1px; }
.col-xl-2.form-login { box-shadow: inset 0 0 1px #DDD }
.form-login input { font-size:11px; padding:5px; border:0; background:#f4f4f4; max-width:96%; text-align:center; }
.form-login label { font-size: 9px; font-weight:200; text-transform: uppercase; line-height: 15px; color:#f4f4f4 }
.form-login a, .form-login button { font-size: 12px; padding: 0; border: 0; background: #f4f4f4; color: #333; font-weight: bold; width: 100%; display: table; margin: auto; }
.form-login:hover a { background:#FFF; color:#b83266; animation:none }
#titulo { color: #FFF; height: 200px; display: grid; align-items: center; background-size: cover; background-position: 0 0; background-repeat: no-repeat; }
.breadcumbs { color:#FFF; display:block; }
.breadcumbs li { display:inline-block; margin:0 10px; }
.breadcumbs li:first-child { margin-left:0 }
.breadcumbs li a, #titulo h1 { color:#FFF; margin-bottom:5px }
.bl-5 { border-left: 3px solid #b93367; }
.br-5 { border-right: 3px solid #b93367; }
/* ======================================================================================= */
/* Content =============================================================================== */
section{ clear:both; position:relative; }
.title { display: block; text-align: center; padding: 3rem 0; font-size: 1.2rem; color: #7f7f7f; }
.title h2 { font-size:2.8rem; }
.title h2 span { color:#b83266; }
#destaque { background: url(../images/bg_destaque.jpg) no-repeat 0 0 / cover; padding:5em 0; }
#destaque h2 { color:#FFF; display:grid; height:100%; align-items:center; }
#sobre { background-image:url(../images/banners/banner_parallax.jpg); background-color:#712040 }
#sobre .title { color:#FFF; text-align:left }
#sobre p { font-size:1rem; text-align:justify; line-height:1.85rem; }
.blocos3 { column-count:3; padding:1em 0 5em }
.well { background: #EEEEEE; display: table; clear: both; border-radius: 10px; margin:15px 0; padding: 15px; page-break-inside: avoid; font-size:12px; width:100%; }
.well:nth-child(even) { margin:15px 0 0 }
.well img { width:85px; height:85px; border-radius:5px; float:left; margin-right:15px }
.well h4 { font-size: 15px; line-height: 100%; color: #a30f47; font-weight: 600; text-transform:initial; padding-bottom:10px }
.well p { display:inherit }
.well h4 { display: -webkit-box; }
.well:hover { background:#552841; cursor:pointer; color:#FFF }
.well:hover h4, .well:hover a { color:#FFF }
.blocos3 .well { min-height:130px; }
.blocos3 .well p { display:block; }
#blocos-counter { padding:5em 0; }
.counter { border-radius:10px; background:#FFF; color:#000; padding:20px 20px 10px; text-shadow: none; }
.count-box { display:inline; color:#b83266; }
.counter h4 { color:#b83266; font-size:4.45em; }
.counter p { font-weight:600; font-size:1.25em; text-align:center!important; clear:both; }
.noticias { padding:0 0 5em; width:100% }
.postagem { width:100%; height:300px; position: relative; background-repeat:no-repeat; overflow: hidden; background-size: cover;
background-position: 50% 50%; background: rgba(87, 26, 49)}
.postagem .postagem-descricao { background: rgba(87, 26, 49, 0.96); bottom:0; }
.postagem-descricao { background:rgba(87, 26, 49, 0.8); height:300px; color:#FFF; font-size: 14px; display:block; padding:15px; transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; position:absolute; width: 100%; }
.postagem-descricao small { color: #EEE; font-weight: bold; font-size: 16px; width:100%; clear:both; display:block }
.postagem .postagem-descricao small { color:#b83266; }
.postagem-descricao b { font-size: 16px; width:100%; clear:both; display:block; font-weight:normal; padding:1em 0; line-height: 130%; min-height: 84px; }
.postagem-descricao p { width:100%; clear:both; display:block; font-size:14px; line-height:130%; }
.postagem-descricao .leia-mais { text-align:right; width:100%; clear:both; color:#FFF; display:block; padding:2em 0 }
.postagem-descricao:hover .leia-mais { color:#b83266; }
#miolo { padding:3em 0 }
.subtitle { display: block; text-align: left; padding: 3rem 0 1rem; font-size: 1.2rem; color: #b83266; }
#miolo p { font-size: 16px; line-height: 30px; text-align: justify; }
#miolo p img { /*max-width: 250px;*/ height: auto; margin: 5px 10px; /*max-height:150px*/ }
.bloco-lateral { margin:3em 0 }
.bloco-lateral:first-child { margin-top:0 }
.bloco-lateral h3 { background: #ededed; text-transform: initial; font-size: 16px; font-weight: 600; padding: 20px 10px; }
.bloco-lateral .noticia-item { padding: 20px 2px!important; }
.bloco-lateral .noticia-item:hover, .bloco-lateral .noticia-item:last-child:hover { background-color: rgba(243, 243, 243, 0.25); border-top: 1px solid transparent!important; border-left: 1px solid transparent!important; border-right: 1px solid transparent!important; }
.bloco-lateral .noticia-item b { font-size: 13px; color: #a30f47; font-weight: 600; }
.bloco-lateral .noticia-item small { color: #666; font-weight: normal; font-size: 12px; width: 100%; display: block; padding: 0; }
.link-arquivos li { padding:15px 0; font-size:13px; border-bottom:1px solid #EDEDED; }
.link-arquivos li:last-child { border-bottom:1px solid transparent; }
.link-arquivos li a { color:#AAA }
.link-arquivos li .num, .link-arquivos li:hover a { color:#333 }
.quadro { border: 1px solid #EDEDED; padding: 15px; margin: 20px 0; }
.quadro p { font-size:13px!important; line-height: 150%!important; color: #AAA; }
.quadro .link-download { font-size: 14px; font-weight: bold; margin-top: 15px; padding: 15px; background-color: #f3f3f3; color: #666; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display:block; clear:both; }
.quadro .link-download:hover { background-color:#b93266; color:#FFF; }
.sub { font-size: 16px; font-weight: 600; padding-bottom: 5px; color: #b83267; margin-top: 30px; padding-top: 10px; position: relative; }
.sub:before { content:""; width:45px; height:1px; background: #b93266; position:absolute; display:block; top:0 }
.sub-descricao { font-size:16px }
.help { background: #f3f3f3; padding: 30px; border-radius: 5px; margin-top:5em; }
.atendimento, .atendimento p { display:grid; align-items:center; width:100%; margin:0 }
#blocos-contato p { font-size: 13px; line-height: 20px; text-align: justify; padding: 1rem 0; }
#blocos-contato h3 { font-size: 22px; color: #7f7f7f; text-transform: none; font-weight: 500; }
#blocos-contato div { padding:0 }
#blocos-contato div.borda { height:130px }
#blocos-contato a { font-size:12px }
#mapa { background:#dfdfdf; }
.mapa { width:100%; height:580px; border:none; }
p { line-height: 150%; }
.noticia { margin-bottom:5em }
.noticia h2 { font-size:20px; font-weight:bold; color:#444; margin-bottom:5px; }
.noticia span { clear:both; margin-top:1rem; display:block; line-height:160%; }
.noticia a, .noticia a:link, .noticia a:visited, .noticia a:active { color:#999 }
.noticia a:hover, .noticia a:focus { color:#DDD }
.links-noticia { font-weight: bold; text-align: right; margin: 0 0 2em 0; font-size: 12px; display:inline-block; width:100% }
.links-noticia i { margin-top: 0; background: #444; color: #FFF; border-radius: 100%; width: 16px; height: 16px; display: grid; align-items: center; text-align: center; }
.links-noticia li:first-child { text-align:left; float:left }
.links-noticia li:last-child { float:right }
.com-barra strong:before { content: ""; display: block; width: 100%; width: 45px; border-top: 1px solid #ddd; margin-bottom: 1em; }
.com-barra strong { font-size: 11px; display: block; margin-bottom: 1em; margin-top:3em; }
.compartilhe { float:right; position:relative }
.compartilhe strong:before { right:0; margin-top:-11px; position:absolute }
.compartilhe strong { text-align: right; padding-top: 1em; }
.ico { border-radius: 100%; width: 40px; height: 40px; display: inline-grid; align-items: center; text-align: center; }
.ico i { color:#FFF; }
.ico:hover { background:#411124; cursor:pointer }
.facebook { background: #3b5998; border: 2px solid #3b5998; }
.gplus { background: #D34836; border: 2px solid #D34836; }
.twitter { background: #00acee; border: 2px solid #00acee; }
.linkedin { background: #007bb6; border: 2px solid #007bb6; }
.count3 { column-count:3; clear:both; display:block; page-break-inside:avoid; margin:1em 0 3em; }
.col3 { margin-bottom:3em }
.col3 li { color: #AAA; padding: 5px 0; }
.col3 i { margin-right:10px }
.count3 a, .col3 a { color:#999 }
.count3 a:hover, .col3 a:hover { color:#333 }
.comentarios { width:100% }
.comentarios li { border-bottom:1px solid #DDD; margin-bottom:1.5rem; font-size:14px }
.comentarios img { float:left; margin-right:1rem }
.comentarios strong { font-size: 1.45rem; margin-bottom: 2rem; display: block; }
.comentarios li b, .comentarios li small, .comentarios li p { display:table }
.comentarios li small { margin-bottom: 1em; }
.comentarios li:last-child { text-align:right; border-bottom:none }
.comentarios li:last-child.logar { text-align: left; border-bottom: none; }
.comentarios li:last-child.logar i { margin-top: 0; background: #AAA; color: #FFF; border-radius: 100%; width: 16px; height: 16px; display: grid; align-items: center; text-align: center; float:left; margin-right:5px }
figure { text-align:center }
.subtitulo { display: block; text-align: left; padding: 0 0 2rem; font-size: 1.2rem; color: #757575; font-weight: 500; }
.form-contato { padding: 3em; margin: 1em auto 3em; display: block; width: 80%; background: #b93266; color:#FFF }
.form-contato .form-control { border:none; font-size:12px; padding:.75rem }
.form-contato .form-control:focus { color: #b93266; font-weight: 600; letter-spacing: 1px; font-style: italic; font-size: 12px; }
.form-contato .input-group { margin-bottom: 1em; }
.btn-envia { width: 20%; float: right; padding: 1rem; }
.frm-comentario{
width: 100%;
margin-bottom: 20px;
}
.frm-comentario .input-group{
margin-bottom: 20px;
}
.frm-comentario strong{
font-size: 1.45rem;
margin-bottom: 2rem;
display: block;
}
.frm-comentario button{
background: #b93266;
color: #FFF;
}
.frm-comentario button:hover{
background-color: #f4f4f4;
color: #333;
}
.frm-comentario input:focus, textarea:focus{
border: 1px solid rgba(0,0,0,.15) !important;
border-radius: .25rem;
}
/* ======================================================================================= */
/* Footer ================================================================================ */
footer { background:#411124 url(../images/bg_footer.jpg) no-repeat 0 0 / cover; color:#FFF; position:relative; bottom:0; font-size:14px; padding: 5em 0; height: auto; display: table; }
footer h3 { text-transform:initial; padding: 1rem 0; margin-bottom: 20px; font-size:20px; font-weight:600; display:block; position:relative }
footer h3:after { content: ""; width: 40px; height: 2px; float: left; background: #FFF; display: block; position: absolute; bottom: 0; }
.ajusta-p10 { padding:0 10rem; }
.noticia-item { padding:10px 5px 20px; font-size:13px; border: 1px solid transparent; border-bottom: 1px solid #6e374d; display:block; }
.noticia-item img { width:65px; height:60px; margin-right:10px; float:left }
.noticia-item b { font-size:17px; display:block; color:#FFF; font-weight:100 }
.noticia-item small { color: #b83266; font-weight: bold; font-size: 13px; width:100%; display: block; padding: 5px 0; }
.noticia-item span { color:#999; }
.noticia-item:hover, .noticia-item:last-child:hover { cursor:pointer; border: 1px solid #6e374d!important; background-color: rgba(65, 17, 36, 0.5); }
.redes { display:table; width:100%; margin:10px 0 0 }
.redes li { font-size: 16px; color: #fff; }
.redes li a i, .contato li a i { background: #b83266; border-radius: 100%; width: 30px; height: 30px; display:grid; align-items:center; text-align:center; float:left; margin-right:10px; margin-top:-5px; color:#FFF }
.redes li a { color:#FFF; }
.redes li:hover i, .contato li:hover i { background:#FFF }
.redes li:hover a, .contato li:hover a, .redes li:hover a i, .contato li:hover a i { color: #b83266 }
.redes-block li { display: grid; align-items: center; padding: 10px 0; font-size:13px; border-bottom: 1px solid #6e374d; }
.contato li { display: grid; align-items: center; padding: 5px 0 0; font-size: 16px; }
.redes-block li a, .contato li a { padding-top:10px }
.redes li:last-child, .redes-block li:last-child, .noticia-item:last-child { border-color:transparent!important; }
.form-orcamento label { display:none }
.form-orcamento input, .form-orcamento textarea { font-size:12px; font-weight:bold; padding:15px 10px; box-shadow: 0 0 10px 2px transparent }
.form-orcamento input:focus, .form-orcamento textarea:focus { box-shadow: 0 0 10px 2px #b83266; color:#b83266 }
footer .leia-mais { text-align: right; display: inline; padding: 0 5px; color:#b83266; }
footer .leia-mais:hover { color:#FFF; }
.faixa { background-color: #411124; padding:5em 0; text-align: center; clear: both; width: 100%; font-size: 11px;font-family: Arial; font-weight: 100; letter-spacing: 1px; color: rgba(255, 255, 255, 0.65); position:absolute; bottom:-10em }
.modal { z-index: 99!important; vertical-align: middle; }
.modal:before { display: inline-block; vertical-align: middle; content: " ";
height: calc(100% - 819px); }
.modal-content2 { margin: 0.5% auto; padding: 20px; display: table; vertical-align: middle; width:auto!important; }
/*Animação*/
@-webkit-keyframes trocacor {
0 {background: #f4f4f4;}
100% {background: #b93367; color:#FFF; }
}
/* Standard syntax */
@keyframes trocacor {
0 {background: #f4f4f4;}
100% {background: #b93367; color:#FFF; }
}
/* Leia mais das postagens*/
.postagem .leia-mais{
position: absolute;
top: 230px;
right: 15px;
}
Zerion Mini Shell 1.0