@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
@font-face {
font-family: "Lato-Black";
font-style: normal;
font-weight: normal;
src: local("Lato-Black"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-Black.woff) format("woff");
}
@font-face {
font-family: "Lato-BlackItalic";
font-style: normal;
font-weight: normal;
src: local("Lato-BlackItalic"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-BlackItalic.woff) format("woff");
}
@font-face {
font-family: "Lato-Bold";
font-style: normal;
font-weight: normal;
src: local("Lato-Bold"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-Bold.woff) format("woff");
}
@font-face {
font-family: "Lato-Lato-BoldItalic";
font-style: normal;
font-weight: normal;
src: local("Lato-Lato-BoldItalic"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-BoldItalic.woff) format("woff");
}
@font-face {
font-family: "Lato-Hairline";
font-style: normal;
font-weight: normal;
src: local("Lato-Hairline"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-Hairline.woff) format("woff");
}
@font-face {
font-family: "Lato-HairlineItalic";
font-style: normal;
font-weight: normal;
src: local("Lato-HairlineItalic"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-HairlineItalic.woff) format("woff");
}
@font-face {
font-family: "Lato-Italic";
font-style: normal;
font-weight: normal;
src: local("Lato-Italic"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-Italic.woff) format("woff");
}
@font-face {
font-family: "Lato-Light";
font-style: normal;
font-weight: normal;
src: local("Lato-Light"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-Light.woff) format("woff");
}
@font-face {
font-family: "Lato-LightItalic";
font-style: normal;
font-weight: normal;
src: local("Lato-LightItalic"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-LightItalic.woff) format("woff");
}
@font-face {
font-family: "Lato-Regular";
font-style: normal;
font-weight: normal;
src: local("Lato-Regular"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Lato-Regular.woff) format("woff");
}
@font-face {
font-family: "BebasNeue-Bold";
font-style: normal;
font-weight: normal;
src: local("BebasNeue-Bold"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/BebasNeue-Bold.woff) format("woff");
}
@font-face {
font-family: "BebasNeue-Regular";
font-style: normal;
font-weight: normal;
src: local("BebasNeue-Regular"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/BebasNeue-Regular.woff) format("woff");
}
@font-face {
font-family: "Segoe-UI-Bold";
font-style: normal;
font-weight: normal;
src: local("Segoe-UI-Bold"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Segoe-UI-Bold.woff) format("woff");
}
@font-face {
font-family: "Segoe-UI-regular";
font-style: normal;
font-weight: normal;
src: local("Segoe-UI"),
url(//servibarras.com/wp-content/themes/servibarras/fonts/Segoe-UI.woff) format("woff");
}
.width19por {
width: 19%;
}
.right {
right: 0;
}
.right-32por {
right: -4%;
}
.left {
left: 0;
}
.left1bl {
left: 14px;
}
.align-top {
vertical-align: top;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.left-auto {
margin-left: auto;
}
.right-auto {
margin-right: auto;
}
.center-absolute {
position: absolute;
right: 0;
left: 0;
}
.vertical-absolute {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.center {
margin-right: auto;
margin-left: auto;
text-align: center;
display: block;
}
.center-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.center-sin-text {
margin-right: auto;
margin-left: auto;
display: block;
}
.flex-center {
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
}
.full-height {
height: 100vh;
}
.circle {
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 19px;
line-height: 1.75em;
text-align: center;
width: 1.75em;
}
.radius {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
line-height: 70px;
text-align: center;
width: 90px;
padding-top: 20px;
}
.alineaciones {
padding-right: 0 !important;
padding-left: 0 !important;
}
.alineacion-right {
padding-right: 0 !important;
}
.alineacion-left {
padding-left: 0 !important;
}
.quicksand {
font-family: "Quicksand", sans-serif;
}
.raleway {
font-family: "Raleway", sans-serif;
}
.pad-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.pad-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.pad-25-lef-ring {
padding-left: 25px;
padding-right: 25px;
}
.pad-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.pad-Btm-5 {
padding-bottom: 5px;
}
.pad-Btm-10 {
padding-bottom: 10px;
}
.pad-Btm-20 {
padding-bottom: 20px;
}
.pad-Btm-30 {
padding-bottom: 30px;
}
.pad-Btm-50 {
padding-bottom: 50px;
}
.pad-Btm-100 {
padding-bottom: 100px;
}
.pad-top-5 {
padding-top: 5px;
}
.pad-top-10 {
padding-top: 10px;
}
.pad-top-15 {
padding-top: 15px;
}
.pad-top-20 {
padding-top: 20px;
}
.pad-top-30 {
padding-top: 30px;
}
.pad-lt-rt {
padding-left: 8px;
padding-right: 8px;
}
.pad {
padding-right: 0;
padding-left: 0;
}
.pad-right {
padding-right: 0px !important;
}
.pad-right1por {
padding-right: 1%;
}
.pad-right-4 {
padding-right: 4px !important;
}
.pad-right-10 {
padding-right: 10px;
}
.pad-right-26xpor {
padding-right: 26%;
}
.mg-right-21porc {
margin-right: 21%;
}
.mg-right-25porc {
margin-right: 11%;
}
.pad-right-35 {
padding-right: 35px;
}
.pad-right-35xpor {
padding-right: 31%;
}
.pad-right-45 {
padding-right: 45px;
}
.pad-lft {
padding-left: 0px !important;
}
.pad-lft-5 {
padding-left: 5px;
}
.pad-lft-9 {
padding-left: 9px;
}
.pad-lft-10 {
padding-left: 10px;
}
.pad-lft-15 {
padding-left: 15px;
}
.pad-lft-25 {
padding-left: 25px;
}
.pad-lft-30 {
padding-left: 30px;
}
.pad-lft-60 {
padding-left: 60px;
}
.mg-lr0 {
margin-left: 0px;
margin-right: 0px;
}
.mg-top--5x {
margin-top: -5px;
}
.mg-top-0x {
margin-top: 0px !important;
}
.mg-top-10rem {
margin-top: 10rem;
}
.mg-top-5 {
margin-top: 5px;
}
.mg-top-10 {
margin-top: 10px;
}
.mg-top-15 {
margin-top: 15px;
}
.mg-top-20imp {
margin-top: 20px !important;
}
.mg-top-20 {
margin-top: 20px;
}
.mg-top-30 {
margin-top: 30px;
}
.mg-top-30imp {
margin-top: 30px !important;
}
.mg-top-40 {
margin-top: 40px;
}
.mg-top-50 {
margin-top: 50px;
}
.mg-top-60 {
margin-top: 60px;
}
.mg-top-70 {
margin-top: 70px;
}
.mg-top-80 {
margin-top: 80px;
}
.mg-top-95 {
margin-top: 95px !important;
}
.mg-top-99 {
margin-top: 99px !important;
}
.mg-top-100 {
margin-top: 100px;
}
.mg-top-140 {
margin-top: 140px;
}
.mg-top-535 {
margin-top: 535px;
}
.mg-btm-0 {
margin-bottom: 0px !important;
}
.mg-btm-5 {
margin-bottom: 5px !important;
}
.mg-btm-8 {
margin-bottom: 8px !important;
}
.mg-btm-10 {
margin-bottom: 10px !important;
}
.mg-btm-15 {
margin-bottom: 15px;
}
.mg-btm-20 {
margin-bottom: 20px;
}
.mg-btm-25 {
margin-bottom: 25px;
}
.mg-btm-20impor {
margin-bottom: 20px !important;
}
.mg-btm-30 {
margin-bottom: 30px;
}
.mg-btm-37 {
margin-bottom: 37px;
}
.mg-btm-39 {
margin-bottom: 39px;
}
.mg-btm-40 {
margin-bottom: 40px;
}
.mg-btm-50 {
margin-bottom: 50px;
}
.mg-btm-55 {
margin-bottom: 55px;
}
.mg-btm-60 {
margin-bottom: 60px;
}
.mg-btm-70 {
margin-bottom: 70px;
}
.mg-btm-80 {
margin-bottom: 80px;
}
.mg-btm-100 {
margin-bottom: 100px;
}
.mg-btm-145 {
margin-bottom: 145px !important;
}
.mg-left-10 {
margin-left: 10px;
}
.mg-left--10x {
margin-left: -10px;
}
.mg-left-15 {
margin-left: 15px;
}
.mg-left-20 {
margin-left: 10px;
}
.mg-left-21porc {
margin-left: 20.5%;
}
.mg-left-25porc {
margin-left: 11%;
}
.mg-left--20x {
margin-left: -20px;
}
.mg-left--25x {
margin-left: -25px;
}
.mg-left--30x {
margin-left: -30px;
}
.mg-left-37 {
margin-left: 37px;
}
.mg-left-54 {
margin-left: 54px;
}
.mg-left--60x {
margin-left: -60px !important;
}
.mg-lft-65 {
margin-left: 65px;
}
.mg-lft-55 {
margin-left: 55px !important;
}
.mg-lft-60 {
margin-left: 60px;
}
.mg-left-5cor {
margin-left: 5px;
}
.mg-left-110 {
margin-left: 110px;
}
.mg-right-10 {
margin-right: 10px;
}
.mg-right-10pr {
margin-right: 12%;
}
.mg-right--35x {
margin-right: -35px;
}
.mg {
margin-top: 0px;
margin-bottom: 0px;
}
.mg10 {
margin-top: 10px;
margin-bottom: 10px;
}
.mg15 {
margin-top: 15px;
margin-bottom: 15px;
}
.mg25 {
margin-top: 25px;
margin-bottom: 25px;
}
.mg2540 {
margin-top: 25px;
margin-bottom: 40px;
}
.mg50 {
margin-top: 50px;
margin-bottom: 50px;
}
.nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.lin-sep25 {
line-height: 25px;
}
.alg-right {
display: block;
margin-left: auto;
text-align: right;
}
.lef430 {
left: 430px !important;
}
.fields {
width: 100%;
}
.width125 {
max-width: 135px !important;
}
.width41 {
width: 41% !important;
}
.width42 {
width: 42% !important;
}
.width295 {
width: 295px;
max-width: 295px;
}
.max780 {
width: 780px;
}
@media (max-width: 900px) {
.max780 {
width: 100%;
padding-left: 15px !important;
}
}
.w-1405 {
max-width: 1405px;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
.spacinpalabra {
word-spacing: 0px !important;
}
.text-right {
text-align: right;
}
.w-960 {
max-width: 970px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.w-1080 {
max-width: 1080px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.w-1150 {
max-width: 1165px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.h115 {
height: 115px;
}
.max330 {
max-width: 330px;
margin-left: auto;
margin-right: auto;
}
.max350 {
max-width: 350px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.max470 {
max-width: 470px;
margin-left: auto;
margin-right: auto;
}
.max535 {
max-width: 535px;
margin-left: auto;
margin-right: auto;
}
div#exampleModalCenter {
padding-right: 0px !important;
}
body.modal-open {
padding-right: 0px !important;
}
.center1366 {
max-width: 1336px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.max500 {
max-width: 630px;
text-align: center;
width: 100%;
}
.max230 {
max-width: 230px;
width: 100%;
}
.max275 {
max-width: 275px;
width: 100%;
}
.max530 {
max-width: 530px;
width: 100%;
}
.max1260 {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.max1460 {
max-width: 1460px;
margin-left: auto;
margin-right: auto;
}
.max1110px {
max-width: 1110px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.max1200 {
max-width: 1200px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.menos3rem {
margin-top: -3rem;
} header {
width: 100%;
position: absolute;
z-index: 2;
}
header .navbar {
background-color: #323232f0;
height: 60px;
}
@media (max-width: 900px) {
header .navbar {
padding: 0.5rem 0rem;
}
}
header .navbar .navbar-collapse {
max-width: 1230px;
margin-left: auto;
}
header .navbar .navbar-brand {
max-width: 270px;
width: 100%;
}
header .navbar .navbar-brand .img-logo-menu {
max-width: 215px;
text-align: center;
display: block;
margin: auto;
}
header .navbar ul.navbar-nav {
width: 100%;
}
header .navbar ul.navbar-nav li.nav-item {
width: 100%;
}
header .navbar ul.navbar-nav li.nav-item.active a.nav-link {
position: relative;
}
header .navbar ul.navbar-nav li.nav-item.active a.nav-link:before {
content: "";
position: absolute;
background-color: #00000045;
width: 100%;
height: 60px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
header .navbar ul.navbar-nav li.nav-item.active a.nav-link:before {
display: none;
}
}
header .navbar ul.navbar-nav li.nav-item a.nav-link {
color: #fff;
font-family: "Lato-Regular";
text-align: center;
font-size: 12px;
max-width: 110px;
}
@media (max-width: 900px) {
header .navbar ul.navbar-nav li.nav-item a.nav-link {
max-width: 100%;
color: #000000b8;
padding: 2rem 1rem;
font-size: 14px;
}
}
header .navbar ul.navbar-nav li.nav-item a.nav-link:hover {
color: #b9b8b8;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
header .navbar .navbar-collapse.collapse.show {
height: 270vh;
background-color: #ffffffeb;
z-index: 1;
}
header .navbar .dropdown-menu.show {
max-width: 234px;
}
header .navbar .dropdown-menu.show .dropdown-item {
white-space: normal;
color: #535353;
font-size: 11.2px;
font-family: "Lato-Bold";
}
header .dropdown-toggle::after {
display: none;
}
@media (max-width: 900px) {
ul#menu-nav-main {
display: block !important;
padding-left: 0;
margin-top: 3rem;
}
}
@media (max-width: 900px) {
.menu-item a {
color: #303030 !important;
padding: 1rem 1rem;
font-size: 1rem !important;
display: block;
margin: auto;
max-width: 175px !important;
}
}
i.fas.fa-bars {
color: white;
}
.navbar-light .navbar-toggler {
margin-right: 10px;
} .footer {
max-width: 1145px;
width: 100%;
position: relative;
margin-right: auto;
margin-left: auto;
}
.footer footer {
position: relative;
padding: 2rem 1rem 1rem 1rem;
}
.footer footer .navbar-nav {
display: inline-block;
}
@media (max-width: 800px) {
.footer footer .navbar-nav {
display: none;
}
}
.footer footer .navbar-nav .nav-item {
display: inline-block;
padding: 0rem 1.2rem;
}
@media (max-width: 980px) {
.footer footer .navbar-nav .nav-item {
padding: 5px !important;
}
}
@media (max-width: 700px) {
.footer footer .navbar-nav .nav-item {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
padding: 0.2rem;
}
}
.footer footer .navbar-nav .nav-item .nav-link {
color: #434343;
font-family: "Lato-Regular";
font-size: 13px;
padding: 0rem 0rem;
}
.footer footer .navbar-nav .nav-item .nav-link:hover {
color: #434343 !important;
opacity: 0.5;
}  .footer footer .fa-instagram-square {
font-size: 30px;
color: #434343;
}
.footer footer .fa-linkedin {
font-size: 30px;
color: #434343;
}
.footer footer .fa-youtube-square {
font-size: 30px;
color: #434343;
}
.footer footer .fa-facebook-square {
font-size: 30px;
color: #434343;
}
.footer footer .copy {
text-align: center;
font-size: 13px;
color: #434343;
margin-top: 2rem;
margin-bottom: 1rem;
}
.footer footer .copy a {
color: #434343;
}
.footer footer .copy a:hover {
color: #434343 !important;
opacity: 0.5;
}
@media (max-width: 900px) {
.footer footer .responsive-r {
text-align: right;
margin: 0rem 0rem 0rem -2rem !important;
}
}
.btn-link {
padding: 0rem 0.75rem;
margin-top: -5px;
}
.about-us {
position: relative;
padding: 3.1rem 1rem;
}
@media (max-width: 900px) {
.about-us {
padding: 3rem 1rem 10.1rem 1rem;
}
}
.about-us h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 900px) {
.about-us h3 {
font-size: 35px;
}
}
.about-us h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.about-us .img-logo-color {
max-width: 130px;
position: absolute;
right: 2%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.about-us .img-logo-color {
left: 50%;
right: 0;
top: 100%;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
}
}
.slider-about-us {
background-color: #f4f4f4;
padding: 2.3rem 1rem;
}
.slider-about-us .slider-section {
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
.slider-about-us .slider-section .sa_hover_container {
background-position: center top !important;
}
.slider-about-us .slider-section .sa_owl_theme .owl-dots .owl-dot span {
background-color: silver !important;
}
.slider-about-us .slider-section .sa_owl_theme .owl-dots .active span {
background-color: #23b3d7 !important;
}
.slider-about-us .text-slider {
max-width: 540px;
}
.slider-about-us .text-slider p {
font-family: "Lato-Regular";
color: #000000;
font-size: 1.37rem;
}
@media (max-width: 900px) {
.slider-about-us .text-slider p {
text-align: left;
}
}
.our-solutions {
padding-top: 3rem;
}
.our-solutions .sect-title-solutions h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 900px) {
.our-solutions .sect-title-solutions h3 {
font-size: 35px;
}
}
.our-solutions .sect-title-solutions h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.our-solutions .infographic-solutions {
max-width: 1600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.our-solutions .infographic-solutions .info3 {
position: absolute;
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.our-solutions .infographic-solutions .info3 {
left: 0%;
top: 0%;
position: relative;
transform: translate(0%, -25%);
-webkit-transform: translate(0%, -25%);
-moz-transform: translate(0%, -25%);
-ms-transform: translate(0%, -25%);
-o-transform: translate(0%, -25%);
}
}
.our-solutions .infographic-solutions .info4 {
position: absolute;
top: 41%;
left: 49%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.our-solutions .infographic-solutions .info4 {
left: 0%;
top: 0%;
position: relative;
transform: translate(0%, -20%);
-webkit-transform: translate(0%, -20%);
-moz-transform: translate(0%, -20%);
-ms-transform: translate(0%, -20%);
-o-transform: translate(0%, -20%);
}
}
.with-our-solutions .sect-title-solutions h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 915px;
width: 100%;
padding-bottom: 8px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 900px) {
.with-our-solutions .sect-title-solutions h3 {
font-size: 35px;
}
}
.with-our-solutions .sect-title-solutions h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
left: 80px;
bottom: -5px;
}
@media (max-width: 900px) {
.with-our-solutions .sect-title-solutions h3:before {
left: 30px;
}
}
.with-our-solutions .sect-map {
max-width: 1200px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.with-our-solutions .sect-map img {
padding: 3rem 1rem;
}
.our-products-and-services .sect-title-solutions h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 900px) {
.our-products-and-services .sect-title-solutions h3 {
font-size: 35px;
}
}
.our-products-and-services .sect-title-solutions h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.our-products-and-services .silider-produc-two {
max-width: 1080px;
width: 100%;
margin: 0.5rem auto;
text-align: center;
padding-top: 1rem;
}
.our-products-and-services .silider-produc-two .sa_owl_theme .owl-dots {
display: none !important;
}
.our-products-and-services .silider-produc-two .sa_owl_theme .owl-nav .owl-prev {
left: -25px;
}
@media (max-width: 900px) {
.our-products-and-services .silider-produc-two .sa_owl_theme .owl-nav .owl-prev {
left: -10px;
}
}
.our-products-and-services .silider-produc-two .white .sa_owl_theme .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/uploads/2020/05/arrow.png) no-repeat center center !important;
background-size: 40px !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 900px) {
.our-products-and-services .silider-produc-two .white .sa_owl_theme .owl-nav .owl-prev {
background-size: 25px !important;
}
}
.our-products-and-services .silider-produc-two .sa_owl_theme .owl-nav .owl-next {
right: -25px;
}
@media (max-width: 900px) {
.our-products-and-services .silider-produc-two .sa_owl_theme .owl-nav .owl-next {
right: -10px;
}
}
.our-products-and-services .silider-produc-two .white .sa_owl_theme .owl-nav .owl-next {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/uploads/2020/05/arrow.png) no-repeat center center !important;
background-size: 40px !important;
}
@media (max-width: 900px) {
.our-products-and-services .silider-produc-two .white .sa_owl_theme .owl-nav .owl-next {
background-size: 25px !important;
}
}
.certifications {
padding: 2rem 1rem;
}
.certifications h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 43px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 900px) {
.certifications h3 {
font-size: 35px;
}
}
@media (max-width: 900px) {
.certifications .img-responsive {
text-align: center !important;
}
}
.certifications .sec-text {
max-width: 470px;
margin-left: auto;
margin-right: auto;
padding-top: 1rem;
}
.certifications .sec-text p {
color: #000000;
font-size: 22px;
text-align: center;
letter-spacing: -0.22px;
line-height: 27px;
}
.certifications hr {
margin-left: -15px;
width: 102%;
border-top: 6px solid #f4f4f4;
margin-top: 2.1rem;
margin-bottom: 2.1rem;
}
.back-f4 {
background-color: #f4f4f4;
}
.products-labels {
padding: 2rem 0rem;
}
.products-labels.product-impresora {
padding: 2rem 1rem;
}
@media (max-width: 900px) {
.products-labels.product-impresora {
padding: 1rem 1.2rem !important;
}
}
.products-labels.product-impresora .sec-img-label img {
max-width: 225px;
max-height: 290px;
}
.products-labels h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin-bottom: 2.2rem;
text-align: center;
}
.products-labels h3.h3-aplicacion-auto {
max-width: 745px;
margin: auto;
}
.products-labels h3.h3-aplicacion-auto:before {
bottom: 0px;
top: 65px;
}
@media (max-width: 900px) {
.products-labels h3.h3-aplicacion-auto:before {
display: none;
}
}
@media (max-width: 900px) {
.products-labels h3 {
font-size: 35px;
}
}
.products-labels h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.products-labels .sect-labels {
max-width: 100%;
margin: 3rem auto;
padding: 3.5rem 1rem;
background-color: #f4f4f4;
}
.products-labels .sect-labels.sect-labels {
padding: 5.5rem 1rem;
}
@media (max-width: 900px) {
.products-labels .sect-labels.sect-labels {
padding: 0rem 1rem;
}
}
.products-labels .sect-labels.back-grey {
padding: 2rem 1rem !important;
margin: 0rem auto;
}
@media (max-width: 900px) {
.products-labels .sect-labels.back-grey {
padding: 0rem 1rem !important;
}
}
.products-labels .sect-labels.back-white-impresoras {
padding: 0rem 1rem !important;
margin: 0rem auto;
margin-top: 4rem;
}
.products-labels .sect-labels .sect-item-products-labels {
margin-bottom: 4.5rem;
}
.products-labels .sect-labels .sect-item-products-labels a {
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: block;
max-width: 350px;
margin: auto;
padding: 10px;
text-align: center;
}
.products-labels .sect-labels .sect-item-products-labels a:hover {
-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1),
0 3px 6px rgba(0, 0, 0, 0.08);
box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.products-labels .sect-labels .sect-item-products-labels a:hover .sec-img-label {
-webkit-transform: translateY(-9px);
-ms-transform: translateY(-9px);
transform: translateY(-9px);
}
.products-labels .sect-labels .sect-item-products-labels a .sec-img-label {
text-align: center;
height: 260px;
max-width: 320px;
margin: auto;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.products-labels .sect-labels .sect-item-products-labels a .sec-img-label img {
text-align: center;
display: block;
margin: auto;
}
.products-labels .sect-labels .sect-item-products-labels a .sec-img-label.img-cinta {
height: 330px;
max-width: 230px;
}
.products-labels .sect-labels .sect-item-products-labels a .sec-img-label.img-cinta img {
max-width: 230px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.products-labels .sect-labels .sect-item-products-labels a .title-labels h4 {
color: #535353;
font-size: 20px;
text-align: center;
letter-spacing: -0.2px;
padding-top: 1rem;
font-family: "Lato-Black";
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.width1366-produc {
max-width: 1366px;
width: 100%;
margin: auto;
}
.high-graphic-labels {
position: relative;
padding: 3.1rem 1.5rem;
max-width: 1366px;
margin: 0.5rem auto;
}
@media (max-width: 900px) {
.high-graphic-labels {
padding: 3rem 1rem 5.1rem 1rem;
}
}
.high-graphic-labels h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin-bottom: 2.2rem;
}
@media (max-width: 900px) {
.high-graphic-labels h3 {
font-size: 35px;
}
}
.high-graphic-labels h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.high-graphic-labels .sect-btn {
margin-top: 4rem;
}
@media (max-width: 900px) {
.high-graphic-labels .sect-btn {
margin-top: 4rem;
}
}
.high-graphic-labels p {
color: #000000;
font-family: "Lato-Regular";
font-size: 28px;
max-width: 630px;
text-align: left !important;
width: 100%;
}
@media (max-width: 1024px) {
.high-graphic-labels p {
font-size: 22px;
}
}
.high-graphic-labels p span {
color: #01c4f5;
font-family: "Lato-Bold";
font-size: 29px;
}
@media (max-width: 1024px) {
.high-graphic-labels p span {
font-size: 23px;
}
}
.high-graphic-labels img {
max-width: 510px;
}
@media (max-width: 900px) {
.high-graphic-labels img {
max-width: 255px;
}
}
.sec-our-clients-h3.solution-h3 h3 {
margin-top: 7rem;
margin-bottom: 2.5rem;
}
@media (max-width: 900px) {
.sec-our-clients-h3.solution-h3 h3 {
font-size: 35px;
}
}
.sec-our-clients-h3.solution-h3 h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.sec-our-clients-h3 h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin-bottom: 1rem;
text-align: center;
margin-top: 2rem;
}
@media (max-width: 900px) {
.sec-our-clients-h3 h3 {
font-size: 35px;
}
}
.background-image-productos {
background-position: 50% 50% !important;
background-size: cover !important;
height: 80vh;
}
.sect-labels {
max-width: 1366px;
margin: 3rem auto;
padding: 0.5rem 1rem;
}
@media (max-width: 900px) {
.sect-labels {
text-align: center;
}
}
.sect-labels .sec-img-solu {
display: inline-block;
padding-right: 2.2rem;
}
@media (max-width: 1366px) {
.sect-labels .sec-img-solu {
max-width: 180px;
width: 100%;
}
}
@media (max-width: 900px) {
.sect-labels .sec-img-solu {
margin: auto;
padding-right: 0rem;
}
}
.sect-labels h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 38px;
max-width: 932px;
width: 100%;
margin-top: 15px;
letter-spacing: -0.5px;
}
@media (max-width: 900px) {
.sect-labels h3 {
font-size: 27px;
}
}
.sect-labels h4 {
color: #5d5c5c;
display: block;
}
.build-your-solution {
background-color: #f4f4f4;
}
.build-your-solution .content-your-solution {
max-width: 1366px;
width: 100%;
margin: 0rem auto;
padding: 2rem 1rem;
}
.build-your-solution .content-your-solution h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin-bottom: 2.2rem;
}
@media (max-width: 900px) {
.build-your-solution .content-your-solution h3 {
font-size: 35px;
}
}
.build-your-solution .content-your-solution h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.build-your-solution .content-your-solution .content-item-solution {  display: inline-block;
}
.build-your-solution .content-your-solution .content-item-solution img {
max-width: 100%;
display: block;
margin: auto;
border-radius: 50%;
-webkit-box-shadow: 30px 40px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 30px 40px 40px -10px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
@media (max-width: 900px) {
.build-your-solution .content-your-solution .content-item-solution {
text-align: center;
margin-bottom: 3rem;
}
}
.build-your-solution .content-your-solution .content-item-solution h4 {
margin-top: 1.3rem;
text-align: center;
color: #535353;
font-family: "Lato-Black";
font-size: 25px;
}
@media (max-width: 900px) {
.build-your-solution .content-your-solution .content-item-solution h4 {
padding-left: 0px; }
}
.build-your-solution .content-your-solution .as-service-blue {
margin: 6rem 1rem 6rem 1rem;
}
.build-your-solution .content-your-solution .as-service-blue h3 {
color: #06bdeb;
text-align: center;
}
.build-your-solution .content-your-solution .as-service-blue h3:before {
display: none;
}
.build-your-solution .content-your-solution .as-service-blue .circle-blue {
background-color: #06bdeb;
max-width: 247px;
width: 100%;
height: 247px;
padding: 1.6rem;
margin: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
@media (max-width: 900px) {
.build-your-solution .content-your-solution .as-service-blue .circle-blue {
margin-bottom: 1rem;
}
}
.build-your-solution .content-your-solution .as-service-blue .circle-blue p {
color: #ffffff;
font-family: "Lato-Black";
font-size: 23px;
text-align: center;
letter-spacing: -0.23px;
}
.section-banner-sect-labels {
height: 470px;
background-image: url(//servibarras.com/wp-content/themes/servibarras/assets/images/solution/fixes-soluciones.png);
background-size: cover;
background-attachment: fixed;
position: relative;
}
.section-banner-sect-labels::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: #29292961;
}
.section-banner-sect-labels .h3-text-fixed {
color: #fff;
text-align: left;
font-family: "Lato-Bold";
font-size: 35px;
max-width: 650px;
width: 100%;
position: absolute;
letter-spacing: 0px;
left: 5%;
}
@media (max-width: 900px) {
.section-banner-sect-labels .h3-text-fixed {
font-size: 25px;
max-width: 320px;
}
}
.section-banner-sect-labels .h3-text-fixed span {
display: block;
font-size: 40px;
}
@media (max-width: 900px) {
.section-banner-sect-labels .h3-text-fixed span {
font-size: 28px;
}
}
.brand-positioning-product-decoration {
max-width: 1366px;
margin: 3rem auto;
padding: 0.5rem 1rem;
}
@media (max-width: 900px) {
.brand-positioning-product-decoration {
text-align: center;
}
}
.brand-positioning-product-decoration h3 {
position: relative;
color: #535353;
font-family: "BebasNeue-Regular";
font-size: 50px;
max-width: 932px;
width: 100%;
margin-top: 15px;
letter-spacing: -0.5px;
font-weight: 600;
margin: 1rem auto;
text-align: center;
}
@media (max-width: 900px) {
.brand-positioning-product-decoration h3 {
font-size: 35px;
}
}
.brand-positioning-product-decoration h3 span {
color: #1acaf6;
}
.brand-positioning-product-decoration h3.h3protection-security {
font-size: 35px;
max-width: 970px;
margin-bottom: 5rem;
}
.brand-positioning-product-decoration h3.h3identification-traceability {
max-width: 1055px;
}
.brand-positioning-product-decoration .img-item {
text-align: center;
}
.brand-positioning-product-decoration .img-item img {
border-radius: 50%;
-webkit-box-shadow: 30px 40px 40px -10px rgba(0, 0, 0, 0.2);
box-shadow: 30px 40px 40px -10px rgba(0, 0, 0, 0);
}
.brand-positioning-product-decoration .text-itens p {
color: #535353;
font-size: 35px;
letter-spacing: -0.35px;
text-align: center;
max-width: 360px;
line-height: 40px;
margin: 1.2rem auto;
}
@media (max-width: 900px) {
.brand-positioning-product-decoration .text-itens p {
font-size: 25px;
}
}
.brand-positioning-product-decoration .psub-identification-traceability {
color: #5d5c5c;
font-size: 24px;
letter-spacing: 0px;
max-width: 655px;
margin: 3rem auto;
line-height: 25px;
}
.brand-positioning-product-decoration .title-infographic-one {
color: #757474;
font-family: "BebasNeue-Bold";
font-size: 30px;
letter-spacing: -0.31px;
text-align: center;
}
.brand-positioning-product-decoration .text-info {
max-width: 1200px;
width: 100%;
margin: 1rem auto;
}
.brand-positioning-product-decoration .text-info p {
font-size: 24px;
color: #757474;
line-height: 29px;
}
@media (max-width: 900px) {
.brand-positioning-product-decoration .text-info p {
font-size: 23px;
text-align: left;
}
}
.brand-positioning-product-decoration .text-info p span {
color: #1acaf6;
font-family: "Lato-Bold";
}
.modal-success-stories .modal-header {
padding: 1rem 1rem;
border-bottom: 0px solid #dee2e6;
}
.modal-success-stories .modal-header .modal-title {
width: 100%;
min-height: 75px;
background-color: #88e3fa;
margin-left: -16px;
max-width: 300px;
padding: 0.5rem;
text-align: center;
}
.modal-success-stories .modal-header .modal-title img {
max-width: 200px;
max-height: 125px;
}
.modal-success-stories .h3-modal {
color: #00bceb;
font-size: 28px;
font-family: "Segoe-UI-Bold";
}
.modal-success-stories .modal-dialog {
max-width: 845px;
}
.modal-success-stories .modal-dialog .modal-body {
padding: 0rem 2rem 5rem 2rem;
max-width: 740px;
margin: auto;
}
.modal-success-stories .modal-dialog .p-title {
font-size: 23px;
}
.modal-success-stories .modal-dialog .p-title span {
color: #06bdeb;
font-size: 30px;
font-family: "Segoe-UI-Bold";
}
@media (max-width: 900px) {
.modal-success-stories .modal-dialog .p-title span {
font-size: 27px;
text-align: left;
}
}
.modal-success-stories .modal-dialog p {
color: #707070;
font-size: 17px;
font-family: "Segoe-UI-regular";
}
.our-value-offer {
background-color: #f4f4f4;
max-width: 1180px;
margin: auto;
}
.our-value-offer h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin-bottom: 2.2rem;
text-align: center;
}
@media (max-width: 900px) {
.our-value-offer h3 {
font-size: 35px;
}
}
.our-value-offer h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.our-purpose {
position: relative;
padding: 3.1rem 1.5rem;
max-width: 1366px;
margin: 0.5rem auto;
}
@media (max-width: 900px) {
.our-purpose {
padding: 3rem 1rem 5.1rem 1rem;
}
}
.our-purpose h3 {
position: relative;
color: #535353;
font-family: "BebasNeue-Regular";
font-size: 50px;
max-width: 915px;
width: 100%;
padding-bottom: 8px;
margin-bottom: 2.2rem;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: 600;
}
@media (max-width: 900px) {
.our-purpose h3 {
font-size: 35px;
}
}
.our-purpose h3 span {
color: #06bdeb;
}
.our-purpose .sect-btn {
margin-top: 8rem;
}
@media (max-width: 900px) {
.our-purpose .sect-btn {
margin-top: 4rem;
}
}
.our-purpose p {
color: #000000;
font-family: "Lato-Regular";
font-size: 28px;
max-width: 544px;
text-align: left !important;
}
.our-purpose p span {
color: #01c4f5;
font-family: "Lato-Bold";
font-size: 29px;
}
.sec-our-clients-h3 h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
margin-bottom: 1rem;
text-align: center;
margin-top: 2rem;
}
@media (max-width: 900px) {
.sec-our-clients-h3 h3 {
font-size: 35px;
}
}
.link-mas {
color: #01c4f5;
text-align: center;
display: block;
font-size: 1.7rem;
line-height: 1px;
}
.link-mas:hover {
color: #01c4f5 !important;
}
html {
height: 100%;
width: 100%;
font-size: 100%;
overflow-x: hidden !important;
}
body {
width: 100%;
overflow-x: hidden !important;
position: relative;
}
h1,
h2,
h3,
h4 {
font-family: "Lato-Bold", sans-serif;
}
p {
text-align: justify;
font-family: "Lato-Regular", sans-serif;
}
a {
text-decoration: none;
font-family: "Lato-Regular", sans-serif;
color: #dedede;
}
a:hover {
text-decoration: none;
}
video {
width: 100%;
}
ul.ul-blue {
padding-left: 20px;
}
ul.ul-blue li {
list-style: none;
position: relative;
}
ul.ul-blue li p {
font-size: 24px;
color: #5d5c5c;
font-family: "Lato-Regular";
margin-bottom: 0rem;
line-height: 28px;
}
@media (max-width: 900px) {
ul.ul-blue li p {
font-size: 21px;
text-align: left;
}
}
ul.ul-blue li:before {
content: "";
position: absolute;
left: -20px;
top: 12px;
width: 8px;
height: 8px;
border-radius: 30px;
background-color: #01c4f5;
}
ul.ul-blue.color-black p {
color: #000000;
}
::-webkit-scrollbar {
width: 8px;
background-color: #f5f5f5;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #747373;
background-image: -webkit-linear-gradient(90deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.btn.focus,
.btn:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
}
.btn-blue {
background-color: #01c4f5;
max-width: 310px;
width: 100%;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
font-size: 20px;
position: relative;
border-bottom: 4px outset #01c4f5;
-webkit-box-shadow: -10px 0px 13px -7px #606060, 10px 0px 13px -16px #000000,
5px 5px 15px 5px rgba(0, 0, 0, 0);
box-shadow: -10px 0px 13px -7px #606060, 10px 0px 13px -16px #000000,
5px 5px 15px 5px rgba(0, 0, 0, 0);
padding-right: 50px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
button.frm_button_submit {
color: #01c4f5 !important;
background-color: #fff !important;
max-width: 180px !important;
width: 100% !important;
border-radius: 40px !important;
font-size: 20px !important;
position: relative !important;
}
.cotizacion {
max-width: 475px;
color: #01c4f5 !important;
}
.cotizacion:hover {
color: #fff !important;
background-color: #01c4f5 !important;
cursor: pointer;
}
.btn-blue:hover .arrow {
width: 45px;
height: 45px;
}
.btn-blue:hover .arrow .circle-white {
width: 29px;
height: 29px;
}
.btn-blue:hover .arrow .circle-white .fa-chevron-right {
color: #399abf;
margin-top: 0px;
margin-left: 4px;
}
.btn-blue .text-buton {
max-width: 310px;
display: block;
}
.btn-blue .text-buton span {
color: #ffffff;
max-width: 245px;
display: block;
line-height: 25px;
padding-right: 10px;
}
.btn-blue .text-buton span strong {
width: 100%;
display: block;
}
.btn-blue .arrow {
display: inline-block;
background-color: #399abf;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
position: absolute;
top: 50%;
left: 88%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.btn-blue .arrow .circle-white {
position: absolute;
width: 34px;
height: 34px;
background-color: #fbf1f1;
left: 50%;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.btn-blue .arrow .circle-white .fa-chevron-right {
color: #399abf;
margin-top: 8px;
margin-left: 2px;
}
.btn-blue.pdf-btn {
background-color: #ffffff;
border-bottom: 0px outset #01c4f5;
border: solid 2px #01c4f5;
padding-right: 15px;
padding: 0.8rem;
}
.btn-blue.pdf-btn i.far.fa-file-pdf {
display: inline-block;
font-size: 1.5rem;
padding-right: 3px;
color: #01c4f5;
}
.btn-blue.pdf-btn .text-buton span {
color: #01c4f5;
display: inline-block;
}
.content2 {
background: #d6d6d6a1 !important;
}
.btn-confirmation {
border-color: #fff;
background: #01c4f5 !important;
}
.btn-confirmation:hover {
color: white !important;
border-color: #01c4f5 !important;
background: #01c4f5 !important;
}
.modal-content button:focus {
outline: unset
}
.modal-content span {
color: #353434;
font-size: 40px;
}
h5#exampleModalLabel {
color: #fff !important;
}
.frm_fields_container input {
border-radius: 20px !important;
}
.frm_fields_container label {
color: #fff !important;
}
textarea#field_5t1it {
border-radius: 20px !important;
}
.banner-homme {
margin-top: 0px;
position: relative;
z-index: 1;
height: 105vh;
}
.banner-homme.banner-pry .n2-ss-slider-2.n2-ow {
height: initial;
}
@media (width< 900px) {
.banner-homme.banner-pry .n2-ss-slider-2.n2-ow {
height: 100vh;
}
}
@media (max-width: 900px) {
.banner-homme {
height: 97vh;
}
}
.banner-homme img.img-fluid {
width: 100%;
height: 100%;
}
.banner-homme .h2-one {
color: #ffffff;
font-size: 35px;
position: absolute;
top: 50%;
left: 65%;
max-width: 550px;
font-family: "Lato-Black";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.banner-homme .h2-one {
font-size: 27px;
width: 100%;
left: 90%;
}
}
.banner-homme .h2-two {
color: #01c4f5;
font-size: 35px;
position: absolute;
top: 50%;
left: 75.5%;
max-width: 550px;
font-family: "Lato-Black";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 1830px) {
.banner-homme .h2-two {
left: 63%;
top: 56%;
}
}
@media (max-width: 1366px) {
.banner-homme .h2-two {
left: 63%;
}
}
@media (max-width: 900px) {
.banner-homme .h2-two {
font-size: 27px;
width: 100%;
left: 90%;
top: 55%;
}
}
.banner-homme .h2-one-iot {
color: #ffffff;
font-size: 35px;
position: absolute;
top: 80%;
left: 70%;
max-width: 550px;
font-family: "Lato-Black";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-homme .h2-one-iot span {
color: #01c4f5;
}
@media (max-width: 900px) {
.banner-homme .h2-one-iot {
font-size: 27px;
left: 47%;
}
}
.banner-homme .h2-two-iot {
color: #ffffff;
font-size: 35px;
position: absolute;
top: 85%;
left: 69.5%;
max-width: 550px;
font-family: "Lato-Black";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-homme .h2-two-iot span {
color: #01c4f5;
}
@media (max-width: 900px) {
.banner-homme .h2-two-iot {
font-size: 27px;
left: 46.5%;
}
}
.banner-homme div#n2-ss-2 .n2-ss-slider-1 {
height: 80vh !important;
}
.banner-homme.banner-two {
height: auto;
}
.banner-homme .n2-ss-slide-background-color {
background: -webkit-gradient(linear,
left top,
right top,
from(RGBA(255, 255, 255, 0)),
to(#00000026)) !important;
background: -webkit-linear-gradient(left,
RGBA(255, 255, 255, 0) 0%,
#00000026 100%) !important;
background: -o-linear-gradient(left,
RGBA(255, 255, 255, 0) 0%,
#00000026 100%) !important;
background: linear-gradient(to right,
RGBA(255, 255, 255, 0) 0%,
#00000026 100%) !important;
}
@media (max-width: 900px) {
.banner-homme .n2-ss-slide-background-color {
background: -webkit-gradient(linear,
left top,
right top,
from(RGBA(255, 255, 255, 0)),
to(#00000061)) !important;
background: -webkit-linear-gradient(left,
RGBA(255, 255, 255, 0) 0%,
#00000061 100%) !important;
background: -o-linear-gradient(left,
RGBA(255, 255, 255, 0) 0%,
#00000061 100%) !important;
background: linear-gradient(to right,
RGBA(255, 255, 255, 0) 0%,
#00000061 100%) !important;
}
}
.banner-homme .n2-ss-button-container.n2-ss-nowrap {
display: block !important;
text-align: left;
}
.number-info {
background-color: #535353;
padding: 8rem 0rem 2.5rem 0rem;
}
.number-info .sect-number-info {
max-width: 1305px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 900px) {
.number-info .sect-number-info .max275 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
max-width: 320px;
margin: auto;
padding: 0rem 1rem !important;
}
}
@media (max-width: 900px) {
.number-info .sect-number-info .max230 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
display: block !important;
margin: auto;
padding: 15px;
padding-left: 15px !important;
}
}
.number-info .h3-number { color: #fff;
font-size: 4.2rem;
font-family: "BebasNeue-Regular"; font-weight: 600;
letter-spacing: 2px;
}
@media (max-width: 900px) {
.number-info .h3-number {
font-size: 3.8rem;
padding: 0rem 1rem;
max-width: 185px;
width: 100%;
text-align: left;
margin-bottom: 0px;
}
}
.number-info .h3-number span {
font-size: 4.9rem;
padding-left: 10px;
}
@media (max-width: 900px) {
.number-info .h3-number span {
font-size: 4rem;
}
}
.number-info .img-plus { width: 100%;
height: 100%;
max-width: 54px;
max-height: 54px;
}
.number-info .img-logo-two {
max-width: 175px; }
@media (max-width: 1024px) {
.number-info .img-logo-two {
text-align: center;
margin: 1.5rem auto;
padding: 0.5rem;
}
}
.number-info .p-tow {
font-size: 25px;
color: #fff;
font-family: "Lato-Black";
letter-spacing: 1px;
line-height: 30px;
}
@media (max-width: 900px) {
.number-info .p-tow {
font-size: 20px;
text-align: center;
}
}
.number-info .psec-tow {
color: #fff;
font-family: "BebasNeue-Regular";
font-size: 34px;
line-height: 1;
text-align: center;
margin-bottom: 0.5rem;
letter-spacing: -0.35px;
}
@media (max-width: 900px) {
.number-info .letter-info {
margin-top: 1rem;
max-width: 345px;
padding-right: 16px !important;
}
}
.number-info .letter-info .responsive-logo-home {
padding-right: 16px !important;
}
.silider-produc {
min-height: 334px;
background-color: #efefef;
position: relative;
padding-bottom: 1rem;
}
.silider-produc .owl-carousel .owl-item img {
width: 100%;
height: 100%;
}
.silider-produc::before {
content: "";
position: absolute;
background-color: #535353;
width: 100%;
height: 4.718744889rem;
}
.silider-produc .sliderOne {
margin-top: 0rem;
position: relative;
max-width: 1080px;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.silider-produc .sliderOne .sa_owl_theme .owl-dots {
bottom: -3.4rem !important;
}
@media (max-width: 900px) {
.silider-produc .sliderOne .sa_owl_theme .owl-dots {
bottom: -0.4rem !important;
}
}
.silider-produc .sliderOne .sa_owl_theme .owl-dots .owl-dot span {
background-color: white !important;
}
.silider-produc .sliderOne .sa_owl_theme .owl-dots .active span {
background-color: #23b3d7 !important;
}
.silider-produc .sliderOne .sa_owl_theme .owl-nav .owl-prev {
left: -25px;
}
@media (max-width: 900px) {
.silider-produc .sliderOne .sa_owl_theme .owl-nav .owl-prev {
left: -5px;
}
}
.silider-produc .sliderOne .white .sa_owl_theme .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/uploads/2020/05/arrow.png) no-repeat center center !important;
background-size: 40px !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 900px) {
.silider-produc .sliderOne .white .sa_owl_theme .owl-nav .owl-prev {
background-size: 25px !important;
}
}
.silider-produc .sliderOne .sa_owl_theme .owl-nav .owl-next {
right: -25px;
}
@media (max-width: 900px) {
.silider-produc .sliderOne .sa_owl_theme .owl-nav .owl-next {
right: -5px;
}
}
.silider-produc .sliderOne .white .sa_owl_theme .owl-nav .owl-next {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/uploads/2020/05/arrow.png) no-repeat center center !important;
background-size: 40px !important;
}
@media (max-width: 900px) {
.silider-produc .sliderOne .white .sa_owl_theme .owl-nav .owl-next {
background-size: 25px !important;
}
}
.silider-produc .title-produc {
color: #535353;
font-size: 61px;
font-family: "Lato-Black";
padding-left: 1.5rem;
padding-top: 0rem;
margin-top: -1rem;
}
@media (max-width: 900px) {
.silider-produc .title-produc {
padding-left: 1rem;
font-size: 50px;
}
}
.slider-proct-tow {
background-color: #fff;
position: relative;
}
.slider-proct-tow::before {
content: "";
position: absolute;
background-color: #efefef;
width: 100%;
top: -10px;
height: 4.718744889rem;
}
.slider-proct-tow .slider-tow {
padding-top: 10%;
width: 100%;
display: block;
max-width: 500px;
}
@media (max-width: 900px) {
.slider-proct-tow .slider-tow {
padding-top: 5rem;
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 900px) {
.slider-proct-tow .slider-tow .sa_owl_theme .owl-dots {
display: none !important;
}
}
.slider-proct-tow .slider-tow .sa_owl_theme .owl-dots .owl-dot span {
background-color: #e4e4e4 !important;
}
.slider-proct-tow .slider-tow .sa_owl_theme .owl-dots .active span {
background-color: #23b3d7 !important;
}
.slider-proct-tow .slider-tow .sa_owl_theme .owl-nav .owl-prev {
left: -25px;
}
@media (max-width: 900px) {
.slider-proct-tow .slider-tow .sa_owl_theme .owl-nav .owl-prev {
right: -5px;
}
}
.slider-proct-tow .slider-tow .white .sa_owl_theme .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/uploads/2020/05/arrow.png) no-repeat center center !important;
background-size: 40px !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 900px) {
.slider-proct-tow .slider-tow .white .sa_owl_theme .owl-nav .owl-prev {
background-size: 25px !important;
}
}
.slider-proct-tow .slider-tow .sa_owl_theme .owl-nav .owl-next {
right: -25px;
}
@media (max-width: 900px) {
.slider-proct-tow .slider-tow .sa_owl_theme .owl-nav .owl-next {
right: -5px;
}
}
.slider-proct-tow .slider-tow .white .sa_owl_theme .owl-nav .owl-next {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/uploads/2020/05/arrow.png) no-repeat center center !important;
background-size: 40px !important;
}
@media (max-width: 900px) {
.slider-proct-tow .slider-tow .white .sa_owl_theme .owl-nav .owl-next {
background-size: 25px !important;
}
}
.slider-proct-tow .slider-tow .card-slider-two h2 {
font-size: 2.5rem;
}
.section-banner-one {
height: 340px;
background-image: url(//servibarras.com/wp-content/uploads/2020/05/bannerfixet.png);
background-size: cover;
background-attachment: fixed;
position: relative;
}
.section-banner-one::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: #00000061;
}
.section-banner-one .h3-text-fixed {
color: #fff;
text-align: center;
font-family: "BebasNeue-Bold";
font-size: 43px;
max-width: 615px;
position: absolute;
}
@media (max-width: 900px) {
.section-banner-one .h3-text-fixed {
font-size: 35px;
}
}
.success-stories {
background-color: #f4f4f4;
padding-top: 5rem;
}
.success-stories .section-title {
margin-bottom: 5rem;
}
.success-stories .section-title h2 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 452px;
padding-bottom: 8px;
}
@media (max-width: 900px) {
.success-stories .section-title h2 {
font-size: 40px;
}
}
.success-stories .section-title h2:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.success-stories .success-stories-product {
margin-top: 55px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
width: 100%;
max-width: 1210px;
}
.success-stories .success-stories-product .content-product {
background-color: #fff;
max-width: 344px;
width: 100%;
height: 330px;
padding: 2px;
margin-bottom: 3rem;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
min-width: 320px;
}
.success-stories .success-stories-product .content-product .link-product {
display: block;
}
.success-stories .success-stories-product .content-product .link-product .sect-img {
position: relative;
height: 330px;
}
.success-stories .success-stories-product .content-product .link-product .sect-img img {
max-width: 340px;
width: 100%;
max-height: 330px;
}
@media (max-width: 900px) {
.success-stories .success-stories-product .content-product .link-product .sect-img img {
height: 100%;
}
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 30;
text-align: center;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover:hover .desc {
opacity: 1;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover:hover .desc-name {
opacity: 0;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover .desc {
opacity: 0;
background-color: #303030bf;
height: 100%;
padding: 2rem;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover .desc p {
color: #fff;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover .desc h4 {
color: #fff;
text-align: center;
display: block;
width: 100%;
font-size: 25px;
margin-bottom: 2rem;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover .desc-name {
opacity: 1;
position: absolute;
bottom: 0;
width: 100%;
background-color: #303030bf;
height: 60px;
padding: 1rem;
transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.success-stories .success-stories-product .content-product .link-product .sect-img .text-hover .desc-name h4 {
color: #fff;
text-align: center;
display: block;
width: 100%;
font-size: 25px;
margin-bottom: 2rem;
}
.success-stories .slider-back {
background: -webkit-gradient(linear,
left top,
right top,
from(RGBA(255, 255, 255, 0)),
to(#000000)),
url(//servibarras.com/wp-content/themes/servibarras/assets/images/solution/backSlider.png);
background: -webkit-linear-gradient(left,
RGBA(255, 255, 255, 0) 0%,
#000000 100%),
url(//servibarras.com/wp-content/themes/servibarras/assets/images/solution/backSlider.png);
background: -o-linear-gradient(left, RGBA(255, 255, 255, 0) 0%, #000000 100%),
url(//servibarras.com/wp-content/themes/servibarras/assets/images/solution/backSlider.png);
background: linear-gradient(to right, RGBA(255, 255, 255, 0) 0%, #000000 100%),
url(//servibarras.com/wp-content/themes/servibarras/assets/images/solution/backSlider.png);
background-size: cover;
height: 475px;
padding: 0rem 5rem;
}
@media (max-width: 900px) {
.success-stories .slider-back {
padding: 0rem 0.8rem;
}
}
.success-stories .success-stories-product.sect-blogw {
max-width: 1700px;
}
.success-stories .success-stories-product .content-blog {
background-color: #f6f8fa;
max-width: 435px;
width: 100%; padding: 2px;
margin-bottom: 3rem;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
min-width: 320px;
}
.success-stories .success-stories-product .content-blog.intr { margin-bottom: 2.2rem;
}
.success-stories .success-stories-product .content-blog .sect-img {
background-size: cover;
background-position: 50%;
height: 300px;
width: 100%;
border-top: 9px solid #01c4f5;
}
.success-stories .success-stories-product .content-blog .sect-text-info {
padding: 1.3rem;
}
.success-stories .success-stories-product .content-blog .sect-text-info p {
font-size: 21px;
color: #060606;
}
.success-stories .success-stories-product .content-blog .sect-text-info p.datettext {
color: #535353;
}
.success-stories .success-stories-product .content-blog .sect-text-info .textover+p {
height: 100px;
overflow: hidden;
}
.btn-leer-mas {
border: 1px solid #01c4f5;
border-radius: 8px;
color: #01c4f5;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
font-size: 19px;
}
.sect-tex-one {
margin: 4rem auto -3rem auto;
max-width: 1580px;
padding: 0rem 1rem;
}
.sect-tex-one p {
letter-spacing: 0px;
color: #060606;
font-size: 21px;
}
.btn-leer-mas:hover {
color: white;
background-color: #01c4f5;
}
.btn-leer-mas a {
color: #01c4f5;
}
.btn-leer-mas a:hover {
color: white !important;
background-color: #01c4f5;
}
.our-clients {
background-color: #535353;
padding: 3rem 1rem;
}
.our-clients .title-clients {
max-width: 1195px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.our-clients .title-clients h3 {
color: #fff;
font-size: 40px;
position: relative;
padding-bottom: 10px;
}
@media (max-width: 900px) {
.our-clients .title-clients h3 {
font-size: 25px;
}
}
.our-clients .title-clients h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.our-clients .content-slider {
max-width: 1235px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.our-clients .content-slider .sa_hover_container {
-ms-flex-line-pack: center !important;
align-content: center !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
min-height: 170px !important;
}
.our-clients .slider-white-transparent {
max-width: 195px;
width: 100%;
padding: 0.3rem;
display: block;
margin: auto;
}
.our-clients .slider-white-transparent img {
max-height: 100px;
}
.our-clients .white .sa_owl_theme .owl-nav .owl-next {
display: none;
}
.our-clients .white .sa_owl_theme .owl-nav .owl-prev {
display: none;
}
.our-clients .sa_owl_theme .owl-dots {
display: none !important;
}
.subscribe-news {
background-color: #fff;
width: 100%;
padding: 3.2rem 1rem;
}
.subscribe-news .text-subscribe {
padding: 1rem;
width: 100%;
}
.subscribe-news .text-subscribe h3 {
color: #707070;
font-size: 50px;
font-family: "Lato-Light";
text-align: right;
font-weight: 600;
}
@media (max-width: 900px) {
.subscribe-news .text-subscribe h3 {
font-size: 30px;
text-align: center;
}
}
.subscribe-news .es-field-wrap {
display: inline-block;
width: 100%;
max-width: 450px;
height: 83px;
}
@media (max-width: 900px) {
.subscribe-news .es-field-wrap {
max-width: 250px;
}
}
.subscribe-news .es-field-wrap label {
color: transparent;
width: 100%;
max-width: 450px;
display: inline-block;
}
.subscribe-news .es-field-wrap label .fa-envelope {
color: white;
font-size: 1.8rem;
position: absolute;
top: 47%;
left: 4.5%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.subscribe-news .es-field-wrap label .fa-envelope {
left: 12%;
}
}
.subscribe-news .es-field-wrap input.form-control {
width: 100%;
max-width: 450px;
height: 60px;
background-color: #949393;
border: 0 solid transparent;
color: #fff;
font-family: "Source Sans Pro", sans-serif;
font-size: 1.125rem;
border-radius: 30px;
padding: 0.375rem 3rem;
}
@media (max-width: 900px) {
.subscribe-news .es-field-wrap input.form-control {
max-width: 275px;
}
}
.subscribe-news .es-field-wrap .fas.fa-envelope {
position: absolute;
left: 5%;
top: 65%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: white;
font-size: 30px;
}
@media (max-width: 1440px) {
.subscribe-news .es-field-wrap .fas.fa-envelope {
left: 7%;
}
}
@media (max-width: 900px) {
.subscribe-news .es-field-wrap .fas.fa-envelope {
margin-left: 10px;
left: 15%;
}
}
.subscribe-news .es_subscription_form_submit.es_submit_button.es_textbox_button.btn.btn-suscribete.bttn-pill {
display: inline-block;
padding: 5px 30px 5px 30px;
margin-top: 0px;
margin-left: -30px;
border-radius: 0;
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
color: #fff;
height: 60px;
background-color: #01c4f5;
font-weight: 400;
font-size: 20px;
font-family: "Lato-Light";
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (max-width: 900px) {
.subscribe-news .es_subscription_form_submit.es_submit_button.es_textbox_button.btn.btn-suscribete.bttn-pill {
padding: 5px 10px 5px 10px;
}
}
.card-slider-produc {
max-width: 320px;
width: 100%;
height: 270px;
position: relative;
background-color: white;
}
@media (max-width: 900px) {
.card-slider-produc {
max-width: 290px;
margin: auto;
}
}
.card-slider-produc.slider-solution {
border: 2px solid #fbf5f5;
height: 400px;
max-width: 323px;
-ms-flex-line-pack: center !important;
align-content: center !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
margin: auto;
}
.card-slider-produc.slider-solution a.link-product {
margin-top: -80px;
cursor: pointer;
}
.card-slider-produc.slider-solution .text-hover:hover .desc-name {
opacity: 1;
}
.card-slider-produc.slider-solution .text-hover .desc-name h4 {
max-width: 182px;
text-align: left;
padding-left: 15px;
}
@media (max-width: 900px) {
.card-slider-produc.slider-solution .text-hover .desc-name h4 {
max-width: 120px;
}
}
.card-slider-produc.slider-solution .text-hover .desc-name .btn-plus {
width: 41%;
}
.card-slider-produc .text-hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 30;
text-align: center;
}
.card-slider-produc .text-hover:hover .desc {
opacity: 1;
}
.card-slider-produc .text-hover:hover .desc-name {
opacity: 0;
}
.card-slider-produc .text-hover .desc {
opacity: 0;
background-color: #303030bf;
height: 100%;
padding: 2rem;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.card-slider-produc .text-hover .desc p {
color: #fff;
}
.card-slider-produc .text-hover .desc h4 {
color: #fff;
text-align: center;
display: block;
width: 100%;
font-size: 25px;
margin-bottom: 2rem;
}
.card-slider-produc .text-hover .desc-name {
opacity: 1;
position: absolute;
bottom: 0;
width: 100%;
background: transparent -webkit-gradient(linear,
left top,
left bottom,
from(#000000e3),
to(#00000091)) 0% 0% no-repeat padding-box;
background: transparent -webkit-linear-gradient(top,
#000000e3 0%,
#00000091 100%) 0% 0% no-repeat padding-box;
background: transparent -o-linear-gradient(top, #000000e3 0%, #00000091 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #000000e3 0%, #00000091 100%) 0% 0% no-repeat padding-box;
height: 95px;
padding: 0rem;
transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.card-slider-produc .text-hover .desc-name h4 {
color: #fff;
text-align: right;
display: inline-block;
width: 100%;
font-size: 21px;
padding-top: 0rem;
margin-bottom: 0rem;
max-width: 197px;
padding-right: 5px;
height: 95px;
position: absolute;
left: 32%;
top: 58%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.card-slider-produc .text-hover .desc-name h4 {
font-size: 18px;
left: 27%;
top: 55%;
}
}
.card-slider-produc .text-hover .desc-name .btn-plus {
width: 37%;
height: 100%;
margin-top: 0rem;
background-color: #00000091;
margin-left: auto;
display: block;
}
.card-slider-produc .text-hover .desc-name .btn-plus .fa-plus {
color: #fff;
font-size: 30px;
}
.contact-us {
max-width: 1366px;
padding: 5rem 1.5rem 0rem;
}
.contact-us .fa-envelope {
font-size: 33px;
margin-right: 10px;
}
.contact-us .fa-phone-alt {
color: #797979;
margin-right: 10px;
}
.contact-us h4 {
color: #797979;
font-family: "Lato-Bold";
font-size: 30px;
}
.contact-us p {
margin-bottom: 0px;
color: #797979;
font-size: 20px;
font-family: "Lato-Bold";
}
.contact-us .col-address .content-text {
max-width: 85%;
display: inline-block;
}
.contact-us .col-address .fa-map-marker-alt {
font-size: 42px;
color: #797979;
margin-right: 10px;
}
@media (max-width: 900px) {
.contact-us .col-address .fa-map-marker-alt {
font-size: 46px;
}
}
.contact-us .sect-bt-contact {
width: 100%;
max-width: 235px;
display: block;
margin-left: auto;
}
@media (max-width: 900px) {
.contact-us .sect-bt-contact {
padding-top: 20px;
margin: auto;
}
}
.contact-us .sect-bt-contact .fa-instagram {
font-size: 55px;
color: #06bdeb;
}
.contact-us .sect-bt-contact .fa-linkedin {
font-size: 55px;
color: #06bdeb;
}
.contact-us .sect-bt-contact .fa-youtube-square {
font-size: 55px;
color: #06bdeb;
}
.back-white {
background-color: #fff !important;
}
.subscribe-news .es-field-wrap {
display: inline-block;
width: 100%;
}
@media (max-width: 1024px) {
.subscribe-news .es-field-wrap {
max-width: 280px;
}
}
@media (max-width: 900px) {
.subscribe-news .es-field-wrap {
max-width: 230px;
}
}
.es_subscription_form.es_shortcode_form {
height: 83px;
position: relative;
}
@media (max-width: 900px) {
.es_subscription_form.es_shortcode_form {
margin: auto;
display: block;
text-align: center;
}
}
.emaillist {
max-width: 580px;
width: 100%;
display: block;
height: 83px;
}
.emaillist .es_subscription_form_submit {
display: inline-block;
padding: 5px 30px 5px 30px;
margin-top: 0px;
margin-left: -30px;
border-radius: 0;
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
color: #fff;
height: 60px;
background-color: #01c4f5;
font-weight: 400;
font-size: 20px;
font-family: "Lato-Light";
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align: center;
vertical-align: middle;
border: 0;
margin-top: -4px;
} @media (max-width: 1024px) {
.emaillist .es_subscription_form_submit {
padding: 5px 10px 5px 10px;
}
}
.emaillist .es_txt_email {
width: 100%;
max-width: 450px;
height: 60px;
background-color: #949393;
border: 0 solid transparent;
color: #fff;
font-family: "Source Sans Pro", sans-serif;
font-size: 1.125rem;
border-radius: 30px;
padding: 0.375rem 3rem;
}
.sa_owl_theme .owl-nav button:focus {
outline: 0.5px solid #2196f3 !important;
}
a:hover {
color: #efefef75 !important;
text-decoration: underline;
}
.alignleft {
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.alignleft a {
color: #535353;
font-size: 2rem;
}
.alignleft a:hover {
color: #888888 !important;
}
.alignright {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.alignright a {
color: #535353;
font-size: 2rem;
}
.alignright a:hover {
color: #888888 !important;
}
.p-impresoras {
color: #000000;
font-family: "Lato-Regular";
font-size: 25px;
max-width: 1366px;
text-align: left !important;
margin: auto;
}
@media (max-width: 1024px) {
.p-impresoras {
font-size: 20px;
}
}
.btn-volver {
color: #01c4f5;
}
.btn-volver:hover {
opacity: 0.5;
}
.h-430.sliderX-one .white {
max-width: 325px;
}
.h-430 .white {
height: 430px;
max-width: 1090px;
margin: auto;
}
.h-430 .owl-carousel {
height: 430px;
max-width: 100%;
}
.h-430 .owl-carousel .owl-stage-outer {
padding-left: 1rem;
}
@media (max-width: 900px) {
.h-430 .owl-carousel .owl-stage-outer {
padding-left: 0rem;
}
}
.h-430 .card-slider-produc {
background-color: transparent;
}
.h-430 .card-slider-produc .text-hover .desc-name h4 {
font-size: 18px;
}
.h-430 .card-slider-produc .text-hover .desc-name {
height: 115px;
}
.h-430 .card-slider-produc .text-hover .desc-name h4 {
top: 48%;
}
.h-430 .owl-carousel .owl-item {
min-width: 200px;
max-width: 360px;
}
.h-430 .card-slider-produc.slider-solution a.link-product {
min-width: 320px;
text-align: center;
display: block;
}
.h-430 .owl-dots {
visibility: hidden;
}
.h-430 .card-slider-produc.slider-solution a.link-product {
margin-top: -40px;
cursor: pointer;
}
.h-430 .sa_owl_theme .owl-nav .owl-prev {
left: -25px;
}
@media (max-width: 900px) {
.h-430 .sa_owl_theme .owl-nav .owl-prev {
left: -5px;
}
}
.h-430 .white .sa_owl_theme .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/themes/servibarras/assets/images/arrowWhite.png) no-repeat center center !important;
background-size: 40px !important;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 900px) {
.h-430 .white .sa_owl_theme .owl-nav .owl-prev {
background-size: 25px !important;
}
}
.h-430 .sa_owl_theme .owl-nav .owl-next {
right: -25px;
}
@media (max-width: 900px) {
.h-430 .sa_owl_theme .owl-nav .owl-next {
right: -5px;
}
}
.h-430 .white .sa_owl_theme .owl-nav .owl-next {
background: rgba(0, 0, 0, 0) url(//servibarras.com/wp-content/themes/servibarras/assets/images/arrowWhite.png) no-repeat center center !important;
background-size: 40px !important;
}
@media (max-width: 900px) {
.h-430 .white .sa_owl_theme .owl-nav .owl-next {
background-size: 25px !important;
}
}
.h-430 .owl-carousel .owl-item img {
max-width: 95%;
}
div#n2-ss-32-arrow-next {
width: 77.9965px;
height: 77.9965px;
}
div#n2-ss-32-arrow-previous {
width: 77.9965px;
height: 77.9965px;
}
.n2-ss-slider .n2-ow,
.n2-ss-slider .n2-ow-all * {
font-size: 3rem !important;
}
.n2-ss-slider a.n2-ow {
font-size: 1.5rem !important;
}
@media (max-width: 900px) {
.n2-ss-slider .n2-ow,
.n2-ss-slider .n2-ow-all * {
font-size: 1.4rem !important;
}
}
@media (max-width: 900px) {
div#n2-ss-32 .n2-font-ce1c49f01b2f5223d07c4c2cf582cdb8-link a {
font-size: 12px !important;
}
}
@media (max-width: 900px) {
div#n2-ss-32 .n2-font-d8299e6649c2ea809e196b040f7e6afe-link a {
font-size: 12px !important;
}
}
@media (max-width: 900px) {
div#n2-ss-32 .n2-ss-slide-active {
height: 100% !important;
}
}
@media (max-width: 900px) {
.n2-ss-layers-container.n2-ow {
height: 100% !important;
}
}
.sect-info-contact {
position: relative;
padding: 4rem 0rem 0rem;
}
.sect-info-contact .contact-from {
background: #ffffff;
margin: 1rem 6rem;
max-width: 450px;
position: absolute;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px 0px;
padding: 20px 30px 0px 30px;
}
@media (max-width: 700px) {
.sect-info-contact .contact-from {
margin: 1rem 1rem;
position: unset;
}
}
.sect-info-contact button.frm_button_submit {
background-color: #01c4f5 !important;
width: 85% !important;
color: white !important;
padding: 0.8rem !important;
}
.sect-info-contact .frm_primary_label {
font-family: "Lato-Regular", sans-serif !important;
color: #616161 !important;
}
.sect-info-contact h2 {
font-size: 40px;
}
.sect-info-contact select {
height: 37px !important;
background-color: #dedede !important;
}
.sect-info-contact input {
background-color: #dedede !important;
border-radius: 10px !important;
height: 37px !important;
}
.sect-info-contact .frm_form_fields .frm_fields_container {
display: unset;
}
.sect-info-contact .frm_form_field.frm10,
.sect-info-contact .frm_submit.frm10 {
width: 100%;
}
.sect-info-contact textarea {
background-color: #dedede !important;
border-radius: 10px !important;
}
.btn-outline-secondary {
color: #212529;
border-color: #212529;
}
.btn-outline-secondary:hover {
color: #fff !important;
background-color: #212529;
border-color: #212529;
}
.iot-sect-title {
padding: 5rem 0rem 0rem 0rem;
}
.iot-sect-title h3 {
position: relative;
color: #535353;
font-family: "Lato-Black";
font-size: 50px;
max-width: 100%;
width: 100%;
padding-bottom: 8px;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 900px) {
.iot-sect-title h3 {
font-size: 35px !important;
}
}
.iot-sect-title h3 span {
color: #01c4f5;
}
.iot-sect-title h3:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.content-threiot {
padding-top: 1rem;
}
.content-threiot p {
text-align: center;
}
.lin-border-blueiot {
padding: 1rem;
border: 2px solid #01c4f5;
border-radius: 8px;
margin: 1.5rem 0rem;
}
.lin-border-blueiot a {
color: #757474;
}
.lin-border-blueiot a:hover {
color: #9b9b9b !important;
}
.exitokeonn {
font-family: "Lato-Black" !important;
font-size: 50px !important;
padding-bottom: 8px;
}
@media (max-width: 900px) {
.exitokeonn {
font-size: 35px !important;
}
}
.exitokeonn span {
color: #01c4f5;
}
.exitokeonn:before {
content: "";
position: absolute;
width: 90px;
height: 10px;
background-color: #01c4f5;
bottom: -5px;
}
.card-link-blue {
max-width: 415px;
width: 100%;
border: 2px solid #1acaf6;
padding: 0.5rem;
background-color: white;
border-radius: 8px;
min-height: 137px;
margin-bottom: 2rem;
}
.card-link-blue a {
display: block;
height: 113px;
}
.card-link-blue a .card-imgx {
display: inline-block;
max-width: 90px;
width: 100%;
text-align: center;
}
.card-link-blue a .card-text {
display: inline-block;
max-width: 280px;
width: 100%;
}
.card-link-blue a .card-text p {
color: #30c4e9;
font-size: 20px;
line-height: 22px;
margin-bottom: 0rem;
}
.border-lrblue {
border-left: 2px solid;
border-right: 2px solid;
}
@media (max-width: 900px) {
.border-lrblue {
border-left: 0px solid;
border-right: 0px solid;
}
}
.conten-title-impr {
display: block;
max-width: 300px;
width: 100%;
position: absolute;
top: 60%;
left: 80%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 900px) {
.conten-title-impr {
top: 80%;
left: 90%;
}
}
.conten-title-impr h2 {
position: relative !important;
left: 0 !important;
}
.background-image-internas {
background-position: 50% 50% !important;
background-size: cover !important;
height: 340px;
}
.h3intertatilte {
position: relative;
color: #1d1d1b;
font-family: "Lato-Black";
font-size: 25px;
max-width: 400px;
padding-bottom: 8px;
margin-top: 8rem;
margin-bottom: 4rem;
}
.h3intertatilte:before {
content: "";
position: absolute;
width: 90px;
height: 5px;
background-color: #01c4f5;
bottom: -5px;
}
.sec-title-blue {
background-color: #01c4f5;
min-height: 40px;
max-width: 590px;
width: 100%;
margin-top: 0rem;
margin-bottom: 3rem;
}
.sec-title-blue h2 {
text-align: center;
padding: 0.5rem;
color: white;
}
.color-blue {
color: #01c4f5 !important;
}
.max860 {
max-width: 860px;
}
.max350 {
max-width: 350px;
}
.contenedor-link {
position: relative;
}
.contenedor-link:before {
content: "";
position: absolute;
top: 10%;
left: -5%;
border: solid 1.5px #1acaf6;
height: 92%;
width: 105%;
border-radius: 25px;
}
@media (max-width: 1280px) {
.contenedor-link:before {
top: 10%;
left: -1%;
width: 100%;
}
}
@media (max-width: 900px) {
.contenedor-link:before {
display: none;
}
}
.img1-manufac {
max-width: 318px;
margin-left: 23px;
background-color: white;
}
@media (max-width: 1024px) {
.img1-manufac {
max-width: 261px;
margin-left: 21px;
}
}
@media (max-width: 900px) {
.img1-manufac {
max-width: 685px;
}
}
.img2-logic {
background-color: white;
}
.img3-distri {
background-color: white;
}
.img4-punto {
width: 100%;
max-width: 270.5px;
margin-right: 80px;
background-color: white;
}
@media (max-width: 1024px) {
.img4-punto {
max-width: 223.5px;
}
}
@media (max-width: 900px) {
.img4-punto {
max-width: 685px;
}
}
.content-lin-sep {
max-width: 1100px;
width: 100%;
display: block;
margin: auto;
position: relative;
}
.content-lin-sep:before {
content: " ";
position: absolute;
background: url(//servibarras.com/wp-content/themes/servibarras/assets/images/back-lin-sec.svg) no-repeat;
width: 100%;
height: 94%;
left: 50px;
top: 45px;
}
@media (max-width: 1024px) {
.content-lin-sep:before {
height: 90%;
}
}
@media (max-width: 900px) {
.content-lin-sep:before {
display: none;
}
}
.content-lin-sep .row-one {
width: 100%;
height: 160px;
}
@media (max-width: 900px) {
.content-lin-sep .row-one {
height: 440px;
margin-top: 5rem;
margin-bottom: -8rem;
}
}
.content-lin-sep .row-dos {
width: 100%;
height: 130px;
}
@media (max-width: 900px) {
.content-lin-sep .row-dos {
height: 270px;
}
}
.content-lin-sep .row-tres {
width: 100%;
height: 315px;
}
@media (max-width: 1024px) {
.content-lin-sep .row-tres {
height: 240px;
}
}
@media (max-width: 900px) {
.content-lin-sep .row-tres {
height: 440px;
margin-top: 9rem;
}
}
.content-lin-sep .row-cuatro {
width: 100%;
height: 225px;
}
@media (max-width: 900px) {
.content-lin-sep .row-cuatro {
height: 415px;
margin-top: -1rem;
}
}
.content-lin-sep .row-cinco {
width: 100%;
height: 200px;
}
@media (max-width: 900px) {
.content-lin-sep .row-cinco {
height: 395px;
margin-top: 8rem;
}
}
.content-lin-sep .row-six {
width: 100%;
height: 160px;
}
@media (max-width: 900px) {
.content-lin-sep .row-six {
height: 330px;
}
}
.content-lin-sep img {
max-width: 190px;
position: absolute;
right: -130px;
}
@media (max-width: 1024px) {
.content-lin-sep img {
right: -80px;
}
}
@media (max-width: 900px) {
.content-lin-sep img {
left: 60% !important;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
}
button.btn.btn-pdf-conducta { margin: 10px 0px 0px 0px;
background-color: #01c4f5;
border-radius: 7px;
color: white;
padding: 0.7rem 0.75rem;
font-size: 17px;
font-weight: 600;
transition: all 0.5s ease-in-out;
width: 260px;
}
button.btn.btn-pdf-conducta:hover {
transform: scale(1.03);
box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}
button.btn.btn-pdf-conducta:hover a {
color: white !important;
}
button.btn.btn-pdf-conducta a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-around;
align-items: center;
color: white !important;
}
button.btn.btn-pdf-conducta em.far.fa-file-pdf {
font-size: 35px;
padding-left: 10px;
}
body.admin-bar #trp-floater-ls.trp-top-right.flags-short-names,
body.admin-bar #trp-floater-ls.trp-top-left.flags-short-names {
max-width: 90px;
top: 1px !important;
right: 2px !important;
left: auto !important;
border-radius: 5px !important;
} .formulario-calendario {
padding-block: 120px;
}
.formulario-calendario {
padding: 2rem;
border-radius: 15px;
background-color: #d6d6d6a1;
box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px 0px;
}
.formulario-calendario .frm_fields_container label {
color: #000 !important;
}
.formulario-calendario .frm_fields_container input {
height: 40px;
border-radius: 10px !important;
}
.frm_fields_container .frm_single_upload {
max-width: 100%;
}