@font-face {
font-family: "Lucida Bright Italic";
src: url(https://eslsistemas.com.br/wp-content/themes/esl/css/fonts/Lucida-Bright-Italic.otf?) format("opentype");
}
@font-face {
font-family: "Soleil Light";
src: url(https://eslsistemas.com.br/wp-content/themes/esl/css/fonts/soleil-light.ttf?) format("truetype");
}
@font-face {
font-family: "Soleil Bold";
src: url(https://eslsistemas.com.br/wp-content/themes/esl/css/fonts/soleil-bold.ttf?) format("truetype");
}
html,
body {
height: 100%;
font-family: "Open Sans", sans-serif;
}
body {
overflow-x: hidden;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
ol,
label {
font-family: "Open Sans", sans-serif;
line-height: 1.1;
}
a:hover,
a:focus,
a:link,
a:visited,
a:active {
text-decoration: none;
outline: 0;
}
b,
strong {
font-weight: 700;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
h4,
h5,
h6 {
font-size: 16px;
}
p,
li {
font-size: 16px;
color: #666;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style-type: none;
}
img {
object-fit: cover;
}
.post-in ul:not(.list-default):not(.info)>li {
font-weight: 400;
line-height: 1.6;
font-size: 16px;
text-indent: -6px;
padding-left: 12px;
line-height: 1.5;
margin: 7px 0 !important;
color: #797979;
}
.post-in ul:not(.list-default):not(.info) {
display: inline-block;
margin: 0 0 40px;
}
.post-in ul:not(.list-default):not(.info)>li::before {
content: ">";
display: inline-block;
margin-right: 5px;
}
img.img-seo {
opacity: 0;
width: 100%;
}
.error-404 a {
padding: 10px 35px;
background: #8190c3;
color: white;
width: auto;
border: 2px solid white;
border-radius: 35px;
font-weight: 400;
font-size: 18px;
margin: 50px auto 15px;
display: inline-block;
letter-spacing: 1px;
}
.error-404 h1 {
color: #404041;
font-weight: 300;
text-align: center;
}
.alert {
padding: 6px 0;
margin: 15px 0;
border: 1px solid transparent;
border-radius: 35px;
text-align: center;
font-size: 14px;
}
footer .alert {
margin: 0 0 15px;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.box-alert {
display: none;
}
.adjust-left,
.adjust-m-left {
opacity: 0;
}
.s-14 {
font-size: 14px;
}
.s-16 {
font-size: 16px;
}
.s-18 {
font-size: 18px;
}
.s-20 {
font-size: 20px;
}
.s-22 {
font-size: 22px;
}
.s-24 {
font-size: 24px;
}
.s-26 {
font-size: 26px;
}
.s-28 {
font-size: 28px;
}
.s-30 {
font-size: 30px;
}
.s-32 {
font-size: 32px;
}
.s-34 {
font-size: 34px;
}
.s-36 {
font-size: 36px;
}
.lh-15 {
line-height: 1.5;
}
.no-margin {
margin: 0;
}
.no-padding {
padding: 0;
}
.no-padding-r {
padding-right: 0;
}
.mt0 {
margin-top: 0;
}
.m0auto {
margin: 0 auto;
}
.f-white {
color: white;
}
.f-default {
color: #747577;
}
.f-green {
color: rgb(6, 209, 242);
}
.f-purple {
color: #7b2c49;
}
.f-blue {
color: #1d67b2;
}
.upper {
text-transform: uppercase;
}
.bold {
font-weight: 700;
}
.bold-light {
font-weight: 600;
}
.navbar-toggler .icon-bar {
display: block;
width: 48px;
height: 5px;
border-radius: 5px;
background: #fff;
}
.navbar-toggler .icon-bar+.icon-bar {
margin-top: 9px;
}
.full-background {
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
}
.full-background-ct {
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
}
.full-background.attach,
.full-background-ct.attach {
background-attachment: fixed;
}
.banner-pages {
min-height: 750px;
position: relative;
}
.banner-pages.blog .internas {
min-height: 185px;
}
.banner-pages {
background-position: center bottom;
}
.banner-pages>.row-fluid {
width: 100%;
}
.banner-pages h1 {
padding-top: 0;
margin: 0;
color: white;
font-size: 50px;
margin-top: -75px;
font-family: "Montserrat";
font-weight: 700;
}
.banner-pages h2 {
padding-top: 0;
margin: 0;
color: white;
font-size: 25px;
margin-top: 20px;
font-weight: 300;
}
.banner-pages.internas h2 {
color: white;
font-size: 18px;
line-height: 1.3;
}
.d-flex {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
flex-direction: row;
-webkit-flex-direction: row;
}
.d-flex-column {
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
flex-direction: column;
-webkit-flex-direction: column;
}
.flex-center {
justify-content: center;
}
.flex-start {
align-items: flex-start;
-webkit-align-items: flex-start;
}
.flex-end {
align-items: flex-end;
-webkit-align-items: flex-end;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.mb50 {
margin-bottom: 40px;
}
.navbar-wrapper-top {
position: absolute;
top: 0;
width: 100%;
height: 50px;
margin: 0 auto;
padding: 0;
text-align: center;
z-index: 9;
}
.navbar-wrapper-top::after {
content: "";
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.2);
display: block;
margin: 0;
}
.navbar-wrapper-top>.row {
height: 50px;
}
.navbar-wrapper-top span.cambio_titulo,
.navbar-wrapper-top span.cambio_valores {
float: left;
display: inline-block;
color: #d9c8a6;
font-size: 13px;
line-height: 30px;
letter-spacing: 1px;
}
.navbar-wrapper-top span.cambio_valores {
color: white;
margin-left: 5px;
}
.navbar-wrapper-top .options {
line-height: 30px;
}
.navbar-wrapper-top .options a.contact,
.d-sm-none.options a.contact {
color: white;
letter-spacing: 2px;
font-size: 14px;
}
.navbar-wrapper-top .options a.contact span,
.d-sm-none.options a.contact span {
color: #d9c8a6;
}
.navbar-wrapper-top .options ul,
.d-sm-none.options ul {
display: inline-block;
vertical-align: middle;
margin-left: 12px;
}
.navbar-wrapper-top .options ul li,
.d-sm-none.options ul li {
float: left !important;
line-height: 30px;
}
.navbar-wrapper-top .options ul li.icon-social,
.d-sm-none.options ul li.icon-social {
width: 24px;
height: 24px;
text-align: center;
line-height: 30px;
margin-right: 18px;
}
.navbar-wrapper-top .options ul li:last-child,
.d-sm-none.options ul li:last-child {
margin-right: 0;
}
.navbar-wrapper-top .options ul li.icon-social i.fa-facebook-f,
.d-sm-none.options ul li.icon-social i.fa-facebook-f {
border: 1px solid #d9c8a6;
padding: 3px 6px;
border-radius: 50%;
font-size: 10px;
position: relative;
top: -2px;
}
.navbar-wrapper-top .options ul li.icon-social i.fa-instagram,
.d-sm-none.options ul li.icon-social i.fa-instagram,
.navbar-wrapper-top .options ul li.icon-social i.fa-youtube,
.d-sm-none.options ul li.icon-social i.fa-youtube {
position: relative;
top: 1px;
}
.navbar-wrapper-top .options ul li.icon-social i,
.d-sm-none.options ul li.icon-social i {
color: #d9c8a6;
font-size: 18px;
}
nav .navbar-collapse .row {
width: 100%;
}
.navbar-default {
background: transparent;
position: fixed;
width: 100%;
top: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 6px 0;
margin: 0;
border-radius: 0;
z-index: 9999;
transition: all 0.2s;
}
.navbar-default .container {
position: relative;
}
body.fixed .navbar-default,
body.fixed .navbar-default::before {
position: fixed;
top: 0;
}
body.fixed .navbar-default,
body.always-fixed .navbar-default {
background: rgba(41, 41, 41, 0.8);
}
.nav-custom-top {
display: block;
position: fixed;
width: 100%;
height: 40px;
background: transparent;
border: 0;
border-radius: 0;
z-index: 999;
clear: both;
}
.navbar-nav.navbar-right {
display: inline-block;
}
.bg-projetos>div {
display: flex;
}
.item,
.active,
.carousel-inner {
height: 100%;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
}
.carousel-fade .carousel-inner {
background: #fff;
}
.carousel-indicators {
position: absolute;
left: 160px;
width: auto;
bottom: 0;
margin: 0;
text-align: left;
}
.carousel-indicators li {
border-radius: 0;
border: 0;
background-color: #fe5000;
margin-left: 5px;
margin-top: 0;
margin-bottom: 0;
width: 20px;
height: 15px;
position: relative;
transition: all 0.3s;
}
.carousel-indicators li a {
position: absolute;
width: 20px;
height: 15px;
top: 0;
left: 0;
}
.carousel-indicators li:first-child {
margin-left: 0;
}
.carousel-indicators-banner {
display: block;
text-align: center;
width: auto;
margin-left: 0;
margin-top: 50px;
}
.carousel-indicators-banner {
left: 160px;
z-index: 1;
}
.carousel-indicators-banner li {
border: 0;
margin-left: 20px;
background-color: #eeeff0;
width: 20px;
height: 15px;
position: relative;
transition: all 0.4s;
}
.carousel-indicators-banner .active {
background-color: #ed1c24;
border: 0;
width: 20px;
height: 15px;
margin-left: 20px;
}
.carousel-indicators-banner li.active a {
width: 20px;
height: 15px;
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
color: #fff;
text-align: left;
text-shadow: none !important;
height: 100%;
transition-duration: 0.4s;
width: auto;
margin: 0 auto;
}
#myCarouselHome .carousel-caption figure {
display: inline-block;
float: left;
position: absolute;
left: -62px;
top: -12px;
z-index: -1;
}
#myCarouselHome .carousel-caption figure img {
width: auto;
}
#myCarouselHome figure.main {
width: 860px;
height: 685px;
position: absolute;
top: -1px;
right: 0;
}
#myCarouselHome figure.lateral {
width: 300px;
height: 300px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
body.menu-fixed .carousel {
margin-top: 117px;
}
.carousel-caption>.container {
padding: 0;
margin: 0;
}
.carousel {
height: 630px;
}
.carousel .btn-scroll::after {
content: "";
position: absolute;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-down-banner.png);
background-repeat: no-repeat;
width: 70px;
height: 38px;
left: 50%;
margin-left: -35px;
bottom: 35px;
animation: bounce 5s infinite;
}
@keyframes updown {
0% {
bottom: 35px;
}
25% {
bottom: 38px;
}
50% {
bottom: 40px;
}
75% {
bottom: 38px;
}
100% {
bottom: 35px;
}
}
.carousel .row {
width: 100%;
}
.carousel-caption h1 {
color: #2e3a41;
font-size: 42px;
line-height: 1.2;
font-weight: 500;
margin-bottom: 15px;
padding: 20px 0 0 160px;
}
.carousel-caption h1::after {
content: "";
display: block;
width: 75px;
height: 10px;
background: #ed1c24;
margin: 15px 0 20px;
}
.carousel-caption h2 {
color: #2c3030;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-align: left;
margin: 10px 0 0;
text-align: left;
padding: 0 0 0 160px;
}
.carousel-caption h1 strong,
.carousel-caption h1 b {
font-weight: 800;
}
.carousel-caption a.link {
color: #fff;
text-transform: uppercase;
border: 1px solid #f3c61d;
border-radius: 28px;
padding: 18px 45px;
font-size: 18px;
font-weight: 400;
transition: all 0.4s;
margin-top: 15px;
display: inline-block;
}
.carousel-caption a.link:hover {
background: transparent;
border-color: #fff;
color: #fff;
}
.carousel-caption span.box {
position: relative;
padding: 10px 30px;
text-align: center;
border-radius: 25px;
font-weight: 700;
font-size: 14px;
display: inline-block;
}
.carousel-caption span.box>i {
position: relative;
top: 3px;
left: 5px;
display: inline-block;
width: 18px;
height: 18px;
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
}
a.btn-default,
a.btn-default:link,
a.btn-default:active,
a.btn-default:focus {
padding: 15px 25px;
border: 2px solid #ed1c24;
color: #ed1c24;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
display: inline-block;
margin: 35px 0 0 160px;
transition: all 0.3s;
background: white;
}
a.btn-default:hover {
background: #2e3a41;
border-color: #2e3a41;
color: white;
}
.navbar ul li {
list-style-type: none;
float: left;
position: relative;
line-height: 15px;
}
.navbar ul.menu li+li {
margin-left: 25px;
}
.navbar ul.menu li.area {
margin-left: 15px;
}
.navbar ul li.search::before {
content: "";
position: absolute;
top: -20px;
left: -25px;
height: 56px;
width: 1px;
background: rgba(255, 255, 255, 0.3);
}
.navbar ul li.area {
margin-right: 25px;
}
.navbar ul li.search,
.navbar ul li.area {
float: right;
position: relative;
}
li.search>a>i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-search.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 14px;
height: 14px;
position: relative;
top: 0;
left: 0;
}
li.area>a>i {
margin-right: 10px;
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-lock.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 11px;
height: 14px;
position: relative;
top: 0;
left: 0;
}
li.download>a>i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-download.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 26px;
height: 25px;
position: relative;
top: 4px;
left: 0;
}
li.logout>a>i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-logout.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 21px;
height: 24px;
position: relative;
top: 4px;
left: 0;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
justify-content: space-between;
}
.navbar-brand {
width: auto;
height: auto;
padding: 0;
}
.navbar-brand>img {
display: block;
width: auto;
height: 38px;
margin-left: 0;
margin-top: -5px;
}
.navbar-nav {
float: right;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background-color: transparent;
}
.navbar-default .navbar-nav li a {
color: #fff;
letter-spacing: 0.6px;
font-size: 13px;
font-weight: 600;
transition: color 0.2s;
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
display: flex;
}
body.fixed .navbar ul li::after {
color: #e4e3e3;
}
.navbar-default .navbar-nav li:hover a,
.navbar-default .navbar-nav li.current-menu-item>a,
.navbar-default .navbar-nav li.current_page_item>a,
.navbar-default .navbar-nav li.current_page_parent ul li.current_page_item a,
.navbar-default .navbar-nav li.current_page_parent>a,
.navbar-default .navbar-nav li.current-page-ancestor>a,
.navbar-default .navbar-nav li.current-menu-ancestor>a,
.navbar-default .navbar-nav li.current-menu-ancestor>ul li.current-menu-item>a,
.navbar-default .navbar-nav li.current-page-ancestor>ul li.current-page-ancestor>a,
body.fixed .navbar-default .navbar-nav li a:hover,
body.fixed .navbar-default .navbar-nav li.current-menu-item>a,
body.fixed .navbar-default .navbar-nav li.current_page_item>a,
.navbar ul li.menu-item-has-children>ul.sub-menu li.current-page-ancestor a {
color: #8190c3;
}
body.page-cases .navbar-default .navbar-nav li.current-menu-item.menu-item-675>a,
body.page-cases .navbar-default .navbar-nav li.current_page_item.menu-item-675>a,
body.fixed.page-cases .navbar-default .navbar-nav li.current-menu-item.menu-item-675>a,
body.fixed.page-cases .navbar-default .navbar-nav li.current_page_item.menu-item-675>a {
color: #fff;
}
.navbar-default .navbar-nav li.language a::after,
.navbar-default .navbar-nav li.search a::after {
display: none;
}
.navbar-default .navbar-nav>li>a {
padding: 5px 20px;
}
.navbar-default .navbar-nav>li.active>a {
color: #777;
}
.navbar-right {
display: none;
}
.navbar-default .navbar-nav .menu {
padding: 0;
position: relative;
z-index: 1;
display: inline-block;
top: 15px;
left: 15px;
width: 100%;
height: 45px;
}
.navbar-default .right {
padding-left: 35px;
}
.navbar-default .right .navbar-nav .menu {
padding: 0;
}
.navbar-default.navbar-fixed-top .navbar-nav li.active>a {
position: relative;
}
.menu-menu-principal-container,
.navbar-nav {
width: 100%;
height: auto;
display: flex;
align-items: center;
}
.wrapper-top {
background: #2c3030;
padding: 32px 0 20px;
}
.wrapper-top p {
color: white;
float: left;
}
.form-top {
margin: -13px 0;
}
.form-top input {
width: 90%;
border: 0;
border-radius: 25px;
padding: 10px 15px;
}
.form-top button {
border: 0;
background: transparent;
margin: 0 -22px;
position: absolute;
left: 0;
}
.form-top button i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-search-top.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 30px;
float: left;
margin-right: 15px;
margin-top: 5px;
}
select:focus,
textarea:focus,
input:focus,
button:focus {
outline: 0;
}
.wrapper-top a.link,
footer a.link-other {
border: 1px solid #b0ca2e;
border-radius: 25px;
position: relative;
padding: 8px 35px;
top: -2px;
text-align: center;
color: white;
font-size: 16px;
font-weight: 300;
}
.scrollUp {
display: none;
position: fixed;
background-color: rgba(255, 255, 255, 0.5);
bottom: 2px;
right: 3px;
width: 25px;
height: 25px;
z-index: 99;
border-radius: 5px;
transition: background-color 0.3s;
overflow: hidden;
}
.scrollUp:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.scrollUp::before,
.scrollUp::after {
content: "";
position: absolute;
top: 32%;
left: 24%;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-scrollup.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 13px;
height: 9px;
transform: rotate(-90deg) translateX(0);
transition: transform 0.2s;
}
.scrollUp::after {
transform: rotate(-90deg) translateX(-50px);
}
.scrollUp:hover::before {
transform: rotate(-90deg) translateX(50px);
}
.scrollUp:hover::after {
transform: rotate(-90deg) translateX(0);
}
::-webkit-input-placeholder {
color: #797979;
font-weight: 400;
}
::-moz-placeholder {
color: #797979;
font-weight: 400;
}
:-ms-input-placeholder {
color: #797979;
font-weight: 400;
}
:-moz-placeholder {
color: #797979;
font-weight: 400;
}
input[name="s"]::-webkit-input-placeholder {
color: #797979;
font-weight: 600;
text-transform: none;
font-size: 16px;
}
input[name="s"]::-moz-placeholder {
color: #797979;
font-weight: 600;
text-transform: none;
font-size: 16px;
}
input[name="s"]:-ms-input-placeholder {
color: #797979;
font-weight: 600;
text-transform: none;
font-size: 16px;
}
input[name="s"]:-moz-placeholder {
color: #797979;
font-weight: 600;
text-transform: none;
font-size: 16px;
}
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage-outer .owl-stage,
.owl-carousel .owl-stage-outer .owl-stage .owl-item,
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
height: auto;
}
.owl-carousel .owl-dots {
position: absolute;
bottom: 50px;
width: 75%;
left: 50%;
margin-left: -37%;
}
.owl-carousel.w-auto .owl-stage-outer .owl-stage {
margin: 0 auto;
}
.owl-theme .owl-dots .owl-dot:focus {
outline: 0;
}
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .caption {
position: absolute;
}
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .caption h1 {
color: #26ace3;
font-weight: 700;
margin-top: 3rem;
font-size: 22px;
}
.owl-carousel .owl-stage-outer .owl-stage .owl-item .item .caption img {
margin: 0 auto;
width: 362px;
height: 102px;
}
.owl-carousel.w-auto {
width: auto;
}
.caption-outter {
position: absolute;
top: 0;
left: 50%;
top: 50%;
margin-left: -181px;
margin-top: -99px;
z-index: 999;
}
.caption-outter h1 {
color: #26ace3;
font-weight: 700;
margin-top: 3rem;
font-size: 22px;
}
.caption-outter img {
margin: 0 auto;
width: 362px;
height: 102px;
}
video::-webkit-media-controls-start-playback-button {
display: none;
}
.popup-video-main.video-yt,
.popup-video-main.video-html,
.popup-video-main.video-vimeo {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
}
.popup-video::before {
content: "";
position: absolute;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/loader.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.popup-video {
position: fixed;
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 999999;
}
.popup-video div.wrapper {
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
position: relative;
width: 80%;
height: 0;
padding-bottom: 45.05%;
}
.popup-video div.wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.popup-video a.close.big {
transform: scale(3);
}
.popup-video a.close {
position: absolute;
width: 50px;
height: 50px;
overflow: hidden;
right: 25px;
top: 25px;
z-index: 9;
}
.popup-video a.close::before {
transform: rotate(45deg);
}
.popup-video a.close::before,
.popup-video a.close::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
}
.popup-video a.close::after {
transform: rotate(-45deg);
}
.popup-video a.close::before,
.popup-video a.close::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
}
.lps-2024.home-2024 #carousel-home-2024 .item {
text-align: center;
}
.lps-2024.home-2024 #carousel-home-2024 .item p {
color: #fff;
}
@media (min-width: 992px) {
.lps-2024.home-2024 #carousel-home-2024 .item {
min-height: 100vh;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
color: #fff;
display: flex;
padding-top: 8rem;
text-align: start;
align-items: center;
justify-content: center;
flex-direction: row;
}
.lps-2024.home-2024 #carousel-home-2024 .item p {
color: #666;
}
}
@media (min-width: 240px) {
.popup-video div.wrapper {
width: 100%;
height: 320px;
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.popup-video div.wrapper {
width: 700px;
padding-bottom: 0;
height: 385px;
}
}
@media (min-width: 992px) {
.popup-video div.wrapper {
width: 800px;
padding-bottom: 0;
height: 440px;
}
}
@media (min-width: 1100px) {
.popup-video div.wrapper {
width: 1050px;
padding-bottom: 0;
height: 591px;
}
}
@media (min-width: 1300px) {
.popup-video div.wrapper {
width: 1050px;
padding-bottom: 0;
height: 591px;
}
}
.play-video>i {
position: absolute;
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-play.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 68px;
height: 68px;
opacity: 0.9;
transition: all 0.3s;
display: block;
}
a.play-video:hover>i {
opacity: 1;
}
.banner-content {
width: 100%;
height: 100%;
margin-top: 0;
}
.slideshow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
.slideshow .slideshow-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slideshow .slides {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.slideshow .slide {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
transition: opacity 0.3s ease;
}
.slideshow .slide.is-active {
display: block;
}
.slideshow .slide.is-loaded {
opacity: 1;
}
.slideshow .slide .caption {
margin-top: -200px;
width: 1520px;
padding: 0;
position: relative;
text-align: center;
}
.slideshow .slide .image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
z-index: 1;
background-size: cover;
image-rendering: optimizeQuality;
}
.slideshow .slide .image {
width: 100%;
object-fit: cover;
height: 100%;
background-position: center;
}
.slideshow .slide .image picture {
margin: 0;
width: 100%;
height: 100%;
display: flex;
}
.slideshow .slide .image picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slideshow .slide-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
color: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.slideshow .slide .title h1 {
margin: 0 auto 20px;
font-size: 47px;
line-height: 1.2;
letter-spacing: 0.05rem;
font-family: "Montserrat", sans-serif;
font-weight: 600;
}
.slideshow .slide .text h3 {
margin: 20px 0;
font-size: 24px;
line-height: 1.3;
color: #fff;
}
.slideshow .slide span.text {
margin: 0 0 25px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: rgba(255, 255, 255, 0.5);
letter-spacing: 2px;
display: table;
}
.slideshow .slide.banner-post-outubro-rosa::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 58px;
z-index: 9;
}
.slideshow .slide.banner-post-outubro-rosa .caption {
width: 1240px;
text-align: left;
margin-top: -135px;
}
.slideshow .slide.banner-post-outubro-rosa .title h1 {
font-size: 60px;
color: #a85c59;
font-weight: 800;
}
.slideshow .slide.banner-post-outubro-rosa .text h3 {
color: #666;
margin: 20px 0 0 4px;
line-height: 1.1;
}
.slideshow .slide.banner-post-novembro-azul .caption {
width: 1240px;
text-align: left;
margin-top: -30px;
}
.slideshow .slide.banner-post-novembro-azul .title h1 {
font-size: 60px;
color: #fff;
font-weight: 800;
}
.slideshow .slide.banner-post-novembro-azul .title h1>span {
font-size: 26px;
color: #fff;
font-weight: 400;
font-style: italic;
position: absolute;
top: -150px;
font-family: "Open Sans";
}
.slideshow .slide.banner-post-novembro-azul .text h3 {
color: #fff;
margin: -15px 0 0 4px;
line-height: 1.3;
font-size: 29px;
}
.slideshow .slide.banner-21anos .caption {
width: 1490px;
text-align: left;
margin-top: 40px;
}
.slideshow .slide.banner-21anos .title h1 {
font-size: 52px;
color: #fff;
font-weight: 700;
line-height: 1;
}
.slideshow .slide.banner-21anos .title h1>span {
font-size: 26px;
color: #fff;
font-weight: 400;
font-style: italic;
position: absolute;
top: -150px;
font-family: "Open Sans";
}
.slideshow .slide.banner-21anos .text h3 {
color: #8190c3;
margin: 0;
line-height: 1.3;
font-size: 14px;
position: absolute;
bottom: 0;
right: 0;
font-style: italic;
}
.slideshow .slide.banner-21anos .text p {
color: #fff;
line-height: 1.8;
font-size: 19px;
font-weight: 300;
margin: 0;
}
.slideshow .slide.banner-21anos .text p b {
color: #8190c3;
}
.slideshow .slide.banner-21anos .text h3>i {
content: "";
position: absolute;
top: -5px;
right: -40px;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-mergulhador-2021.png);
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
height: 25px;
width: 30px;
}
@media screen and (max-width: 767px) {
.slideshow .slide.banner-21anos .caption {
width: 100%;
padding: 0 45px;
margin-top: 15px;
}
.slideshow .slide.banner-21anos .title h1 {
font-size: 38px;
margin: 0 0 10px;
}
.slideshow .slide.banner-21anos .text {
height: 500px;
overflow-y: auto;
}
.slideshow .slide.banner-21anos .text h3 {
left: 45px;
bottom: -48px;
right: auto;
width: 268px;
}
.slideshow .slide.banner-21anos .text p {
line-height: 1.5;
font-size: 16px;
font-weight: 500;
}
.slideshow .slide.banner-21anos .text p br {
display: none;
}
}
@media screen and (max-width: 375px) {
.slideshow .slide.banner-21anos .text {
height: 400px;
overflow-y: auto;
}
.slideshow .slide.banner-21anos .text h3 {
width: 215px;
}
}
@media screen and (min-width: 768px) and (max-height: 800px) {
.slideshow .slide.banner-21anos .title h1 {
font-size: 44px;
}
.slideshow .slide.banner-21anos .text p {
line-height: 1.5;
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.slideshow .slide.banner-21anos .caption {
width: 800px;
padding: 0 85px;
margin-top: 15px;
}
.slideshow .slide.banner-21anos .title h1 {
font-size: 44px;
margin: 0 0 10px;
}
.slideshow .slide.banner-21anos .text h3 {
left: 86px;
bottom: -30px;
right: auto;
}
.slideshow .slide.banner-21anos .text p {
line-height: 1.6;
font-size: 16px;
}
}
@media screen and (min-width: 992px) and (max-width: 1354px) {
.slideshow .slide.banner-21anos .caption {
width: 1260px;
}
.slideshow .slide.banner-21anos .text h3 {
right: 80px;
bottom: -30px;
}
.slideshow .slide.banner-21anos .title h1 {
font-size: 44px;
}
.slideshow .slide.banner-21anos .text p {
line-height: 1.5;
font-size: 16px;
}
}
@media screen and (min-width: 1355px) and (max-width: 1640px) {
.slideshow .slide.banner-21anos .caption {
width: 1260px;
}
.slideshow .slide.banner-21anos .text h3 {
right: 80px;
}
}
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 100px;
}
.slideshow .slide.banner-fenatran-2022 h1 {
color: #14d2ec;
font-size: 39px !important;
font-family: "Oswald", sans-serif;
font-weight: 400;
letter-spacing: 2px;
}
.slideshow .slide.banner-fenatran-2022 h1>b {
font-size: 48px;
letter-spacing: 3px;
color: #fff;
font-weight: 300;
display: block;
}
.slideshow .slide.banner-fenatran-2022 h1>picture {
width: 444px;
height: auto;
display: flex;
margin: 15px auto;
}
.slideshow .slide.banner-fenatran-2022 h1>picture>img {
width: 100%;
height: 100%;
object-fit: contain;
}
.slideshow .slide.banner-fenatran-2022 ul {
margin: 10px 0;
display: flex;
align-items: center;
justify-content: center;
}
.slideshow .slide.banner-fenatran-2022 ul li+li::before {
top: -3px;
content: "";
position: relative;
margin: 0 15px;
background: #14d2ec;
width: 8px;
height: 8px;
border: 0;
border-radius: 50%;
display: inline-flex;
}
.slideshow .slide.banner-fenatran-2022 ul li {
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: "Oswald", sans-serif;
letter-spacing: 1px;
}
.slideshow .slide.banner-fenatran-2022 .btn {
background: #14d2ec;
}
.slideshow .slide.banner-fenatran-2022 .countdown {
margin: 25px auto 35px;
width: 560px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 35px;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div {
height: 240px;
display: flex;
flex-direction: column;
justify-content: center;
background: #14d2ec;
border: 0;
border-radius: 8px;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div>b {
line-height: 1.2;
font-size: 110px;
font-family: "Oswald", sans-serif;
font-weight: 600;
color: #061934;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div>span {
font-size: 30px;
font-family: "Oswald", sans-serif;
font-weight: 600;
color: #fff;
font-style: italic;
}
@media screen and (max-width: 767px) {
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 25px;
}
.slideshow .slide.banner-fenatran-2022 ul {
flex-direction: column;
}
.slideshow .slide.banner-fenatran-2022 ul li {
letter-spacing: 0;
}
.slideshow .slide.banner-fenatran-2022 ul li+li::before {
top: 0;
margin: 7px auto;
display: block;
}
.slideshow .slide.banner-fenatran-2022 .countdown {
width: 100%;
grid-gap: 15px;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div {
height: 150px;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div>b {
font-size: 65px;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div>span {
font-size: 20px;
}
.slideshow .slide.banner-fenatran-2022 h1>picture {
width: 310px;
}
.slideshow .slide.banner-fenatran-2022 h1>b {
font-size: 30px;
}
.slideshow .slide.banner-fenatran-2022 h1 {
font-size: 25px !important;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
.slideshow .slide.banner-fenatran-2022 .countdown {
width: 440px;
grid-gap: 15px;
}
.slideshow .slide.banner-fenatran-2022 ul {
flex-direction: row;
}
.slideshow .slide.banner-fenatran-2022 ul li+li::before {
top: -3px;
margin: 0 15px;
display: inline-flex;
}
}
@media screen and (min-width: 768px) and (max-height: 800px) {
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 25px;
}
.slideshow .slide.banner-fenatran-2022 ul li {
letter-spacing: 0;
}
.slideshow .slide.banner-fenatran-2022 .countdown>div>b {
font-size: 100px;
}
.slideshow .slide.banner-fenatran-2022 h1>picture {
width: 350px;
}
.slideshow .slide.banner-fenatran-2022 h1 {
font-size: 29px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 25px;
}
.slideshow .slide.banner-fenatran-2022 ul li {
letter-spacing: 0;
}
}
@media screen and (min-width: 992px) and (max-width: 1354px) {
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 0;
}
}
@media screen and (min-width: 1355px) and (max-width: 1429px) {
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 0;
}
}
@media screen and (min-width: 1430px) and (max-width: 1599px) {
.slideshow .slide.banner-fenatran-2022 .slide-content {
margin-top: 0;
}
}
.slideshow .footer-banner {
position: absolute;
z-index: 9;
bottom: 30px;
width: 100%;
text-align: center;
}
.slideshow .footer-banner a {
color: white;
font-weight: 400;
font-size: 14px;
}
.slideshow .footer-banner a::after {
content: "";
display: block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-down.png);
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
height: 25px;
width: 45px;
margin: 15px auto 0;
}
.slideshow .slide .btn {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 16px 58px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 25px 0 0;
}
.slideshow .slide .btn>span.inner-btn::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid #fff;
border-radius: 5px;
position: relative;
top: 2px;
margin-right: 8px;
}
.slideshow .slide .btn.green {
background: #5d8566;
}
.slideshow .slide .btn:hover {
background: #1d385f;
color: #fff;
}
.slideshow .slide .btn.red {
background: #ff8660;
}
.slideshow .slide .btn.red:hover {
background: #ff4324;
}
.slideshow .slide .btn .btn-inner::before {
content: ">";
display: inline-block;
margin: 0 5px 0 0;
position: relative;
top: 2px;
}
.slideshow .pagination {
display: none;
position: absolute;
bottom: 160px;
width: auto;
height: auto;
cursor: default;
z-index: 2;
margin: 0;
}
.slideshow .pagination .item {
content: "";
display: block;
top: 15px;
left: 0;
width: 12px;
height: 12px;
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, 0.4);
transition: background 0.2s ease;
cursor: pointer;
}
.slideshow .pagination .item+.item {
margin-left: 15px;
}
.slideshow .pagination .item::after {
width: 0;
background: #fff;
z-index: 2;
transition: width 0.2s ease;
}
.slideshow .pagination .item:hover {
background: rgba(255, 255, 255, 0.6);
}
.slideshow .pagination .item.is-active-m {
background-color: #fff;
}
.slideshow .arrows .arrow {
margin: -33px 0 0;
padding: 20px;
position: absolute;
top: 50%;
cursor: pointer;
z-index: 3;
}
.slideshow .arrows {
width: 100%;
position: absolute;
margin: 0 auto;
text-align: center;
left: 15px;
top: 50%;
}
.slideshow .arrows .prev {
left: 10px;
}
.slideshow .arrows .prev:hover .svg {
left: -10px;
}
.slideshow .arrows .next {
right: 40px;
}
.slideshow .arrows .next:hover .svg {
left: 10px;
}
.slideshow .arrows .svg {
position: relative;
left: 0;
width: 14px;
height: 26px;
fill: #fff;
transition: left 0.2s ease;
}
.opacityOn,
.opacityOnRoleta {
opacity: 0;
}
.pagination-wrap {
display: inline-block;
margin: 35px 0 0;
}
.bloco-destinos-exp-list .pagination-wrap {
margin: 95px 0 0;
}
.page-numbers {
margin: 0 auto;
padding: 0;
text-align: center;
}
.page-numbers li,
.page-numbers li a {
list-style-type: none;
float: left;
color: #333;
font-size: 14px;
line-height: 18px;
font-family: "Montserrat";
font-weight: 400;
}
.bloco-1-home ul.page-numbers li,
.page-numbers li {
width: 35px;
text-align: center;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.page-numbers li span,
.page-numbers li span a {
font-size: 38px;
line-height: 12px;
color: #333;
}
.page-numbers li.active a {
color: #333;
background: #ececec;
width: 40px;
height: 35px;
border-radius: 50%;
border: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: -8px;
}
.page-numbers li.off {
opacity: 0.5;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
.default-text h2,
.default-text h3 {
font-size: 32px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 25px;
color: #1d385f;
}
.default-text p {
line-height: 1.8;
margin-bottom: 25px;
}
.bloco-1-home {
padding: 90px 135px 5px;
}
.bloco-1-home p>img {
margin-top: -25px;
}
.bloco-2-home {
background: #f4f4f4;
}
.bloco-2-home picture.bg {
min-height: 900px;
margin: 0;
display: flex;
}
.bloco-2-home picture.bg img {
width: 100%;
}
.bloco-2-home h2 {
padding-right: 150px;
}
.bloco-2-home ul {
display: grid;
grid-column-gap: 20px;
grid-template-columns: repeat(2, 270px);
}
.bloco-2-home ul::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #e8e8e8;
top: -50px;
}
.bloco-2-home ul {
position: relative;
margin: 80px 0 0;
}
.bloco-2-home ul li {
width: 242px;
margin-top: 25px;
}
.bloco-2-home ul li h3 {
margin: 20px 0 15px;
font-weight: 600;
font-size: 14px;
font-family: "Montserrat";
letter-spacing: 2px;
color: #838383;
}
.bloco-2-home ul li p {
font-size: 14px;
color: #838383;
text-align: justify;
}
.bloco-3-home {
padding: 90px 15px;
background: #f8f8f8;
}
.bloco-3-home p {
padding: 0 430px;
font-size: 18px;
}
.bloco-3-home ul::before {
content: "";
position: absolute;
width: 85%;
height: 2px;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/dot-repeat.jpg);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: repeat-x;
left: 50%;
top: 85px;
z-index: 0;
margin-left: -42.5%;
}
.bloco-3-home ul {
display: inline-block;
margin-top: 60px;
position: relative;
}
.bloco-3-home ul li {
float: left;
position: relative;
z-index: 1;
}
.bloco-3-home ul li {
width: 295px;
}
.bloco-3-home ul li figure {
display: flex;
align-items: center;
justify-content: center;
width: 130px;
height: 130px;
border: 1px solid #8190c3;
border-radius: 50%;
margin: 0 auto;
background: #f8f8f8;
transition: background 0.3s;
}
.bloco-3-home ul li:hover figure {
background: white;
}
.bloco-3-home ul li h3 {
margin: 40px 0 0;
font-weight: 600;
font-size: 14px;
font-family: "Montserrat";
letter-spacing: 2px;
color: #838383;
}
.bloco-3-home ul li p {
font-size: 14px;
color: #838383;
padding: 12px 25px;
}
.bloco-4-home {
background: linear-gradient(to bottom,
#f1f1f1,
#f3f3f3,
#f4f4f4,
#f5f5f5,
#f6f6f6,
#f7f7f7,
#f8f8f8);
}
.bloco-4-home picture {
height: 850px;
margin: 0;
overflow: hidden;
display: flex;
}
.bloco-4-home picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloco-4-home section {
width: calc(100% - 70px);
}
.bloco-4-home .bloco-2 section {
width: calc(100% - 30px);
}
.bloco-4-home section p {
text-align: justify;
line-height: 1.5;
}
.bloco-4-home section h3 {
font-size: 18px;
color: #8190c3;
text-transform: uppercase;
font-family: "Montserrat";
letter-spacing: 2px;
font-weight: 600;
}
.bloco-4-home section a.link {
border: 1px solid #b9b6b6;
border-radius: 35px;
background: transparent;
color: #7b91c6;
text-transform: uppercase;
font-size: 11px;
padding: 20px 50px;
transition: all 0.3s;
font-weight: 600;
letter-spacing: 2px;
margin: 15px 0 0;
display: inline-block;
}
.bloco-4-home section a.link:hover {
background: #7b91c6;
color: white;
border-color: #7b91c6;
}
.bloco-5-home {
padding: 140px 15px;
}
.bloco-5-home h3 {
font-weight: 700;
font-family: "Montserrat";
color: white;
font-size: 40px;
margin-bottom: 0;
position: relative;
}
.bloco-5-home p {
color: white;
font-style: italic;
font-size: 18px;
font-weight: 400;
color: #6c95c3;
}
.bloco-5-home h3>span.prefix {
position: absolute;
margin: 0 0 0 -35px;
}
.bloco-5-home p>span {
font-style: normal;
display: block;
font-weight: 700;
color: #fff;
}
.bloco-5-home figure img {
max-height: 61px;
object-fit: contain;
}
.bloco-posts {
padding: 90px 15px;
}
.bloco-posts.home {
background: #f8f8f8;
} .bloco-posts.home .header h1 {
font-size: 1em;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 25px;
}
.bloco-posts.home .header p {
font-size: 19px;
line-height: 1.5;
margin-bottom: 100px;
}
.bloco-posts article {
border: 0;
overflow: hidden;
}
.bloco-posts.in-pub article {
margin-bottom: 40px;
}
.bloco-posts.bloco-publicacoes {
padding-top: 120px;
}
.bloco-posts.bloco-publicacoes article {
margin-bottom: 65px;
}
.bloco-posts.bloco-publicacoes ul.result-search {
margin: -50px 0 50px;
}
.bloco-posts.bloco-publicacoes ul.result-search li.content b {
color: #004ab5;
}
.bloco-posts article a.l-figure {
overflow: hidden;
display: block;
}
.bloco-posts article a.l-figure,
.bloco-posts article figure {
height: 230px;
transition: all 0.3s;
transform: scale(1.05);
}
.bloco-posts article a.l-figure figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloco-posts article:hover figure {
transform: scale(1);
}
.bloco-posts article a {
display: block;
}
.bloco-posts article .category-inside {
position: absolute;
padding: 10px 8px 7px;
border: 0;
border-radius: 8px;
background: #e05d57;
margin: 25px;
z-index: 999;
}
.bloco-posts article .category-inside a {
color: white;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px;
}
.bloco-posts article .content {
padding: 25px 20px 30px;
background: white;
}
.bloco-posts article .content .infos {
display: inline-block;
margin-bottom: 15px;
}
.bloco-posts article .content .infos p,
.bloco-posts article .content .infos a {
float: left;
font-family: "Montserrat";
color: #8190c3;
font-size: 10px;
line-height: 1.4;
margin: 15px 0 0;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
}
.bloco-posts article .content h2 {
font-size: 18px;
line-height: 1.3;
margin-bottom: 18px;
font-family: "Montserrat";
font-weight: 700;
color: #666;
}
.bloco-posts article .content p {
font-size: 14px;
line-height: 1.5;
color: #666;
}
.bloco-posts.os article .content p {
text-align: justify;
}
.bloco-posts article a.l-content {
color: #2d3537;
font-size: 18px;
line-height: 1.2;
}
.bloco-posts.home a.link {
border: 1px solid #b9b6b6;
border-radius: 35px;
background: transparent;
color: #7b91c6;
text-transform: uppercase;
font-size: 12px;
padding: 20px 30px;
transition: all 0.3s;
font-weight: 600;
letter-spacing: 2px;
margin: 60px 0 0;
display: inline-block;
}
.bloco-posts.home a.link:hover {
background: #7b91c6;
color: white;
border-color: #7b91c6;
}
.bloco-1-sn {
background: #f8f8f8;
}
.bloco-1-sn figure {
width: calc(100% - 100px);
height: 750px;
margin: 0;
}
.bloco-1-sn section {
width: calc(100% - 100px);
}
.bloco-1-sn section h3 {
color: #888;
font-size: 21px;
font-weight: 300;
position: relative;
}
.bloco-1-sn section h3::after {
content: "";
display: block;
position: relative;
width: 100%;
height: 1px;
background: #e8e8e8;
margin: 30px 0 40px;
}
.bloco-1-sn section p {
color: #888;
line-height: 1.9;
text-align: justify;
}
.bloco-2-sn {
padding: 130px 15px;
background: #f4f4f4;
}
.bloco-2-sn ul {
display: grid;
grid-column-gap: 30px;
grid-template-columns: repeat(3, 1fr);
margin-top: 60px;
}
.bloco-2-sn ul li {
background: white;
padding: 60px 15px;
margin-bottom: 30px;
position: relative;
}
.bloco-2-sn ul li figure {
margin: 0;
}
.bloco-2-sn ul li p {
font-weight: 700;
color: #1d385f;
font-size: 32px;
margin: 0 0 5px;
}
.bloco-2-sn ul li h3 {
font-size: 16px;
font-style: italic;
font-weight: 400;
color: #888;
}
.bloco-2-sn ul li::before,
.bloco-2-sn ul li::after {
border: 0 solid transparent;
box-sizing: border-box;
content: "";
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
.bloco-2-sn ul li::before {
border-bottom-width: 2px;
border-left-width: 2px;
}
.bloco-2-sn ul li::after {
border-top-width: 2px;
border-right-width: 2px;
}
.bloco-2-sn ul li:hover::before,
.bloco-2-sn ul li:hover::after {
border-color: #7b91c6;
transition: border-color 0.1s, width 0.35s, height 0.25s;
width: 100%;
height: 100%;
}
.bloco-2-sn ul li:hover::before {
transition-delay: 0.1s, 0.1s, 0.35s;
}
.bloco-2-sn ul li:hover::after {
transition-delay: 0.1s, 0.35s, 0.1s;
}
.bloco-2-sn .content {
margin: 100px 0 0;
}
.bloco-2-sn .content figure {
width: calc(100% - 20px);
height: 520px;
margin: 0;
}
.bloco-2-sn .content section {
width: 100%;
padding-left: 15px;
}
.bloco-2-sn .content section h2 {
font-size: 29px;
}
.bloco-2-sn .content section h3 {
color: #888;
font-size: 15px;
font-weight: 400;
position: relative;
line-height: 1.5;
}
.bloco-2-sn .content section h4 {
margin-top: 35px;
font-size: 11px;
color: #a7b6d3;
text-transform: uppercase;
font-family: "Montserrat";
}
.bloco-2-sn .content section p {
font-size: 14px;
}
.bloco-3-sn {
background: #f8f8f8;
padding: 100px 15px;
}
.bloco-3-sn section {
width: calc(100% - 65px);
}
.bloco-3-sn h2 {
font-size: 25px;
}
.bloco-3-sn p {
font-size: 17px;
text-align: justify;
color: #888;
}
.bloco-3-sn ul,
.bloco-3-sn ul li {
width: 100%;
display: inline-block;
}
.bloco-3-sn ul li+li {
margin-top: 25px;
}
.bloco-3-sn ul li h3,
.bloco-3-sn ul li p {
color: #767676;
font-size: 10px;
font-weight: 600;
font-family: "Montserrat";
letter-spacing: 1px;
display: inline-block;
float: left;
margin: 0;
}
.bloco-3-sn ul li p {
float: right;
line-height: 1;
color: #363638;
}
.bloco-3-sn ul li p::after {
content: "%";
display: inline-block;
}
.bloco-3-sn ul li span {
display: inline-block;
width: 100%;
height: 7px;
border: 0;
border-radius: 5px;
background: #efefef;
margin: 20px 0 0;
position: relative;
}
.bloco-3-sn ul li span>span {
width: 0;
background: #67acc6;
position: absolute;
top: 0;
left: 0;
margin: 0;
transition: width 2s;
}
.bloco-4-sn {
padding: 130px 15px;
}
.bloco-4-sn h2 {
color: white;
font-size: 46px;
}
.bloco-4-sn p {
color: white;
font-size: 22px;
font-style: italic;
line-height: 1.3;
}
.bloco-4-sn .link {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 22px 68px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 25px 0 0;
display: inline-block;
}
.bloco-4-sn .link:hover {
background: #1d385f;
color: #fff;
}
.bloco-5-sn {
padding: 60px 15px;
background: #f4f4f4;
}
.bloco-5-sn section {
padding: 25px 202px;
background: #f8f8f8;
min-height: 450px;
}
.bloco-5-sn section figure {}
.bloco-5-sn .owl-carousel .owl-item img {
max-width: 160px;
height: auto;
margin: 25px auto;
position: relative;
}
.bloco-5-sn section h4::before {
content: "";
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-aspas.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 29px;
height: 27px;
display: block;
text-align: center;
margin: 0 auto 42px;
}
.bloco-5-sn section h4 {
color: #767676;
font-style: italic;
font-size: 24px;
line-height: 1.4;
font-weight: 300;
position: relative;
}
.bloco-5-sn section p {
margin: 0 0 5px;
color: #000;
font-weight: 600;
}
.bloco-5-sn section span {
margin: 0;
color: #888;
font-weight: 400;
font-style: italic;
}
.bloco-5-sn .owl-nav {
position: absolute;
top: 50%;
width: 100%;
margin: -13px -13px 0 !important;
}
.bloco-5-sn .owl-nav button.owl-prev {
position: absolute;
left: -37px;
}
.bloco-5-sn .owl-nav button.owl-next {
position: absolute;
right: -35px;
}
.bloco-5-sn .owl-nav button i {
content: "";
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/timeline-arrow.png);
background-position: 0 center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
width: 15px;
height: 26px;
}
.bloco-5-sn .owl-nav button.owl-next i {
background-position: -15px center;
}
.bloco-5-sn .owl-nav button:hover {
background: none !important;
box-shadow: none !important;
}
.banner-pages.consultoria h1 {
font-size: 40px;
margin-top: 0;
}
.bloco-1-ct {
padding: 80px 15px 50px;
}
.bloco-1-ct .content figure {
width: calc(100% - 65px);
height: 380px;
margin: 0;
}
.bloco-1-ct section {
width: 110%;
padding-left: 15px;
margin-left: -40px;
}
.bloco-1-ct section h3 {
color: #888;
font-size: 15px;
font-weight: 400;
position: relative;
line-height: 1.5;
}
.bloco-1-ct section h4 {
margin-top: 35px;
font-size: 11px;
color: #a7b6d3;
text-transform: uppercase;
font-family: "Montserrat";
}
.bloco-1-ct section p {
font-size: 18px;
text-align: justify;
}
.bloco-1-ct ul {
display: grid;
grid-column-gap: 60px;
grid-template-columns: repeat(3, 1fr);
margin: 60px 0;
}
.bloco-1-ct ul li h3 {
font-size: 18px;
font-weight: 700;
font-family: "Montserrat";
color: #1d385f;
margin: 25px 0 15px;
}
.bloco-1-ct ul li p {
text-align: justify;
}
.bloco-2-ct {
background: #f4f4f4;
}
.bloco-2-ct figure.bg {
min-height: 900px;
margin: 0;
width: calc(100% - 65px);
}
.bloco-2-ct section {
width: calc(100% - 45px);
padding-left: 75px;
}
.bloco-2-ct h2 {
font-size: 23px;
}
.bloco-2-ct p {
font-size: 16px;
color: #767676;
text-align: justify;
}
.bloco-2-ct ul.wrapper {
display: grid;
grid-column-gap: 50px;
grid-template-columns: repeat(2, 1fr);
position: relative;
}
.bloco-2-ct ul.wrapper li {
margin-top: 25px;
}
.bloco-2-ct ul li h3 {
margin: 20px 0 15px;
font-weight: 700;
font-size: 16px;
font-family: "Montserrat";
color: #636363;
}
.bloco-2-ct ul li,
.bloco-2-ct ul li p {
font-size: 14px;
color: #767676;
}
.bloco-2-ct ul li>ul li,
.bloco-2-ct ul li>div>ul li {
text-indent: -6px;
padding-left: 12px;
line-height: 1.5;
margin: 7px 0 !important;
}
.bloco-2-ct ul li>ul li::before,
.bloco-2-ct ul li>div>ul li::before {
content: ">";
display: inline-block;
margin-right: 5px;
}
.bloco-2-ct section ul.wrapper div {
margin-bottom: 30px;
}
.bloco-3-ct {
padding: 0 15px 100px;
background: #f8f8f8;
}
.bloco-3-ct p {
font-size: 20px;
}
.bloco-3-ct .link {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 22px 50px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 25px 0 0;
display: inline-block;
}
.bloco-3-ct .link:hover {
background: #1d385f;
color: #fff;
}
.banner-pages.tecnologias section {
width: 100%;
margin: 0 auto;
padding-left: 150px;
padding-right: 100px;
}
.banner-pages.tecnologias section h1 {
font-size: 55px;
margin: 0 0 15px;
line-height: 1.2;
}
.banner-pages.tecnologias section p {
font-size: 20px;
line-height: 1.3;
margin: 0;
font-weight: 300;
color: white;
}
.bloco-1-tcn {
background: linear-gradient(to bottom,
#f1f1f1,
#f3f3f3,
#f4f4f4,
#f5f5f5,
#f6f6f6,
#f7f7f7,
#f8f8f8);
}
.bloco-1-tcn figure {
width: 100%;
min-height: 750px;
margin: 0;
}
.bloco-1-tcn section {
padding-left: 80px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 90px;
width: calc(100% - 90px);
}
.bloco-1-tcn section p {
text-align: justify;
line-height: 1.7;
color: #767676;
}
.bloco-1-tcn section h3 {
font-size: 16px;
color: #7b7b7b;
font-weight: 700;
margin: 35px 0;
}
.bloco-1-tcn section ul li {
text-indent: -7px;
padding-left: 14px;
line-height: 1.5;
margin: 7px 0 !important;
color: #7b7b7b;
}
.bloco-1-tcn section ul li::before {
content: ">";
display: inline-block;
margin-right: 5px;
}
.bloco-2-tcn {
padding: 100px 15px 50px;
background: #f8f8f8;
}
.bloco-2-tcn ul {
display: grid;
grid-column-gap: 107px;
grid-template-columns: repeat(3, 1fr);
}
.bloco-2-tcn ul li figure,
.bloco-2-tcn ul li h3 {
float: left;
}
.bloco-2-tcn ul li h3 {
font-weight: 700;
font-size: 14px;
font-family: "Montserrat";
margin-bottom: 25px;
color: #1d385f;
margin: 15px 0 0 20px;
}
.bloco-2-tcn ul li p {
clear: both;
color: #767676;
font-size: 15px;
margin-top: 10px;
display: inline-block;
text-align: justify;
}
.bloco-2-tcn ul li+li {
margin-bottom: 35px;
}
.bloco-3-tcn {
padding: 100px 15px;
}
.bloco-3-tcn h3 {
font-size: 18px;
font-style: italic;
font-weight: 600;
color: #7b7b7b;
margin: 0 0 20px;
letter-spacing: 1px;
}
.bloco-3-tcn p {
font-size: 17px;
font-style: italic;
font-weight: 600;
color: #8090c3;
margin: 0;
letter-spacing: 1px;
}
.bloco-4-tcn {
padding: 50px 15px;
background: #8090c3;
}
.bloco-4-tcn ul {
display: grid;
grid-column-gap: 50px;
grid-template-columns: repeat(2, 350px);
justify-content: center;
}
.bloco-4-tcn ul li h3 {
color: white;
font-weight: 700;
font-size: 24px;
margin: 0;
line-height: 45px;
}
.bloco-4-tcn ul li a {
border: 1px solid white;
border-radius: 35px;
background: transparent;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 16px 60px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 0;
display: inline-block;
}
.bloco-4-tcn ul li a:hover {
background: white;
color: #8090c3;
}
.banner-pages.apresentacoes section {
width: 100%;
margin: 0 auto;
padding-left: 150px;
padding-right: 100px;
}
.banner-pages.apresentacoes section h1 {
font-size: 50px;
margin: 0 0 15px;
line-height: 1.2;
}
.banner-pages.apresentacoes section p {
font-size: 20px;
line-height: 1.6;
margin: 0;
font-weight: 300;
color: white;
}
.banner-pages.apresentacoes section a {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
background: transparent;
color: white;
text-transform: uppercase;
font-size: 11px;
padding: 16px 18px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 40px 0 0;
display: inline-block;
}
.banner-pages.apresentacoes section a:hover {
background: #111;
}
.banner-pages.apresentacoes section a>span.inner-btn::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
position: relative;
top: 2px;
margin-right: 8px;
transition: border-color 0.3s;
}
.banner-pages.apresentacoes section a:hover>span.inner-btn::before {
border-left-color: #fff;
}
.bloco-1-apresentacao {
padding: 70px 15px 100px;
background: #f8f8f8;
}
.bloco-1-apresentacao h2 {
font-size: 25px;
margin-bottom: 15px;
}
.bloco-1-apresentacao figure {
width: 116px;
height: 116px;
border: 0;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 30px;
}
.bloco-1-apresentacao figure img {
width: 100%;
height: 100%;
}
.bloco-1-apresentacao section {
margin: 30px 0 0;
background: white;
padding: 50px 15px;
border: 0;
border-radius: 8px;
min-height: 300px;
position: relative;
}
.bloco-1-apresentacao section::before,
.bloco-1-apresentacao section::after {
border: 0 solid transparent;
box-sizing: border-box;
content: "";
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
.bloco-1-apresentacao section::before {
border-bottom-width: 2px;
border-left-width: 2px;
}
.bloco-1-apresentacao section::after {
border-top-width: 2px;
border-right-width: 2px;
}
.bloco-1-apresentacao section:hover::before,
.bloco-1-apresentacao section:hover::after {
border-color: #7b91c6;
transition: border-color 0.01s, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
.bloco-1-apresentacao section:hover::before {
transition-delay: 0.01s, 0.01s, 0.25s;
}
.bloco-1-apresentacao section:hover::after {
transition-delay: 0.01s, 0.25s, 0.01s;
}
.bloco-1-apresentacao section h3 {
font-size: 20px;
}
.bloco-1-apresentacao section p {
font-size: 15px;
margin: 0;
}
.bloco-1-apresentacao section .opts {
display: flex;
margin: 35px 0 0;
justify-content: center;
}
.bloco-1-apresentacao section .opts a.view-ppt>i,
.bloco-1-apresentacao section .opts a.share-ppt>i {
content: "";
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-lupa-ap.png);
background-position: 0 center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.bloco-1-apresentacao section .opts a.share-ppt>i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-share-ap.png);
width: 23px;
height: 23px;
}
.bloco-1-apresentacao section .opts a+a {
margin-left: 20px;
}
.bloco-2-apresentacao {
padding-bottom: 40px;
}
.modal-ppt {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99;
}
.modal-ppt::before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
left: 0;
}
.modal-ppt::after {
content: "";
z-index: 0;
margin: 0 auto;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/loader.svg);
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
height: 65px;
width: 65px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.modal-ppt>div {
position: relative;
width: 90%;
height: auto;
text-align: center;
z-index: 9;
}
.modal-ppt>div>input {
border: 0;
border-radius: 8px;
width: 600px;
padding: 10px 25px;
}
.modal-ppt>div>button {
padding: 10px 25px;
border: 0;
border-radius: 8px;
margin: 0 0 0 15px;
background: #8190c3;
color: white;
cursor: pointer;
transition: background 0.2s;
}
.modal-ppt>div>button.success {
color: #155724;
background: #d4edda;
}
.modal-ppt a.close-modal {
position: absolute;
right: 0;
top: 8px;
width: 40px;
text-align: center;
height: 40px;
}
.modal-ppt a.close-modal {
position: absolute;
width: 60px;
height: 60px;
overflow: hidden;
right: 20px;
top: 20px;
z-index: 9999;
-webkit-transition: all 0.2s;
transition: all 0.2s;
opacity: 0.8;
}
.modal-ppt a.close-modal i::before,
.modal-ppt a.close-modal i::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
}
.modal-ppt a.close-modal i::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-ppt a.close-modal i::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-ppt a.close-modal:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 1;
}
.banner-pages.dez-coisas section {
width: 100%;
margin: 0 auto;
padding-left: 150px;
padding-right: 100px;
}
.banner-pages.dez-coisas section h1 {
font-size: 95px;
margin: 0;
line-height: 1;
}
.banner-pages.dez-coisas section p {
font-size: 48px;
line-height: 1.4;
margin: 0;
font-weight: 700;
color: white;
}
.banner-pages.dez-coisas section a {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
background: transparent;
color: white;
text-transform: uppercase;
font-size: 11px;
padding: 16px 18px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 40px 0 0;
display: inline-block;
}
.banner-pages.dez-coisas section a:hover {
background: #111;
}
.banner-pages.dez-coisas section a>span.inner-btn::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
position: relative;
top: 2px;
margin-right: 8px;
transition: border-color 0.3s;
}
.banner-pages.dez-coisas section a:hover>span.inner-btn::before {
border-left-color: #fff;
}
.bloco-1-dez-coisas {
padding: 100px 15px;
}
.bloco-1-dez-coisas h2 {
font-size: 26px;
color: #8190c3;
margin: 0;
}
.bloco-1-dez-coisas span.arrow {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-down.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 28px;
height: 15px;
position: relative;
margin: 0 15px;
}
.bloco-1-dez-coisas .itens {
margin: 80px -15px;
}
.bloco-1-dez-coisas .itens a {
display: inline-flex;
overflow: hidden;
width: 100%;
height: 380px;
position: relative;
}
.bloco-1-dez-coisas .itens figure {
width: 100%;
height: 100%;
margin: 0;
filter: grayscale(1);
transition: filter 0.3s, transform 2.4s;
}
.bloco-1-dez-coisas .itens a:hover figure {
filter: grayscale(0);
transform: translate(5%, 2%) scale(1.1);
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 5px;
color: white;
position: absolute;
bottom: 15px;
left: 50%;
transform: translate(-50%, 500%);
width: 100%;
text-align: center;
transition: transform 0.4s;
}
.bloco-1-dez-coisas .itens a:hover h3 {
transform: translate(-50%, 0);
}
.bloco-1-dez-coisas .itens .no-padding {
padding: 0 !important;
max-height: 380px;
}
.overview-coisas {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
z-index: 9999;
}
.modal-coisas {
position: fixed;
width: 85%;
height: 80%;
background: white;
padding: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -300%);
z-index: 99991;
align-items: center;
transition: transform 0.6s;
display: flex;
}
.modal-coisas.active {
transform: translate(-50%, -50%);
}
.modal-coisas .image figure {
width: 640px;
height: 530px;
margin: 0;
}
.modal-coisas .content {
padding: 0 0 0 100px;
max-height: 530px;
overflow: auto;
}
.modal-coisas .content span {
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
color: #8190c3;
margin: 0;
text-transform: uppercase;
}
.modal-coisas .content h4 {
font-size: 68px;
font-weight: 900;
letter-spacing: 3px;
color: #1e375f;
margin: 05px 0 30px;
}
.modal-coisas .content p {
font-size: 20px;
font-weight: 400;
color: #888;
line-height: 1.5;
text-align: justify;
}
.modal-coisas .close-modal-coisas {
content: "";
position: absolute;
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/close-menu.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin: 0;
transition: opacity 0.2s;
opacity: 0.9;
z-index: 999;
top: -27px;
right: 0;
cursor: pointer;
}
.modal-coisas img.mergulhador {
position: absolute;
bottom: 25px;
right: 25px;
}
.modal-coisas::-webkit-scrollbar {
background-color: #1e375f;
width: 10px;
}
.modal-coisas::-webkit-scrollbar-track {
background-color: #dfdcd8;
}
.modal-coisas::-webkit-scrollbar-thumb {
background-color: #1e375f;
border-radius: 0;
border: 0;
}
.modal-coisas::-webkit-scrollbar-button {
display: none;
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.wrapper-cell {
display: flex;
margin-bottom: 30px;
flex-direction: column;
padding-left: 50px;
}
.wrapper-cell .image,
.wrapper-cell.content span,
.wrapper-cell.content p,
.wrapper-cell.content h4 {
animation-duration: 1.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f6f6;
background: linear-gradient(to right, #f6f6f6 8%, #c7c5c5 18%, #f6f6f6 33%);
background-size: 1200px 104px;
height: 15px;
position: relative;
opacity: 0.3;
}
.wrapper-cell .image {
width: 640px;
height: 530px;
}
.wrapper-cell.content span {
width: 250px;
height: 25px;
}
.wrapper-cell.content h4 {
width: 350px;
height: 45px;
}
.wrapper-cell.content .text-line.item-1 {
width: 100%;
}
.wrapper-cell.content .text-line.item-2 {
width: 70%;
}
.wrapper-cell.content .text-line.item-3 {
width: 40%;
}
.wrapper-cell.content .text-line.item-4 {
width: 50%;
}
.wrapper-cell.content .text-line.item-5 {
width: 60%;
}
body.style-lp .navbar-default {
border-bottom: 0;
}
body.style-lp .btn-blank-lp a {
color: white;
font-size: 14px;
line-height: 1.3;
text-align: center;
margin: 15px 5px;
padding: 12px 15px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 8px;
background: #8190c3;
transition: background 0.3s;
transition: all 0.3s;
}
body.style-lp .btn-blank-lp a:hover {
background: #64719a;
}
body.style-lp.fixed .btn-blank-lp a {
font-size: 13px;
margin: 5px 5px;
}
body.style-lp .btn-blank-lp a>i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-atendimento.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 32px;
margin-right: 15px;
}
.banner-pages.lp section {
width: 100%;
margin: -120px auto 0;
}
.banner-pages.lp section h1 {
font-size: 65px;
margin: 0 0 15px;
line-height: 1;
font-family: "Open Sans", sans-serif;
}
.banner-pages.lp section p {
font-size: 28px;
line-height: 1.4;
margin: 0;
font-weight: 300;
color: white;
}
.banner-pages.lp section a {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
background: transparent;
color: white;
text-transform: uppercase;
font-size: 11px;
padding: 16px 18px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 40px 0 0;
display: inline-block;
}
.banner-pages.lp section a:hover {
background: #111;
}
.banner-pages.lp section a>span.inner-btn::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
position: relative;
top: 2px;
margin-right: 8px;
transition: border-color 0.3s;
}
.banner-pages.lp section a:hover>span.inner-btn::before {
border-left-color: #fff;
}
section.lp {
padding: 80px 0;
}
section.lp .clear {
margin-left: auto !important;
margin-right: auto !important;
}
section.lp a.default-link {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
background: transparent;
color: white;
text-transform: uppercase;
font-size: 11px;
padding: 16px 18px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 40px 0 0;
display: inline-block;
}
section.lp a.default-link:hover {
background: #111;
}
section.lp a.default-link>span.inner-btn::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid rgba(255, 255, 255, 0.5);
border-radius: 5px;
position: relative;
top: 2px;
margin-right: 8px;
transition: border-color 0.3s;
}
section.lp a.default-link:hover>span.inner-btn::before {
border-left-color: #fff;
}
.bloco-tiv .content h2 {
margin: 0 0 25px;
font-size: 54px;
font-weight: 600;
color: #8190c3;
}
.bloco-tiv .content p {
margin: 0 0 25px;
font-size: 16px;
color: #666;
line-height: 2;
text-align: justify;
}
.bloco-tiv .wrapper-img {
overflow: hidden;
border: 0;
border-radius: 15px;
display: flex;
align-items: flex-end;
}
.bloco-tiv .wrapper-img::after {
content: "";
position: absolute;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/shadow-lp.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 61px;
bottom: -40px;
}
.bloco-tiv .wrapper-img figure {
width: 100%;
height: 450px;
margin: 0;
transition: transform 1.3s;
}
.bloco-tiv .wrapper-img figure>a {
width: 100%;
height: 100%;
position: absolute;
}
.bloco-tiv .wrapper-img:hover figure {
transform: translate(0, 2%) scale(1.1);
}
.wrapper-img .opts {
margin: 15px 35px;
display: flex;
height: 50px;
position: absolute;
align-items: center;
pointer-events: none;
width: 86%;
}
.wrapper-img .opts>i {
content: "";
position: relative;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-play-video-lp.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 35px;
height: 31px;
margin-right: 15px;
}
.wrapper-img .opts p {
margin: 0;
color: white;
font-weight: 600;
font-size: 14px;
position: relative;
width: 100%;
letter-spacing: 2px;
position: relative;
top: -5px;
}
.wrapper-img .opts p::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 4px;
border: 0;
border-radius: 50px;
background: #fff;
bottom: -8px;
z-index: 0;
}
.wrapper-img .opts p::before {
position: absolute;
content: "";
display: block;
width: 50%;
height: 4px;
border: 0;
border-radius: 50px;
background: #8190c3;
bottom: -8px;
z-index: 1;
}
.bloco-pics {
margin-bottom: -35px;
}
.bloco-pics .item {
margin: 0 0 35px;
}
.bloco-pics .item img {
max-height: 60px;
margin: 0 0 35px;
}
.bloco-pics .item h3 {
color: #6c6c6c;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.bloco-pics .item p {
color: #6c6c6c;
font-size: 16px;
line-height: 1.8;
padding: 0 30px;
}
.bloco-title h2 {
margin: 0;
font-weight: 700;
font-size: 48px;
color: #12457d;
}
.bloco-title h2>b {
font-weight: 700;
color: #7a92c6;
}
.bloco-imgs-texts .item {
display: flex;
align-items: center;
}
.bloco-imgs-texts .item+.item {
margin: 60px 0 0;
}
.bloco-imgs-texts .item figure {
width: 270px;
height: 230px;
border: 0;
border-radius: 12px;
margin: 0 50px 0 0;
}
.bloco-imgs-texts .item article {
flex: 1;
}
.bloco-imgs-texts .item h3 {
color: #6c6c6c;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.bloco-imgs-texts .item p {
color: #6c6c6c;
font-size: 16px;
line-height: 1.8;
margin: 0;
text-align: justify;
}
.bloco-banner-full {
padding: 80px 15px;
min-height: 530px;
position: relative;
}
.bloco-banner-full figure {
bottom: -270px;
height: 645px;
width: 100%;
position: absolute;
background-size: contain;
}
.bloco-banner-full h2 {
margin: 0 0 25px;
color: #7a92c6;
font-size: 48px;
text-transform: uppercase;
font-weight: 700;
}
.bloco-banner-full p {
color: #fff;
font-size: 18px;
line-height: 2;
margin: 0;
text-align: justify;
font-weight: 300;
}
.bloco-banner-simple h2 {
margin: 0 0 25px;
color: #7a92c6;
font-size: 42px;
font-weight: 700;
}
.bloco-banner-simple p {
color: #6c6c6c;
font-size: 16px;
line-height: 1.8;
margin: 0;
}
section.lp .bloco-banner-simple a.default-link {
border-color: #ccc9c9;
color: #7a92c6;
}
section.lp .bloco-banner-simple a.default-link>span.inner-btn::before {
border-left-color: #7a92c6;
}
section.lp .bloco-banner-simple a.default-link:hover {
color: #fff;
}
section.lp .bloco-banner-simple a.default-link:hover>span.inner-btn::before {
border-left-color: #fff;
}
body.style-lp footer img {
margin: 0 0 15px;
height: 80px;
width: auto;
}
body.style-lp footer p {
color: #97aee0;
margin: 10px 0;
}
body.style-lp footer p a {
color: #fff;
font-weight: 600;
}
body.style-lp footer ul.social {
margin: 25px 0 0;
display: inline-block;
}
body.style-uni .logo-topo {
top: 90px;
position: absolute;
z-index: 999;
width: 100%;
}
body.style-uni .banner-page {
padding: 0;
width: 100%;
height: 900px;
position: relative;
}
body.style-uni .banner-page div {
height: 100%;
}
body.style-uni .banner-page div .container {
padding: 180px 0;
}
body.style-uni .banner-page div .container .row {
width: 100%;
}
body.style-uni .banner-page figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
}
body.style-uni .banner-page figure>img {
height: 100%;
object-fit: cover;
}
body.style-uni .owl-carousel,
.owl-carousel .owl-stage-outer,
body.style-uni .owl-carousel .owl-stage-outer .owl-stage,
body.style-uni .owl-carousel .owl-stage-outer .owl-stage .owl-item,
body.style-uni .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
height: 100%;
}
body.style-uni .banner-page a>img {
width: auto;
}
body.style-uni .banner-page h1 {
font-size: 48px;
line-height: 1.2;
margin: 50px 0 40px;
color: #fff;
font-weight: 700;
font-family: "Montserrat", "Open Sans", sans-serif;
}
body.style-uni .banner-page p {
color: #fff;
line-height: 1.7;
}
body.style-uni .bloco-1-uni {
padding: 60px 15px;
background: #f8f8f8;
}
body.style-uni .bloco-1-uni h2 {
margin: 0 0 80px;
font-size: 49px;
font-weight: 800;
color: #1d385f;
font-family: "Montserrat", "Open Sans", sans-serif;
}
body.style-uni .bloco-1-uni article {
width: calc(100% - 50px);
margin: 0 auto 80px;
}
body.style-uni .bloco-1-uni article .header {
height: 120px;
display: flex;
align-items: center;
background: #fff;
padding: 0;
border: 0;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
body.style-uni .bloco-1-uni article .header figure:nth-child(1) {
padding-right: 15px;
}
body.style-uni .bloco-1-uni article .header figure {
margin: 0;
flex: 1;
}
body.style-uni .bloco-1-uni article .header img {
max-width: 130px;
height: 70px;
object-fit: contain;
margin: 0 auto;
display: flex;
}
body.style-uni .bloco-1-uni article .header figure.image {
width: 100%;
height: 120px;
position: relative;
}
body.style-uni .bloco-1-uni article .header figure.image::before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 50%;
left: 0;
transform: translateY(-50%);
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 15px solid #fff;
}
body.style-uni .bloco-1-uni article .content h3 {
margin: 25px 0;
font-size: 14px;
font-weight: 700;
color: #1d385f;
text-transform: uppercase;
font-family: "Montserrat", "Open Sans", sans-serif;
}
body.style-uni .bloco-1-uni article .content ul li {
font-size: 14px;
color: #767676;
line-height: 1.5;
text-indent: -15px;
padding-left: 15px;
}
body.style-uni .bloco-1-uni article .content ul li+li {
margin: 5px 0 0;
}
body.style-uni .bloco-1-uni article .content ul li::before {
content: "";
display: inline-block;
width: 3px;
height: 3px;
margin: 0 12px 0 0;
background: #767676;
border: 0;
border-radius: 50%;
position: relative;
top: -2px;
}
body.style-uni .content-bloco-2-uni p {
line-height: 1.6;
font-size: 16px;
color: #666;
}
body.style-uni .content-bloco-2-uni a {
color: #7a92c6;
font-weight: 700;
}
body.style-uni .content-bloco-2-uni h6 {
font-size: 12px;
color: #666;
}
body.style-uni footer {
padding: 60px 0;
}
body.style-uni footer img {
margin: 0;
height: 80px;
width: auto;
}
body.style-uni footer p {
color: #97aee0;
margin: 10px 0;
}
body.style-uni footer p a {
color: #fff;
font-weight: 600;
}
body.style-uni footer ul.social {
margin: 25px 0 0;
display: inline-block;
}
body.style-uni .banner-page .owl-nav {
position: absolute;
top: 50%;
margin: 0;
width: 100%;
height: 1px;
display: flex;
align-items: center;
justify-content: space-between;
}
body.style-uni .banner-page .owl-nav button {
padding: 0;
border: 0;
background: 0 0;
box-shadow: none;
width: 200px;
height: 34px;
display: flex;
justify-content: center;
}
body.style-uni .banner-page .owl-nav button:hover {
background: 0 0;
}
body.style-uni .banner-page .owl-nav button i {
display: block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-banner-rotativo.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 34px;
position: relative;
transition: left 0.2s;
left: 0;
}
body.style-uni .banner-page .owl-nav button:hover i {
left: -25px;
}
body.style-uni .banner-page .owl-nav button.owl-next:hover i {
left: 25px;
}
body.style-uni .banner-page .owl-nav button.owl-next i {
transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
body.style-uni .banner-page {
height: 365px;
padding: 0;
background-position-x: right;
position: relative;
}
body.style-uni .banner-page figure::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
body.style-uni .banner-page .container {
position: relative;
z-index: 1;
}
body.style-uni .banner-page h1 {
font-size: 26px;
margin: -75px 15px 8px;
text-align: center;
}
body.style-uni .banner-page p {
padding: 0 15px;
text-align: center;
}
body.style-uni .banner-page p br {
display: none;
}
body.style-uni .banner-page img {
height: 60px;
}
body.style-uni .bloco-1-uni {
padding: 40px 35px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 25px;
margin: 0 0 40px;
}
body.style-uni .bloco-1-uni article {
width: 100%;
margin: 0 auto 60px;
}
body.style-uni .content-bloco-2-uni p br {
display: none;
}
body.style-uni footer {
padding: 30px 0;
}
body.style-uni .logo-topo {
top: 25px;
text-align: center;
}
body.style-uni .logo-topo img {
height: 55px;
}
body.style-uni .banner-page .owl-nav button {
width: 55px;
}
body.style-uni .banner-page .owl-nav button:hover i {
left: 0 !important;
}
body.style-uni .banner-page .owl-nav button i {
filter: invert(1);
}
}
@media screen and (max-width: 395px) {
body.style-uni .banner-page {
height: 385px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 22px;
}
}
@media screen and (max-width: 320px) {
body.style-uni .bloco-1-uni h2 {
font-size: 18px;
}
body.style-uni .bloco-1-uni {
padding: 40px 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
body.style-uni .banner-page {
height: 600px;
padding: 0;
}
body.style-uni .banner-page h1 {
font-size: 34px;
}
body.style-uni .banner-page p {
padding-right: 80px;
}
body.style-uni .banner-page p br {
display: none;
}
body.style-uni .bloco-1-uni {
padding: 60px 15px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 29px;
}
body.style-uni .bloco-1-uni article {
width: calc(100% - 25px);
}
body.style-uni .content-bloco-2-uni p br {
display: none;
}
body.style-uni .logo-topo .container {
padding: 0 55px;
}
body.style-uni .banner-page div .container {
padding: 180px 55px 0;
}
body.style-uni .banner-page .owl-nav button {
width: 80px;
}
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
body.style-uni .banner-page {
height: 700px;
}
body.style-uni .banner-page h1 {
font-size: 42px;
}
body.style-uni .bloco-1-uni {
padding: 60px 15px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 38px;
}
body.style-uni .bloco-1-uni article {
width: 100%;
}
body.style-uni .banner-page .owl-nav button {
width: 80px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1354px) {
body.style-uni .banner-page {
height: 768px;
}
body.style-uni .banner-page h1 {
font-size: 42px;
}
body.style-uni .bloco-1-uni {
padding: 60px 15px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 46px;
}
body.style-uni .banner-page .owl-nav button {
width: 120px;
}
}
@media screen and (min-width: 1355px) and (max-width: 1439px) {
body.style-uni .logo-topo .container {
padding: 0 65px;
}
body.style-uni .banner-page div .container {
padding: 180px 65px 0;
}
body.style-uni .banner-page .owl-nav button {
width: 120px;
}
body.style-uni .banner-page {
height: 768px;
}
body.style-uni .banner-page h1 {
font-size: 42px;
}
body.style-uni .bloco-1-uni {
padding: 60px 115px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 46px;
}
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
body.style-uni .bloco-1-uni {
padding: 60px 115px;
}
body.style-uni .bloco-1-uni h2 {
font-size: 50px;
}
}
.banner-acesso {
background-position: center top;
background-color: #010006;
height: 100%;
display: flex;
align-items: center;
}
.banner-acesso>.row {
flex: 1;
}
.banner-acesso .content-video figure {
width: 100%;
height: 400px;
overflow: hidden;
border: 0;
border-radius: 20px;
}
.banner-acesso article a {
margin: 15px 0 0;
position: relative;
top: 85px;
transition: top 1.1s ease-in 0.5s;
}
.banner-acesso article a.inline {
top: 0;
}
.banner-acesso article h1 {
margin: 50px 0 25px;
color: #fff;
font-weight: 300;
transform: translateX(120%);
opacity: 0;
transition: transform 1.3s, opacity 0.4s;
font-family: "Soleil Light", "Open Sans", sans-serif;
}
.banner-acesso article p {
color: #fff;
transform: translateX(120%);
opacity: 0;
transition: transform 1.3s, opacity 0.4s;
font-family: "Soleil Light", "Open Sans", sans-serif;
}
.banner-acesso article b,
.banner-acesso article strong {
font-family: "Soleil Bold", "Open Sans", sans-serif;
}
.banner-acesso article h1.inline,
.banner-acesso article p.inline {
transform: translateX(0);
opacity: 1;
}
.banner-acesso figure {
position: relative;
margin: 0;
}
.banner-acesso .content-video {
transform: translateX(150%);
}
.banner-acesso .play-video::before {
content: "";
position: absolute;
top: 10%;
left: 9%;
width: 80%;
height: 80%;
border: 3px solid #595351;
border-radius: 50%;
animation-duration: 5.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: zoomInOut;
animation-timing-function: linear;
transition: border-color 0.3s;
}
@keyframes zoomInOut {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
.banner-acesso .play-video:hover::before {
border-color: #8190c3;
}
.banner-acesso .play-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.banner-acesso .play-video>i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-play-acesso.png);
width: 25px;
height: 31px;
}
.banner-acesso .wrapper-video {
border: 0;
border-radius: 18px;
overflow: hidden;
max-height: 386px;
}
.banner-acesso .float-link {
position: absolute;
font-size: 14px;
letter-spacing: 3px;
bottom: 50px;
left: 50%;
transform: translate(-50%, 200%);
text-transform: uppercase;
color: #8e8e8e;
transition: color 0.3s, transform 0.8s;
}
.banner-acesso .float-link.loaded {
transform: translate(-50%, 0);
}
.banner-acesso .float-link:hover {
color: #fff;
}
.banner-acesso .float-link::after {
content: "";
position: relative;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-knowmore.svg);
width: 25px;
height: 31px;
margin: 15px auto 0;
animation-duration: 3.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: upInOut;
animation-timing-function: ease-in;
transition: border-color 0.3s;
}
@keyframes upInOut {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30%);
}
100% {
transform: translateY(0);
}
}
footer#acesso {
padding: 25px 0;
background: #041f2e;
}
footer#acesso .content {
display: flex;
justify-content: center;
align-items: center;
}
footer#acesso .content ul,
footer#acesso .content ul li {
display: flex;
align-items: center;
column-gap: 10px;
}
footer#acesso .content ul {
column-gap: 35px;
}
footer#acesso img {
margin: 0 0 0 35px;
width: auto;
height: 35px;
}
footer#acesso .content ul li p {
font-weight: 700;
}
footer#acesso .content ul li p,
footer#acesso .content ul li a {
color: #888;
font-size: 14px;
}
footer#acesso .content ul li a:hover {
color: #fff;
}
.bloco-2-acesso {
height: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: height 0.2s ease-in;
}
.bloco-2-acesso.active {
height: 482px;
}
.bloco-2-acesso h2 {
margin: 0 0 15px;
font-size: 32px;
letter-spacing: 1px;
font-weight: 300;
color: #fff;
transform: translateY(300%);
opacity: 0;
transition: transform 0.3s, opacity 0.4s;
font-family: "Soleil Light", "Open Sans", sans-serif;
}
.bloco-2-acesso h2 strong {
font-family: "Soleil Bold", "Open Sans", sans-serif;
}
.bloco-2-acesso p {
line-height: 1.8;
color: #fff;
transform: translateY(500%);
opacity: 0;
transition: transform 0.3s, opacity 0.4s;
}
.bloco-2-acesso a.link {
margin: 15px 0 0;
padding: 14px 145px 14px 15px;
background: #8badd0;
color: #fff;
text-transform: uppercase;
position: relative;
border: 0;
border-radius: 5px;
display: inline-block;
transition: background 0.3s, transform 0.3s, opacity 0.4s;
transform: translateY(1000%);
opacity: 0;
font-family: "Soleil Bold", "Open Sans", sans-serif;
}
.bloco-2-acesso a.link:hover {
background: #8190c3;
}
.bloco-2-acesso a.link::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-arrow-right.svg);
width: 25px;
height: 31px;
margin: 0 auto 0 15px;
animation-duration: 1.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: side;
animation-timing-function: ease-in;
transition: border-color 0.3s;
}
@keyframes side {
0% {
right: 15px;
}
50% {
right: 35px;
}
100% {
right: 15px;
}
}
.bloco-2-acesso.inline h2,
.bloco-2-acesso.inline p,
.bloco-2-acesso.inline a.link {
transform: translateY(0);
opacity: 1;
}
.bloco-3-acesso {
padding: 0 15px;
background: #010006;
height: 0;
opacity: 0;
transition: opacity 1.3s, transform 0.5s, height 0.3s;
overflow: hidden;
}
.bloco-3-acesso.active {
padding: 70px 15px;
height: auto;
opacity: 1;
}
.bloco-3-acesso h3 {
font-size: 24px;
color: #8190c3;
font-family: "Soleil Light", "Open Sans", sans-serif;
}
.bloco-3-acesso h3 strong {
font-family: "Soleil Bold", "Open Sans", sans-serif;
}
.bloco-3-acesso .owl-carousel {
margin: 85px auto 30px;
}
.bloco-3-acesso .owl-carousel article {
height: 230px;
width: 100%;
overflow: hidden;
border: 0;
border-radius: 15px;
transition: transform 0.3s, opacity 0.4s;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}
.bloco-3-acesso .owl-carousel article p {
margin: 0 15px 0 0;
color: #fff;
font-size: 28px;
text-transform: uppercase;
max-width: 200px;
text-align: center;
font-family: "Soleil Light", "Open Sans", sans-serif;
}
.bloco-3-acesso .owl-carousel article a {
width: 25%;
}
.bloco-3-acesso .owl-carousel article a,
.bloco-3-acesso .owl-carousel article a i {
position: relative;
display: inline-block;
}
.bloco-3-acesso .owl-carousel .owl-item:not(.center) article {
transform: scale(0.85);
opacity: 0.7;
user-select: none;
pointer-events: none;
}
.bloco-3-acesso .owl-carousel .owl-dots {
bottom: auto;
top: -55px;
margin-top: 0 !important;
width: auto;
left: 50%;
margin: 0;
text-align: center;
transform: translateX(-50%);
}
.bloco-3-acesso .owl-theme .owl-dots .owl-dot span {
width: 6px;
height: 6px;
margin: 5px 12px;
}
.bloco-3-acesso .owl-theme .owl-dots .owl-dot.active span,
.bloco-3-acesso .owl-theme .owl-dots .owl-dot:hover span {
background: #8190c3;
}
.bloco-3-acesso .owl-theme .owl-nav {
margin-top: 0;
position: absolute;
top: -60px;
display: flex;
justify-content: space-between;
left: 50%;
transform: translateX(-50%);
}
.bloco-3-acesso .owl-theme .owl-nav button>i {
content: "";
position: relative;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-knowmore.svg);
width: 20px;
height: 20px;
margin: 0 auto 0;
transform: rotate(90deg);
}
.bloco-3-acesso .owl-theme .owl-nav button.owl-prev>i {
transform: rotate(90deg);
}
.bloco-3-acesso .owl-theme .owl-nav button.owl-next>i {
transform: rotate(-90deg);
}
.bloco-3-acesso .owl-theme .owl-nav button:hover {
background: transparent;
border: 0;
}
.bloco-3-acesso .owl-carousel article a::before {
content: "";
position: absolute;
top: -20px;
left: 10px;
width: 70px;
height: 70px;
border: 3px solid #fff;
border-radius: 50%;
animation-duration: 3.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: zoomInOut2;
animation-timing-function: linear;
transition: border-color 0.3s;
}
@keyframes zoomInOut2 {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.bloco-3-acesso .owl-carousel article a:hover::before {
border-color: #8190c3;
}
.bloco-3-acesso .owl-carousel article a>i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-play-acesso.png);
width: 25px;
height: 31px;
}
.bloco-3-acesso section {
padding: 30px 0 0;
}
.bloco-3-acesso section img {
margin: 0 0 25px;
}
.bloco-3-acesso section p {
color: #888;
font-size: 14px;
}
body.onb main {
position: relative;
width: 100%;
height: 100%;
}
body.onb main>section {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
body.onb main.fixed>section {
position: fixed;
}
body.onb main>section>article {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
transition: transform 0.3s, opacity 0.2s;
}
body.onb .banner picture {
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
body.onb main.fixed picture {
position: fixed;
}
body.onb picture {
display: flex;
}
body.onb picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
body.onb .banner a.logo {
margin-top: -150px;
width: 72px;
height: auto;
display: flex;
}
body.onb .banner h1 {
margin: 70px 0 20px;
font-size: 80px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
}
body.onb .banner p {
font-size: 20px;
font-weight: 300;
line-height: 1.7;
color: #fff;
margin: 0;
}
body.onb .banner a.link {
margin: 50px 0 0;
border: 1px solid #2e3f49;
padding: 15px 35px;
color: #8190c3;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
transition: background 0.2s, color 0.2s;
}
body.onb .banner a.link:hover {
background: #2e3f49;
}
.bloco-1-onb {
padding: 90px 15px;
background: #00101a;
z-index: 9;
position: relative;
overflow-x: hidden;
}
.bloco-1-onb .d-flex {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.bloco-1-onb h2 {
padding: 0 0 30px;
margin: 0 0 40px;
font-size: 38px;
font-weight: 700;
color: #fff;
border-bottom: 1px solid #4e6388;
font-family: "Montserrat", sans-serif;
}
.bloco-1-onb p {
font-size: 15px;
color: #fff;
line-height: 1.9;
font-weight: 300;
text-align: justify;
margin: 0 0 25px;
}
.bloco-1-onb picture {
width: calc(50vw - 50px);
height: 890px;
margin: 0 0 0 50px;
}
.bloco-1-onb .card-info {
margin: 30px 0 0;
width: 100%;
display: flex;
align-items: center;
background: 0 0;
}
.bloco-1-onb .card-info p {
font-weight: 600;
text-align: right;
margin: 0;
line-height: 1.4;
color: #8190c3;
}
.bloco-1-onb .card-info p>b {
color: #fff;
position: relative;
left: -4px;
}
.bloco-1-onb .card-info picture {
width: 94px;
height: 94px;
margin: 0 25px 0 0;
position: relative;
}
.bloco-1-onb .card-info picture i {
position: absolute;
width: 45px;
height: 45px;
background: #8190c3;
border: 0;
border-radius: 50%;
bottom: 0;
right: -25px;
}
.bloco-1-onb .card-info picture i::before {
content: "";
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/onb-bloco-1-aspas.png);
background-position: 0 0;
background-size: contain;
width: 19px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloco-2-onb {
padding: 220px 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #e7e7e7;
}
.bloco-2-onb picture {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.bloco-2-onb picture img {
object-position: center bottom;
}
.bloco-2-onb p {
color: #fff;
}
.bloco-2-onb h3 {
line-height: 1.3;
font-size: 32px;
font-weight: 700;
color: #fff;
font-family: "Montserrat", sans-serif;
}
.bloco-2-onb.part-2 {
padding: 70px 15px;
}
.bloco-2-onb.part-2 p {
margin: 0;
font-weight: 600;
line-height: 2;
color: #4c4c4c;
}
.bloco-2-onb.part-2 p+p {
margin-top: 30px;
}
.bloco-2-onb.part-2 ul {
margin: 60px 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 80px;
justify-content: center;
}
.bloco-2-onb.part-2 ul li:nth-child(1) {
background: #8190c3;
}
.bloco-2-onb.part-2 ul li:nth-child(2) {
background: #273a7e;
}
.bloco-2-onb.part-2 ul li:nth-child(3) {
background: #101e39;
}
.bloco-2-onb.part-2 ul li {
height: 240px;
padding: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bloco-2-onb.part-2 ul li h4 {
color: #fff;
font-size: 38px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
.bloco-2-onb.part-2 ul li:nth-child(2) h4,
.bloco-2-onb.part-2 ul li:nth-child(3) h4 {
color: #8190c3;
}
.bloco-2-onb.part-2 ul li p {
color: #fff;
font-weight: 300;
font-style: italic;
}
.bloco-2-onb.part-3 {
padding: 30px 15px 0;
display: block;
}
.bloco-2-onb.part-3 picture {
width: 50vw;
height: 735px;
margin: 0;
position: relative;
float: right;
}
.bloco-2-onb.part-3 ul {
padding: 0 0 0 70px;
}
.bloco-2-onb.part-3 ul li+li {
margin: 45px 0 0;
}
.bloco-2-onb.part-3 ul li p {
font-size: 18px;
color: #4c4c4c;
text-transform: uppercase;
}
.bloco-2-onb.part-3 ul li h4 {
color: #8190c3;
font-size: 100px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
.bloco-2-onb.part-3 ul li:nth-child(2) h4 {
color: #273a7e;
}
.bloco-2-onb.part-3 ul li:nth-child(3) h4 {
color: #101e39;
}
.bloco-3-onb {
padding: 80px 15px;
background: #fff;
position: relative;
z-index: 0;
}
.bloco-3-onb h2 {
padding: 0;
margin: 0 0 10px;
font-size: 38px;
font-weight: 700;
color: #8190c3;
font-family: "Montserrat", sans-serif;
}
.bloco-3-onb p {
margin: 0 0 50px;
font-weight: 600;
line-height: 1.6;
color: #4c4c4c;
}
.bloco-3-onb ul {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: 35px;
}
.bloco-3-onb ul li picture {
width: 178px;
height: auto;
margin: 0 auto 25px;
}
.bloco-3-onb ul li h3 {
margin: 0 0 5px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
.bloco-3-onb ul li p {
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #8190c3;
font-style: italic;
}
.bloco-3-onb ul.owl-carousel .owl-dots {
margin: 70px auto 0 !important;
position: relative;
width: 100%;
left: 0;
}
.bloco-3-onb ul.owl-carousel .owl-dots .owl-dot.active span,
.bloco-3-onb ul.owl-carousel .owl-dots .owl-dot:hover span {
background: #8190c3;
}
.bloco-3-onb ul.contacts {
margin: 20px 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
justify-content: center;
}
.bloco-3-onb ul.contacts li {
height: 280px;
padding: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #f7f7f7;
}
.bloco-3-onb ul.contacts li picture {
width: 73px;
height: auto;
margin: 0 auto 15px;
mix-blend-mode: darken;
}
.bloco-3-onb ul.contacts li h4 {
color: #fff;
font-size: 24px;
font-weight: 700;
color: #8190c3;
font-family: "Montserrat", sans-serif;
}
.bloco-3-onb ul.contacts li a {
font-size: 18px;
color: #4c4c4c;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
.bloco-4-onb {
padding: 150px 15px;
background: #000b10;
position: relative;
}
.bloco-4-onb picture.float {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.bloco-4-onb.form-wrapper {
padding: 0 15px;
display: none;
}
.bloco-4-onb h2 {
font-size: 38px;
}
.bloco-4-onb p {
color: #fff;
}
.bloco-4-onb a.open-form {
margin: 50px auto 0;
border: 0;
padding: 18px 30px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
transition: background 0.2s, color 0.2s;
display: table;
background: #8190c3;
}
.bloco-4-onb a.open-form:hover {
background: #273a7e;
}
.bloco-4-onb form {
margin: 50px 0 0;
}
.bloco-4-onb input[type="text"],
.bloco-4-onb input[type="tel"],
.bloco-4-onb textarea {
border: 0;
border-bottom: 1px solid #8190c3;
padding: 15px;
background: #000b10;
width: 100%;
color: #fff;
}
.bloco-4-onb input[readonly] {
opacity: 0.6;
}
.bloco-4-onb input:-webkit-autofill,
.bloco-4-onb input:-webkit-autofill:hover,
.bloco-4-onb input:-webkit-autofill:focus,
.bloco-4-onb input:-webkit-autofill:active {
-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
-webkit-box-shadow: 0 0 0 30px #000b10 inset !important;
}
.bloco-4-onb input:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
}
.bloco-4-onb .w-help input {
padding-right: 50px;
}
.bloco-4-onb .w-help span:not(#uploadFileTxt):not(.lbl):not(.select2) {
right: 45px !important;
}
.bloco-4-onb textarea {
height: 180px;
resize: vertical;
}
.bloco-4-onb button.add-line,
.bloco-4-onb button.remove-line {
background: #8190c3;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border: 0;
border-radius: 2px;
font-size: 32px;
cursor: pointer;
transition: background 0.2s;
margin: 0 auto;
}
.bloco-4-onb button.remove-line {
background: #ff3c3c;
font-size: 41px;
padding-bottom: 7px;
}
.bloco-4-onb button.add-line:hover {
background: #6575ac;
}
.bloco-4-onb button.remove-line:hover {
background: #d72626;
}
.bloco-4-onb .field-group {
width: 90%;
position: relative;
}
.bloco-4-onb .field-group.full {
width: 100%;
}
.bloco-4-onb .field-group label.info {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.bloco-4-onb .field-group label.info>i {
font-size: 21px;
color: #fff;
}
.bloco-4-onb::-webkit-input-placeholder {
color: #8190c3;
}
.bloco-4-onb button[type="submit"] {
cursor: pointer;
background: #8190c3;
margin: 35px 0 0;
padding: 15px 70px 15px 15px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
position: relative;
transition: background 0.2s;
border: 0;
}
.bloco-4-onb button[type="submit"]:hover {
background: #6575ac;
}
.bloco-4-onb button[type="submit"] i::before {
content: "";
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-arrow-right.png);
background-position: 0 0;
background-size: contain;
width: 16px;
height: 17px;
display: block;
transition: background-position 0.3s;
}
.bloco-4-onb button[type="submit"]:hover i::before {
background-position: 32px 0;
}
.bloco-4-onb button[type="submit"] i {
width: 50px;
height: 100%;
background: #6575ac;
padding: 15px;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.bloco-4-onb button[type="submit"]:hover i {
background: #8190c3;
}
.bloco-4-onb .end {
display: flex;
justify-content: flex-end;
}
.bloco-4-onb form.contato .form-group div.field-group:not(.checkbox-group)>span:not(#uploadFileTxt):not(.lbl):not(.select2) {
font-style: normal;
}
.bloco-4-onb form.contato .fd-invalid {
border-bottom-color: #7c1616;
}
.bloco-4-onb .form-group {
margin-bottom: 60px;
}
.bloco-4-onb .form-group:last-child {
margin-bottom: 25px;
}
.bloco-4-onb .nav {
display: flex;
}
.bloco-4-onb .nav p {
color: #fff;
margin: 0;
}
.bloco-4-onb .nav ul {
margin: 0 0 0 25px;
display: flex;
align-items: center;
}
.bloco-4-onb .nav ul li span {
width: 10px;
height: 10px;
background: #fff;
border: 0;
border-radius: 50%;
display: block;
cursor: pointer;
}
.bloco-4-onb .nav ul li.active span {
background: #8190c3;
}
.bloco-4-onb .nav ul li+li {
margin-left: 15px;
}
.bloco-4-onb .nav ul li.active {
height: auto;
}
.bloco-4-onb .nav ul li.disabled span {
cursor: not-allowed;
opacity: 0.2;
}
.bloco-4-onb .step label.topic {
margin: 0;
padding: 25px 0;
width: 100%;
cursor: pointer;
position: relative;
border-bottom: 1px solid #1d385f;
}
.bloco-4-onb .step label.topic::before {
content: "";
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-down-white.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 24px;
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%) rotate(-90deg);
transition: transform 0.2s;
}
.bloco-4-onb .step .fields {
padding: 15px 0 0;
display: none;
}
.bloco-4-onb .step.active label.topic::before {
transform: translateY(-50%) rotate(90deg);
}
.bloco-4-onb .step h3 {
margin: 0;
}
.bloco-4-onb .step h3,
.bloco-4-onb .step h4 {
text-transform: uppercase;
font-size: 20px;
color: #fff;
font-weight: 400;
}
.bloco-4-onb .step small {
margin: 0 0 20px;
display: block;
color: #817f7f;
}
.bloco-4-onb .step h3 i {
color: #8190c3;
}
.bloco-4-onb .step h3 i,
.bloco-4-onb .step small i {
margin-right: 10px;
}
.bloco-4-onb .step h4 {
margin: 0 0 -25px;
font-size: 14px;
font-weight: 700;
color: #22406a;
}
.bloco-4-onb .radio-group>span,
.bloco-4-onb .checkbox-group>span {
position: relative;
display: block;
color: red;
font-weight: 300;
margin: 5px 0 0 10px;
}
.bloco-4-onb .checkbox-group>span {
margin: 10px 0 0 7px;
}
.bloco-4-onb label.radio {
margin: 0;
cursor: pointer;
text-indent: -28px;
padding-left: 28px;
}
.bloco-4-onb ul.checkbox {
margin: 0;
display: block;
}
.bloco-4-onb ul.checkbox li+li {
margin: 25px 0 0;
}
.bloco-4-onb input[type="checkbox"],
.bloco-4-onb input[type="radio"] {
opacity: 0;
position: absolute;
z-index: 12;
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
}
.bloco-4-onb input[type="checkbox"]:checked,
.bloco-4-onb input[type="radio"]:checked,
.bloco-4-onb input[type="checkbox"]:focus,
.bloco-4-onb input[type="radio"]:focus {
outline: 0 !important;
}
.bloco-4-onb input[type="checkbox"]+.lbl,
.bloco-4-onb input[type="radio"]+.lbl {
position: relative;
z-index: 2;
margin: 0;
line-height: 20px;
min-height: 14px;
min-width: 14px;
font-weight: 600;
color: #8190c3;
text-transform: none;
font-size: 16px;
}
.bloco-4-onb input[type="checkbox"]+.lbl a {
text-decoration: underline;
color: #8190c3;
font-size: 14px;
}
.bloco-4-onb input[type="checkbox"]+.lbl.padding-8::before,
.bloco-4-onb input[type="radio"]+.lbl.padding-8::before {
margin-right: 8px;
}
.bloco-4-onb input[type="checkbox"]+.lbl::before {
font-family: fontAwesome;
font-weight: normal;
font-size: 14px;
color: #000;
content: "\a0";
background-color: #fff;
border: 2px solid #8190c3;
border-radius: 0;
display: inline-block;
text-align: right;
vertical-align: middle;
height: 16px;
line-height: 8px;
width: 16px;
margin-right: 1px;
margin-top: 0;
top: -1px;
position: relative;
}
.bloco-4-onb input[type="radio"]+.lbl::before {
content: "";
background-color: white;
border: 1px solid rgba(64, 51, 84, 0.5);
border-radius: 0;
display: inline-block;
text-align: right;
vertical-align: middle;
height: 23px;
line-height: 8px;
width: 23px;
margin-right: 1px;
margin-top: 0;
top: -1px;
position: relative;
}
.bloco-4-onb input[type="checkbox"]+.lbl::before {
border-radius: 2px;
font-size: 65px;
}
.bloco-4-onb input[type="radio"]:checked+.lbl::before {
content: "";
font-size: 25px;
letter-spacing: -3px;
background: #8190c3;
border: 0;
border-radius: 0;
}
.bloco-4-onb input[type="checkbox"]:checked+.lbl::before {
content: "\2714";
font-size: 21px;
letter-spacing: -5px;
line-height: 6px;
}
.bloco-4-onb .upload {
margin-bottom: 15px;
}
.bloco-4-onb .field-upload {
margin: 0 -15px;
padding: 0;
position: relative;
}
.bloco-4-onb .field-upload::after {
content: "";
display: block;
margin: 25px 15px;
width: calc(100% - 30px);
height: 1px;
background: #1d385f;
}
.bloco-4-onb .field-upload:last-child::after {
display: none;
}
.bloco-4-onb .field-upload input[type="file"] {
background: #8190c3;
border-radius: 2px;
padding: 7.5px;
width: 100%;
}
.bloco-4-onb .field-upload span.lbl {
font-size: 14px;
margin: 15px 0 0;
color: #fff;
}
.bloco-4-onb .upload h4 {
margin: 0 0 15px;
display: flex;
align-items: center;
}
.bloco-4-onb .upload h4>small {
margin: 0 0 0 10px;
}
.tooltip-inner {
background: #8190c3;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.bs-tooltip-bottom .arrow:before {
border-bottom-color: #8190c3;
}
.alert-wrapper {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
margin: 0 auto;
padding: 0;
left: 0;
top: 0;
overflow: hidden;
position: fixed;
background: rgb(0, 0, 0, 0.3);
z-index: 99999999999;
}
@keyframes open-frame {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
transform: scale(0.97);
}
75% {
transform: scale(0.93);
}
100% {
transform: scale(1);
}
}
.alert-frame {
background: #fff;
width: 350px;
height: auto;
box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.2);
border-radius: 10px;
animation: open-frame 0.3s linear;
z-index: 999999;
}
.alert-header {
display: flex;
flex-direction: row;
height: 175px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.alert-img {
height: 80px;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
align-self: center;
}
.alert-close {
width: 30px;
height: 30px;
color: rgb(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
font-family: "Dosis", sans-serif;
font-weight: 700;
font-size: 16px;
cursor: pointer;
line-height: 30px;
transition: color 0.5s;
margin-left: auto;
margin-right: 5px;
margin-top: 5px;
}
.alert-close-circle {
width: 30px;
height: 30px;
background: #e4eae7;
color: #222;
display: flex;
align-items: center;
justify-content: center;
border-radius: 17.5px;
margin-top: -15px;
margin-right: -15px;
font-family: "Dosis", sans-serif;
font-weight: 700;
font-size: 12px;
cursor: pointer;
line-height: 30px;
transition: background 0.5s;
margin-left: auto;
}
.alert-close-circle:hover {
background: #fff;
}
.alert-close:hover {
color: rgb(0, 0, 0, 0.5);
}
.alert-body {
padding: 30px 30px;
display: flex;
flex-direction: column;
text-align: center;
}
.alert-title {
font-size: 18px !important;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
color: #222;
align-self: center;
}
.alert-message {
font-size: 17px !important;
color: #000;
font-weight: 400;
font-size: 15px;
text-align: center;
margin-bottom: 35px;
line-height: 1.6;
align-self: center;
}
.alert-message h3,
.alert-message p {
font-size: 17px !important;
color: #000;
font-weight: 400;
font-size: 15px;
text-align: center;
margin-bottom: 0;
line-height: 1.6;
align-self: center;
}
.alert-button {
min-width: 140px;
height: 35px;
border-radius: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 15px;
color: white;
border: 0;
cursor: pointer;
transition: background 0.5s;
padding: 0 15px;
align-self: center;
display: inline-flex;
align-items: center;
justify-content: center;
}
.alert-button:focus {
outline: 0;
}
.question-buttons {
display: flex;
flex-direction: row;
justify-content: center;
}
.confirm-button {
min-width: 100px;
height: 35px;
border-radius: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 15px;
color: white;
border: 0;
cursor: pointer;
transition: background 0.5s;
padding: 0 15px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.confirm-button:focus {
outline: 0;
}
.cancel-button {
min-width: 100px;
height: 35px;
border-radius: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 15px;
color: white;
border: 0;
cursor: pointer;
padding: 0;
line-height: 1.6;
transition: background 0.5s;
padding: 0 15px;
margin-right: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cancel-button:focus {
outline: 0;
}
.alert-frame .error-bg {
background: #721c24;
}
.alert-frame .success-bg {
background: #8190c3;
}
.alert-frame .warning-bg {
background: #fada5e;
}
.alert-frame .question-bg {
background: #da291c;
}
.alert-frame .error-btn:hover {
background: #666;
}
.alert-frame .success-btn:hover {
background: #273a7e;
}
.alert-frame .warning-btn:hover {
background: #fcecae;
}
.alert-frame .info-btn:hover {
background: #c3e6fb;
}
.alert-frame .question-btn:hover {
background: #2d8211;
}
.alert-frame .error-timer {
background: #e5a4b4;
}
.alert-frame .success-timer {
background: #6edaa4;
}
.alert-frame .warning-timer {
background: #fcecae;
}
.alert-frame .info-timer {
background: #c3e6fb;
}
.alert-frame .info-bg {
background: #88cef7;
}
.bloco-5-onb {
padding: 110px 15px;
background: #8190c3;
position: relative;
}
.bloco-5-onb p:first-of-type::before {
margin: 65px auto 40px;
content: "“";
font-size: 190px;
line-height: 0;
color: #fff;
display: block;
}
.bloco-5-onb p {
font-size: 24px;
margin: 0;
font-weight: 700;
color: #fff;
line-height: 1.5;
font-family: "Montserrat", sans-serif;
}
footer.onb {
background: #000b10 !important;
position: relative;
}
footer.onb p.share {
color: #fff;
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
footer.onb ul.social {
margin: 15px 0 0 !important;
}
footer.onb ul.social li i {
color: #a7a7a7;
}
footer.onb .texts p {
margin: 35px 0 10px;
text-transform: uppercase;
}
footer.onb .texts a {
font-size: 14px;
color: #a7a7a7;
text-transform: uppercase;
}
footer.onb .texts a:hover {
text-decoration: underline;
}
.page-links {
background: #20306b;
}
.page-links .wrapper-links {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.page-links .wrapper-links img.logo {
margin: 0 auto 35px;
}
.page-links .wrapper-links section {
width: 320px;
text-align: center;
margin: 0 auto;
}
.page-links .wrapper-links.model1 ul {
margin: 15px auto 70px;
}
.page-links .wrapper-links.model1 ul li {
text-align: center;
width: 100%;
}
.page-links .wrapper-links.model1 ul li+li {
margin: 25px 0;
}
.page-links .wrapper-links.model1 ul li a {
font-size: 26px;
border: 0;
border-radius: 8px;
background: #8190c3;
padding: 15px 0;
color: #fff;
width: 100%;
display: block;
font-weight: 600;
transition: background 0.3s;
}
.page-links .wrapper-links.model1 ul li a:hover {
background: #666;
}
.page-links .footer img {
margin: 0 auto 15px;
}
.page-links .footer p {
font-size: 14px;
color: #fff;
}
.page-links .wrapper-links.model2 h1 {
font-size: 39px;
color: #fff;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.page-links .wrapper-links.model2 h1 i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/headset.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 45px;
height: 45px;
margin: 0 0 0 15px;
}
.page-links .wrapper-links.model2 ul {
margin: 50px auto 40px;
}
.page-links .wrapper-links.model2 ul li {
text-align: center;
width: 100%;
}
.page-links .wrapper-links.model2 ul li+li {
margin: 35px 0;
}
.page-links .wrapper-links.model2 ul li h3 {
font-size: 20px;
border: 0;
border-radius: 5px;
background: #8190c3;
padding: 7px 0;
color: #fff;
width: 100%;
display: block;
font-weight: 600;
transition: background 0.3s;
}
.page-links .wrapper-links.model2 ul li a,
.page-links .wrapper-links.model2 ul li p {
font-size: 19px;
color: #fff;
font-weight: 600;
line-height: 1.6;
}
.page-links .wrapper-links.model2 article {
margin: 0 0 35px;
}
.page-links .wrapper-links.model2 article p {
color: #8190c3;
line-height: 1.4;
}
@media screen and (max-height: 835px) {
.page-links .wrapper-links {
display: block;
height: auto;
margin: 30px auto;
max-width: 350px;
}
.page-links .wrapper-links.model1 ul {
margin: 15px auto 45px;
}
.page-links .footer {
padding-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.page-links .wrapper-links.model2 ul {
margin: 30px auto 20px;
}
.page-links .wrapper-links.model2 h1 {
margin: 6px 0 -7px;
}
}
@media screen and (max-width: 375px) {
.page-links .wrapper-links.model1 ul li a {
font-size: 22px;
padding: 12px 0;
}
.page-links .wrapper-links.model1 ul li+li {
margin: 20px 0;
}
.page-links .wrapper-links img.logo {
margin: 0 auto 15px;
width: 55px;
}
.page-links .wrapper-links.model1 ul {
margin: 15px auto 20px;
}
}
@media screen and (max-width: 320px) {
.page-links .wrapper-links section {
width: 290px;
}
.page-links .wrapper-links.model2 h1 {
font-size: 35px;
}
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
.page-links .wrapper-links.model2 ul {
margin: 30px auto 20px;
}
}
.bloco-1-evolucao {
padding: 170px 15px 0;
background: #f8f8f8;
}
.posts-evolucao {
padding: 0 15px 50px;
background: #f8f8f8;
}
.bloco-1-evolucao article,
.bloco-2-evolucao article,
.posts-evolucao article {
padding: 0 35px;
position: relative;
}
.posts-evolucao article::after,
.bloco-2-evolucao article::before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #bebebe;
margin: 50px auto;
}
.bloco-2-evolucao article::before {
margin: 0 auto 50px;
}
.posts-evolucao .item:last-child article::after {
display: none;
}
.bloco-1-evolucao h1 {
font-size: 37px;
margin: 0;
line-height: 1.3;
font-weight: 700;
color: #0b171e;
}
.bloco-1-evolucao p {
margin: 40px 0;
font-size: 20px;
line-height: 1.8;
color: #5f5f5f;
}
.posts-evolucao h2 {
margin: 0 0 50px;
font-size: 30px;
font-weight: 700;
color: #7b91c6;
}
.posts-evolucao p,
.posts-evolucao section li {
font-size: 18px;
line-height: 1.8;
color: #5f5f5f;
position: relative;
text-align: justify;
}
.posts-evolucao section li {
padding-left: 20px;
}
.posts-evolucao section li::before {
content: "";
position: absolute;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-evolucao-list.svg);
width: 15px;
height: 15px;
top: 10px;
left: 0;
transform: rotate(-90deg);
}
.posts-evolucao figure {
margin: 0 auto 50px;
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 0;
border-radius: 8px;
}
.posts-evolucao figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.posts-evolucao .column section,
.posts-evolucao .column_2 section {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.posts-evolucao .column_2 section {
flex-direction: row;
}
.posts-evolucao .column section p {
padding: 0 85px 0 0;
width: 138%;
}
.posts-evolucao .column_2 section p {
padding: 0 0 0 85px;
width: 138%;
}
.bloco-2-evolucao {
padding: 0 15px 50px;
background: #f8f8f8;
}
.bloco-2-evolucao h3 {
font-size: 36px;
font-weight: 700;
margin: 60px 0 25px;
}
.bloco-2-evolucao h4 {
font-size: 24px;
line-height: 1.3;
font-weight: 700;
margin: 0 0 60px;
color: #626262;
}
.bloco-2-evolucao h5 {
font-size: 28px;
font-weight: 700;
margin: 40px 0 25px;
}
.bloco-2-evolucao p {
font-size: 18px;
line-height: 1.6;
color: #5f5f5f;
}
.bloco-2-evolucao a {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 22px 70px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 15px 0 0;
display: inline-block;
}
.bloco-2-evolucao a:hover {
background: #5c75b3;
color: #fff;
}
.posts-evolucao .with-border-top::before {
display: none;
}
@media screen and (max-width: 767px) {
.bloco-1-evolucao {
padding: 110px 15px 0;
}
.bloco-1-evolucao h1 {
font-size: 23px;
}
.bloco-1-evolucao h1 br {
display: none;
}
.bloco-1-evolucao article,
.bloco-2-evolucao article,
.posts-evolucao article {
padding: 0;
}
.bloco-1-evolucao p {
font-size: 16px;
text-align: center;
margin: 22px 0;
}
.bloco-1-evolucao p br {
display: none;
}
.posts-evolucao h2 {
font-size: 19px;
margin: 0 0 25px;
text-align: center;
}
.posts-evolucao figure {
margin: 0 auto 35px;
}
.posts-evolucao p,
.posts-evolucao li {
font-size: 16px;
}
.bloco-2-evolucao h3 {
font-size: 25px;
}
.bloco-2-evolucao h4 {
font-size: 20px;
margin: 0 0 35px;
}
.bloco-2-evolucao h5 {
font-size: 20px;
}
.bloco-2-evolucao p {
font-size: 16px;
}
.posts-evolucao .column section,
.posts-evolucao .column_2 section {
display: block;
}
.posts-evolucao .column section p {
padding: 0;
width: 100%;
}
.bloco-2-evolucao a {
padding: 22px 40px;
width: 100%;
}
}
@media screen and (max-width: 375px) {
.bloco-2-evolucao h5 {
font-size: 18px;
}
.bloco-2-evolucao p {
font-size: 15px;
}
}
@media screen and (max-width: 320px) {
.bloco-1-evolucao h1 {
font-size: 20px;
}
.bloco-1-evolucao p {
font-size: 15px;
}
.bloco-2-evolucao h5 {
font-size: 18px;
}
.bloco-2-evolucao p {
font-size: 14px;
}
.bloco-2-evolucao h4 {
font-size: 18px;
}
.bloco-2-evolucao h5 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.bloco-1-evolucao {
padding: 110px 15px 0;
}
.bloco-1-evolucao h1 {
font-size: 29px;
}
.bloco-1-evolucao article,
.bloco-2-evolucao article,
.posts-evolucao article {
padding: 0;
}
.bloco-1-evolucao p {
font-size: 16px;
}
.posts-evolucao h2 {
font-size: 26px;
margin: 0 0 35px;
}
.posts-evolucao figure {
margin: 0 auto 35px;
}
.posts-evolucao p,
.posts-evolucao li {
font-size: 16px;
}
.bloco-2-evolucao h3 {
font-size: 32px;
}
.bloco-2-evolucao h4 {
font-size: 22px;
}
.bloco-2-evolucao h5 {
font-size: 25px;
}
.bloco-2-evolucao p {
font-size: 16px;
}
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
.bloco-1-evolucao {
padding: 140px 15px 0;
}
.bloco-1-evolucao h1 {
font-size: 33px;
}
.bloco-1-evolucao article,
.bloco-2-evolucao article,
.posts-evolucao article {
padding: 0;
}
.bloco-1-evolucao p {
font-size: 18px;
}
.posts-evolucao h2 {
font-size: 26px;
}
}
@media screen and (min-width: 1355px) and (max-width: 1439px) {
.bloco-1-evolucao {
padding: 140px 15px 0;
}
}
.banner-pages.fale-conosco section {
width: 100%;
margin: 0 auto;
padding-left: 200px;
padding-right: 10px;
}
.banner-pages.fale-conosco section h1 {
font-size: 48px;
margin: -100px 0 15px;
line-height: 1.2;
letter-spacing: -1px;
}
.banner-pages.fale-conosco section p {
font-size: 29px;
color: white;
font-weight: 300;
line-height: 1.3;
}
.bloco-1-fc {
padding: 100px 15px 50px;
background: #f8f8f8;
}
.bloco-1-fc p {
font-size: 18px;
line-height: 1.5;
color: #767676;
margin-bottom: 0;
}
.bloco-1-fc ul {
margin: 80px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.bloco-1-fc ul li {
width: 368px;
background: white;
padding: 60px 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 0;
border-radius: 5px;
}
.bloco-1-fc ul li+li {
margin-left: 18px;
}
.bloco-1-fc ul li figure {
margin: 0 0 25px;
}
.bloco-1-fc ul li h3 {
margin-bottom: 5px;
color: #1d385f;
font-size: 18px;
}
.bloco-1-fc ul li p,
.bloco-1-fc ul li a {
color: #767676;
font-size: 13.5px;
line-height: 1.7;
display: inline-block;
}
.bloco-1-fc ul li a:hover {
color: #1d385f;
}
.bloco-1-fc ul li a.link::after {
content: "";
display: block;
width: 100%;
height: 1px;
margin: -2px auto 0;
background: #767676;
}
.bloco-2-fc {
background: linear-gradient(to bottom,
#f1f1f1,
#f3f3f3,
#f4f4f4,
#f5f5f5,
#f6f6f6,
#f7f7f7,
#f8f8f8);
}
.bloco-2-fc figure {
width: 100%;
min-height: 750px;
margin: 0;
}
.bloco-2-fc section {
padding-left: 170px;
}
.bloco-2-fc .bloco-1 section {
padding-left: 10px;
width: calc(100% - 90px);
}
.bloco-2-fc section p {
text-align: justify;
line-height: 2;
color: #767676;
font-size: 19px;
}
.bloco-2-fc section h3 {
font-size: 16px;
color: #7b7b7b;
font-weight: 700;
margin: 35px 0;
}
.bloco-2-fc section ul li {
text-indent: -7px;
padding-left: 14px;
line-height: 1.5;
margin: 7px 0 !important;
color: #7b7b7b;
}
.bloco-2-fc section ul li::before {
content: ">";
display: inline-block;
margin-right: 5px;
}
.bloco-2-fc .bloco_galeria_videos {
padding: 60px 15px 0;
}
.bloco-2-fc .bloco_galeria_videos h3 {
font-size: 32px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 25px;
color: #1d385f;
}
.bloco-2-fc .bloco_galeria_videos h3 span {
color: #868cc8;
}
.bloco-2-fc .bloco_galeria_videos ul {
margin: 45px 0 30px;
display: grid;
justify-content: center;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.bloco-2-fc .bloco_galeria_videos ul li {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.bloco-2-fc .bloco_galeria_videos ul li picture {
width: 100%;
height: 250px;
position: relative;
top: 0;
left: 0;
overflow: hidden;
border: 0;
border-radius: 8px 8px 0 0;
display: flex;
}
.bloco-2-fc .bloco_galeria_videos ul li picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bloco-2-fc .bloco_galeria_videos ul li a.icon {
position: relative;
}
.bloco-2-fc .bloco_galeria_videos ul li a i {
position: absolute;
z-index: 9;
width: 25px;
height: 25px;
background-image: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloco-2-fc .bloco_galeria_videos ul li a i::before {
content: "";
position: absolute;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-video-banner.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
z-index: 9;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloco-2-fc .bloco_galeria_videos ul li a i::after {
content: "";
position: absolute;
width: 85px;
height: 55px;
background: rgba(0 0 0/0.5);
border: 0;
border-radius: 12px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
transition: background 0.2s;
}
.bloco-2-fc .bloco_galeria_videos ul li:hover a i::after {
background: #111;
}
.bloco-2-fc .bloco_galeria_videos ul.i-4 {
grid-template-columns: repeat(4, 1fr);
}
.bloco-2-fc .bloco_galeria_videos ul.i-4 li {
height: 200px;
}
.bloco-2-fc .bloco_galeria_videos ul li iframe {
width: 100%;
height: 100%;
border: 0;
border-radius: 5px;
}
.bloco-2-fc .bloco_galeria_videos ul li article {
padding: 35px 50px 30px;
background: #fff;
}
.bloco-2-fc .bloco_galeria_videos ul li article h4 {
font-size: 18px;
line-height: 1.3;
margin-bottom: 18px;
font-family: "Montserrat";
font-weight: 700;
color: #666;
}
.bloco-2-fc .bloco_galeria_videos ul li article p {
font-size: 14px;
line-height: 1.5;
color: #666;
}
.bloco-2-1-fc {
padding: 35px 15px 0;
background: #f8f8f8;
}
.bloco-2-1-fc form {
margin: 50px 50px 0;
}
.bloco-2-1-fc form .form-group {
margin-bottom: 40px;
}
.bloco-2-1-fc form input[type="text"],
.bloco-2-1-fc form textarea,
.bloco-2-1-fc form select {
width: 100%;
height: 52px;
padding: 0 25px 0 50px;
background: white;
border: 0;
border-radius: 35px;
position: relative;
}
.bloco-2-1-fc form select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-knowmore.svg);
background-repeat: no-repeat;
background-position-x: 96%;
background-position-y: 50%;
color: #797979;
}
.bloco-2-1-fc.tc form select {
background-position-x: 95%;
}
.bloco-2-1-fc form .select span,
.bloco-2-1-fc form .s2 span {
right: 60px !important;
}
.bloco-2-1-fc form select option {
color: #000;
}
.bloco-2-1-fc form textarea {
padding: 25px;
border-radius: 25px;
min-height: 150px;
resize: vertical;
}
.bloco-2-1-fc form input[type="submit"] {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 18px 68px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 15px 0 0;
display: inline-block;
cursor: pointer;
}
.bloco-2-1-fc form input[type="submit"] {
margin: 0;
}
.bloco-2-1-fc form input[type="submit"]:disabled {
opacity: 0.8;
filter: grayscale(1);
cursor: not-allowed;
}
.bloco-2-1-fc form label {
margin: 16px;
position: absolute;
z-index: 9;
}
.bloco-2-1-fc form label i {
display: block;
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 20px;
top: 0;
left: 0;
}
.bloco-2-1-fc form label i.user {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-form-user.jpg);
}
.bloco-2-1-fc form label i.mail {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-form-mail.jpg);
}
.bloco-2-1-fc form label i.phone {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-form-phone.png);
}
.bloco-2-1-fc form label i.company {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-form-company.png);
}
.bloco-2-1-fc form .text-between {
display: flex;
justify-content: space-between;
}
.bloco-2-1-fc form .text-between.end {
justify-content: flex-end;
}
.bloco-2-1-fc form .fileContainer {
overflow: hidden;
position: relative;
width: auto;
border-radius: 0;
margin: 0;
position: relative;
height: 54px;
cursor: pointer;
text-transform: uppercase;
border: 0;
border-radius: 999px;
background: #1d385f;
color: #fff;
letter-spacing: 2px;
padding: 8px 25px;
font-weight: 400;
margin-right: 0;
font-size: 12px;
display: none;
justify-content: center;
align-items: center;
}
.bloco-2-1-fc.tc form .fileContainer {
display: flex;
}
.bloco-2-1-fc form .fileContainer [type="file"] {
cursor: inherit;
display: block;
filter: alpha(opacity=0);
height: 54px;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
cursor: pointer;
padding: 0;
}
.bloco-2-1-fc form span#uploadFileTxt {
display: block;
color: red;
font-style: italic;
border: 0;
padding: 20px 0 0 0;
display: none;
margin-bottom: 0;
text-align: left;
opacity: 0.8;
}
.bloco-2-1-fc form #uploadFileTxt i {
font-style: normal !important;
}
.bloco-2-1-fc form .fileContainer i {
position: relative;
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-upload.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
width: 20px;
height: 18px;
top: -1px;
margin: 0 0 0 5px;
line-height: 0;
}
.bloco-2-1-fc form .s2 {
display: none;
}
.bloco-2-1-fc .alert {
margin: -15px 0 0;
}
.bloco-2-1-fc .wrapper-list-photos ul {
margin: -25px 0 15px 5px;
}
.bloco-2-1-fc .wrapper-list-photos ul li {
display: flex;
align-items: center;
}
.bloco-2-1-fc .wrapper-list-photos ul li i {
margin: 0 8px 0 0;
color: #7b91c6;
}
.bloco-2-1-fc .wrapper-list-photos ul li p {
margin: 0;
}
form.contato .form-group>div:not(.checkbox-group)>span:not(#uploadFileTxt):not(.lbl):not(.select2),
form.contato .form-group div.field-group:not(.checkbox-group)>span:not(#uploadFileTxt):not(.lbl):not(.select2) {
color: red;
position: absolute;
font-style: italic;
display: block;
right: 25px;
top: 50%;
transform: translateY(-50%);
opacity: 0.8;
font-weight: 400;
font-size: 13px;
line-height: 18px;
}
form.contato .checkbox-group>span:not(#uploadFileTxt):not(.lbl):not(.select2),
form.contato span.sl {
margin: 10px 0 0;
position: relative;
right: 0;
top: 0;
font-weight: 400;
font-size: 13px;
line-height: 18px;
display: block;
color: red;
}
.bloco-3-fc {
padding: 30px 15px 100px;
background: #f8f8f8;
}
.bloco-3-fc h2 {
letter-spacing: -1px;
margin-bottom: 15px;
}
.bloco-3-fc p {
font-size: 18px;
color: #868cc8;
}
.bloco-3-fc ul.social {
display: flex;
justify-content: center;
}
.bloco-3-fc ul.social li {
float: left;
}
.bloco-3-fc ul.social li+li {
margin-left: 20px;
}
.bloco-3-fc ul.social li i {
color: #9f9f9f;
font-size: 20px;
transition: color 0.2s;
}
.bloco-3-fc ul.social li i:hover {
color: #1d385f;
}
.banner-pages.comemorativo section {
text-align: right;
}
.banner-pages.comemorativo section h1 {
font-size: 29px;
color: white;
font-weight: 300;
line-height: 1.3;
}
.banner-pages.comemorativo section figure {
position: relative;
display: inline-block;
margin: 0 0 55px;
max-height: 179px;
}
.banner-pages.comemorativo section a {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 11px;
padding: 16px 60px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 30px 0 0;
display: inline-block;
}
.banner-pages.comemorativo section a>span.inner-btn::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid #fff;
border-radius: 5px;
position: relative;
top: 2px;
margin-right: 8px;
}
.banner-pages.comemorativo section a:hover {
background: #1d385f;
color: #fff;
}
.bloco-1-comemorativo {
padding: 60px 15px;
}
.bloco-1-comemorativo span {
margin: 0 0 20px;
display: inline-block;
color: #8190c3;
font-weight: 700;
font-size: 18px;
}
.bloco-1-comemorativo span i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-cake.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 36px;
height: 36px;
position: relative;
top: 1px;
margin: 0 15px;
}
.bloco-1-comemorativo h2 {
font-weight: 800;
margin-bottom: 10px;
}
.bloco-1-comemorativo h4 {
margin: 50px 0 0;
font-style: italic;
color: #7a7a7a;
line-height: 1.6;
font-size: 20px;
}
.bloco-1-comemorativo h4 strong {
font-weight: 500;
font-size: 26px;
}
.bloco-1-comemorativo small {
margin: 0 0 20px;
text-align: center;
font-family: "Lucida Bright Italic";
color: #969696;
display: inline-block;
width: 100%;
}
.bloco-1-comemorativo p {
text-align: justify;
}
.bloco-2-comemorativo {
padding: 0 15px 100px;
}
.bloco-2-comemorativo figure {
width: 100%;
min-height: 460px;
margin: 0;
}
.bloco-2-comemorativo .text-r section {
padding-left: 45px;
}
.bloco-2-comemorativo .text-l section {
padding-left: 0;
width: calc(100% - 45px);
}
.bloco-2-comemorativo section p {
text-align: justify;
line-height: 2;
color: #767676;
font-size: 17px;
margin-bottom: 0;
}
.bloco-2-comemorativo section p.custom-right {
line-height: 1.2;
font-size: 17px;
color: #999;
position: absolute;
right: 0;
margin: 33px 15px 0 0;
}
.bloco-2-comemorativo section h2 {
font-family: "Open Sans", sans-serif;
}
.bloco-2-comemorativo section h3 {
font-size: 16px;
color: #7b7b7b;
font-weight: 700;
margin: 35px 0;
}
.bloco-2-comemorativo section ul li {
text-indent: -7px;
padding-left: 14px;
line-height: 1.5;
margin: 7px 0 !important;
color: #7b7b7b;
}
.bloco-2-comemorativo section ul li::before {
content: ">";
display: inline-block;
margin-right: 5px;
}
.bloco-2-comemorativo .item {
position: relative;
}
.bloco-2-comemorativo .item+.item {
margin-top: 120px;
}
.bloco-2-comemorativo .item::after {
content: "";
width: calc(100% - 30px);
height: 1px;
display: block;
margin: 0 15px;
background: #dedede;
clear: both;
bottom: -60px;
position: absolute;
}
.bloco-2-comemorativo .no-padding-l {
padding-left: 0;
}
.bloco-2-comemorativo .no-padding-r {
padding-right: 0;
}
.bloco-3-comemorativo {
padding: 40px 15px 60px;
}
.bloco-3-comemorativo h2 {
font-weight: 800;
margin-bottom: 10px;
}
.bloco-3-comemorativo h4 strong {
font-weight: 500;
font-size: 26px;
}
.bloco-3-comemorativo h4 {
text-align: center;
font-family: "Lucida Bright Italic";
color: #969696;
margin: 50px auto 0;
line-height: 1.8;
}
.banner-pages.software-tms h1 {
font-size: 48px;
}
.bloco-1-tms {
padding: 0 15px 0;
background: #f8f8f8;
}
.bloco-1-tms h3 {
font-size: 15px;
font-family: "Montserrat";
color: #ccc;
margin: 0 0 35px;
}
.bloco-1-tms p {
color: #919191;
font-size: 18px;
}
.bloco-2-tms {
padding: 80px 15px 20px;
background: #f8f8f8;
}
.bloco-2-tms h3 {
font-size: 25px;
font-weight: 600;
font-family: "Montserrat";
margin-bottom: 50px;
color: #8190c3;
}
.bloco-2-tms ul {
display: grid;
grid-column-gap: 30px;
grid-template-columns: auto auto auto;
justify-content: center;
}
.bloco-2-tms ul li {
position: relative;
}
.bloco-2-tms ul li a {
display: inline-block;
}
.bloco-2-tms ul li div {
display: inline-block;
}
.bloco-2-tms ul li figure,
.bloco-2-tms ul li h4 {
float: left;
margin: 0 0 5px;
}
.bloco-2-tms ul.main li figure,
.bloco-2-tms ul.main li h4 {
float: none;
margin: 0;
}
.bloco-2-tms ul li h4 {
font-weight: 500;
font-size: 13px;
font-family: "Montserrat";
margin-bottom: 25px;
color: #1d385f;
margin: 15px 0 0 20px;
text-transform: uppercase;
transition: all 0.3s;
display: inline-block;
position: relative;
}
.bloco-2-tms ul.main li h4 {
margin: 30px 0 20px;
text-transform: none;
font-weight: 600;
font-size: 16px;
}
.bloco-2-tms ul li p {
clear: both;
color: #767676;
font-size: 14px;
margin: 0;
display: inline-block;
text-align: justify;
}
.bloco-2-tms ul.main li {
background: white;
padding: 40px;
}
.bloco-2-tms ul.normal li {
margin-top: 80px;
padding-right: 45px;
}
.bloco-2-tms ul.normal li h4:after {
content: "";
display: inline-block;
width: 0;
height: 3px;
background: #8190c3;
transition: width 0.3s;
float: right;
margin: 0;
position: absolute;
bottom: -10px;
right: 0;
}
.bloco-2-tms ul.normal li:hover h4::after {
width: 100%;
background: #8190c3;
}
.bloco-2-tms ul.main li::before,
.bloco-2-tms ul.main li::after {
border: 0 solid transparent;
box-sizing: border-box;
content: "";
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
}
.bloco-2-tms ul.main li::before {
border-bottom-width: 2px;
border-left-width: 2px;
}
.bloco-2-tms ul.main li::after {
border-top-width: 2px;
border-right-width: 2px;
}
.bloco-2-tms ul.main li:hover::before,
.bloco-2-tms ul.main li:hover::after {
border-color: #7b91c6;
transition: border-color 0, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
.bloco-2-tms ul.main li:hover::before {
transition-delay: 0, 0, 0.25s;
}
.bloco-2-tms ul.main li:hover::after {
transition-delay: 0, 0.25s, 0;
}
.bloco-3-tms .container.small::before {
content: "";
display: block;
width: 100%;
height: 1px;
margin: 0 0 70px;
background: #e3e3e3;
}
.bloco-3-tms {
padding: 80px 15px 150px;
}
.bloco-3-tms h3 {
margin-bottom: 0;
}
.bloco-3-tms ul.normal {
grid-template-columns: repeat(2, 1fr);
}
.bloco-3-tms ul.normal>li {
padding-right: 0;
}
.bloco-3-tms ul.normal>li ul {
display: inline-block;
}
.bloco-3-tms ul.normal>li ul li {
float: left;
width: calc(100% - 60px);
padding: 0 0 0 25px;
margin-top: 0;
}
.bloco-3-tms ul.normal>li ul li:first-child {
width: 60px;
padding-left: 0;
}
.bloco-3-tms ul.normal>li ul li h4 {
margin: 15px 0;
min-width: 1px;
min-height: 1px;
}
.space-line {
background: #f8f8f8;
}
.space-line span {
display: flex;
width: 100%;
align-items: center;
}
.space-line.w-line span::after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
background: #e3e3e3;
}
.banner-pages.software-wms h1 {
font-size: 62px;
}
.banner-pages.software-wms h2 {
font-size: 30px;
margin-top: 10px;
}
.bloco-1-wms {
padding: 100px 15px 0;
background: #f8f8f8;
}
.bloco-1-wms h3 {
font-weight: 800;
font-size: 30px;
}
.bloco-1-wms p {
color: #767676;
margin: 0;
}
.bloco-1-wms ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 70px;
}
.bloco-1-wms ul li {
padding: 0 35px;
text-align: center;
width: 33.333%;
margin-bottom: 60px;
}
.bloco-1-wms ul li h4 {
font-size: 20px;
font-weight: 700;
color: #666;
margin: 15px 0;
}
.bloco-1-wms ul li p {
font-size: 14px;
color: #767676;
}
.bloco-1-wms ul li img {
max-height: 70px;
width: 70px;
}
.bloco-1-wms ul::after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
margin: 0 0 70px;
background: #e3e3e3;
}
.bloco-3-wms {
padding: 0 15px 50px;
background: #f8f8f8;
}
.bloco-3-wms figure {
margin: 0 0 0 -50px;
}
.bloco-3-wms h3 {
font-weight: 800;
font-size: 24px;
}
.bloco-3-wms h4 {
font-weight: 600;
font-size: 16px;
color: #888;
line-height: 1.6;
}
.bloco-3-wms section ul {
margin: 25px 0 0;
}
.bloco-3-wms section ul:first-of-type,
.bloco-3-sss-wms section {
margin-right: 45px;
}
.bloco-3-wms section ul li {
text-indent: -7px;
padding-left: 14px;
line-height: 1.5;
margin: 3px 0;
color: #7b7b7b;
}
.bloco-3-wms section ul:not(.left):not(.right) li::before {
content: ">";
display: inline-block;
margin-right: 5px;
}
.bloco-3-wms section ul.f-left {
float: left;
}
.bloco-3-wms section ul.w-space-li li {
margin-bottom: 15px;
}
.bloco-3-wms section ul.w-space-li-minus li {
margin-bottom: 10px;
}
.bloco-3-wms section p {
margin: 0 0 -25px;
}
.bloco-3-wms section p:nth-child(n + 1) {
margin: 15px 0 -25px;
}
.bloco-3-wms a.link {
border: 1px solid #b9b6b6;
border-radius: 35px;
background: transparent;
color: #7b91c6;
text-transform: uppercase;
font-size: 11px;
padding: 20px 50px;
transition: all 0.3s;
font-weight: 600;
letter-spacing: 2px;
margin: 35px 0 0;
display: inline-block;
}
.bloco-3-wms a.link:hover {
background: #7b91c6;
color: white;
border-color: #7b91c6;
}
.bloco-3-wms.group a.link {
margin-right: 50px;
}
.bloco-3-wms.group a.link:last-child {
margin-right: 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left {
width: 40%;
padding-right: 15px;
display: inline-block;
float: left;
margin-right: 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.right {
display: inline-block;
width: 55%;
float: left;
margin: 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li {
margin-bottom: 25px;
padding-left: 17px;
text-indent: 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.right>li,
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li>ul.right,
.bloco-3-wms.bloco-3-ss-wms figure {
margin: 0;
height: 0;
opacity: 0;
overflow: hidden;
transition: height 0.4s, opacity 0.2s, transform 0.3s;
transform: translateX(-50px);
}
.bloco-3-wms.bloco-3-ss-wms section>ul.right>li.active,
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li.active>ul.right,
.bloco-3-wms.bloco-3-ss-wms figure.active {
opacity: 1;
height: auto;
margin-bottom: 15px;
transform: translateX(0);
}
.bloco-3-wms.bloco-3-ss-wms section>ul.right>li ul li {
margin-bottom: 15px;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li a {
color: #7b7b7b;
transition: color 0.4s;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li.active a {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
font-size: 16px;
padding: 10px 18px;
transition: background 0.4s;
font-weight: 400;
display: inline-block;
position: relative;
left: -10px;
cursor: default;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li:not(.active) a:hover {
color: #1d385f;
}
.bloco-3-wms.bloco-3-ss-wms .b-figure,
.bloco-3-wms-gallery .b-figure {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.bloco-3-sss-wms .dinamic-content .b-figure a,
.bloco-3-wms-gallery .b-figure a {
position: relative;
display: inline-block;
}
.bloco-3-sss-wms .dinamic-content .b-figure a figure::after,
.bloco-3-wms-gallery .b-figure a figure::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
background: rgba(123, 145, 198, 0.6);
border-radius: 50%;
margin: -50px 0 0 -30px;
transform: scale(0);
opacity: 0;
transition: all 0.3s;
}
.bloco-3-sss-wms .dinamic-content .b-figure a:hover figure::after,
.bloco-3-wms-gallery .b-figure a:hover figure::after {
transform: scale(1);
opacity: 1;
}
.bloco-3-sss-wms .dinamic-content .b-figure a figure>i,
.bloco-3-wms-gallery .b-figure a figure>i {
opacity: 0;
display: inline-block;
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-zoom-galeria.png);
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -23px 0 0 -6px;
transition: opacity 0.3s;
z-index: 9;
}
.bloco-3-sss-wms .dinamic-content .b-figure a:hover figure>i,
.bloco-3-wms-gallery .b-figure a:hover figure>i {
opacity: 1;
}
.bloco-3-sss-wms .dinamic-content .b-figure a figure>img,
.bloco-3-wms-gallery .b-figure a figure>img {
transition: opacity 0.3s;
}
.bloco-3-sss-wms .dinamic-content .b-figure a:hover figure>img,
.bloco-3-wms-gallery .b-figure a:hover figure>img {
opacity: 0.5;
}
.bloco-3-wms.bloco-3-ss-wms figure,
.bloco-3-wms-gallery figure {
width: 100%;
}
.lg-backdrop {
z-index: 9999 !important;
}
.lg-outer {
z-index: 99991 !important;
}
.lg-outer .lg-thumb-item.active::before {
content: "";
position: absolute;
border-top: 10px solid #7b91c6;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
z-index: 9;
transform: skew(20deg);
left: 50%;
margin-left: -10px;
}
.lg-outer .lg-thumb {
margin: 0 auto -5px !important;
}
.lg-outer .lg-thumb-item img {
transform: scale(1.4) skew(25deg) !important;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
transform: skew(-25deg, 0) scale(0.8) !important;
border: 0;
transition: all 0.2s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item.active {
border-color: #7b91c6 !important;
border: 3px solid #7b91c6 !important;
transform: skew(-25deg, 0) scale(1) !important;
}
.bloco-4-wms {
padding: 50px 15px;
background: #f8f8f8;
}
.bloco-4-wms h3 {
font-weight: 700;
font-size: 22px;
color: #888;
}
.bloco-4-wms .owl-carousel {
margin: 50px 0;
}
.bloco-4-wms .owl-carousel img {
height: 50px;
width: auto !important;
margin: 0 auto;
}
.bloco-5-wms {
padding: 150px 15px;
}
.bloco-5-wms h2 {
color: white;
font-size: 38px;
}
.bloco-5-wms .link {
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 22px 50px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
margin: 15px 0 0;
display: inline-block;
}
.bloco-5-wms .link:hover {
background: #5c75b3;
color: #fff;
}
.bloco-6-wms {
padding: 70px 15px 30px;
background: #f8f8f8;
}
.bloco-6-wms h3 {
font-weight: 800;
font-size: 42px;
}
.bloco-6-wms p {
font-size: 22px;
}
.bloco-1-s-wms ul li img {
width: auto;
height: auto;
}
.bloco-1-s-wms {
padding: 50px 15px 0;
}
.bloco-3-s-wms h4 {
font-weight: 600;
}
.bloco-5-s-wms {
display: flex;
align-items: center;
justify-content: center;
padding: 0 15px;
min-height: 400px;
}
.bloco-5-s-wms h3 {
color: white;
font-size: 32px;
}
.bloco-6-s-wms {
padding: 70px 15px 30px;
}
.bloco-posts.os {
padding: 0 15px 100px;
}
.bloco-posts.os .owl-carousel {
margin: 0;
}
.bloco-posts.os .link-more {
font-size: 11px;
display: inline-block;
margin: 25px 0 0;
color: #8190c3;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Montserrat";
}
.bloco-posts.os article .content {
padding: 25px 20px;
}
.bloco-posts .owl-carousel .owl-dots {
position: relative;
bottom: -40px;
width: 100%;
left: auto;
margin-left: 0;
}
.bloco-posts .owl-theme .owl-dots .owl-dot.active span,
.bloco-posts .owl-theme .owl-dots .owl-dot:hover span {
background: #7b91c6;
}
.bloco-posts .owl-theme .owl-dots .owl-dot span {
background: #e7e7e7;
}
.navbar-default.blog {
background: rgba(0, 0, 0, 0.6);
}
.banner-pages.blog {
padding-bottom: 80px;
min-height: 420px;
background: #f8f8f8;
}
.banner-pages.blog h1 {
color: #2b3b5d;
font-weight: 800;
font-size: 54px;
}
.banner-pages.blog p {
font-size: 20px;
color: #767676;
margin: 15px 0 0;
}
.bloco-posts.in-pub {
padding: 0 15px 100px;
background: #f8f8f8;
}
.bloco-posts.in-pub article a.l-figure,
.bloco-posts.in-pub article figure {
height: 500px;
}
.bloco-posts.in-pub article .content {
padding: 25px 0 30px;
background: 0 0;
}
.bloco-posts.in-pub article .content h3 {
font-size: 25px;
line-height: 1.3;
margin: 25px 0 0;
font-family: "Montserrat";
font-weight: 700;
color: #2b3b5d;
text-align: center;
}
.bloco-posts.in-pub article .content p {
line-height: 1.7;
text-align: center;
}
.bloco-posts.in-pub article .content .infos {
display: flex;
align-items: flex-end;
justify-content: center;
}
.bloco-posts.in-pub article .content .infos a {
margin: 17px 0 0;
}
.bloco-posts.in-pub article::after,
.with-border-top::before {
content: "";
display: inline-block;
width: 100%;
height: 1px;
margin: 0 0 15px;
background: #e3e3e3;
}
.bloco-posts.in-pub .item:last-of-type article::after {
display: none;
}
.bloco-posts.in-pub .item:last-of-type article {
margin-bottom: 0;
}
.banner-pages.single {
min-height: 650px;
}
.banner-pages.single h1 {
font-size: 48px;
line-height: 1.2;
}
.banner-pages.single p {
font-size: 14px;
margin: 15px 0 0;
font-family: "Montserrat";
letter-spacing: 2px;
color: white;
text-transform: uppercase;
}
.post-header {
padding: 60px 15px 30px;
}
.banner-pages.search {
padding-bottom: 0;
min-height: 320px;
background: #f8f8f8;
}
.banner-pages.search h1 {
margin: 0;
}
.bloco-results-blog {
background: #f8f8f8;
}
.bloco-results-blog ul {
margin: 15px 0 80px;
}
.bloco-posts.in-pub article.page a {
display: inline-block;
margin-bottom: 30px;
}
.bloco-posts.in-pub article.page {
margin-bottom: 20px;
}
.bloco-posts.in-pub.search h3.header {
font-size: 20px;
color: #797979;
font-family: "Montserrat";
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 25px;
}
.bloco-posts.in-pub article.page h4 {
font-size: 25px;
line-height: 1.3;
margin: 0 0 25px;
font-family: "Montserrat";
font-weight: 700;
color: #2b3b5d;
}
.bloco-posts.in-pub article.page span {
font-size: 14px;
line-height: 1.3;
margin: 0;
font-family: "Montserrat";
font-weight: 400;
color: #8190c3;
text-transform: uppercase;
}
.banner-pages.depoimentos {
min-height: 700px;
}
.banner-pages.depoimentos h1 {
font-size: 52px;
}
.bloco-1-dp {
padding: 80px 15px 0;
background-color: #f8f8f8;
}
.bloco-1-dp h2 {
margin-bottom: 80px;
color: #8190c3;
font-weight: 700;
font-size: 36px;
line-height: 1.2;
}
.bloco-1-dp article {
width: calc(100% - 60px);
margin-bottom: 80px;
padding: 50px 30px;
min-height: 350px;
background: white;
}
.bloco-1-dp article p {
font-size: 14px;
line-height: 1.5;
color: #999;
margin: 0;
}
.bloco-1-dp .with-border-top::before {
display: none;
}
.bloco-1-dp .pagination-wrap {
margin: 0 0 50px;
}
.header-roleta {
position: absolute;
display: flex;
width: 100%;
justify-content: flex-end;
z-index: 1;
}
.header-roleta a {
margin: 50px;
}
.wrapper-roleta.finally::before {
content: "";
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/confetti-explode.gif);
background-position: center;
background-size: contain;
background-repeat: repeat;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
top: 0;
left: 0;
mix-blend-mode: lighten;
z-index: 9;
pointer-events: none;
user-select: none;
transition: opacity 0.3s;
}
.wrapper-roleta.finally.hidden::before,
.wrapper-roleta.completed.hidden::before {
opacity: 0;
}
.wrapper-roleta .step-0.opaciting {
opacity: 0;
}
.wrapper-roleta {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/bg-roleta.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
padding: 0;
position: relative;
}
.wrapper-roleta .step-0 {
transition: transform 0.9s, opacity 8s;
}
.wrapper-roleta .step-0.remove {
transform: translateY(-150%);
opacity: 0;
}
.wrapper-roleta section {
margin-left: -100px;
width: calc(100% - 10px);
}
.wrapper-roleta h1 {
font-size: 65px;
color: white;
line-height: 1.2;
}
.wrapper-roleta p {
margin: 35px 0;
font-size: 23px;
line-height: 1.4;
color: white;
text-align: justify;
}
.wrapper-roleta p b {
font-weight: 600;
}
.wrapper-roleta form {
margin: 55px 0;
display: flex;
align-items: stretch;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 25px;
border: 0;
border-radius: 35px;
background: #8190c3;
color: white;
width: 100%;
}
.wrapper-roleta form input[type="text"]:disabled {
opacity: 0.5;
}
.wrapper-roleta form input[type="text"].fd-invalid {
border: 2px solid #63c3d1;
}
.wrapper-roleta button#spin {
visibility: hidden;
pointer-events: none;
user-select: none;
width: 0;
height: 0;
padding: 0;
margin: 0;
position: absolute;
}
.wrapper-roleta form button {
margin-left: 40px;
cursor: pointer;
background: white;
color: #152158;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.wrapper-roleta form button:hover {
background: #f9f9f9;
}
.wrapper-roleta form button i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-girar.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 25px;
margin: 0 15px 0 0;
transition: transform 0.3s;
}
.wrapper-roleta form button:hover i {
transform: rotate(180deg);
}
.wrapper-roleta span.error {
position: relative;
width: 100%;
display: block;
margin: -40px 0 35px;
color: #63c3d1;
}
.wrapper-roleta a::before {
content: "*";
font-size: 38px;
color: #8190c3;
display: inline-block;
position: relative;
top: 14px;
margin: 0 10px 0 0;
line-height: 0;
}
.wrapper-roleta a {
color: white;
font-weight: 600;
}
.wrapper-roleta form input::-webkit-input-placeholder {
color: #fff;
font-weight: 400;
font-style: normal;
}
.wrapper-roleta form input::-moz-placeholder {
color: #fff;
font-weight: 400;
font-style: normal;
}
.wrapper-roleta form input:-ms-input-placeholder {
color: #fff;
font-weight: 400;
font-style: normal;
}
.wrapper-roleta form input:-moz-placeholder {
color: #fff;
font-weight: 400;
font-style: normal;
}
.wrapper-roleta.completed::before {
content: "";
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/confetti-completed.gif);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
top: 0;
left: 0;
mix-blend-mode: color-dodge;
z-index: 9;
pointer-events: none;
user-select: none;
transition: opacity 0.3s;
opacity: 0.2;
}
.wrapper-roleta .step-1 section {
margin: 0 auto;
width: auto;
text-align: center;
transform: translateY(-150%);
opacity: 0;
transition: transform 0.4s, opacity 0.6s;
}
.wrapper-roleta .step-1.show section {
transform: translateY(0);
opacity: 1;
}
.wrapper-roleta .step-1 section a::before {
display: none;
}
.wrapper-roleta .step-1.show section a img {
width: 200px;
height: auto;
}
.wrapper-roleta .step-1 section h2 {
font-size: 58px;
color: #fff;
font-weight: 600;
margin: 40px 0 30px;
}
.wrapper-roleta .step-1 section p,
.wrapper-roleta .step-1 section span {
font-weight: 600;
margin: 0;
text-align: center;
}
.wrapper-roleta .step-1 section span {
font-size: 18px;
font-weight: 300;
color: #fff;
}
.wrapper-roleta .step-1 section figure {
margin: 25px auto 0;
width: 300px;
height: 250px;
}
.wrapper-roleta .step-1 section small {
display: block;
color: #fff;
margin: 35px 0 -35px;
}
#roleta {
position: relative;
height: 700px;
width: 700px;
border-radius: 50%;
padding: 0;
background: linear-gradient(45deg, #333, #152158);
background-clip: content-box;
overflow: hidden;
animation-duration: 2.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: gradient;
animation-timing-function: ease;
background-size: 100%;
}
@keyframes gradient {
0% {
background-size: 100%;
}
25% {
background-size: 200%;
}
50% {
background-size: 300%;
}
75% {
background-size: 200%;
}
100% {
background-size: 100%;
}
}
#roleta::before {
content: "";
position: absolute;
width: 70%;
height: 70%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.2);
border: 0;
border-radius: 50%;
z-index: 91;
}
#roleta .wrapper {
position: absolute;
width: 100%;
height: 100%;
}
#roleta .wrapper.side {
transform: scale(-1);
}
#roleta .wrapper div {
position: absolute;
content: "";
height: 100%;
width: 100%;
border-radius: 0%;
left: 50%;
top: -50%;
transform-origin: left bottom;
transition: all 1s;
}
#roleta .wrapper div:nth-child(1) {
transform: skewY(-78deg) skewX(5.6deg);
background: #312783;
}
#roleta .wrapper div:nth-child(2) {
transform: skewY(-54deg) skewX(-17.5deg);
background: #312783;
}
#roleta .wrapper div:nth-child(3) {
transform: skewY(-28deg) skewX(-50.5deg);
background: #312783;
}
#roleta .wrapper div:nth-child(4) {
transform: skewY(-5.8deg) skewX(-67deg);
background: #312783;
}
#roleta .wrapper div:nth-child(5) {
transform: skewY(15.9deg) skewX(-69deg);
background: #748fc9;
}
#roleta .wrapper div:nth-child(6) {
transform: skewY(37.8deg) skewX(-64deg);
background: #748fc9;
}
#roleta .wrapper div:nth-child(7) {
transform: skewY(58.6deg) skewX(-49.4deg);
background: #748fc9;
}
#roleta .wrapper div:nth-child(8) {
transform: skewY(65deg) skewX(-46deg) rotate3d(1, 0, 1, 55deg);
background: #63c3d1;
}
#roleta .wrapper.side div:nth-child(1),
#roleta .wrapper.side div:nth-child(2),
#roleta .wrapper.side div:nth-child(3),
#roleta .wrapper.side div:nth-child(4) {
background: #63c3d1;
}
#roleta .wrapper.side div:nth-child(5),
#roleta .wrapper.side div:nth-child(6),
#roleta .wrapper.side div:nth-child(7),
#roleta .wrapper.side div:nth-child(8) {
background: #575756;
}
#roleta .wrapper div.active::before {
content: "";
position: absolute;
background: linear-gradient(to right, #e2be00, red);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#roleta .wrapper div.active {
background-color: white;
z-index: 9;
}
#roleta a {
position: absolute;
font-size: 25px;
color: white;
color: red;
top: 50%;
left: 50%;
}
#roleta .center {
position: absolute;
width: 150px;
height: 150px;
border: 4px solid #c6c6c6;
border-radius: 50%;
background: #878787;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
z-index: 91;
}
#roleta .center::before {
content: "";
position: absolute;
width: 135px;
height: 135px;
border: 7px solid #fff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#roleta .center img {
width: 78px;
height: auto;
}
#roleta i {
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 50px;
height: 50px;
}
#roleta .texts,
#roleta .icons {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
z-index: 91;
}
#roleta .texts img {
position: absolute;
pointer-events: none;
user-select: none;
}
#roleta .texts img.ss {
width: 100px;
height: auto;
top: -244px;
left: -308px;
transform: rotate(5deg);
}
#roleta .texts img.hs {
width: 92px;
height: auto;
top: -330px;
left: -41px;
}
#roleta .texts img.ms {
width: 145px;
height: auto;
top: -262px;
right: -305px;
transform: rotate(12deg);
}
#roleta .texts img.cs {
width: 75px;
height: auto;
top: 43px;
right: -313px;
transform: rotate(12deg);
}
#roleta .texts img.ps {
width: 190px;
height: auto;
top: 243px;
left: -220px;
transform: rotate(17deg);
}
#roleta .icons i.money {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-money.svg);
top: -231px;
left: -20px;
}
#roleta .icons i.money-2 {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-money.svg);
top: -11px;
left: 181px;
transform: rotate(95deg);
}
#roleta .icons i.money::after,
#roleta .icons i.money-2::after {
content: "*";
font-size: 28px;
color: white;
margin: 0 0 0 40px;
}
#roleta .icons i.serve {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-serve.svg);
top: -209px;
left: 58px;
width: 50px;
height: 55px;
}
#roleta .icons i.cart {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-cart.svg);
top: -166px;
left: 133px;
width: 47px;
height: 59px;
}
#roleta .icons i.dayoff {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-dayoff.svg);
top: -86px;
left: 178px;
width: 40px;
height: 50px;
transform: rotate(73deg);
}
#roleta .icons i.cart-2 {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-cart.svg);
top: 62px;
left: 168px;
width: 47px;
height: 59px;
transform: rotate(76deg);
}
#roleta .icons i.tshirt {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-tshirt.svg);
top: 126px;
left: 115px;
width: 47px;
height: 59px;
transform: rotate(14deg);
}
#roleta .icons i.netflix {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-netflix.svg);
top: 170px;
left: 51px;
}
#roleta .icons i.chocolate {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-chocolate.svg);
top: 186px;
left: -25px;
width: 42px;
}
#roleta .icons i.hamburguer {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-hamburguer.svg);
top: 162px;
left: -109px;
}
#roleta .icons i.gift {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-gift.svg);
top: 113px;
left: -184px;
}
#roleta .icons i.cash {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-cash.svg);
top: 34px;
left: -225px;
}
#roleta .icons i.heart-alt {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-heart-alt.svg);
top: -41px;
left: -232px;
transform: rotate(21deg);
}
#roleta .icons i.like {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-like.svg);
top: -117px;
left: -212px;
}
#roleta .icons i.heart {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-heart.svg);
top: -183px;
left: -162px;
width: 42px;
}
#roleta .icons i.smile {
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/roleta/icon-smile.svg);
top: -220px;
left: -99px;
width: 45px;
}
.__update_front .default-text picture {
display: flex;
}
.__update_front .default-text picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.__update_front .default-text a.link {
margin: 10px 0 0;
border: 0;
border-radius: 35px;
background: #7b91c6;
color: white;
text-transform: uppercase;
font-size: 12px;
padding: 16px 45px;
transition: all 0.4s;
font-weight: 600;
letter-spacing: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.__update_front .default-text a.link::before {
content: "";
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid #fff;
border-radius: 5px;
position: relative;
top: 0;
margin-right: 15px;
}
.__update_front .default-text a.link:hover {
background: #1d385f;
color: #fff;
}
.__update_front .banner-content {
height: 825px;
}
.__update_front .banner-content .slideshow .slide .caption {
text-align: left;
}
.__update_front .slideshow .slide .image-container::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 1), transparent);
top: 0;
left: 0;
}
.__update_front .bloco-1-home-2023 {
padding: 80px 15px;
}
.__update_front .bloco-1-home-2023 h2 {
margin-bottom: 20px;
font-size: 26px;
}
.__update_front .bloco-1-home-2023 ul {
margin: 60px auto 0;
display: grid;
grid-template-columns: repeat(4, 269px);
justify-content: center;
grid-gap: 80px;
}
.__update_front .bloco-1-home-2023 ul li,
.__update_front .bloco-1-home-2023 ul li a {
overflow: hidden;
border: 0;
border-radius: 20px;
transition: box-shadow 0.2s, background 0.2s;
display: flex;
flex-direction: column;
}
.__update_front .bloco-1-home-2023 ul li picture {
width: 269px;
height: auto;
}
.__update_front .bloco-1-home-2023 ul li picture img {
filter: grayscale(1);
transition: grayscale 0.2s;
}
.__update_front .bloco-1-home-2023 ul li h3 {
padding: 25px 15px;
background: #dbdbdb;
letter-spacing: 0.07rem;
text-align: center;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
transition: background 0.2s, color 0.2s;
height: 100%;
}
.__update_front .bloco-1-home-2023 ul li:hover {
box-shadow: 4px 4px 20px rgb(0 0 0/25%);
}
.__update_front .bloco-1-home-2023 ul li:hover h3,
.__update_front .bloco-1-home-2023 ul li:hover {
background: #8292c6;
color: #fff;
}
.__update_front .bloco-1-home-2023 ul li:hover picture img {
filter: grayscale(0);
}
.__update_front .bloco-2-home-2023 {
padding: 80px 15px;
max-width: 1800px;
position: relative;
}
.__update_front .bloco-2-home-2023::before {
content: "";
position: absolute;
width: 150vw;
height: 100%;
top: 0;
left: -50vw;
background: #ececec;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 939px;
height: 569px;
position: relative;
}
.__update_front .bloco-2-home-2023 .wrapper-picture picture.float {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
pointer-events: none;
user-select: none;
}
.__update_front .bloco-2-home-2023 .wrapper-picture picture.float img {
object-fit: contain;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 735px;
height: 458px;
transform: translate(6px, -29px);
z-index: 0;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel picture {
display: flex;
width: 100%;
height: 100%;
}
.__update_front .bloco-2-home-2023 section {
padding: 0 0 0 100px;
}
.__update_front .bloco-2-home-2023 section h2 {
line-height: 1.3;
margin: 0;
}
.__update_front .bloco-2-home-2023 section h2::after {
margin: 15px 0 20px;
content: "";
position: relative;
display: block;
width: 50px;
height: 5px;
background: #7b91c6;
border: 0;
border-radius: 99px;
}
.__update_front .bloco-3-home-2023 {
padding: 200px 15px;
position: relative;
}
.__update_front .bloco-3-home-2023 picture.float {
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
user-select: none;
}
.__update_front .bloco-3-home-2023 h3 {
margin: 0 0 15px;
font-size: 20px;
font-weight: 600;
color: #fff;
}
.__update_front .bloco-3-home-2023 p {
color: #fff;
margin: 0;
}
.__update_front .bloco-3-home-2023 a.video {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
margin: 0 auto 55px;
border: 0;
border-radius: 50%;
position: relative;
z-index: 0;
}
.__update_front .bloco-3-home-2023 a.video::before,
.__update_front .bloco-3-home-2023 a.video::after {
content: "";
position: absolute;
display: block;
width: calc(100% + 35px);
height: calc(100% + 35px);
background: rgba(255, 255, 255, 0.2);
border: 0;
border-radius: 99px;
z-index: -2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.2s;
}
.__update_front .bloco-3-home-2023 a.video::after {
width: 100%;
height: 100%;
background: #7b91c6;
}
.__update_front .bloco-3-home-2023 a.video:hover::before {
width: calc(100% + 50px);
height: calc(100% + 50px);
background: rgba(255, 255, 255, 0.5);
}
.__update_front .bloco-3-home-2023 a.video:hover::after {
background: #1d385f;
}
.__update_front .bloco-3-home-2023 a.video svg {
width: 25px;
height: 25px;
}
.__update_front .bloco-4-home-2023 {
padding: 80px 15px;
}
.__update_front .bloco-4-home-2023 section {
width: 1392px;
height: 570px;
overflow: hidden;
border: 0;
border-radius: 20px;
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 50px;
width: 45%;
}
.__update_front .bloco-4-home-2023 picture.float {
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
user-select: none;
}
.__update_front .bloco-4-home-2023 picture.float img {
width: 100%;
height: 100%;
object-fit: cover;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 37px;
line-height: 1.3;
margin: 0 0 25px;
}
.__update_front .bloco-4-home-2023 section h4 {
margin: 0 0 25px;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #7b91c6;
letter-spacing: 1px;
display: table;
}
.__update_front .bloco-4-home-2023 section a.link::before {
display: none;
}
.__update_front .bloco-4-home-2023 section a.link svg {
width: 10px;
height: 10px;
position: relative;
left: 1px;
}
.__update_front .bloco-4-home-2023 section a.link>span.svg {
position: relative;
margin: 0 20px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.__update_front .bloco-4-home-2023 section a.link>span.svg::before {
content: "";
position: absolute;
width: 25px;
height: 25px;
border: 2px solid #fff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloco-posts-home-2023 {
padding: 70px 15px;
background: #fff !important;
}
.bloco-posts-home-2023 .header p {
margin-bottom: 70px !important;
}
.bloco-posts-home-2023 .articles {
display: grid;
grid-template-columns: 48% auto;
grid-column-gap: 60px;
grid-template-areas: "main other" "main other2" "main other3";
}
.bloco-posts-home-2023 .articles article {
height: 165px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) {
grid-area: main;
height: 620px;
}
.bloco-posts-home-2023 .articles article:nth-child(2) {
grid-area: other;
}
.bloco-posts-home-2023 .articles article:nth-child(3) {
grid-area: other2;
}
.bloco-posts-home-2023 .articles article:nth-child(4) {
grid-area: other3;
}
.bloco-posts-home-2023 article picture {
width: 235px;
height: 100%;
overflow: hidden;
display: flex;
border-radius: 15px;
}
.bloco-posts-home-2023 article picture img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1.1s;
}
.bloco-posts-home-2023 article:hover picture img {
transform: scale(1.1);
}
.bloco-posts-home-2023 .articles article .content {
padding: 25px 0 25px 25px;
height: auto;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 0;
}
.bloco-posts-home-2023 .articles article:nth-child(1) .content {
padding: 25px 0;
border-radius: 0;
}
.bloco-posts-home-2023 .articles article:nth-child(1) picture {
width: 100%;
height: 380px;
}
.bloco-posts-home-2023 .articles article:nth-child(2),
.bloco-posts-home-2023 .articles article:nth-child(3),
.bloco-posts-home-2023 .articles article:nth-child(4) {
display: flex;
}
.bloco-posts-home-2023 .articles article a {
height: auto;
transform: none;
}
.bloco-posts-home-2023 .articles article h2 {
font-size: 22px;
line-height: 1.1;
font-family: "Montserrat";
margin-bottom: 10px;
color: #1d385f;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.bloco-posts-home-2023 .articles article:nth-child(1) h2 {
font-size: 28px;
}
.bloco-posts-home-2023 .articles article span.read-more {
font-size: 11px;
color: #1d385f;
font-weight: 600;
letter-spacing: 2px;
}
.bloco-posts-home-2023 .articles article:hover span.read-more>span {
text-decoration: underline;
text-underline-offset: 2px;
}
.bloco-posts-home-2023 .articles article .content .infos a {
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
}
.bloco-posts-home-2023 .articles article p {
margin: 0 0 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.bloco-posts-home-2023 a.link {
border: 2px solid #b9b6b6 !important;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin: 35px 0 0 !important;
}
.bloco-posts-home-2023 a.link:hover {
border-color: #7b91c6 !important;
}
.banner-pages.pp {
min-height: 450px;
}
.banner-pages.pp h1 {
margin-top: 0;
}
.bloco-1-pp {
padding: 0 15px 60px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
margin: 80px 0 0;
font-size: 36px;
font-weight: 700;
color: #5d5d5d;
}
.bloco-1-pp h1::after,
.bloco-1-pp h2::after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #c3c3c3;
margin: 50px 0;
}
.bloco-1-pp h3 {
font-size: 28px;
}
.bloco-1-pp ul {
margin-bottom: 25px;
}
.bloco-1-pp ul li {
line-height: 1.8;
text-indent: -10px;
padding-left: 10px;
}
.bloco-1-pp ul li+li {
margin: 15px 0 0;
}
.bloco-1-pp ul li::before {
content: "";
width: 5px;
height: 5px;
background: #1d385f;
border: 0;
border-radius: 50%;
display: inline-block;
margin-right: 5px;
position: relative;
top: -2px;
}
.bloco-1-pp a {
color: #1d385f;
text-decoration: underline;
font-weight: 600;
}
.navbar ul li.menu-item-has-children.hover {
padding-bottom: 21px;
}
.navbar ul li.menu-item-has-children>ul.sub-menu {
position: absolute;
height: 0;
overflow: hidden;
transition: all 0.3s;
z-index: -1;
background: rgba(41, 40, 37, 0.6);
min-width: 150px;
margin-top: 21px;
border-radius: 0;
left: -15px;
}
body.fixed .navbar ul li.menu-item-has-children>ul.sub-menu {
background: rgba(41, 40, 37, 0.8);
}
.navbar ul li.menu-item-has-children.hover>ul.sub-menu {
transition: all 0.3s;
transform: translateY(0);
z-index: 9;
}
.navbar ul li.menu-item-has-children>ul.sub-menu li {
margin-left: 0;
float: none;
margin: 15px 15px;
}
.navbar ul li.menu-item-has-children>ul.sub-menu li:first-child {
margin-top: 25px;
}
.navbar ul li.menu-item-has-children>ul.sub-menu li a {
color: #fff;
line-height: 1.3;
font-size: 13px;
text-align: left;
}
.navbar ul li.menu-item-has-children>ul.sub-menu li a:hover {
color: #8190c3;
}
.banner-pages-blog {
height: 350px;
background-position: center top;
}
.banner-pages.blog h2 {
padding-top: 0;
margin: 0;
color: white;
font-size: 50px;
margin-bottom: -5px;
}
.bloco-no-results {
background: #f8f8f8;
padding: 80px 0;
}
.post-header {
padding: 60px 60px 30px;
}
.post-header .box-cats {
display: inline-block;
margin-bottom: 50px;
background: #e05d57;
padding: 2px 15px 4px;
text-align: center;
border: 0;
border-radius: 8px;
}
.post-header .box-cats a {
color: white;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
}
.post-header h1 {
font-size: 36px;
line-height: 1.2;
padding: 0 50px;
font-weight: 800;
font-family: "Montserrat";
margin-bottom: 25px;
color: #1d385f;
text-align: center;
}
.post-header p {
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
font-family: "Montserrat";
letter-spacing: 2px;
color: #8190c3;
font-weight: 600;
}
.post-in ul.info {
display: flex;
padding: 0;
width: 100%;
align-items: center;
justify-content: center;
}
.post-in ul.info li {
float: left;
line-height: 30px;
}
.post-in ul.info li+li {
margin-left: 35px;
}
.post-in ul.info li .date {
font-family: "Montserrat";
letter-spacing: 2px;
color: #8190c3;
font-weight: 500;
}
.post-in ul.info li span.date i,
.post-in ul.info li span.author i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-clock.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-right: 10px;
position: relative;
top: 3px;
}
.post-in ul.info li span.author i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-user.png);
}
.post-in ul.info li.share a {
width: 28px;
height: 28px;
border: 0;
border-radius: 50%;
background: #8190c3;
display: flex;
justify-content: center;
align-items: center;
float: left;
position: relative;
top: -2px;
transition: background 0.2s;
}
.post-in ul.info li.share a:hover {
background: #1e375f;
}
.post-in ul.info li.share a+a {
margin-left: 15px;
}
.post-in ul.info li.share a>i {
color: white;
font-size: 14px;
}
.post-in {
padding-bottom: 100px;
}
.post-in article {
padding: 0 30px;
}
.post-in h2 {
line-height: 1.6;
color: #797979;
font-size: 18px;
margin-bottom: 45px;
font-weight: 600;
}
.post-in h3 {
line-height: 1.2;
font-size: 38px;
margin-bottom: 35px;
}
.post-in h4 {
line-height: 1.2;
font-size: 28px;
margin-bottom: 35px;
color: #797979;
}
.post-in p,
.post-in blockquote.right p {
line-height: 1.6;
font-size: 16px;
margin: 0 0 35px;
letter-spacing: 0.5px;
color: #797979;
}
.post-in blockquote.right {
display: inline-block;
}
.post-in blockquote.right div {
display: inline-block;
width: calc(50% - 80px);
float: left;
}
.post-in blockquote.right h4 {
float: left;
width: calc(50% + 70px);
line-height: 1.3;
color: #313537;
font-size: 39px;
margin-bottom: 35px;
position: relative;
padding-left: 105px;
}
.post-in blockquote.right h4::before {
content: "";
position: absolute;
top: 0;
left: 60px;
width: 8px;
height: 100%;
border: 0;
border-radius: 35px;
background: #e05d57;
}
.post-in blockquote:not(.right) p {
line-height: 1.4;
color: #313537;
font-size: 35px;
margin-bottom: 35px;
padding-left: 70px;
}
.post-in blockquote:not(.right) {
position: relative;
}
.post-in blockquote:not(.right)::before {
content: "''";
position: absolute;
margin-right: 50px;
display: inline-block;
font-size: 160px;
top: -12px;
left: 15px;
font-style: italic;
transform: scaleY(-1) scaleX(-1);
letter-spacing: -5px;
color: #e05d57;
line-height: 0;
}
.post-in iframe {
width: 100%;
max-width: 100%;
min-height: 495px;
}
.form-search-filter {
position: relative;
display: block;
padding: 80px 0 0;
}
.form-search-filter input {
width: 100%;
background: #ebebeb;
border: 0;
padding: 4px 15px 0 15px;
font-size: 16px;
color: #2c3030;
border-radius: 7px;
margin-left: 0;
height: 45px;
font-weight: 400;
}
.form-search-filter.news-filter input {
width: 100%;
}
.form-search-filter .submit {
position: relative;
margin: 0 0 15px;
width: 90%;
}
.form-search-filter .submit.s-btn {
margin: 0;
}
.form-search-filter button.main[type="submit"] {
width: 115px;
background: #67acc6;
border: 0;
font-weight: 300;
padding: 12px 25px;
margin: 2px 0 0;
position: relative;
top: 0;
right: 0;
height: 45px;
font-size: 16px;
color: #fff;
cursor: pointer;
float: left;
z-index: 1;
line-height: 0;
border-radius: 50px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
letter-spacing: 1px;
}
.form-search-filter.news-filter button[type="submit"] {
right: 0;
}
.form-search-filter button.second[type="submit"] {
background: transparent;
border: 0;
position: absolute;
}
.form-search-filter .search-word {
position: relative;
z-index: 0;
}
.form-search-filter .search-word i.icon-search {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-search-input.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 27px;
height: 28px;
position: absolute;
top: 15px;
right: -30px;
background-color: transparent;
cursor: pointer;
}
.form-search-filter button[type="submit"]:hover,
.form-search-filter a.see-all:hover {
opacity: 0.9;
}
.form-search-filter a.see-all {
width: 165px;
background: #949494;
border-radius: 5px;
border: 0;
font-weight: 400;
padding: 0 18px;
margin: 0;
position: relative;
height: 50px;
font-size: 16px;
text-transform: uppercase;
color: white;
line-height: 17px;
cursor: pointer;
display: inline-block;
margin-left: 18px;
top: 1px;
}
.form-search-filter a.see-all span {
position: relative;
top: 7px;
font-size: 14px;
}
.form-search-filter a.see-all>i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-lang.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
position: absolute;
top: 15px;
right: 15px;
transform: rotate(-90deg);
}
.form-search-filter button.icon {
position: absolute;
background: #2c3030;
border: 0;
width: 60px;
height: 56px;
top: 0;
right: 0;
}
.form-search-filter button.icon i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/search-pub.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
display: block;
width: 26px;
height: 27px;
margin: 0 auto;
}
.seletor-filtro {
padding: 0;
margin: 0;
display: inline-block;
}
.seletor-filtro li {
float: left;
margin-right: 30px;
}
.seletor-filtro li:last-child {
margin-right: 0;
width: auto;
}
.seletor-filtro li {
font-weight: 800;
font-size: 22px;
color: #2c3030;
line-height: 45px;
position: relative;
}
.seletor-filtro li>i {
position: absolute;
right: -10px;
background: #1d385f;
border: 0;
border-radius: 50%;
top: -10px;
z-index: 9;
padding: 5px;
font-size: 12px;
width: 25px;
line-height: 15px;
text-align: center;
color: #fff;
cursor: pointer;
}
.select2-selection:focus,
.select2:focus {
outline: 0;
}
.seletor-filtro select,
.select2 {
border: 0;
background: #263540;
border-radius: 5px;
padding: 10px 5px 0;
min-width: 293px;
max-width: 293px;
font-size: 14px;
z-index: 2;
height: 45px;
}
.seletor-filtro .continente {
min-width: 250px;
max-width: 250px;
}
.seletor-filtro .pais {
min-width: 298px;
max-width: 298px;
}
.seletor-filtro .regiao {
min-width: 300px;
max-width: 300px;
}
.seletor-filtro .select2-container--disabled {
opacity: 0.7;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
background: #efefef;
border: 0;
top: -4px;
}
.select2-container--open .select2-dropdown--below .select2-results,
.select2-container--open .select2-dropdown--above .select2-results {
padding: 20px 0;
background: #e9ebec;
border: 0;
border-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.select2-container--open .select2-dropdown--above {
background: #efefef;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border: 0;
top: 0;
}
.select2-container--open .select2-dropdown--above .select2-results {
padding: 20px 0;
border-bottom: 0;
border-radius: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.select2-results__option {
color: #313131;
font-size: 14px;
padding: 4px 20px;
line-height: 1.3;
}
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected="true"] {
color: #313131;
font-weight: 600;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
color: #313131;
background: 0 0;
font-size: 14px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
font-size: 14px;
background: 0 0;
color: #313131;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover::before,
.select2-container--default .select2-results__option--highlighted[aria-selected="true"]::before {
content: "/";
display: inline-block;
color: #7b91c6;
font-size: 16px;
margin: 0 5px 0 0;
}
.select2-container--default .select2-selection--single {
background-color: transparent;
border: 0;
border-radius: 4px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #bababa;
cursor: default;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
font-weight: 300;
line-height: 25px;
padding-right: 35px;
text-transform: uppercase;
font-size: 14px;
text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
border: 0;
width: 16px;
height: 10px;
background: 0 0;
top: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {
content: "";
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-filter-select.png);
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 10px;
border: 0;
margin-left: 0;
margin-top: 0;
position: absolute;
top: 16px;
right: 18px;
z-index: 9;
transition: all 0.3s;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
transform: scaleY(-1);
top: 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
text-transform: uppercase;
font-size: 14px;
font-weight: 300;
color: #fff;
}
.select2-container--open .select2-dropdown--above {
border: 0;
top: 3px;
}
.select2-container .select2-search--inline .select2-search__field:focus {
outline: 0;
border: 0;
height: auto;
line-height: 0;
}
.select2-container .select2-search--inline .select2-search__field {
margin: 4px 0 0;
}
.bloco-3-sss-wms {
padding-bottom: 80px;
}
.bloco-3-sss-wms .dinamic-content h3 {
font-weight: 600;
font-size: 22px;
color: #7b91c6;
}
.bloco-3-sss-wms .to-loading {
top: 30px;
}
.bloco-3-sss-wms .dinamic-content.active {
margin-top: 70px;
}
.f-modulos {
padding: 30px 0 0;
}
.f-modulos .select2-container--default .select2-selection--single .select2-selection__rendered {
text-align: left;
padding-left: 15px;
}
.f-modulos .select2-container--default.select2-container--disabled .select2-selection--single {
background-color: transparent !important;
cursor: default;
}
.f-modulos .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
display: none !important;
}
.f-modulos .seletor-filtro select,
.select2 {
background: #7b91c6 !important;
}
.popup-video-inst {
position: fixed;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
z-index: 9999;
}
.popup-video-inst iframe {
width: 1000px;
height: 560px;
position: relative;
box-shadow: 0 0 9px 7px rgb(255 255 255/10%);
}
.popup-video-inst a.close-modal,
.popup-video-inst a.close-modals {
position: absolute;
width: 60px;
height: 60px;
overflow: hidden;
right: 20px;
top: 20px;
z-index: 9999;
transition: all 0.2s;
opacity: 0.8;
}
.popup-video-inst a.close-modal i::before,
.popup-video-inst a.close-modal i::after,
.popup-video-inst a.close-modals i::before,
.popup-video-inst a.close-modals i::after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
}
.popup-video-inst a.close-modal i::before,
.popup-video-inst a.close-modals i::before {
transform: rotate(45deg);
}
.popup-video-inst a.close-modal i::after,
.popup-video-inst a.close-modals i::after {
transform: rotate(-45deg);
}
.popup-video-inst a.close-modal:hover,
.popup-video-inst a.close-modals:hover {
transform: rotate(90deg);
opacity: 1;
}
.modal {
background: rgba(0, 0, 0, 0.5);
}
.modal-body {
padding: 0;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
}
.modal-content {
box-shadow: none;
border: 0 !important;
background-color: transparent !important;
}
.modal-header {
position: absolute;
right: 0;
z-index: 9;
border: 0;
top: -15px;
padding: 0;
margin: 0;
}
.modal-header h4,
.modal-header button span {
display: none;
}
.modal-header .close {
opacity: 0.8;
top: 0;
margin: 0;
padding: 0;
}
.modal-header .close:hover {
opacity: 1;
}
.modal-header .close::before {
content: "";
position: relative;
display: inline-block;
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/close-menu.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin: 0;
transition: opacity 0.2s;
opacity: 0.9;
z-index: 999;
background-color: black;
border-radius: 50%;
padding: 15px;
background-size: 45%;
background-position: center;
cursor: pointer;
}
.ekko-lightbox .modal-footer {
text-align: center;
background: transparent;
justify-content: center;
box-shadow: none;
color: white;
border: 0;
}
.jq-toast-single {
margin: 20px 0 5px !important;
}
.hvr-line:after {
content: "";
display: inline-block;
width: 0;
height: 1px;
background: #c71142;
transition: width 0.3s;
float: right;
}
.hvr-line:hover::after {
width: 100%;
background: #c71142;
}
.hvr-line.white-line:hover::after {
width: 100%;
background: #fff;
}
.hvr-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 2 1 1px rgba(177, 47, 47, 0);
transition-duration: 0.3s;
transition-property: box-shadow;
}
.hvr-shadow.border-r {
border-radius: 15px;
}
.hvr-shadow:not(:disabled):hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1);
}
.b-default {
display: inline-block;
text-transform: uppercase;
}
.search-block .form-search-blog {
text-align: left;
}
.search-block h4 {
color: #fff;
font-weight: 500;
font-size: 35px;
text-align: left;
margin: 0 0 10px 0;
height: 60px;
}
.search-block .content {
width: 100%;
position: relative;
}
.search-block .form-search-blog input {
border: 0;
background: white;
padding: 22px 92px 22px 15px;
width: 100%;
color: #333;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
}
.search-block .form-search-blog button[type="submit"] {
width: auto;
background: #2b3b5d;
border-radius: 0;
border: 0;
font-weight: 400;
padding: 12px 28px;
margin: 20px 0 0;
position: absolute;
top: 50px;
right: 0;
height: 68px;
cursor: pointer;
}
.search-block .form-search-blog button[type="submit"]>i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-search-white.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: relative;
top: 3px;
left: 0;
}
.search-block .form-search-blog button[type="submit"]:hover {
opacity: 0.9;
}
.search-block {
width: 190px;
left: -190px;
transform: translate(0, 0);
transition: transform 0.5s;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0;
}
.search-block {
transition-duration: 500ms;
transform: translate(190px, 0);
}
.search-block {
padding: 0;
position: fixed;
top: 0;
left: 0;
height: 100% !important;
background-color: rgba(46, 58, 65, 0.85);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
z-index: 99999;
max-height: inherit;
overflow: hidden;
}
.search-block {
opacity: 0;
width: 100%;
right: -90%;
left: inherit;
}
.search-block.active {
transform: translate(-90%, 0);
z-index: 9999999;
}
a.close-menu {
position: absolute;
right: 0;
top: 8px;
background: #333;
width: 40px;
text-align: center;
height: 40px;
}
a.close-menu i {
display: inline-block;
background-image: url(https://eslsistemas.com.br/wp-content/themes/esl/images/layout/close-menu.png);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin: 10px 0 0;
transition: opacity 0.2s;
opacity: 0.8;
}
a.close-menu i:hover {
opacity: 1;
}
.to-loading {
position: relative;
top: 110px;
}
.to-static {
position: relative;
top: 50px;
width: 100%;
}
.loading,
.loading-to-filter,
.loading-to-spin {
z-index: 999999;
margin: 0 auto;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/loader.svg);
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
height: 65px;
width: 65px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
margin-left: -32.5px;
top: 50%;
margin-top: -32.5px;
}
.loading-full-mask {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
z-index: 999999;
top: 0;
left: 0;
}
.loading-full-mask.dark {
background: rgba(0, 0, 0, 0.8);
}
.loading-full-mask.active {
display: block;
}
.loading-full {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/loader.svg);
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
height: 65px;
width: 65px;
position: absolute;
left: 50%;
margin-left: -32.5px;
top: 50%;
margin-top: -32.5px;
}
.callback-messages {
display: none;
position: fixed;
background: #e66767;
border-bottom: 2px solid #de4d4d;
width: 100%;
line-height: 40px;
text-align: center;
font-weight: 400;
font-size: 16px;
color: white;
z-index: 999;
box-shadow: 0 2px 10px #000;
}
.wrapper-form-popup {
opacity: 0;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: -1;
transition: opacity 0.3s;
}
.wrapper-form-popup.active {
opacity: 1;
z-index: 9999;
}
.wrapper-form-popup .popup-body {
padding: 60px 35px 40px;
width: 800px;
min-height: 200px;
background: white;
border: 0;
border-radius: 12px;
transition: transform 0.5s;
transform: translateY(-1000px);
}
.wrapper-form-popup.active.end .popup-body {
transform: translateY(0);
}
.wrapper-form-popup .popup-body button.close {
margin: 0;
border: 0;
background: transparent;
position: absolute;
right: 10px;
top: 10px;
}
.wrapper-form-popup .popup-body h3 {
font-size: 30px;
font-weight: 800;
font-family: "Montserrat";
margin-bottom: 15px;
color: #1d385f;
}
.wrapper-form-popup .popup-body p {
line-height: 1.7;
color: #767676;
}
.wrapper-form-popup .popup-body form {
margin: 35px 0 0;
}
.wrapper-form-popup .popup-body form input,
.wrapper-form-popup .popup-body form select {
border: 2px solid #cccbcb;
border-radius: 35px;
background: #fff;
padding: 10px 20px;
width: 100%;
color: #666;
font-weight: 400;
font-size: 16px;
}
.wrapper-form-popup .popup-body form select {
background: transparent;
-webkit-appearance: none;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-arrow-select-popup.png) no-repeat right white;
}
.wrapper-form-popup .popup-body form input[name="email"] {
padding: 10px 20px;
border-radius: 35px;
}
.wrapper-form-popup .popup-body form button[type="submit"] {
width: auto;
border: 0;
border-radius: 35px;
font-weight: 600;
padding: 0 40px;
margin: 25px 0 0;
position: relative;
top: 0;
right: 0;
height: 48px;
cursor: pointer;
color: white;
text-transform: uppercase;
letter-spacing: 2px;
background-color: #8190c3;
}
#box-chat {
position: fixed;
z-index: 999;
right: 15px;
bottom: 5px;
transition: right 0.3s;
}
#box-chat a.close {
position: absolute;
width: 20px;
right: 5px;
top: -8px;
}
footer {
background: #1e375f;
padding: 80px 0;
}
footer>.row {
height: 100%;
}
footer img {
width: 129px;
}
footer h3 {
color: white;
font-size: 15px;
font-weight: 400;
font-style: italic;
margin: 10px 0 0;
}
footer h4 {
color: #8190c3;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-family: "Montserrat";
font-weight: 600;
margin: 15px 0 40px;
}
footer h4 b,
footer h4 strong {
font-weight: 700;
}
footer h5,
footer h5 a,
footer h5 a:hover {
margin-top: 15px;
color: white;
font-weight: 600;
}
footer p,
footer p a {
font-size: 14px;
line-height: 1.6;
margin: 0;
color: #fff;
}
footer p.form {
margin: -5px 0 15px;
}
footer p.cambio {
margin: 10px 0 0;
}
footer p.cambio i {
width: 18px;
}
footer p strong a,
footer p b a {
font-weight: 700;
}
footer a:hover {
text-decoration: none;
color: white;
}
footer ul.contacts li {
margin: 0;
}
footer ul.contacts li,
footer ul.contacts li a {
font-size: 14px;
line-height: 1.6;
color: white;
text-align: justify;
margin: 0 0 18px;
color: #fff;
letter-spacing: 1px;
position: relative;
}
footer ul.contacts li i {
margin-right: 15px;
color: #e05d57;
font-size: 18px;
position: absolute;
left: -45px;
}
footer ul.contacts li i.fa-phone {
transform: rotate(100deg);
}
footer ul.contacts li i.fa-whatsapp {
font-size: 20px;
}
footer ul.contacts li b {
font-size: 16px;
}
footer ul.contacts li small {
font-size: 90%;
}
footer ul.contacts.c-2 li,
footer ul.contacts.c-2 li a {
line-height: 2;
font-size: 16px;
}
footer ul.contacts.c-2 li b {
font-size: 16px;
}
footer ul.contacts li span {
display: inline-block;
color: #e05d57;
margin: 0 5px;
}
footer ul.contacts li span.b-blue {
color: #67acc6;
}
footer .space-left {
padding-left: 50px;
}
footer ul.social {
margin-top: -15px;
}
footer ul.social li {
float: left;
}
footer ul.social li+li {
margin-left: 5px;
}
footer ul.social li i {
color: #8190c3;
font-size: 20px;
transition: color 0.2s;
}
footer ul.social li i:hover {
color: white;
}
footer .icon.phone,
footer .icon.map {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-phone-color.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 22px;
line-height: 22px;
vertical-align: middle;
margin-right: 6px;
}
footer .icon.map {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-map-color.png);
}
footer .contacts h4.no-indent {
text-indent: 0;
margin-top: 0;
}
footer .contacts h4 span {
font-weight: 300;
font-size: 20px;
}
footer .contacts h5 {
margin-top: 40px;
}
footer .contacts h5 span {
font-weight: 300;
font-size: 14px;
}
footer .redes {
display: inline-block;
margin: 15px 0 15px;
float: right;
}
footer .redes li {
float: left;
border: 0;
border-radius: 0;
text-align: center;
}
footer .redes li a {
display: inline-block;
width: 32px;
height: 32px;
border: 0;
text-align: center;
}
footer .redes li:nth-child(n + 2) {
margin-left: 25px;
}
footer .redes li i {
color: #aca187;
line-height: 32px;
font-size: 26px;
transition: all 0.3s;
}
footer .redes li i.fa-facebook-f {
font-size: 14px;
border: 1px solid #aca187;
padding: 0 8px;
border-radius: 50%;
line-height: 25px;
margin-top: 2px;
}
footer .redes li:hover i.fa-facebook-f {
border-color: white;
}
footer .redes li:hover i {
color: white;
}
footer .block-copyright {
background: #67acc6;
padding: 15px 0;
margin: 40px 0 0;
}
footer .block-copyright img {
width: 276px;
}
footer p.copyright {
font-size: 15px;
color: #fff;
margin: 0;
height: auto;
border: 0;
}
footer form .form-group {
position: relative;
margin-bottom: 5px;
}
footer form .form-group span {
margin: 2px 0 0;
color: #fff;
}
footer form {
width: 100%;
margin-bottom: 15px;
}
footer form label {
position: absolute;
margin: 0;
top: 12px;
}
footer form label i {
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-user-color.png);
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-o-background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
}
footer form label.mail i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-mail-color.png);
}
footer form input {
border: 0;
border-bottom: 1px solid #8190c3;
background: transparent;
padding: 10px 20px 10px 35px;
width: 100%;
color: #fff;
font-weight: 400;
font-size: 14px;
}
footer form button[type="submit"] {
width: auto;
background: transparent;
border: 0;
font-weight: 700;
padding: 0;
margin: 5px 0 0;
position: relative;
height: 40px;
cursor: pointer;
color: white;
text-transform: uppercase;
}
footer form button[type="submit"]>i {
display: inline-block;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
position: relative;
border-radius: 4px;
top: 4px;
left: 0;
margin-right: 6px;
}
footer form button[type="submit"]:hover {
opacity: 0.9;
}
footer form input::-webkit-input-placeholder {
color: #8190c3;
font-weight: 400;
font-style: italic;
}
footer form input::-moz-placeholder {
color: #8190c3;
font-weight: 400;
font-style: italic;
}
footer form input:-ms-input-placeholder {
color: #8190c3;
font-weight: 400;
font-style: italic;
}
footer form input:-moz-placeholder {
color: #8190c3;
font-weight: 400;
font-style: italic;
}
footer .menu {
margin-top: 25px;
}
footer .menu li+li {
margin-top: 18px;
}
footer .menu li a {
color: #8190c3;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-family: "Montserrat";
font-weight: 600;
transition: color 0.2s;
}
footer .menu li a:hover {
color: white;
}
footer section.final {
margin: 50px 0 0;
display: flex;
justify-content: space-between;
}
footer section.final a {
font-size: 14px;
line-height: 1.6;
margin: 0;
color: #fff;
}
footer section.final a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1480px) {
p,
li {
font-size: 14px;
}
.bloco-4-home figure {
height: 710px;
}
.bloco-2-home.default-text p {
font-size: 14px;
}
.bloco-2-home picture.bg {
min-height: 815px;
}
.bloco-posts article .content p {
font-size: 14px;
}
.bloco-3-sn p {
font-size: 15px;
line-height: 2.1;
}
.bloco-1-ct section p {
font-size: 14px;
line-height: 2.2;
}
.bloco-2-ct figure.bg {
min-height: 780px;
}
.bloco-2-ct p {
font-size: 14px;
}
.bloco-1-tcn figure {
min-height: 620px;
}
.bloco-2-tcn ul li p {
font-size: 14px;
}
.post-in p,
.post-in blockquote.right p,
.post-in ul:not(.list-default)>li {
line-height: 1.8;
font-size: 14px;
}
.banner-pages.single {
min-height: 550px;
}
.bloco-1-fc p {
font-size: 19px;
}
.bloco-2-fc section p {
font-size: 15px;
}
.bloco-1-tms p {
font-size: 16px;
}
.banner-pages {
min-height: 460px;
}
.bloco-1-wms {
padding: 60px 15px 0;
}
.bloco-5-s-wms h3 {
font-size: 28px;
}
.bloco-1-onb p {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.navbar-toggler span.icon-bar:nth-child(1) {
transition: ease-in-out 0.2s;
transform: translateY(0);
}
.navbar-toggler span.icon-bar:nth-child(2) {
transition: ease-in-out 0.2s;
opacity: 1;
}
.navbar-toggler span.icon-bar:nth-child(3) {
transition: ease-in-out 0.2s;
transform: translateY(0);
}
.navbar-toggler.active span.icon-bar:nth-child(1) {
transition: ease-in-out 0.2s;
transform: translateY(12px);
}
.navbar-toggler.active span.icon-bar:nth-child(2) {
transition: ease-in-out 0.2s;
opacity: 0;
}
.navbar-toggler.active span.icon-bar:nth-child(3) {
transition: ease-in-out 0.2s;
transform: translateY(-16px);
}
.navbar-toggler.active.turn span.icon-bar:nth-child(1) {
transform: translateY(12px) rotate(40deg);
}
.navbar-toggler.active.turn span.icon-bar:nth-child(2) {
opacity: 0;
}
.navbar-toggler.active.turn span.icon-bar:nth-child(3) {
transform: translateY(-16px) rotate(-40deg);
}
body {
overflow-x: hidden;
}
.scrollUp {
right: 20px;
}
.navbar-nav {
margin: 32px 0 0 0;
padding: 0;
}
.language {
float: left;
margin-top: 5px;
margin-bottom: 10px;
}
.text-center-m {
text-align: center !important;
}
.menu-bar-main {
display: none;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle.color .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle,
.navbar-toggle {
border: 0;
border-color: white;
float: right;
margin: 20px 15px 20px 0;
padding: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 45px;
height: 7px;
border-radius: 0;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 8px;
}
.navbar-toggle {
margin-top: 10px;
}
.navbar-nav {
margin-top: 15px;
float: none;
}
.navbar ul.redes li {
float: left;
margin: 15px 15px 0 0;
}
.navbar ul.redes li.lang {
float: none;
margin: 55px 15px 0 0;
}
.top-bar li.lang ul li {
padding: 0;
}
.top-bar li.lang ul {
position: relative;
top: 0;
background: transparent;
}
.top-bar .local {
text-indent: -25px;
padding-left: 38px;
margin: 18px 0 2px;
}
.top-bar ul.redes {
margin-left: 5px;
}
ul.nav li.menu-item-has-children {
padding-bottom: 0;
}
#navbar-content {
padding: 0 0 20px;
}
.navbar-collapse .info p.contact {
margin-bottom: 35px;
}
.navbar-default .right {
padding-left: 15px;
}
.navbar-collapse.desktop img.logo {
margin-left: -5px;
margin-bottom: -25px;
}
ul.language ul>li {
margin-bottom: 0 !important;
}
.navbar ul:not(.redes-topo) li.search,
.navbar ul:not(.redes-topo) li.external-area,
.navbar ul:not(.redes-topo) li.area {
display: none;
}
.navbar-header {
width: 100%;
}
.navbar-light .navbar-toggler {
float: right;
margin: 2px 0 0 8px;
padding: 0;
border-color: transparent;
}
.search.mob,
.area.mob {
position: relative;
float: right;
margin: 0;
top: 14px;
margin-right: 8px;
margin-left: 0;
display: flex;
}
.area.mob {
margin: 0 15px 0 10px;
}
.area.mob>a {
color: white;
font-weight: 600;
font-size: 14px;
display: flex;
}
.search.mob>a>i {
width: 14px;
height: 14px;
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-search.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.8;
}
.area.mob>a>i {
width: 14px;
height: 14px;
display: inline-block;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/icon-lock.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.8;
margin-right: 10px;
}
.navbar-default .navbar-nav li a {
padding: 0 40px 0 0;
font-size: 20px;
}
.navbar-default .navbar-nav .menu {
padding: 0;
}
.navbar-default .navbar-nav li a {
font-size: 17px;
color: #fff;
padding: 0;
position: relative;
min-width: auto;
}
.navbar-default.menu-single-blog.namidia .navbar-nav li a,
.navbar-default.menu-single-blog.namidia .navbar-nav li.current-menu-item a {
color: #fff;
}
.navbar-default .navbar-nav li.current-menu-item a::after {
left: 0;
margin-left: 0;
}
.navbar-default.menu-single-blog .navbar-nav li.current-menu-item a::before {
background: #25e2ab;
}
.navbar.namidia ul li.search>a>i {
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/search-pub.png);
}
.navbar-default {
padding: 15px;
top: 0;
}
.navbar-default.nav-absolute {
position: relative;
background: transparent;
}
ul.language {
right: 100px;
top: 12px;
}
.pre-wrapper-top {
padding: 0;
}
.navbar-default .wrapper-top.navbar-collapse.collapse.in {
margin-bottom: -48px;
padding: 32px 0;
}
.navbar-brand>img,
.navbar-brand {
width: 115px;
height: auto;
margin: 0 auto 6px;
margin: 0;
float: left;
}
.navbar-brand {
height: auto;
padding: 0 15px 0 0;
}
.navbar-nav {
margin: 6px 0 0;
display: inline-block;
}
ul.social {
margin-top: 10px;
}
.navbar ul li {
margin-right: 12px;
}
.navbar ul:not(.redes-topo) li::after {
display: none;
}
.navbar-default .navbar-nav li:last-child a {
margin-top: 0;
}
.navbar-collapse.desktop,
.search-block {
margin: 0;
min-height: 560px;
height: 100% !important;
}
a.close-menu {
right: 0;
top: 0;
}
.navbar-collapse.desktop .navbar-nav li>a {
font-size: 25px;
}
.navbar-collapse .info p.address {
line-height: 1.5;
}
.navbar ul li ul.sub-menu {
position: relative;
width: 100%;
}
.navbar ul li ul.sub-menu.active {
width: 100%;
display: block !important;
}
.navbar ul li ul.sub-menu li {
margin-bottom: 0;
}
nav:not(.navbar-float) ul.nav li.menu-item-has-children {
padding-bottom: 0;
}
.navbar ul li ul.sub-menu>li {
float: none;
margin-bottom: 15px;
margin-left: 0 !important;
}
.navbar ul li.menu-item-has-children>ul.sub-menu {
background: none !important;
}
.navbar-default .navbar-nav li.hover ul.sub-menu {
height: auto;
margin: 0;
padding-bottom: 0;
padding-left: 25px;
}
.navbar ul li.menu-item-has-children.hover {
padding-bottom: 0;
margin: 0;
}
.navbar ul li.menu-item-has-children>ul.sub-menu {
position: relative;
margin-top: 0;
transform: translateY(0);
}
.navbar ul li.menu-item-has-children>ul.sub-menu li a {
color: white;
}
.navbar ul.menu li {
float: none;
margin-bottom: 20px;
}
.navbar ul.menu li+li {
margin-left: 0;
}
.navbar ul li.menu-item-has-children>a>span::before {
content: "";
display: inline-block;
margin-left: 15px;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/arrow-filter-select.png);
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 10px;
transition: transform 0.3s;
transform: translateY(0);
}
.navbar ul li.menu-item-has-children.hover>a>span::before {
transform: scaleY(-1) translateY(3px);
}
.navbar ul li.menu-item-has-children.hover>a {
color: #8190c3 !important;
}
.navbar-default .navbar-nav .menu {
height: auto;
}
.navbar ul li.menu-item-has-children>ul.sub-menu li:first-child {
margin-top: 18px;
}
body .navbar-default {
background: rgba(41, 41, 41, 0.8) !important;
}
body .navbar-default.open {
background: rgba(41, 41, 41, 1) !important;
}
.default-text h2,
.default-text h3 {
font-size: 20px;
padding: 0;
}
.navbar-brand>img {
height: 38px;
width: auto;
margin: 0;
}
.navbar-default .navbar-nav li a {
font-size: 14px;
letter-spacing: 0.6px;
}
.navbar ul.menu li+li {
margin-left: 0;
}
.navbar ul li.search::before {
left: -20px;
}
.slideshow .slide .caption {
margin-top: 0;
padding: 0 45px;
}
.slideshow .slide .title h1 {
font-size: 20px;
}
.slideshow .slide .text h3 {
font-size: 19px;
}
.slideshow .slide .image {
background-attachment: unset;
}
.slideshow .arrows .next {
right: 15px;
}
.slideshow .arrows .prev {
left: -15px;
}
.slideshow .slide .btn {
padding: 18px 35px;
}
.bloco-1-home {
padding: 45px 15px 5px;
}
.bloco-2-home picture.bg {
min-height: 200px;
background-position-y: top;
width: 100%;
}
.bloco-2-home picture.bg img {
width: 100%;
height: 300px;
object-position: top;
}
.bloco-2-home h2 {
padding-right: 15px;
font-size: 21px;
text-align: center;
}
.bloco-2-home.default-text p {
font-size: 15px;
text-align: center;
}
.bloco-2-home.default-text p br {
display: none;
}
.bloco-2-home .right {
padding: 35px 15px 15px;
}
.bloco-2-home ul {
display: block;
}
.bloco-2-home ul {
text-align: center;
}
.bloco-2-home ul li {
width: 100%;
margin-bottom: 35px;
}
.bloco-2-home ul::before {
top: -40px;
}
.bloco-3-home ul::before {
width: 1000px;
margin-left: -500px;
transform: rotate(90deg);
top: 578px;
}
.bloco-3-home ul::after {
display: none;
}
.bloco-3-home {
padding: 55px 15px 0;
}
.bloco-3-home ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.bloco-3-home ul li {
width: 290px;
margin-bottom: 32px;
}
.bloco-3-home ul li h3 {
margin: 20px 0 0;
background: #f8f8f8;
}
.bloco-3-home ul li p {
background: #f8f8f8;
margin: 0;
}
.bloco-3-home p {
padding: 0;
}
.bloco-4-home section {
padding: 50px 0;
width: 100%;
margin-left: 0;
}
.bloco-4-home section a.link {
padding: 16px 30px;
}
.bloco-4-home .bloco-2 section {
padding: 50px 0;
width: 100%;
margin-left: 0;
}
.bloco-4-home.default-text p {
font-size: 14px;
}
.bloco-4-home picture,
.bloco-4-home picture img {
height: 200px;
}
.bloco-4-home section h3 {
margin-bottom: 8px;
}
.bloco-5-home {
padding: 55px 15px 10px;
}
.bloco-5-home p {
font-size: 15px;
}
.bloco-5-home figure img {
max-height: 50px;
}
.bloco-5-home .col {
flex-basis: auto;
margin-bottom: 15px;
}
.bloco-5-home h3 {
margin-bottom: 5px;
}
.bloco-5-home h3>span.prefix {
margin: 0 0 0 -20px;
}
.bloco-posts article a.l-figure,
.bloco-posts article figure {
height: 185px;
}
.bloco-posts {
padding: 60px 15px;
}
.bloco-posts.home .header p {
margin-bottom: 60px;
font-size: 18px;
}
.bloco-posts.home .header p br {
display: none;
}
.bloco-posts article {
margin-bottom: 30px;
}
.bloco-posts.home a.link {
margin: 30px 0 0;
}
.adjust-left,
.adjust-m-left {
opacity: 1;
}
.banner-pages {
min-height: 300px;
}
.banner-pages.depoimentos {
min-height: 300px;
}
.banner-pages h1 {
font-size: 29px;
margin-top: 45px;
}
.slideshow .slide.banner-post-outubro-rosa::before {
height: 69px;
}
.slideshow .slide.banner-post-outubro-rosa .caption {
width: 100%;
text-align: center;
margin-top: -15px;
}
.slideshow .slide.banner-post-outubro-rosa .title h1 {
font-size: 40px;
}
.bloco-1-sn section {
width: 100%;
margin-left: 0;
padding: 40px 0 5px;
}
.bloco-1-sn section h2 {
font-size: 20px;
margin-bottom: 10px;
}
.bloco-1-sn figure {
width: 100%;
height: 250px;
}
.bloco-1-sn section h3::after {
margin: 20px 0 20px;
}
.bloco-2-sn .content {
margin: 33px 0 0;
}
.bloco-2-sn .content section {
padding-left: 0;
margin-left: 0;
}
.bloco-2-sn {
padding: 45px 15px;
}
.bloco-2-sn .content section p {
margin-bottom: -5px;
}
.bloco-2-sn ul {
display: block;
margin-top: 35px;
}
.bloco-2-sn ul li {
padding: 25px 15px;
}
.bloco-2-sn ul li h3 {
margin: 0;
}
.bloco-2-sn .content figure {
width: 100%;
height: 240px;
}
.bloco-2-sn .content section h2 {
font-size: 27px;
margin: 0 0 12px;
}
.bloco-2-sn .content section h4 {
margin-top: 22px;
margin-bottom: 0;
}
.bloco-2-sn .content section h3 {
font-size: 16px;
margin: 0;
}
.bloco-3-sn {
padding: 35px 15px 50px;
}
.bloco-3-sn h2 {
font-size: 22px;
}
.bloco-3-sn p {
font-size: 14px;
}
.bloco-3-sn section {
width: calc(100% - 5px);
}
.bloco-4-sn {
padding: 70px 15px;
}
.bloco-4-sn h2 {
font-size: 30px;
}
.bloco-4-sn p br {
display: none;
}
.bloco-5-sn section {
padding: 25px 15px;
}
.bloco-5-sn .owl-carousel {
padding: 0 15px;
}
.bloco-5-sn .owl-nav {
position: relative;
top: inherit;
margin: 15px 0 0 0 !important;
}
.bloco-5-sn .owl-nav button {
position: relative !important;
}
.banner-pages.software-tms h1 {
font-size: 26px;
}
.banner-pages.software-tms h2 {
font-size: 20px;
}
.bloco-2-tms ul.main li h4 {
margin: 30px 0 15px;
}
.bloco-1-tms {
padding: 0 15px 0;
}
.bloco-2-tms {
padding: 30px 15px 20px;
}
.bloco-2-tms ul {
display: block;
}
.bloco-2-tms ul.normal {
grid-column-gap: 15px;
grid-template-columns: auto auto;
}
.bloco-2-tms ul.main {
text-align: center;
}
.bloco-2-tms ul.main li {
padding: 25px 15px;
margin-bottom: 15px;
}
.bloco-2-tms ul.normal li {
padding-right: 5px;
margin-bottom: 45px;
margin-top: 46px;
}
.bloco-2-tms ul.normal li+li {
margin-top: 0;
}
.bloco-3-tms ul.normal>li ul li h4 {
height: auto !important;
}
.bloco-2-tms ul li figure img {
width: auto;
max-height: 50px;
}
.bloco-3-tms .container.small::before {
margin: -50px 0 40px;
}
.bloco-3-sss-wms .dinamic-content .b-figure a figure::after {
margin-left: -50px;
}
.bloco-3-sss-wms .dinamic-content .b-figure a figure>i {
margin: -25px 0 0 -25px;
}
.bloco-3-sss-wms .dinamic-content .b-figure a {
width: 100%;
}
.banner-pages.consultoria h1 {
font-size: 22px;
}
.banner-pages.consultoria h2 {
font-size: 17px;
}
.bloco-1-ct {
padding: 50px 15px 0;
}
.bloco-1-ct section {
width: 100%;
margin-left: 0;
padding: 0;
}
.bloco-1-ct section h2 {
font-size: 23px;
}
.bloco-1-ct .content figure {
width: 100%;
height: 200px;
}
.bloco-1-ct ul {
display: block;
text-align: center;
margin: 60px 0 45px;
}
.bloco-2-ct figure.bg {
min-height: 322px;
width: 100%;
}
.bloco-2-ct section {
padding: 35px 0;
width: 100%;
padding-left: 0;
margin-left: 0;
}
.bloco-2-ct h2 {
font-size: 21px;
}
.bloco-2-ct ul.wrapper li {
margin-top: 0;
}
.bloco-2-ct p {
margin-bottom: 0;
}
.bloco-2-ct ul.wrapper {
display: block;
text-align: center;
}
.bloco-3-ct {
padding: 0 15px 60px;
}
.bloco-3-ct h2 {
font-size: 24px;
}
.banner-pages.tecnologias section h1 {
font-size: 20px;
}
.banner-pages.tecnologias section p {
font-size: 14px;
font-weight: 400;
}
.banner-pages.tecnologias section p br {
display: none;
}
.banner-pages.tecnologias section {
padding-right: 0;
padding-left: 0;
margin-top: 65px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 0;
width: 100%;
}
.bloco-1-tcn figure {
min-height: 280px;
}
.bloco-1-tcn section {
padding: 40px 0;
}
.bloco-2-tcn {
padding: 52px 15px 0;
}
.bloco-2-tcn ul {
display: block;
text-align: center;
}
.bloco-2-tcn ul li {
margin-bottom: 35px;
}
.bloco-3-tcn {
padding: 65px 15px;
}
.bloco-4-tcn ul {
display: block;
}
.bloco-4-tcn ul li h3 {
font-size: 22px;
line-height: 1.3;
}
.bloco-4-tcn ul li a {
margin: 25px 0 0;
}
.banner-pages.apresentacoes section h1 {
font-size: 20px;
}
.banner-pages.apresentacoes section p span {
font-size: 14px;
font-weight: 400;
padding-right: 120px;
display: inline-block;
}
.banner-pages.apresentacoes section p br {
display: none;
}
.banner-pages.apresentacoes section {
padding-right: 0;
padding-left: 0;
margin-top: 65px;
}
.banner-pages.apresentacoes section a {
margin: 18px 0 0;
letter-spacing: 1px;
font-size: 11px;
padding: 16px 15px;
}
.bloco-1-apresentacao {
padding: 40px 15px 80px;
}
.bloco-1-apresentacao h2 {
margin-bottom: 5px;
}
.bloco-1-apresentacao p {
margin-bottom: 0;
}
.bloco-1-apresentacao p br {
display: none;
}
.modal-ppt>div>input {
width: 100%;
}
.modal-ppt>div>button {
margin: 15px 0 0;
}
.modal-ppt::after {
display: none;
}
.banner-pages.fale-conosco::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 50%;
height: 86%;
left: 0;
background: linear-gradient(to top,
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.8),
transparent);
}
.banner-pages.fale-conosco section {
padding-left: 0;
padding-right: 0;
margin-top: 50px;
}
.banner-pages.fale-conosco section h1 {
font-size: 28px;
margin: 55px 0 15px;
}
.banner-pages.fale-conosco section p {
font-size: 23px;
}
.bloco-1-fc {
padding: 55px 15px 15px;
}
.bloco-1-fc h2 {
font-size: 25px;
}
.bloco-1-fc ul {
margin: 50px 0 0;
display: block;
}
.bloco-1-fc ul li {
margin-bottom: 25px;
width: 100%;
}
.bloco-1-fc ul li+li {
margin-left: 0;
}
.bloco-1-fc p {
font-size: 18px;
}
.bloco-2-fc section {
padding: 40px 0;
}
.bloco-2-fc section p br {
display: none;
}
.bloco-2-fc section p {
font-size: 18px;
}
.bloco-2-fc .bloco-1 section {
padding-left: 0;
width: 100%;
}
.bloco-2-fc figure {
min-height: 250px;
}
.bloco-3-fc {
padding: 35px 15px 60px;
}
.bloco-2-1-fc {
padding: 15px 15px 0;
}
.bloco-2-1-fc h2 {
font-size: 25px;
}
.bloco-2-1-fc form {
margin: 50px 0 0;
}
.bloco-2-1-fc form .form-group {
margin-bottom: 25px;
}
.bloco-2-1-fc form .multiple>div {
margin-bottom: 25px;
}
.bloco-2-1-fc form .multiple>div:last-child {
margin-bottom: 0;
}
.bloco-2-1-fc form .m-dynamic {
margin-bottom: 0;
}
.bloco-2-1-fc form .m-dynamic .s2 {
margin-bottom: 25px !important;
}
.bloco-2-1-fc form .attach .text-between {
flex-direction: column;
}
.bloco-2-1-fc form input[type="submit"] {
margin: 15px 0 0;
}
.bloco-2-1-fc .wrapper-list-photos ul {
margin: 0 0 15px 5px;
display: flex;
justify-content: center;
}
.banner-pages.single {
min-height: 255px;
}
.banner-pages.blog {
min-height: 275px;
padding-bottom: 45px;
}
.banner-pages.blog.search {
min-height: 185px;
padding-bottom: 0;
}
.bloco-results-blog ul {
margin: 15px 0 30px;
}
.bloco-posts.in-pub article a.l-figure,
.bloco-posts.in-pub article figure {
height: 200px;
}
.banner-pages.single h1 {
font-size: 20px;
}
.post-in {
padding-bottom: 30px;
}
.post-in article,
.post-header ul {
padding: 0;
}
.post-header {
padding: 30px 15px 30px;
}
.post-header h1 {
padding: 0;
font-size: 26px;
margin-bottom: 0;
}
.post-in article {
padding: 0;
}
.banner-pages.software-wms h1 {
font-size: 27px;
}
.banner-pages.software-wms h2 {
font-size: 20px;
}
.banner-pages.software-wms section {
padding: 0;
}
.bloco-1-wms {
padding: 65px 15px 0;
}
.bloco-1-s-wms {
padding: 0 15px 0;
}
.bloco-1-wms ul {
display: block;
}
.bloco-1-wms ul::after {
margin: 0 0 45px;
}
.bloco-1-wms ul li {
padding: 0 15px;
width: 100%;
}
.bloco-3-wms section {
text-align: center;
}
.bloco-3-wms section ul:first-of-type {
margin-right: 0;
}
.bloco-3-wms h4 br {
display: none;
}
.bloco-3-wms figure {
margin: 25px auto;
text-align: center;
}
.bloco-3-wms figure img {
max-width: 80%;
}
.bloco-3-wms a.link {
font-size: 15px;
padding: 10px 30px;
margin: 35px 0 0;
line-height: 1.4;
}
.bloco-3-s-wms a.link {
font-size: 15px;
padding: 10px 30px;
margin: 35px 0 25px;
line-height: 1.4;
}
.bloco-3-s-wms {
padding: 0 15px 12px;
}
.bloco-3-s-wms section p:nth-child(n + 1) {
margin: 15px 0 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left {
width: 100%;
float: none;
padding-right: 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li {
padding-left: 0;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li a {
font-weight: 600;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li.active a {
left: 0;
display: block;
}
.bloco-3-wms.bloco-3-ss-wms section>ul.left>li>ul.right li {
padding: 0 15px;
margin-bottom: 10px;
}
.bloco-3-wms.group a.link {
padding: 20px 20px;
margin: 15px 0 15px;
width: 100%;
font-size: 13px;
}
.bloco-3-wms.group a.link+a.link {
margin-left: 0;
}
.bloco-4-wms {
padding: 0 15px;
}
.bloco-4-wms .owl-carousel {
margin: 20px 0 25px;
}
.bloco-4-wms h3 {
line-height: 1.3;
}
.bloco-5-wms {
padding: 60px 15px;
}
.bloco-5-wms h2 {
font-size: 16px;
}
.bloco-5-wms .link {
padding: 20px 30px;
}
.bloco-5-wms.bloco-posts article {
margin-bottom: 0;
}
.bloco-5-s-wms {
min-height: auto !important;
height: auto !important;
}
.bloco-6-s-wms p {
line-height: 1.3;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: -30px !important;
}
.f-modulos {
padding: 30px 0;
}
.bloco-3-wms section ul:first-of-type,
.bloco-3-sss-wms section {
margin-right: 0;
}
.f-modulos .seletor-filtro select,
.select2 {
width: 100% !important;
max-width: 100% !important;
}
.seletor-filtro li:last-child,
.seletor-filtro li {
width: 100%;
}
.f-modulos .seletor-filtro li+li {
margin-top: 15px;
}
.bloco-3-sss-wms section {
margin-bottom: 0;
}
.bloco-3-sss-wms .to-loading {
top: 0;
}
.bloco-3-sss-wms {
padding-bottom: 50px;
}
.jq-toast-wrap.top-right {
bottom: 20px !important;
right: 50% !important;
margin-right: -125px !important;
top: inherit !important;
}
.bloco-3-sss-wms .dinamic-content.active {
margin-top: 0;
}
.banner-pages.depoimentos h1 {
font-size: 28px;
}
.bloco-1-dp {
padding: 45px 15px 0;
}
.bloco-1-dp h2 {
margin-bottom: 40px;
font-size: 25px;
}
.bloco-1-dp article {
width: 100%;
margin-bottom: 40px;
min-height: 300px;
height: auto !important;
}
.bloco-1-dp .pagination-wrap {
margin: 30px 0 50px;
}
.banner-pages.comemorativo {
min-height: 380px;
}
.banner-pages.comemorativo section {
margin: 60px 0 0;
}
.banner-pages.comemorativo section h1 {
margin: 0;
font-size: 22px;
}
.banner-pages.comemorativo section figure {
margin: 0 0 15px;
}
.banner-pages.comemorativo section figure,
.banner-pages.comemorativo section figure img {
height: 100px;
}
.banner-pages.comemorativo section a {
margin: 15px 0 0;
}
.banner-pages.comemorativo section a:hover {
background: #7b91c6;
}
.bloco-1-comemorativo {
padding: 60px 15px 25px;
}
.bloco-2-comemorativo {
padding: 0 15px 50px;
}
.bloco-2-comemorativo figure {
min-height: 200px;
margin-bottom: 25px;
}
.bloco-2-comemorativo .text-r section {
padding-left: 0;
}
.bloco-2-comemorativo .text-l section {
width: 100%;
}
.bloco-2-comemorativo section p {
line-height: 1.4;
font-size: 15px;
}
.bloco-2-comemorativo section h2 {
font-size: 22px;
}
.bloco-1-comemorativo small {
font-size: 15px;
margin: 0;
}
.bloco-2-comemorativo .no-padding-r {
padding-right: 15px;
}
.bloco-2-comemorativo .no-padding-l {
padding-left: 15px;
}
.bloco-2-comemorativo .item+.item {
margin-top: 75px;
}
.bloco-2-comemorativo .item::after {
bottom: -35px;
}
.bloco-2-comemorativo section p.custom-right {
position: relative;
margin: 32px 0 0 0;
text-align: center !important;
}
.bloco-2-comemorativo section p.custom-right br {
display: none;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: -200px;
text-align: center;
}
.slideshow .slide.banner-post-novembro-azul .title h1 {
font-size: 25px;
}
.slideshow .slide.banner-post-novembro-azul .title h1>span {
top: -60px;
left: 50%;
transform: translateX(-50%);
}
.slideshow .slide.banner-post-novembro-azul .text h3 {
font-size: 19px;
}
.slideshow .slide.banner-post-novembro-azul .text h3 br {
display: none;
}
footer {
padding: 40px 0;
text-align: center;
}
footer h3 {
font-size: 13px;
}
footer h4 {
margin: 45px 0 15px;
}
footer p,
footer p a {
font-size: 13px;
}
footer ul.social {
display: flex;
justify-content: center;
margin: 21px 0 0;
}
footer ul.social li+li {
margin-left: 23px;
}
footer form {
width: 85%;
margin: 0 auto;
}
footer form button[type="submit"] {
padding: 10px 17px;
height: 45px;
width: 100%;
}
footer form input {
font-size: 14px;
height: 45px;
}
footer form .form-group span {
position: relative;
margin-left: 0;
top: 5px;
}
footer form .form-group {
text-align: left;
}
.wrapper-form-popup {
overflow-y: scroll;
display: block;
}
.wrapper-form-popup .popup-body {
margin: 0 auto;
width: 100%;
border-radius: 0;
padding: 32px 15px;
}
.wrapper-form-popup .popup-body h3 {
font-size: 28px;
}
.wrapper-form-popup .popup-body form .form-group,
.wrapper-form-popup .popup-body form .form-group.multiple input,
.wrapper-form-popup .popup-body form .form-group.multiple select {
margin-bottom: 25px;
}
.wrapper-form-popup .popup-body form .form-group.multiple div:last-child input,
.wrapper-form-popup .popup-body form .form-group.multiple div:last-child select {
margin-bottom: 0;
}
.post-in iframe {
min-height: 280px;
}
.no-padding-m {
padding: 0;
}
.banner-pages.dez-coisas {
min-height: 300px !important;
}
.banner-pages.dez-coisas section {
padding-top: 45px;
padding-left: 0;
padding-right: 175px;
}
.banner-pages.dez-coisas section h1 {
font-size: 32px;
}
.banner-pages.dez-coisas section p {
font-size: 20px;
}
.banner-pages.dez-coisas section a {
margin: 15px 0 0;
}
.bloco-1-dez-coisas {
padding: 30px 15px;
}
.bloco-1-dez-coisas .itens {
display: flex;
justify-content: center;
margin: 30px -15px;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 320px;
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 16px;
transform: translate(-50%, -50%);
}
.modal-coisas {
width: 95%;
height: 95%;
padding: 15px;
display: block;
overflow-y: scroll;
}
.modal-coisas .image figure {
width: 100%;
height: 300px;
}
.modal-coisas .content {
max-height: 100%;
padding: 35px 0 0 0;
overflow: revert;
display: table;
}
.modal-coisas .content section {
padding-right: 0;
padding-bottom: 0;
}
.modal-coisas .content h4 {
font-size: 32px;
}
.modal-coisas img.mergulhador {
position: relative;
bottom: 15px;
right: 0;
float: right;
}
.modal-coisas .close-modal-coisas {
top: 8px;
right: 8px;
filter: invert(0);
background-color: black;
padding: 8px;
top: 0;
right: 0;
border: 5px solid black;
}
.wrapper-cell {
padding-left: 0;
}
.wrapper-cell .image {
width: 100%;
height: 300px;
}
.modal-coisas .content {
padding: 0;
}
.wrapper-cell.content h4 {
width: 260px;
}
body.style-lp .btn-blank-lp a {
margin: 0;
max-width: 205px;
float: right;
font-size: 13px;
}
body.style-lp.fixed .btn-blank-lp a {
font-size: 13px;
margin: 0;
}
body.style-lp .navbar-brand>img {
margin: 10px 0 0;
}
section.lp {
padding: 50px 0;
}
.banner-pages.lp {
min-height: 440px;
}
.banner-pages.lp section {
margin: 30px auto 0;
}
.banner-pages.lp section h1 {
font-size: 28px;
}
.banner-pages.lp section p {
font-size: 19px;
}
.banner-pages.lp section a {
background-color: rgba(97, 95, 96, 0.8);
}
.bloco-tiv .content h2 {
font-size: 28px;
}
.bloco-tiv .content p {
line-height: 1.6;
}
.bloco-tiv .wrapper-img figure {
height: 250px;
}
.bloco-tiv .wrapper-img::after {
width: 91%;
height: 25px;
bottom: -18px;
}
.bloco-pics .item p {
font-size: 14px;
padding: 0;
}
.bloco-pics .item p br,
.bloco-title h2 br,
.bloco-banner-simple h2 br,
.bloco-banner-simple p br {
display: none;
}
.bloco-banner-full h2 {
font-size: 32px;
}
.bloco-banner-full {
margin-bottom: -80px;
padding: 230px 15px 80px;
}
.bloco-banner-full figure {
top: -300px;
height: 280px;
position: absolute;
left: 0;
bottom: auto;
background-size: contain;
-o-background-size: contain;
}
.bloco-banner-full p {
line-height: 1.8;
}
.bloco-banner-simple h2 {
font-size: 28px;
}
.bloco-title h2 {
font-size: 32px;
}
.bloco-imgs-texts .item {
display: block;
}
.bloco-imgs-texts .item figure {
width: 100%;
margin: 0 0 25px;
}
.wrapper-img .opts {
width: 76%;
}
.bloco-tiv .wrapper-img figure>a {
width: 92%;
}
.bloco-2-fc .bloco_galeria_videos ul li picture {
height: 220px;
}
.bloco-2-fc .bloco_galeria_videos ul li article {
padding: 25px;
}
.bloco-2-fc .bloco_galeria_videos ul {
grid-template-columns: 1fr;
}
}
@media screen and (max-height: 550px) {
.wrapper-form-popup.active {
overflow-y: auto;
display: block;
}
.wrapper-form-popup.active.end .popup-body {
margin: 34px auto;
}
}
@media screen and (max-width: 360px) {
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 280px;
}
.bloco-tiv .wrapper-img figure {
height: 200px;
}
.wrapper-img .opts {
width: 72%;
}
.bloco-tiv .wrapper-img figure>a {
width: 92%;
}
}
@media screen and (max-width: 320px) {
.navbar-brand>img,
.navbar-brand {
width: auto;
}
.navbar-brand {
padding: 0;
}
.navbar-brand>img {
height: 35px;
}
.area.mob {
margin: 0 10px 0 8px;
}
.banner-pages.dez-coisas {
min-height: 300px !important;
}
.modal-coisas .image figure {
width: 100%;
height: 250px;
}
.banner-pages.dez-coisas section h1 {
font-size: 23px;
}
.banner-pages.dez-coisas section p {
font-size: 15px;
}
.banner-pages.dez-coisas section a {
padding: 16px 5px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.default-text h2,
.default-text h3 {
font-size: 27px;
}
.navbar-brand>img {
height: 26px;
}
.navbar-default .navbar-nav li a {
font-size: 11px;
letter-spacing: 0.2px;
}
.navbar-default .navbar-nav .menu {
height: 40px;
left: 0;
}
.navbar ul.menu li+li {
margin-left: 11px;
}
.navbar ul li.area {
margin-right: 0;
}
.navbar ul li.search::before {
left: -10px;
height: 51px;
}
.navbar ul li.menu-item-has-children>ul.sub-menu li a {
font-size: 11px;
}
li.area>a>i,
li.search>a>i {
top: -2px;
}
.slideshow .slide .caption {
margin-top: 0;
padding: 0 135px;
}
.slideshow .slide .title h1 {
font-size: 27px;
}
.slideshow .slide .text h3 {
font-size: 19px;
}
.bloco-1-home {
padding: 45px 15px 5px;
}
.bloco-2-home picture.bg {
min-height: 300px;
background-position-y: top;
}
.bloco-2-home picture.bg img {
width: 100%;
height: 300px;
object-position: top;
}
.bloco-2-home h2 {
padding-right: 100px;
font-size: 23px;
}
.bloco-2-home.default-text p {
font-size: 15px;
}
.bloco-2-home.default-text p br {
display: none;
}
.bloco-2-home .right {
padding: 50px 140px;
}
.bloco-3-home ul::before {
width: 50%;
margin-left: -25%;
}
.bloco-3-home ul::after {
content: "";
position: absolute;
width: 50%;
height: 2px;
background-image: url(//eslsistemas.com.br/wp-content/themes/esl/images/layout/dot-repeat.jpg);
background-position: center;
background-size: contain;
background-repeat: repeat-x;
left: 50%;
bottom: 240px;
z-index: 0;
margin-left: -25%;
}
.bloco-3-home {
padding: 55px 15px;
}
.bloco-3-home ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.bloco-3-home ul li {
width: 290px;
}
.bloco-3-home p {
padding: 0 80px;
}
.bloco-4-home section {
padding: 50px 0;
width: 100%;
margin-left: 0;
}
.bloco-4-home .bloco-2 section {
padding: 50px 0;
width: 100%;
margin-left: 0;
}
.bloco-4-home.default-text p {
font-size: 14px;
}
.bloco-4-home picture,
.bloco-4-home picture img {
height: 350px;
}
.bloco-5-home {
padding: 55px 15px;
}
.bloco-5-home p {
font-size: 14px;
}
.bloco-5-home h3>span.prefix {
margin: 0 0 0 -25px;
}
.bloco-5-home figure img {
max-height: 50px;
}
.bloco-posts article a.l-figure,
.bloco-posts article figure {
height: 185px;
}
.bloco-posts {
padding: 60px 15px;
}
.bloco-posts.home .header p {
margin-bottom: 60px;
}
.bloco-posts article {
margin-bottom: 30px;
}
.bloco-posts.home a.link {
margin: 30px 0 0;
}
.adjust-left,
.adjust-m-left {
opacity: 1;
}
.banner-pages {
min-height: 500px;
}
.banner-pages.depoimentos {
min-height: 400px;
}
.banner-pages h1 {
font-size: 29px;
margin-top: -40px;
}
.height-full {
min-height: 100% !important;
}
.slideshow .slide.banner-post-outubro-rosa::before {
height: 53px;
}
.slideshow .slide.banner-post-outubro-rosa .caption {
margin-top: -70px;
}
.slideshow .slide.banner-post-outubro-rosa .title h1 {
font-size: 33px;
}
.bloco-1-sn section {
width: 100%;
margin-left: -10px;
}
.bloco-1-sn section h2 {
font-size: 20px;
margin-bottom: 10px;
}
.bloco-1-sn figure {
width: calc(100% - 25px);
height: 665px;
}
.bloco-1-sn section h3::after {
margin: 20px 0 20px;
}
.bloco-2-sn .content {
margin: 33px 0 0;
}
.bloco-2-sn .content section {
padding-left: 0;
margin-left: -10px;
}
.bloco-2-sn {
padding: 65px 15px;
}
.bloco-2-sn .content section p {
margin-bottom: -10px;
}
.bloco-2-sn ul li {
padding: 25px 15px;
}
.bloco-2-sn .content section h2 {
font-size: 27px;
margin: 0 0 12px;
}
.bloco-2-sn .content section h4 {
margin-top: 22px;
margin-bottom: 0;
}
.bloco-2-sn .content section h3 {
font-size: 14px;
margin: 0;
}
.bloco-3-sn {
padding: 60px 15px;
}
.bloco-3-sn h2 {
font-size: 22px;
}
.bloco-3-sn p {
font-size: 14px;
}
.bloco-3-sn section {
width: calc(100% - 5px);
}
.bloco-4-sn {
padding: 70px 15px;
}
.bloco-5-sn section {
padding: 25px 100px;
}
.bloco-5-sn .owl-carousel {
padding: 0 100px;
}
.bloco-5-sn .owl-nav {
width: calc(100% - 174px);
}
.bloco-2-tms ul.main li h4 {
margin: 30px 0 15px;
}
.bloco-1-tms {
padding: 0 15px 0;
}
.bloco-2-tms {
padding: 30px 15px 20px;
}
.bloco-2-tms ul.normal {
grid-column-gap: 15px;
grid-template-columns: auto auto;
}
.bloco-2-tms ul.main li {
padding: 25px 15px;
}
.bloco-2-tms ul.normal li {
padding-right: 5px;
margin-bottom: 45px;
margin-top: 46px;
}
.bloco-2-tms ul li figure img {
width: auto;
max-height: 50px;
}
.bloco-3-tms .container.small::before {
margin: -50px 0 40px;
}
.bloco-1-ct {
padding: 80px 15px 0;
}
.bloco-1-ct section {
width: 100%;
margin-left: -40px;
}
.bloco-1-ct section h2 {
font-size: 23px;
}
.bloco-1-ct .content figure {
width: calc(100% - 35px);
}
.bloco-1-ct ul {
grid-column-gap: 35px;
}
.bloco-2-ct section {
width: 100%;
padding-left: 0;
margin-left: -25px;
}
.bloco-2-ct h2 {
font-size: 21px;
}
.bloco-2-ct ul.wrapper li {
margin-top: 0;
}
.bloco-2-ct p {
margin-bottom: 0;
}
.bloco-2-ct ul.wrapper {
grid-column-gap: 15px;
}
.bloco-3-ct {
padding: 0 15px 60px;
}
.banner-pages.tecnologias section {
padding-right: 0;
padding-left: 45px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 0;
width: 100%;
}
.bloco-1-tcn figure {
min-height: 380px;
}
.bloco-1-tcn section {
padding: 40px 0;
}
.bloco-2-tcn ul {
grid-column-gap: 45px;
grid-template-columns: repeat(2, 1fr);
}
.banner-pages.fale-conosco section {
padding-left: 0;
padding-right: 0;
}
.banner-pages.fale-conosco section h1 {
font-size: 38px;
margin: 0 0 15px;
}
.bloco-1-fc {
padding: 55px 15px 15px;
}
.bloco-1-fc ul {
margin: 50px 0 0;
}
.bloco-1-fc ul li {
margin-bottom: 35px;
width: 320px;
}
.bloco-1-fc ul li:last-child {
margin-left: 0;
}
.bloco-2-fc section {
padding-left: 3px;
}
.bloco-2-fc section p br {
display: none;
}
.bloco-2-fc .bloco-1 section {
padding-left: 0;
width: 100%;
}
.bloco-2-fc figure {
min-height: 450px;
}
.bloco-2-1-fc form {
margin: 50px 0 0;
}
.container.blog {
max-width: 800px;
}
.banner-pages.single {
min-height: 400px;
}
.banner-pages.single h1 {
font-size: 39px;
}
.post-header {
padding: 60px 0 30px;
}
.post-in article {
padding: 0;
}
.banner-pages.software-wms h1 {
font-size: 45px;
}
.banner-pages.software-wms section {
padding: 0 15px;
}
.bloco-1-wms {
padding: 65px 0 0;
}
.bloco-1-s-wms {
padding: 0 15px 0;
}
.bloco-1-wms ul li {
padding: 0 15px;
}
.bloco-3-wms figure,
.bloco-3-sss-wms figure {
margin: 25px auto;
text-align: center;
}
.bloco-3-wms figure img {
max-width: 80%;
}
.bloco-3-wms.bloco-3-ss-wms .b-figure {
align-items: center;
margin-left: 0;
}
.bloco-4-wms {
padding: 0 15px;
}
.bloco-4-wms h3 {
line-height: 1.3;
}
.bloco-5-wms {
padding: 75px 15px;
}
.bloco-3-wms.group a.link {
padding: 20px 20px;
margin-right: 20px;
}
.bloco-3-wms.group a.link:last-child {
margin-left: 0 !important;
}
.bloco-1-dp article {
width: calc(100% - 15px);
margin-bottom: 40px;
}
.bloco-1-dp .pagination-wrap {
margin: 30px 0 50px;
}
.bloco-2-comemorativo figure {
min-height: 280px;
}
.bloco-2-comemorativo .text-r section {
padding-left: 0;
}
.bloco-2-comemorativo .text-l section {
width: 100%;
}
.bloco-2-comemorativo section p {
line-height: 1.4;
font-size: 15px;
}
.bloco-2-comemorativo section h2 {
font-size: 22px;
}
.bloco-2-comemorativo section p.custom-right {
position: relative;
margin: 32px 0 -16px 0;
}
.bloco-2-comemorativo section p.custom-right br {
display: none;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: 65px;
}
.slideshow .slide.banner-post-novembro-azul .title h1 {
font-size: 42px;
}
.slideshow .slide.banner-post-novembro-azul .title h1>span {
top: -90px;
}
.slideshow .slide.banner-post-novembro-azul .text h3 {
font-size: 22px;
}
.slideshow .slide.banner-post-novembro-azul .text h3 br {
display: none;
}
.post-in iframe {
min-height: 380px;
}
.banner-pages.dez-coisas section {
padding-left: 0;
padding-right: 0;
}
.banner-pages.dez-coisas section h1 {
font-size: 58px;
}
.banner-pages.dez-coisas section p {
font-size: 21px;
}
.bloco-1-dez-coisas .itens {
display: flex;
justify-content: center;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 350px;
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 16px;
}
.modal-coisas {
width: 93%;
height: 95%;
padding: 40px;
display: block;
overflow-y: scroll;
}
.modal-coisas .image figure {
width: 100%;
height: 420px;
}
.modal-coisas .content {
max-height: 420px;
padding: 35px 0 0 0;
}
.modal-coisas .content h4 {
font-size: 50px;
}
.modal-coisas .content article {
padding-right: 15px;
}
.modal-coisas img.mergulhador {
position: relative;
bottom: 10px;
right: 25px;
float: right;
}
.modal-coisas .close-modal-coisas {
top: 8px;
right: 8px;
filter: invert(1);
}
.wrapper-cell {
padding-left: 0;
}
.wrapper-cell .image {
width: 100%;
height: 420px;
}
.modal-coisas .content {
padding: 0;
}
.wrapper-cell.content h4 {
width: 260px;
}
.banner-pages.lp section h1 {
font-size: 40px;
}
.banner-pages.lp section p {
font-size: 19px;
}
.bloco-tiv .content h2 {
font-size: 41px;
}
.bloco-tiv .content p {
line-height: 1.6;
}
.bloco-tiv .wrapper-img figure {
height: 405px;
}
.bloco-banner-full .left {
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
}
.bloco-banner-full .right {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.bloco-pics .item p {
font-size: 14px;
padding: 0;
}
.bloco-pics .item p br,
.bloco-banner-simple p br {
display: none;
}
.bloco-banner-full {
margin-bottom: -50px;
}
.bloco-banner-full figure {
bottom: 0;
height: 340px;
}
.bloco-banner-full p {
line-height: 1.8;
}
.bloco-banner-simple h2 {
font-size: 36px;
}
.bloco-title h2 {
font-size: 36px;
}
.bloco-imgs-texts .item {
align-items: flex-start;
}
footer h3 {
font-size: 13px;
}
footer p,
footer p a {
font-size: 13px;
}
footer ul.social li+li {
margin-left: 16px;
}
footer form button[type="submit"] {
padding: 10px 17px;
height: 45px;
}
footer form input {
font-size: 14px;
height: 45px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.container.small {
width: 960px;
max-width: 960px;
}
.slideshow .slide .caption {
margin-top: 0;
padding: 0 100px;
}
.slideshow .slide .title h1 {
font-size: 27px;
}
.slideshow .slide .text h3 {
font-size: 19px;
}
.bloco-1-home {
padding: 90px 55px 5px;
}
.bloco-2-home h2 {
padding-right: 65px;
}
.bloco-2-home.default-text p {
font-size: 15px;
}
.bloco-2-home .right {
padding-left: 28px;
}
.bloco-3-home ul li {
width: 232px;
}
.bloco-3-home p {
padding: 0 200px;
}
.bloco-4-home section {
width: 100%;
margin-left: -42px;
}
.bloco-4-home .bloco-2 section {
width: 100%;
margin-left: -42px;
}
.bloco-4-home.default-text p {
font-size: 14px;
}
.bloco-5-home {
padding: 85px 15px;
}
.bloco-posts article a.l-figure,
.bloco-posts article figure {
height: 185px;
}
.banner-pages {
min-height: 560px;
}
.banner-pages.depoimentos {
min-height: 480px;
}
.banner-pages h1 {
font-size: 40px;
margin-top: -40px;
}
.height-full {
min-height: 100% !important;
}
.slideshow .slide.banner-post-outubro-rosa .caption {
margin-top: -70px;
}
.slideshow .slide.banner-post-outubro-rosa .title h1 {
font-size: 40px;
}
.bloco-1-sn section {
width: 100%;
margin-left: -10px;
}
.bloco-1-sn section h2 {
font-size: 29px;
}
.bloco-1-sn figure {
width: calc(100% - 25px);
height: 665px;
}
.bloco-2-sn .content {
margin: 33px 0 0;
}
.bloco-2-sn .content section {
padding-left: 0;
margin-left: -10px;
}
.bloco-2-sn {
padding: 65px 15px;
}
.bloco-2-sn .content section p {
margin-bottom: -10px;
}
.bloco-3-sn section {
width: calc(100% - 5px);
}
.bloco-4-sn {
padding: 70px 15px;
}
.bloco-5-sn section {
padding: 25px 140px;
}
.bloco-2-tms ul.main li h4 {
margin: 30px 0 15px;
}
.bloco-1-ct section {
width: 100%;
margin-left: -40px;
}
.bloco-1-ct section h2 {
font-size: 27px;
}
.bloco-2-ct section {
width: 100%;
padding-left: 0;
margin-left: -25px;
}
.bloco-2-ct h2 {
font-size: 21px;
}
.banner-pages.tecnologias section {
padding-right: 0;
padding-left: 45px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 0;
width: calc(100% - 20px);
}
.bloco-1-tcn section {
padding-left: 20px;
}
.bloco-2-tcn ul {
grid-column-gap: 45px;
}
.banner-pages.fale-conosco section {
padding-left: 0;
padding-right: 0;
}
.banner-pages.fale-conosco section h1 {
font-size: 38px;
}
.bloco-1-fc ul {
grid-column-gap: 15px;
}
.bloco-1-fc ul li {
width: 300px;
}
.bloco-1-fc ul li+li {
margin-left: 0;
}
.bloco-2-fc section {
padding-left: 3px;
}
.bloco-2-fc section p br {
display: none;
}
.bloco-2-fc .bloco-1 section {
padding-left: 0;
width: 100%;
}
.bloco-2-fc figure {
min-height: 450px;
}
.bloco-2-1-fc form {
margin: 50px 30px 0;
}
.banner-pages.single {
min-height: 450px;
}
.banner-pages.single h1 {
font-size: 39px;
}
.post-header {
padding: 60px 0 30px;
}
.post-in article {
padding: 0;
}
.banner-pages.software-wms section {
padding: 0 15px;
}
.bloco-1-wms ul li {
padding: 0 15px;
}
.bloco-3-wms figure {
margin: 0 0 0 30px;
}
.bloco-3-wms figure img {
max-width: 600px;
}
.bloco-3-wms .b-figure figure img {
max-width: 475px;
}
.bloco-5-wms {
padding: 110px 15px;
}
.bloco-5-s-wms h3 {
line-height: 1.4;
}
.bloco-3-wms.group a.link {
padding: 20px 20px;
margin-right: 20px;
}
.bloco-3-wms.group a.link:last-child {
margin-left: 0;
}
.bloco-1-dp article {
width: calc(100% - 80px);
}
.bloco-2-comemorativo figure {
min-height: 300px;
}
.bloco-2-comemorativo .text-r section {
padding-left: 10px;
}
.bloco-2-comemorativo .text-l section {
width: calc(100% - 10px);
}
.bloco-2-comemorativo section p {
line-height: 1.6;
font-size: 16px;
}
.bloco-2-comemorativo section h2 {
font-size: 27px;
}
.bloco-2-comemorativo section p.custom-right {
position: relative;
margin: 0 0 -62px 0;
}
.slideshow .slide.banner-post-novembro-azul .title h1 {
font-size: 50px;
}
.slideshow .slide.banner-post-novembro-azul .text h3 {
font-size: 24px;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: 135px;
}
.post-in iframe {
min-height: 380px;
}
.banner-pages.dez-coisas section {
padding-left: 10px;
padding-right: 10px;
}
.banner-pages.dez-coisas section h1 {
font-size: 66px;
}
.banner-pages.dez-coisas section p {
font-size: 28px;
}
.bloco-1-dez-coisas .itens {
display: flex;
justify-content: center;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 300px;
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 16px;
}
.modal-coisas {
width: 93%;
height: 95%;
padding: 40px;
display: block;
overflow-y: scroll;
}
.modal-coisas .image figure {
width: 100%;
height: 420px;
}
.modal-coisas .content {
max-height: 420px;
padding: 35px 0 0 0;
}
.modal-coisas .content h4 {
font-size: 50px;
}
.modal-coisas .content article {
padding-right: 15px;
}
.modal-coisas img.mergulhador {
position: relative;
bottom: 10px;
right: 25px;
float: right;
}
.modal-coisas .close-modal-coisas {
top: 8px;
right: 8px;
filter: invert(1);
}
.wrapper-cell {
padding-left: 0;
}
.wrapper-cell .image {
width: 100%;
height: 420px;
}
.modal-coisas .content {
padding: 0;
}
.wrapper-cell.content h4 {
width: 260px;
}
.banner-pages.lp section h1 {
font-size: 50px;
}
.banner-pages.lp section p {
font-size: 23px;
}
.bloco-tiv .content h2 {
font-size: 41px;
}
.bloco-tiv .content {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bloco-tiv .offset-lg-1 {
margin-left: 0;
}
.bloco-tiv .content p {
line-height: 1.6;
}
.bloco-tiv .wrapper-img figure {
height: 405px;
}
.bloco-banner-full .left {
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
}
.bloco-banner-full .right {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.bloco-pics .item p {
font-size: 14px;
padding: 0;
}
.bloco-pics .item p br {
display: none;
}
.bloco-banner-full figure {
bottom: -130px;
height: 510px;
}
.wrapper-img .opts {
width: 79%;
}
.bloco-2-fc .bloco_galeria_videos ul.i-4 {
grid-template-columns: repeat(3, 1fr);
}
footer h3 {
font-size: 13px;
}
footer ul.social li+li {
margin-left: 18px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1359px) {
.bloco-3-home ul li {
width: 265px;
}
.bloco-5-s-wms h3 {
line-height: 1.4;
}
.post-header {
padding: 60px 0 30px;
}
.post-in article {
padding: 0;
}
}
@media screen and (min-width: 1200px) {
.container.small {
width: 1170px;
max-width: 1170px;
}
.container.medium {
width: 1320px;
max-width: 1320px;
}
.slideshow .slide .caption {
margin-top: 0;
padding: 0 100px;
}
.slideshow .slide .title h1 {
font-size: 35px;
}
.bloco-2-home h2 {
padding-right: 65px;
}
.bloco-2-home.default-text p {
font-size: 15px;
}
.bloco-3-home p {
padding: 0 280px;
}
.bloco-4-home section {
width: calc(100% - 22px);
margin-left: -42px;
}
.bloco-4-home .bloco-2 section {
width: calc(100% - 22px);
margin-left: -42px;
}
.bloco-5-home {
padding: 85px 15px;
}
.banner-pages {
min-height: 560px;
}
.banner-pages.depoimentos {
min-height: 520px;
}
.banner-pages h1 {
font-size: 40px;
margin-top: -40px;
}
.height-full {
min-height: 100% !important;
}
.slideshow .slide.banner-post-outubro-rosa .caption {
margin-top: -100px;
}
.slideshow .slide.banner-post-outubro-rosa .title h1 {
font-size: 52px;
}
.bloco-1-sn section {
width: 100%;
}
.bloco-1-sn section h2 {
font-size: 29px;
}
.bloco-1-sn figure {
width: calc(100% - 100px);
height: 750px;
}
.bloco-4-sn {
padding: 70px 15px;
}
.bloco-5-sn section {
padding: 25px 123px;
}
.bloco-1-ct section {
width: 100%;
margin-left: -40px;
}
.bloco-2-ct section {
width: calc(100% - 30px);
padding-left: 0;
}
.bloco-2-ct h2 {
font-size: 21px;
}
.banner-pages.tecnologias section {
padding-right: 0;
padding-left: 70px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 0;
width: calc(100% - 40px);
}
.bloco-1-tcn section {
padding-left: 40px;
}
.banner-pages.fale-conosco section {
padding-left: 0;
padding-right: 0;
}
.banner-pages.fale-conosco section h1 {
font-size: 41px;
}
.bloco-2-fc section {
padding-left: 38px;
}
.bloco-2-fc .bloco-1 section {
padding-left: 6px;
width: 100%;
}
.bloco-2-fc figure {
min-height: 550px;
}
.bloco-2-1-fc form {
margin: 50px 0 0;
}
.banner-pages.single {
min-height: 450px;
}
.banner-pages.software-wms section {
padding: 0 15px;
}
.bloco-3-wms figure {
margin: 0 0 0 30px;
}
.bloco-3-wms figure img {
max-width: 600px;
}
.bloco-5-wms {
padding: 110px 15px;
}
.bloco-2-comemorativo figure {
min-height: 360px;
}
.bloco-2-comemorativo section p.custom-right {
position: relative;
margin: 0 0 -98px 0;
}
.slideshow .slide.banner-post-novembro-azul .title h1 {
font-size: 55px;
}
.slideshow .slide.banner-post-novembro-azul .text h3 {
font-size: 27px;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: 135px;
}
.post-in iframe {
min-height: 380px;
}
.banner-pages.dez-coisas section {
padding-left: 100px;
padding-right: 100px;
}
.banner-pages.dez-coisas section h1 {
font-size: 66px;
}
.banner-pages.dez-coisas section p {
font-size: 28px;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 255px;
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 16px;
}
.modal-coisas {
width: 93%;
padding: 50px;
}
.modal-coisas .image figure {
width: 520px;
height: 420px;
}
.modal-coisas .content {
max-height: 420px;
padding: 0 0 0 50px;
}
.modal-coisas .content h4 {
font-size: 50px;
}
.modal-coisas .content article {
padding-right: 15px;
}
.wrapper-cell {
padding-left: 0;
}
.wrapper-cell .image {
width: 520px;
height: 420px;
}
.wrapper-cell.content h4 {
width: 260px;
}
.banner-pages.lp section h1 {
font-size: 50px;
}
.banner-pages.lp section p {
font-size: 23px;
}
.bloco-tiv .content h2 {
font-size: 41px;
}
.bloco-tiv .content {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bloco-tiv .offset-lg-1 {
margin-left: 0;
}
.bloco-banner-full .left {
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
}
.bloco-banner-full .right {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.bloco-pics .item p {
font-size: 14px;
padding: 0;
}
.bloco-banner-full figure {
bottom: -175px;
height: 510px;
}
.wrapper-img .opts {
width: 82%;
}
}
@media screen and (min-width: 1360px) {
.slideshow .slide .caption {
margin-top: 0;
padding: 0 100px;
}
.slideshow .slide .title h1 {
font-size: 35px;
}
.bloco-2-home h2 {
padding-right: 65px;
}
.bloco-2-home.default-text p {
font-size: 15px;
}
.bloco-3-home p {
padding: 0 400px;
}
.bloco-4-home section {
width: calc(100% - 22px);
margin-left: -42px;
}
.bloco-4-home .bloco-2 section {
width: calc(100% - 22px);
margin-left: -42px;
}
.bloco-5-home {
padding: 85px 15px;
}
.banner-pages {
min-height: 600px;
}
.banner-pages.depoimentos {
min-height: 520px;
}
.banner-pages h1 {
font-size: 40px;
}
.height-full {
min-height: 100% !important;
}
.slideshow .slide.banner-post-outubro-rosa .caption {
margin-top: -135px;
}
.slideshow .slide.banner-post-outubro-rosa .title h1 {
font-size: 60px;
}
.bloco-1-sn section {
width: 100%;
}
.bloco-1-sn section h2 {
font-size: 31px;
}
.bloco-4-sn {
padding: 90px 15px;
}
.bloco-5-sn section {
padding: 25px 70px;
}
.bloco-2-ct section {
width: calc(100% + 18px);
padding-left: 20px;
}
.bloco-2-ct h2 {
font-size: 21px;
}
.banner-pages.tecnologias section {
padding-right: 75px;
padding-left: 70px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 0;
width: calc(100% - 90px);
}
.bloco-1-tcn section {
padding-left: 80px;
}
.banner-pages.fale-conosco section {
padding-left: 0;
padding-right: 0;
}
.banner-pages.fale-conosco section h1 {
font-size: 41px;
}
.bloco-2-fc section {
padding-left: 78px;
}
.bloco-2-fc .bloco-1 section {
padding-left: 38px;
width: 100%;
}
.bloco-2-fc figure {
min-height: 550px;
}
.bloco-2-1-fc form {
margin: 50px 0 0;
}
.banner-pages.single {
min-height: 450px;
}
.banner-pages.single h1 {
font-size: 48px;
}
.banner-pages.software-wms section {
padding: 0;
}
.bloco-3-wms figure {
margin: 0 0 0 30px;
}
.bloco-3-wms figure img {
max-width: 680px;
}
.bloco-5-wms {
padding: 110px 15px;
}
.bloco-2-comemorativo figure {
min-height: 400px;
}
.bloco-2-comemorativo section p.custom-right {
position: absolute;
margin: 15px 15px 0 0;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: 135px;
}
.post-in iframe {
min-height: 420px;
}
.modal-ppt iframe {
height: 650px;
}
.banner-pages.dez-coisas section {
padding-left: 100px;
padding-right: 100px;
}
.banner-pages.dez-coisas section h1 {
font-size: 72px;
}
.banner-pages.dez-coisas section p {
font-size: 33px;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 255px;
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 16px;
}
.modal-coisas {
width: 93%;
padding: 50px;
}
.modal-coisas .image figure {
width: 520px;
height: 420px;
}
.modal-coisas .content {
max-height: 420px;
padding: 0 0 0 50px;
}
.modal-coisas .content h4 {
font-size: 50px;
}
.wrapper-cell {
padding-left: 0;
}
.wrapper-cell .image {
width: 520px;
height: 420px;
}
.wrapper-cell.content h4 {
width: 260px;
}
.container.small-lp {
max-width: 1170px;
}
.banner-pages.lp section h1 {
font-size: 50px;
}
.banner-pages.lp section p {
font-size: 23px;
}
.bloco-tiv .content h2 {
font-size: 42px;
}
.bloco-tiv .offset-lg-1 {
margin-left: 8.33333%;
}
.bloco-banner-full .left {
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
}
.bloco-banner-full .right {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.bloco-tiv .content {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.bloco-banner-full figure {
bottom: -235px;
height: 565px;
}
.wrapper-img .opts {
width: 82%;
}
}
@media screen and (min-width: 1500px) {
.slideshow .slide .caption {
margin-top: 0;
padding: 0;
}
.slideshow .slide .title h1 {
font-size: 48px;
}
.bloco-2-home h2 {
padding-right: 150px;
}
.bloco-2-home.default-text p {
font-size: 16px;
}
.bloco-3-home p {
padding: 0 430px;
}
.bloco-4-home section {
width: calc(100% - 100px);
margin-left: 0;
}
.bloco-4-home .bloco-2 section {
width: calc(100% - 100px);
margin-left: 0;
}
.bloco-5-home {
padding: 140px 15px;
}
.banner-pages {
min-height: 600px;
}
.banner-pages.depoimentos {
min-height: 600px;
}
.height-full {
min-height: 100% !important;
}
.bloco-1-sn section {
width: 100%;
}
.bloco-1-sn section h2 {
font-size: 31px;
}
.bloco-4-sn {
padding: 90px 15px;
}
.bloco-5-sn section {
padding: 25px 125px;
}
.bloco-2-ct section {
width: calc(100% - 78px);
}
.bloco-2-ct h2 {
font-size: 21px;
}
.bloco-1-tcn .bloco-1 section {
padding-left: 90px;
}
.banner-pages.fale-conosco section {
padding-left: 0;
padding-right: 0;
}
.banner-pages.fale-conosco section h1 {
font-size: 41px;
}
.bloco-2-fc section {
padding-left: 115px;
}
.bloco-2-fc .bloco-1 section {
padding-left: 0;
width: 100%;
}
.bloco-2-fc figure {
min-height: 750px;
}
.bloco-2-1-fc form {
margin: 50px 0 0;
}
.bloco-3-wms figure {
margin: 0 0 0 30px;
}
.bloco-3-wms figure img {
max-width: 820px;
}
.bloco-5-wms {
padding: 150px 15px;
}
.banner-pages.single {
min-height: 550px;
}
.bloco-2-comemorativo figure {
min-height: 465px;
}
.bloco-2-comemorativo section p.custom-right {
margin: 35px 15px 0 0;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: 95px;
}
.post-in iframe {
min-height: 495px;
}
.modal-ppt iframe {
height: 800px;
}
.banner-pages.dez-coisas section {
padding-left: 150px;
padding-right: 150px;
}
.banner-pages.dez-coisas section h1 {
font-size: 85px;
}
.banner-pages.dez-coisas section p {
font-size: 36px;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 285px;
}
.bloco-1-dez-coisas .itens a h3 {
font-size: 18px;
}
.modal-coisas {
width: 90%;
padding: 100px;
}
.modal-coisas .image figure {
width: 520px;
height: 420px;
}
.modal-coisas .content {
max-height: 420px;
padding: 0 0 0 50px;
}
.modal-coisas .content h4 {
font-size: 50px;
}
.wrapper-cell {
padding-left: 0;
}
.wrapper-cell .image {
width: 520px;
height: 420px;
}
.wrapper-cell.content h4 {
width: 260px;
}
.container.small-lp {
max-width: 1440px;
}
.bloco-banner-full .left {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bloco-banner-full .right {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.bloco-banner-full figure {
height: 645px;
bottom: -270px;
}
.wrapper-img .opts {
width: 86%;
}
}
@media screen and (min-width: 1601px) {
.slideshow .slide .caption {
margin-top: 0;
}
.bloco-2-home h2 {
padding-right: 250px;
}
.bloco-4-home section {
width: calc(100% - 200px);
}
.bloco-4-home .bloco-2 section {
width: calc(100% - 200px);
}
.banner-pages {
min-height: 750px;
}
.banner-pages.depoimentos {
min-height: 700px;
}
.height-full {
min-height: 100% !important;
}
.bloco-1-sn section {
width: calc(100% - 100px);
}
.bloco-1-sn section h2 {
font-size: 32px;
}
.bloco-4-sn {
padding: 130px 15px;
}
.bloco-5-sn section {
padding: 25px 202px;
}
.bloco-2-ct section {
width: calc(100% - 204px);
}
.bloco-2-ct h2 {
font-size: 23px;
}
.banner-pages.tecnologias section {
padding-right: 150px;
padding-left: 150px;
}
.banner-pages.fale-conosco section {
padding-left: 200px;
padding-right: 10px;
}
.banner-pages.fale-conosco section h1 {
font-size: 48px;
padding-left: 0;
}
.bloco-2-fc section {
padding-left: 170px;
}
.bloco-2-fc .bloco-1 section {
padding-left: 10px;
width: calc(100% - 90px);
}
.bloco-2-1-fc form {
margin: 50px 50px 0;
}
.banner-pages.single {
min-height: 600px;
}
.bloco-2-comemorativo figure {
min-height: 460px;
}
.modal-ppt iframe {
height: 900px;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 320px;
}
.modal-coisas .image figure {
width: 520px;
height: 480px;
}
.modal-coisas .content {
max-height: 480px;
padding: 0 0 0 100px;
}
.modal-coisas .content h4 {
font-size: 50px;
}
.banner-pages.dez-coisas section h1 {
font-size: 90px;
}
.banner-pages.dez-coisas section p {
font-size: 44px;
}
}
@media screen and (min-width: 1680px) {
.banner-pages.single {
min-height: 650px;
}
.slideshow .slide.banner-post-novembro-azul .caption {
margin-top: -30px;
}
.bloco-1-dez-coisas .itens a,
.bloco-1-dez-coisas .itens .no-padding {
height: 380px;
}
.modal-coisas .image figure {
width: 640px;
height: 530px;
}
.modal-coisas .content {
max-height: 530px;
}
.modal-coisas .content h4 {
font-size: 68px;
}
.wrapper-cell {
padding-left: 530px;
}
.wrapper-cell .image {
width: 640px;
height: 530px;
}
.wrapper-cell.content h4 {
width: 350px;
}
}
@media screen and (min-width: 1700px) {
.banner-pages.dez-coisas section h1 {
font-size: 95px;
}
.banner-pages.dez-coisas section p {
font-size: 48px;
}
}
@media screen and (max-height: 600px) {
.height-full {
min-height: 650px !important;
}
}
@media screen and (max-width: 1600px) and (max-height: 850px) {
.banner-content {
height: 840px;
}
}
@media screen and (min-width: 1600px) and (max-height: 850px) {
.banner-content {
height: 1050px;
}
}
@media screen and (max-width: 767px) {
body.roleta {
background: #051a59;
}
.header-roleta {
position: relative;
justify-content: center;
}
.header-roleta a {
margin: 25px 0 0;
}
#roleta {
transform: scale(1);
height: 380px;
width: 380px;
margin: 35px 0 0;
}
#roleta .center::before {
width: 70px;
height: 70px;
border-width: 3px;
}
#roleta .center {
width: 80px;
height: 80px;
}
#roleta .center img {
width: 30px;
}
#roleta i {
width: 25px;
height: 25px;
}
#roleta .icons i.money {
top: -123px;
left: -13px;
}
#roleta .icons i.money::after,
#roleta .icons i.money-2::after {
font-size: 20px;
margin: 0 0 0 18px;
position: relative;
top: -10px;
}
#roleta .icons i.serve {
top: -115px;
left: 34px;
width: 25px;
height: 30px;
}
#roleta .icons i.cart {
top: -92px;
left: 73px;
width: 25px;
height: 30px;
}
#roleta .icons i.dayoff {
top: -50px;
left: 96px;
width: 22px;
height: 32px;
}
#roleta .icons i.money-2 {
top: -5px;
left: 98px;
}
#roleta .icons i.cart-2 {
top: 32px;
left: 91px;
width: 25px;
height: 40px;
}
#roleta .icons i.tshirt {
top: 64px;
left: 64px;
width: 23px;
height: 40px;
}
#roleta .icons i.netflix {
top: 96px;
left: 28px;
}
#roleta .icons i.chocolate {
top: 104px;
left: -25px;
}
#roleta .icons i.hamburguer {
top: 91px;
left: -60px;
}
#roleta .icons i.gift {
top: 60px;
left: -100px;
}
#roleta .icons i.cash {
top: 18px;
left: -123px;
width: 30px;
height: 30px;
}
#roleta .icons i.heart-alt {
top: -22px;
left: -127px;
}
#roleta .icons i.like {
top: -63px;
left: -116px;
}
#roleta .icons i.heart {
top: -99px;
left: -97px;
}
#roleta .icons i.smile {
top: -117px;
left: -62px;
}
#roleta .texts img.hs {
width: 55px;
top: -180px;
left: -25px;
}
#roleta .texts img.ss {
width: 67px;
top: -145px;
left: -172px;
transform: rotate(7deg);
}
#roleta .texts img.ms {
width: 86px;
top: -146px;
right: -170px;
transform: rotate(11deg);
}
#roleta .texts img.cs {
width: 46px;
right: -170px;
top: 18px;
transform: rotate(13deg);
}
#roleta .texts img.ps {
width: 121px;
top: 124px;
left: -134px;
transform: rotate(18deg);
}
.wrapper-roleta {
height: auto;
padding: 25px 15px;
}
.wrapper-roleta .step-0 {
margin: 0;
height: 100% !important;
display: flex;
align-items: center;
}
.wrapper-roleta section {
margin: 0;
width: 100%;
padding: 0;
}
.wrapper-roleta h1 {
font-size: 38px;
}
.wrapper-roleta form {
margin: 35px 0 45px;
display: block;
}
.wrapper-roleta p {
margin: 25px 0;
font-size: 16px;
}
.wrapper-roleta p small {
font-size: 90%;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 18px;
}
.wrapper-roleta form button {
margin: 15px 0 0;
}
.wrapper-roleta .step-0 a {
margin-top: -10px;
display: table;
}
.wrapper-roleta span.error {
font-size: 14px;
}
.wrapper-roleta .step-1 section h2 {
font-size: 33px;
}
.wrapper-roleta.completed {
height: 100%;
}
.wrapper-roleta .step-1 section figure {
width: 275px;
height: 225px;
}
.wrapper-roleta .step-1.show section {
padding-bottom: 35px;
}
}
@media screen and (max-width: 375px) {
#roleta {
transform: scale(1);
height: 330px;
width: 330px;
margin: 35px 0 0;
}
#roleta::before {
width: 80%;
height: 80%;
}
#roleta .texts img.hs {
width: 35px;
top: -161px;
left: -12px;
}
#roleta .texts img.ss {
width: 50px;
top: -122px;
left: -145px;
transform: rotate(7deg);
}
#roleta .texts img.ms {
width: 70px;
top: -129px;
right: -146px;
transform: rotate(8deg);
}
#roleta .texts img.cs {
width: 35px;
right: -150px;
top: 20px;
}
#roleta .texts img.ps {
width: 109px;
top: 113px;
left: -108px;
transform: rotate(13deg);
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
body.roleta {
background: #051a59;
}
#roleta {
transform: scale(0.9);
}
.wrapper-roleta {
height: auto;
padding: 45px 15px;
}
.wrapper-roleta .step-0 {
margin: 0;
height: 100% !important;
display: flex;
align-items: center;
}
.wrapper-roleta section {
margin: 0;
width: 100%;
padding: 0 50px;
}
.wrapper-roleta h1 {
font-size: 43px;
}
.wrapper-roleta form {
margin: 35px 0 45px;
}
.wrapper-roleta p {
margin: 25px 0;
font-size: 20px;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 18px;
}
.wrapper-roleta form button {
margin-left: 40px;
}
.wrapper-roleta .step-0 a {
margin-top: -10px;
display: table;
}
.wrapper-roleta span.error {
font-size: 14px;
}
.bloco-2-fc .bloco_galeria_videos ul li picture {
height: 200px;
}
.bloco-2-fc .bloco_galeria_videos ul li article {
padding: 35px 35px 30px;
}
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
body.roleta {
background: #051a59;
}
#roleta {
transform: scale(0.9);
}
.wrapper-roleta {
height: auto;
padding: 45px 15px;
}
.wrapper-roleta .step-0 {
margin: 0;
height: 100% !important;
display: flex;
align-items: center;
}
.wrapper-roleta section {
margin: 0;
width: 100%;
padding: 0 50px;
}
.wrapper-roleta h1 {
font-size: 43px;
}
.wrapper-roleta form {
margin: 35px 0 45px;
}
.wrapper-roleta p {
margin: 25px 0;
font-size: 20px;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 18px;
}
.wrapper-roleta form button {
margin-left: 40px;
}
.wrapper-roleta .step-0 a {
margin-top: -10px;
display: table;
}
.wrapper-roleta span.error {
font-size: 14px;
}
.bloco-2-fc .bloco_galeria_videos ul li picture {
height: 200px;
}
.bloco-2-fc .bloco_galeria_videos ul li article {
padding: 35px 15px 30px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1354px) {
#roleta {
transform: scale(0.8);
}
.wrapper-roleta .step-0 {
margin: -15px 0 0;
height: 100% !important;
display: flex;
align-items: center;
}
.wrapper-roleta section {
margin-left: -75px;
width: calc(100% + 75px);
}
.wrapper-roleta h1 {
font-size: 43px;
}
.wrapper-roleta form {
margin: 35px 0 45px;
}
.wrapper-roleta p {
margin: 25px 0;
font-size: 20px;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 18px;
}
.wrapper-roleta form button {
margin-left: 7px;
}
.wrapper-roleta .step-0 a {
margin-top: -10px;
display: table;
}
.wrapper-roleta span.error {
font-size: 14px;
}
.bloco-2-fc .bloco_galeria_videos ul li picture {
height: 200px;
}
.bloco-2-fc .bloco_galeria_videos ul li article {
padding: 35px 35px 30px;
}
}
@media screen and (min-width: 1355px) and (max-width: 1439px) {
#roleta {
transform: scale(0.8);
}
.wrapper-roleta .step-0 {
margin: -15px 0 0;
height: 100% !important;
display: flex;
align-items: center;
}
.wrapper-roleta section {
margin-left: -75px;
width: calc(100% + 75px);
}
.wrapper-roleta h1 {
font-size: 43px;
}
.wrapper-roleta form {
margin: 35px 0 45px;
}
.wrapper-roleta p {
margin: 25px 0;
font-size: 20px;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 18px;
}
.wrapper-roleta form button {
margin-left: 7px;
}
.wrapper-roleta .step-0 a {
margin-top: -10px;
display: table;
}
.wrapper-roleta span.error {
font-size: 14px;
}
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
.wrapper-roleta section {
margin-left: 0;
width: 100%;
}
.wrapper-roleta h1 {
font-size: 48px;
}
.wrapper-roleta form {
margin: 45px 0;
}
.wrapper-roleta p {
margin: 25px 0;
font-size: 20px;
}
.wrapper-roleta form input[type="text"],
.wrapper-roleta form button {
padding: 12px 18px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
.wrapper-roleta section {
margin-left: 0;
width: 100%;
}
.wrapper-roleta h1 {
font-size: 48px;
}
.wrapper-roleta form {
margin: 45px 0;
}
}
@media screen and (max-width: 767px) {
.banner-acesso {
background-size: 160%;
background-position-x: -205px;
}
.banner-acesso .content-video figure {
width: 100%;
height: 230px;
margin: 30px 0 0;
}
.banner-acesso article {
width: 100%;
text-align: center;
margin: -120px 0 0;
}
.banner-acesso article h1 {
margin: 20px 0 15px;
font-size: 32px;
}
.banner-acesso article p {
font-size: 14px;
}
.banner-acesso article img {
width: 60px;
height: auto;
}
.banner-acesso .wrapper-video {
margin: 15px 0 0;
max-height: 195px;
}
.banner-acesso .play-video::before {
top: 10%;
left: 8%;
width: 80%;
height: 80%;
}
.bloco-2-acesso.active {
min-height: 265px;
height: auto;
}
.bloco-2-acesso h2 {
font-size: 20px;
}
.bloco-2-acesso p br {
display: none;
}
.bloco-3-acesso section {
padding: 10px 0 0;
}
.bloco-3-acesso .owl-carousel article {
height: 220px;
column-gap: 8px;
}
.bloco-3-acesso.active {
padding: 50px 15px 30px;
}
.bloco-3-acesso h3 {
font-size: 21px;
}
.bloco-3-acesso .owl-carousel article p {
font-size: 28px;
margin: 0;
min-width: 230px;
}
.bloco-3-acesso .owl-carousel article a {
width: 20%;
}
.bloco-3-acesso .owl-carousel article a::before {
top: -15px;
left: 6px;
width: 60px;
height: 60px;
}
.bloco-3-acesso .owl-carousel .owl-item:not(.center) article {
transform: scale(1);
opacity: 1;
user-select: auto;
pointer-events: auto;
}
.banner-acesso .float-link {
bottom: 30px;
}
.bloco-2-fc .bloco_galeria_videos ul {
grid-template-columns: 1fr;
}
.bloco-2-fc .bloco_galeria_videos ul li i {
width: 45px;
height: 45px;
}
.popup-video-inst video {
width: 90%;
height: 100%;
}
footer#acesso {
padding: 15px 0;
}
footer#acesso .content ul li {
column-gap: 2px;
}
footer#acesso img {
margin: 25px 0 0;
}
footer#acesso .content,
footer#acesso .content li {
flex-direction: column;
}
footer#acesso .content ul {
row-gap: 17px;
column-gap: 0;
flex-direction: column;
}
.banner-pages.pp {
min-height: 235px;
}
.banner-pages.pp h1 {
margin-top: 55px;
}
.bloco-1-pp h2 {
font-size: 24px;
}
.bloco-1-pp h3 {
font-size: 20px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
font-size: 22px;
margin: 50px 0 0;
line-height: 1.3;
}
.bloco-1-pp h1::after,
.bloco-1-pp h2::after {
margin: 30px 0;
}
body.onb .banner a.logo {
margin-top: -30px;
}
body.onb .banner h1 {
margin: 55px 0 20px;
font-size: 40px;
}
body.onb .banner p {
padding: 0 15px;
font-size: 18px;
}
body.onb .banner p br {
display: none;
}
.bloco-1-onb picture {
width: 100%;
height: 320px;
margin: 0;
}
.bloco-1-onb p {
font-size: 16px;
}
.bloco-1-onb h2 {
font-size: 35px;
}
.bloco-1-onb .card-info {
justify-content: center;
margin: 10px 0 60px;
}
.bloco-2-onb {
padding: 60px 15px;
}
.bloco-2-onb h3 {
font-size: 21px;
}
.bloco-2-onb.part-2 ul {
grid-template-columns: 1fr;
grid-gap: 30px;
}
.bloco-2-onb.part-2 ul li {
height: 180px;
padding: 10px;
}
.bloco-2-onb.part-2 ul li h4 {
font-size: 28px;
}
.bloco-2-onb.part-3 {
padding: 0 15px 0;
}
.bloco-2-onb.part-3 ul {
padding: 50px 0;
text-align: center;
margin: 0 auto;
}
.bloco-2-onb.part-3 ul li+li {
margin: 45px 0 0;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 65px;
}
.bloco-2-onb.part-3 picture {
height: 260px;
width: calc(100% - 30px);
float: none;
margin: 0 auto;
}
.bloco-2-onb.part-3 ul li p {
font-size: 14px;
line-height: 1.6;
}
.bloco-3-onb {
padding: 80px 15px 60px;
}
.bloco-3-onb h2 {
font-size: 31px;
}
.bloco-3-onb p br {
display: none;
}
.bloco-3-onb ul {
display: flex;
grid-gap: 0;
justify-content: center;
flex-wrap: wrap;
}
.bloco-3-onb ul li {
margin-bottom: 35px;
}
.bloco-3-onb ul li picture {
width: 178px;
}
.bloco-3-onb ul li h3 {
font-size: 18px;
}
.bloco-3-onb .owl-theme .owl-nav.disabled+.owl-dots,
.bloco-3-onb ul.owl-carousel .owl-dots {
margin: 30px auto 0 !important;
}
.bloco-3-onb ul.contacts {
margin: 15px 0 0;
grid-template-columns: 1fr;
}
.bloco-3-onb ul.contacts li {
width: 100%;
height: 250px;
padding: 20px;
}
.bloco-4-onb {
padding: 60px 15px;
}
.bloco-4-onb.form-wrapper {
padding: 0 15px 75px;
}
.bloco-4-onb h2 {
font-size: 32px;
}
.bloco-4-onb button[type="submit"] {
margin: 30px 0 0;
width: 100%;
}
.bloco-4-onb .field-group {
width: 100%;
}
.bloco-4-onb .form-group.multiple>div {
margin-bottom: 25px;
}
.bloco-4-onb .form-group {
margin-bottom: 15px;
}
.bloco-4-onb .step h3::after {
margin: 25px 0 15px;
}
.bloco-4-onb .step h3,
.bloco-4-onb .step h4 {
text-indent: -17px;
padding-left: 36px;
line-height: 1.3;
font-size: 17px;
padding-right: 55px;
}
.bloco-4-onb .step h4 {
padding-left: 15px;
margin: 0 0 25px;
}
.bloco-4-onb .field-upload input[type="file"] {
font-size: 14px;
max-width: 100%;
}
.bloco-5-onb {
padding: 60px 15px;
}
.bloco-5-onb p {
font-size: 18px;
}
.bloco-5-onb p br {
display: none;
}
.bloco-5-onb p:first-of-type::before {
margin: 65px auto 25px;
font-size: 140px;
}
.__update_front .banner-content {
height: 375px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 100%;
padding: 0 45px;
text-align: center;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 40px;
left: 50% !important;
transform: translateX(-50%);
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 18px;
line-height: 1.4;
}
.__update_front .banner-content .slideshow .slide .title h1 br {
display: none;
}
.__update_front .banner-content .slideshow .slide .btn {
margin: 0;
}
.__update_front .banner-content .slideshow .slide .btn {
padding: 12px 32px;
}
.__update_front .banner-content .slideshow .slide span.text {
margin: 0 auto 12px;
font-size: 15px;
}
.__update_front .bloco-1-home-2023 {
padding: 50px 15px;
}
.__update_front .bloco-1-home-2023 h2 {
font-size: 20px;
line-height: 1.3;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 35px;
grid-template-columns: repeat(1, 225px);
margin: 40px auto 0;
}
.__update_front .bloco-1-home-2023 ul li h3 {
font-size: 14px;
}
.__update_front .bloco-1-home-2023 ul li picture {
width: 230px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
padding: 40px 15px;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0;
max-width: 540px;
margin: 0 auto;
}
.__update_front .bloco-2-home-2023 section h2 {
font-size: 25px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 320px;
height: 210px;
margin: 0 auto 30px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 255px;
height: 160px;
transform: translate(2px, -9px);
}
.__update_front .bloco-3-home-2023 {
padding: 85px 15px 65px;
}
.__update_front .bloco-3-home-2023 h3 {
line-height: 1.3;
}
.__update_front .bloco-4-home-2023 {
padding: 70px 15px 60px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: auto;
border-radius: 15px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 0;
width: 100%;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 22px;
}
.__update_front .bloco-4-home-2023 section h4 {
font-size: 16px;
}
.__update_front .bloco-4-home-2023 picture.float {
position: relative;
height: 175px;
width: 100%;
margin: 0 0 35px;
overflow: hidden;
border-radius: 15px;
}
.__update_front .bloco-4-home-2023 picture.float img {
object-position: left top;
}
.bloco-posts-home-2023 {
padding: 70px 15px 55px;
}
.bloco-posts-home-2023 .articles {
grid-column-gap: 30px;
grid-template-columns: 1fr;
grid-template-areas: inherit;
}
.bloco-posts-home-2023 .articles article {
grid-area: auto !important;
}
.bloco-posts-home-2023 .articles article h2 {
font-size: 22px;
-webkit-line-clamp: 3;
}
.bloco-posts-home-2023 .articles article:nth-child(1) .content {
padding: 10px 0;
}
.bloco-posts-home-2023 .articles article:nth-child(1) h2 {
font-size: 22px;
-webkit-line-clamp: 3;
}
.bloco-posts-home-2023 .articles article:nth-child(1) {
height: auto;
}
.bloco-posts-home-2023 .articles article:nth-child(1) picture {
height: 218px;
}
.bloco-posts-home-2023 article picture {
width: 100%;
height: 218px;
border-radius: 8px;
}
.bloco-posts-home-2023 article a.l-figure {
height: auto;
}
.bloco-posts-home-2023 a.link {
margin: 30px 0 0 !important;
}
.bloco-posts-home-2023 .header h2 {
font-size: 30px !important;
}
.bloco-posts-home-2023 .header p {
margin-bottom: 40px !important;
}
.bloco-posts-home-2023 .articles article:nth-child(2),
.bloco-posts-home-2023 .articles article:nth-child(3),
.bloco-posts-home-2023 .articles article:nth-child(4) {
flex-direction: column;
}
.bloco-posts-home-2023 .articles article {
height: auto;
}
.bloco-posts-home-2023 .articles article .content {
padding: 15px 0 0;
}
.bloco-posts-home-2023 .articles article p {
-webkit-line-clamp: 4;
}
footer section.final {
flex-direction: column;
}
footer section.final a {
margin: 15px 0 0;
}
}
@media screen and (max-width: 375px) {
.banner-acesso article {
margin: -80px 0 0;
}
.banner-acesso .content-video figure {
margin: 10px 0 0;
}
.banner-acesso article p {
font-size: 12px;
}
.banner-acesso .wrapper-video {
margin: 15px 0 0;
max-height: 168px;
}
.bloco-2-acesso h2 {
font-size: 18px;
}
.bloco-3-acesso h3 {
font-size: 19px;
}
.bloco-3-acesso .owl-carousel article {
height: 190px;
}
.bloco-3-acesso .owl-carousel article a {
width: 23%;
}
.popup-video-inst iframe {
width: 90%;
height: 220px;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.banner-acesso {
display: block;
}
.banner-acesso article {
width: 100%;
text-align: left;
margin: 25px 0 0;
}
.banner-acesso article h1 {
font-size: 25px;
}
.banner-acesso .content-video figure {
height: 210px;
}
.banner-acesso .float-link {
bottom: 15px;
}
.bloco-2-acesso h2 {
font-size: 26px;
}
.bloco-2-acesso p {
font-size: 17px;
}
.bloco-3-acesso h3 {
font-size: 24px;
}
.bloco-3-acesso .owl-carousel article a {
width: 15%;
}
.bloco-3-acesso .owl-carousel article p {
font-size: 32px;
}
.popup-video-inst iframe {
width: 580px;
height: 340px;
}
.bloco-2-fc .bloco_galeria_videos ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.bloco-2-fc .bloco_galeria_videos ul li {
height: 150px;
width: 240px;
}
.bloco-2-fc .bloco_galeria_videos ul li i {
width: 35px;
height: 35px;
}
.popup-video-inst video {
width: 600px;
height: 400px;
}
.banner-pages.pp {
min-height: 215px;
}
.bloco-1-pp h2 {
font-size: 28px;
}
.bloco-1-pp h3 {
font-size: 26px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
font-size: 28px;
}
.bloco-1-pp h1::after,
.bloco-1-pp h2::after {
margin: 40px 0;
}
body.onb .banner a.logo {
margin-top: -30px;
}
body.onb .banner h1 {
margin: 55px 0 20px;
font-size: 60px;
}
.bloco-1-onb picture {
width: 100%;
height: 320px;
margin: 0;
}
.bloco-1-onb p {
font-size: 16px;
}
.bloco-1-onb h2 {
font-size: 35px;
}
.bloco-1-onb .card-info {
justify-content: flex-start;
margin: 20px 0 60px;
}
.bloco-2-onb {
padding: 90px 15px;
}
.bloco-2-onb.part-2 ul {
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.bloco-2-onb.part-2 ul li {
height: 180px;
padding: 10px;
}
.bloco-2-onb.part-2 ul li h4 {
font-size: 22px;
}
.bloco-2-onb.part-3 {
padding: 0 15px 0;
}
.bloco-2-onb.part-3 ul {
padding: 50px 0;
}
.bloco-2-onb.part-3 ul li+li {
margin: 25px 0 0;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 65px;
}
.bloco-2-onb.part-3 picture {
height: 320px;
width: calc(100% - 30px);
float: none;
margin: 0 auto;
}
.bloco-2-onb.part-3 ul li p {
font-size: 14px;
}
.bloco-3-onb {
padding: 80px 15px 60px;
}
.bloco-3-onb ul {
display: flex;
grid-gap: 0;
justify-content: center;
flex-wrap: wrap;
}
.bloco-3-onb ul li {
margin-bottom: 35px;
}
.bloco-3-onb ul li picture {
width: 178px;
}
.bloco-3-onb ul li h3 {
font-size: 18px;
}
.bloco-3-onb .owl-theme .owl-nav.disabled+.owl-dots,
.bloco-3-onb ul.owl-carousel .owl-dots {
margin: 30px auto 0 !important;
}
.bloco-3-onb ul.contacts {
margin: 30px 0 0;
grid-template-columns: 1fr;
}
.bloco-3-onb ul.contacts li {
width: 100%;
height: 250px;
padding: 20px;
}
.bloco-4-onb {
padding: 60px 15px;
}
.bloco-4-onb .field-group {
width: 100%;
}
.bloco-4-onb .step h3::after {
margin: 25px 0 15px;
}
.bloco-4-onb .step h3,
.bloco-4-onb .step h4 {
text-indent: -17px;
padding-left: 36px;
line-height: 1.3;
}
.bloco-4-onb .step h4 {
margin: 0 0 25px;
}
.bloco-4-onb button.add-line,
.bloco-4-onb button.remove-line {
margin: 10px auto 0;
}
.bloco-5-onb {
padding: 60px 15px;
}
.bloco-5-onb p {
font-size: 18px;
}
.bloco-5-onb p br {
display: none;
}
.bloco-5-onb p:first-of-type::before {
margin: 65px auto 25px;
font-size: 140px;
}
.__update_front .banner-content {
height: 375px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 100%;
padding: 0 125px;
text-align: center;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 40px;
left: 50% !important;
transform: translateX(-50%);
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 22px;
}
.__update_front .banner-content .slideshow .slide .btn {
margin: 0;
}
.__update_front .banner-content .slideshow .slide .btn {
padding: 12px 32px;
}
.__update_front .banner-content .slideshow .slide span.text {
margin: 0 auto 12px;
font-size: 15px;
}
.__update_front .bloco-1-home-2023 {
padding: 60px 15px;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 55px;
grid-template-columns: repeat(2, 225px);
}
.__update_front .bloco-1-home-2023 ul li h3 {
font-size: 14px;
}
.__update_front .bloco-1-home-2023 ul li picture {
width: 230px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
padding: 60px 15px;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0;
max-width: 540px;
margin: 0 auto;
}
.__update_front .bloco-2-home-2023 section h2 {
font-size: 25px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 550px;
height: 340px;
margin: 0 auto 30px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 430px;
height: 274px;
transform: translate(2px, -15px);
}
.__update_front .bloco-3-home-2023 {
padding: 85px 15px;
}
.__update_front .bloco-4-home-2023 {
padding: 70px 15px 60px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: auto;
border-radius: 15px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 30px;
width: 100%;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 25px;
}
.__update_front .bloco-4-home-2023 section h4 {
font-size: 16px;
}
.__update_front .bloco-4-home-2023 picture.float {
position: relative;
height: 205px;
width: 100%;
margin: 0 0 35px;
overflow: hidden;
border-radius: 15px;
}
.bloco-posts-home-2023 {
padding: 70px 15px 55px;
}
.bloco-posts-home-2023 .articles {
grid-column-gap: 30px;
grid-template-columns: 1fr;
grid-template-areas: inherit;
}
.bloco-posts-home-2023 .articles article {
grid-area: auto !important;
}
.bloco-posts-home-2023 .articles article h2 {
font-size: 18px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) h2 {
font-size: 22px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) {
height: auto;
}
.bloco-posts-home-2023 .articles article:nth-child(1) picture {
height: 350px;
}
.bloco-posts-home-2023 article picture {
width: 200px;
border-radius: 8px;
}
.bloco-posts-home-2023 article a.l-figure {
height: auto;
}
.bloco-posts-home-2023 a.link {
margin: 30px 0 0 !important;
}
.bloco-posts-home-2023 .header h2 {
font-size: 30px !important;
}
footer section.final {
flex-direction: column;
}
footer section.final a {
margin: 15px 0 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.banner-acesso .content-video figure {
width: 100%;
height: 260px;
}
.banner-acesso article h1 {
margin: 20px 0 15px;
font-size: 32px;
}
.banner-acesso article p {
font-size: 12px;
}
.banner-acesso article img {
width: 50px;
height: auto;
}
.bloco-2-acesso.active {
height: 290px;
}
.bloco-3-acesso .owl-carousel article {
height: 190px;
column-gap: 8px;
}
.bloco-3-acesso.active {
padding: 50px 15px 30px;
}
.bloco-3-acesso h3 {
font-size: 21px;
}
.bloco-3-acesso .owl-carousel article p {
font-size: 22px;
margin: 0;
min-width: 230px;
}
.bloco-3-acesso .owl-carousel article a {
width: 23%;
}
.bloco-3-acesso .owl-carousel article a::before {
top: -15px;
left: 6px;
width: 60px;
height: 60px;
}
.banner-acesso .float-link {
bottom: 30px;
}
.popup-video-inst iframe {
width: 680px;
height: 450px;
}
.bloco-2-fc .bloco_galeria_videos ul {
grid-template-columns: 1fr 1fr 1fr;
}
.bloco-2-fc .bloco_galeria_videos ul li picture {
height: 200px;
}
.bloco-2-fc .bloco_galeria_videos ul li article {
padding: 35px 10px 30px;
}
footer#acesso {
padding: 15px 0;
}
footer#acesso .content ul li {
column-gap: 2px;
}
footer#acesso img {
margin: 25px 0 0;
}
footer#acesso .content,
footer#acesso .content li {
flex-direction: column;
}
footer#acesso .content ul {
row-gap: 17px;
column-gap: 0;
flex-direction: column;
}
.popup-video-inst video {
width: 650px;
height: 400px;
}
.banner-pages.pp {
min-height: 215px;
}
.bloco-1-pp h2 {
font-size: 28px;
}
.bloco-1-pp h3 {
font-size: 26px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
font-size: 28px;
}
.bloco-1-pp h1::after,
.bloco-1-pp h2::after {
margin: 40px 0;
}
body.onb .banner a.logo {
margin-top: -30px;
}
body.onb .banner h1 {
margin: 55px 0 20px;
font-size: 60px;
}
.bloco-1-onb picture {
width: 100%;
height: 435px;
margin: 0;
}
.bloco-1-onb h2 {
font-size: 35px;
}
.bloco-1-onb p {
font-size: 15px;
}
.bloco-1-onb .card-info {
margin: 20px 0 60px;
}
.bloco-2-onb {
padding: 120px 15px;
}
.bloco-2-onb.part-2 ul {
grid-template-columns: repeat(3, 200px);
grid-gap: 26px;
}
.bloco-2-onb.part-2 ul li {
height: 210px;
padding: 10px;
}
.bloco-2-onb.part-2 ul li h4 {
font-size: 26px;
}
.bloco-2-onb.part-3 {
padding: 0 15px 0;
}
.bloco-2-onb.part-3 ul {
padding: 0 0 0 35px;
}
.bloco-2-onb.part-3 ul li+li {
margin: 25px 0 0;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 65px;
}
.bloco-2-onb.part-3 picture {
height: 395px;
}
.bloco-2-onb.part-3 ul li p {
font-size: 14px;
}
.bloco-3-onb {
padding: 80px 15px 60px;
}
.bloco-3-onb ul {
display: flex;
grid-gap: 0;
justify-content: center;
flex-wrap: wrap;
}
.bloco-3-onb ul li {
margin-bottom: 35px;
}
.bloco-3-onb ul li picture {
width: 178px;
}
.bloco-3-onb ul li h3 {
font-size: 18px;
}
.bloco-3-onb ul.contacts {
margin: 30px 0 0;
}
.bloco-3-onb ul.contacts li {
width: 100%;
height: 250px;
padding: 20px;
}
.bloco-4-onb {
padding: 60px 15px;
}
.bloco-4-onb .field-group {
width: 100%;
}
.bloco-4-onb button.add-line,
.bloco-4-onb button.remove-line {
margin: 10px auto 0;
}
.bloco-5-onb {
padding: 80px 15px;
}
.bloco-5-onb p {
font-size: 22px;
}
.navbar ul.menu li+li {
margin-left: 9px;
}
.__update_front .banner-content {
height: 410px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 100%;
padding: 0 125px;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 50px;
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 28px;
}
.__update_front .banner-content .slideshow .slide .btn {
margin: 0;
}
.__update_front .banner-content .slideshow .slide .btn {
padding: 12px 32px;
}
.__update_front .banner-content .slideshow .slide span.text {
margin: 0 0 12px;
font-size: 15px;
}
.__update_front .bloco-1-home-2023 {
padding: 60px 15px;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 55px;
grid-template-columns: repeat(2, 225px);
}
.__update_front .bloco-1-home-2023 ul li h3 {
font-size: 14px;
}
.__update_front .bloco-1-home-2023 ul li picture {
width: 230px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
padding: 60px 15px;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0;
max-width: 610px;
margin: 0 auto;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 620px;
height: 385px;
margin: 0 auto 50px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 492px;
height: 306px;
transform: translate(2px, -21px);
}
.__update_front .bloco-3-home-2023 {
padding: 85px 15px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: 455px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 30px;
width: 50%;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 24px;
}
.__update_front .bloco-4-home-2023 section h4 {
font-size: 16px;
}
.bloco-posts-home-2023 {
padding: 70px 15px 55px;
}
.bloco-posts-home-2023 .articles {
grid-column-gap: 30px;
grid-template-columns: 1fr;
grid-template-areas: inherit;
}
.bloco-posts-home-2023 .articles article {
grid-area: auto !important;
}
.bloco-posts-home-2023 .articles article h2 {
font-size: 22px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) h2 {
font-size: 22px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) {
height: auto;
}
.bloco-posts-home-2023 .articles article:nth-child(1) picture {
height: 350px;
}
.bloco-posts-home-2023 article picture {
width: 250px;
border-radius: 8px;
}
.bloco-posts-home-2023 article a.l-figure {
height: auto;
}
.bloco-posts-home-2023 a.link {
margin: 30px 0 0 !important;
}
.bloco-posts-home-2023 .header h2 {
font-size: 30px !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
.banner-acesso .content-video figure {
width: 100%;
height: 345px;
}
.bloco-2-acesso.active {
height: 405px;
}
.bloco-3-acesso .owl-carousel article {
height: 190px;
column-gap: 8px;
}
.bloco-3-acesso.active {
padding: 70px 15px 50px;
}
.bloco-3-acesso .owl-carousel article p {
font-size: 22px;
margin: 0;
}
.bloco-3-acesso .owl-carousel article a {
width: 26%;
}
.bloco-3-acesso .owl-carousel article a::before {
top: -15px;
left: 6px;
width: 60px;
height: 60px;
}
.popup-video-inst iframe {
width: 800px;
height: 500px;
}
footer#acesso {
padding: 15px 0;
}
footer#acesso .content ul li {
column-gap: 2px;
}
.popup-video-inst video {
width: 750px;
height: 450px;
}
.banner-pages.pp {
min-height: 300px;
}
.bloco-1-pp h2 {
font-size: 30px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
font-size: 32px;
}
body.onb .banner a.logo {
margin-top: -30px;
}
body.onb .banner h1 {
margin: 55px 0 20px;
font-size: 65px;
}
.bloco-1-onb .card-info {
margin: 0;
}
.bloco-1-onb picture {
height: 980px;
margin: 0 0 0 30px;
}
.bloco-1-onb h2 {
font-size: 35px;
}
.bloco-2-onb {
padding: 120px 15px;
}
.bloco-2-onb.part-2 ul {
grid-template-columns: repeat(3, 300px);
grid-gap: 26px;
}
.bloco-2-onb.part-2 ul li h4 {
font-size: 35px;
}
.bloco-2-onb.part-3 {
padding: 0 15px 0;
}
.bloco-2-onb.part-3 ul {
padding: 0 0 0 35px;
}
.bloco-2-onb.part-3 ul li+li {
margin: 25px 0 0;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 65px;
}
.bloco-2-onb.part-3 picture {
height: 395px;
}
.bloco-2-onb.part-3 ul li p {
font-size: 14px;
}
.bloco-3-onb {
padding: 80px 15px 60px;
}
.bloco-3-onb ul {
display: flex;
grid-gap: 0;
justify-content: center;
flex-wrap: wrap;
}
.bloco-3-onb ul li {
margin-bottom: 35px;
}
.bloco-3-onb ul li picture {
width: 178px;
}
.bloco-3-onb ul li h3 {
font-size: 18px;
}
.bloco-3-onb ul.contacts {
margin: 30px 0 0;
}
.bloco-3-onb ul.contacts li {
width: 100%;
height: 250px;
}
.bloco-4-onb {
padding: 100px 15px;
}
.bloco-4-onb .field-group {
width: 95%;
}
.bloco-5-onb p {
font-size: 22px;
}
.navbar ul.menu li+li {
margin-left: 16px;
}
.__update_front .banner-content {
height: 450px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 1280px;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 55px;
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 30px;
}
.__update_front .banner-content .slideshow .slide .btn {
margin: 0;
}
.__update_front .banner-content .slideshow .slide .btn {
padding: 14px 37px;
}
.__update_front .banner-content .slideshow .slide span.text {
margin: 0 0 12px;
font-size: 15px;
}
.__update_front .bloco-1-home-2023 {
padding: 60px 15px;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 35px;
grid-template-columns: repeat(4, 205px);
}
.__update_front .bloco-1-home-2023 ul li h3 {
font-size: 14px;
}
.__update_front .bloco-1-home-2023 ul li picture {
width: 230px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0 0 0 90px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 620px;
height: 385px;
margin: 0 auto 50px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 492px;
height: 306px;
transform: translate(2px, -21px);
}
.__update_front .bloco-3-home-2023 {
padding: 110px 15px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: 455px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 35px;
width: 50%;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 28px;
}
.__update_front .bloco-4-home-2023 section h4 {
font-size: 16px;
}
.__update_front .bloco-4-home-2023 picture.float img {
object-position: left top;
}
.bloco-posts-home-2023 {
padding: 70px 15px 55px;
}
.bloco-posts-home-2023 .articles {
grid-template-columns: 46% auto;
grid-column-gap: 30px;
}
.bloco-posts-home-2023 article picture {
width: 165px;
border-radius: 8px;
}
.bloco-posts-home-2023 .articles article h2 {
font-size: 16px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) h2 {
font-size: 19px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) {
height: 535px;
}
.bloco-posts-home-2023 .articles article:nth-child(1) picture {
height: 340px;
}
.bloco-posts-home-2023 article a.l-figure {
height: auto;
}
.bloco-posts-home-2023 a.link {
margin: 50px 0 0 !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1354px) {
.banner-acesso .content-video figure {
width: 100%;
height: 365px;
}
.bloco-2-acesso.active {
height: 405px;
}
.bloco-3-acesso .owl-carousel article {
height: 220px;
}
.bloco-3-acesso.active {
padding: 70px 15px 50px;
}
.bloco-3-acesso .owl-carousel article p {
font-size: 26px;
}
.banner-pages.pp {
min-height: 350px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
font-size: 32px;
}
body.onb .banner a.logo {
margin-top: -30px;
}
body.onb .banner h1 {
margin: 55px 0 20px;
font-size: 65px;
}
.bloco-1-onb .card-info {
margin: 0;
}
.bloco-1-onb picture {
height: 930px;
margin: 0 0 0 30px;
}
.bloco-1-onb h2 {
font-size: 35px;
}
.bloco-2-onb {
padding: 140px 15px;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 75px;
}
.bloco-2-onb.part-3 picture {
height: 520px;
}
.bloco-2-onb.part-3 ul li p {
font-size: 15px;
}
.bloco-3-onb ul {
grid-gap: 15px;
}
.bloco-3-onb ul li picture {
width: 135px;
}
.bloco-3-onb ul li h3 {
font-size: 16px;
}
.bloco-4-onb .field-group {
width: 95%;
}
.bloco-5-onb p {
font-size: 22px;
}
.__update_front .banner-content {
height: 530px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 1280px;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 65px;
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 36px;
}
.__update_front .banner-content .slideshow .slide .btn {
margin: 0;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 30px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0 0 0 90px;
}
.__update_front .bloco-2-home-2023 .custom {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-left: 0;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 620px;
height: 385px;
margin-left: -40px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 492px;
height: 306px;
transform: translate(2px, -21px);
}
.__update_front .bloco-3-home-2023 {
padding: 120px 15px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: 455px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 35px;
width: 50%;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 32px;
}
.bloco-posts-home-2023 .articles {
grid-template-columns: 46% auto;
grid-column-gap: 35px;
}
}
@media screen and (min-width: 1355px) and (max-width: 1429px) {
.banner-acesso .content-video figure {
width: 100%;
height: 365px;
}
.bloco-2-acesso.active {
height: 405px;
}
.bloco-3-acesso .owl-carousel article {
height: 220px;
}
.bloco-3-acesso.active {
padding: 70px 15px 50px;
}
.banner-pages.pp {
min-height: 350px;
}
.bloco-1-pp h1,
.bloco-1-pp h2 {
font-size: 32px;
}
body.onb .banner a.logo {
margin-top: -30px;
}
body.onb .banner h1 {
margin: 55px 0 20px;
font-size: 65px;
}
.bloco-1-onb .card-info {
margin: 0;
}
.bloco-1-onb picture {
height: 940px;
margin: 0 0 0 30px;
}
.bloco-1-onb h2 {
font-size: 35px;
}
.bloco-2-onb {
padding: 140px 15px;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 95px;
}
.bloco-2-onb.part-3 picture {
height: 620px;
}
.bloco-2-onb.part-3 ul li p {
font-size: 15px;
}
.bloco-3-onb ul {
grid-gap: 15px;
}
.bloco-3-onb ul li picture {
width: 135px;
}
.bloco-3-onb ul li h3 {
font-size: 16px;
}
.bloco-4-onb .field-group {
width: 95%;
}
.bloco-5-onb p {
font-size: 22px;
}
.__update_front .banner-content {
height: 575px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 1280px;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 105px;
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 38px;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 45px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0 0 0 160px;
}
.__update_front .bloco-2-home-2023 .custom {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-left: 0;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 715px;
height: 445px;
margin-left: -40px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 563px;
height: 352px;
transform: translate(2px, -21px);
}
.__update_front .bloco-3-home-2023 {
padding: 130px 15px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: 455px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 35px;
width: 50%;
}
.__update_front .bloco-4-home-2023 section h2 {
font-size: 32px;
}
.bloco-posts-home-2023 .articles {
grid-template-columns: 46% auto;
grid-column-gap: 35px;
}
}
@media screen and (min-width: 1430px) and (max-width: 1599px) {
.bloco-3-acesso.active {
padding: 70px 15px 50px;
}
.banner-pages.pp {
min-height: 400px;
}
.bloco-1-onb picture {
height: 850px;
margin: 0 0 0 30px;
}
.bloco-2-onb {
padding: 140px 15px;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 95px;
}
.bloco-2-onb.part-3 picture {
height: 620px;
}
.bloco-2-onb.part-3 ul li p {
font-size: 15px;
}
.bloco-3-onb ul {
grid-gap: 15px;
}
.bloco-3-onb ul li picture {
width: 135px;
}
.bloco-3-onb ul li h3 {
font-size: 16px;
}
.bloco-5-onb p {
font-size: 22px;
}
.__update_front .banner-content {
height: 615px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 1360px;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 105px;
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 42px;
}
.__update_front .bloco-1-home-2023 ul {
grid-gap: 45px;
}
.__update_front .bloco-2-home-2023 {
max-width: 100%;
}
.__update_front .bloco-2-home-2023>div {
justify-content: center;
}
.__update_front .bloco-2-home-2023 section {
padding: 0 0 0 160px;
}
.__update_front .bloco-2-home-2023 .custom {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-left: 0;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 715px;
height: 445px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 570px;
height: 352px;
transform: translate(6px, -21px);
}
.__update_front .bloco-3-home-2023 {
padding: 140px 15px;
}
.__update_front .bloco-4-home-2023 section {
width: 100%;
height: 520px;
}
.__update_front .bloco-4-home-2023 section article {
padding-right: 20px;
width: 48%;
}
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
.bloco-2-onb {
padding: 180px 15px;
}
.bloco-2-onb.part-3 ul li h4 {
font-size: 95px;
}
.bloco-2-onb.part-3 picture {
height: 620px;
}
.bloco-3-onb ul {
grid-gap: 15px;
}
.__update_front .banner-content {
height: 680px;
}
.__update_front .banner-content .slideshow .slide .caption {
width: 1315px;
}
.__update_front .banner-content .slideshow .pagination {
bottom: 105px;
}
.__update_front .banner-content .slideshow .slide .title h1 {
font-size: 42px;
}
.__update_front .bloco-2-home-2023 {
max-width: 1525px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture {
width: 820px;
height: 495px;
}
.__update_front .bloco-2-home-2023 .wrapper-picture .carousel {
width: 644px;
height: 408px;
transform: translate(3px, -25px);
}
.__update_front .bloco-3-home-2023 {
padding: 160px 15px;
}
}
@media screen and (min-width: 1680px) {
.banner-acesso .offset-zl-1 {
margin-left: 16.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
}
@media screen and (max-height: 560px) {
body.onb main {
height: 560px !important;
}
body.onb .banner a.logo {
margin-top: 0;
}
body.onb .banner h1 {
font-size: 50px;
margin: 25px 0 20px;
}
body.onb .banner p {
font-size: 17px;
}
}
.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-15 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
@media (min-width: 540px) {
.col-sm-15 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 720px) {
.col-md-15 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 960px) {
.col-lg-15 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1140px) {
.col-xl-15 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@font-face {
font-family: "SF Pro Display";
src: url(//eslsistemas.com.br/wp-content/themes/esl/font/SFPRODISPLAYREGULAR.OTF) format("opentype");
font-weight: 400; font-style: normal;
}
@font-face {
font-family: "SF Pro Display";
src: url(//eslsistemas.com.br/wp-content/themes/esl/font/SFPRODISPLAYMEDIUM.OTF) format("opentype");
font-weight: 500; font-style: normal;
}
@font-face {
font-family: "SF Pro Display";
src: url(//eslsistemas.com.br/wp-content/themes/esl/font/SFPRODISPLAYBOLD.OTF) format("opentype");
font-weight: 700; font-style: normal;
}
.lps-2024 {
font-family: "SF Pro Display", sans-serif;
font-weight: 400; }
.lps-2024 img {
width: 100%;
max-width: 100%;
}
.lps-2024.cases-2024 .item {
display: flex;
align-items: stretch;
flex-direction: column;
margin-bottom: 20px;
}
.lps-2024.cases-2024 .item.even .item__img {
order: 1;
}
.lps-2024.cases-2024 .item.even .item__texto {
order: 2;
}
.lps-2024.cases-2024 .item.odd .item__img {
order: 2;
}
.lps-2024.cases-2024 .item.odd .item__texto {
order: 1;
}
.lps-2024.cases-2024 .item__img img {
width: 100%;
height: auto;
}
.lps-2024.cases-2024 .item__texto {
flex: 1;
}
.lps-2024 h1,
.lps-2024 h2,
.lps-2024 h3 {
font-weight: 700; font-family: "SF Pro Display", sans-serif; position: relative;
z-index: 16;
}
.lps-2024 p,
.lps-2024 a,
.lps-2024 li {
font-size: 16px;
font-family: "SF Pro Display", sans-serif;
}
.lps-2024.fixed .navbar-2024,
.lps-2024 .navbar-2024 {
background-color: #fff !important;
border-bottom: 1px solid #e2e2e2;
}
.lps-2024.fixed .navbar-2024 li,
.lps-2024 .navbar-2024 li,
.lps-2024.fixed .navbar-2024 li a,
.lps-2024 .navbar-2024 li a,
.lps-2024.fixed .navbar-2024 li i,
.lps-2024 .navbar-2024 li i,
.lps-2024 .navbar-2024 .area.mob>a {
color: #333333 !important;
}
.lps-2024 .navbar-2024 li.current-menu-item a,
.lps-2024 .navbar-2024.fixed li.current-menu-item a {
color: #7095cf !important;
}
.lps-2024 .navbar-2024 a {
font-size: 16px !important;
text-transform: lowercase;
font-weight: 400;
}
.lps-2024 .navbar-2024 .navbar-toggler .icon-bar {
background-color: #333;
width: 42px;
}
.lps-2024 .navbar-2024 .navbar-toggler .icon-bar+.icon-bar {
margin-top: 5px;
}
.lps-2024 .section {
padding: 2rem 0;
}
.lps-2024 .carousel-solucoes .owl-nav,
.lps-2024 .carousel-home .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
z-index: -1;
}
.lps-2024 .carousel-solucoes .owl-nav .owl-prev,
.lps-2024 .carousel-solucoes .owl-nav .owl-next,
.lps-2024 .carousel-home .owl-nav .owl-prev,
.lps-2024 .carousel-home .owl-nav .owl-next {
background-color: #d7d7d7; color: #8e8e8e; border: none;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3s;
position: relative;
}
.lps-2024 .carousel-home .owl-nav .owl-prev,
.lps-2024 .carousel-home .owl-nav .owl-next {
display: none;
}
.lps-2024 .carousel-solucoes .owl-nav .owl-prev:hover,
.lps-2024 .carousel-solucoes .owl-nav .owl-next:hover,
.lps-2024 .carousel-home .owl-nav .owl-prev:hover,
.lps-2024 .carousel-home .owl-nav .owl-next:hover {
background-color: #555 !important; }
.lps-2024 .carousel-solucoes .owl-nav .owl-prev {
left: -35px; }
.lps-2024 .carousel-solucoes .owl-nav .owl-next {
right: -35px; }
.lps-2024 .carousel-solucoes .owl-nav .owl-prev i,
.lps-2024 .carousel-solucoes .owl-nav .owl-next i {
font-size: 18px; }
.lps-2024 .card-solucoes {
padding-top: 95%;
padding-bottom: 1rem;
width: 100%;
transition: 0.3s;
border-radius: 30px;
display: block;
overflow: hidden;
position: relative;
text-align: center;
}
.lps-2024 .card-solucoes__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 30px;
overflow: hidden;
}
.lps-2024 .card-solucoes .card-solucoes__img img {
transition: 0.3s;
height: 100%;
}
.lps-2024 .card-solucoes:hover .card-solucoes__img img {
transform: scale(1.1);
transition: 0.3s;
}
.lps-2024 .card-solucoes p {
font-size: 1.2em !important;
color: #fff !important;
}
.lps-2024 .card-solucoes .card-solucoes__text {
position: relative;
}
.lps-2024 .card-solucoes .card-solucoes__text img {
display: inline-block;
width: fit-content;
margin-bottom: 0.5rem;
max-width: 30px;
}
.lps-2024 .card-solucoes.card-solucoes--grande {
padding-top: 0;
padding-bottom: 34%;
justify-content: start;
border-radius: 15px;
}
.lps-2024 .card-solucoes.card-solucoes--grande p {
font-size: 1em;
}
.lps-2024 .card-solucoes.card-solucoes--grande .card-solucoes__text {
display: flex;
align-items: center;
padding-top: 1rem;
padding-left: 0.5rem;
}
.lps-2024 .card-solucoes.card-solucoes--grande .card-solucoes__text img {
margin-bottom: 0;
margin-right: 0.5rem;
}
.lps-2024 .card-solucoes.card-solucoes--grande .card-solucoes__text p {
margin-bottom: 0;
}
.lps-2024 .footer-2024 {
padding: 2rem 0;
text-align: center;
background-color: #fff !important;
}
.lps-2024 .footer-2024 p,
.lps-2024 .footer-2024 p a {
color: #606060;
}
.lps-2024 .footer-2024 .footer__titulo {
font-size: 2.7em;
margin-bottom: 1.5rem;
}
.lps-2024 .footer-2024 .footer__titulo,
.lps-2024 .footer-2024 .footer__texto {
color: #18335e;
}
.lps-2024 .footer-2024 .footer__texto {
font-size: 1.1em;
font-weight: 500;
margin-bottom: 3rem;
}
.lps-2024 .footer-2024 .footer__contato {
margin-top: 2rem;
}
.lps-2024 .footer-2024 .footer__contato__img {
max-width: 50px;
margin-bottom: 1rem;
}
.lps-2024 .footer-2024 .footer__contato__titulo {
font-size: 1.5em;
margin-bottom: 1rem;
font-weight: 700;
line-height: 1.2;
}
.lps-2024 .footer-2024 p {
font-size: 1em;
}
.lps-2024 .footer-2024 .footer__contato p a {
font-weight: 500;
font-size: 0.8em;
line-height: 1.1;
}
.lps-2024 .footer-2024 .footer__contato p:has(> a) {
line-height: 1;
}
p.footer_rights {
font-size: 18px !important;
color: #a6a6a6 !important;
margin-right: 0.5rem;
line-height: 1;
}
.lps-2024 .footer-2024 .footer__bottom {
margin-top: 4rem;
}
.lps-2024 .footer-2024 .footer__bottom a {
background-color: #a6a6a6;
display: inline-flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
transition: 0.3s;
}
.lps-2024 .footer-2024 .footer__bottom a:hover {
transform: scale(1.1);
}
.lps-2024 .footer-2024>.row {
height: unset !important;
}
.lps-2024 .footer-2024 .footer__bottom a i {
color: #fff !important;
font-size: 10px !important;
}
.lps-2024 .footer-2024 li>a>i {
width: auto;
height: auto;
}
.lps-2024.home-2024 #carousel-home-2024 .item {
min-height: 100vh;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
color: #fff;
display: flex;
padding-top: 8rem;
align-items: center;
}
.lps-2024.home-2024 #carousel-home-2024 .item .header__mergulhador {
max-width: 100px;
display: inline-block;
margin: auto;
filter: brightness(200%);
margin-bottom: 1rem;
}
.lps-2024 .header__logo-curto {
width: auto !important;
}
.lps-2024.home-2024 #carousel-home-2024 .item h1 {
font-size: 1.5em;
}
.lps-2024.home-2024 #carousel-home-2024 .item img {
width: 100%;
max-width: 150px;
display: inline-block;
z-index: 10;
position: relative;
}
.lps-2024.home-2024 #carousel-home-2024 .item p img {
z-index: 16;
}
.lps-2024.home-2024 #carousel-home-2024 .item video {
z-index: 15;
}
.lps-2024.home-2024 #carousel-home-2024 .item a span {
display: block;
}
.lps-2024.home-2024 #carousel-home-2024 .item a span img {
margin-right: 1rem;
}
.lps-2024.home-2024 #carousel-home-2024 .item a {
background-color: transparent;
color: #fff;
display: block;
max-width: 200px;
padding: 0.5rem 1rem;
border-radius: 30px;
border: 1px solid #475cc7;
transition: 0.3s;
margin: auto;
margin-top: 2rem;
z-index: 16;
position: relative;
}
.lps-2024.home-2024 #carousel-home-2024 .item a img {
max-width: 30px;
}
.lps-2024.home-2024 #carousel-home-2024 .item a:hover {
transform: scale(1.1);
}
.lps-2024.home-2024 .section-sessao1 {
padding: 1rem;
}
.lps-2024.home-2024 .section-sessao2 h2 {
font-size: 2.5em;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__button {
display: flex;
align-items: center;
width: fit-content;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__button:hover .section-sessao2__button__texto {
color: #4e87e0;
}
.lps-2024.home-2024 .footer-2024 {
background-color: #ededed;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__button__texto {
color: #b1b1b1;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__button__icon {
background-color: #4e87e0;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 1rem;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__button__icon img {
max-width: 50%;
}
.lps-2024.home-2024 .section-sessao3,
.lps-2024.home-2024 .section-sessao4 {
background-color: #2a282e;
color: #fff;
}
.lps-2024.home-2024 .section-sessao3 p,
.lps-2024.home-2024 .section-sessao4 p {
color: #fff;
}
.lps-2024.home-2024 .section-sessao3 .section-sessao3__img {
max-width: 75px;
max-height: 88px;
margin-bottom: 1.5rem;
}
.lps-2024.home-2024 .section-sessao3 .section-sessao3__texto__negrito {
margin-bottom: 0;
font-size: 1.2em;
}
.lps-2024.home-2024 .section-sessao4 {
background-position: center bottom;
background-size: cover;
padding-top: 6rem;
text-align: center;
}
.lps-2024.home-2024 .section-sessao5 {
text-align: center;
}
.lps-2024.solucoes-2024 .section-sessao1 h1 {
margin-top: 6rem;
text-align: center;
font-weight: 500;
padding-bottom: 8rem;
}
.lps-2024.solucoes-2024 .section-sessao2 {
background-color: #ebebeb;
text-align: center;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__img {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin: 0 -2rem;
margin-top: -10rem;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__img img {
max-width: 130%;
}
.lps-2024.solucoes-2024 .card-solucoes {
margin-bottom: 4rem;
}
.lps-2024.solucoes-2024 .solucoes-2024__divisor {
background-color: #c1c1c1;
height: 1px;
width: 100%;
margin: 2rem 0;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__text {
margin-top: 2rem;
font-size: 1.4em;
}
.lps-2024.solucoes-2024 .section-sessao2 h2 {
font-size: 1.5em;
color: #9e9e9e;
font-weight: 500;
margin-bottom: 4rem;
}
.lps-2024.sobre-2024 .header {
min-height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
text-align: center;
}
.lps-2024.sobre-2024 .header p {
font-size: 1.2em;
margin-top: 8rem;
}
.lps-2024.sobre-2024 .header h1 {
font-size: 2em;
}
.lps-2024.sobre-2024 .section-sessao2 h2 {
font-size: 2.2em;
}
.lps-2024.sobre-2024 .section-sessao2__citacao {
margin: 2rem 0;
}
.lps-2024.sobre-2024 .section-sessao3 {
padding: 0;
}
.lps-2024.sobre-2024 .section-sessao3__topo {
min-height: 100vh;
color: #fff;
background-position: 34%;
background-size: cover;
background-repeat: no-repeat;
}
.lps-2024.sobre-2024 .section-sessao3__rodape p {
font-weight: 500;
text-align: center;
line-height: 1.5;
}
.lps-2024.sobre-2024 .section-sessao4 {
min-height: 100vh;
display: flex;
align-items: center;
}
.lps-2024.sobre-2024 .section-sessao4__items {
display: flex;
margin-bottom: 4rem;
}
.lps-2024.sobre-2024 .section-sessao4__img {
margin-right: 1rem;
max-width: 55px;
height: auto;
}
.lps-2024.sobre-2024 .section-sessao4__img img {
max-height: 52px;
}
.lps-2024.sobre-2024 .section-sessao4__texto span {
display: block;
}
.lps-2024.sobre-2024 .section-sessao4__texto__numero {
font-size: 3em;
line-height: 1;
font-weight: 500;
}
.lps-2024.sobre-2024 .section-sessao4__texto__titulo {
font-size: 1.2em;
font-weight: 500;
}
.lps-2024.sobre-2024 .section-sessao5 h2 {
margin-bottom: 4rem;
text-align: center;
}
.lps-2024.sobre-2024 .section-sessao5__cards .card {
margin: 2rem 0.5rem;
background-color: #ececec;
padding: 1rem;
border: none;
text-align: center;
border-radius: 25px;
max-width: 270px;
}
.lps-2024.sobre-2024 .section-sessao5__cards img {
max-width: 72px;
max-height: 62px;
margin: 0 auto auto auto;
margin-bottom: 1rem;
}
.lps-2024.sobre-2024 .section-sessao5__cards p {
font-size: 0.8em;
padding: 1rem 1rem;
}
.lps-2024.sobre-2024 .section-sessao5__cards h5 {
font-weight: 700;
margin-bottom: 0;
font-size: 1em;
}
.lps-2024.sobre-2024 .section-sessao6 {
padding: 0;
}
.lps-2024.sobre-2024 .section-sessao6__card {
padding: 2rem;
border-radius: 15px;
background: -webkit-linear-gradient(left, #c7c7c7, #afafaf);
background: -moz-linear-gradient(left, #c7c7c7, #afafaf);
background: -ms-linear-gradient(left, #c7c7c7, #afafaf);
background: -o-linear-gradient(left, #c7c7c7, #afafaf);
background: linear-gradient(to right, #c7c7c7, #afafaf);
}
.lps-2024.sobre-2024 .section-sessao6 h2 {
color: #151b3e;
font-size: 2.2em;
}
.lps-2024.sobre-2024 .section-sessao6 p {
font-weight: 500;
color: #535353;
margin: 2rem 0;
}
.lps-2024.sobre-2024 .section-sessao6 a {
border: 2px solid #fff;
border-radius: 60px;
padding: 0.75rem 1.2rem;
display: block;
margin: 2rem auto;
color: #fff;
width: fit-content;
}
.lps-2024.sobre-2024 .section-sessao6 a:hover {
border-color: #004ab5;
color: #004ab5;
}
.lps-2024.cases-2024 .main {
padding-top: 8rem;
background-color: #f5f5f7;
text-align: center;
}
.lps-2024.cases-2024 .main h2 {
font-size: 4.5em;
font-weight: 500;
}
.lps-2024.cases-2024 .main__subtitulo {
margin-bottom: 4rem;
}
.lps-2024.cases-2024 .main .item {
margin-bottom: 4rem;
border-radius: 15px;
height: fit-content;
overflow: hidden;
}
.lps-2024.cases-2024 .main .item__img,
.lps-2024.cases-2024 .main .item__iframe {
padding-top: 56.6%;
background-size: cover;
position: relative;
overflow: hidden;
}
.lps-2024.cases-2024 .main .item__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.3s;
}
.lps-2024.cases-2024 .main .item__img:hover img {
transform: scale(1.1);
}
.lps-2024 .popup-video-inst {
display: none;
}
.lps-2024 .popup-video-inst.ativo {
display: flex;
}
.lps-2024.cases-2024 .main .item__texto {
background-color: #fff;
padding: 1rem;
color: #686868;
}
.lps-2024.cases-2024 .main .item__texto a {
color: #4e87e0;
}
.lps-2024.cases-2024 .main .item__texto h3 {
color: #232940;
margin-bottom: 2rem;
font-size: 2em;
font-weight: 500;
}
.lps-2024.contato-2024 .header {
min-height: 75vh;
background-position: center;
background-size: cover;
margin-top: 4rem;
}
.lps-2024.contato-2024 .main {
background-color: #f5f5f7;
}
.lps-2024.contato-2024 .main__topo {
text-align: center;
padding-top: 2rem;
}
.lps-2024.contato-2024 .main__item {
margin-bottom: 4rem;
}
.lps-2024.contato-2024 .main__item__img {
object-fit: contain;
max-width: 50px;
margin-bottom: 2rem;
}
.lps-2024.contato-2024 .main__item a {
color: #474a49;
}
.lps-2024.contato-2024 .main__item p {
margin-bottom: 5px;
}
.lps-2024.contato-2024 .main__item span {
color: #4e87e0;
}
.lps-2024.contato-2024 .main__item h2 {
margin-bottom: 2rem;
}
.lps-2024.contato-2024 .canais__img {
max-width: 20px;
}
.lps-2024.home-2024 .carousel-solucoes .owl-nav .owl-prev,
.lps-2024.home-2024 .carousel-solucoes .owl-nav .owl-next {
background-color: transparent;
}
.lps-2024.solucoes-2024 .slider {
margin-bottom: 6rem;
}
.lps-2024.cases-2024 .main .item__button,
.lps-2024.historias-2024 .main .item__button {
background-color: transparent;
border: none;
color: #4e87e0;
cursor: pointer;
}
.lps-2024.cases-2024 .main .item__button:hover,
.lps-2024.historias-2024 .main .item__button:hover {
color: #12457d;
}
.lps-2024.historias-2024 .main {
text-align: center;
padding-top: 8rem;
background-color: #f5f5f7;
}
.lps-2024.historias-2024 .main .historia-2024__titulo {
font-size: 2em;
margin-bottom: 1rem;
}
.lps-2024.historias-2024 .main .historia-2024__subtitulo {
margin-bottom: 4rem;
}
.lps-2024.historias-2024 .main .item {
margin: 1rem 0;
height: auto;
cursor: pointer;
}
.lps-2024.historias-2024 .main .item__img {
border-radius: 10px;
overflow: hidden;
}
.lps-2024.historias-2024 .main .item img {
transition: 0.3s;
}
.lps-2024.historias-2024 .main .item:hover img {
transform: scale(1.1);
}
.lps-2024.historias-2024 .main .item__texto {
padding: 2rem 2rem 2rem 0;
text-align: start;
}
.lps-2024.historias-2024 .main .item__texto h3 {
font-size: 0.8em;
}
.lps-2024.historias-2024 .main .item__texto p {
font-size: 0.7em;
line-height: 1.5;
}
.lps-2024.logistique-2024 .header {
padding-top: 4rem;
}
.lps-2024.logistique-2024 .banner__header {
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
border-radius: 15px;
text-align: center;
color: #fff;
min-height: 55vh;
display: flex;
justify-content: center;
align-items: center;
}
.lps-2024.logistique-2024 .banner__header__title {
font-size: 2.2em;
}
.lps-2024.logistique-2024 h4 {
font-weight: 700;
font-size: 1.2em;
margin-top: 2em;
margin-bottom: 1rem;
}
.lps-2024.logistique-2024 .link__credencial {
background-color: #ff6e01;
padding: 1rem;
color: #fff;
border-radius: 30px;
transition: 0.3s;
margin-top: 1.5rem;
display: block;
width: fit-content;
}
.lps-2024.logistique-2024 .link__credencial:hover {
transform: scale(1.1);
}
.lps-2024.logistique-2024 .section-sessao5 p {
text-align: center;
margin-bottom: 4rem;
}
@media only screen and (min-width: 600px) {
.lps-2024 .carousel-solucoes .owl-nav .owl-prev {
left: -60px; }
.lps-2024 .carousel-solucoes .owl-nav .owl-next {
right: -60px; }
.lps-2024 .footer-2024,
.lps-2024 .section {
padding: 8rem 0;
}
.lps-2024.home-2024 #carousel-home-2024 .item {
padding-top: 0;
}
.lps-2024.home-2024 #carousel-home-2024 .item h1 { font-weight: 500;
line-height: 1.2;
z-index: 16;
position: relative;
font-size: 1.5em;
margin: 0;
}
.lps-2024.home-2024 #carousel-home-2024 .item p {
font-size: 1.3em;
}
.lps-2024.home-2024 .section-sessao1 {
padding-top: 8rem;
padding-left: 4rem;
padding-right: 4rem;
padding-bottom: 0;
}
.lps-2024.home-2024 .section-sessao2 {
overflow: hidden;
}
.lps-2024.home-2024 .section-sessao2 h2 {
font-size: 3.3em;
margin-top: 1em;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__img {
position: absolute;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__texto {
margin: 2rem 0;
}
.lps-2024.home-2024 .section-sessao3 h2 {
font-size: 4em;
}
.lps-2024.home-2024 .section-sessao3 .section-sessao3__subtitulo {
margin-top: 1rem;
margin-bottom: 4rem;
}
.lps-2024.home-2024 .section-sessao3 .section-sessao3__img {
max-width: 125px;
}
.lps-2024.home-2024 .section-sessao4 {
padding-top: 45%;
padding-bottom: 4rem;
}
.lps-2024.home-2024 .section-sessao5 h2 {
font-size: 3em;
color: #333333;
margin-bottom: 4rem;
}
.lps-2024.home-2024 .section-sessao5 p {
font-size: 1.35em;
color: #636363;
}
.lps-2024 .footer-2024 .footer__contato {
margin-top: 4rem;
}
.lps-2024 .footer-2024 .footer__bottom {
margin-top: 8rem;
}
.lps-2024.sobre-2024 .header h1 {
font-size: 2.5em;
}
.lps-2024.sobre-2024 .header p {
margin-top: 12rem;
}
.lps-2024.sobre-2024 .section-sessao3 h2 {
margin-top: 4rem;
font-size: 1.8em;
font-weight: 500;
}
.lps-2024.sobre-2024 .section-sessao4 {
background-position: center;
}
.lps-2024.sobre-2024 .section-sessao5__cards .card {
padding: 3rem 1rem;
}
.lps-2024.sobre-2024 .section-sessao5__cards p {
padding: 2rem 1.5rem;
}
.lps-2024.sobre-2024 .section-sessao6 {
padding: 0;
}
.lps-2024.sobre-2024 .section-sessao2 h2 {
font-size: 2.9em;
}
.lps-2024.sobre-2024 .section-sessao6__card {
padding: 3rem 2rem;
}
.lps-2024.sobre-2024 .section-sessao6__card h2 {
font-size: 2em;
}
.lps-2024.sobre-2024 .section-sessao6__card a {}
.lps-2024.contato-2024 .main__topo {
padding-top: 4rem;
} .lps-2024.solucoes-2024 .section-sessao1 h1 {
margin-top: 2rem;
padding-bottom: 10rem;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__img {
margin-top: -23rem;
}
.lps-2024.contato-2024 .main__item__img {
max-width: 75px;
max-height: 55px;
}
.lps-2024.cases-2024 .item {
flex-direction: row;
}
.lps-2024.logistique-2024 .header {
padding-top: 8rem;
}
.lps-2024.logistique-2024 .section-sessao5 p {
font-size: 1.45em;
color: #636363;
}
}
@media only screen and (min-width: 900px) {
.lps-2024,
.lps-2024 p,
.lps-2024 a,
.lps-2024 li {
font-size: 20px;
}
.lps-2024.cases-2024 .main .item {
display: flex;
}
.lps-2024.cases-2024 .main .item__img,
.lps-2024.cases-2024 .main .item__iframe {
padding-top: 36%;
}
.lps-2024.cases-2024 .main .item__img,
.lps-2024.cases-2024 .main .item__iframe,
.lps-2024.cases-2024 .main .item__texto {
width: 50%;
}
.lps-2024.cases-2024 .main .item__texto {
display: flex;
flex-direction: column;
justify-content: center;
padding: 1rem 2rem;
}
.lps-2024.cases-2024 h2.historia-2024__titulo {
font-size: 3em;
}
.lps-2024.contato-2024 .main__topo h1 {
font-size: 3em;
}
.lps-2024.contato-2024 .main__topo h2 {
font-size: 2em;
}
.lps-2024.solucoes-2024 .section-sessao1 h1 {
margin-top: 2rem;
padding-bottom: 15rem;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__img {
margin-top: -28rem;
}
.lps-2024.home-2024 .section-sessao3__texto_negrito {
font-size: 1.2em;
}
.lps-2024.home-2024 .section-sessao3__texto {
padding-right: 6rem;
}
.lps-2024.home-2024 .section-sessao3 .section-sessao3__subtitulo {
margin-bottom: 5rem;
}
.lps-2024.home-2024 .section-sessao3 h2 {
margin-bottom: 1.5rem;
}
.lps-2024.home-2024 .no-js .owl-carousel,
.lps-2024.home-2024 .owl-carousel.owl-loaded {
display: block;
margin-top: 4rem;
}
.lps-2024.sobre-2024 .section-sessao6__card {
padding: 6rem;
}
.lps-2024.sobre-2024 .section-sessao6__card a {
transition: 0.3s;
margin-bottom: 0;
}
.lps-2024.sobre-2024 .section-sessao6__card img {
max-height: 362px;
}
.lps-2024.sobre-2024 .section-sessao6__card h2 {
font-size: 2.5em;
margin-top: 1rem;
}
.lps-2024.sobre-2024 .section-sessao5 h2 {
font-size: 2.5em;
}
.lps-2024.solucoes-2024 .no-js .owl-carousel,
.lps-2024.solucoes-2024 .owl-carousel.owl-loaded {
margin-top: 4rem;
}
.lps-2024.solucoes-2024 .slider {
max-width: 90%;
margin: auto;
}
.lps-2024 .carousel-home .owl-nav .owl-prev,
.lps-2024 .carousel-home .owl-nav .owl-next {
display: flex;
width: 40px;
height: 40px;
}
.lps-2024 .carousel-home .owl-nav {
z-index: 100;
}
.lps-2024.solucoes-2024 .carousel-solucoes .owl-nav .owl-prev i,
.lps-2024.solucoes-2024 .carousel-solucoes .owl-nav .owl-next i {
font-size: 24px;
}
.lps-2024.solucoes-2024 .carousel-solucoes .owl-nav .owl-prev,
.lps-2024.solucoes-2024 .carousel-solucoes .owl-nav .owl-next {
width: 60px;
height: 60px;
}
.lps-2024.solucoes-2024 .carousel-solucoes .owl-nav .owl-prev {
left: -80px;
}
.lps-2024.solucoes-2024 .carousel-solucoes .owl-nav .owl-next {
right: -80px;
}
.lps-2024.contato-2024 .main__item--3 {
margin-left: 3rem;
}
.lps-2024.home-2024 #carousel-home-2024 .item img {
max-width: 150px;
}
}
@media only screen and (min-width: 1300px) {
.lps-2024.solucoes-2024 .section-sessao1 h1 {
margin-top: 2rem;
padding-bottom: 25rem;
font-size: 3.5em;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__img {
margin-top: -35rem;
}
.lps-2024.home-2024 #carousel-home-2024 .item h1 { }
.lps-2024.cases-2024 .main {
padding-top: 12rem;
}
.lps-2024.contato-2024 .main__item a {
font-size: 1em;
}
.lps-2024.contato-2024 .main__item p {
font-size: 0.8em;
}
.lps-2024.historias-2024 .main .historia-2024__titulo {
font-size: 2.5em;
}
.lps-2024.logistique-2024 .section-sessao5 p {
margin-bottom: 6rem;
}
}
@media only screen and (min-width: 1600px) {
.lps-2024.historias-2024 .main {
padding-top: 100px;
}
.lps-2024.solucoes-2024 .section-sessao2 .section-sessao2__text {
font-size: 1.3em;
}
.lps-2024.solucoes-2024 .section-sessao1 h1 {
font-size: 3em;
}
.lps-2024.home-2024 .section-sessao4 {
padding-top: 47%;
}
.lps-2024.sobre-2024 .section-sessao5__cards p {
padding: 2rem;
}
.lps-2024.sobre-2024 .section-sessao6__card {
padding: 6rem 4rem;
}
.lps-2024,
.lps-2024 p,
.lps-2024 a,
.lps-2024 li {
font-size: 24px;
}
.lps-2024.fixed .navbar-2024,
.lps-2024 .navbar-2024 {
min-height: 100px;
}
.lps-2024 .navbar ul.menu li+li {
margin-left: 42px;
}
.lps-2024 .navbar-2024 a,
.lps-2024 .navbar-default .navbar-nav li a {
font-size: 22px !important;
}
.lps-2024 li>a>i {
width: 21px;
height: 25px;
margin-bottom: -5px;
}
.lps-2024.home-2024 #carousel-home-2024 .item {
padding-top: 8rem; }
.lps-2024.home-2024 #carousel-home-2024 .item h1 {  }
.lps-2024.home-2024 #carousel-home-2024 .item:has(.col-md-6) h1 { }
.lps-2024.home-2024 #carousel-home-2024 .item p {
font-size: 1.2em;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__img {
max-width: 120%;
}
.lps-2024.home-2024 .section-sessao2 .section-sessao2__button__icon {
width: 50px;
height: 50px;
}
.lps-2024.home-2024 .section-sessao3 h2 {
font-size: 3em;
margin-bottom: 1.5rem;
}
.lps-2024.home-2024 .section-sessao3__texto {
padding-right: 4rem;
}
.lps-2024 .footer-2024 .footer__bottom a i {
margin-top: -5px;
}
.lps-2024.sobre-2024 .section-sessao5__cards .card { padding: 5rem 1rem;
}
.lps-2024.contato-2024 .header {
margin-top: 100px;
}
.lps-2024.logistique-2024 .header {
margin-top: 100px;
}
.lps-2024.logistique-2024 p {
font-size: 29px;
line-height: 1.5;
}
}
.video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 16;
}
.header__title--central {
font-size: 2em;
margin-top: 2rem !important;
margin-bottom: 1rem !important;
}
@media only screen and (min-width: 1600px) {
.header__title--central {
font-size: 2.5em !important;
margin-top: 4rem !important;
}
}
.header__button--laranja {
border-color: #ff7200 !important;
color: #fff !important;
}