html,body{
width: 100%;
height: 100%;
font-family:'Open Sans', sans-serif !important;
}
*{
font-weight: 300 !important;
}
p{
font-size: 16px !important;
font-weight: 300px !important
}
h2,h3,h4,h5,h6{
color: #1351a0 !important;
}
.clicable{
cursor: pointer !important;
}
#segundo{
display:none;
}
.filter-toggle{
display: none;
}
a{
color: inherit !important;
}
label{
font-size:13px !important;
margin-bottom: 0rem !important;
}
a:hover{
color: #1351a0;
}
.form-control{
padding: 2px 10px !important;
height: auto !important;
}
#aparece{
display:none;
}
.subcollapse{
font-size: 12px !important;
padding-left: 20px !important;
}
.page-link{
color: #252525 !important;
}
#hidden_div {
display: none;
}
.actived{
background-color: #1351a0;
color: white !important;
}
.form-container{
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px #000;
}
.colorir2{
font-size: black;
}
.center-copyright{
padding-bottom: 20px;
}
.acordion{
width: 100%;
}
.padding{
padding: 10px;
}
.main-container-products{
max-width: 1300px;
padding-bottom: 1rem;
}
.product-wrapper{
row-gap: 2rem;
column-gap: 2rem;
justify-content: space-between;
}
.product-container{
border-radius: 0rem 0rem .25rem .25rem;
background: #ececec;
}
.product-container-header{
padding: 10px;
border-radius: .25rem .25rem 0rem 0rem ;
background: #1351a0;
}
.product-container img{
width: 100%;
}
.main-container{
width: 80%;
margin: 0 auto !important;
max-width: 1200px;
}
.main-container-new{
width: 70%;
margin: 0 auto;
}
.main-container-form{
padding: 0 30px;
}
.concatct-wrapper{
width: 80%;
margin: auto;
}
.hover-link a:hover{
background: #1351a0 !important;
color: #fff !important;
}
.hover-link-2 a:hover{
background: #d4d4d4 !important;
}
*{
text-decoration: none;
list-style: none;
}
button{
padding: 2px 10px !important;
}
.activated{
background-color: #1351a0;
border-radius: 4px;
}
.activated a{
color: white !important;
}
.table td, .table th{
text-align: center;
padding: .5rem !important;
}
.table p, .table a{
font-size: 12px !important;
}
table h6{
font-size: 12px !important;
}
.table-buttons{
column-gap: .5rem;
display: flex !important;
width: 333px;
}
.table-description{
width: 60px !important;
}
.portal-background{
background: url(../img/portal-background.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.portal-background-content{
width: 100%;
display: grid;
align-content: center;
}
table td, th{
display: grid !important;
align-content: center !important;
}
ul{
margin: 0 !important;
}
.no-border{
border: none !important;
}
.margin-auto{
margin: auto !important;
}
.margin-bottom{
margin-bottom: 50px !important;
}
.margin-bottoom-30{
margin-bottom: 30px;
}
.img-padding-20px{
padding: 10px 0;
}
.padding-20px{
padding: 21px !important;
}
.padding-top-20px{
padding-top: 20px;
padding-bottom: 20px;
}
.padding-sections{
padding: 80px 0 !important;
}
.padding-top-50px{
margin-top: 50px;
}
.product-container-wrapper{
margin: auto !important;
}
.btn{
transition: 0.5s;
background: #252525;
color: white!important;
}
.btn-green{
transition: 0.5s;
background: #67e69c!important;
color: white!important;
}
.btn-red{
transition: 0.5s;
background: #eb4242!important;
color: white!important;
}
.justify-center{
justify-content: center !important;
}
.bd-color-1{
background: #252525 !important;
}
.bd-color{
background: #dddddd !important;
}
.bd-color-filter{
background: #1351a0 !important;
}
.bd-color-2{
background: #f3f3f3 !important;
}
.bd-color-secondary{
background-color: #dfdfdf !important;
}
.bd-color-terceary{
background-color:#fcfcfc !important;
}
.text-white{
color: #fff !important;
}
.text-shadow{
text-shadow: 1px 1px 6px #111;
}
.text-color-green{
color: #33b34f !important;
}
.text-color-normal{
color: #252525 !important;
}
.text-color-primary{
color: #252525 !important;
}
.text-color-secondary{
color: #1351a0 !important;
}
.text-align-justify{
text-align: justify;
}
.title{
font-weight: 300 !important;
}
.text-subtitle{
font-weight: 400 !important;
font-size: 20px !important;
}
.text-18{
font-size: 18px !important;
}
.display-flex{
display: flex;
justify-content: center !important;
}
.margin-bottom-40px{
margin-bottom: 60px;
}
.margin-top{
margin-top: 40px;
}
.margins{
margin: 0px 10px !important;
}
.margin-page{
margin: 0px 118px;
}
.margin-bottom-20px{
margin-bottom: 20px !important;
}
.margin-20px{
margin: 20px !important;
}
.no-padding{
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important ;
padding-bottom: 0px !important;
}
.no-margin{
margin-left: 0px !important;
margin-right: 0px !important;
margin-right: 0rem !important;
}
.border{
border: #252525 solid 1px;
background: #fff;
}
.bord-right{
border-right: #9c9c9c6b solid 1px !important;
}
.bord-bottom{
border-bottom: #1351a0 solid 1px !important;
}
/*HEADER*/
.slogan-container{
display: flex;
justify-content: center;
position: absolute;
top: 6px;
right: 120px;
}
.slogan{
width: 100px;
}
header{
display: flex !important;
justify-content: space-between;
width: 100%;
height: 76px;
z-index: 7000;
position: relative;
background: url(../img/header/Header.png);
background-size: cover;
background-position: center;
background-color: white !important;
}
a{
transition: 0.5s !important;
}
p{
margin-bottom: 5px !important;
}
.index-img{
width: 150px;
height: 150px;
overflow: hidden;
display: grid;
align-content: center;
border-radius: 85px;
}
.index-img img{
transition: .5s;
width: 100%;
}
.index-img img:hover{
transform: scale(1.05);
}
.container-index{
display: grid;
align-content: center;
}
.index-solutions-container{
height: 210px;
justify-content: center;
}
.navbar{
height: inherit;
padding: 5px !important;
}
.navbar-light .navbar-toggler-icon {
background-image: url(../img/menu.png) !important;
}
.nav-text{
font-size: 14px !important;
}
.navbar-brand img{
width: 120px;
}
.dropdown-btn{
position: relative;
}
.drop-menu{
transition: .5s;
border-radius:0rem 0rem .5rem .5rem;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 0px;
text-align: left;
z-index: 6000;
position: absolute;
top: 57px;
background: #fff;
width: 190px;
}
.border-bottom-header{
border-bottom: #1351a0 solid 2px !important;
}
/*FOOTER*/
.footer-inquerito-container{
background: #d8d8d8;
padding: 10px;
border-radius: .25rem;
}
.border-rigth{
margin-top: 10px ;
}
footer{
padding:0 20px;
background-color: #252525;
background: url(../img/footer/footer-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-position-y: -15px;
}
footer p{
font-weight: 300;
font-size: 15px !important;
}
footer h4{
font-size: 20px !important;
color: #1351a0;
font-weight: 500;
}
.social-media a {
font-size: 40px !important;
}
footer a{
font-size: 15px;
transition: 0.5s;
}
.footer-img-container{
display: flex;
justify-content: center;
}
.footer-img{
width: 40px;
}
.foot-text{
font-weight: 300;
margin-bottom: 10px;
}
.footer-logo {
width: 100px;
padding-top: 6px;
}
.direitos{
width: auto;
padding-top: 50px;
text-align: center;
}
.social-media{
display: flex;
justify-content: center;
font-size: 40px !important;
}
.social-media a{
font-size: 30px !important;
padding: 0 5px;
}
.social-media a:hover{
color: #e9e9e9 !important;
}
footer a:hover{
color: #1351a0 !important;
}
.footer-wrapper{
max-width: 1070px;
margin: auto;
}
/*HOME_PAGE*/
.SET-title{
font-size: 50px;
}
/*section titles*/
.index-ft-img{
width: 100%;
}
.section-titles{
width: 100%;
height: auto;
text-align: center;
}
.section-titles h2{
margin: auto;
}
.row{
margin-left: auto !important;
margin-right: auto !important;
overflow: hidden;
}
/*ABOUT_US*/
.partner-satisfaction-img{
width: 100px;
}
.about-container{
display: flex;
justify-content: center !important;
}
.about-banner{
display: grid;
align-items: center;
width: 100%;
height: auto;
}
.about-img{
width: 100%;
height: 100%;
}
.colab-img-container{
height: 200px;
overflow: hidden;
}
.colab-img{
width: 160px;
transition: .5s;
}
.colab-img:hover{
transform: scale(1.1);
}
.margin-cards{
margin: 0px 5px !important;
margin-bottom: 10px !important;
max-width: 340px !important;
min-width: 240px !important;
height: 550px;
}
.card-effect{
background: rgba(255, 255, 255, 0.699) !important;
}
.card-img-about img{
background: #cccccc;
width: 200px;
height: 170px;
}
.about-us-img-1 img{
width: 100%;
height: 400px;
background: #cccccc;
}
.about-us-img-2 img{
width: 100%;
background: #cccccc;
}
.about-us-img-3 img{
width: 100%;
}
/*BANNER_SECTION*/
.team-container{
width: 100%;
column-gap: 2rem;
row-gap: 2rem;
margin-left: 0 !important;
margin-right: 0 !important;
}
.img-with-caption{
position: relative;
overflow: hidden;
}
.title{
font-size: 30px !important;
}
.team-img{
width: 100%;
transition: .5s;
}
.img-caption{
height: 14%;
background-image: linear-gradient(#25252500, #252525);
width: 100%;
position: absolute;
bottom: 0;
padding: 10px 5px;
color: white !important;
display: grid;
align-content: center;
}
.fade-box{
height: 200px;
width: 100%;
display: grid;
align-content: end;
background-image: linear-gradient(#352e2e00, #252525);
}
.banner-inquerito-title{
font-size: 70px;
text-shadow: 1px 1px 10px #111;
}
.banner-inquerito-subtext{
font-size: 20px !important;
text-shadow: 1px 1px 10px #111;
font-weight: 400 !important;
}
.banner-inquerito{
position: relative;
width: 100%;
display: grid;
align-content: center;
height: 600px;
background: url(../img/customer.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-position-y: -280px;
}
.banner-inquerito-data{
position:absolute;
bottom: 0;
left: 0;
}
.banner-title-products{
font-size: 100px !important;
padding: 20px;
background: #25252588;
}
.banner-link-sol {
font-size: 20px !important;
transition: .5s;
}
.banner-link-sol a:hover{
background-color: #8f8f8fb2 !important;
}
.banner-video{
display: grid;
align-content: center;
width: 100%;
height: 600px;
position: relative;
overflow: hidden;
}
.banner-video video{
width: 100%;
z-index: 1;
position: absolute;
top: 0;
}
.video-menu{
position: absolute;
bottom: 0;
z-index: 2000;
width: 100%;
}
.banner-img{
width: 100%;
min-height: 500px;
background-image: url(../img/1-slide.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-2{
width: 100%;
min-height: 500px;
background-image: url(../img/3-slide.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-3{
width: 100%;
min-height: 500px;
background-image: url(../img/4-slide.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-products-1{
width: 100%;
min-height: 500px;
background-image: url(../img/1-slide-prod.png);
background-color: #cccccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-products-2{
width: 100%;
min-height: 500px;
background-image: url(../img/2-slide-prod.png);
background-color: #cccccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-products-3{
width: 100%;
min-height: 500px;
background-image: url(../img/3-slide-prod.png);
background-color: #cccccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-solution-img-1{
width: 100%;
min-height: 500px;
background-image: url(../img/1-slide-sol.png);
background-color: #1351a0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-solution-img-2{
width: 100%;
min-height: 500px;
background-image: url(../img/2-slide-sol.png);
background-color: #252525;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-solution-img-3{
width: 100%;
min-height: 500px;
background-image: url(../img/3-slide-sol.png);
background-color: #cccccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.carousel-caption{
transform: translatey(-20%);
}
.carousel-caption h1{
font-size: 50px;
font-weight: 300;
}
.carousel-control-next .carousel-control-prev{
margin-top: 60px !important;
}
.carousel-item{
width: 100%;
height: auto;
margin: 0 auto;
position: fixed;
}
.carousel-indicators{
bottom: 0px !important;
}
.carousel-item img{
width: 100%;
}
.carousel-control-next, .carousel-control-prev{
top: 30px!important;
}
.banner-text-home{
font-size: 20px;
font-weight: 500;
text-shadow: 2px 2px #25252536;
}
/*O-QUE-FAZEMOS*/
.section-2 p{
font-size: 18px;
}
.container-o-que-fazemos{
margin: 0 auto;
}
.section-2-img{
border-radius: 150px;
margin: 30px 0px;
overflow: hidden;
}
.container-o-que-fazemos h2{
font-size: 50px;
}
.contact-us-img{
width: 110px;
margin-bottom: .75rem;
}
.inquerito-satisfacao{
margin: auto;
}
.inquerito-bd{
position: relative;
display: grid;
align-content: center;
background: url(../img/inquerito.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.contact-data{
position: absolute;
bottom: 0;
right: 0;
padding: 20px;
}
.contact-us-img-satisfaction{
width: 60px;
margin-bottom: .75rem;
}
/*PRODUCTS_SECTION*/
.product-clicable{
cursor: pointer;
}
.popup-background{
background: #252525;
z-index: 2900;
}
.popup{
-ms-overflow-style: none; /* for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
overflow: auto;
display: grid;
align-content: center;
width: 100%;
margin: auto;
background-color: #969696d5;
position: fixed;
top: 0;
bottom: 0;
left: 0;
height: 100vh;
z-index: 9000;
transition: .5s;
}
.popup::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.popup-wrapper{
border-radius: .25rem;
background: #252525;
width: 500px;
margin: auto;
margin-top: 200px !important;
}
.hide{
right: -450%;
}
.dropdown-menu{
padding: 0rem !important;
width: 230px;
}
.dropdown-submenu{
padding-left: 0 !important;
position: relative;
border-bottom: solid 1px #8f8f8f;
margin-bottom: 1rem;
}
.navbar .nav-item .dropdown-submenu{ display: none; }
.navbar .nav-item:hover .nav-link{ }
.navbar .nav-item:hover .dropdown-submenu{ display: block; }
.navbar .nav-item .dropdown-submenu{ margin-top:0; }
.show-popup{
right: 0px;
}
.price-tag-prod{
font-weight: 400 !important;
font-size: 13px !important;
}
.brand-img{
width: 100px;
margin: auto;
transition: .5s;
}
.brand-img:hover{
transform: scale(1.1);
}
.brand-container{
display: grid;
row-gap: 1.75rem;
align-content: center;
width: 100%;
}
.prod-img-prom{
width: 220px;
height: 220px;
}
.prod-prom-container{
display: flex;
justify-content: center;
max-width: 1076px;
margin: auto;
column-gap: .75rem;
}
.prod-jumbotron-container{
max-width: 1076px;
margin: auto;
display: grid;
align-items: center;
}
.logo-about-container{
max-width: 300px;
margin: auto;
}
.logo-about{
width: 100%;
}
.prod-jumbotron{
width: 100%;
margin: auto;
display: grid;
align-items: center;
height: 300px;
}
.generator-background{
display: grid;
align-items: center;
width: 100%;
height: 200px;
background: url(../img/prod-banner.jpg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.ac-background{
display: grid;
align-items: center;
width: 100%;
height: 200px;
background: url(../img/ac-background.jpeg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.lubricants-background{
display: grid;
align-items: center;
width: 100%;
height: 200px;
background: url(../img/lubricants-background.jpeg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.solar-panel-background{
display: grid;
align-items: center;
width: 100%;
height: 400px;
background: url(../img/solar-background.jpeg);
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.d-grid{
display: grid;
}
.publicity-banner-img{
height: 400px;
width: 100%;
background: url(../img/publicity-banner/publicity-banner-img.png);
background-position: center;
background-size:contain ;
background-repeat: no-repeat;
}
.publicity-banner-img-2{
height: 400px;
width: 100%;
background: url(../img/publicity-banner/publicity-banner-img-2.png);
background-position: center;
background-size:contain ;
background-repeat: no-repeat;
}
.publicity-banner-img-3{
height: 400px;
width: 100%;
background: url(../img/publicity-banner/publicity-banner-img-3.png);
background-position: center;
background-size:contain ;
background-repeat: no-repeat;
}
.card-description{
font-size: 13px !important;
}
.card-ref{
font-size: 13px !important;
font-weight: 400 !important;
}
.card-prom{
display: flex;
justify-content: center;
column-gap: .75rem;
}
.card-old-price{
color: #8f8f8f;
text-decoration: line-through;
font-size: 13px !important;
}
.card-new-price{
font-size: 22px !important;
font-weight: 400 !important;
}
.card-capacity{
font-size: 13px !important;
}
.card-title{
font-weight: 400 !important;
}
.products-list-container{
min-width: 1000px;
}
.prod-desc{
margin: 20px 20px 20px 0px;
padding-left: 20px;
max-width: 150px;
}
.card{
overflow: hidden;
}
.margin-prod-container{
margin-left: 10px !important;
margin-right: 10px !important;
margin-bottom: 20px !important;
}
.col-sm-4 {
max-width: 300px !important;
}
.hover:hover{
transform: scale(1.05);
box-shadow: #cccccc 4px 4px 4px ;
}
.price-tag{
font-size: 26px !important;
font-weight: 400 !important;
bottom: 0;
}
.price-cap-container{
display: flex;
column-gap: .25rem;
}
.container-cap-price{
position: absolute;
bottom: 0;
}
.price-currency{
font-size: 10px !important;
font-weight: 400 !important;
}
.products-btn{
display: flex;
justify-content: center;
}
/*PARTNERS_SECTION*/
.card{
transition: 0.5s;
}
.partners-container{
margin-bottom: 40px;
}
.partners-img{
text-align: center;
height: auto;
}
.partners-img img{
width: 160px;
}
/*PRODUCT-PAGE*/
.nav-close{
cursor: pointer;
position: absolute;
top: 0;
right: 0;
margin: 20px;
font-size: 35px !important;
color: white;
z-index: 5000;
}
.products-wrapper{
border-radius: .25rem;
margin-left: 50px;
height: auto;
margin-bottom: 1rem;
}
.card-body button:hover{
background: #252525;
color: white !important;
}
.card-body button{
border: none;
width: 100%;
cursor: pointer;
transition: 0.05s;
}
.prod-img{
width: 150px !important;
height: 150px !important;
margin: auto !important;
padding: 20px !important;
}
.card img{
margin: auto;
padding: 20px;
transition: .5s;
}
.card img:hover{
transform: scale(1.1);
}
.title-prod{
text-align: center;
color: #1351a0 !important;
border-bottom: solid 1px #1350a0af !important;
}
.prod-icon{
width: 40px;
}
.card-prod{
margin-bottom: 10px;
height: 180px;
align-content: center;
display: grid !important;
border-bottom: solid 1px #1350a0af !important;
}
.card-prod h3{
font-size: 20px;
}
.card-prod h4{
font-size: 18px !important;
}
.search-engine{
width: 300px;
}
.search-engine input{
width: 220px !important;
border-radius: 5px 0px 0px 5px;
}
.search-engine button{
width: 80px;
border-radius: 0px 5px 5px 0px;
}
.filter{
width: 300px;
margin-right: 20px;
margin-bottom: 30px;
}
.img-prod-list{
width: 140px;
margin: auto !important;
}
.img-prod-list img{
width: inherit;
}
/*Solutions-PAGE*/
.sol-icon-container{
display: flex;
justify-content: center;
}
.sol-content-centered{
margin: auto;
}
.sol-icon{
width: 100px;
}
.telecom-section{
z-index: 500;
}
.other-solutions{
display: flex;
justify-content: space-between;
}
.telecom-img-container{
overflow: hidden;
height: 400px;
}
.telecom-img{
width: auto;
max-height: 600px;
overflow: hidden;
transition: .5s;
}
.telecom-img:hover{
transform: scale(1.1);
}
.telecom-data{
display: grid;
align-content: center;
padding: 20px !important;
}
.sol-banner-content{
display: flex;
justify-content: center;
column-gap: .1rem;
}
.sol-vd{
position: relative;
width: 100%;
object-fit: cover;
object-position: 83%;
}
.sol-vd-content{
max-width: 1076px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 200;
top: 220px;
}
.sol-vd-content img{
width: 80px;
}
.sol-vd-fog{
width: 100%;
height: inherit;
z-index: 100;
background-color: #353535a3;
position: absolute;
top: 68px;
bottom: auto;
left: 0;
right: 0;
}
.telecom-container{
background: url(../img/telecom-banner.png);
background-size: cover;
background-position: center;
background-position-x: -470px;
background-color: #0050a4;
background-repeat: no-repeat;
height: 100vh;
display: grid;
align-content: center;
}
.no-border{
border-radius: 0px !important;
}
.card-header{
border-radius: 0px !important;
transition: 0.05s;
padding: 0px !important;
transition: 0.05s;
}
.title-card a{
display: flex;
font-size: 30px !important;
background: #25252557;
color: #fff !important;
width: 100%;
height: 100%;
padding: 0px !important;
text-align: center;
transition: 0.05s;
}
.hover:hover{
transform: translatey(-10px);
}
.solution-img{
width: auto;
height: 300px;
background-color: #252525;
}
.g-maps{
width: inherit;
display: grid;
align-content: center;
}
.solutions-bottom-img{
width: 100%;
transition: .5s;
}
.solutions-bottom-conteiner{
position: relative;
overflow: hidden;
}
.solutions-img-description{
font-size: 30px !important;
font-weight: 400 !important;
position: absolute;
left: 20px;
z-index: 1;
color: #1350a0bb !important;
text-shadow: 10px 12px 6px black;
}
/*---Firefox Bug Fix --*/
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
padding: 1rem;
}
/*---Media Queries --*/
@media (max-width: 1780px) {
footer{
background-size: cover;
background-position-y: 100px;
}
}
@media (max-width: 1600px) {
footer{
background-size: cover;
background-position-y: 29px;
}
}
@media (max-width: 1000px) {
.index-solutions-container {
height: 363px;
padding: 10px;
}
.section-2-img{
border-radius: 0px;
margin: 30px 0px;
overflow: hidden;
}
.SET-title{
font-size: 26px;
}
.banner-video {
display: grid;
align-content: center;
width: 100%;
height: 42vh;
position: relative;
overflow: hidden;
}
.banner-inquerito {
position: relative;
width: 100%;
display: grid;
align-content: center;
height: 600px;
background: url(../img/customer.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position: center;
background-position-y: center;
background-repeat: no-repeat;
background-size: cover;
background-position-y: -150px;
}
.filter-header{
width: 100%;
text-align: center;
}
.filter-hide-mobile{
display: flex;
column-gap: .5rem;
justify-content: center;
}
.generator-background{
height: 300px;
}
.ac-background{
height: 300px;
}
.lubricants-background{
height: 300px;
}
.solar-panel-background{
height: 300px;
}
.slogan-container{
display: none;
}
.telecom-section{
height: auto;
}
.telecom-img-container{
overflow: hidden;
height: 400px;
}
.popup-wrapper{
width: 400px;
}
.price-tag-prod{
font-weight: 400 !important;
font-size: 13px !important;
}
.hide{
right: -500%;
}
.margin-cards {
height: 400px;
}
.prod-prom{
width: 100%;
height: 900px;
}
.prod-img-prom{
width: 200px !important;
max-width: 200px !important;
}
.prod-jumbotron-container{
margin: 0 10px;
}
.prod-prom-container{
display: grid;
row-gap: 1rem;
}
.products-wrapper{
max-width: 700px;
}
.hide-mob{
display: none !important;
}
.justify-mob{
display: flex;
justify-content: center !important;
}
.products-wrapper{
max-width: 700px;
margin:auto
}
.margin-page {
margin: 0 !important;
}
.nav-ipad{
width: 100%;
margin: 0 !important;
background: #fff;
}
.carousel-inner{
overflow: visible !important;
}
.carousel-caption{
display: block !important;
transform: translatey(0%);
color: #fff !important;
}
.carousel-caption h1{
font-size: 30px;
}
h2{
font-size: 25px !important;
}
h4{
font-size: 20px !important;
font-weight: 300 !important;
}
.banner-text-home {
font-size: 18px;
font-weight: 500;
text-shadow: none;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
min-width: 300px;
}
footer{
background-size: cover;
background-position-y: 190px;
}
}
@media (max-width: 768px ) {
.banner-inquerito{
height: 500px;
background-position-y: -100px;
}
h1 {
font-size: 25px !important;
}
.telecom-container{
background: url(../img/telecom-banner.png);
background-size: cover;
background-position: center;
background-position-x: -1050px;
background-color: #0050a4;
background-repeat: no-repeat;
height: auto;
display: grid;
align-content: center;
}
.filter-hide-mobile{
display: flex;
column-gap: .5rem;
justify-content: center;
}
.generator-background{
height: 800px;
}
.ac-background{
height: 800px;
}
.lubricants-background{
height: 800px;
}
.solar-panel-background{
height: 800px;
}
.concatct-wrapper{
width: 100%;
margin: auto;
}
.telecom-section{
height: auto;
}
.telecom-img-container{
height: 443px;
}
.popup-wrapper{
width: 100%;
}
.hide-mob{
display: none;
}
.sol-vd-content {
top: 286px;
}
header{
background: #fff;
}
.navbar{
background: #fff;
height: auto;
}
.justify-ipad{
justify-content: space-between !important;
}
.margin-page {
margin: 0 !important;
}
.nav-ipad{
width: 100%;
margin: 0 !important;
}
.carousel-inner{
overflow: visible !important;
}
.carousel-caption{
display: block !important;
transform: translatey(0%);
color: #fff !important;
}
.carousel-caption h1{
font-size: 30px;
}
h2{
font-size: 36px !important;
}
h4{
font-size: 26px !important;
font-weight: 300 !important;
}
.banner-text-home {
font-size: 18px;
font-weight: 500;
text-shadow: none;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
min-width: 300px;
}
}
@media (max-width: 576px) {
.section-2-img{
border-radius: 0px;
margin: 30px 0px;
overflow: hidden;
}
.banner-video video {
width: 100%;
z-index: 1;
position: absolute;
top: -30px;
}
.banner-inquerito{
height: 500px;
background-position-y: 0px;
}
.banner-title-products{
font-size: 60px !important;
}
.banner-video{
display: grid;
align-content: center;
width: 100%;
height: 301px;
position: relative;
overflow: hidden;
}
.banner-link-sol {
font-size: 16px !important;
transition: .5s;
}
.generator-background{
height: 300px;
}
.ac-background{
height: 300px;
}
.lubricants-background{
height: 300px;
}
.solar-panel-background{
height: 300px;
}
.filter-toggle{
display: block;
}
.filter-hide-mobile{
display: flex;
column-gap: .5rem;
justify-content: center;
}
.filter-close{
height: 100%;
}
.hide-filter{
left: -150%;
}
.show-filter{
left: 0;
}
.height-mob{
height: 780px !important;
}
.card-prod {
width: 350px !important;
height: 218px;
margin: auto;
margin-bottom: 10px;
border-bottom: solid 1px #1351a0 !important;
}
.navbar{
display: block !important;
}
.card img{
max-width: 150PX;
margin: auto;
padding: 20px;
}
.margin-auto-mob{
margin: auto !important;
}
.filter{
width: 300px;
margin-right: 0px;
}
.justify-mob{
justify-content: center !important;
}
.products-list-container{
min-width: auto;
}
.container-o-que-fazemos{
margin: 0 auto;
}
.carousel-caption{
display: block !important;
transform: translatey(4%);
color: #fff!important;
}
.carousel-caption h1{
font-size: 30px;
}
h2{
font-size: 25px !important;
}
h4{
font-size: 20px !important;
font-weight: 300 !important;
}
.banner-text-home {
font-size: 18px;
font-weight: 500;
text-shadow: none;
}
.margins{
margin: 10px 0 !important;
}
.margin-page {
margin: 0 !important;
}
.center-margin{
margin: auto!important;
}
.banner-img{
width: 100%;
min-height: 500px;
background-image: url(../img/1-slide-mobile.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-2{
width: 100%;
min-height: 500px;
background-image: url(../img/2-slide-mobile.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-3{
width: 100%;
min-height: 500px;
background-image: url(../img/3-slide-mobile.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-products-1{
width: 100%;
min-height: 500px;
background-image: url(../img/1-slide-prod-mobile.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-products-2{
width: 100%;
min-height: 500px;
background-image: url(../img/2-slide-prod-mobile.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-img-products-3{
width: 100%;
min-height: 500px;
background-image: url(../img/3-slide-prod-mobile.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-solution-img-1{
width: 100%;
min-height: 500px;
background-image: url(../img/1-slide-sol-mobile.png);
background-color: #1351a0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-solution-img-2{
width: 100%;
min-height: 500px;
background-image: url(../img/2-slide-sol-mobile.png);
background-color: #252525;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-solution-img-3{
width: 100%;
min-height: 500px;
background-image: url(../img/3-slide-sol-mobile.png);
background-color: #cccccc;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
footer{
background-size: cover;
background-position-y: 315px;
}
.sol-content-centered {
width: auto;
margin: auto;
}
}