@charset "UTF-8";
/* Etiquetas HTML obs: Não é necessário aplicar o CSS RESET com este código na página.  */
html { font-size: 62.5%; background-color: #ffffff; }

body { color: #111100; font-size: 1em; line-height: 1.5em; font-family: sans-serif; margin: 0; padding: 0; }

/* Titulagem */
h1 { font-size: 4.0em; line-height: 60px; min-height: 90px; padding: 13px 0 17px; }

h2 { font-size: 3.2em; line-height: 42px; min-height: 90px; padding: 26px 0 10px; }

h3 { font-size: 2.8em; line-height: 38px; min-height: 90px; padding: 30px 0 14px; }

h4 { font-size: 2.3em; line-height: 30px; min-height: 60px; padding: 35px 0 25px; }

h5 { font-size: 1.7em; line-height: 30px; min-height: 60px; padding: 7px 0 23px; }

h6 { font-size: 1.3em; line-height: 20px; min-height: 60px; padding: 14px 0 3px; }

h1, h2 { letter-spacing: -0.006em; word-spacing: -0.05em; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, blockquote { margin: 0; }

p, li, dt, dd, th, td, caption { font-size: 1.8em; line-height: 30px; }

li li, li p, li h1, li h2, li h3, li h4 { font-size: 1em; }

p { padding: 7px 0 23px; }

ul, ol { padding: 0.7em 0 2.3em 3.9em; }

dl { padding: 0.7em 0 2.3em 2.4em; }

dt { font-weight: 700; margin: 0; padding: 0; }

dd { margin: 0; padding: 0; }

table { border-collapse: collapse; width: 100%; margin: 0 0 0 1em; }

th, caption { text-align: left; font-weight: 700; }

blockquote { margin: 0 0 30px 15px; padding: 0 9em 0 1.5em; border-left: 8px solid #c5cdcd; }

em { font-style: italic; }

small { font-size: 0.75em; line-height: 1em; }

strong, b { font-weight: 700; }

code, tt { color: #C06; font-size: 1.2em; line-height: 1em; }

hr { border-left: 0; border-right: 0; border-top: solid 1px white; border-bottom: solid 1px #c5cdcd; }

img { margin: 0 auto; vertical-align: middle; border-width: 0; }

form { padding: 0; margin: 0; }

fieldset { border: solid 1px #c5cdcd; }

textarea { font-family: inherit; font-size: 1.5em; margin: 0 1.2em; padding: 0.75em 0.5em 0.5em 0.75em; width: 93%; border: 1px solid #c5cdcd; }

a { color: #3498DB; }

a:hover { color: #2980B9; }

a:active { color: #cb6724; }

a:visited { color: #217dbb; }

header, menu, nav, article, section, aside, details, figcaption, figure, footer { display: block; margin: 0; padding: 0; }

/* WebKit/Blink Browsers */
::selection { background: #DDE6E6; }

/* Gecko Browsers */
::-moz-selection { background: #DDE6E6; }

/* Aplica o modelo de caixa semelhante ao do IE */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ruler-left { border-left: 1px solid #c5cdcd; }

.ruler-top { border-top: 1px solid #c5cdcd; }

.ruler-right { border-right: 1px solid #c5cdcd; }

.ruler-bottom { border-bottom: 1px solid #c5cdcd; }

.float-left { float: left; }

.float-right { float: right; }

.text-align-left { text-align: left; }

.text-align-right { text-align: right; }

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

.brbk { display: block; font-weight: inherit; }

.brno { white-space: nowrap; font-weight: inherit; }

/* Anexo com complementos de tipografia e layout */
.text-small p, .text-small li, .text-small dt, .text-small dd, .text-small th, .text-small td, .text-small caption { font-size: 1.4em; line-height: 24px; }

.text-small h1, .text-small h2, .text-small h3, .text-small h4, .text-small h5, .text-small h6 { font-size: 1.6em; line-height: 30px; min-height: 0; padding: 5px 0 0; }

.text-small h1 { font-size: 2.4em; }

.text-small h2 { font-size: 2.1em; }

.text-small h3 { font-size: 1.8em; }

.text-small p { padding: 2px 0 22px; }

.text-small ul, .text-small ol { padding: 7px 0 23px 42px; }

.text-small dl { padding: 0 0 30px; }

.text-small dt { padding: 30px 0 0; font-weight: 700; }

.text-small dd { padding: 0; }

.text-legend p, .text-legend li, .text-legend dt, .text-legend dd, .text-legend th, .text-legend td, .text-legend caption { font-size: 1.2em; line-height: 18px; }

.text-legend h1, .text-legend h2, .text-legend h3, .text-legend h4, .text-legend h5, .text-legend h6 { font-size: 1.4em; line-height: 30px; min-height: 0; padding: 1em 0 0; }

.text-legend h1 { font-size: 1.8em; }

.text-legend h2 { font-size: 1.6em; }

.text-legend p { padding: 0.5em 0; }

.text-legend h1 + p, .text-legend h2 + p, .text-legend h3 + p, .text-legend h4 + p, .text-legend h5 + p, .text-legend h6 + p { padding: 0 0 0.5em; }

/* Quebra de layout no limite da largura máxima de colunas  */
@media all and (max-width: 1187px) { figcaption { position: relative; } }
/* Quebra de layout para Tablet  */
@media all and (max-width: 900px) { h1, h2, h3, h4, h5, h6 { font-size: 3em; line-height: 1.3em; min-height: 1em; }
  h2 { font-size: 2.6em; }
  h3 { font-size: 2.0em; }
  h4, h5, h6 { font-size: 1.6em; }
  p, li, dt, dd, th, td, caption { font-size: 1.6em; line-height: 1.7em; }
  blockquote { margin: 1em 15px; padding: 0 0 0 0.25em; }
  h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { margin: 0 15px; }
  figcaption { position: relative; }
  .brno { white-space: normal; } }
/* Estruturas de Colunas fixas */
.desktop-1, .desktop-2, .desktop-3, .desktop-4, .desktop-5, .desktop-6, .desktop-7, .desktop-8, .desktop-9, .desktop-10, .desktop-11, .desktop-12 { float: left; width: 100%; }

.desktop-1 { max-width: 95px; }

.desktop-2 { max-width: 190px; }

.desktop-3 { max-width: 285px; }

.desktop-4 { max-width: 380px; }

.desktop-5 { max-width: 475px; }

.desktop-6 { max-width: 570px; }

.desktop-7 { max-width: 665px; }

.desktop-8 { max-width: 760px; }

.desktop-9 { max-width: 855px; }

.desktop-10 { max-width: 950px; }

.desktop-11 { max-width: 1045px; }

.desktop-12 { max-width: 1140px; }

/* Colunas usando porcentagem */
.col-20, .col-25, .col-30, .col-33, .col-40, .col-50, .col-60, .col-66, .col-70, .col-75 { float: left; }

.col-20 { width: 20%; }

.col-25 { width: 25%; }

.col-30 { width: 30%; }

.col-33 { width: 33%; }

.col-40 { width: 40%; }

.col-50 { width: 50%; }

.col-60 { width: 60%; }

.col-66 { width: 66%; }

.col-70 { width: 70%; }

.col-75 { width: 75%; }

.col { overflow: hidden; }

/* Anula o float e centraliza o <div> da coluna. */
.container { margin: 0 auto; float: none; }

/* Esconde o elemento HTML em diferente modos de apresentação */
.hide, .hide-desktop { display: none; }

.screen-reader-only { position: absolute; visibility: hidden; }

/* Aplica o espaço de entrelinha no Padding ou na Margin da caixa. Deve ser aplicado em caixas (<div>,<header>,<section>,<articles>)  */
.padding-top-1 { padding-top: 30px; }

.padding-top-2 { padding-top: 60px; }

.padding-top-3 { padding-top: 90px; }

.padding-top-4 { padding-top: 120px; }

.padding-top-5 { padding-top: 150px; }

.padding-bottom-1 { padding-bottom: 30px; }

.padding-bottom-2 { padding-bottom: 60px; }

.padding-bottom-3 { padding-bottom: 90px; }

.padding-bottom-4 { padding-bottom: 120px; }

.padding-bottom-5 { padding-bottom: 150px; }

.margin-top-1 { margin-top: 30px; }

.margin-top-2 { margin-top: 60px; }

.margin-top-3 { margin-top: 90px; }

.margin-top-4 { margin-top: 120px; }

.margin-top-5 { margin-top: 150px; }

.margin-bottom-1 { margin-bottom: 30px; }

.margin-bottom-2 { margin-bottom: 60px; }

.margin-bottom-3 { margin-bottom: 90px; }

.margin-bottom-4 { margin-bottom: 120px; }

.margin-bottom-5 { margin-bottom: 150px; }

/* Aplica um espaço de coluna a esquerda (col-left-[n]) ou a direita (col-right-[n])  */
.col-left-1 { margin-left: 95px; }

.col-left-2 { margin-left: 190px; }

.col-left-3 { margin-left: 285px; }

.col-left-4 { margin-left: 380px; }

.col-left-5 { margin-left: 475px; }

.col-left-6 { margin-left: 570px; }

.col-left-7 { margin-left: 665px; }

.col-left-8 { margin-left: 760px; }

.col-left-9 { margin-left: 855px; }

.col-left-10 { margin-left: 950px; }

.col-left-11 { margin-left: 1045px; }

.col-right-1 { margin-right: 95px; }

.col-right-2 { margin-right: 190px; }

.col-right-3 { margin-right: 285px; }

.col-right-4 { margin-right: 380px; }

.col-right-5 { margin-right: 475px; }

.col-right-6 { margin-right: 570px; }

.col-right-7 { margin-right: 665px; }

.col-right-8 { margin-right: 760px; }

.col-right-9 { margin-right: 855px; }

.col-right-10 { margin-right: 950px; }

.col-right-11 { margin-right: 1045px; }

/* Aplica o gutter entre as colunas usando o padding interno da caixa da coluna.  */
.gutter { padding-left: 15px; padding-right: 15px; }

.gutter-left { padding-left: 15px; }

.gutter-right { padding-right: 15px; }

/* Altura mínima do elemento HTML.  Uso: Tem momentos que você precisa de uma altura mínima no elemento HTML. Esta classe especifica a altura mínima com valor múltiplo da entrelinha, sem limitar o conteúdo, caso cresça em tamanho e quantidade de elementos. Ex: Um uso comum: <div class="row min-h-7">  */
.min-h-1, .form-row.min-h-1 { min-height: 30px; }

.min-h-2, .form-row.min-h-2 { min-height: 60px; }

.min-h-3, .form-row.min-h-3 { min-height: 90px; }

.min-h-4, .form-row.min-h-4 { min-height: 120px; }

.min-h-5, .form-row.min-h-5 { min-height: 150px; }

.min-h-6, .form-row.min-h-6 { min-height: 180px; }

.min-h-7, .form-row.min-h-7 { min-height: 210px; }

.min-h-8, .form-row.min-h-8 { min-height: 240px; }

.min-h-9, .form-row.min-h-9 { min-height: 270px; }

.min-h-10, .form-row.min-h-10 { min-height: 300px; }

.min-h-11, .form-row.min-h-11 { min-height: 330px; }

.min-h-12, .form-row.min-h-12 { min-height: 360px; }

.min-h-13, .form-row.min-h-13 { min-height: 390px; }

.min-h-14, .form-row.min-h-14 { min-height: 420px; }

.min-h-15, .form-row.min-h-15 { min-height: 450px; }

.min-h-16, .form-row.min-h-16 { min-height: 480px; }

.min-h-17, .form-row.min-h-17 { min-height: 510px; }

.min-h-18, .form-row.min-h-18 { min-height: 540px; }

.min-h-19, .form-row.min-h-19 { min-height: 570px; }

.min-h-20, .form-row.min-h-20 { min-height: 600px; }

.min-h-21, .form-row.min-h-21 { min-height: 630px; }

.min-h-22, .form-row.min-h-22 { min-height: 660px; }

.min-h-23, .form-row.min-h-23 { min-height: 690px; }

.min-h-24, .form-row.min-h-24 { min-height: 720px; }

.min-h-25, .form-row.min-h-25 { min-height: 750px; }

.min-h-26, .form-row.min-h-26 { min-height: 780px; }

.min-h-27, .form-row.min-h-27 { min-height: 810px; }

.min-h-28, .form-row.min-h-28 { min-height: 840px; }

.min-h-29, .form-row.min-h-29 { min-height: 870px; }

.min-h-30, .form-row.min-h-30 { min-height: 900px; }

.min-h-31, .form-row.min-h-31 { min-height: 930px; }

.min-h-32, .form-row.min-h-32 { min-height: 960px; }

.min-h-33, .form-row.min-h-33 { min-height: 990px; }

.min-h-34, .form-row.min-h-34 { min-height: 1020px; }

.min-h-35, .form-row.min-h-35 { min-height: 1050px; }

.min-h-36, .form-row.min-h-36 { min-height: 1080px; }

.min-h-37, .form-row.min-h-37 { min-height: 1110px; }

.min-h-38, .form-row.min-h-38 { min-height: 1140px; }

.min-h-39, .form-row.min-h-39 { min-height: 1170px; }

.min-h-40, .form-row.min-h-40 { min-height: 1200px; }

/* Altura máxima do bloco HTML.  Uso: Aplíca-se para conter a altura da imagem dentro do grid. Esta classe especifica a altura máxima do bloco HTML com valor múltiplo da entrelinha. Ela restringe a visualização do conteúdo, como se fosse uma máscara com altura máxima. Ex: Um uso comum: <figure class="max-h-6"><img></figure>  */
.max-h-1, .max-h-2, .max-h-3, .max-h-4, .max-h-5, .max-h-6, .max-h-7, .max-h-8, .max-h-9, .max-h-10, .max-h-11, .max-h-12, .max-h-13, .max-h-14, .max-h-15, .max-h-16, .max-h-17, .max-h-18, .max-h-19, .max-h-20 { min-height: 1em; overflow: hidden; }

.max-h-1 { height: 30px; }

.max-h-2 { height: 60px; }

.max-h-3 { height: 90px; }

.max-h-4 { height: 120px; }

.max-h-5 { height: 150px; }

.max-h-6 { height: 180px; }

.max-h-7 { height: 210px; }

.max-h-8 { height: 240px; }

.max-h-9 { height: 270px; }

.max-h-10 { height: 300px; }

.max-h-11 { height: 330px; }

.max-h-12 { height: 360px; }

.max-h-13 { height: 390px; }

.max-h-14 { height: 420px; }

.max-h-15 { height: 450px; }

.max-h-16 { height: 480px; }

.max-h-17 { height: 510px; }

.max-h-18 { height: 540px; }

.max-h-19 { height: 570px; }

.max-h-20 { height: 600px; }

/* Quebra de layout no limite da largura máxima de colunas */
@media all and (max-width: 1187px) { .desktop-1 { width: 8.33333%; }
  .desktop-2 { width: 16.66667%; }
  .desktop-3 { width: 25%; }
  .desktop-4 { width: 33.33333%; }
  .desktop-5 { width: 41.66667%; }
  .desktop-6 { width: 50%; }
  .desktop-7 { width: 58.33333%; }
  .desktop-8 { width: 66.66667%; }
  .desktop-9 { width: 75%; }
  .desktop-10 { width: 83.33333%; }
  .desktop-11 { width: 91.66667%; }
  .desktop-12 { width: 96%; }
  .col-left-1 { margin-left: 8.33333%; }
  .col-left-2 { margin-left: 16.66667%; }
  .col-left-3 { margin-left: 25%; }
  .col-left-4 { margin-left: 33.33333%; }
  .col-left-5 { margin-left: 41.66667%; }
  .col-left-6 { margin-left: 50%; }
  .col-left-7 { margin-left: 58.33333%; }
  .col-left-8 { margin-left: 66.66667%; }
  .col-left-9 { margin-left: 75%; }
  .col-left-10 { margin-left: 83.33333%; }
  .col-left-11 { margin-left: 91.66667%; }
  .col-right-1 { margin-right: 8.33333%; }
  .col-right-2 { margin-right: 16.66667%; }
  .col-right-3 { margin-right: 25%; }
  .col-right-4 { margin-right: 33.33333%; }
  .col-right-5 { margin-right: 41.66667%; }
  .col-right-6 { margin-right: 50%; }
  .col-right-7 { margin-right: 58.33333%; }
  .col-right-8 { margin-right: 66.66667%; }
  .col-right-9 { margin-right: 75%; }
  .col-right-10 { margin-right: 83.33333%; }
  .col-right-11 { margin-right: 91.66667%; }
  .max-h-1, .max-h-2, .max-h-3, .max-h-4, .max-h-5, .max-h-6, .max-h-7, .max-h-8, .max-h-9, .max-h-10, .max-h-11, .max-h-12, .max-h-13, .max-h-14, .max-h-15, .max-h-16, .max-h-17, .max-h-18, .max-h-19, .max-h-20 { height: auto; min-height: 1em; overflow: hidden; } }
/* Quebra de layout para Tablet */
@media all and (max-width: 900px) { .desktop-1, .desktop-2, .desktop-3, .desktop-4, .desktop-5, .desktop-6, .desktop-7, .desktop-8, .desktop-9, .desktop-10, .desktop-11, .desktop-12 { width: 100%; float: none; max-width: none; }
  .col-left-1, .col-left-2, .col-left-3, .col-left-4, .col-left-5, .col-left-6, .col-left-7, .col-left-8, .col-left-9, .col-left-10, .col-left-11 { margin-right: 0; }
  .tablet-1 { width: 25%; float: left; }
  .tablet-2 { width: 50%; float: left; }
  .tablet-3 { width: 75%; float: left; }
  .gutter, .gutter-left, .gutter-right { padding: 0; }
  .col-left-1, .col-left-2, .col-left-3, .col-left-4, .col-left-5, .col-left-6, .col-left-7, .col-left-8, .col-left-9, .col-left-10, .col-left-11 { margin-left: 0; } }
/* Quebra de layout para Mobile */
@media all and (max-width: 480px) { .col { overflow: visible; display: block; }
  .hide-desktop { display: block; }
  .hide-mobile { display: none; }
  .tablet-1, .tablet-2, .tablet-3, .col-20, .col-25, .col-30, .col-33, .col-40, .col-50, .col-60, .col-66, .col-70, .col-75 { width: 100%; float: none; }
  .mobile-2 { width: 50%; float: left; }
  .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5 { padding-top: 1em; }
  .padding-bottom-1, .padding-bottom-2, .padding-bottom-3, .padding-bottom-4, .padding-bottom-5 { padding-bottom: 1em; }
  .margin-top-1, .margin-top-2, .margin-top-3, .margin-top-4, .margin-top-5 { margin-top: 1em; }
  .margin-bottom-1, .margin-bottom-2, .margin-bottom-3, .margin-bottom-4, .margin-bottom-5 { margin-bottom: 1em; } }
/* Quebra de layout para Mobile */
@media all and (max-width: 360px) { .mobile-2 { width: 100%; float: none; } }
/* Nicolas Gallagher's micro clearfix */
.row, .form-row { line-height: 1em; *zoom: 1; }

.row:before, .form-row:before, .row:after, .form-row:after { content: " "; display: table; }

.row:after, .form-row:after { clear: both; }

.debug { display: block; position: relative; }

.debug:after { content: ""; background: url(https://gridforme.herokuapp.com/i/12/95/30/15/) repeat-y center top !important; opacity: 0.8; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 2; transition: display 1.5s; background: rgba(255, 0, 0, 0.25); }

.btnDebug { color: #666666; font-size: 14px; line-height: 20px; text-transform: uppercase; vertical-align: top; padding: 0 0.25em; position: fixed; top: 0; right: 0; z-index: 1000; opacity: 1; background-color: #FFF; border-radius: 0 0 6px 6px; }

@media (max-width: 800px) { .btnDebug { display: none; } }
/* Cabeçalho do Site e Navegação */
.header { position: relative; }

.header a { text-decoration: none; }

.site-logo { vertical-align: middle; margin: 15px 0 0; padding: 0; }

.site-logo h1, .site-logo h1 a { color: #000; font-size: 30px; line-height: 1.8em; margin: 0; padding: 0; display: block; height: 50px; min-height: 1em; overflow: hidden; }

.site-logo .site-description { font-size: 1.2em; line-height: 1.5em; max-height: 20px; margin: 0; padding: 0; }

/* Fomulário de Busca no Header do Site */
.header-search { vertical-align: middle; display: block; margin: 6px 0 0 15px; padding: 0 0 0 15px; width: 190px; position: relative; }

.header-search form { margin: 0; padding: 0; }

.header-search label { display: none; }

.header-search input[type="text"] { color: #333; font-size: 16px; line-height: 27px; font-family: inherit; min-height: 27px; padding: 1px 6px; margin: 0 auto; width: 100%; border: 1px solid #C5CDCD; display: block; }

.header-search button[type="submit"] { color: #333; font-size: 14px; line-height: 30px; padding: 0; width: 30px; height: 30px; border: 0; box-shadow: none; overflow: hidden; display: block; background: none; position: absolute; top: 0; right: 0; z-index: 10; }

/* Header inline */
.header-inline .site-logo { display: block; position: absolute; left: 0; }

.header-inline .nav-inline { margin: 2.2em 0; position: absolute; right: 0; }

.header-inline .nav-inline li { margin: 0 0 0 1.4em; }

.header-inline .submenu ul li { margin: 0; padding: 0; }

/* Quebra de layout no limite da largura máxima de colunas  */
@media all and (max-width: 1187px) { .header-inline .header-search { position: relative; right: 0; top: 0; display: block; padding-bottom: 20px; } }
/* FIM da quebra de layout */
/* Quebra de layout para Tablet  */
@media all and (max-width: 900px) { /* Cabeçalho do Site e Navegação */
  .header { position: relative; }
  .site-logo { width: 100%; padding: 0 15px; }
  .site-logo .site-description { width: 90%; padding-top: 0; padding-bottom: 10px; }
  /* Fomulário de Busca */
  .header-search { vertical-align: middle; display: block; margin: 0 10px; padding: 20px 0; }
  .header-search form { margin: 0 auto; position: relative; }
  .header-search button[type="submit"] { color: #333; font-size: 18px; line-height: 27px; padding: 0; width: 40px; height: 30px; border: 0; box-shadow: none; overflow: hidden; display: block; background: none; position: absolute; top: 0; right: 0; z-index: 10; }
  /* Header inline */
  .header-inline .nav-inline { height: 40px; width: 40px; display: inline-block; overflow: hidden; background: #fff; position: absolute; right: 15px; z-index: 9999; }
  .header-inline .nav-inline:hover { position: absolute; height: auto; width: auto; box-shadow: 0 5px 10px #CCC; }
  .header-inline .nav-inline > ul { border: none; }
  .header-inline .nav-inline li { margin: 0; padding-left: 0; border: none; }
  .header-inline .nav-inline li a { padding: 0 2em 0 1em; }
  .header-inline .submenu ul li { margin: 0; padding: 0 0 0 1em; }
  .header-inline .nav-inline:hover .nav-mobile { color: #2E3333; } }
/* Fim da Quebra de layout para Tablet */
/* FIM Cabeçalho do Site e Navegação */
/* Menu de navegação inline */
.nav-inline { vertical-align: middle; margin: 0 0; padding: 0 0; display: inline-block; }

.nav-inline ul { margin: 0; padding: 0; *zoom: 1; }

.nav-inline ul:before, .nav-inline ul:after { content: " "; display: table; }

.nav-inline ul:after { clear: both; }

.nav-inline li { font-size: 1em; margin: 0 1.4em 0 0; padding: 0 0; float: left; list-style: none; position: relative; }

.nav-inline li a { font-size: 1.4em; font-weight: 400; line-height: 45px; font-weight: 700; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0; display: block; transition: color 0.3s; }

.nav-inline li a:hover { color: #000; border-top-color: #2E3333; }

.nav-inline .current > a, .nav-inline .current-menu-item > a, .nav-inline .current_page_item > a, .nav-inline .current-post-ancestor > a, .nav-inline .current-menu-ancestor > a, .nav-inline .current-menu-parent > a, .nav-inline .current-custom-parent > a { color: #000; font-weight: 700; }

.nav-mobile, .nav-close { display: none; }

@media all and (min-width: 900px) { .submenu { position: relative; overflow: hidden; }
  .submenu:hover { color: #000; overflow: visible; }
  .submenu ul { margin: -5px 0 0; padding: 10px 0 0; opacity: 0; border: none; background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: absolute; z-index: 9995; }
  .submenu ul:after { content: ""; width: 20px; height: 20px; display: block; border: none; background-color: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: absolute; top: -10px; left: 20px; z-index: -9994; -webkit-transform-origin: 0 0; -webkit-transform: rotate(45deg); transform-origin: 0 0; transform: rotate(45deg); }
  .submenu ul:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 20px; background: #FFF; }
  .submenu:hover > a { color: #000; }
  .submenu:hover ul { margin: 0 0 0; opacity: 1; -webkit-transition: opacity 0.6s, margin 1s; transition: opacity 0.6s, margin 1s; }
  .submenu ul li { font-size: 1em; min-width: 200px; min-height: 44px; margin: 0; padding: 0; float: none; }
  .submenu ul li a { margin: 0 0; padding: 0 1em; display: block; text-align: left; }
  .submenu ul li a:hover { color: #FFF; background: #3498DB; }
  .submenu .current > a, .submenu .current-menu-item > a, .submenu .current_page_item > a, .submenu .current-post-ancestor > a, .submenu .current-menu-ancestor > a, .submenu .current-menu-parent > a, .submenu .current-custom-parent > a { color: #000; font-weight: 700; } }
/* Fim da quebra de layout */
/* Quebra de layout para Tablet  */
@media all and (max-width: 900px) { .nav-inline { display: block; }
  .nav-mobile { color: #95A5A5; margin: 0 0 0 auto; padding: 5px 8px; width: 40px; display: block; }
  .nav-mobile i { font-size: 28px; line-height: 30px; }
  .nav-mobile:hover { color: #2E3333; }
  .nav-inline > ul { background: #fff; border-top: 1px solid #C5CDCD; border-bottom: 1px solid #C5CDCD; }
  .nav-inline li { margin: 0; padding-left: 15px; float: none; border-top: 1px solid #C5CDCD; border-bottom: 1px solid #C5CDCD; }
  .nav-inline li a { border: none; }
  .nav-inline .submenu { padding-left: 0; }
  .nav-inline .submenu > a { padding-left: 15px; }
  .submenu li { border-top: 1px solid #C5CDCD; border-bottom: none; }
  .submenu li a { padding-left: 1em; }
  .submenu .fa-chevron-down { display: none; }
  .nav-inline .current > a, .nav-inline .current-menu-item > a, .nav-inline .current_page_item > a, .nav-inline .current-post-ancestor > a, .nav-inline .current-menu-ancestor > a, .nav-inline .current-menu-parent > a, .nav-inline .current-custom-parent > a { border: none; } }
/* Fim da Quebra de layout para Tablet */
/* FIM Menu nav-inline */
/* Imagens  */
.img { position: relative; }

.img img { width: 100%; height: auto; }

.img:after { content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.img figcaption, .img-legend { font-size: 1em; line-height: 1em; text-align: right; padding: 1.10em 0.5em 0; width: 100%; min-height: 30px; background-color: #ffffff; opacity: 1; position: absolute; bottom: 0; }

.img figcaption a, .img-legend a { text-decoration: none; }

.img .img-normal { width: auto; height: auto; margin: 0 auto; display: block; }

.img-align-text { padding-top: 1.4em; }

/* Quebra de layout no limite da largura máxima de colunas  */
@media all and (max-width: 1187px) { .img { padding: 15px 0; }
  .img figcaption, .img-legend { position: relative; }
  .img-align-text { margin-top: 0; margin-bottom: 0; }
  .img .img-normal { width: 100%; height: auto; } }
/* FIM da quebra de layout */
/* Quebra de layout para Tablet  */
@media all and (max-width: 900px) { .img { padding: 15px 15px; } }
/* Fim da Quebra de layout para Tablet */
/* FIM Imagens */
/* Formulários  */
.form-row { margin: 0; padding: 0; list-style: none; }

.form-row p { margin: 0; padding: 0; }

.form-row a { text-decoration: none; }

.form-row label, .form-row legend { color: #191919; font-size: 14px; font-weight: 700; line-height: 30px; letter-spacing: 0.06em; text-transform: none; padding: 0; margin: 0; }

.form-row input + label { font-weight: 400; }

.label-block label, .form-row legend { display: block; }

.input-text input { color: #191919; font-size: 2.0em; font-family: inherit; line-height: 1.4em; letter-spacing: 0.06em; vertical-align: middle; white-space: pre; margin: 0 0 16px 0; padding: 0.35em 0.6em; width: 100%; min-height: 1em; display: block; border: 1px solid #B5B5B5; border-radius: 3px; box-shadow: inset 1px 1px 3px #CCCCCC; background-color: #F5F5F5; outline: none; transition: background-color 1s ease 0s,border 1s ease 0s; }

.input-text input:hover { border: 1px solid #999999; background-color: #ffffff; transition: background-color 1s ease 0s,border 1s ease 0s; }

.input-text input:focus { border: 1px solid #5C5C5C; background-color: #e7f2fa; }

.input-text input + label { font-weight: 400; margin-top: -16px; margin-bottom: 16px; }

.input-text-66 input { width: 66%; }

.input-text-33 input { width: 33%; }

.form-row textarea { color: #191919; font-family: inherit; font-size: 1.6em; margin: 0; padding: 0.75em 0.5em 0.5em 0.75em; width: 100%; min-height: 120px; border: 1px solid #B5B5B5; border-radius: 3px; box-shadow: inset 1px 1px 3px #CCCCCC; background-color: #F5F5F5; transition: background-color 1s ease 0s,border 1s ease 0s; }

.form-row textarea:focus { border: 1px solid #5C5C5C; background-color: #e7f2fa; }

.input-radio fieldset, .input-text fieldset { padding: 0; border: none; }

.input-radio ul, .input-radio dl { margin: 0; padding: 0; list-style: none; }

.input-radio li, .input-radio dt, .input-radio dd { font-size: 1.4em; line-height: 30px; margin: 0; padding: 0; list-style: none; }

.input-radio label { font-size: 1em; font-weight: 300; }

.input-radio input { vertical-align: -14%; display: inline-block; margin: 0 7px 0 0; }

.select-dropdown select { color: #191919; font-family: inherit; font-size: 1.6em; line-height: 2em; margin: 0 0 16px 0; padding: 9px 0.3em 8px; width: 100%; border: 1px solid #B5B5B5; border-radius: 3px; box-shadow: 1px 1px 3px #CCCCCC; background-color: #F5F5F5; transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s; outline: none; }

.select-dropdown select:hover { border: 1px solid #999999; background-color: #F5F5F5; outline: none; }

.select-dropdown select:focus { border: 1px solid #5C5C5C; background-color: #F5F5F5; outline: none; }

.label-inline label { font-size: 1.2em; font-weight: 400; line-height: 1.666em; padding: 0; margin: 0; float: left; }

/* Erros nos formulários */
.errorlist { color: #e74c3c; }

.errorlist p, .errorlist li, .errorlist dt, .errorlist dd { font-size: 1.4em; line-height: 30px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; }

.errorlist li + li, .errorlist dd + dd { line-height: 20px; padding-bottom: 10px; margin: 0; }

.form-row .errorlist { margin: 0; padding: 0 0 0 30px; list-style: none; display: block; position: relative; }

.form-row .errorlist:before { content: "\f071"; font-size: 20px; line-height: 26px; font-style: normal; font-weight: normal; padding: 0 0 0 0; margin: 0 0 0 -30px; display: block; width: 30px; height: 30px; position: absolute; }

.form-row .errorlist + input, .form-row .errorlist + input:hover, .form-row .errorlist + input:focus, .form-row .errorlist + input + input, .form-row .errorlist + textarea, .form-row .errorlist + ul, .form-row .errorlist + dl, .error-input input { border: 1px solid #e74c3c; background-color: rgba(231, 76, 60, 0.1); }

.form-row .errorlist + ul, .form-row .errorlist + dl { padding-left: 5px; border: 0; }

.error-input label, .error-input legend { color: #e74c3c; }

/* Quebra de layout para Tablet  */
@media all and (max-width: 900px) { .form-row { padding-left: 15px; padding-right: 15px; }
  .input-text-66 input, .input-text-33 input { width: 100%; } }
/* Botões de Interface */
.btn-basic, .btn-basic:visited, input[type="submit"] { color: #2E3333; font-size: 14px; font-weight: bold; line-height: 42px; min-height: 42px; vertical-align: middle; text-transform: uppercase; text-decoration: none; margin: 0.5em 1em 0.5em 0; padding: 0 1.6em; display: inline-block; border: 0; border-radius: 3px; position: relative; background-color: #C5CDCD; transition: background-color ease 0.5s; }

.btn-basic:hover, .btn-basic:focus, input[type="submit"]:hover { color: #FFFFFF; background-color: #aab5b5; outline: 0; cursor: pointer; }

.btn-icon-left { padding-left: 1.2em; }

.btn-icon-left .fa { padding-right: 0.5em; }

.btn-icon-right { padding-right: 1.5em; }

.btn-icon-right .fa { padding-left: 0.5em; }

.btn-row { margin: 0; padding: 0; min-height: 60px; }

/* Botões coloridos */
.btn-green, .btn-green:visited, input[type="submit"].btn-green, input[type="submit"].btn-green:visited { color: #FFFFFF; background-color: #1abc9c; }
.btn-green:hover, input[type="submit"].btn-green:hover { color: #FFFFFF; background-color: #117964; }

.btn-blue, .btn-blue:visited, input[type="submit"].btn-blue, input[type="submit"].btn-blue:visited { color: #FFFFFF; background-color: #3498DB; }
.btn-blue:hover, input[type="submit"].btn-blue:hover { color: #FFFFFF; background-color: #1d6fa5; }

.btn-orange, .btn-orange:visited, input[type="submit"].btn-orange, input[type="submit"].btn-orange:visited { color: #FFFFFF; background-color: #FF9900; }
.btn-orange:hover, input[type="submit"].btn-orange:hover { color: #FFFFFF; background-color: #b36b00; }

.btn-red, .btn-red:visited, input[type="submit"].btn-red, input[type="submit"].btn-red:visited { color: #FFFFFF; background-color: #E74C3C; }
.btn-red:hover, input[type="submit"].btn-red:hover { color: #FFFFFF; background-color: #bf2718; }

/* Quebra de layout para Tablet  */
@media all and (max-width: 900px) { .btn-row { padding: 0 15px; } }
/* Customização */
body { font-family: 'Open Sans', sans-serif; }

section header h2 { color: #C5CDCD; font-size: 20px; padding: 15px 0 0 0; min-height: 60px; text-transform: uppercase; }

/* Fim Customização */