/*!
Bootstrap v3.3.7 (http://getbootstrap.com)
Copyright 2011-2018 Twitter, Inc.
Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
Generated using the Bootstrap Customizer (<none>)
Config saved to config.json and <none>
/
/!
Bootstrap v3.3.7 (http://getbootstrap.com)
Copyright 2011-2016 Twitter, Inc.
Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
/
/! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important
}
}
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #337ab7;
text-decoration: none
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role="button"] {
cursor: pointer
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1315px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table >thead >tr >th,
.table >tbody >tr >th,
.table >tfoot >tr >th,
.table >thead >tr >td,
.table >tbody >tr >td,
.table >tfoot >tr >td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table >caption+thead >tr:first-child >th,
.table >colgroup+thead >tr:first-child >th,
.table >thead:first-child >tr:first-child >th,
.table >caption+thead >tr:first-child >td,
.table >colgroup+thead >tr:first-child >td,
.table >thead:first-child >tr:first-child >td {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed >thead >tr >th,
.table-condensed >tbody >tr >th,
.table-condensed >tfoot >tr >th,
.table-condensed >thead >tr >td,
.table-condensed >tbody >tr >td,
.table-condensed >tfoot >tr >td {
padding: 5px
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered >thead >tr >th,
.table-bordered >tbody >tr >th,
.table-bordered >tfoot >tr >th,
.table-bordered >thead >tr >td,
.table-bordered >tbody >tr >td,
.table-bordered >tfoot >tr >td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell
}
.table >thead >tr >td.active,
.table >tbody >tr >td.active,
.table >tfoot >tr >td.active,
.table >thead >tr >th.active,
.table >tbody >tr >th.active,
.table >tfoot >tr >th.active,
.table >thead >tr.active >td,
.table >tbody >tr.active >td,
.table >tfoot >tr.active >td,
.table >thead >tr.active >th,
.table >tbody >tr.active >th,
.table >tfoot >tr.active >th {
background-color: #f5f5f5
}
.table-hover >tbody >tr >td.active:hover,
.table-hover >tbody >tr >th.active:hover,
.table-hover >tbody >tr.active:hover >td,
.table-hover >tbody >tr:hover >.active,
.table-hover >tbody >tr.active:hover >th {
background-color: #e8e8e8
}
.table >thead >tr >td.success,
.table >tbody >tr >td.success,
.table >tfoot >tr >td.success,
.table >thead >tr >th.success,
.table >tbody >tr >th.success,
.table >tfoot >tr >th.success,
.table >thead >tr.success >td,
.table >tbody >tr.success >td,
.table >tfoot >tr.success >td,
.table >thead >tr.success >th,
.table >tbody >tr.success >th,
.table >tfoot >tr.success >th {
background-color: #dff0d8
}
.table-hover >tbody >tr >td.success:hover,
.table-hover >tbody >tr >th.success:hover,
.table-hover >tbody >tr.success:hover >td,
.table-hover >tbody >tr:hover >.success,
.table-hover >tbody >tr.success:hover >th {
background-color: #d0e9c6
}
.table >thead >tr >td.info,
.table >tbody >tr >td.info,
.table >tfoot >tr >td.info,
.table >thead >tr >th.info,
.table >tbody >tr >th.info,
.table >tfoot >tr >th.info,
.table >thead >tr.info >td,
.table >tbody >tr.info >td,
.table >tfoot >tr.info >td,
.table >thead >tr.info >th,
.table >tbody >tr.info >th,
.table >tfoot >tr.info >th {
background-color: #d9edf7
}
.table-hover >tbody >tr >td.info:hover,
.table-hover >tbody >tr >th.info:hover,
.table-hover >tbody >tr.info:hover >td,
.table-hover >tbody >tr:hover >.info,
.table-hover >tbody >tr.info:hover >th {
background-color: #c4e3f3
}
.table >thead >tr >td.warning,
.table >tbody >tr >td.warning,
.table >tfoot >tr >td.warning,
.table >thead >tr >th.warning,
.table >tbody >tr >th.warning,
.table >tfoot >tr >th.warning,
.table >thead >tr.warning >td,
.table >tbody >tr.warning >td,
.table >tfoot >tr.warning >td,
.table >thead >tr.warning >th,
.table >tbody >tr.warning >th,
.table >tfoot >tr.warning >th {
background-color: #fcf8e3
}
.table-hover >tbody >tr >td.warning:hover,
.table-hover >tbody >tr >th.warning:hover,
.table-hover >tbody >tr.warning:hover >td,
.table-hover >tbody >tr:hover >.warning,
.table-hover >tbody >tr.warning:hover >th {
background-color: #faf2cc
}
.table >thead >tr >td.danger,
.table >tbody >tr >td.danger,
.table >tfoot >tr >td.danger,
.table >thead >tr >th.danger,
.table >tbody >tr >th.danger,
.table >tfoot >tr >th.danger,
.table >thead >tr.danger >td,
.table >tbody >tr.danger >td,
.table >tfoot >tr.danger >td,
.table >thead >tr.danger >th,
.table >tbody >tr.danger >th,
.table >tfoot >tr.danger >th {
background-color: #f2dede
}
.table-hover >tbody >tr >td.danger:hover,
.table-hover >tbody >tr >th.danger:hover,
.table-hover >tbody >tr.danger:hover >td,
.table-hover >tbody >tr:hover >.danger,
.table-hover >tbody >tr.danger:hover >th {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive >.table >thead >tr >th,
.table-responsive >.table >tbody >tr >th,
.table-responsive >.table >tfoot >tr >th,
.table-responsive >.table >thead >tr >td,
.table-responsive >.table >tbody >tr >td,
.table-responsive >.table >tfoot >tr >td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive >.table-bordered >thead >tr >th:first-child,
.table-responsive >.table-bordered >tbody >tr >th:first-child,
.table-responsive >.table-bordered >tfoot >tr >th:first-child,
.table-responsive >.table-bordered >thead >tr >td:first-child,
.table-responsive >.table-bordered >tbody >tr >td:first-child,
.table-responsive >.table-bordered >tfoot >tr >td:first-child {
border-left: 0
}
.table-responsive >.table-bordered >thead >tr >th:last-child,
.table-responsive >.table-bordered >tbody >tr >th:last-child,
.table-responsive >.table-bordered >tfoot >tr >th:last-child,
.table-responsive >.table-bordered >thead >tr >td:last-child,
.table-responsive >.table-bordered >tbody >tr >td:last-child,
.table-responsive >.table-bordered >tfoot >tr >td:last-child {
border-right: 0
}
.table-responsive >.table-bordered >tbody >tr:last-child >th,
.table-responsive >.table-bordered >tfoot >tr:last-child >th,
.table-responsive >.table-bordered >tbody >tr:last-child >td,
.table-responsive >.table-bordered >tfoot >tr:last-child >td {
border-bottom: 0
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index: 3;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important
}
@media (max-width:767px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table !important
}
tr.visible-xs {
display: table-row !important
}
th.visible-xs,
td.visible-xs {
display: table-cell !important
}
}
@media (max-width:767px) {
.visible-xs-block {
display: block !important
}
}
@media (max-width:767px) {
.visible-xs-inline {
display: inline !important
}
}
@media (max-width:767px) {
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table !important
}
tr.visible-sm {
display: table-row !important
}
th.visible-sm,
td.visible-sm {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-block {
display: block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline {
display: inline !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table !important
}
tr.visible-md {
display: table-row !important
}
th.visible-md,
td.visible-md {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-block {
display: block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline {
display: inline !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block !important
}
table.visible-lg {
display: table !important
}
tr.visible-lg {
display: table-row !important
}
th.visible-lg,
td.visible-lg {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-lg-block {
display: block !important
}
}
@media (min-width:1200px) {
.visible-lg-inline {
display: inline !important
}
}
@media (min-width:1200px) {
.visible-lg-inline-block {
display: inline-block !important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none !important
}
}
.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
table.visible-print {
display: table !important
}
tr.visible-print {
display: table-row !important
}
th.visible-print,
td.visible-print {
display: table-cell !important
}
}
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
html {
background: none;
font-size: 62.5%
}
@media screen and (min-width:768px) {
html {
font-size: 62.5%
}
}
body {
display: block;
background: #fff;
overflow-x: hidden;
-webkit-transition: margin .2s ease-in-out, -webkit-transform .3s ease-in-out;
transition: margin .2s ease-in-out, -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out, margin .2s ease-in-out;
transition: transform .3s ease-in-out, margin .2s ease-in-out;
transition: transform .3s ease-in-out, margin .2s ease-in-out, -webkit-transform .3s ease-in-out
}
body.open {
overflow: hidden
}
::-moz-selection {
color: #fff;
background: #12205d
}
::selection {
color: #fff;
background: #12205d
}
.alinha {
margin: auto;
position: relative
}
ul,
ol {
margin: 0;
padding: 0
}
ul li {
list-style-type: none;
margin: 0 0 1.6rem 0
}
a {
color: #555;
border-bottom: .1rem solid #12205d;
font-weight: 400;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration: none
}
a:hover,
a:focus {
text-decoration: none
}
@media screen and (min-width:992px) {
a:hover,
a:focus {
color: inherit;
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
text-decoration: none
}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #12205d;
position: relative;
margin: 0 0 1.6rem 0;
line-height: 1.6;
font-weight: 600 !important;
}
.h1,
h1 {
font-size: 2.8rem
}
.h2,
h2 {
font-size: 2.6rem
}
.h3,
h3 {
font-size: 2.4rem
}
.h4,
h4 {
font-size: 2.2rem
}
.h5,
h5 {
font-size: 2rem
}
.h6,
h6 {
font-size: 1.8rem
}
.fei-card .h1,
.fei-card .h2,
.fei-card .h3,
.fei-card .h4,
.fei-card .h5,
.fei-card .h6,
.fei-card h1,
.fei-card h2,
.fei-card h3,
.fei-card h4,
.fei-card h5,
.fei-card h6 {
font-size: 1.9rem;
line-height: 1.45em;
font-weight: 600;
margin: .5em 0
}
.fei-side-card .h1,
.fei-side-card .h2,
.fei-side-card .h3,
.fei-side-card .h4,
.fei-side-card .h5,
.fei-side-card .h6,
.fei-side-card h1,
.fei-side-card h2,
.fei-side-card h3,
.fei-side-card h4,
.fei-side-card h5,
.fei-side-card h6 {
font-size: 1.65rem
}
section,
article,
header {
font-size: 1.6rem;
line-height: 2
}
p {
margin: 0 0 1.6rem 0
}
blockquote {
border-left: .5rem solid #12205d;
padding: 2rem 2rem 2rem 3em;
margin: 0 0 1em 0;
font-style: italic
}
blockquote p:last-child {
margin: 0
}
img {
max-width: 100%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out
}
img[data-src],
img.cell-img {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.cell-img.flickity-lazyloaded,
.cell-img.flickity-lazyerror {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
[class*="pull"] {
padding: 0 .5em
}
@media screen and (max-width:768px) {
.pull-right,
.pull-left,
.float-right,
.float-left {
float: inherit !important
}
.pull-right,
.pull-left {
margin: 1.5rem 0
}
}
@media screen and (min-width:992px) {
.pull-right {
margin: 0 0 1.6rem 1.6rem
}
.pull-left {
margin: 0 1.6rem 1.6rem 0
}
}
.center {
text-align: center !important
}
.left {
text-align: left !important
}
.right {
text-align: right !important
}
.float-left {
float: left
}
.float-right {
float: right
}
.bold {
font-weight: bold !important
}
.lighter {
font-weight: lighter
}
.upper {
text-transform: uppercase !important
}
.lower {
text-transform: lowercase !important
}
.blue {
background: #12205d !important
}
.color-blue {
color: #12205d !important
}
.lightblue {
background: #12205d !important
}
.color-lightblue {
color: #12205d !important
}
.green {
background: #24b956 !important
}
.color-green {
color: #24b956 !important
}
.lightgreen {
background: #25d366 !important
}
.yellow {
background: #f5ca25 !important
}
.color-yellow {
color: #f5ca25 !important
}
.color-lightgreen {
color: #25d366 !important
}
.orange {
background: #ff8c27 !important
}
.color-orange {
color: #ff8c27 !important
}
.purple {
background: #6536a6 !important
}
.color-purple {
color: #6536a6 !important
}
.red {
background: #f1546d !important
}
.color-red {
color: #f1546d !important
}
.white {
background: #fff !important
}
.color-white {
color: #fff !important
}
.block {
width: 100%;
display: block !important
}
.inline-block {
display: inline-block !important
}
.gray-background {
background-color: #efefef
}
.fei-responsive {
display: none
}
@media screen and (max-width:767px) {
.l-text-responsive,
.fei-responsive {
position: absolute;
top: 0;
left: -9999px;
width: 0
}
}
@media screen and (min-width:992px) {
span.break {
display: block
}
}
.button,
a.button,
button.button,
input.button {
display: inline-block;
font-size: 1.6rem;
padding: 1rem;
color: #fff;
line-height: 1.6rem;
font-weight: 400;
outline: none;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-align: center;
border-radius: 4px;
border: 1px solid transparent
}
.button:disabled,
.button.disabled {
opacity: .3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
pointer-events: none
}
@media screen and (min-width:992px) {
.button,
a.button,
button.button,
input.button {
padding: 1.4rem 1.6rem
}
}
.button.button-transparent,
.button.fei-section-button {
background: transparent !important;
border: .1rem solid
}
@media screen and (min-width:992px) {
.button.button-large {
font-size: 1.8rem;
padding: 1.4rem
}
.button.button-small {
font-size: 1.4rem;
padding: 1rem 1.4rem
}
.button:hover,
.button:focus {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
}
.button-default {
background: #222
}
.button-purple {
background: #6536a6
}
.button-green {
background: #24b956
}
.button-blue {
background: #1c5c93
}
.button-lightblue {
background: #12205d
}
.button-lightgreen {
background: #25d366
}
.button-transparent.button-default {
color: #222
}
.button-transparent.button-purple {
color: #6536a6
}
.button-transparent.button-green {
color: #24b956
}
.button-transparent.button-lightgreen {
color: #25d366
}
.button-transparent.button-blue {
color: #1c5c93
}
.button-transparent.button-lightblue {
color: #12205d
}
.close-button {
background-color: transparent;
outline: none;
position: absolute;
top: 1rem;
right: 1rem;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
font-size: 3rem;
line-height: 1;
font-weight: lighter;
color: #eee;
border: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.close-button:hover {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.fei-breadcrumb {
font-size: 1.4rem;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.fei-breadcrumb li {
display: inline-block;
color: inherit;
font-weight: 400;
margin-bottom: 2rem
}
.fei-breadcrumb li.is-active {
font-weight: 700
}
.fei-breadcrumb li:after {
content: "";
display: inline-block;
width: .1rem;
height: 1.6rem;
background: rgba(0, 0, 0, .2);
margin: 0 1rem;
-webkit-transform: translateY(.2em) rotate(-20deg);
-ms-transform: translateY(.2em) rotate(-20deg);
transform: translateY(.2em) rotate(-20deg)
}
.fei-breadcrumb li:last-child:after {
display: none
}
.fei-breadcrumb a {
color: inherit;
border-color: inherit
}
.fei-navigation {
font-size: 1.19rem;
line-height: 1;
font-weight: lighter
}
.fei-navigation a {
display: block;
border: none
}
.fei-navigation li {
margin: 0
}
.fei-navigation .button {
min-width: 4rem;
min-height: 4rem;
margin-right: .8rem
}
@media screen and (max-width:767px) {
.fei-navigation .button {
line-height: 2rem
}
}
.fei-internal-nav {
color: rgba(255, 255, 255, .5);
background: #444;
text-align: center;
white-space: nowrap;
overflow-y: auto
}
@media screen and (min-width:992px) {
.fei-internal-nav {
text-align: right
}
}
.fei-internal-nav li {
display: inline-block;
margin: 0 -.1rem
}
.fei-internal-nav ul {
display: inline-block
}
.fei-internal-nav li a {
color: inherit;
padding: 1rem .0.2rem
}
.fei-internal-nav a:hover {
color: #444;
background: #fff
}
.fei-collapse {
text-align: center
}
@media screen and (min-width:768px) {
.fei-collapse {
text-align: right
}
}
.fei-collapse-button {
display: block;
text-align: inherit;
width: 100%;
background: transparent;
border: 0;
padding: 1.6rem 0;
line-height: 1.6;
color: #fff;
outline: none
}
.fei-collapse-button:after {
content: 'menu';
display: inline-block;
margin-right: 1rem
}
.fei-nav-icon {
display: inline-block;
vertical-align: middle
}
.fei-nav-icon span {
display: block;
background: #fff;
width: 20px;
height: 2px;
margin: 5px 2px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.fei-collapse-button:hover .fei-nav-close span:first-child,
.fei-nav-close span:first-child {
-webkit-transform: translateY(7px) rotate(45deg);
-ms-transform: translateY(7px) rotate(45deg);
transform: translateY(.7rem) rotate(45deg)
}
.fei-nav-icon.fei-nav-close span:nth-child(even) {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.fei-collapse-button:hover .fei-nav-close span:last-child,
.fei-nav-close span:last-child {
-webkit-transform: translateY(-7px) rotate(-45deg);
-ms-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg)
}
@media screen and (min-width:992px) {
.fei-collapse {
display: none
}
}
.fei-header-navigation {
background-color: #fff;
position: relative;
-webkit-box-shadow: 0 .5rem 0 rgba(0, 0, 0, .2);
box-shadow: 0 .5rem 0 rgba(0, 0, 0, .2)
}
[class^="fei-hnav-"] {
display: inline-block;
vertical-align: middle
}
@media screen and (max-width:767px) {
[class^="fei-hnav-"] {
width: 100%;
text-align: center
}
.fei-hnav-logo,
.fei-hnav-aside {
margin-bottom: 1rem
}
}
[class^="fei-hnav-"] a,
[class^="fei-hnav-"] li {
display: inline-block;
vertical-align: middle
}
.fei-hnav-logo img {
width: auto;
height: 9rem;
padding: 1rem 0
}
.fei-hnav-logo a {
vertical-align: bottom
}
.fei-hnav-logo .jesuitas {
height: 7.5rem;
margin-left: 1.6rem
}
@media screen and (min-width:768px) {
.fei-hnav-logo,
.fei-hnav-aside {
width: 50%;
margin: 0 0 0 -.5rem
}
.fei-hnav-aside {
text-align: right
}
}
.fei-hnav-footer-buttons>li>a {
display: block
}
.fei-hnav-footer-buttons>li.fei-social>a {
font-size: 1.4rem;
border: none
}
li.fei-social>a:hover {
color: #fff
}
li.fei-social>a.facebook:hover {
background-color: #4267b2
}
li.fei-social>a.twitter:hover {
background-color: #1da1f2
}
li.fei-social>a.youtube:hover {
background-color: red
}
li.fei-social>a.instagram:hover {
background-color: #d92c7c
}
li.fei-social>a.linkedin:hover {
background-color: #0077b5
}
li.fei-social>a.flickr:hover {
background-color: #0063db
}
.fei-flag {
line-height: 4rem
}
.fei-flag img {
width: 2rem;
height: 2rem;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.fei-flag:hover img {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
@media screen and (min-width:992px) {
.fei-hnav-logo img {
vertical-align: bottom
}
.fei-hnav-logo .jesuitas {
display: inline-block;
margin-left: 2rem
}
.fei-flag {
line-height: 3rem
}
}
.fei-body-navigation {
background-color: #12205d;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.fei-bnav-body {
display: none;
background-color: #fff;
border-bottom: .5rem solid #12205d
}
.fei-bnav-body a {
text-transform: uppercase;
padding: 1.6rem 1.4em
}
.fei-bnav-body li:last-child a {
border-bottom: none
}
@media screen and (min-width:992px) {
.fei-bnav-body {
display: block !important;
background-color: transparent;
border: none
}
.fei-bnav-body>ul>li,
.fei-bnav-body>ul>li>a {
display: inline-block
}
.fei-bnav-body>ul>li>a {
color: #fff;
border: none
}
.fei-bnav-body a {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding: 1.8rem 1rem
}
.fei-bnav-body>ul>li:hover>a {
color: #fff
}
.fei-bnav-body>ul>li:after {
content: '';
display: inline-block;
background: rgba(255, 255, 255, .5);
width: .1rem;
height: 1rem;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg)
}
.fei-bnav-body>ul>li:last-child:after {
display: none
}
.fei-bnav-body li {
position: relative
}
}
.fei-navigation-dropdown {
display: none;
background: #fcfcfc;
-webkit-animation: fade .3s;
animation: fade .3s
}
.fei-navigation-dropdown a {
border-bottom-color: transparent;
margin: 0 1.6rem
}
@media screen and (max-width:991px) {
.fei-navigation-dropdown {
margin: 0 0 0 1.6rem;
border-left: .1rem solid #ccc
}
.fei-navigation-dropdown .fei-navigation-dropdown {
display: block;
margin: 0 0 0 1.6rem
}
}
.fei-bnav-body>ul>li:hover>a+.fei-navigation-dropdown,
.fei-bnav-body>ul>li.hover>a+.fei-navigation-dropdown {
display: block
}
.fei-navigation-dropdown>ul>li:hover>a+.fei-navigation-dropdown,
.fei-navigation-dropdown>ul>li.hover>a+.fei-navigation-dropdown {
display: block
}
@media screen and (min-width:992px) {
.fei-navigation-dropdown {
background: #fff;
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
padding: 1rem 0;
z-index: 10;
border-radius: .4rem;
-webkit-box-shadow: 0 .2rem 1.4rem rgba(0, 0, 0, .4);
box-shadow: 0 .2rem 1.4rem rgba(0, 0, 0, .4);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fei-navigation-dropdown:before {
content: '';
display: block;
position: absolute;
top: -1rem;
left: 2rem;
width: 0;
height: 0;
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-bottom: 1rem solid #fff
}
.fei-navigation-dropdown a {
margin: 0;
padding: 1.2rem 1.4rem;
text-align: left;
white-space: nowrap
}
.fei-navigation-dropdown>ul>li:hover>a {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
color: #1c5c93;
-webkit-box-shadow: inset .5rem 0 0 0 #1c5c93;
box-shadow: inset .5rem 0 0 0 #1c5c93
}
.fei-navigation-dropdown .fei-navigation-dropdown {
display: none;
min-width: auto;
top: -1rem;
left: 100%;
border: 0
}
.fei-navigation-dropdown .fei-navigation-dropdown:before {
display: none
}
.fei-navigation-icon {
display: inline-block;
-webkit-transform: translateX(.5rem);
-ms-transform: translateX(.5rem);
transform: translateX(.5rem)
}
}
.fei-quick-links {
display: none;
max-width: 100%;
padding: 4rem 0;
width: 100%;
font-size: 2rem;
line-height: 1.6;
position: fixed;
top: 0;
right: 0;
height: 100%;
background: #444;
z-index: 91;
overflow-y: auto;
box-shadow: -1.6rem 0 4rem rgba(0, 0, 0, .5);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition: transform .15s ease
}
.fei-quick-links.is-active {
display: block;
animation: slideRight .15s ease
}
.fei-quick-links.is-hiding {
display: block;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.fei-quick-links li {
display: block;
padding: 0
}
.fei-quick-links li a {
display: block;
text-align: left;
color: #fff;
font-weight: 400;
padding: 1rem 1.6rem 1rem 2.4rem
}
@media screen and (min-width:992px) {
.fei-quick-links li a:hover {
color: #fff;
background: #12205d;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-box-shadow: inset .5rem 0 0 0 #fff;
box-shadow: inset .5rem 0 0 0 #fff
}
}
.off-canvas {
display: none
}
@media screen and (min-width:768px) {
.off-canvas.is-active {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
z-index: 90
}
}
@media screen and (max-width:785px) {
.fei-quick-links.is-active {
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@media screen and (min-width:768px) {
.fei-quick-links {
max-width: 30rem
}
}
.fei-slideshow {
position: relative;
z-index: 2
}
.fei-slideshow-container {
width: 100%;
overflow: hidden
}
.fei-slideshow-item {
position: relative;
color: #fff;
font-weight: 300;
width: 100%;
overflow: hidden
}
.fei-slideshow-default .fei-slideshow-item {
min-height: 45rem
}
.fei-slideshow-default .fei-slideshow-item.fei-slideshow-internal {
min-height: 25rem
}
.fei-slideshow-img>img {
position: absolute;
top: 50%;
left: 50%;
max-width: initial;
height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.fei-slideshow-caption {
position: absolute;
font-size: 1.8rem;
line-height: 2;
padding: 0;
max-width: 68rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width:768px) {
.fei-slideshow-default .fei-slideshow-item {
min-height: 50rem
}
.fei-slideshow-img>img {
width: 101%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
}
@media screen and (min-width:992px) {
.fei-slideshow-caption {
max-width: 75rem
}
}
@media screen and (min-width:1200px) {
.fei-slideshow-caption .fei-section-title .larger {
font-size: 7rem
}
}
.fei-slideshow-controls {
display: none
}
.fei-slideshow-controls .control {
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 50%;
left: 2rem;
z-index: 2;
outline: none;
background: transparent;
color: #fff;
text-align: center;
width: 4rem;
height: 4rem;
margin-top: -2rem;
border-radius: 100%;
border: 2px solid #fff;
-webkit-transform: translateX(-10rem);
-ms-transform: translateX(-10rem);
transform: translateX(-10rem);
-webkit-transition: all .3s ease-in-out, opacity .1s ease-in-out;
-o-transition: all .3s ease-in-out, opacity .1s ease-in-out;
transition: all .3s ease-in-out, opacity .1s ease-in-out
}
.fei-slideshow-controls .control:hover {
background: rgba(0, 0, 0, .5)
}
.fei-slideshow-controls .control.negative {
background-color: rgba(0, 0, 0, .6)
}
.fei-slideshow-controls .control.negative:hover {
background-color: rgba(0, 0, 0, .3)
}
.fei-slideshow-controls .control.next {
left: auto;
right: 20px;
-webkit-transform: translateX(10rem);
-ms-transform: translateX(10rem);
transform: translateX(10rem)
}
.fei-slideshow:hover .fei-slideshow-controls .control {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.fei-slideshow-controls .control span {
line-height: 3.5rem
}
@media screen and (min-width:768px) {
.fei-slideshow-controls {
display: block
}
}
@media screen and (min-width:992px) {
.fei-slideshow-controls .control {
width: 5rem;
height: 5rem;
margin-top: -2.5rem
}
.fei-slideshow-controls .control span {
line-height: 4.5rem
}
}
.fei-slideshow-nav {
display: block;
position: absolute;
bottom: 1rem;
width: 100%;
text-align: center;
z-index: 6
}
.fei-slidenav-item {
display: inline-block;
min-width: 1rem;
min-height: 1rem;
margin: 0 .5em;
background-color: #fff;
list-style-type: none;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: hidden;
-webkit-box-shadow: 0 0 0 .4rem #fff;
box-shadow: 0 0 0 .4rem #fff
}
.fei-slidenav-item.is-active {
background: rgb(0, 110, 171);
-webkit-box-shadow: 0 0 0 .4rem rgba(0, 110, 171, .6);
box-shadow: 0 0 0 .4rem rgba(0, 110, 171, .6)
}
@media screen and (max-width:991px) {
.fei-slidenav-item img {
display: none
}
}
@media screen and (min-width:992px) {
.fei-slideshow-nav .fei-slidenav-img {
transform: translateY(3.5rem)
}
.fei-slidenav-item {
max-width: 4.5rem
}
.fei-slidenav-item:hover {
-webkit-box-shadow: 0 0 0 .4rem rgba(0, 0, 0, .6);
box-shadow: 0 0 0 .4rem rgba(0, 0, 0, .6)
}
}
.fei-slideshow-details {
background: #1c5c93;
color: #fff;
text-align: center;
font-weight: 400;
overflow-y: auto
}
.fei-slideshow-details a {
color: #fff
}
.fei-slidedetail-container {
display: block;
margin: auto;
padding: 1.6rem 0;
white-space: nowrap;
overflow: auto
}
.fei-slidedetail-item {
display: inline-block;
padding: 0 2.4rem;
position: relative;
vertical-align: top
}
.fei-slidedetail-item .titulo,
.fei-slidedetail-item li {
margin: 0 0 1rem 0
}
.fei-slidedetail-item:after {
content: '';
display: block;
background: rgba(255, 255, 255, .2);
width: .1rem;
height: 4rem;
position: absolute;
top: 2rem;
right: -.2rem;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg)
}
.fei-slidedetail-item:last-child:after {
display: none
}
.fei-slidedetail-item .titulo {
color: #24b956;
font-size: 1.75rem
}
.fei-sphotos-container {
position: relative
}
.fei-slideshow-photos {
position: relative;
margin: 0 0 2rem 0
}
.fei-slideshow-gallery .flickity-viewport,
img.fei-slideshow-photos {
border-radius: .6rem;
-webkit-box-shadow: 0 .6rem 1.6rem rgba(0, 0, 0, .2);
box-shadow: 0 .6rem 1.6rem rgba(0, 0, 0, .2)
}
.fei-slideshow-gallery .flickity-viewport {
background: #222;
height: 35rem !important
}
@media screen and (min-width:768px) {
.fei-slideshow-gallery .flickity-viewport {
background: #222;
height: 40rem !important
}
}
@media screen and (min-width:992px) {
.fei-slideshow-gallery .flickity-viewport {
background: #222;
height: 50rem !important
}
}
@media screen and (min-width:1200px) {
.fei-slideshow-gallery .flickity-viewport {
background: #222;
height: 60rem !important
}
}
.fei-slideshow-gallery .cell {
height: 100%
}
.fei-slideshow-gallery img {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media screen and (min-width:768px) {
[class*="pull-"] .fei-sphotos-container {
padding: 0
}
.fei-sphotos-container:after,
.fei-sphotos-container:before {
content: '';
display: block;
width: .2rem;
height: 70%;
background: #25d366;
position: absolute;
top: -3%;
right: 1rem;
-webkit-box-shadow: 1.6rem 4rem 0 #25d366;
box-shadow: 1.6rem 4rem 0 #25d366
}
.fei-sphotos-container:before {
bottom: -3%;
top: auto;
right: auto;
left: 1rem;
z-index: 3;
-webkit-box-shadow: -1.6rem -4em 0 #25d366;
box-shadow: -1.6rem -4em 0 #25d366
}
}
.slideshow-legenda {
position: absolute;
font-size: 1.6rem;
bottom: 0;
left: 0;
color: #fff;
padding: 1rem 2rem 2.2rem 2rem;
margin: 0;
border-top-right-radius: .6rem;
border-bottom-left-radius: .6rem;
background: #222;
font-weight: 600;
text-transform: uppercase;
z-index: 5
}
@media screen and (min-width:768px) {
.slideshow-legenda {
font-size: 2rem
}
}
@media screen and (min-width:992px) {
.slideshow-legenda {
font-size: 2.2rem
}
}
[data-slideshow="alt"]>* {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.fei-section {
position: relative;
padding: 4.5rem 0;
color: #222;
}
.fei-section:after {
content: "";
position: absolute;
bottom: 0;
display: block;
background: #eee;
height: .1rem;
width: 50%;
margin: 0 25%
}
.list li ul li {
list-style: circle
}
.list,
.list ul {
margin: 0 0 3rem 0
}
.list li,
.list li ul li {
margin: 1rem 0 1rem 2rem
}
.list li {
list-style: disc
}
.fei-painel-list li {
border-left: .5rem solid #12205d;
min-height: 12rem;
padding-left: 1.6rem
}
.fei-section-title {
position: relative;
text-transform: uppercase;
font-weight: 600;
font-size: 3.7rem;
line-height: 1.4;
margin: 0 0 2.5rem 0;
color: #12205d;
text-align: left
}
.fei-section-title:first-of-type {
margin-top: 0
}
.fei-section-title.negative {
color: #fff
}
.title-border:after {
content: '';
background: #24b956;
display: block;
position: absolute;
bottom: -1rem;
width: 5rem;
height: .5rem;
left: .1rem
}
.fei-section-title:before {
content: attr(data-background);
display: none;
font-weight: lighter;
position: absolute;
bottom: -2rem;
left: 0;
opacity: .1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
white-space: nowrap
}
@media screen and (min-width:992px) {
.fei-section-title {
font-size: 5rem
}
.fei-section-title.small {
font-size: 3.5rem
}
.fei-section-title:before {
display: block;
font-size: 8rem
}
}
.fei-section .fei-slideshow {
margin: 2.5rem 0
}
.fei-card,
a .fei-card {
color: initial;
background: #fff;
padding: 0;
margin: 0 0 1.6rem 0;
-webkit-box-shadow: 0 .1em .5em rgba(0, 0, 0, .2);
box-shadow: 0 .1em .5em rgba(0, 0, 0, .2);
overflow: hidden;
border-radius: 6px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.fei-card p:first-child+* {
margin-top: 0;
color: #fff
}
.fei-card-alt {
position: relative
}
.fei-card-alt *,
.fei-card-alt * {
color: #fff
}
.fei-card-alt:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .1);
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .75), transparent);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .75), transparent);
background-image: linear-gradient(to top, rgba(0, 0, 0, .75), transparent)
}
a:hover>.fei-card {
-webkit-box-shadow: 0 .8em 2em rgba(0, 0, 0, .3);
box-shadow: 0 .8em 2em rgba(0, 0, 0, .3)
}
.fei-card .fei-section-title {
margin-top: 0
}
.fei-card-alt .fei-card-title {
position: relative
}
.fei-card>img {
width: 100%
}
.img-blured {
filter: url('data:image/svg+xml;charset=utf-8, <svg xmlns= "http://www.w3.org/2000/svg " > <filter id= "filter " > <feGaussianBlur stdDeviation= "1.6 " / > </filter > </svg >#filter');
-webkit-filter: blur(.1em);
filter: blur(.1em);
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=1.6)
}
.fei-card-title {
font-size: 1.6rem;
line-height: 1.6;
text-transform: uppercase
}
.fei-card-title.small {
font-size: 1.4rem
}
.fei-card-body {
padding: 1.6rem
}
.fei-card-alt .fei-card-body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 2rem 2.4rem;
z-index: 3
}
.fei-card .fei-card-body p:last-child {
margin-bottom: 0;
color: #fff
}
.fei-card-link a {
display: block;
padding: 1em;
border-top: .0625em solid #f1f1f1;
text-align: center;
text-transform: uppercase
}
.fei-side-card {
text-align: left
}
.fei-side-card img {
float: left;
margin: 0 1em 0 0;
width: auto;
height: 100%
}
.fei-side-card img.right {
float: right;
margin: 0 0 0 1em
}
.fei-scard-content {
padding: 1em;
width: 100%
}
.fei-scard-content p:first-child {
font-size: .9em;
margin: 0
}
.fei-scard-content>p {
font-size: 1em
}
.fei-scard-content>* {
display: block;
color: #444;
margin: 0 0 .25em 0;
font-weight: 400;
line-height: 1.6
}
.fei-scard-title {
font-size: 1em
}
@media screen and (max-width:767px) {
.fei-card.fei-card-alt {
position: relative;
width: 30rem;
height: 30rem;
margin-left: auto;
margin-right: auto
}
.fei-card.fei-card-alt>img {
position: absolute;
left: 50%;
max-width: initial;
width: auto;
height: 100%;
transform: translateX(-50%)
}
}
@media screen and (min-width:992px) {
.auto-height .fei-scard-content {
min-height: auto
}
.fei-scard-content {
min-height: 130px
}
.fei-scard-title {
font-size: 1.1em
}
}
.fei-scard-alt {
border-left: 5px solid #12205d
}
.fei-scard-alt .fei-scard-title {
color: #12205d
}
.fei-scard-image.right {
float: right;
margin: 0 0 0 .5em;
width: auto;
height: 100%
}
@media screen and (min-width:768px) {
.fei-scard-alt .fei-scard-content>.fei-scard-title {
font-size: 1em
}
}
[data-tab="affix"].affix {
position: relative
}
.fei-tabs {
width: 100%;
margin: 2rem 0;
color: #1c5c93;
font-size: 1.5rem;
overflow-x: auto;
white-space: nowrap;
border-radius: .6rem;
font-weight: 600
}
.fei-tabs li {
display: inline-block;
list-style-type: none;
font-weight: 400;
margin: .1rem -.2rem;
border-bottom: .1rem solid #f1f1f1
}
.fei-tabs li.is-active {
background: #fff;
color: inherit;
border-bottom: .2rem solid;
margin-bottom: 0
}
.fei-tabs.fei-side-tabs li {
background: #fff
}
.fei-tabs.fei-side-tabs li a {
padding: 1.2rem
}
.fei-tabs.fei-pagination li a {
padding: 1.2rem 1.6em
}
.fei-tabs li a {
display: block;
color: #444;
padding: 1.2rem 1.6rem;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
border: none;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
white-space: normal
}
.fei-tabs li.is-active a,
.fei-tabs li a:hover {
color: inherit;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media screen and (min-width:992px) {
.fei-tabs.fei-side-tabs {
border: .1rem solid #eee;
margin: 0;
overflow: visible
}
.fei-side-tabs li {
display: block;
margin: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-bottom: 0
}
.fei-side-tabs li:first-child {
border-top-left-radius: .6rem;
border-top-right-radius: .6rem
}
.fei-side-tabs li:last-child {
border-bottom-left-radius: .6rem;
border-bottom-right-radius: .6rem
}
.fei-side-tabs li.is-active {
border: none;
background: #12205d
}
.fei-side-tabs li.is-active a {
color: #fff
}
.fei-scroll-tabs {
display: block
}
}
@media screen and (min-width:1200px) {
.fei-tabs {
width: 100%;
overflow: hidden
}
}
.fei-painel-container {
display: none
}
.fei-project-item {
display: none
}
.fei-project-item.is-active {
display: block;
-webkit-animation: fade .5s;
animation: fade .5s
}
.fei-painel-container.is-active {
display: block;
-webkit-animation: fade .5s;
animation: fade .5s
}
.fei-scroll-tabs {
display: none
}
@media screen and (max-width:991px) {
[data-tab="affix"] {
width: 100% !important
}
}
@media screen and (min-width:992px) {
[data-tab="affix"].affix-top {
position: relative
}
[data-tab="affix"].affix {
position: fixed;
top: 0;
margin-top: 1.6rem
}
[data-tab="affix"].affix-bottom {
position: relative;
top: auto;
bottom: 0
}
}
.fei-subjects-body {
margin: 0 auto 3rem auto
}
.fei-subjects-container {
display: none;
overflow: hidden
}
.fei-subjects-container.is-active {
display: block;
-webkit-animation: fade .5s;
animation: fade .5s
}
.fei-subject-container {
list-style-type: none;
margin: .2rem 0
}
.fei-subject {
width: 100%;
font-size: 1.6rem;
padding: 1.6rem 2.4rem;
background-color: #f9f9f9;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.fei-subject p,
.fei-subject li {
margin: 0
}
.fei-subject[data-target='modal']:hover,
.fei-subject[data-target='modal']:is-active {
background-color: #e9e9e9;
-webkit-box-shadow: inset 0 -.5rem 0 #12205d;
box-shadow: inset 0 -.5rem 0 #12205d
}
.fei-subject-title {
padding: 0;
margin: 0;
font-size: 1.8rem;
line-height: 1.6;
text-transform: uppercase
}
.fei-subject-content {
display: none;
position: fixed;
padding: 2rem;
background: rgba(0, 0, 0, .5);
color: #444;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
overflow-y: auto
}
.fei-subject-content.is-active {
display: block;
-webkit-animation: fade .5s;
animation: fade .5s
}
.fei-csubject-body {
background: #f1f1f1;
padding: 2rem;
margin: 5em auto
}
.fei-csubject-body .fei-section-title {
margin: 1rem 0 1.2rem 0
}
.fei-subject-classes {
clear: both;
text-align: left;
padding: 1.6rem 1.6rem 0 1.6rem
}
@media screen and (min-width:992px) {
.fei-subject-container {
display: inline-block;
width: -o-calc(33.333% - 4px);
width: -ms-calc(33.333% - 4px);
width: calc(33.333% - 4px);
vertical-align: middle
}
.fei-subject {
position: relative;
height: 18rem
}
.fei-subject>ul {
position: absolute;
bottom: 1.6rem;
left: 2.4rem
}
.fei-csubject-body {
width: 70%
}
.fei-csubject-body ul li:first-child {
margin-left: 0
}
.fei-csubject-body ul li {
display: inline-block;
margin: 1.6rem;
vertical-align: top
}
.fei-subject-classes {
font-size: 1.8rem
}
}
@media screen and (min-width:1200px) {
.fei-subject-container {
width: -o-calc(25% - 4px);
width: -ms-calc(25% - 4px);
width: calc(25% - 4px)
}
}
.fei-rating .fei-card-alt .fei-card-body {
top: 0
}
.fei-rating img {
-webkit-filter: blur(1em);
filter: url('data:image/svg+xml;charset=utf-8, <svg xmlns= "http://www.w3.org/2000/svg " > <filter id= "filter " > <feGaussianBlur stdDeviation= "16 " / > </filter > </svg >#filter');
filter: blur(1em);
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=16)
}
.fei-rating li {
margin: 0
}
.guia .fa {
font-size: 2rem !important;
color: #ffb000;
margin: 0 .4rem .5rem .4rem
}
@media screen and (min-width:992px) {
.guia .fa {
font-size: 2.4rem !important
}
}
.fei-info {
font-size: 1.4rem;
background: #8cc53f;
padding: 1.6rem 2.4rem;
overflow: hidden;
text-align: center
}
.fei-info img {
display: block;
margin: auto;
width: 8rem
}
.fei-info.visit {
background: #00aca0
}
.fei-info .fei-info-description {
color: #fff;
font-family: 'Open Sans', sans-serif;
margin: 0;
text-transform: uppercase;
font-weight: 300;
font-size: 1.8rem
}
.fei-info .fei-info-description:nth-child(2) {
font-size: 2rem;
font-weight: 400
}
.fei-info-text {
display: block;
margin-top: .5em
}
@media screen and (min-width:768px) {
.fei-course-info {
overflow: hidden
}
.fei-info {
width: 49%;
float: left;
position: relative;
overflow: visible;
text-align: left
}
.fei-info img {
display: inline-block;
vertical-align: middle;
margin-right: .5em
}
.fei-info.course img {
margin-left: 5.5em
}
.fei-info.visit img {
margin-left: 2em
}
.fei-info.course:after {
content: '';
display: block;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #8cc53f;
position: absolute;
top: 50%;
right: -20px;
margin-top: -18px
}
.fei-info.visit {
float: right
}
.fei-info.visit:after {
content: '';
display: block;
width: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #fff;
position: absolute;
top: 50%;
left: 0;
margin-top: -18px
}
.fei-info-text {
display: inline-block;
vertical-align: middle
}
}
label,
.label,
input,
select,
textarea {
font-size: 1.6rem;
resize: none;
font-weight: 400
}
label,
.label {
display: block;
margin: 1.6rem 0 0 0
}
.req {
color: red
}
.fei-input-control {
display: block;
width: 100%;
border: none;
color: #222;
padding: 1.2rem 1.6rem;
outline: none;
margin-bottom: 1em;
background: #fff;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
border: 1px solid #ddd;
border-radius: .6rem
}
.fei-input-group .fei-input-control {
padding: 0 1.6rem;
font-size: 1.6rem;
border-right-color: transparent;
border-radius: 0;
border-top-left-radius: .6rem;
border-bottom-left-radius: .6rem
}
.fei-input-control:focus {
background: #eee
}
.fei-input-group {
display: table;
margin-bottom: 1.6rem
}
.fei-input-group>.fei-input-control,
.fei-input-group>.fei-input-btn {
display: table-cell;
vertical-align: middle;
margin: 0;
height: 6rem
}
@media screen and (min-width:992px) {
.fei-input-group>.fei-input-control,
.fei-input-group>.fei-input-btn {
height: 7rem
}
.fei-input-group>.fei-input-control,
.fei-input-group>.fei-input-btn .button {
font-size: 1.9rem
}
}
.fei-input-addon,
.fei-input-btn {
width: 1%;
white-space: nowrap
}
.fei-input-btn .button {
height: inherit;
line-height: inherit;
border-radius: 0;
border-top-right-radius: .6rem;
border-bottom-right-radius: .6rem
}
input[type="submit"] {
display: block;
width: 100%;
line-height: inherit
}
input[type="file"] {
display: none
}
.fei-input-check {
position: relative;
margin: 0 1.6rem 2rem 0;
line-height: 2.5rem
}
.fei-input-check>input {
position: absolute;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.fei-radio,
.fei-checkmark {
position: relative;
display: inline-block;
width: 2.5rem;
height: 2.5rem;
background: #eee;
vertical-align: middle;
margin-right: 1rem;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out
}
.fei-radio {
border-radius: 5rem
}
.fei-checkmark {
color: transparent;
text-align: center
}
@media screen and (min-width:768px) {
.fei-input-check:hover .fei-radio,
.fei-input-check:hover .fei-checkmark {
background-color: #12205d99
}
}
.fei-input-check>input:checked~.fei-radio {
background-color: #12205d;
-webkit-box-shadow: 0 0 0 .2em #12205d99;
box-shadow: 0 0 0 .2em #12205d99
}
.fei-input-check>input:checked~.fei-checkmark {
background-color: #12205d;
color: #fff
}
.fei-thumbnail {
position: relative
}
.fei-thumbnail img {
width: 100%
}
.fei-thumbnail-icon {
position: absolute;
top: 50%;
left: 50%;
line-height: 0;
font-size: 10rem;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgba(0, 0, 0, .6);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fei-thumbnail-icon:hover {
color: rgba(0, 0, 0, .5);
-webkit-transform: translate(-50%, -50%) scale(1.2);
-ms-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2)
}
@media screen and (min-width:768px) {
.fei-thumbnail-icon {
font-size: 12remem
}
}
@media screen and (min-width:992px) {
.fei-thumbnail-icon {
font-size: 10em
}
}
.video-container {
position: relative;
padding-bottom: 56.24%;
padding-top: 1px;
height: 0;
overflow: hidden;
border-radius: 6px;
-webkit-box-shadow: 0 1em 2.5em rgba(0, 0, 0, .3);
box-shadow: 0 1em 2.5em rgba(0, 0, 0, .3)
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.noticias {
overflow: hidden
}
.noticia {
position: relative;
margin-bottom: 15px
}
.noticia .noticia-titulo {
position: absolute;
min-height: 70px;
bottom: 0;
left: 15px;
right: 15px;
padding: 10px 15px;
margin: 0;
color: #fff;
border-left: 5px solid #2e8cc6;
background: rgba(11, 46, 75, .7)
}
.noticia img {
width: 100%
}
@media screen and (min-width:992px) {
.noticia {
margin: 0
}
}
.fei-modal {
display: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .7)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), transparent);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .7), transparent);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent);
color: #fff;
background-color: rgba(0, 0, 0, .9);
overflow-y: auto;
z-index: 15;
padding: 4em 0;
transition: opacity .2s ease-out
}
.fei-modal.is-active {
display: block;
opacity: 1;
animation: fadeScaleIn .4s ease
}
.fei-modal.is-hiding {
display: block;
opacity: 0
}
.fei-modal-title {
text-transform: uppercase;
color: #fff;
font-weight: 300;
font-size: 1.3em
}
.fei-modal a {
color: #fff;
border-color: #24b956
}
@media screen and (min-width:768px) {
.fei-modal-title {
font-size: 2.1em
}
}
.youtube-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.9%
}
.youtube-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media screen and (min-width:768px) {
.background-image {
background-image: url(../imagens/background.jpg);
background-position: top;
background-size: 100%;
background-repeat: no-repeat
}
}
.fei-footer {
font-size: 1.4rem;
position: relative;
padding: 0;
font-weight: lighter
}
.fei-footer .negative {
color: #fff
}
.fei-footer-section {
padding: 3rem 1rem
}
.fei-footer-nav li {
margin: 1.7rem 0
}
.fei-footer-container a {
color: #fff;
border-color: #fff
}
.fei-back-top>a:before {
content: 'Voltar ao topo';
display: inline-block;
margin-right: 1rem
}
@media screen and (min-width:992px) {
.fei-footer-container {
width: 100%;
display: block
}
.fei-footer-container .fei-footer-section {
overflow: hidden;
position: relative;
width: 50%;
height: 65rem;
margin: 0 -.4rem 0 0;
display: inline-block
}
.fei-footer-section .fei-footer-content {
position: absolute;
left: 6rem
}
.fei-footer-section:first-child .fei-footer-content {
left: auto;
right: 9rem
}
.fei-footer-nav {
float: left;
margin-right: 3.6rem
}
.fei-footer-section.last {
text-align: center
}
.fei-footer-section.last .fei-footer-nav {
float: none;
margin-bottom: 1.6rem;
text-align: center
}
.fei-footer-section.last .fei-footer-nav li {
display: inline-block;
padding: 0 1.6rem;
position: relative
}
.fei-footer-section.last .fei-footer-nav li:after {
content: '';
display: block;
width: 1px;
height: 100%;
background: rgba(0, 110, 171, .3);
position: absolute;
top: 0;
right: 0;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg)
}
.fei-footer-section.last .fei-footer-nav li:last-child:after {
display: none
}
.fei-back-top>a {
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: -3rem;
right: 5rem;
display: block;
width: 6rem;
height: 6rem;
font-size: 2rem;
line-height: 6rem;
background: #24b956;
color: #fff;
border: none;
z-index: 4;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 100%;
-webkit-box-shadow: 0 .2em .6em rgba(0, 0, 0, .2);
box-shadow: 0 .2em .6em rgba(0, 0, 0, .2)
}
.fei-back-top>a.is-active {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.fei-back-top>a:hover,
.fei-back-top>a:focus {
-webkit-box-shadow: 0 .5em .8em rgba(0, 0, 0, .3);
box-shadow: 0 .5em .8em rgba(0, 0, 0, .3);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.fei-back-top>a:before {
content: '';
display: none
}
}
.fei-tags {
display: block;
text-align: center;
width: 100%;
background: transparent;
position: relative;
font-weight: lighter;
white-space: nowrap;
overflow-y: auto;
margin: -1.8rem 0;
z-index: 3
}
.fei-news-tag {
display: inline-block;
padding: .5rem;
font-size: 1em;
line-height: 1;
background: #12205d;
color: #fff;
border: none;
border-radius: .4rem;
z-index: 3;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
a.fei-news-tag:hover {
color: #fff
}
.fei-tags .fei-news-tag {
display: inline-block;
padding: 1rem 1.5rem;
margin: 0 -2.2px;
border-radius: 0
}
.fei-tags .fei-news-tag:first-child {
border-top-left-radius: .4rem;
border-bottom-left-radius: .4rem
}
.fei-tags .fei-news-tag:last-child {
border-top-right-radius: .4rem;
border-bottom-right-radius: .4rem
}
.fei-news-newsletter .fei-section-title {
color: #6536a6;
margin: 0 0 1.6rem 0
}
.fei-date {
margin: 1.6rem 0 0 0
}
.fei-card .fei-date {
margin: 0 0 1rem 0
}
.fei-card.fei-card-alt .fei-date {
margin: 0
}
.fei-card.fei-card-alt .fei-date .fei-news-tag {
position: absolute;
bottom: 0;
right: 0;
border-radius: 0
}
.fei-date .fa {
margin-right: .25em
}
.fei-news-default {
position: relative
}
.fei-news-default img {
display: block;
width: 100%;
border-radius: .6rem;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0 .1em .5em rgba(0, 0, 0, .2);
box-shadow: 0 .1em .5em rgba(0, 0, 0, .2)
}
.fei-news-default p {
color: #666;
font-weight: 400
}
.fei-news-title {
display: none
}
.fei-news-highlight-title {
color: #fff;
margin: .3em 0;
padding: 0em .5em;
text-transform: uppercase;
font-weight: lighter
}
[class^="fei-news-"] .fei-news-tag {
position: absolute;
top: 1em;
right: 0
}
.fei-section-news .fei-section-title {
font-weight: lighter;
margin: 0 0 .5em 0
}
.fei-news-eye {
background: #f9f9f9;
font-size: 1em;
font-style: italic;
padding: 1em 1.5em;
border-left: .5em solid #ff8c27
}
@media screen and (max-width:767px) {
.fei-section-news .fei-section-title {
font-size: 1.8em;
text-transform: none;
text-align: center;
margin: 1em 0 1em 0
}
.fei-news-eye {
text-align: center;
letter-spacing: 1px;
padding: .65em;
border-left: 5px solid #ff8c27
}
}
.fei-news-article {
margin: 2em 0
}
.fei-news-article p {
margin: 1em 0
}
@media screen and (min-width:992px) {
.fei-news-article p {
font-size: 1.25em;
line-height: 2em
}
}
.fei-news {
margin: .5em 0
}
.fei-news-aside .fei-card-title {
text-transform: initial
}
@media screen and (max-width:767px) {
aside.destaques {
margin: 1em 0
}
}
.fei-vest-box {
width: 100%;
background: 200px;
background-color: #0e6fa9;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 1em;
margin: 0 0 1.6rem 0;
border-left: .5rem solid transparent;
border-right: .5rem solid transparent;
border-top: .5rem solid #fabf2d
}
.fei-vest-date {
font-size: 4rem;
color: #fabf2d;
font-weight: 500;
letter-spacing: -.2rem
}
.fei-vest-place {
font-size: 3rem;
color: #fff;
letter-spacing: -.1rem
}
.fei-vest h3,
.fei-vest h4,
.fei-vest h5,
.fei-vest h6 {
color: #e17a20
}
.fei-sharelinks {
z-index: 10;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.fei-sharelinks ul li {
margin: 0
}
.fei-sharelinks__button>a,
.fei-sharelinks__body ul li a {
font-size: 2rem;
width: 4rem;
min-height: 4rem;
line-height: 4rem;
color: rgba(255, 255, 255, .8);
border: none;
text-align: center;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.fei-sharelinks__button>a {
display: block;
background-color: #ff8c27;
z-index: 4
}
.fei-sharelinks__body {
overflow-x: auto;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.fei-sharelinks__body ul li a {
display: block;
background-color: #222;
color: #eee
}
.facebook-share {
background-color: #4267b2 !important
}
.twitter-share {
background-color: #1da1f2 !important
}
.whatsapp-share {
background-color: #25d366 !important
}
.gplus-share {
background-color: #db4437 !important
}
.linkedin-share {
background-color: #0077B5 !important
}
.clipboard {
background-color: #d82010 !important
}
@media screen and (max-width:767px) {
.fei-sharelinks {
width: 100%;
position: fixed;
bottom: 0
}
.fei-sharelinks {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.fei-sharelinks.is-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.fei-sharelinks__button>a {
position: absolute;
top: -5.5rem;
right: 1rem
}
.fei-sharelinks__body {
background-color: #fff;
text-align: center
}
.fei-sharelinks__body ul li a {
margin: 1rem .5rem
}
.fei-sharelinks__body ul {
white-space: nowrap
}
.fei-sharelinks__body ul li {
display: inline-block
}
}
@media screen and (min-width:768px) {
.fei-sharelinks {
position: fixed;
top: 18.5rem;
left: 0;
height: 0
}
.fei-sharelinks .fei-sharelinks__body {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.fei-sharelinks.is-active .fei-sharelinks__body {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.fei-sharelinks__button>a {
position: absolute;
top: -4.5rem;
left: 0
}
.fei-sharelinks__body ul li a {
margin: 0
}
.fei-sharelinks__button>a:hover,
.fei-sharelinks__body ul li a:hover {
width: 6rem
}
}
.fei-alert {
position: relative;
display: none;
width: 100%;
padding: 1.2rem 0;
margin: 1.6rem 0;
color: #fff;
background: rgba(0, 0, 0, .7);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.fei-alert .container>* {
margin: 0 1rem 0 0;
display: inline-block;
vertical-align: middle
}
.fei-alert.is-active {
display: block;
animation: fade 0.2s ease
}
.fei-alert.alert-success {
background: #25bd49
}
.fei-alert.alert-danger {
background: #f42d2d
}
.fei-warning {
background: transparent;
padding: 1em 1.2em;
border: 1px solid;
border-radius: 6px
}
.fei-warning.alert-success {
background: #25bd4966;
color: #25bd49
}
.fei-warning.alert-info {
background: #12205d66;
color: #1c5c93
}
.fei-warning.alert-danger {
background: #f42d2d66;
color: #f42d2d
}
.menor {
font-size: 10px
}
.marcadores {
font-size: 1.25em
}
.conteudopos {
background-color: #f8f8f8;
padding: 10px;
text-align: center;
font-size: 1.25em;
margin-bottom: 2px;
border: solid;
border-width: 1px;
border-color: #FFF
}
.informacoespos {
background-color: #F8F8F8;
padding-left: 20px;
padding-top: 10px;
border-top-color: #98CE00;
border-top-style: solid;
border-top-width: 2px;
padding-bottom: 20px
}
.publico-alvo {
background-color: #fff;
padding: 1em 1.5em;
min-height: 215px;
margin: -1em 0 1em 0;
border-radius: 6px;
-webkit-box-shadow: 0 1em 3em rgba(0, 0, 0, .1);
box-shadow: 0 1em 3em rgba(0, 0, 0, .1)
}
.pre-requisitos {
background-color: #f8f8f8;
padding: 30px
}
.espacolinha {
margin-top: 30px;
margin-bottom: 30px
}
.checar {
font-size: 12px;
margin-top: 10px;
color: #98CE00;
padding-right: 5px
}
.nome_reitores {
text-align: center
}
.tamanho_img {
width: 80%
}
.tinscrevase {
color: #666
}
.fechar {
color: #333
}
.cinza {
color: #919292
}
.centralizarvh {
height: 100%;
min-height: 100%;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@-webkit-keyframes fade {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
100% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
display: block
}
}
@keyframes fade {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
100% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
display: block
}
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideRight {
0% {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeScaleIn {
0% {
transform: translateY(-100%);
opacity: 0
}
100% {
transform: translateY(0);
opacity: 1
}
}
/* =========================================================
FEI 2026 THEME OVERLAY
Migração estética do main.css para o style-teste13.css
Mantendo classes legacy da FEI
========================================================= */
/* =========================================================
DESIGN TOKENS
========================================================= */
:root {
/* Cores principais */
--fei26-primary: #006EAA;
--fei26-primary-dark: #004F7A;
--fei26-primary-deep: #003B5C;
--fei26-primary-light: #eefcea;
/* Neutras */
--fei26-white: #FFFFFF;
--fei26-black: #111111;
--fei26-text: #20252B;
--fei26-text-soft: #4E5964;
--fei26-text-muted: #737D87;
/* Superfícies */
--fei26-surface: #F5F7F9;
--fei26-surface-2: #EDF1F4;
--fei26-border: #DCE2E7;
/* Feedback */
--fei26-success: #63C1D0;
--fei26-warning: #C98A00;
--fei26-danger: #C0392B;
/* Tipografia */
--fei26-font: "Poppins", "Helvetica Neue", Arial, sans-serif;
/* Tamanhos de fonte em px para não quebrar o rem legacy */
--fei26-fs-xs: 12px;
--fei26-fs-sm: 14px;
--fei26-fs-md: 16px;
--fei26-fs-lg: 18px;
--fei26-fs-xl: 20px;
--fei26-fs-2xl: 24px;
--fei26-fs-3xl: 32px;
--fei26-fs-4xl: 40px;
--fei26-fs-5xl: 52px;
/* Espaçamentos */
--fei26-space-1: 4px;
--fei26-space-2: 8px;
--fei26-space-3: 12px;
--fei26-space-4: 16px;
--fei26-space-5: 20px;
--fei26-space-6: 24px;
--fei26-space-7: 32px;
--fei26-space-8: 40px;
--fei26-space-9: 48px;
--fei26-space-10: 64px;
--fei26-space-11: 80px;
--fei26-space-12: 96px;
/* Bordas */
--fei26-radius-sm: 4px;
--fei26-radius-md: 8px;
--fei26-radius-lg: 14px;
--fei26-radius-xl: 22px;
--fei26-radius-pill: 999px;
/* Sombras */
--fei26-shadow-sm: 0 2px 10px rgba(17, 17, 17, 0.06);
--fei26-shadow-md: 0 12px 30px rgba(17, 17, 17, 0.09);
--fei26-shadow-lg: 0 20px 50px rgba(17, 17, 17, 0.13);
/* Transições */
--fei26-transition-fast: 160ms ease;
--fei26-transition: 280ms ease;
--fei26-transition-slow: 500ms ease;
}
/* =========================================================
2. RESET / BASE
========================================================= */
html {
scroll-behavior: smooth;
scroll-padding-top: 95px;
}
body {
margin: 0;
color: var(--fei26-text) !important;
background: var(--fei26-white) !important;
font-family: var(--fei26-font) !important;
font-size: var(--fei26-fs-md) !important;
line-height: 1.65 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: block;
max-width: 100%;
}
button,
input,
select,
textarea {
font-family: inherit;
}
button {
cursor: pointer;
}
::selection {
color: #fff;
background: var(--fei26-primary);
}
/* =========================================================
3. TIPOGRAFIA
========================================================= */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.d1,
.d2,
.d3,
.fei-section-title {
color: var(--fei26-primary-deep);
font-family: var(--fei26-font);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.03em;
margin: 0 0 0.5em 0;
}
h1,
.h1 {
font-size: clamp(36px, 5vw, 56px);
}
h2,
.h2 {
font-size: clamp(30px, 4vw, 44px);
}
h3,
.h3 {
font-size: clamp(26px, 3.4vw, 36px);
}
h4,
.h4 {
font-size: clamp(22px, 2.8vw, 28px);
}
h5,
.h5 {
font-size: var(--fei26-fs-xl);
}
h6,
.h6 {
font-size: 17px;
}
.d1 {
font-size: clamp(44px, 6vw, 72px);
}
.d2 {
font-size: clamp(40px, 5vw, 64px);
}
.d3 {
font-size: clamp(34px, 4.5vw, 56px);
}
p,
li {
line-height: 1.65;
}
p {
margin: 0 0 16px 0;
}
small {
font-size: 82%;
opacity: 0.85;
}
a {
color: var(--fei26-primary);
text-decoration: none;
transition:
color var(--fei26-transition-fast),
opacity var(--fei26-transition-fast),
background var(--fei26-transition-fast);
}
a:hover,
a:focus {
color: var(--fei26-primary-dark);
opacity: 1;
text-decoration: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid var(--fei26-primary);
outline-offset: 2px;
}
blockquote {
border-left: 4px solid var(--fei26-primary);
background: var(--fei26-surface);
border-radius: var(--fei26-radius-md);
padding: 24px 28px;
margin: 0 0 20px 0;
font-style: normal;
color: var(--fei26-text-soft);
}
hr {
border: 0;
height: 1px;
background: var(--fei26-border);
margin: 32px 0;
}
code {
display: block;
background: var(--fei26-black);
color: #fff;
font-size: 14px;
line-height: 1.7;
padding: 18px;
border-radius: var(--fei26-radius-md);
}
/* =========================================================
4. LAYOUT / CONTAINER
========================================================= */
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1400px;
}
}
.fei-section {
position: relative;
padding: var(--fei26-space-11) 0;
color: var(--fei26-text);
font-weight: 400;
}
@media (max-width: 820px) {
.fei-section {
padding: var(--fei26-space-10) 0;
}
}
.fei-section--footer {
color: rgba(255, 255, 255, 0.72);
font-size: var(--fei26-fs-sm);
font-weight: 400;
}
/* =========================================================
5. TÍTULOS DE SEÇÃO
========================================================= */
.fei-section-title {
position: relative;
margin: 0 0 18px 0;
color: var(--fei26-primary-deep);
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
letter-spacing: -0.04em;
font-weight: 700;
text-transform: none;
}
.fei-section-title small {
display: block;
margin-top: 8px;
color: var(--fei26-text-muted);
font-size: 0.42em;
font-weight: 500;
letter-spacing: 0;
}
.fei-section-title:before {
content: attr(data-background);
display: none;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-size: 1.8em;
font-weight: 700;
letter-spacing: -0.04em;
white-space: nowrap;
opacity: 0.05;
color: var(--fei26-primary);
}
@media (min-width: 992px) {
.fei-section-title:before {
display: block;
}
}
.fei-section-title.fei-section-title--bordered:after {
content: "";
display: block;
position: absolute;
bottom: -12px;
left: 0;
width: 56px;
height: 4px;
border-radius: var(--fei26-radius-pill);
background: var(--fei26-primary);
}
/* =========================================================
6. UTILITÁRIOS DE COR
========================================================= */
.bg {
background-color: var(--fei26-surface) !important;
}
.bg-negative {
background-color: var(--fei26-black) !important;
}
.bg-primary {
background-color: var(--fei26-primary) !important;
}
.bg-primary-light {
background-color: var(--fei26-primary-light) !important;
}
.bg-secondary {
background-color: var(--fei26-success) !important;
}
.text-color-white {
color: var(--fei26-white) !important;
}
.text-color-default {
color: var(--fei26-text) !important;
}
.text-color-primary {
color: var(--fei26-primary) !important;
}
.text-color-primary-light {
color: var(--fei26-primary) !important;
}
.text-color-secondary {
color: var(--fei26-success) !important;
}
.text-color-warn {
color: var(--fei26-danger) !important;
}
/* =========================================================
7. BOTÕES
========================================================= */
.button,
a.button,
button.button,
input.button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 0 px;
margin: 0 8px 8px 0;
border: 1px solid transparent;
border-radius: var(--fei26-radius-md);
color: var(--fei26-text);
background: var(--fei26-surface);
font-family: var(--fei26-font);
font-size: var(--fei26-fs-md);
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
transition:
transform var(--fei26-transition-fast),
background var(--fei26-transition-fast),
color var(--fei26-transition-fast),
border-color var(--fei26-transition-fast),
box-shadow var(--fei26-transition-fast);
}
.button:hover,
a.button:hover,
button.button:hover,
input.button:hover,
.button:focus,
a.button:focus,
button.button:focus,
input.button:focus {
opacity: 1;
text-decoration: none;
transform: translateY(-2px);
background: var(--fei26-surface-2);
}
.button:last-child {
margin-right: 0;
}
.button.button--small {
min-height: 38px;
padding: 0 16px;
font-size: var(--fei26-fs-sm);
}
.button.button--large {
min-height: 54px;
padding: 0 26px;
font-size: var(--fei26-fs-lg);
}
.button.button--shadow {
box-shadow: var(--fei26-shadow-sm);
}
.button.button--shadow:hover,
.button.button--shadow:focus {
box-shadow: var(--fei26-shadow-md);
}
.button.button--primary {
color: #fff;
background: var(--fei26-primary);
border-color: transparent;
}
.button.button--primary:hover,
.button.button--primary:focus {
background: var(--fei26-primary-dark);
}
.button.button--primary-light {
color: var(--fei26-primary);
background: var(--fei26-primary-light);
border-color: transparent;
}
.button.button--primary-light:hover,
.button.button--primary-light:focus {
color: #fff;
background: var(--fei26-primary);
}
.button.button--secondary {
color: #fff;
background: var(--fei26-success);
}
.button.button--secondary:hover,
.button.button--secondary:focus {
background: #243574;
}
.button.button--dark,
.button.button--negative {
color: #fff;
background: var(--fei26-primary-deep);
}
.button.button--dark:hover,
.button.button--negative:hover,
.button.button--dark:focus,
.button.button--negative:focus {
background: var(--fei26-primary-dark);
}
.button.button--transparent {
color: var(--fei26-primary);
background: transparent;
border-color: var(--fei26-primary);
}
.button.button--transparent:hover,
.button.button--transparent:focus {
color: #fff;
background: var(--fei26-primary);
}
.button.button--transparent.button--primary {
color: #fff;
border-color: var(--fei26-primary);
}
.button.button--transparent.button--primary:hover,
.button.button--transparent.button--primary:focus {
color: #fff;
background: var(--fei26-primary);
}
/* Botões de fechar precisam manter comportamento próprio */
.button--close,
.close-button {
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 42px;
min-height: 42px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 50%;
background: transparent;
color: inherit;
font-size: 28px;
line-height: 1;
box-shadow: none;
}
.button--close:hover,
.close-button:hover,
.button--close:focus,
.close-button:focus {
background: rgba(0, 0, 0, 0.05);
transform: none;
}
/* Breadcrumb */
.fei-breadcrumb {
font-size: 1.4rem;
opacity: 0.5;
}
.fei-breadcrumb li {
display: inline-block;
color: inherit;
font-weight: normal;
margin-bottom: 1.6rem;
}
.fei-breadcrumb li.is-active {
font-weight: bold;
}
.fei-breadcrumb li:after {
content: "\";
display: inline-block;
color: #444444;
padding: 0 1rem;
}
.fei-breadcrumb li:last-child:after {
display: none;
}
/* =========================================================
8. FORMULÁRIOS
========================================================= */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
textarea,
select,
.fei-input-group .fei-input__control {
width: 100%;
padding: 12px 14px;
margin-bottom: 12px;
color: var(--fei26-text);
background: #fff;
border: 1px solid var(--fei26-border);
border-radius: var(--fei26-radius-md);
font-size: var(--fei26-fs-md);
line-height: 1.5;
transition:
border-color var(--fei26-transition-fast),
box-shadow var(--fei26-transition-fast),
background var(--fei26-transition-fast);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus,
.fei-input-group .fei-input__control:focus {
border-color: var(--fei26-primary);
box-shadow: 0 0 0 3px rgba(0, 110, 170, 0.12);
}
textarea {
resize: vertical;
min-height: 120px;
}
label,
.label {
display: block;
margin: 14px 0 7px 0;
color: var(--fei26-text);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
}
form {
font-size: var(--fei26-fs-md);
}
form input[type="submit"] {
display: block;
width: 100%;
}
.fei-input-group {
display: table;
overflow: hidden;
width: 100%;
margin-bottom: 12px;
border: 1px solid var(--fei26-border);
border-radius: var(--fei26-radius-md);
background: #fff;
}
.fei-input-group .fei-input__control {
margin: 0;
border: 0;
background: transparent;
}
.fei-input-group .fei-input__control:focus {
box-shadow: none;
}
/* =========================================================
9. CARDS
========================================================= */
.fei-card {
overflow: hidden;
margin: 16px 0;
background: #fff;
border: 1px solid var(--fei26-border);
border-radius: var(--fei26-radius-lg);
box-shadow: var(--fei26-shadow-sm);
transition:
transform var(--fei26-transition),
box-shadow var(--fei26-transition),
border-color var(--fei26-transition);
}
.fei-card:hover {
transform: translateY(-5px);
box-shadow: var(--fei26-shadow-md);
}
.fei-card img {
width: 100%;
}
.fei-card .fei-card__body {
padding: 22px;
}
.fei-card .fei-card__title {
margin: 0 0 8px 0;
color: var(--fei26-text);
font-size: var(--fei26-fs-xl);
line-height: 1.25;
letter-spacing: -0.025em;
font-weight: 600;
}
.fei-card .fei-card__title.fei-card__title--lg {
font-size: var(--fei26-fs-2xl);
}
.fei-card .fei-card__title.fei-card__title--sm {
font-size: var(--fei26-fs-md);
}
.fei-card .fei-card__body p:first-child,
.fei-card .fei-card__body .fei-card__info {
color: var(--fei26-text-muted);
font-size: var(--fei26-fs-sm);
font-weight: 500;
margin-bottom: 0;
}
.fei-card p,
.fei-card li {
color: var(--fei26-text-soft);
}
.fei-card p:last-child,
.fei-card li:last-child {
margin-bottom: 0;
}
.fei-card-link {
display: block;
text-decoration: none;
opacity: 1;
}
.fei-card-link:hover {
opacity: 1;
text-decoration: none;
}
.fei-card-link:hover .fei-card {
transform: translateY(-5px);
box-shadow: var(--fei26-shadow-md);
}
.fei-card--alt {
position: relative;
color: #fff;
}
.fei-card--alt:after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(to top,
rgba(0, 0, 0, 0.72),
rgba(0, 0, 0, 0.05));
}
.fei-card--alt .fei-card__body {
position: relative;
z-index: 2;
}
.fei-card--alt .fei-card__title,
.fei-card--alt p {
color: #fff;
}
/* =========================================================
10. NAVEGAÇÃO / HEADER
========================================================= */
.fei-navigation,
.fei-slideshow-nav,
.fei-tabs,
.fei-footer-nav {
font-family: var(--fei26-font);
}
.fei-header-navigation {
position: relative;
background: var(--fei26-primary-deep);
box-shadow: var(--fei26-shadow-sm);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.fei-header-navigation .fei-hnav-logo {
margin: 14px 0;
}
.fei-header-navigation .fei-hnav-logo img {
width: auto;
height: 56px;
}
.fei-header-navigation .fei-hnav-logo .jesuitas {
height: 44px;
margin-left: 16px;
}
.fei-internal-nav {
background: var(--fei26-primary-deep);
}
.fei-internal-nav a {
color: rgba(255, 255, 255, 0.78);
font-size: var(--fei26-fs-xs);
font-weight: 600;
letter-spacing: 0.02em;
padding: 10px 12px;
border-radius: var(--fei26-radius-sm);
transition: all var(--fei26-transition-fast);
}
.fei-internal-nav a:hover {
color: #fff;
background: rgba(255, 255, 255, 0.10);
}
.fei-collapse-button {
color: #fff;
font-size: var(--fei26-fs-sm);
font-weight: 600;
letter-spacing: 0.02em;
border-radius: var(--fei26-radius-sm);
}
.fei-nav-icon span {
background: #fff;
border-radius: 2px;
}
.fei-body-navigation {
background-color: var(--fei26-primary-deep);
}
/* Menu principal desktop */
@media (min-width: 992px) {
.fei-bnav-body {
color: #fff;
background-color: transparent;
}
.fei-bnav-body a {
color: rgba(255, 255, 255, 0.82);
font-size: var(--fei26-fs-sm);
font-weight: 600;
text-transform: none;
padding: 12px 6px;
border-radius: var(--fei26-radius-md);
transition:
color var(--fei26-transition-fast),
background var(--fei26-transition-fast);
}
.fei-bnav-body a:hover,
.fei-bnav-body a:focus {
color: #fff;
background: rgba(255, 255, 255, 0.10);
opacity: 1;
}
.fei-bnav-body li:after {
color: rgba(255, 255, 255, 0.25);
}
}
/* Menu mobile */
@media (max-width: 991px) {
.fei-bnav-body {
color: var(--fei26-text);
background: #fff;
}
.fei-bnav-body a {
color: var(--fei26-text-soft);
font-size: var(--fei26-fs-sm);
font-weight: 600;
text-transform: none;
border-bottom: 1px solid var(--fei26-border);
}
.fei-bnav-body a:hover {
color: var(--fei26-primary);
background: var(--fei26-primary-light);
}
}
/* Dropdown */
.fei-navigation-dropdown {
color: var(--fei26-text);
background: #fff;
border: 1px solid var(--fei26-border);
border-radius: var(--fei26-radius-lg);
box-shadow: var(--fei26-shadow-md);
}
@media (min-width: 768px) {
.fei-navigation-dropdown {
padding: 8px;
}
.fei-navigation-dropdown:before {
border-bottom-color: #fff;
}
.fei-navigation-dropdown li a {
margin: 0;
padding: 10px 12px;
border-radius: var(--fei26-radius-md);
color: var(--fei26-text-soft);
font-size: var(--fei26-fs-sm);
font-weight: 500;
white-space: nowrap;
}
.fei-navigation-dropdown li:hover>a,
.fei-navigation-dropdown li.hover>a {
color: var(--fei26-primary);
background: var(--fei26-primary-light);
box-shadow: none;
}
}
/* Quick navigation (menu lateral mobile) */
.fei-quick-links {
background: #fff;
color: var(--fei26-text);
box-shadow: var(--fei26-shadow-lg);
}
.fei-quick-links li a {
color: var(--fei26-text-soft);
border-radius: var(--fei26-radius-md);
font-weight: 600;
}
@media (min-width: 992px) {
.fei-quick-links li a:hover {
color: var(--fei26-primary);
background: var(--fei26-primary-light);
box-shadow: none;
}
}
/* =========================================================
11. SLIDESHOW / BANNERS
========================================================= */
.fei-slideshow {
position: relative;
z-index: 1;
}
.fei-slideshow .fei-slideshow__item {
color: #fff;
font-weight: 400;
}
.fei-slideshow__caption {
font-size: var(--fei26-fs-lg);
line-height: 1.65;
}
.fei-slideshow__caption .fei-section-title {
color: #fff;
}
.fei-slideshow__controls .control {
color: #fff;
}
@media (min-width: 768px) {
.fei-slideshow__controls .control {
border: 1px solid rgba(255, 255, 255, 0.45);
background: rgba(0, 0, 0, 0.18);
backdrop-filter: blur(8px);
}
.fei-slideshow__controls .control:hover,
.fei-slideshow__controls .control:focus {
background: rgba(0, 0, 0, 0.35);
}
}
.fei-slideshow-nav .fei-slideshow-nav__item {
background-color: rgba(255, 255, 255, 0.35);
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}
.fei-slideshow-nav .fei-slideshow-nav__item:hover,
.fei-slideshow-nav .fei-slideshow-nav__item.is-active {
background-color: #fff;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
}
.fei-slideshow-details {
background: var(--fei26-primary-deep);
color: #fff;
}
.fei-slideshow-details__container .fei-slideshow-details__item .fei-slideshow-details__title {
color: #A9DCF5;
font-size: var(--fei26-fs-lg);
font-weight: 700;
}
/* =========================================================
12. TABS
========================================================= */
.fei-tabs {
margin: 20px 0;
padding: 0;
}
.fei-tabs li {
margin: 0 6px 6px 0;
}
.fei-tabs a {
display: block;
padding: 10px 16px;
color: var(--fei26-text-muted);
font-size: var(--fei26-fs-sm);
font-weight: 600;
border-radius: var(--fei26-radius-md);
transition:
color var(--fei26-transition-fast),
background var(--fei26-transition-fast),
box-shadow var(--fei26-transition-fast);
}
.fei-tabs li.is-active a,
.fei-tabs li:hover a,
.fei-tabs li:focus a {
color: #fff;
background: var(--fei26-primary);
box-shadow: var(--fei26-shadow-sm);
opacity: 1;
}
.fei-projects .fei-tabs li.is-active a,
.fei-projects .fei-tabs li:hover a,
.fei-projects .fei-tabs li:focus a {
background-color: #ff8c27;
}
.fei-news .fei-tabs li.is-active a,
.fei-news .fei-tabs li:hover a,
.fei-news .fei-tabs li:focus a {
background-color: #6536a6;
}
.fei-vest .fei-tabs li.is-active a,
.fei-vest .fei-tabs li:hover a,
.fei-vest .fei-tabs li:focus a {
background-color: #f7b31b;
}
/* =========================================================
13. TAGS / BADGES
========================================================= */
.tag,
.fei-tags .fei-news-tag {
display: inline-block;
padding: 5px 12px;
font-size: var(--fei26-fs-xs);
font-weight: 700;
line-height: 1.2;
border-radius: var(--fei26-radius-pill);
background: var(--fei26-surface-2);
color:#fff;
transition: all var(--fei26-transition-fast);
}
.tag.tag--primary,
.fei-tags .tag--primary.fei-news-tag {
background: var(--fei26-primary-light);
color: var(--fei26-primary);
}
.tag.tag--secondary,
.fei-tags .tag--secondary.fei-news-tag {
background: rgba(25, 135, 84, 0.12);
color: var(--fei26-success);
}
.tag.tag--project,
.fei-tags .tag--project.fei-news-tag {
background: rgba(255, 140, 39, 0.14);
color: #C56200;
}
.tag.tag--news,
.fei-tags .tag--news.fei-news-tag {
background: rgba(101, 54, 166, 0.12);
color: #6536a6;
}
/* =========================================================
14. NOTÍCIAS
========================================================= */
.fei-news-default img {
border-radius: var(--fei26-radius-lg);
box-shadow: var(--fei26-shadow-sm);
}
.fei-news-default p {
color: var(--fei26-text-soft);
}
.fei-date {
margin: 14px 0 0 0;
color: var(--fei26-text-muted);
font-size: var(--fei26-fs-xs);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.fei-card .fei-date {
margin: 0 0 10px 0;
color: #fff
}
.fei-tags {
margin-top: -18px;
}
.fei-tags .fei-news-tag {
padding: 10px 14px;
}
.fei-news-eye {
background: var(--fei26-surface);
border-left: 4px solid var(--fei26-primary);
border-radius: var(--fei26-radius-md);
color: var(--fei26-text-soft);
}
.fei-news-article p {
color: var(--fei26-text-soft);
}
@media (min-width: 992px) {
.fei-news-article p {
font-size: 18px;
line-height: 1.75;
}
}
/* =========================================================
15. VESTIBULAR
========================================================= */
.fei-vest-box {
background-color: var(--fei26-primary-deep);
border-top-color: #f7b31b;
border-radius: var(--fei26-radius-lg);
box-shadow: var(--fei26-shadow-sm);
padding: 20px;
}
.fei-vest-box .fei-vest-date,
.fei-vest-box .fei-vest-box__date {
color: #f7b31b;
font-weight: 700;
}
.fei-vest .fa {
color: #f7b31b;
}
/* =========================================================
16. MODAIS
========================================================= */
.fei-modal {
background-color: rgba(17, 17, 17, 0.58);
backdrop-filter: blur(4px);
}
.fei-modal .button--close,
.fei-modal .close-button {
color: #fff;
}
/* =========================================================
17. TABELAS
========================================================= */
.table th,
.table td {
border-top: 1px solid var(--fei26-border);
}
.table thead th {
border-bottom: 2px solid var(--fei26-border);
color: var(--fei26-text);
font-weight: 700;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: var(--fei26-surface);
}
.table-hover tbody tr:hover {
background-color: var(--fei26-primary-light);
}
/* =========================================================
18. FOOTER
========================================================= */
.fei-footer {
position: relative;
padding: 0;
font-weight: 400;
color: rgba(255, 255, 255, 0.75);
background: #17232C;
}
.fei-footer a {
color: rgba(255, 255, 255, 0.72);
text-decoration: none;
transition: color var(--fei26-transition-fast);
}
.fei-footer a:hover,
.fei-footer a:focus {
color: #fff;
opacity: 1;
}
.fei-footer .fei-footer__title {
color: #fff;
font-size: var(--fei26-fs-sm);
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.fei-footer .fei-footer__container {
color: rgba(255, 255, 255, 0.75);
}
.fei-back-to-top {
color: #fff;
background: var(--fei26-primary);
}
@media (min-width: 768px) {
.fei-back-to-top {
background: var(--fei26-primary);
box-shadow: var(--fei26-shadow-md);
}
.fei-back-to-top:hover,
.fei-back-to-top:focus {
background: var(--fei26-primary-dark);
opacity: 1;
}
}
/* =========================================================
19. ALERTAS
========================================================= */
.fei-alert {
border-radius: var(--fei26-radius-md);
padding: 14px 18px;
font-size: var(--fei26-fs-sm);
font-weight: 600;
}
.fei-alert.alert-success {
background: var(--fei26-success);
}
.fei-alert.alert-danger {
background: var(--fei26-danger);
}
.fei-warning {
border-radius: var(--fei26-radius-md);
}
.fei-warning.alert-success {
background: rgba(25, 135, 84, 0.12);
color: var(--fei26-success);
border-color: rgba(25, 135, 84, 0.22);
}
.fei-warning.alert-info {
background: var(--fei26-primary-light);
color: var(--fei26-primary);
border-color: rgba(0, 110, 170, 0.20);
}
.fei-warning.alert-danger {
background: rgba(192, 57, 43, 0.10);
color: var(--fei26-danger);
border-color: rgba(192, 57, 43, 0.22);
}

/* =========================================================
20. FIX: ESTABILIZAÇÃO DE LAYOUT (CLS) - CARDS E GRID
Correção para deslocamento de posição durante scroll
Adicionado para resolver bug de troca de posição nos cards
abaixo da área de busca/classes row
========================================================= */

/* 1. Isolar recálculos de layout nos cards */
.fei-card,
.fei-side-card,
.noticia,
.fei-news-default {
    contain: layout style paint;
}

/* 2. Definir aspect-ratio para todas as imagens de card/notícia
   Evita CLS quando imagem carrega durante scroll/lazy-load */
.fei-card img,
.fei-card > img,
.noticia img,
.fei-news-default img,
.fei-side-card img,
.fei-thumbnail img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: auto;
    /* Previne salto visual no momento do decode */
    content-visibility: auto;
}

/* Exceção: imagens de side-card que usam float não devem ter aspect-ratio forçado */
.fei-side-card img {
    aspect-ratio: auto;
    height: 100%;
    width: auto;
}

/* 3. Remover min-height rígido que causa reflow dinâmico */
@media screen and (min-width: 992px) {
    .fei-scard-content {
        min-height: unset !important;
    }
    
    /* Manter alinhamento visual sem forçar altura fixa */
    .auto-height .fei-scard-content {
        min-height: unset !important;
    }
}

/* 4. Estabilizar hover transform para não afetar fluxo do grid float */
.fei-card,
a .fei-card,
.fei-card-link:hover .fei-card {
    /* Usar backface-visibility para promover camada composta 
       sem causar reflow nos vizinhos do grid float */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* 5. Garantir que a row do Bootstrap 3 não sofra com sub-pixel rounding */
.row:not(.row--flex) {
    display: flow-root; /* Cria novo BFC sem quebrar floats do BS3 */
}

/* 6. Placeholder visual para imagens ainda não carregadas */
.fei-card img[data-src],
.noticia img[data-src],
.fei-news-default img[data-src] {
    background: var(--fei26-surface-2);
    min-height: 180px; /* Fallback caso aspect-ratio não seja suportado */
}