@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap'); *,
*:before,
*:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
max-width: 100%;
overflow-x: hidden;
}
body {
font-family: "Arimo", serif;
background-color: #ffffff;
color: #595959;
}
.container-fluid{
max-width: 1340px;
}
a,
a:hover {
text-decoration: none;
color: #075530;
}
a.link,
a.link:hover {
color: #428bca;
text-decoration: none;
}
.lnk-saibamais{
border: 1px solid #fff ;
width: 150px;
position: relative;
top:20px;
padding: 15px 20px;
height: 50px;
opacity: 0.5;
background: #ccc;
color: #000;    
}
.lnk-saibamais:hover{
opacity: 0.8;
color: #000;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 0;
font-family: "Arimo", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #333;
}
.bannertext {
position: relative;
top: 30vh;
color: #ffffff;
font-size: 1.5rem !important;
}
h2.title {
color: #f0f0f0;
line-height: 95%;
font-weight: lighter;
}
h2.subtitle {
color: #f0f0f0;
line-height: 95%;
font-weight: lighter;
font-size: 1.5rem;
}
h3.title {
color: #fff;
line-height: 95%;
font-weight: lighter;
font-size: 2.5rem;
}
h3.title-2 {
color: #bdbaba;
line-height: 95%;
font-weight: lighter;
font-size: 1.5rem;
padding: 10px 0;  
}
h3.title-3 {
color: #4b4b4b;
line-height: 95%;
font-size: 2rem;
padding: 10px 0;
font-weight: 400;
}
h3.title-4 {
color: #ffffff;
line-height: 35px;
font-size: 1.9rem;
padding: 5% 0 1% 0;
font-weight: bold;
}
.title-border{
width: 50%;
min-width: fit-content;
border-bottom: solid 1px #bdbaba;
margin-bottom: 20px;
}
.reset-opacity{
opacity: 1;
}
p {
font-size: 1rem;
}
p.text {
color: #fff;
line-height: 20px;
}
p.text-2 {
color: #595959;
line-height: 110%;
font-size: 1rem;
margin: 0;
padding: 0;
}
p.text-3 {
color: #f0f0f0;
font-size: 1rem;
font-weight: lighter;
margin: 0;
padding: 0;
}
p.text-big {
font-size: 1.2rem;
}
p.text-small {
font-size: 0.9rem;
}
.text-green,
.text-green:hover {
color: #075530 !important;
text-decoration: none;
}
.text-green-2,
.text-green-2:hover{
color:#a2ca4f!important;
text-decoration: none;
}
.news-item table{
width:100%;
} .overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 15;
top: 0;
left: 0;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.9);
overflow-y: hidden;
transition: 0.5s;
}
.overlay-content {
width: 100%;
text-align: center;
}
.overlay ul li a {
padding: 4px 0;
text-decoration: none;
font-size: 1.2rem;
color: #818181;
display: block;
transition: 0.5s;
text-align: left;
}
.overlay a:hover,
.overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
position: absolute;
text-decoration: none;
font-size: 50px;
z-index: 20 !important;
color: #f1f1f1;
cursor: pointer;
}
.btn-proposal {
margin: 20px 0px;
background-color: transparent;
color: #235630;
font-weight: 600;
font-style: italic;
text-decoration: underline;
padding: 0;
} #backBtn {
background-image: url(//chromablindagens.com.br/wp-content/themes/chroma/images/icons/arrow-up.png);
background-position: center 15%;
background-repeat: no-repeat;
display: none;
position: fixed;
bottom: 50px;
right: 30px;
z-index: 999;
font-size: 9px;
font-weight: bold;
border: none;
outline: none;
background-color: #555;
color: white;
cursor: pointer;
padding: 25px 10px 10px 10px;
}
#backBtn:hover {
background-color: #075530;
}
@media screen and (max-height: 450px) {
.overlay {
overflow-y: auto;
}
.overlay a {
font-size: 20px;
}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
} .object-fit_fill {
object-fit: fill;
}
.object-fit_contain {
object-fit: contain;
}
.object-fit_cover {
object-fit: cover;
}
.object-fit_none {
object-fit: none;
}
.object-fit_scale-down {
object-fit: scale-down;
}
.bg-geo-full {
background: url(//chromablindagens.com.br/wp-content/themes/chroma/images/geometria/bg-geometria.png) no-repeat;
background-position: center center;
height: 100%;
background-size: contain; 
min-height: 400px;
position: relative;
top: 0px;
width: 100%;
}
a#link1 {
display: block;
width: 90px;
font-size: 14px;
color: #ffffff !important;
position: relative;
left: 35%;
top: 4vh;
}
a#link1 span {
text-align: center;
color: #ffffff !important;
display: block;
line-height: 15px;
}
a#link2 {
font-size: 14px;
color: #ffffff !important;
position: absolute;
top: 8vh;
left: 40%;
}
a#link2 span {
display: block;
line-height: 10px;
}
a#link3 {
display: block;
font-size: 14px;
color: #ffffff !important;
position: absolute;
top: 30%;
left: 47%;
}
a#link3 span {
display: block;
line-height: 15px;
}
#text1 {
font-size: 10px;
color: #ffffff !important;
position: absolute;
top: 35%;
left: 10%;
}
#text1 span {
display: block;
line-height: 10px;
}
#text2 {
font-size: 10px;
color: #ffffff !important;
position: absolute;
top: 20vh;
left: 11vw;
}
#text2 span {
display: block;
line-height: 10px;
}
.bg-lightgrey {
background-color: #bdbaba;
color:#bdbaba;
}
.bg-darkgrey {
background-color: #dedddd;
color:#dedddd;
}
.bg-lightblue {
background-color: #6fa0c1;
}
.bg-accordion {
background-color: #333333;
color: #ffffff;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.bg-accordion .su-spoiler-content {
background-color: #ffffff;
color: #333333;
border: solid 1px #ccc;
border-top: none;
}
.su-accordion .su-spoiler-icon {
position: absolute;
right: 7px;
left: revert;
top: 7px;
display: block;
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
font-size: 14px;
font-family: ShortcodesUltimateIcons;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
}
.su-accordion .su-spoiler-title {
font-size: 16px !important;
padding-left: 7px !important;
}
.su-accordion .mapurl {
float: right;
position: relative;
right: 20px;
color: #000;
z-index: 15;
display: block;
}
.text-shadow {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.text-shadow-light {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
} .wpcf7-form input[type="text"],
.wpcf7-form input[type="email"]{
height: 50px;
border: solid 1px #ccc;
border-radius: 4px;
width: fit-content;
padding: 2px 10px;
opacity: 0.5;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
border: solid 1px #ccc;
opacity: 1;
}
.wpcf7-form textarea {
border-radius: 4px;
height: 80px;
width: 100%;
padding: 2px 10px;
border-color: #ccc;
opacity: 0.5;
}
.wpcf7-form input[type="submit"]{
border-radius: 4px;
height: 50px;
padding: 0px 20px;
border-color: #ccc;
opacity: 0.5;
font-weight:bolder;
background-color: #000;
color: #fff;
}
.wpcf7-form input[type="submit"]:hover{
opacity: 1
}
.motorgrid{
max-width: 300px!important;;
height: auto;
margin: 20px auto;
} @media (min-width: 1200px) {
h3.title {
font-size: 50px;
}
p.text {
font-size: 24px;
}
.navigation,
.container {
width: 1140px;
}
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
} .logos {
max-height: 90px;
max-width: 180px;
}
.logo100anos {
border-right: solid 1px #ccc;
padding-right: 20px;
}
.custom-logo-link {
z-index: 12;
}
.blog-masthead {
background-color: #428bca;
-webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.1);
}
.icon_wa{
position: fixed;
bottom: 120px;
right: 25px;
z-index:9999999;
} #menu_icon {
cursor: pointer;
}
.blog-nav-item {
position: relative;
display: inline-block;
padding: 10px;
font-weight: 500;
color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
color: #fff;
text-decoration: none;
} .blog-nav .active {
color: #fff;
}
.blog-nav .active:after {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
vertical-align: middle;
content: " ";
border-right: 5px solid transparent;
border-bottom: 5px solid;
border-left: 5px solid transparent;
} .blog-header {
padding-top: 0px;
padding-bottom: 0px;
}
.blog-title {
margin-top: 30px;
margin-bottom: 0;
font-size: 60px;
font-weight: normal;
}
.blog-description {
font-size: 20px;
color: #999;
}
#top_links {
position: absolute;
background: transparent;
z-index: 16 !important;
padding: 5px 0;
} .card {
margin: 5% 0%;
}
.card-body {
margin: 0;
padding: 20px;
background-color: #dfdfdf;
}
.card-title {
background: url(//chromablindagens.com.br/wp-content/themes/chroma/images/triple_arrow.png) top left no-repeat;
font-size: 1rem;
color: #235630;
padding-left: 25px;
font-weight: 700;
}
.card-text {
font-size: 0.9rem;
line-height: 20px;
font-weight: 500;
min-height: 150px;
padding-left: 25px;
} #carousel-thumb .carousel-item img {
max-height: 680px;
}
.carousel-thumbnails .carousel-indicators {
bottom: 5rem;
}
.carousel-thumbnails .carousel-indicators img {
width: 300px;
max-height: 150px;
overflow: hidden;
display: block;
}
.carousel-thumbnails .carousel-indicators li {
width: 200px;
border: none;
box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.75);
opacity: 1;
background-color: #333;
}
.carousel-thumbnails .carousel-indicators li.active {
border-bottom: 4px solid #fff;
} #cardsswiper .swiper-container {
width: 100%;
height: 100%;
}
#cardsswiper .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border: none;
}
#cardsswiper .card-title {
background: url(//chromablindagens.com.br/wp-content/themes/chroma/images/triple_arrow.png) top left no-repeat;
font-size: 1rem;
color: #235630;
padding-left: 25px;
font-weight: 700;
text-align: left;
}
#cardsswiper .card-text {
font-size: 0.9rem;
line-height: 20px;
font-weight: 500;
min-height: 150px;
padding-left: 25px;
text-align: left;
}
.swiper-container-gallery {
width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
}
.swiper-container-gallery .swiper-slide {
background-size: cover;
background-position: center;
}
.swiper-container-gallery .gallery-top {
height: 80%;
width: 100%;
}
.gallery-thumbs {
height: 18vh !important;
box-sizing: border-box;
padding: 10px 0;
margin-top: -14vh;
}
.gallery-thumbs .swiper-slide {
opacity: 1;
background-size: cover;
background-position: center;
height: 15vh;
}
.gallery-thumbs .swiper-wrapper {
height: 16vh;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
} #slider{
background-color: #000;
}
.swiper-container {
width: 100%;
height: 87vh;
}
.swiper-wrapper {
align-items: center;
}
.swiper-slide {
width: 100%;
height: 100%;
border-bottom: 1px solid #ccc;
overflow: hidden;
background: #333;
opacity: 1 !important;
}
.top-slider-content{
position: absolute;
top:15vw;
left:6vw;
max-width: 50vw;
}
.top-slider-content p{
font-size: 2rem;
margin-bottom:0.5rem;
color: #fff;
text-shadow: 1px 1px #000;
line-height: 20px;
text-rendering: optimizeLegibility;
}
.top-slider-content h2{
font-size: 5rem;
margin-bottom:0.5rem;
color: #fff;
text-shadow: 1px 1px #000;
text-rendering: optimizeLegibility;
}
.swiper-lazy {
width: 100%;
height: 100%;
background-size: cover;
}
.swiper-button-prev,
.swiper-button-next {
color: #f0f0f0!important;
}
.gallery-thumbs .swiper-button-prev{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231c1c1c'%2F%3E%3C%2Fsvg%3E") !important;
color:#FFFFFF;	
}
.gallery-thumbs .swiper-button-next{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231c1c1c'%2F%3E%3C%2Fsvg%3E") !important;
color:#FFFFFF;
} 
.gallery-thumbs .swiper-button-next.swiper-button-disabled, .gallery-thumbs .swiper-button-prev.swiper-button-disabled{
opacity:1;
}
.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-container-rtl .swiper-button-next{
left:25px;
}
video#video_institucional {
min-height: 400px;
min-width: 100%;
}
@media (min-aspect-ratio: 16/9) {
video#video_institucional {
margin-left: 0;
}
}  .sidebar-module {
padding: 15px;
margin: 0 -15px 15px;
}
.sidebar-module-inset {
padding: 15px;
background-color: #f5f5f5;
border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
margin-bottom: 0;
} .pager {
margin-bottom: 60px;
text-align: left;
}
.pager > li > a {
width: 140px;
padding: 10px 20px;
text-align: center;
border-radius: 30px;
}
.page-numbers,
.page-numbers:hover {
padding: 10px 20px;
border: solid 1px #ccc;
font-weight: bolder;
}
.page-numbers .current,
.page-numbers .current:hover {
padding: 10px 20px;
border: solid 1px #ccc;
}
a.next {
border: solid 1px #ccc;
}
a.next:hover {
background: #ccc;
}
a.prev {
border: solid 1px #ccc;
}
a.prev:hover {
background: #ccc;
} .blog-post {
margin-bottom: 0px;
}
.blog-post-meta {
margin-bottom: 20px;
color: #999;
} footer {
padding: 80px 0 50px 0;
background-color: #636363;
}
footer a {
color: #e4e4e4;
font-size: 1.125rem;
text-decoration: none;
opacity: 0.8;
transition: 1s;
}
footer a:hover {
text-decoration: none;
color: #ffffff;
opacity: 1;
transition: 1s;
}
footer p {
color: #e4e4e4;
}
footer ul.terms a{
font-size: 1rem;
}
footer .widget{
text-align: left;
}
footer .widget h3{
color: #bdbaba;
line-height: 95%;
font-weight: lighter;
font-size: 1.1rem;
padding: 0;
} .parallax {
min-height: 300px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} #marcas{
background-color: #e3e3e3;
} .sobre-nos {
width: 100%;
height: auto;
} .expertise {
background: url(//chromablindagens.com.br/wp-content/themes/chroma/images/bg-tecnologia.jpg) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 400px;
} .tecnologia {
background: url(//chromablindagens.com.br/wp-content/themes/chroma/images/bg-expertise.jpg) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 400px;
} .diferenciais {
background: url(//chromablindagens.com.br/wp-content/themes/chroma/images/bg-diferenciais.jpg) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 400px;
} .news-wrapper {
border-top: solid 1px #6fa0c1;
} .cotacao{
background: #e4e4e4;
padding:50px 0;
} .modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.modal-body .close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
} .su-box {
border: solid 1px #ccc !important;
}
.su-box .su-box-title {
background-color: #333333 !important;
font-size: 16px;
font-weight: 700;
}
.su-box-content {
font-size: 14px;
text-align: left;
background-color: #ccc;
}
.su-tabs-panes,
.su-tabs-current {
border: solid 2px #fff;
}
.su-tabs-current {
border-bottom: none;
}
.su-tabs-nav span {
font-size: 21px !important;
font-weight: lighter;
padding: 20px !important;
} @media (max-width: 992px) {
.wp-container-core-columns-layout-1.wp-container-core-columns-layout-1,
.wp-container-core-columns-layout-2.wp-container-core-columns-layout-2,
.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3,
.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1,
.wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2,
.wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 {
flex-wrap: wrap!important;	  	  
}
.wp-block-image img{
max-width: 100%;
height: auto;
}
.top-slider-content{
position: absolute;
top:25vw;
left:10vw;
max-width: 60%;
}
.top-slider-content p{
font-size: 1rem;
color: #fff;
margin-bottom: 0;
text-shadow: 1px 1px #000;
line-height: 20px;
}
.top-slider-content h2{
font-size: 2rem;
color: #fff;
text-shadow: 1px 1px #000;
margin-bottom: 0;
}
#top_links{
position: relative;
background-color:#ffffff;
}
.logo-is-dark{
content: url(//chromablindagens.com.br/wp-content/themes/chroma/images/chroma_logo_black.png);
width: 100px;
}
#menu_icon{
content: url(//chromablindagens.com.br/wp-content/themes/chroma/images/menu-icon-black.png);
}	 
#nav-content hr{
display: none;
}	 
}
@media (max-width: 575.98px) {
.transporte-link{
color:white;
position:relative;
top:72%;
left:70%;
}
.gestao-link{
color:white;
position:relative;
top:15%;
left:41%;
}
.terminal-link{
color:white;
position:relative;
top:50%;
left:-45%;
}   
.cd-horizontal-timeline .events-content p {
font-size: 1rem !important;
}
.swiper-container-gallery .swiper-slide {
background-size: cover !important;
}
.swiper-container-gallery {
height: 30vh;
}
.gallery-thumbs .swiper-slide {
opacity: 1;
background-size: cover;
background-position: center;
height: 5vh;
}
.gallery-thumbs .swiper-wrapper {
height: 16vh;
}
.gallery-thumbs {
height: 11vh !important;
}
.sobre-nos {
width: 100%;
height: auto;
}
h3.title {
font-size: 24px;
}
h3.title-4 {
font-size: 1rem;
line-height: normal;
}
p.text {
font-size: 14px;
}
p.text-3 {
font-size: 1rem;
}
.overlay ul li a {
font-size: 0.9rem;
}
.copyright {
font-size: 0.60rem;
}
.carousel-thumbnails .carousel-indicators img {
width: 100px;
height: 50px;
}
.carousel-thumbnails .carousel-indicators {
bottom: 0px;
}
.bannertext p {
font-size: 0.85rem;
}
.subtitle h4 {
font-size: 1rem;
}
.BannerTop{
position:relative;
top:30vh;
}
.BannerHomeTitle{
font-size:1.3rem;
}
.BannerHomeText{
font-size:1rem;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.transporte-link{
color:white;
position:relative;
top:75%;
left:73%;
}
.gestao-link{
color:white;
position:relative;
top:5%;
left:73%;
}
.terminal-link{
color:white;
position:relative;
top:50%;
left:15%;
}
.cd-horizontal-timeline .events-content p {
font-size: 1.1rem !important;
}
.swiper-container-gallery .swiper-slide {
background-size: cover !important;
}
.swiper-container-gallery {
height: 50vh;
}
.gallery-thumbs .swiper-slide {
opacity: 0.4;
background-size: cover;
background-position: center;
height: 7vh;
}
.sobre-nos {
width: 100%;
height: auto;
}
h3.title {
font-size: 24px;
}
h3.title-4 {
font-size: 1rem;
line-height: normal;
}
p.text {
font-size: 16px;
}
p.text-3 {
font-size: 0.8rem;
}
.overlay ul li a {
font-size: 0.9rem;
}
.copyright {
font-size: 0.75rem;
}
.carousel-thumbnails .carousel-indicators img {
width: 100px;
height: 50px;
}
.carousel-thumbnails .carousel-indicators {
bottom: 0px;
}
.bannertext p {
font-size: 0.9rem;
}
.BannerTop{
position:relative;
top:30vh;
}
.BannerHomeTitle{
font-size:1.3rem;
}
.BannerHomeText{
font-size:1rem;
}
.top-slider-content{
position: absolute;
top:20vw;
left:10vw;
max-width: 60%;
}
.top-slider-content p{
font-size: 1.3rem;
color: #fff;
margin-bottom: 0;
text-shadow: 1px 1px #000;
line-height: 20px;
}
.top-slider-content h2{
font-size: 3.3rem;
color: #fff;
text-shadow: 1px 1px #000;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.transporte-link{
color:white;
position:relative;
top:75%;
left:73%;
}
.gestao-link{
color:white;
position:relative;
top:5%;
left:73%;
}
.terminal-link{
color:white;
position:relative;
top:50%;
left:15%;
}
.cd-horizontal-timeline .events-content p {
font-size: 1.2rem !important;
}
.swiper-container-gallery .swiper-slide {
background-size: cover !important;
}
.swiper-container-gallery {
height: 70vh;
}
.gallery-thumbs .swiper-slide {
opacity: 0.4;
background-size: cover;
background-position: center;
height: 10vh;
}
.sobre-nos {
width: 100%;
height: auto;
}
h3.title {
font-size: 28px;
}
h3.title-4 {
font-size: 1.4rem;
line-height: normal;
}
p.text {
font-size: 18px;
}
p.text-3 {
font-size: 0.8rem;
}
.overlay ul li a {
font-size: 0.9rem;
}
.oea {
background-size: cover;
}
.copyright {
font-size: 0.9rem;
}
.carousel-thumbnails .carousel-indicators img {
width: 100px;
height: 50px;
}
.carousel-thumbnails .carousel-indicators {
bottom: 0px;
}
.bannertext p {
font-size: 0.95rem;
}
.BannerTop{
position:relative;
top:30vh;
}
.BannerHomeTitle{
font-size:1.3rem;
}
.BannerHomeText{
font-size:1rem;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.transporte-link{
color:white;
position:relative;
top:75%;
left:73%;
}
.gestao-link{
color:white;
position:relative;
top:5%;
left:73%;
}
.terminal-link{
color:white;
position:relative;
top:50%;
left:15%;
}
.swiper-container-gallery .swiper-slide {
background-size: cover !important;
}
.swiper-container-gallery {
height: 100vh;
}
.gallery-thumbs .swiper-slide {
opacity: 0.4;
background-size: cover;
background-position: center;
height: 12vh;
}
.sobre-nos {
width: 100%;
height: auto;
}
h3.title {
font-size: 32px;
}
h3.title-4 {
font-size: 1.4rem;
line-height: normal;
}
h2.title-4 {
font-size: 1.7rem!important; 
}
p.text {
font-size: 21px;
}
.overlay ul li a {
font-size: 0.9rem;
}
.bannertext p {
font-size: 1rem;
}
.BannerTop{
position:relative;
top:30vh;
}
.BannerHomeTitle{
font-size:1.3rem;
}
.BannerHomeText{
font-size:1rem;
}
}
@media (min-width: 1200px) {
.transporte-link{
color:white;
position:relative;
top:75%;
left:67%;
width:100px;
}
.gestao-link{
color:white;
position:relative;
top:13%;
left:45%;
width:100px;
}
.terminal-link{
color:white;
position:relative;
top:51%;
left:-24%;
width:100px;
}
.sobre-nos {
width: 100%;
height: auto;
}
h2.title-4 {
font-size: 1.7rem!important; 
}
.BannerTop{
position:relative;
top:30vh;
}
.BannerHomeTitle{
font-size:1.75rem;
}
.BannerHomeText{
font-size:1rem;
}
} @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
.swiper-container{
width: 100%;
height: 37vh;
}
} @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
.sobre-nos {
width: 100%;
height: auto;
}
.top-slider-content{
position: absolute;
top:25vw;
left:10vw;
max-width: 60%;
}
.top-slider-content p{
font-size: 3rem;
color: #fff;
margin-bottom: 0;
text-shadow: 1px 1px #000;
line-height: 30px;
}
.top-slider-content h2{
font-size: 5rem;
color: #fff;
text-shadow: 1px 1px #000;
}
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.sobre-nos {
width: 100%;
height: auto;
}
.top-slider-content{
position: absolute;
top:25vw;
left:10vw;
max-width: 60%;
}
.top-slider-content p{
font-size: 1rem;
color: #fff;
margin-bottom: 0;
text-shadow: 1px 1px #000;
line-height: 20px;
}
.top-slider-content h2{
font-size: 3rem;
color: #fff;
text-shadow: 1px 1px #000;
margin-bottom: 0;
}
}
@media (max-width: 950px) { 
.swiper-container {
width: 100%;
height: 440px;
}   
.swiper-lazy{
background-position: bottom;  
}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"]{
width:90vw;
}
} @media (max-width: 767px) {
.wp-block-columns {
flex-wrap: wrap !important;
}
}