@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i");
body {
font-family: "Titillium Web", sans-serif !important;
margin: 0px;
}  .contentWrap {
font-family: "Titillium Web", sans-serif !important;
width: 88%;
max-width: 1280px;
margin: 0 auto;
transition: ease all 0.5s;
z-index: 10;
margin-top: 20px;
}
.centraliza {
max-width: 1280px;
width: 90%;
margin: 0 auto;
position: relative;
height: 100%;
padding: 0 0px;
}
.paragrafo {
font-size: 20px;
color: #5a5f70;
}
h1 {
font-size: 42px;
color: #232d51;
text-align: left;
line-height: 43px;
}
pre,
p {
font-family: "Open Sans", sans-serif;
font-size: 16px;
color: #5a5f70;
} .topo-institucional {
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/fundo-topo.jpg) no-repeat center;
background-size: cover;
height: 370px;
margin-top: -133px;
}
.topo-institucional h1 {
margin: 0px 0px 24px;
color: #fff;
position: absolute; top: 60%;
width: 100%;
display: inline-block;
line-height: 18px;
}
.topo-institucional .titulo h1 {
display: inline;
}
.topo-institucional .titulo img { position: absolute;
top: 60%;
left: 320px;
cursor: pointer;
}
.content-menu {
width: 100%;
position: absolute;
bottom: 0;
}
.topo-institucional ul {
margin: 0;
padding: 0;
}
.topo-institucional ul:after {
content: "";
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/next.png);
height: 25px;
width: 25px;
position: absolute;
right: 15px;
top: 22px;
}
.topo-institucional ul li {
display: inline-block;
width: 18%;
margin: 0 0.5%;
background-color: #0e1c2c;
margin-bottom: 20px;
border-radius: 5px;
vertical-align: bottom;
position: relative;
transition: ease all 0.5s;
}
.topo-institucional ul li:hover {
background-color: #1a304a;
}
.topo-institucional ul li:first-child {
margin-left: 0;
}
.topo-institucional ul li.current-menu-item {
background-color: #fff;
margin-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.topo-institucional ul li a {
color: #fff;
text-decoration: none;
font-size: 18px;
padding: 20px;
display: block;
}
.topo-institucional ul li.current-menu-item a {
padding-bottom: 40px;
color: #0e1c2c;
}
.topo-institucional ul li.current-menu-item a:after {
width: 40px;
height: 4px;
background: #e7a101;
content: "";
left: 20px;
bottom: 20px;
position: absolute;
}
.topo-institucional ul li a:hover {
}
.content-menu .close {
display: none !important;
}
.seletor-concessionaria {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.seletor-concessionaria .item {
background-color: white;
padding: 20px 30px;
border-radius: 10px;
width: 25%;
margin-bottom: 35px;
font-size: 26px;
}
.seletor-concessionaria .item a {
text-decoration: none;
color: #232d51;
border-left: 4px solid #058574;
padding-left: 15px;
}
.modal-content h4 {
color: #ffffff;
font-size: 28px;
margin: 40px 0px 29px 0px;
max-width: 400px;
line-height: 33px;
}
@media (max-width: 1280px) {
.topo-institucional h1 {
margin-left: 2%;
}
.topo-institucional ul li:first-child {
margin-left: 2%;
}
.topo-institucional ul li a {
font-size: 16px;
}
.topo-institucional .titulo h1 {
top: 60%;
display: inline-block;
float: left;
width: auto;
}
img#abre-modal {
top: 60%;
float: left;
}
.seletor-concessionaria {
flex-direction: column;
}
.seletor-concessionaria .item {
width: 80%;
}
}
@media screen and (max-width: 680px),
only screen and (max-device-width: 680px) {
h1 {
font-size: 30px !important;
line-height: 32px !important;
} .centraliza .close { display: block !important;
z-index: 22;
position: absolute;
left: 0;
right: 0px;
top: 0;
bottom: 100%;
}
.content-menu:hover ~ span.close { bottom: 0;
}
.content-menu {
border: initial;
top: 82%;
z-index: 11;
}
.content-menu div ul {
padding-top: 71px;
padding-bottom: 17px;
}
.content-menu div ul li {
width: 98%;
margin: 10px auto;
display: block;
height: 0;
overflow: hidden;
}
.content-menu div ul li:first-child {
}
.content-menu div ul li.current-menu-item {
position: absolute;
top: 0;
z-index: 20;
left: 1%;
right: 1%;
height: 70px !important;
margin-top: 0;
margin: 0;
border-radius: 5px;
}
.content-menu div ul li.current-menu-item::before {
content: "";
transition: ease all 0.5s;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
width: 10px;
height: 10px;
border-right: 2px solid #0e1c2c;
border-bottom: 2px solid #0e1c2c;
transform: rotate(45deg);
}
.content-menu div ul li.current-menu-item a {
padding: 0;
margin: 20px 60px 20px 20px;
}
.content-menu:hover div ul {
background-color: rgba(94, 94, 94, 0.5);
box-shadow: 0 0 50px 25px rgba(0, 0, 0, 0.29);
padding-bottom: 0;
}
.content-menu:hover div ul li {
height: 70px;
margin-left: auto;
}
.content-menu:hover div ul li.current-menu-item::before {
transform: rotate(225deg);
margin-top: -4px;
}
.content-menu:hover .close {
right: 60px;
}
} .ic {
width: 20px;
height: 20px;
display: inline-block;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/icone.png) center no-repeat;
background-size: 100%;
}
.fb {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rs_fb.png);
}
.yt {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rs_yt.png);
}
.tw {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rs_tw.png);
}
.ins {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rs_ins.png);
}
.in {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rs_in.png);
}
.busca {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i_busca.png);
}
.cel {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i_cel.png);
background-size: 85%;
} .mgWrap { position: relative;
width: 90%;
max-width: 1280px;
margin: 0 auto;
background-color: #f9f9f9;
transition: ease all 0.5s;
z-index: 10;
}
.mgOpen {
position: fixed;
width: 60px;
height: 60px;
background-color: #efefef;
cursor: pointer;
display: none;
top: 0;
right: 0;
}
.mg {
position: relative;
}
.mgLogo {
width: 200px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid #dedede;
}
.mgLogo .logo {
width: 200px;
height: 100%;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/logo.png) center no-repeat;
background-size: contain;
display: block;
}
.mgTop {
margin-left: 200px;
position: relative;
overflow: hidden;
border-bottom: 1px solid #dedede;
height: 40px;
}
.mgTop .rs {
float: right;
height: 100%;
padding-top: 8px;
background: rgb(31, 155, 118);
background: -moz-linear-gradient(
top,
rgba(31, 155, 118, 1) 0%,
rgba(13, 134, 98, 1) 100%
);
background: -webkit-linear-gradient(
top,
rgba(31, 155, 118, 1) 0%,
rgba(13, 134, 98, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(31, 155, 118, 1) 0%,
rgba(13, 134, 98, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9b76', endColorstr='#0d8662',GradientType=0 );
width: 179px;
}
.mgTop .rs li {
opacity: 0.4;
margin: 2px 8px;
vertical-align: middle;
}
.mgTop .rs li a {
text-decoration: none;
}
.mgTop .rs li i {
font-size: 20px;
color: black;
}
.mgTop .rs li:hover {
opacity: 0.2;
}
.mgTop > a {
display: inline-block;
float: right;
padding: 5px 20px;
height: 30px;
border-left: 1px solid #dedede;
color: #5a5f70;
text-decoration: none;
}
.mgTop > a .ic {
width: 30px;
height: 30px;
}
.mgTop > a span {
display: block;
height: 20px;
font-size: 13px;
margin-top: -30px;
margin-left: 38px;
}
.mgMenuWrap {
margin-left: 200px;
transition: ease all 0.5s; }
.mgMenu {
}
.mgMenu ul {
margin: 0;
padding: 10px 0px;
text-align: left;
padding-left: 20px;
}
.mgMenu ul li {
display: inline-block;
padding: 5px 10px 5px 25px;
position: relative;
}
.mgMenu ul li a {
color: #232d51;
text-decoration: none;
font-size: 15px;
}
.mgMenu ul li a::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border: 2px solid #0d8662;
border-radius: 50%;
top: 50%;
margin-top: -4.5px;
left: 10px;
}
@media screen and (max-width: 1280px),
only screen and (max-device-width: 1280px) {
.mgWrap {
width: 100%;
}
}
@media screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
.menuTopo {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 25;
}
.mgLogo {
width: 150px;
}
.mgLogo .logo {
background-size: 100%;
width: 150px;
}
.mgTop {
margin-right: 60px;
margin-left: 150px;
border-bottom: none;
height: 62px;
}
.mgTop .rs {
padding: 20px 0;
display: none;
}
.mgTop > a {
border: none;
height: 60px;
margin-top: 10px;
padding: 5px 10px;
}
.mgMenuWrap {
position: fixed;
width: 60px;
height: 100%;
right: -100%;
top: 60px;
}
.mgOpen {
display: block;
}
.mgOpen span {
display: block;
position: absolute;
width: 30px;
height: 2px;
background-color: #37997b;
top: 28px;
left: 15px;
transition: ease all 0.5s;
}
.mgOpen span:first-child {
top: 20px;
}
.mgOpen span:last-child {
top: 36px;
}
.mgOpen.ativo span {
transform: rotate(45deg);
}
.mgOpen.ativo span:first-child {
transform: rotate(-45deg);
top: 28px;
}
.mgOpen.ativo span:last-child {
display: none;
}
.mgMenu {
width: 0;
overflow: hidden;
} .mgMenuWrap.ativo {
top: 60px;
width: 101%;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
overflow: auto;
height: auto;
right: 0;
}
.mgMenuWrap.ativo .mgMenu {
width: 80%;
height: 100%;
margin: 0;
transition: ease all 0.5s;
float: right;
background-color: #efefef;
}
.mgMenuWrap.ativo .mgMenu ul {
padding: 5px 20px;
}
.mgMenuWrap.ativo .mgMenu ul li {
display: block;
margin: 20px 0;
}
.mgMenuWrap.ativo .mgMenu ul li a {
font-size: 17px;
}
.mg {
height: 62px;
}
}
@media screen and (max-width: 430px),
only screen and (max-device-width: 430px) {
.mgTop > a span {
display: none;
}
} .searchform {
position: relative;
}
.search h2.pagetitle {
min-height: 36px;
}
.search h1 {
text-align: center;
font-size: 42px;
line-height: 42px;
top: 50%;
}
.search .busca-form {
color: black;
position: absolute;
top: 72%;
left: 50%;
margin-left: -40%;
width: 80%;
height: 50px;
}
.search .busca-form img {
position: absolute;
right: 2%;
top: 30%;
}
.search .screen-reader-text {
display: none;
}
.search #searchsubmit {
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/lupa.PNG) #fff no-repeat center;
cursor: pointer;
height: 100%;
position: absolute;
right: 2%;
text-indent: -9999px;
top: 0;
width: 27px;
}
.search input {
width: 95%;
height: 53px;
border-radius: 5px;
border: none;
font-size: 16px;
color: #232d51;
padding-left: 40px;
font-weight: bold;
}
.search input:focus,
.search input:active {
outline: none;
}
.search .result {
border: 2px solid #454c6a;
border-radius: 10px;
padding: 25px;
margin-bottom: 50px;
transition: all 0.3s ease;
}
.search .result:hover {
border: 2px solid #e9a101;
}
.search .result .data {
color: #e9a101; font-size: 18px;
font-weight: bold;
}
.search .result .title {
height: auto;
padding-top: 10px;
}
.search .result .title:before {
display: none;
}
.search .result .title a {
color: #222c51;
text-decoration: none;
font-weight: bold;
font-size: 24px;
}
.search .result p {
margin: 0px;
}
.search .navigation {
margin-bottom: 50px;
display: inline-block;
width: 100%;
}
.search .navigation a {
color: #242e52;
text-decoration: none;
font-size: 18px;
border: 2px solid #242e52;
border-radius: 5px;
padding: 5px 20px; }
.search .navigation .alignleft {
float: left;
}
.search .navigation .alignright {
float: right;
}
@media screen and (max-width: 769px),
only screen and (max-device-width: 768px) {
.search h1 {
font-size: 32px;
top: 57%;
}
}  .rpWrap a:hover {
opacity: 0.8;
} .rsRodape .ic {
width: 30px;
height: 30px;
display: inline-block;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/icone.png) center no-repeat;
background-size: 100%;
margin: 0 10px 0 0;
}
.rsRodape .fb {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rp-rs_fb.png);
}
.rsRodape .yt {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rp-rs_yt.png);
}
.rsRodape .tw {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rp-rs_tw.png);
}
.rsRodape .ins {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rp-rs_ins.png);
}
.rsRodape .in {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-rp-rs_in.png);
}
.rsRodape i {
color: #0f5943;
font-size: 22px;
margin: 0px 5px;
} .rpWrap {
font-family: "Open Sans", sans-serif;
background: #e6e6e6;
padding: 30px 0 60px 0;
}
.rp {
width: 90%;
max-width: 1280px;
margin: 0 auto;
}
.rp .col_1-5 {
display: inline-block;
vertical-align: top;
width: 19%;
}
.rp ul {
margin: 0;
list-style: none;
padding: 0;
margin-top: 20px;
padding-right: 20px;
}
.rp ul > .menu-item > a {
font-family: "Titillium Web", sans-serif;
text-decoration: none;
font-weight: bold;
font-size: 20px;
color: #222c51;
display: block;
margin-bottom: 10px;
}
.rp .sub-menu .menu-item > a {
font-size: 15px;
text-decoration: none;
color: #222c51;
font-weight: inherit;
margin-bottom: 0px;
}
.rp ul li {
padding: 3px 0;
}
.rp ul li a {
font-size: 15px;
text-decoration: none;
color: #222c51;
}
.rp .rsRodape {
margin-top: 50px;
}
.rp .rsRodape .ic {
}
@media screen and (max-width: 1020px),
only screen and (max-device-width: 1020px) {
.rp .col_1-5 {
width: 30%;
}
.rp ul li {
text-align: center;
}
#arteris-social-menu {
display: none !important;
}
}
@media screen and (max-width: 769px),
only screen and (max-device-width: 768px) {
.rp .col_1-5 {
width: 100%;
}
}
@media screen and (max-width: 430px),
only screen and (max-device-width: 430px) {
} .title {
position: relative;
clear: both;
overflow: auto;
margin-bottom: 20px;
height: 50px;
} .title h2 {
font-size: 32px;
color: #222c51;
font-weight: 600;
margin: 0;
display: inline;
z-index: 1;
padding: 0 20px 0 0;
position: absolute;
left: 0;
background-color: white;
}
.title a.bt {
float: right;
display: inline-block;
padding: 10px 20px;
border: 2px solid #e9a101;
border-radius: 10px;
text-decoration: none;
text-transform: uppercase;
color: #222c51;
font-weight: 600;
right: 0;
z-index: 1;
line-height: 21px;
position: inherit;
background-color: white;
}
.title:before {
content: "";
height: 3px;
width: 100%;
background-color: orange;
position: absolute;
right: 148px;
top: 50%;
margin-top: -3px;
z-index: 0;
left: 0;
}
.title a.bt .ic {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 0px -4px 0px;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/icone.png) center no-repeat;
background-size: 40%;
background-position: right;
}
.title a.bt .ic.seta {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-seta.png);
}
.nwWrap {
font-family: "Titillium Web", sans-serif;
padding: 45px 0 0px 0; border-top: 1px solid #dedede;
background-color: #f7f7f7;
}
.nw {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.nw .itensWrap {
text-align: center;
}
.nw .itensWrap a.item {
display: inline-block;
width: 24%;
border-radius: 5px;
padding-bottom: 22%;
position: relative;
margin: 0.25%;
vertical-align: bottom;
overflow: hidden;
}
.nw .itensWrap .image {
position: absolute;
border-radius: 5px;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
.nw .itensWrap .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
}
.nw .itensWrap .texto {
position: absolute;
top: 30px;
left: 20px;
right: 20px;
font-size: 25px;
font-weight: 600;
text-align: center;
line-height: 32px;
color: #fff;
background: #143753;
background: -moz-linear-gradient(
top,
rgba(20, 55, 83, 1) 0,
rgba(0, 119, 95, 1) 100%
);
background: -webkit-linear-gradient(
top,
rgba(20, 55, 83, 1) 0,
rgba(0, 119, 95, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(20, 55, 83, 1) 0,
rgba(0, 119, 95, 1) 100%
);
width: 80%;
height: 100%;
margin: -30px 0 0 -21px;
padding: 30px 31px 0;
transition: ease 0.4s;
}
.nw .itensWrap .texto:hover {
opacity: 0;
}
.nw .itensWrap a.item .ic.setanws {
width: 46px;
height: 46px;
position: absolute;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-seta-nws.png) center no-repeat;
left: 50%;
margin-left: -23px;
bottom: -50%;
transition: bottom 0.4s ease;
}
.nw .itensWrap a.item:hover .ic.setanws {
bottom: 12%;
}
@media screen and (max-width: 769px),
only screen and (max-device-width: 768px) {
.nw .itensWrap a.item {
width: 49%;
padding-bottom: 50%;
}
.nw .itensWrap a.item .texto {
padding: 50px 40px 0;
margin: -30px 0 0 -20px;
}
}
@media screen and (max-width: 430px),
only screen and (max-device-width: 430px) {
.title {
height: auto; }
.title::before {
display: none;
}
.title h2 {
position: relative;
float: inherit;
display: block;
left: inherit;
width: 90%;
margin: 0px auto;
}
.title a.bt {
position: relative;
float: inherit;
}
.nw .itensWrap a.item {
width: 99%;
padding-bottom: 90%;
margin-bottom: 20px;
}
}  .noticia-interna {
font-size: 20px;
color: #5a5f70;
}
.noticia-interna h2 {
margin-bottom: 0px;
}
.noticia-interna .noticia-detalhes {
color: #e9a101;
margin: 0px;
font-size: 18px;
font-weight: bold;
}
.noticia-thumb {
max-height: 470px;
overflow: hidden;
text-align: center;
margin: 30px 0px;
max-width: 100%;
}
.noticia-thumb img {
max-width: 100%;
height: auto !important;
}  .turismo-viagem .item {
margin-bottom: 40px;
padding: 60px 0;
overflow: auto;
}
.turismo-viagem .item.inpar {
background-color: #f7f5f5;
}
.turismo-viagem .item.inpar .imagem {
float: right;
margin-left: 0;
margin-right: 3%;
}
.turismo-viagem .item.inpar .texto {
float: left;
margin-left: 3%;
margin-right: 0;
}
.turismo-viagem .item .imagem {
overflow: hidden;
width: 45%;
float: left;
margin-left: 3%;
}
.turismo-viagem .item .imagem img {
width: 100%;
height: auto !important;
}
.turismo-viagem .item .texto {
width: 45%;
float: right;
margin-right: 3%;
}
.turismo-viagem .item .texto h3 {
margin: 0px;
margin-bottom: 9px;
font-size: 32px;
color: #232d51;
}
.turismo-viagem .item .texto p {
margin: 0px;
font-size: 16px;
line-height: 22px;
}
.turismo-viagem .item .texto span {
color: #e9a101;
margin: 0px;
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 13px;
}
.turismo-viagem .item .texto .obs {
border-left: 3px solid #e9a101;
padding-left: 15px;
margin-top: 15px;
margin-bottom: 10px;
font-size: 14px;
}
.turismo-viagem .item .texto .obs p {
font-size: 14px;
line-height: 16px;
}
.turismo-viagem .item .texto span img {
height: 20px;
}
@media screen and (max-width: 769px),
only screen and (max-device-width: 768px) {
.turismo-viagem .item {
padding: 20px;
}
.turismo-viagem .item .texto {
width: 100%;
margin: 20px 0 !important;
}
.turismo-viagem .item .imagem {
width: 100%;
margin: 0 !important;
float: inherit !important;
}
}
@media screen and (max-width: 430px),
only screen and (max-device-width: 430px) {
.turismo-viagem .item {  }
}  .infograficowraper {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/background.png);
width: 100%;
background-size: 117%;
background-position: -50% 61%;
padding: 1px 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #f7f7f7;
}
.infografico {
overflow: hidden;
max-width: 1280px;
position: relative;
margin: 60px auto;
font-family: "Titillium Web", sans-serif;
}
.infografico .direita {
float: right;
width: 31%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #1b3655;
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/iconerodovia.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 80%;
}
.infografico .esquerda {
width: 70%;
float: left;
}
.infografico .box {
display: inline-block;
vertical-align: top;
padding-bottom: 49%;
width: 49%;
position: relative;
}
.infografico .esquerda .box.verde {
background-color: #017f59; }
.infografico .esquerda .box.verde h5 {
color: #ffffff;
font-size: 25px;
font-weight: normal;
position: absolute;
top: 50%;
margin-top: -14%;
left: 10%;
right: 10%;
width: 80%;
line-height: 28px;
}
.infografico .esquerda .box .texto {
text-align: center;
position: absolute;
left: 20px;
right: 20px;
top: 8%;
height: 70%;
}
.infografico .esquerda .box .texto-vertical {
top: 20%;
}
.infografico .esquerda .box .texto span {
color: #e9a000;
font-size: 28px;
display: block;
margin: 60px 0;
}
.infografico .esquerda .box .texto h3 {
font-size: 100px;
margin: -29px;
}
.infografico .esquerda .box .texto .imagem {
}
.infografico .esquerda .box.amarelo {
background-color: #e9a000;
text-align: center;
}
.infografico .esquerda .box.amarelo span {
font-size: 28px;
color: #ffffff;
display: block; }
.infografico .esquerda .box.amarelo h3 {  }
.infografico .esquerda .box.transparente {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/iconedinheiro.png);
background-repeat: no-repeat;
background-size: 61%;
background-position: center;
} @media screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
.infografico .esquerda .box.verde h5 {
font-size: 26px;
margin-top: -29%;
}
.infografico .esquerda .box .texto {
}
.infografico .esquerda .box .texto span {
font-size: 21px;
}
.infografico .esquerda .box .texto h3 {
font-size: 57px;
}
.infografico .esquerda .box .texto .imagem {
}
.infografico .esquerda .box.amarelo {
}
.infografico .esquerda .box.amarelo span {
display: block;
}
.infografico .esquerda .box.amarelo h3 {
}
.infografico .esquerda .box.transparente {
}
} @media screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
.infograficowraper {
background-size: 300%;
background-position: center;
}
.infografico {
margin: 0;
overflow: hidden;
}
.infografico .direita {
width: 100%;
position: relative;
right: 0;
top: 0;
bottom: 0;
background-size: 40%;
padding-bottom: 49%;
}
.infografico .esquerda {
width: 100%;
}
.infografico .box {
width: 100%;
padding-bottom: 100%;
}
.infografico .esquerda .box.verde h5 {
font-size: 29px;
line-height: 38px;
}
.infografico .esquerda .box .texto h3 {
line-height: 105px;
}
.infografico .esquerda .box.transparente {
background-size: 45%;
}
.infografico .esquerda .box .texto span {
font-size: 55px !important;
line-height: 51px;
font-size: 31px;
}
}  .banner {
position: relative;
padding: 0 0 33% 0;
overflow-x: hidden;
font-family: "Titillium Web", sans-serif;
margin-top: -133px;
}
.banner .controle {
overflow: hidden;
clear: both;
margin-bottom: 10px;
padding: 0px 23px;
position: absolute;
left: 30px;
right: 30px;
bottom: 5px;
height: 23px;
}
.banner .controle .bolas {
width: 100%;
}
.banner .controle .bolas ul {
display: block;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
margin: 0;
padding: 0;
text-align: center;
}
.banner .controle .bolas ul li {
display: inline-block;
height: 10px;
width: 10px;
margin: 3px 5px;
border: 2px solid #ffffff;
border-radius: 10px;
}
.banner .controle .bolas ul li.select {
background: #ffffff;
}
.banner .controle .setas {
}
.banner .controle .setas .setaleft {
width: 20px;
height: 20px;
float: left;
cursor: pointer;
position: absolute;
left: 0;
}
.banner .controle .setas .setaleft::before {
content: "";
display: block;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
width: 7px;
height: 7px;
position: absolute;
left: 5px;
top: 3px;
transform: rotate(45deg);
}
.banner .controle .setas .setaright {
width: 20px;
height: 20px;
float: right;
cursor: pointer;
position: absolute;
right: 0;
}
.banner .controle .setas .setaright::before {
content: "";
display: block;
border-right: 2px solid #ffffff;
border-top: 2px solid #ffffff;
width: 7px;
height: 7px;
transform: rotate(45deg);
right: 5px;
top: 3px;
position: absolute;
}
.banner .controle .setas .setaleft:hover::before,
.banner .controle .setas .setaright:hover::before {
transform: scale(1.2) rotate(45deg);
}
.banner ul {
display: block;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
padding: 0;
margin: 0;
}
.banner > ul > li {
display: block;
position: absolute;
z-index: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.banner > ul > li .image {
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner > ul > li .image img {
width: 100%;
height: auto !important;
}
.banner .BannerContent {
padding: 0;
position: absolute;
width: 100%;
display: block;
vertical-align: bottom;
bottom: 0;
}
.banner .leftContent {
width: 100%;
height: auto;
position: absolute;
top: -400px;
left: 0;
bottom: 0;
z-index: 0;
background: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
);
background: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
);
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.banner .leftContent .titulo {
position: absolute;
bottom: 90px;
left: 30px;
}
.banner .leftContent .titulo a {
font-size: 21px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}
.banner .rightContent {
padding: 0;
position: relative;
width: 90%;
max-width: 1280px;
display: block;
vertical-align: bottom;
bottom: 81px;
margin: 0 auto;
}
.banner .rightContent .nome {
color: #fff;
margin-top: 0;
display: block;
}
.banner .rightContent .nome a {
font-size: 45px;
font-weight: 500;
color: #fff;
text-decoration: none;
font-weight: 700;
}
.banner .rightContent p {
font-size: 26px;
line-height: 32px;
color: #fff;
margin-bottom: 10px;
margin-top: 5px;
}
.banner .rightContent .botao {
padding: 20px 30px 30px 20px;
display: inline-block;
position: relative;
margin-left: 0;
background-color: #fff;
border-radius: 5px;
margin-top: 20px;
text-decoration: none;
}
.banner .rightContent .botao span {
color: #4b526d;
font-size: 20px;
display: inline-block;
position: relative;
text-decoration: none;
margin-right: 20px;
}
.banner .rightContent .botao span::after {
content: "";
position: absolute;
width: 40%;
height: 3px;
background-color: #e9a101;
left: 0;
bottom: -5px;
}
.banner .rightContent .botao .ic.setabanner {
display: inline-block;
width: 30px;
height: 30px;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-seta-banner.png) center no-repeat;
background-size: 100%;
margin: 0 3px -13px 39px;
}
@media screen and (max-width: 1280px),
only screen and (max-device-width: 1280px) {
.banner {
margin-top: 0px;
}
}
@media screen and (max-width: 1100px),
only screen and (max-device-width: 1100px) {
.banner {
margin-top: 0px;
}
.banner .rightContent {
bottom: 60px;
}
.banner .rightContent .nome {
}
.banner .rightContent .nome a {
font-size: 32px;
}
.banner .rightContent p {
font-size: 21px;
line-height: 21px;
margin-top: 0px;
}
.banner .rightContent .botao {
padding: 15px 20px 20px 20px;
margin-top: 10px;
}
}
@media screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
.banner {
margin-top: 63px;
padding-bottom: 50%;
}
.banner > ul > li .image img {
width: 200%;
margin-left: -50%;
}
.canal-multimidia-home {
padding-top: 10px;
}
.canal-multimidia-home .title {
margin-bottom: -20px;
}
}
@media screen and (max-width: 670px),
only screen and (max-device-width: 670px) {
.banner {
padding-bottom: 55%;
margin-top: 0;
height: 50px;
}
.banner > ul > li {
left: 0px;
right: 0px;
z-index: 4;
}
.banner .controle {
left: 0;
right: 0;
width: auto;
top: 0;
bottom: 0;
z-index: 10; padding: 0;
height: 100%;
margin: 0;
border-radius: 5px;
display: none;
}
.banner .controle .setas .setaleft,
.banner .controle .setas .setaright {
margin-right: 5px;
width: 30px;
height: 30px;
top: 47%;
margin-bottom: 5px;
margin-left: 5px;
}
.banner .controle .setas .setaleft {
left: 5px;
}
.banner .controle .setas .setaright {
right: 5px;
}
.banner .controle .setas .setaleft::before,
.banner .controle .setas .setaright::before {
width: 20px !important;
height: 20px;
display: none;
}
.banner .controle .bolas {
display: none;
}
.banner .bannerContent {
z-index: 14;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.banner .rightContent {
position: absolute;
bottom: 30px;
left: 20px;
z-index: 4;
width: 100%;
}
.banner .rightContent .nome {
}
.banner .rightContent .nome a {
font-size: 26px;
}
.banner .rightContent p {
font-size: 16px;
margin-bottom: 15px;
}
.banner .rightContent .botao {
font-size: 12px;
margin: 0;
padding: 10px 10px 20px 10px;
}
.banner .rightContent .botao span {
font-size: 14px;
}
.banner .rightContent .botao .ic.setabanner {
width: 15px;
height: 28px;
}
.banner .rightContent .botao a {
font-size: 10px;
}
}  .concessionarias {
display: flex;
flex-wrap: wrap;
margin-top: 45px;
}
.concessionarias .item {
width: 30%;
float: left;
border: 1px solid lightgray;
border-radius: 5px;
text-decoration: none;
margin-bottom: 30px;
position: relative;
overflow: hidden;
margin: 1%;
}
.concessionarias .item .mapa {
height: 180px;
background-size: cover;
}
.concessionarias .item span {
font-size: 16px;
color: #232d51;
padding-left: 40px;
margin: 15px 0px 0px 0px;
display: inline-block;
}
.concessionarias .item h2 {
font-size: 26px;
color: #232d51;
margin: 0px 20px 20px;
}
.concessionarias .over {
position: absolute;
background-color: #007f5b;
height: 100%;
width: 100%;
top: 200%;
left: 0px;
opacity: 0.8;
text-align: center;
transition: all 0.5s ease;
}
.concessionarias .over button {
background-color: #2daa81;
border: none;
padding: 10px 35px;
color: white;
font-size: 19px;
position: absolute;
bottom: 15%;
left: 50%;
transform: translateX(-50%);
border-radius: 10px;
cursor: pointer;
}
.concessionarias .over .info {
position: absolute; left: 50%;
transform: translate(-50%, -0%);
width: 100%;
}
.over .info img {
width: 100%;
}
.concessionarias .over span {
color: white;
margin: 0px;
font-size: 20px;
width: 100%;
padding: 0px;
text-align: right;
}
.concessionarias .over h2 {
color: white;
font-size: 36px;
line-height: 30px;
margin: 0px;
padding-bottom: 10px;
border-bottom: 2px solid white;
text-align: right;
}
.concessionarias .item:hover .over {
top: 0px;
}
@media screen and (max-width: 670px),
only screen and (max-device-width: 670px) {
.concessionarias .item {
width: 100%;
}
}
.mapa-rodovia {
height: 500px;
}
.faixa-concessionaria {
width: 100%;
display: flex;
flex-direction: row;
justify-content: left;
height: 90px;
padding-top: 20px !important;
}
.faixa-concessionaria .item {
float: left;
width: 20%;
margin-right: 50px;
height: 70px;
}
.faixa-concessionaria .item:not(:last-child) {
border-right: 1px solid #dedede;
}
.faixa-concessionaria .item .left {
width: 11%;
float: left;
padding-top: 3px;
}
.faixa-concessionaria .item .right {
float: left;
width: 80%;
margin-left: 5%;
}
.faixa-concessionaria .item img {
width: 100%;
}
.faixa-concessionaria .item label {
width: 100%;
display: inline-block;
color: #e8a101;
font-size: 14px;
}
.faixa-concessionaria .item strong {
width: 100%;
color: #222c51;
font-size: 22px;
position: relative;
line-height: 22px;
}
.faixa-concessionaria .item strong a {
text-decoration: none;
color: inherit;
}
.faixa-concessionaria .item strong:after {
content: "";
width: 30px;
height: 3px;
position: absolute;
left: 0px;
bottom: -12px;
background-color: #e8a101;
} .maps-content {
position: relative;
}
.maps-content:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
top: 0;
left: 0;
}
.elementos-mapa_botao {
position: absolute !important;
top: 50%;
z-index: 1;
}
.elementos-mapa {
background-color: white;
border: 1px solid lightgray;
border-radius: 5px;
transform: translate(-50%, -50%);
display: inline-block;
left: 50%;
position: relative;
padding: 15px 10px;
margin-bottom: -100px;
text-align: center;
}
.elementos-mapa ul {
}
.elementos-mapa ul li { background-color: #f0f0f0;
list-style: none;
margin: 0px 5px;
padding: 10px;
border-radius: 5px;
cursor: pointer;
color: #017e58;
min-width: 85px;
height: 75px;
text-align: center;
font-size: 16px;
}
.elementos-mapa .listagem {
display: flex;
margin: 0px;
flex-flow: row wrap;
padding: 0px;
overflow: auto;
}
.elementos-mapa .listagem ul {
}
.elementos-mapa .listagem ul li {
margin: 0px 10px;
}
.elementos-mapa ul li img {
margin-top: 5px; max-height: 40px;
}
.seletor-marcador.ativo:after {
content: "";
background: #e9a101;
width: 40px;
height: 5px;
position: absolute;
bottom: 0px;
transform: translateX(-50%);
}
@media screen and (max-width: 670px),
only screen and (max-device-width: 670px) {
.elementos-mapa {
width: 100%;
overflow: hidden;
padding: 10px 0px;
}
ul#listagem-elementos {
display: flex;
flex-flow: unset;
flex-wrap: unset;
}
li.seletor-marcador {
float: left;
}
li.seletor-marcador { margin-bottom: 11px !important;
}
li.seletor-marcador div {
font-size: 11px;
}
li.seletor-marcador {
position: relative;
}
}  .social-feed-container {
background-color: #f7f7f7;
padding-top: 80px;
padding-bottom: 30px;
}  .premiacoes {
background-color: #e6e6e6;
padding-top: 15px;
font-family: "Titillium Web", sans-serif !important;
padding-bottom: 60px;
}
.premiacoes h2 {
color: #0b6c50;
font-size: 38px;
}
.premiacoes .items {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.premiacao {
width: 30%;
margin-right: 15px;
margin-bottom: 30px;
}
.premiacao .image {
float: left;
background-color: white;
border-radius: 100%;
height: 120px;
width: 120px;
position: relative;
border: 2px solid #222c51;
}
.premiacao .image img {
width: 70%;
height: 70%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.premiacao .content {
float: left;
width: 56%;
}
.premiacao .texto {
font-weight: bold;
color: #222c51;
padding-left: 15px;
}
.premiacao .data {
padding-left: 15px;
color: #fab302;
font-size: 15px;
}
.premiacao .briefing {
padding-left: 15px;
color: #8c8fb1;
}  .menu-social-container {
padding-left: 15px;
}
.menu-social-container .menu-item {
float: left !important;
list-style: none;
}
.menu-social-container .menu-item a {
color: green;
text-decoration: none;
}
ul#arteris-social-menu {
margin: 0px;
display: inline;
padding-left: 0;
width: 100%;
}  .canal-multimidia {   justify-content: space-between;
font-family: "Titillium Web", sans-serif;
color: #5a5f70;
margin-bottom: 15px;
padding: 0;
overflow: auto;
}
.canal-multimidia .item {
position: relative;
margin-bottom: 25px;
width: 30%;
}
.canal-multimidia .item a {
text-decoration: none;
color: #5a5f70;
}
.canal-multimidia .item span:after {
content: "";
width: 50px;
height: 5px;
background-color: #f6ab04;
position: absolute;
}
.canal-multimidia .left {
width: 48%;
float: left;
}
.canal-multimidia .left .item {
width: 100%;
}
.canal-multimidia .right {
width: 50%;
justify-content: space-between;
float: right;
}
.canal-multimidia .right .item {
width: 48%;
margin: 1%;
float: left;
}
.canal-multimidia .item .image {
position: relative;
padding-bottom: 61%;
overflow: hidden;
}
.canal-multimidia .item img {
width: 100%;
position: absolute;
height: auto;
z-index: 1;
}
.canal-multimidia .left .item .image .play {
top: 20px;
left: 20px;
width: 80px;
height: 75px;
background-color: #fca606;
background-size: 20px;
background-repeat: no-repeat;
position: absolute;
border-radius: 5px;
background-position-y: 50%;
background-position-x: 50%;
z-index: 11;
}
.canal-multimidia .right .item .image .play {
top: 20px;
left: 20px;
width: 40px;
height: 38px;
background-color: #fca606;
background-size: 10px;
background-repeat: no-repeat;
position: absolute;
border-radius: 5px;
background-position-y: 50%;
background-position-x: 50%;
z-index: 10;
}
.canal-multimidia .item h3 {
color: #232d51;
font-size: 24px;
margin: 0px;
line-height: 30px;
margin: 6px 0;
}
.canal-multimidia .item span {
font-size: 12px;
}
.canal-multimidia .item span p {
margin: 0px 0px 15px 0px;
font-size: 14px;
}
.canal-multimidia h1 {
width: 100%;
}
.canal-multimidia .video {
width: 50%;
}
.canal-multimidia .conteudo {
width: 50%;
}
.canal-multimidia-home {
background-color: #f5f5f5;
}
.canal-multimidia-home .mgWrap {
background-color: transparent;
}
@media screen and (max-width: 670px),
only screen and (max-device-width: 670px) {
.canal-multimidia .right,
.canal-multimidia .left,
.canal-multimidia .item,
.canal-multimidia .video,
.canal-multimidia .conteudo {
width: 100% !important;
}
}  .modal {
display: none;
position: fixed;
z-index: 2;
left: 0;
top: 0vh;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
} .modal-content {
background: linear-gradient(
to right,
rgba(18, 96, 108, 1) 0%,
rgba(3, 139, 117, 1) 98%
);
min-height: 300px;
margin: 8% 15% 10% 10%;
padding: 20px;
border: 1px solid #888;
width: 80%;
z-index: 1;
}
.modal-content--white {
background: linear-gradient(to right, grey 10%, Gainsboro 100%);
min-height: 300px;
margin: 8% 15% 10% 10%;
padding: 20px;
border: 1px solid #888;
width: 80%;
border-radius: 10px;
}
.modal-content--lightyellow {
background: linear-gradient(to right, palegoldenrod 10%, beige 100%);
min-height: 300px;
margin: 8% 15% 10% 10%;
padding: 20px;
border: 1px solid #888;
width: 80%;
border-radius: 10px;
}
.modal .modal-header {
}
.modal .modal-body {
}
.modal .modal-footer {
} .close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.close-modal {
border: 1px solid grey;
font-size: 32px;
font-weight: bolder;
float: right;
position: relative;
top: -100px;
right: 15px;
width: 50px;
border-radius: 10px;
text-align: center;
cursor: pointer;
}
.close-modal:hover {
background-color: lightgrey;
box-shadow: 1px 1px 1px 1px black;
} table {
border: 1px solid grey;
}
table tbody tr td {
text-align: center;
}
table tbody tr:first-child {
background-color: #007d56 !important;
color: white;
}
table tbody tr:nth-child(even) {
background-color: lightgrey;
}
table tbody tr:hover {
background-color: grey;
}
.accordion .accordion-header:first-of-type {
border-radius: 10px 10px 0px 0px;
border-top: 2px solid #1c3755;
}
.accordion .accordion-header:nth-of-type(1n + 2) {
border-top: none;
}
.accordion .accordion-body {
border: 2px solid #1c3755;
border-top: none;
}
.accordion .accordion-body:last-of-type {
border-radius: 0px 0px 10px 10px;
}
.accordion .accordion-body ul li a {
text-decoration: none;
}
.botao-download,
.botao-download span {
position: relative;
text-decoration: none;
display: inline-block;
}
.botao-download {
border-radius: 5px;
margin-top: 20px;
}
.botao-download span {
color: #4b526d;
font-size: 20px;
margin-right: 20px;
}
.botao-download span::after {
content: "";
position: absolute;
width: 150px;
height: 3px;
background-color: #e9a101;
left: 0;
bottom: -5px;
}
.botao-download .ic.setabanner {
display: inline-block;
width: 30px;
height: 30px;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-seta-banner.png) center no-repeat;
background-size: 100%;
margin: 0 3px -8px -10px;
}
.accordion-header {
background-color: #eee;
padding: 18px;
color: #232d51;
text-align: left;
width: 100%;
cursor: pointer;
outline: 0;
font-size: 15px;
transition: 0.4s;
border: 2px solid #1c3755;
border-bottom: none;
}
.accordion-header:after {
content: "\002b";
}
.accordion-header:hover,
.accordion-header_active {
background-color: #ccc;
}
.accordion-header:after {
color: #777;
font-weight: 700;
float: right;
margin-left: 5px;
}
.accordion-header_active:after {
content: "\002d";
}
.accordion-body {
padding: 0 18px;
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
} .conteudo-obra .document-icon {
background-color: #fefefe !important;
border: 1px solid black;
}
.conteudo-obra .document-icon img {
display: none;
}
.conteudo-obra .document-icon .title {
color: black;
font-size: 18px;
margin-top: 30px;
}   .container.formulario {
max-width: 100%;
font-family: "Tittilium Web", sans-serif;
padding: 0;
}
.container.formulario .sessao {
width: 100%;
padding: 56px 0 56px 0;
}
.container.formulario .sessaoInner {
width: 90%;
max-width: 1280px;
margin: 0 auto;
zoom: 1; }
.container.formulario .sessaoInner:before,
.container.formulario .sessaoInner:after {
content: "";
display: table;
}
.container.formulario .sessaoInner:after {
clear: both;
}
.g-recaptcha {
position: relative;
float: left;
margin-top: 50px;
}  .container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle { overflow: auto;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle p {
font-size: 32px;
color: #222c51;
width: auto;
margin: 32px 0;
float: left;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.Ftitle
.setautovias {
height: 13px;
border: 3px solid;
transform: rotate(-45deg);
border-top: none;
border-left: none;
color: #e9a101;
float: left;
width: 13px;
margin: 15px;
margin-top: 44px;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle h1 {
font-size: 42px;
color: #232d51;
width: auto;
float: left;
}  .esquerda {
float: left;
width: 73%;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda p {
font-size: 20px;
width: 55%;
color: #5a5f70;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .thform {
width: 100%;
position: relative;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade {
display: inline-block;
width: 45%;
margin-bottom: 20px;
vertical-align: top;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade
label {
display: block;
color: #222c51;
font-size: 18px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.data.metade
input {
padding: 5%;
border: 1px solid #e7e7e7;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
width: 96%;
margin-bottom: 16px;
resize: vertical;
background-image: url(//www.arteris.com.br/wp-content/themes/img/calendarioformulario.png);
background-repeat: no-repeat;
background-position: 95%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade
input {
padding: 5%;
border: 1px solid #e7e7e7;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
width: 96%;
margin-bottom: 16px;
resize: vertical;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field
label {
display: block;
color: #222c51;
font-size: 18px;
margin-top: 15px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field
select {
width: 96%;
padding: 5% 5%;
border: 1px solid #e7e7e7;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
label {
font-size: 18px;
color: #222c51;
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
span {
font-size: 14px;
color: #5a5f70;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento {
position: relative;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento
input.Ffile {
border: 2px solid #e7e7e7;
border-radius: 7px;
box-sizing: border-box;
width: 89%;
resize: vertical;
min-height: 61px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento
a.botao {
font-size: 14px;
background-color: #242e52;
width: 23%;
min-height: 31px;
text-align: center;
color: #c8c9cd;
border-radius: 7px;
padding-top: 15px;
display: block;
right: 12%;
position: absolute;
top: 12%;
background-image: url(//www.arteris.com.br/wp-content/themes/img/anexardoc.png);
background-repeat: no-repeat;
background-position: 94% 45%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
a.botao
span {
display: block;
margin-top: 0;
font-size: 14px;
color: #ededed;
margin-right: 20px;
margin-bottom: 10px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.msg.inteiro
label {
margin-top: 25px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.msg.inteiro
textarea {
border: 2px solid #e7e7e7;
border-radius: 7px;
box-sizing: border-box;
width: 89%;
resize: vertical;
margin-top: 20px;
min-height: 211px;
font-family: "Tittilium Web", sans-serif;
font-size: 20px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.msg.inteiro
textarea#mensagem::placeholder {
color: #c2c3c7;
font-size: 14px;
font-family: "Tittilium Web", sans-serif;
padding: 25px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.enviar {
overflow: auto;
margin-bottom: 11px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.ccf-form-wrapper
.ccf-theme-light
input.ccf-submit-button {
width: 46%;
min-height: 68px;
color: #ffffff;
background-color: #242e52;
border: 1px solid #8b90a3;
border-radius: 7px;
background-image: url(//www.arteris.com.br/wp-content/themes/img/setaenviar.png);
background-repeat: no-repeat;
background-position: 93%;
font-size: 14px;
float: left;
margin-top: 70px;
filter: none;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.ccf-form-wrapper
.error {
float: inherit;
width: 80%;
display: block;
}  .container.formulario .sessao.Sform .sessaoInner .direita {
float: right;
width: 27%;
border-radius: 10px;
background-color: #087c73;
background-image: linear-gradient(to right, #14556b, #009577);
}
.container.formulario .sessao.Sform .sessaoInner .direita .quadroverde {
margin: 20px;
}
.container.formulario .sessao.Sform .sessaoInner .direita .quadroverde h2 {
font-size: 24px;
color: #e79a00;
font-weight: normal;
}
.container.formulario .sessao.Sform .sessaoInner .direita .quadroverde p {
color: #ffffff;
font-size: 14px;
}
.container.formulario .sessao.Sform .sessaoInner .direita .quadroverde h3 {
font-size: 16px;
color: #e79a00;
margin-top: 25px;
}
.container.formulario .sessao.Sform .sessaoInner .direita .quadroverde label {
font-size: 14px;
color: #ffffff;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones {
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
.numberandnames {
width: 90%;
position: relative;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
.numberandnames
.imgiconss {
position: absolute;
left: 0;
top: 0;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
.numberandnames
.imgiconss
img {
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
.numberandnames
h3 {
float: left;
width: 83%;
margin-left: 49px;
margin-top: 7px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
.numberandnames
span {
font-size: 16px;
color: #ffffff;
margin-left: 5px;
width: 100%;
display: inline-block;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
.forma-presencial
span {
font-size: 12px;
display: inline;
margin: 0;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.Ftelefones
h3.forma-presencial {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.laranjinha
p {
color: #e79a00;
margin-bottom: 38px;
font-size: 14px;
}
.container.formulario .sessao.Sform .sessaoInner .direita .quadroverde span {
color: #ffffff;
font-size: 16px;
display: block;
margin-bottom: 34px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.codigodconduta {
border: 3px solid #e9a101;
border-radius: 11px;
margin-bottom: 50px;
margin: 10px 0;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.codigodconduta
.codigodcondutatext {
color: #ffffffff;
overflow: auto;
background-position: 93%;
background-repeat: no-repeat;
background-image: url(//www.arteris.com.br/wp-content/themes/img/setacod.png);
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.codigodconduta
.codigodcondutatext
.imgcod {
float: left;
margin-left: 20px;
width: 20%;
margin-top: 13px;
margin-bottom: 20px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.codigodconduta
.codigodcondutatext
.imgcod
img {
width: 66%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.codigodconduta
.codigodcondutatext
span {
float: right;
width: 72%;
margin-top: 28px;
font-size: 13px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.relatoriosemestral {
background-color: white;
border-radius: 9px;
padding-bottom: 8px;
padding-top: 4px;
margin-top: 30px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.relatoriosemestral
h1 {
font-size: 16px;
border-left: 4px solid #058574;
padding-left: 8px;
margin-bottom: 25px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.relatoriosemestral
.Fquadroperguntas {
margin-bottom: 19px;
background-image: url(//www.arteris.com.br/wp-content/uploads/2018/07/setarelatoriosem.png);
background-repeat: no-repeat;
background-position: 5%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.relatoriosemestral
.Fquadroperguntas
label {
color: #007d56;
font-size: 14px;
margin-left: 38px;
}  @media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.container.formulario .sessao.Sform .sessaoInner .esquerda .thform {
width: 76%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.esquerdaitens
.field {
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.esquerdaitens {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field
span {
width: 97%;
margin-bottom: 10px;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle p {
width: 100%;
margin: 0;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .thform {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field
select {
width: 95%;
padding: 3%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.data.metade {
width: 95%;
padding: 3%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade
label {
width: 100% !important;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade {
width: 100%;
margin: inherit;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade
input {
width: 95%;
padding: 3%;
margin-bottom: 5px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
label {
width: 100% !important;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
input {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento
input.Ffile {
width: 95%;
min-height: 100px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento
a.botao {
width: 79%;
top: 37%;
right: 12%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.msg.inteiro
textarea {
width: 95%;
}
.container.formulario .field.metade .g-recaptcha {
width: 100%;
}
.g-recaptcha > div {
width: 100% !important;
height: auto !important;
}
.g-recaptcha > div > div > iframe {
width: 100% !important;
height: auto !important;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.smetade.enviar
input.send {
width: 90%;
right: 7%;
top: 108%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.enviar
input.send {
width: 100%;
margin-top: inherit;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda p {
width: 95%;
}
.container.formulario .sessao.Sform .sessaoInner .direita {
width: 40%;
}
.container.formulario .esquerda {
width: 60%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.Ftitle
.setautovias {
display: none;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle h1 {
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
.container.formulario .sessao.Sform .sessaoInner .direita {
width: 100%;
margin-top: 30px;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle {
width: 100%;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle p {
width: 100%;
margin: 0;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .Ftitle h1 {
width: 100%;
margin: 0;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.Ftitle
.setautovias {
display: none;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda p {
width: 100%;
margin-bottom: 39px;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda {
width: 100%;
}
.container.formulario .sessao.Sform .sessaoInner .esquerda .thform {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field
select {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.data.metade
input {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade
label {
width: 100% !important;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade {
width: 100%;
margin: inherit;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.metade
input {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
label {
width: 100% !important;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
input {
width: 100%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento
input.Ffile {
width: 100%;
min-height: 100px;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.inteiro
.subirdocumento
a.botao {
width: 93%;
top: 42%;
right: 3%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.msg.inteiro
textarea {
width: 100%;
}
.container.formulario .field.metade .g-recaptcha {
width: 100%;
}
.g-recaptcha > div {
width: 100% !important;
height: auto !important;
}
.g-recaptcha > div > div > iframe {
width: 100% !important;
height: auto !important;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.smetade.enviar
input.send {
width: 90%;
right: 7%;
top: 108%;
}
.container.formulario
.sessao.Sform
.sessaoInner
.esquerda
.thform
.field.enviar
input.send {
width: 100%;
margin-top: inherit;
}
.container.formulario
.sessao.Sform
.sessaoInner
.direita
.quadroverde
.codigodconduta
.codigodcondutatext
.imgcod
img {
width: 50%;
}
}   .acessoria-lista {
display: flex;
flex-flow: row wrap;
}
.acessoria-item {
padding-right: 20px;
width: calc(25% - 20px);
margin-bottom: 40px;
}
.acessoria-item h3 {
position: relative;
margin: 0 0 15px 0;
font-size: 24px;
}
.acessoria-item h3:after {
content: "";
width: 50px;
height: 3px;
position: absolute;
left: 0;
background-color: orange;
bottom: -5px;
}
.acessoria-imprensa p {
margin: 0px;
font-weight: bold;
font-size: 16px;
color: #0e1c2c;
font-family: "Titillium Web", sans-serif !important;
}
.acessoria-item:after {
content: "";
width: 200px;
height: 3px;
background-color: #e8e8e8;
position: absolute;
margin-top: 10px;
}
@media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.acessoria-item {
width: 50%;
}
}
@media screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
.acessoria-item {
width: 100%;
}
} @-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .fts-mashup {
width: 100% !important;
margin-top: 40px !important;
}
.fts-mashup-post-wrap img {
width: 100%;
}
.fts-mashup-post-wrap,
.fts-feed-type-facebook {
border: none !important;
border-radius: 5px;
background-color: #fff !important;
width: 31% !important;
box-shadow: inset 0 0 2px 0px #b7b7b7;
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fts-album-photos-wrap {
padding: 0px 2%;
}
.fts-mashup-post-wrap a {
color: #e8a101 !important;
}
.fts-mashup-post-wrap a:before {
color: #e8a101;
} .fts-mashup-post-wrap {
padding: 10px !important;
}
.fts-mashup .fts-likes-shares-etc-wrap {
float: inherit !important;
width: 94% !important;
margin: auto !important;
}
.fts-jal-fb-right-wrap {
padding: 0px 10px;
}
.fts-fb-photo-post-wrap { }
.fts-mashup-post-wrap.fts-feed-type-instagram { }
span.fts-jal-fb-user-name {
padding: 0px 10px;
}
span.fts-jal-fb-post-time {
padding: 0px 10px;
}
.fts-mashup-description-wrap {
padding: 0px 10px;
}
.fts-mashup-image-and-video-wrap.popup-gallery-twitter {
padding: 0px 10px;
}
.fts-mashup-count-wrap {
padding: 0px 10px;
width: 95% !important;
}
.fts-instagram-reply-wrap-left {
margin-right: 10px !important;
}
.fts-mashup-icon-wrap-right.fts-mashup-instagram-icon {
padding-right: 10px;
}
.fts-mashup-icon-wrap-right.fts-mashup-twitter-icon {
padding-right: 10px;
}
.fts-mashup-icon-wrap-right.fts-mashup-facebook-icon {
padding-right: 5px;
}
.social-inner {
width: 90%;
max-width: 1280px;
margin: 0 auto;
}
.redes-sociais-home {
background-color: white;
}
.redes-sociais-home .mgWrap {
background-color: transparent;
}
.social-icons {
float: right;
border: 2px solid #e8a101;
border-radius: 5px;
padding: 2px 5px;
background-color: #f5f5f5;
z-index: 99999;
display: inline-block;
margin-top: 10px;
position: absolute;
right: 0;
}
.social-icons li a i {
color: #e8a101;
font-size: 16px;
margin: 0px 5px;
text-decoration: none;
}
.social-icons:before { height: 3px;
width: 100%;
background-color: orange;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.fts-mashup-icon-wrap-right.fts-mashup-youtube-icon {
position: absolute;
right: 10px;
top: 4px;
z-index: 1;
}
@media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.social-icons {
display: none;
}
.fts-mashup-post-wrap {
width: 98% !important;
}
.fts-mashup-post-wrap {
width: 90%;
}
}
@media screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
.fts-mashup-post-wrap {
padding: 0 !important;
border-bottom: 1px solid rgba(184, 184, 184, 0.3);
line-height: 17px;
margin-bottom: 10px !important;
position: relative !important;
display: inline-block;
width: 100%;
top: inherit !important;
margin-top: 20px !important;
}
}  .linksrapidos {
overflow: auto;
font-family: "Titillium Web", sans-serif;
position: relative;
margin: 0 auto;
}
.linksrapidos .esquerda {
width: 100%;
float: left;
overflow: auto;
}
.linksrapidos .esquerda .caixa {
position: relative;
width: 48%;
background-size: cover;
padding-bottom: 20%;
}
.linksrapidos .esquerda .caixa img {
position: absolute;
right: 20px;
bottom: 17px;
border: none;
}
.linksrapidos .caixa h3 {
font-weight: normal;
font-size: 27px;
color: #ffffff;
line-height: 29px;
position: absolute;
top: 20px;
left: 46px;
text-align: left;
margin: 0;
}
.linksrapidos .caixa h3 span {
font-size: 18px;
display: block;
line-height: 19px;
margin-top: 9px;
}
.linksrapidos .caixa h3 span br {
font-size: 18px;
line-height: 18px;
}
.linksrapidos .caixa h6 {
font-size: 20px;
font-weight: normal;
margin: -41px 0px;
line-height: 36px;
color: #ffffff;
}
.linksrapidos .esquerda .caixa.verde {
float: left;
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/box-relacoes-investidores-home.png);
padding-bottom: 20%;
}
.linksrapidos .esquerda .caixa.laranja {
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/box-viagem-segura-home.png);
float: right;
margin-bottom: 4%;
margin-right: 1%;
}
.linksrapidos .esquerda .caixa.inp-marinho {
float: left;
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/box-leiloes-eletronicos-home.png);
margin-top: 4%;
}
.linksrapidos .esquerda .caixa.marinho {
float: right;
background-image: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/box-relacoes-investidores-home.png);
margin-bottom: 4%;
margin-right: 1%;
clear: right;
}
.linksrapidos .direita {
width: 23%;
float: right;
position: relative;
height: 100%;
}
.linksrapidos .direita .caixa {
background-color: #019176;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/aplicativo-home.png) center no-repeat;
background-size: cover;
vertical-align: top;
width: 100%;
text-align: center;
padding-bottom: 143%;
position: relative;
display: block;
}
.linksrapidos .direita .caixa img {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -23%;
}
@media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.linksrapidos .esquerda {
width: 100%;
}
.linksrapidos .esquerda .caixa.laranja,
.linksrapidos .esquerda .caixa.marinho {
margin-right: 0;
}
.linksrapidos .direita {
width: 100%;
}
.linksrapidos .direita .caixa {
padding-bottom: 29%;
margin-top: 4%;
}
.linksrapidos .direita .caixa h3 {
font-size: 40px;
line-height: 42px;
}
.linksrapidos .direita .caixa img {
left: inherit;
right: 12%;
height: 80%;
}
}
@media screen and (max-width: 670px),
only screen and (max-device-width: 670px) {
.linksrapidos .esquerda .caixa {
float: inherit !important;
width: 100%;
padding-bottom: 43% !important;
margin: 7px 0;
padding: 0;
}
.linksrapidos .esquerda .caixa img {
max-height: 66px;
}
.linksrapidos .caixa h3 span {
font-size: 14px;
line-height: 14px;
}
.linksrapidos .direita .caixa {
padding-bottom: 45%;
margin-top: 4%;
}
.linksrapidos .esquerda .caixa h3,
.linksrapidos .direita .caixa h3 {
font-size: 23px !important;
line-height: 22px !important;
left: 15px;
}
}  .bwg-container {
width: 100% !important;
}
.bwg-item {
width: 33% !important;
margin: 0;
max-width: 33% !important;
}
.bwg-item a {
margin: 0px !important;
}
.bwg-zoom-effect-overlay {
display: block;
background-color: rgba(1, 127, 89, 0.8) !important;
}
.bwg-zoom-effect .bwg-zoom-effect-overlay:after {
content: "";
bottom: -50%;
width: 46px;
height: 46px;
position: absolute;
background: url(//www.arteris.com.br/wp-content/themes/arterisinstitucional/assets/images/i-seta-nws.png) center no-repeat;
left: 50%;
margin-bottom: -23px;
margin-left: -23px;
transition: ease all 0.5s;
}
.bwg-zoom-effect:hover .bwg-zoom-effect-overlay:after {
margin-bottom: -23px;
bottom: 50%;
}
.bwg-title2 {
display: none !important;
opacity: 0;
}
@media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.bwg-item {
width: 50% !important;
max-width: 50% !important;
}
}
@media screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
.bwg-item {
width: 100% !important;
max-width: 100% !important;
}
}  .fts-yt-large {
width: 32%;
}
.fts-yt-large:after {
content: "";
width: 30px;
height: 3px;
background-color: #ffa502;
position: absolute;
border-radius: 10px; }
.fts-yt-videolist {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.fts-powered-by-text {
display: none !important;
}
.fts-powered-by-text-popup a.fts-powered-by-text {
display: block !important;
text-indent: -999999999px;
}
.fts-yt-first-video {
display: flex;
flex-direction: column-reverse;
position: relative;
}
.fts-yt-first-video h2 {
font-size: 22px;
color: #232c51;
}
.fts-yt-first-video p {
font-size: 18px;
}
.fts-yt-large.fts-youtube-second-video-margin-btm {
margin: 0px 15px 45px 0px;
}
@media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.fts-yt-videolist {
justify-content: initial;
}
.fts-yt-large {
width: 45%;
}
}
@media screen and (max-width: 600px),
only screen and (max-device-width: 600px) {
.fts-yt-large {
width: 100%;
margin-bottom: 30px !important;
}
.fts-yt-large.fts-youtube-second-video-margin-btm {
margin: 5px;
}
} .novo-box {
width: 51%;
background-color: #11636d;
background: linear-gradient(
to right,
rgba(18, 96, 108, 1) 0%,
rgba(3, 139, 117, 1) 98%
);
min-height: 180px;
position: relative;
margin: 0 auto;
margin-bottom: 30px;
border-radius: 10px;
}
.novo-box h4 {
color: #ffffff;
font-size: 28px;
margin: 0px 40px 29px 40px;
max-width: 80%;
line-height: 33px;
padding-top: 50px;
padding-bottom: 50px;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {
.novo-box {
width: 80%;
}
}  .btn {
border: none;
border-radius: 5px;
padding: 16px 32px;
font-size: 16px;
cursor: pointer;
outline: none;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.btn:hover {
box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24),
0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.btn-success {
background-color: #4caf50;
color: white;
}
.btn-raised-success {
background-color: #ffffff;
color: black;
border: 1px solid #4caf50;
}
.social {
bottom: -100vh;
left: 0;
position: fixed;
width: 100%;
z-index: -1;
}
.social--started {
bottom: 0;
z-index: 1;
}
.social .close {
cursor: pointer;
height: 45px;
margin-left: 30px;
opacity: 0;
transition: all 0.3s ease-in 0.9s;
width: 45px;
}
.social--started .close {
opacity: 1;
}
.social .sessaoInner {
display: flex;
justify-content: center;
}
.social__box {
padding-bottom: 27px;
position: relative;
text-align: center;
top: 100vh;
transition: top 0.6s ease-in;
width: calc(40% - 15px);
z-index: 1;
}
.social__box + .social__box {
margin-left: 30px;
}
.social--started .social__box {
top: 0;
}
.social__box--tw {
transition-delay: 0.3s;
}
.social__box--wz {
transition-delay: 0.6s;
}
.social__box__header,
.social__box__content {
box-shadow: -1px 5px 8px 3px rgba(0, 0, 0, 0.25);
}
.social__box__header {
border-radius: 20px 20px 0 0;
padding: 10px 0;
text-align: center;
}
.social__box--tw .social__box__header,
.social__box--tw .social__box__link {
background-color: #1da1f2;
}
.social__box--wz .social__box__header,
.social__box--wz .social__box__link {
background-color: #5b5d63;
}
.social__box__content {
background-color: #fff;
border-radius: 0 0 20px 20px;
color: #1a0a0a;
padding: 10px 10px 0;
}
.social__box__content p {
font-size: 18px;
margin-bottom: 0;
}
.social__box__link {
border-radius: 30px;
color: #fff;
display: inline-block;
font-size: 20px;
padding: 10px 0;
position: relative;
text-decoration: none;
top: 24px;
width: 230px;
}
@media screen and (max-width: 1024px) {
.social .sessaoInner {
flex-flow: column wrap;
position: relative;
}
.social__box {
width: 100%;
}
.social__box + .social__box {
margin-left: 0;
margin-top: 20px;
}
.social__box__header img {
height: 50px;
width: 50px;
}
.social__box__content {
font-size: 14px;
padding: 7px 7px 0;
}
.social__box__content p,
.social__box__link {
font-size: 14px;
}
.social__box__content p {
margin: 5px 0 0;
}
.social .close {
background-color: rgba(255, 255, 255, 0.9);
height: 30px;
margin-left: 0;
padding: 10px;
position: absolute;
right: 0;
top: -60px;
transition: none;
width: 30px;
}
}
@media screen and (max-height: 480px) {
.social__box {
padding-bottom: 0;
}
.social__box + .social__box {
margin-top: 10px;
}
.social__box__header {
padding: 0;
}
.social__box__link {
margin: 10px 0;
top: 0;
}
}
.container.relatorioanual .sessao.relatorios .sessaoInner .CAIXASWRAPPER {
display: flex;
flex-flow: row wrap;
}
.container.relatorioanual
.sessao.relatorios
.sessaoInner
.CAIXASWRAPPER
.caixa {
position: relative;
}
.container.relatorioanual
.sessao.relatorios
.sessaoInner
.CAIXASWRAPPER
.caixa
h2 {
height: auto !important;
margin-bottom: 80px;
overflow: visible;
}
.container.relatorioanual
.sessao.relatorios
.sessaoInner
.CAIXASWRAPPER
.caixa
a.bt {
bottom: 10px;
left: 0;
position: absolute;
}
.rodovias-list {
margin-right: 30px;
}
.rodovias-list-toggle {
transform: scaleY(0);
transition: transform 0.5s ease-out;
transform-origin: top left;
margin-right: 30px;
max-height: 0;
overflow: hidden;
}
.rodovias-list li,
.rodovias-list-toggle li {
margin-bottom: 10px;
}
.rodovias-list_btn {
margin-top: 30px;
background-color: #eee;
padding: 10px 30px;
text-decoration: none;
color: rgb(0, 0, 0);
}
.rodovias-list_btn:hover {
box-shadow: 1px 1px 7px;
}
.rodovias-list_btn-div {
text-align: center;
margin-top: 40px;
}
#trial-badge {
display: none !important;
}
.tarifas-table_div {
overflow: auto;
}
.rolagem-table {
overflow: auto;
}
.tabela-pedagio {
width: 100%;
}
.container.autovias
.sessao.concessao
.sessaoInner
.direita
.blocos
.bloco.texto-grande
span {
margin: 16% 7%;
}
.container.autovias
.sessao.concessao
.sessaoInner
.direita
.blocos
.bloco.texto-grande
.icone {
right: -25px;
top: 28%;
}
.container.autovias
.sessao.concessao
.sessaoInner
.direita
.blocos
.bloco.texto-grande
.icone
img {
width: 150px;
}
@media (min-width: 769px) {
.container.autovias
.sessao.concessao
.sessaoInner
.direita
.blocos
.bloco.texto-grande {
margin-left: 27%;
width: 50%;
}
}
@media (max-width: 768px) {
.container.autovias
.sessao.concessao
.sessaoInner
.direita
.blocos
.bloco.texto-grande
span {
margin: 5% 7%;
}
} .loading {
}
@media (min-width: 670px) {
.loading-dual-ring {
display: inline-block;
width: 64px;
height: 64px;
}
.loading-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #4caf50;
border-color: #4caf50 transparent #4caf50 transparent;
animation: loading-dual-ring 1.2s linear infinite;
}
}
@keyframes loading-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.mgMenu .sub-menu {
display: none;
}
.mgMenu ul li.menu-item-has-children:hover > ul,
.mgMenu ul li.menu-item-has-children:hover > div {
display: block;
}
.mgMenu ul li.menu-item-has-children > a:hover {
}
.mgMenu ul li > ul,
.mgMenu ul li > div {
display: none;
width: auto;
position: absolute;
top: 30px;
left: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
background: #f9f9f9;
z-index: 999;
}
.mgMenu ul li > ul {
width: 200px;
}
.mgMenu ul li > ul li {
display: block;
list-style: inside none;
padding: 0;
margin: 0;
position: relative;
}
.mgMenu ul li > ul li a {
outline: none;
display: block;
position: relative;
margin: 0;
padding: 8px 20px;
color: #232d51;
text-decoration: none;
padding-left: 26px;
}
.mgMenu ul ul a:hover {
}
.mgMenu > ul > li.has-sub > a:hover:before {
}
.paginacao {
margin-top: 50px;
margin-bottom: 30px;
}
.paginacao a.page-numbers {
width: 40px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #cccccc;
display: inline-block;
text-align: center;
color: #0e1c2c;
font-weight: bold;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
}
.paginacao a.page-numbers:hover {
background-color: #f1f1f1;
}
.paginacao .current {
width: 40px;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
background-color: #f5a900;
color: #fff;
text-align: center;
}
.yotu-video-title {
font-size: 18px !important;
font-weight: bolder !important;
color: #232c51 !important;
white-space: unset !important;
margin: 0 0 7px !important;
}
.yotu-video-title:hover{
text-decoration: none !important;
}
pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}