@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,600,700,800");  #nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper{text-align: center; overflow: visible;}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
display: inline-block;
border-radius: 7px;
margin: 0 10px;
-webkit-box-shadow: 0px 0px 15px rgb(119 127 136 / 35%);
-moz-box-shadow: 0px 0px 15px rgb(119 127 136 / 35%);
box-shadow: 0px 0px 15px rgb(119 127 136 / 35%);
border-width: 0;
padding: 20px 50px;
}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before{border-width:0;}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:after{
width: 0;
height: 0;
border-right: 20px solid transparent;
border-top: 20px solid transparent;
border-left: 20px solid transparent;
border-bottom: 20px solid #105faf;
left: 50%;
margin-left: -20px;
bottom: -30px;
}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title img{ width: 180px;}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .esign{padding:8px 0 7px;}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .firma{padding:9px 20px;}
#nuestrasMarcas .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title .cyberfenz{padding: 17px 0;}
#nuestrasMarcas .elementor-tabs .elementor-tabs-content-wrapper{
background: #105faf;
border-width: 0 !important;
border: none !important;
margin-top: 20px;
}
#nuestrasMarcas .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{border-width: 0; text-align: center;}
#nuestrasMarcas .detalleNuestrasMarcas{
display: table;
width: 100%;
padding: 0 25px;
margin-bottom:15px;
}
#nuestrasMarcas .detalleNuestrasMarcas li{display: table-cell; color: #a4bdd7; font-size:12px; border-right: 1px solid white;}
#nuestrasMarcas .detalleNuestrasMarcas li:last-child{border: none;}
#nuestrasMarcas .detalleNuestrasMarcas li em{color: white; font-weight: bold; font-style: normal;}
html {
max-width: 100%;
overflow-x: hidden;
-ms-overflow-style: scrollbar; 
}
body {
font: 400 13px/1.7em "Roboto", sans-serif;
padding: 0;
color: #ddd;
background-color: #18191b;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
a {
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
a,
a:hover,
a:active,
a:focus {
color: inherit;
outline: 0;
}
a:active,
a:focus {
text-decoration: none; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:"Roboto", sans-serif;
font-weight: 500;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
color: #c43f70;
font-family:"Roboto", sans-serif;
font-weight: 700;
}
p {
margin-bottom: 20px;
}
ins,
::selection {
color: #fff;
background: #9e3159;
text-shadow: none;
text-decoration: none;
}
::-moz-selection {
color: #fff;
background: #9e3159;
text-shadow: none;
text-decoration: none;
}
img {
display: block;
height: auto;
}
img,
embed,
iframe,
object {
max-width: 100%;
}
fieldset {
margin-bottom: 20px;
}
label {
margin: 0;
}
textarea,
input[type="text"],
input[type="email"] { padding: 15px 20px;
background-color: transparent;
border-radius: 2px;
border: 2px solid #333;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.formEsign input,.formEsign textarea,.formEsign .select {
border: 2px solid #ffffff!Important;
margin: 0.5%;
border-radius: 5px!Important;
width: 49%;
}
.select .btn.dropdown-toggle {
vertical-align: middle;
height: 51px;
padding-left: 15px;
}
.formEsign textarea {
height: height: 76px;
}
#FContacto p {
text-align: left;
color: #ffffff;
}
::-webkit-input-placeholder { color: #fff !important;
}
:-moz-placeholder { color: #fff !important;
opacity: 1 ;
}
::-moz-placeholder { color: #fff !important;
opacity:  1;
}
:-ms-input-placeholder { color: #fff !important;
}
.select.btn-light {
float: left;
height: 55px;
margin-bottom: 7px;
}
input:focus,
textarea:focus {
outline: 0;
border-color: inherit;
}
select::-ms-expand {
display: none;
}
blockquote {
border-left: 5px solid #ffcc00;
}
section {
position: relative;
} section:not(.nopadding) .container,
section:not(.nopadding) .container-fluid {
margin: 60px auto;
}
section:not(.nopadding) .container,
section:not(.nopadding) .container-fluid:first-child {
margin: 60px auto 0px;
}
.LineaNegocio{
text-align:center;
height:250px;
}
.LineaNegocio:hover{
text-decoration:none;
}
.LineaNegocio a:hover{
text-decoration:none;
}
.LineaNegocio h3{
font-size:21px!Important;
letter-spacing: 1px!Important;
}
}
.LineaNegocio h3:hover{
color:#c43f70;
text-decoration:none;
}
.LineaNegocio img{
max-width:190px;
background-color: rgba(196,63,112,0);
border-radius:50%;
}
.LineaNegocio img:hover{
background-color: rgba(196, 63, 112,0.8);
border-radius: 50%;
transition: all .3s ease-in-out;
}
.LineaNegocio ul{
text-align:left;
font-size:14px;
}
.LineaNegocio li{
font-size:18px;
padding: 5px 0px; 
}
.LineaNegocio li:hover{
text-decoration:none;
color: #c43f70;
font-weight:600;
font-size:19px;
padding:10px 0px;
}
.FondoNumerosNegocio{
font-size:45px;
background-color:#ffffff;
filter: blur(5px);
height: 200px;
width: 100%;
background-image: url(https://esign-la.com/contenido/uploads/2020/02/Ciudad-Digital-locacion.jpg);
background-position: 50% 50%;
background-size: 100%;
margin-top:50px;
background-attachment: fixed;
}
.icono-marcas img{display:inline-block!Important;}
.NumerosNegocios{
position:absolute;
margin-top: -200px;
background-color:rgba(85,83,155,1);
width: 100%;
height: 200px;
padding: 25px;
}
.NumerosNegocios h4{
font-size: 50px;
font-weight:600;
color:#ffffff;
}
.NumerosNegocios p{
font-size:16px;
color:#ffffff;
}
.datoNegocio {
float: left;
margin: 10px auto;
display: block;
width: 16.5%;
text-align:center;
}
.separador-blanco {
width: 2px;
height: 150px;
float: left;
background-color:#ffffff;
margin: 0px;
opacity: 0.5;
}
#portfolio-module .container-fluid {
margin: 0px;
}
.row-nopadding [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.select:after {
margin-left: -20px;
content: "\f0d7";
font-family: "FontAwesome";
vertical-align: middle;
}
.dropdown-toggle {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.spacer {
clear: both;
display: block;
width: 100%;
height: 30px;
}
.triangle {
top: -1px;
width: 0;
height: 0;
margin: 0 auto;
border-top: 90px solid #333!Important;
}
.line {
clear: both;
position: relative;
width: 100%;
margin: 30px 0;
border-top: 1px solid;
}
.full-screen {
width: 100%;
display: table;
overflow: hidden;
vertical-align: middle;
background-size: cover;
background-repeat: no-repeat;
margin-top: -89px;
float: left;
height:650px!Important;
} .btn {
padding: 5px 15px;
text-transform: uppercase;
border-radius: 2px;
background-color: transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.btn:hover {
border-radius: 0;
text-decoration: none;
}
.btn:focus {
color: inherit;
outline: 0;
}
.btn-md,
.btn-lg {
padding: 10px 15px;
}
.btn-light {
color: #fff;
border: 2px solid rgba(255,255,255,.7);
}
.btn-light:hover {
color: #c43f70;
background: #ffffff;
}
.go-to-top i:hover{
font-weight:600;
}
input.btn {
vertical-align: bottom;
} input.form-control {
height: 44px;
padding: 5px 15px;
font-size: .923em;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0;
border: 1px solid #ccc;
background-color: #fff;
}
input.form-control:hover {
border-color: #ccc;
}
input.form-control:focus {
color: #151515;
border-color: #151515;
box-shadow: 0 0 3px rgba(21,21,21,.3);
} .separator {
line-height: .5em; margin: 50px auto;
width: 80%;
}
.separator span {
position: relative;
display: inline-block;
}
.separator i {
font-size: .462em;
}
.separator span:before {
right: 100%;
margin-right: 15px;
}
.separator span:after {
left: 100%;
margin-left: 15px;
}
.separator span:before,
.separator span:after {
content: "";
position: absolute;
top: 5px;
width: 275px;
border-bottom-width: 1px;
border-bottom-style: solid;
} .alignleft {
display: inline;
float: left;
margin-right: 1.3em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.3em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .brand-association {border-bottom: 1px solid #dedede;}
.brand-association ul{padding:0; margin:0; line-height: 0; display: flex; justify-content: flex-start;}
.brand-association ul li {
display:inline-block;
border-left: 1px solid #dedede;
border-bottom: 2px solid transparent;
}
.brand-association ul li:last-child{border-right: 1px solid #dedede;}
.brand-association ul li img{max-height:25px;}
.brand-association ul li a{display: block; padding: 5px 15px;}
.brand-association ul li a:hover{opacity:0.8; filter: alpha(opacity=80);}
.brand-association ul li.active{border-bottom: 2px solid #5486c0;}
.site-header {
position: relative;
width: 100%;
height: 130px;
background: transparent;
z-index: 999;
-webkit-transition: height .5s linear, background .5s ease;
transition: height .5s linear, background .5s ease;
}
.sticky-header {
position: fixed;
background-color: #ffffff; }
.site-branding {
display: inline-block;
float: left;
width:25%;
}
.admin-bar .site-header {
margin-top: 0px !important;
top: 0 !important;
margin-bottom: 0px;
background-color: #fff;
}
body.home.page-template-template-home-page-php .site-header {
position: absolute;
left: 0;
width: 100%;
top: 0;
}
body.home.page-template-template-home-page-php .slider{
top: 0px !important;
margin-bottom: 0px !important;
}
body.home.page-template-template-home-page-php.admin-bar .site-header {
margin-top: 32px !important;
} .site-title {
font: 400 2.154em/1.036em "Raleway", sans-serif;
letter-spacing: .071em;
margin: 28px 0;
-webkit-transition: margin .2s linear;
transition: margin .2s linear;
}
.page-template-front-page .site-title{
margin: 13px 0;
}
.site-title a {
color: #fff;
text-decoration: none;
}
.site-title a:hover {
color: #ffcc00;
}
.sticky-header .site-title {
margin: 21px 0 20px;
} .page-template-template-home-page-php .site-header {
height: auto;
}
.page-template-template-home-page-php .main-navigation {
max-height: initial;
}
.main-navigation {
font: 400 "Roboto", sans-serif;
text-transform: uppercase;
float: right;
}
footer .main-navigation{
float:left;
padding-left:50px;
}
.main-navigation ul {
margin: 0;
padding: 0;
}
.main-navigation li {
position: relative;
float: left;
list-style: none;
}
.main-navigation li:last-child { margin-bottom: -40px!Important;
}
.main-navigation a {
position: relative;
display: block;
padding: 25px 0 25px 15px;
color: #105faf;
text-decoration: none;
font-weight: 600;
}
.main-navigation li.current-menu-item a {
color: #ffcc00;
}
.main-navigation a:hover {
color: #ffcc00;
}
.main-navigation a i {
margin-right: 2px;
} .main-navigation li ul {
opacity: 0;
visibility: hidden;
position: absolute;
top: 40px;
left: 10px;
width: 200px;
height: auto;
z-index: 999;
-webkit-transition: visibility 0s, opacity .3s linear;
transition: visibility 0s, opacity .3s linear;
}
footer .main-navigation li ul{
left:-10px;
font-size:14px;
text-align: left;
padding-left: 10px;
}
.main-navigation li:hover > ul {
opacity: 1;
visibility: visible;
}
.main-navigation li li { -webkit-transition: all .3s ease;
transition: all .3s ease;
line-height: 50px;
}
.main-navigation li li:last-child {
border-bottom: none;
}
.main-navigation li li a {
width: 200px;
padding: 2px 15px;
color: #79bfec; font-size: .909em;
line-height:30px;
}
.main-navigation li li a:hover {
color: #c43f70; }
.main-navigation .menu-pos-invert {
right: 0;
left: auto;
} .mobile-menu {
display: none;
float: right;
width: 36px;
height: 36px;
margin: 17px 0;
padding: 7px;
cursor: pointer;
color: #ffffff;
font-size: 1.846em;
line-height: .875em;
text-align: center;
background-color: #105faf;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.mobile-menu:hover {
background-color: #fff!Important;
}
.mobile-menu:before {
font-family: "FontAwesome";
content: "\f0c9";
}
.mobile-menu.closed:before {
font-family: "FontAwesome";
content: "\f00d";
} .module h2 {
margin: 0;
font-size: 30px;
font-weight: 500;
letter-spacing: .063em;
text-transform: uppercase;
color: #4169ad;
}
.module h3 {
margin-top: 0;
font-size: 1.385em;
letter-spacing: .167em;
text-transform: uppercase;
}
.module p {
margin: 10px 0 0;
}
#ver-promo-module h2{
margin: 0;
font-size: 30px;
font-weight: 500;
letter-spacing: .063em;
text-transform: uppercase;
margin-bottom:0px;
}
#ver-promo-module .container{
margin-top:0px;
}
#ver-promo-module {
background-image: url(https://esign-la.com/contenido/uploads/2020/02/Equipo-de-Trabajo.jpg);
background-position: center;
background-size: cover;
padding:80px;
background-attachment: fixed;
}
.triangle {
display: none;
} #portfolio-module .triangle {
display: none!Important;
}
#icon-service-module .module-caption p {
font-family: "Roboto", sans-serif;
font-size: 16px;
letter-spacing: .036em;
text-align:justify;
}
#contact-module .module-caption p{
font-size:20px;
margin: 0px auto 30px auto;
}
.contact-module{
padding-bottom:20px;
}
#icon-service-module .BajadaTitulo-Servicios p{
text-align:justify;
text-transform:uppercase;
padding-left:20px;
font-size: 20px;
line-height:36px;
float:left;
width:98%;
}
.border-left-magenta{
width: 5px;
height: 165px;
background-color:#c43f70;
display: block;
border-radius: 5px;
float: left;
}
.menu-ProductosPropios {
position: absolute;
text-align: center;
display: block;
width: 80%;
height: auto;
background-color:rgba(18,22,47,0.8);
margin-top: -160px;
padding: 20px;
border-top: 2px solid #105faf;
transition:all 0.3s ease-in-out;
margin-left:18%;
}
.menu-ProductosPropios img {
display: inline-block;
margin: 0px 20px;
filter: brightness(500);
width: 11.9%;
}
@media only screen and (max-width: 1200px){
.menu-ProductosPropios img{
width: 13%;
margin: 0px 10px;
}
}
@media (max-width: 735px) and (min-width: 600px){
.caja-contenido-detalle.text-left {
padding-top: 0px!Important;
padding-bottom: 6px!Important;
padding-left: 30px!Important;
}
.caja-contenido-detalle.text-right {
padding-right: 30px!Important;
}
}
@media only screen and (max-width: 991px){
.formEsign p {
margin-left: -30px!Important;
width: 100%!Important;
text-align: center;
}
#FContacto p {
text-align: center;
}
#FContacto #description {
width: 98.5%;
height: 76px;
} nav#site-navigation {
padding-bottom: 100px;
}
.main-navigation {
max-width: 100%!Important;
}
.menu-ProductosPropios {
width: 100%;
margin-left: -4%;
padding: 10px 0px!Important;
background-color: rgba(0,0,0,1)!Important;
}
.menu-ProductosPropios img {
margin: 0px 3px!Important;
}
.marcas-open {
margin-top: 506px!Important;
}
.formEsign input, .formEsign textarea, .formEsign .select {
margin: 1% 0.2%;
}
form p.obligatorio {
margin: 20px 0 0;
width: 49%;
float: right;
}
input.enviaresign.w-button.col-md-6.btn.btn-light.btn-md {
margin-left: 23%;
}
.elementor-accordion input.enviaresign.w-button.col-md-6.btn.btn-light.btn-md{
margin-left: 0%;
}
ul.sub-menu.clearfix {
height: 70px;
}
.menu-ProductosPropios img{
width: 12,6%;
}
}
.menu-ProductosPropios img:hover{
filter:brightness(1);
filter: drop-shadow(1px 1px 1px black);
}
.certificaciones{
width: 20%;
display: block;
margin: 0px auto;
float: left;
}
.certificaciones img{
display: block;
margin: 0px auto;
}
.certificaciones p{
line-height: 17px;
font-size: 12px;
color:#a0a0a0;
margin-top: 15px;
}
.submenu-footer.col-xs-12.col-sm-5 ul li {
display: inline;
margin: auto 10px;
vertical-align: middle;
min-height: 20px;
}
.submenu-footer.col-xs-12.col-sm-5 ul li:hover{
text-decoration:none;
}
.submenu-footer.col-xs-12.col-sm-5 {
min-height: 50px;
margin: 5px 0px;
text-align: left;
font-size:18px;
}
.MenuLegal-footer.col-xs-12 li {
display: inline;
margin: 30px 0px;
color: #ccc;
font-size:12px;
}
.MenuLegal-footer.col-xs-12 li a:hover{
text-decoration:none;
color:#9D8C92;
}
.Logo-footer.col-xs-12.col-sm-2 img {
margin: 0px auto;
}
.contenido-footer {
background-color: #333333;
padding: 50px 0px 0px;
}
.site-info {
padding: 0px;
}
.footer-copyrights {
width: 100%;
height: 50px;
display: inline-block;
padding: 15px;
background-color: #222222;
color:#98989a;
}
.module-caption p{
text-align:center;
}
.Seccion-mapa #triangulo {
width: 0px;
height: 0px;
border-style: solid;
border-width: 60px 60px 0px 60px;
border-color:#105faf transparent transparent transparent;
margin-left: 46.7%;
margin-bottom: -50px;
z-index: 6!Important;
position: absolute;
}
.Seccion-mapa .fa-street-view{
position: absolute;
z-index: 7;
font-size: 50px;
color:#fff;
margin-left: 48.5%;
margin-top: -25px;
}
.caja-contenido-detalle h3 {
font-size: 36px;
font-weight: normal;
}
.caja-contenido-detalle p {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.caja-contenido-detalle.text-right p span{
font-size: 30px;
font-weight: normal;
}
.caja-contenido-detalle.text-left p {
font-size: 18px;
font-weight: lighter;
margin: 10px 0px 10px 0px;
}
.caja-contenido-detalle.text-left p span{
font-weight: normal;
}
.Seccion-mapa h2 {
color: #fff;
}
#contact-form-asunto.btn.dropdown-toggle {
line-height: 20px;
}
#contact-form-message {
line-height: 7px;
margin-bottom: 0px;
padding: 5px;
}
.contact-form .btn {
border-radius: 20px;
}
.contact-form .btn:hover{
color:#ffffff!Important;
background-color:#c43f70!Important;
font-weight:400;
}
.banderas img {
margin: 5px 10px 0px 30px;
float: right;
}
#testimonial .module-caption p {
font-size: 16px;
background-color: #55539b;
display: block;
max-width: 370px;
margin: 0px auto;
margin-top: 0px;
margin-left: auto;
padding: 10px;
margin-top: 60px;
z-index: 1000;
position: inherit;
border-radius: 14px;
margin-left: 37%;
text-transform: uppercase;
}
.calificacion-comentarios{
padding:20px;
}
.calificacion-estrellas{
padding-top:10px;
padding-right:15px;
}
.calificacion-estrellas h5{
font-size: 26px;
font-weight: 400;
color:#ffffff;
}
.calificacion-estrellas h6{
font-size: 30px;
display: inline;
color: #ffffff;
}
.calificacion-estrellas i{
font-size:30px;
color:#24d6ff;
}
.comentarios-google h5{
font-size: 30px;
font-weight: 400;
color:#ffffff;
}
.comentarios-google h5 span{
font-size:45px;
}
.testimonial-box blockquote::before {
display: block;
padding-bottom: 10px;
font-family: FontAwesome;
content: "\f10d";
font-size: 1.538em;
color:#c43f70;
}
blockquote {
border-left: 0px solid #c43f70;
}
.testimonial-container{
visibility: visible;
animation-delay: 0.5s;
animation-name: fadeIn;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
}
.owl-stage{
transform: translate3d(0px, 0px, 0px);
transition: all 0.2s ease 0s;
width: 1710px;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
display: inline-flex;
}
.owl-item:active{
width: 570px;
}
.owl-carousel .owl-item {
-webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.testimonial-box blockquote {
margin: 0;
padding: 30px 30px;
border: none;
border-radius: 8px;
background-color: 
rgba(17,17,17,0.5);
}
.testimonial-box blockquote p {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.538em;
}
.testimonial-by {
font-size: 16px;
margin-top: 20px;
font-weight: 400;
}
.testimonial-by span {
font-size: 14px;
font-weight: 300;
}
.testimonial-box .testimonial-name {
color: #c43f70;
}
.testimonial-name span {
color:#ffffff;
padding-left: 5px;
border-left: 1px solid #ffffff;
margin-left: 10px;
}
.testimonial-container .dot-container {
margin: 50px auto 15px;
}
.owl-dots {
margin: 15px auto;
text-align: center;
}
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.dot-container .owl-dot {
position: relative;
}
.owl-dot {
display: inline-block;
zoom: 1;
width: 11px;
height: 7px;
margin: 7px;
}
.dot-container .active span{
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
}
.dot-container .owl-dot span {
-webkit-transition: -webkit-transform .5s ease, opacity .5s ease, background-color .5s ease;
transition: transform .5s ease, opacity .5s ease, background-color .5s ease;
}
.dot-container .owl-dot span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 2px;
}
.owl-dot span {
display: block;
-webkit-backface-visibility: visible;
}
.testimonial-module .owl-dot.active::after {
background-color: 
#c43f70;
}
.dot-container .owl-dot.active::after {
opacity: 1;
visibility: visible;
}
.dot-container .active::after {
-webkit-transform: translate3d(0,0%,0);
transform: translate3d(0,0%,0);
-webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
transition: transform .5s ease, opacity .5s ease;
}
.owl-dot::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
opacity: 0;
visibility: hidden;
}
#testimonial{
background-image: url(https://www.esign-la.com/contenido/uploads/2021/08/Seccion-Opiniones.jpg);
background-size: cover;
background-position: center!Important;
padding-bottom:40px;
background-attachment: fixed;
} .carrousel {
background: none;	
text-align: center;
padding: 0px;
height: 200px;
max-width: 100%;
margin: auto;
position: relative;
overflow: hidden;
margin-top: 10px;
}
.carrousel h2 {
margin: 0;
margin-top: -1.7em;
padding: 0;
font-size: 1em;
text-align: center;
color: #bbbbbb;
}
.carrousel .slides {
width: 600%;
left: 0;
padding-left: 0;
padding-top: 0em;
overflow: hidden;
list-style: none;
position: relative;
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
margin-bottom:40px;
}
.carrousel .slides li::before{
display: block;
padding-bottom: 10px;
font-family: FontAwesome;
content: "\f10d";
font-size: 1.538em;
color:#79bfec;
}
.carrousel .slides li {
width: 15.9%;
position: relative;
float: left;
height: auto;
padding: 25px 25px;
margin: 15px;
color:#fff;
display: block;
text-align: right;
}
.carrousel li p{
margin-top: 0;  
}
.carrousel li q {
margin: auto;
color:#ffffff;
font-size: 16px;
font-weight: 400;
}
.carrousel li span.author {
margin-top:0.5em;
font-size: 1.2em;
color: #777777;
display: block;
}
.author span {
font-size: 14px;
color:#fff;
font-weight: 300;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #fff;
}
.author {
font-size: 16px;
color:#ffffff;
font-weight: 500;
margin-top: 20px;
}
.carrousel .slidesNavigation {
display: block;
list-style: none;
text-align: center;
position: absolute;
width: 192px;
right: 40px;
bottom: 0;
}
.carrousel input {
display: none;
}
.carrousel .slidesNavigation label {
float: left;
margin: 6px;
display: block;
height: 12px;
width: 20px;
-webkit-border-radius: 50%;
border-radius: 25%;
font-size: 0;
background-color:#fff;
} #radio-1:checked ~ .slides {
transform: translateX(0%);
}
#radio-2:checked ~ .slides {
transform: translateX(-16.6%);
}
#radio-3:checked ~ .slides {
transform: translateX(-33.2%);
}
#radio-4:checked ~ .slides {
transform: translateX(-50%);
}
#radio-5:checked ~ .slides {
transform: translateX(-66.6%);
}
#radio-6:checked ~ .slides {
transform: translateX(-83.2%);
}
.carrousel .slidesNavigation label:hover {
cursor: pointer;
} .carrousel #radio-1:checked ~ .slidesNavigation label#dotForRadio-1,
.carrousel #radio-2:checked ~ .slidesNavigation label#dotForRadio-2,
.carrousel #radio-3:checked ~ .slidesNavigation label#dotForRadio-3,
.carrousel #radio-4:checked ~ .slidesNavigation label#dotForRadio-4,
.carrousel #radio-5:checked ~ .slidesNavigation label#dotForRadio-5,
.carrousel #radio-6:checked ~ .slidesNavigation label#dotForRadio-6{
background: #55539b;
border: 2px solid #fff;
}
@media  (max-width: 796px) {
.carrousel{
height: 8.5em;
}
}
@media  (max-width: 480px) {
.carrousel li p {
padding-left: 0.5em;
padding-right: 0.5em;
}
.carrousel li q {
font-size: 1em;
}
.carrousel li img {
width:2em;
margin-left: -1em;
margin-right: 0.25em;
}
}  .contenedor-mapa .box-contenido-somos ol {
position: relative;
display: block;
margin: 70px 0px 100px;
height: 5px;
background: #C43F70;
}
.contenedor-mapa .box-contenido-somos ol::before,
.contenedor-mapa .box-contenido-somos ol::after {
content: "";
position: absolute;
top: -8px;
display: block;
width: 0;
height: 0;
border-radius: 10px;
border: 10px solid #c43f70;
}
.contenedor-mapa .box-contenido-somos ol::before {
left: -5px;
}
.contenedor-mapa .box-contenido-somos ol::after {
right: -10px;
border: 10px solid transparent;
border-right: 0;
border-left: 20px solid #c43f70;
border-radius: 3px;
} .contenedor-mapa .box-contenido-somos li {
position: relative;
display: inline-block;
float: left;
width: 6.5%;
font: bold 14px arial;
height: 50px;
}
.contenedor-mapa .box-contenido-somos li .diplome {
position: absolute;
top: -47px;
left: 36%;
color: #ffffff;
}
.contenedor-mapa .box-contenido-somos li .point {
content: "";
top: -7px;
left: 43%;
display: block;
width: 20px;
height: 20px;
border: 5px solid #c43f70;
border-radius: 10px;
background: #fff;
position: absolute;
}
.contenedor-mapa .box-contenido-somos li .description {
background-color: #fff;
width: 200px;
border-radius: 5px;
margin-left: -85%;
padding: 10px;
margin-top: 40px;
position: relative;
font-weight: normal;
display:none;
color:#c43f70;
text-justify: none;
}
.contenedor-mapa .box-contenido-somos li:last-child .description {
margin-left: -90px;
}
.contenedor-mapa .box-contenido-somos li .description:fist-chield {
display: none;
background-color: #c43f70;
padding: 10px;
margin-top: 20px;
position: relative;
font-weight: normal;
z-index: 1;
}
.contenedor-mapa .box-contenido-somos .description::before {
content: '';
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
position: absolute;
top: -10px;
left: 43%;
}
.contenedor-mapa .box-contenido-somos li:last-child .description::before{
left: 60%;
} .contenedor-mapa .box-contenido-somos li:hover {
cursor: pointer;
color: #cccccc;
}
.contenedor-mapa .box-contenido-somos li:hover .description {
display: block;
} .contenedor-mapa .nav li a:hover, .nav li a:focus {
text-decoration: none;
background-color: transparent;
}
.contenedor-mapa ul li h4{
font-size:18px;
text-transform:uppercase;
color:#fff;
margin-top:40px;
margin-bottom:40px;
}
.contenedor-mapa ul li:hover{
color:#c43f70;
filter: brightness(1);
} #ver-promo-module .separator {
width: 97%!Important;
}
#blog-module .separator {
width: 78%;
} .img-cert img{
margin: 0px auto;
max-width: 150px;
max-height:130px;
}
.box-contenido-somos h5 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top:30px;
}
.box-contenido-somos h5:first-child{
margin-top:0px;
}
.img-cert h6{
font-size:20px;
}
.box-contenido-somos{
width: 100%;
height: auto;
background-color:rgba(0,0,0,0.2);
padding: 25px;
text-align: justify;
font-size: 16px;
margin-top: -500px;
position: relative;
z-index: 50;
display: flow-root;
}
.linea-b-creciente {
float: left;
display: block;
width: 110%;
height: 4px;
background-color:#fff;
margin-top: -25px;
margin-left: -30px;
}
.linea-25-creciente {
float: left;
display: block;
width: 27%;
height: 4px;
background-color:#c43f70;
margin-top: -25px;
margin-left: -30px;
}.linea-50-creciente {
float: left;
display: block;
width: 52%;
height: 4px;
background-color:#c43f70;
margin-top: -25px;
margin-left: -30px;
}.linea-75-creciente {
float: left;
display: block;
width: 77%;
height: 4px;
background-color:#c43f70;
margin-top: -25px;
margin-left: -30px;
}.linea-100-creciente {
float: left;
display: block;
width: 110%;
height: 4px;
background-color:#c43f70;
margin-top: -25px;
margin-left: -30px;
}
.box-bg-somos {
background-image: url(https://esign-la.com/contenido/uploads/2020/03/SobreNosotros-equipo.jpg);
background-size: 100%;
background-position: 50% 0%;
filter: blur(5px);
height: 500px;
width: 100%;
z-index: 15;
background-attachment: fixed;
}
#blog-module .tab-content {
display: block;
float: left;
width: 100%;
height: auto;
overflow:hidden;
}  .datos-ecologicos {
display: block;
position: fixed;
bottom: 0px;
width: 180px;
height: 400px;
margin-left:70px;
z-index:10;
opacity:0.9;
transition-property: opacity;
overflow:hidden;
}
.IconoEco:hover ~ datos-ecologicos{
opacity: 1;
transition: all 0.3s ease-in-out;
background-color: rgba(16,95,175,0.9);
border-radius: 20px 20px 0px 0px;
padding-top: 10px;
height: 400px;
}
.IconoEco:hover ~ .ahorramos {
opacity: 1;
transition: all 1s ease-in-out;
background-color:#fff;
}
.datos-ecologicos p {
text-align: center;
font-size: 14px;
color: #55539b;
font-weight: bold;
margin-bottom:10px;
}
.datos-ecologicos img {
padding: 4px;
background-color: #fff;
border-radius: 50%;
margin: 10px auto 0px; }
.IconoEco{
bottom: 20px;
display: block;
position: absolute;
left: 55px;
}
.ahorramos {
width: 100%;
height: auto;
display: block;
opacity:0;
transition-property: opacity;
padding-bottom: 20px;
border-radius: 90px;
padding-top:20px
}
.ahorramos span{
display:block;
text-align:center;
color:#4169ad;
}
.ahorramos p {
font-size: 14px;
margin-bottom: auto;
margin-top:5px;
}
.ahorramos1ano {
width: 100%;
color: #105faf!Important;
font-weight: bold!Important;
text-transform: uppercase;
margin-top: 20px;
font-size:16px!Important;
}
.detalle-eco {
width: 90px;
height: auto;
text-align: center;
float: left;
}
.detalle-eco span{
font-size:12px;
}
.eco-optimizacion {
margin-top: 10px;
float: left;
width: 100%;
}  .manos-bg-home{
margin: -220px auto 0px;
opacity: 0.7;
max-height:950px;
}
.slider {
position: relative;
color: #fff;
}
.slider-caption {
display: table-cell;
vertical-align: middle;
padding: 0 5%;
}
.slider-caption h1 {
font: 400 34px/1 "Roboto", sans-serif;
text-transform: uppercase;
margin: 30px 0px 60px;
text-shadow: 3px 3px 10px #000000;
padding-left:200px;
padding-right:200px;
}
.slider-caption p {
font: 400 24px/1.375 "Roboto", sans-serif; margin: 30px 0 50px;
text-transform: uppercase;
text-shadow: 2px 2px 5px #000000;
}
.slider-btn .btn {
padding: 20px 35px;
border-radius: 10px;
background-color: #55539b;
}
.slider-btn .btn:hover {
color:#ffffff;
background-color: #105faf;
}
.slider-btn a {
font: 400 20px/.929 "Roboto", sans-serif;
letter-spacing: .143em;
display: inline-block;
}
.slider-caption,
.slider-parallax {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
-webkit-backface-visibility: hidden;
}
.caja-detalle.col-sm-12 {
background-color:rgba(0,0,0,0.8);
padding: 10px;
display: block;
position: absolute;
margin-top: -180px;
color: #fff;
}
#first .caja-contenido-detalle{
left:-100%;
transition: all 1s ease-in-out;
}
#first.tab-pane.fade.cont.active.in .caja-contenido-detalle{
left:0%!Important;
transition: all 1s ease-in-out;
}
#second .caja-contenido-detalle{
right:-100%;
transition: all 1s ease-in-out;
}
#second.tab-pane.fade.cont.active.in .caja-contenido-detalle{
right:0%!Important;
transition: all 1s ease-in-out;
}
.caja-contenido-detalle.text-right {
border-right: 2px solid #fff;
padding: 4px 50px 20px 0px;
}
.caja-contenido-detalle.text-left {
padding: 25px 0px 25px 50px;
}
.caja-contenido-detalle .text-right h3{
font-weight: 400;
font-size: 30px;
}
.caja-contenido-detalle .text-right p{
font-size: 20px;
font-weight: 500;
}
#mytabs li{
padding-left:0px;
padding-right:0px;
text-align:center;
}
.nav-pills > li + li {
margin-left: 0px;
}
#mytabs li.active a{
color: #fff;
background-color: #55539b;
font-size: 20px;
}
#mytabs li{
color: #eee;
background-color: #555555;
font-size: 16px;
}
#mytabs li:hover{
background-color:#444444;
transition: all .3s ease-in-out;
}
#triangulo {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 50px 50px 50px;
border-color: transparent transparent #35cf76 transparent;
}
@media (max-width: 1460px) and (min-width: 1430px){
.Seccion-mapa #triangulo{
margin-left: 45.8%!Important;
}
.Seccion-mapa .fa-street-view{
margin-left: 48.1%!Important;
}
}
@media (max-width: 1400px) and (min-width: 1200px){
.Seccion-mapa #mytabs li{
font-size:14px;
}
.Seccion-mapa #mytabs li.active a{
font-size:15px;
}
.box-bg-somos{
background-size:109%;
}
.Seccion-mapa #mytabs li a{
border-radius: 0px;
}
.NumerosNegocios h4{
font-size:40px;
}
.NumerosNegocios p{
font-size:12px;
}
.Seccion-mapa #triangulo{
margin-left:45.7%!Important;
}
.Seccion-mapa .fa-street-view{
margin-left:48%!Important;
}
.submenu-footer{
font-size:14px!Important;
}
}
@media (max-width: 1199px) and (min-width: 992px){
.LineaNegocio h3{
font-size:17px!Important;
}
.LineaNegocio img{
max-width:150px;
}
.LineaNegocio li{
font-size:14px;
}
.LineaNegocio li a:hover{
font-size:19px;
}
.NumerosNegocios h4{
font-size:35px;
}
.datoNegocio{
width:16.4%;
}
.Seccion-mapa #mytabs li{
font-size:12px;
}
.Seccion-mapa #mytabs li.active a{
font-size:14px;
padding-left:50px;
}
.Seccion-mapa #triangulo{
margin-left:44%;
}
.Seccion-mapa .fa-street-view{
margin-left:47%;
}
.site-branding img {
max-width: 100px;
}
.slider-caption h1{
font-size:30px!Important;
line-height: 35px;
}
.manos-bg-home{
margin-top:0px!Important;
}
.submenu-footer{
font-size:12px!Important;
}
.submenu-footer.col-xs-12.col-sm-5 ul li{
margin: auto 5px!Important;
}
.box-bg-somos{
background-size:117%;
background-position: 50% 30%;
}
#ver-promo-module .col-md-offset-1 {
margin-left: 0%;
}
.Seccion-mapa #mytabs li a{
border-radius: 0px;
}
}
@media (max-width: 991px) and (min-width: 768px){
.border-left-magenta{
height:110px!Important;
}
.manos-bg-home{
margin-top:0px;
}
.slider-caption h1{
margin-top: -50px;
margin-bottom: 150px;
line-height: 40px;
}
.datos-ecologicos{
top: -40px;
margin-left: 50px;
}
.LineaNegocio h3{
width: 250px;
float: left;
text-align: left;
padding-left: 20px;
}
.LineaNegocio img{
max-width: 50px;
float: left;
margin-top: -20px;
}
.LineaNegocio li{
font-size:16px;
}
.LineaNegocio li a:hover{
font-size:18px;
}
.datoNegocio{
width:16.4%;
}
.NumerosNegocios h4{
font-size:25px;
}
.NumerosNegocios p{
font-size:15px;
}
.box-bg-somos{
background-size:170px;
}
#blog-module .row-nopadding .container{
margin-top:0px;
}
.contenedor-mapa .box-contenido-somos .description::before{
left:26%;
}
.contenedor-mapa .box-contenido-somos li:last-child .description::before{
left:55%;
}
#testimonial .carrousel{
height:auto;
}
.Seccion-mapa #mytabs li a:last-child{
padding-left: 60px;
font-size:10px;
}
.Seccion-mapa #mytabs li{
font-size:12px;
}
.Seccion-mapa #mytabs li.active a{
font-size: 12px;
letter-spacing: -0.8px;
}
.Seccion-mapa #triangulo{
margin-left:42%;
}
.Seccion-mapa .fa-street-view{
margin-left:46.7%;
}
.Seccion-mapa #mytabs li a{
border-radius: 0px;
}
.caja-contenido-detalle h3{
font-size:30px;
}
.caja-contenido-detalle.text-left p{
font-size:14px;
}
.caja-contenido-detalle.text-left{
padding-left:30px;
}
.caja-contenido-detalle.text-right{
padding-right:30px;
}
.caja-detalle{
margin-top: -184px!Important;
}
#colophon #mobile-menu {
float:left;
}
.Seccion-mapa #site-navigation.main-navigation.submenu-footer{
display:block;
}
.menu-footer-xs li {
display: inline-block;
margin-left: 10px;
margin-top: 35px;
font-size: 14px;
}
}
@media only screen and (min-width:992px){
.menu-footer-xs{display:none;}
}
.menu-footer-xs li:hover{
text-decoration: none!Important;
color: #c43f70;
}
@media only screen and (min-width:768px){
.elementor-710 .elementor-element.elementor-element-dc529d7 i.fas.fa-caret-down {
display:none;
}
.elementor-376 .elementor-element.elementor-element-dc529d7 i.fas.fa-caret-down {
display:none;
}
}
@media only screen and (max-width:767px){
.go-to-top.btn {
display: block!Important;
background-color: rgba(255,255,255,0.5);
border: 2px solid #105faf;
color: #105faf;
}
.go-to-top{
bottom:50px!Important;
}
.elementor-tab-title.elementor-tab-mobile-title {
background-color: #ccc;
margin-bottom: 5px;
border-radius: 5px;
}
.elementor-710 .elementor-element.elementor-element-dc529d7 {
width: 100%!Important;
}
.elementor-710 .elementor-element.elementor-element-dc529d7 i.fas.fa-caret-down {
color:#333!Important;
float: right;
}
.elementor-376 .elementor-element.elementor-element-dc529d7 {
width: 100%!Important;
}
.elementor-376 .elementor-element.elementor-element-dc529d7 i.fas.fa-caret-down {
color:#333!Important;
float: right;
}
img.img-h2-20 {
margin-left: 40%;
}
.datos-ecologicos{
display:none;
}
.manos-bg-home{
margin-top:0px;
}
.slider-caption{
padding:0px 10px;
}
.slider-btn a {
font-size: 12px;
}
.slider-caption h1{
padding:0px;
margin-top:50px;
line-height:30px;
}
#slider{
top:0px!Important;
margin-bottom:0px!Important;
}
.manos-bg-home{
position: absolute;
width: 150%!Important;
max-width: 150%!Important;
margin-left: -25%;
}
#slider .full-screen{
height:500px!Important;
}
.scroll-down{
bottom:35px;
display:block!Important;
}
#icon-service-module .BajadaTitulo-Servicios p{
font-size:14px;
line-height:22px;
}
#icon-service-module .module-caption p{
font-size:14px;
}
.LineaNegocio h3{
width: 220px;
float: left;
text-align: left;
padding-left: 20px;
}
.LineaNegocio img{
max-width: 50px;
float: left;
margin-top: -20px;
}
.LineaNegocio div:last-child {
float: left;
}
.LineaNegocio li {
font-size: 14px;
padding: 3px 0px;
}
.datoNegocio{
width:32.84567%;
margin: 0px auto;
height: 85px;
}
.separador-blanco.s-b-oculto {
display: none;
}
.NumerosNegocios h4{
font-size:16px;
}
.NumerosNegocios p{
line-height:14px;
text-transform: uppercase;
font-size:12px;
}
.separador-blanco{
height:85px;
}
.NumerosNegocios{
padding-top:15px;
}
.promo-box-ver.col-xs-10.col-md-offset-1.text-center {
width: 180%;
margin-left: -40%;
}
#ver-promo-module img{
max-width: 180%;
margin-left: -40%;
}
.img-nosotros {
width: 40px;
float: left;
margin-right:10px!Important;
}
#blog-module #mytabs li.active h4 {
width: 180px!Important;
float: left;
margin-top: 10px;
margin-bottom: 15px;
}
#blog-module #mytabs li h4{
margin-top: 10px;
margin-bottom: 15px;
text-align: left;
}
.img-cert img{
max-width:70px;
margin-top:20px;
}
.img-cert h6 {
font-size: 16px;
}
.img-cert p{
font-size:14px;
line-height: 18px;
}
.contenedor-mapa .box-contenido-somos ol{
height:0px;
padding: 0px auto;
}
.contenedor-mapa .box-contenido-somos ol::before, .contenedor-mapa .box-contenido-somos ol::after {
content: none;
position: block;
top: 0px;
display: block;
width: 0;
height: 0;
border-radius: 0px;
border: 0px;
}
.contenedor-mapa .box-contenido-somos ol::after {
right: 0px;
border: 0px solid transparent;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 0px;
border-right: 0;
border-left: 0px;
border-radius: 0px;
width: 400px;
}
.contenedor-mapa .box-contenido-somos li{
width:25.5%;
margin-bottom: 70px;
}
#blog-module .spacer {
display: none;
}
.contenedor-mapa .box-contenido-somos li .description{
margin-left: -110%;
margin-top: 10px;
width:185px;
}
.contenedor-mapa .box-contenido-somos li .point{
top: -20px;
}
.box-contenido-somos{
padding-bottom:0px;
}
.calificacion-estrellas{
text-align:center;
}
.comentarios-google{
text-align:center;
}
.Seccion-mapa #triangulo{
display:none;
}
.Seccion-mapa .fa-street-view{
margin-left: 42%;
margin-top: -70px;
}
.border-left-magenta{
height:75px;
}
.LineaNegocio img{
left: 0px;
position: absolute;
}
.LineaNegocio h3{
padding-left: 70px;
width:300px;
}
.LineaNegocio{
width:50%;
padding-left: 20px!Important;
}
.carrousel{
height:auto!Important;
}
.carrousel .slides{
width:615%;
}
#radio-1:checked ~ .slides {
transform: translateX(-.2%);
}
#radio-2:checked ~ .slides {
transform: translateX(-16.8%);
}
#radio-3:checked ~ .slides {
transform: translateX(-33.5%);
}
#radio-4:checked ~ .slides {
transform: translateX(-50%);
}
.caja-contenido-detalle h3{
font-size:24px;
}
.caja-contenido-detalle p{
font-size:16px;
}
.caja-contenido-detalle.text-left p{
font-size:14px;
}
.caja-detalle.col-sm-12{
margin-top:-185px;
}
.menu-footer-xs li {
display: inline-block;
margin-left: 10px;
margin-top: 35px;
font-size: 14px;
}
}
@media (min-width:415px) and (max-width:767px){
#conozca-mas.elementor-element .elementor-image-box-wrapper figure {
width: 25%!Important;
float: left;
padding-right: 5%;
margin-bottom: 0px!Important;
}
.elementor-widget-image-box .elementor-image-box-content {
width: 100%;
text-align: left;
}
.elementor-spacer-inner {
display: none;
}
}
@media only screen and (max-width:414px){
#conozca-mas.elementor-element .elementor-image-box-wrapper figure {
width: 25%!Important;
float: left;
padding-right: 5%;
margin-bottom: 0px!Important;
}
.elementor-widget-image-box .elementor-image-box-content {
width: 100%;
text-align: left;
}
.elementor-spacer-inner {
display: none;
}
.border-left-magenta {
height: 130px;
}
.LineaNegocio{
width:100%;
margin-bottom:20px;
}
#radio-1:checked ~ .slides {
transform: translateX(-.2%);
}
#radio-2:checked ~ .slides {
transform: translateX(-18%);
}
#radio-3:checked ~ .slides {
transform: translateX(-35%);
}
#radio-4:checked ~ .slides {
transform: translateX(-52.5%);
}
.caja-contenido-detalle h3{
font-size:20px;
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
.caja-contenido-detalle p{
text-align: center;
font-size: 18px!Important;
margin-bottom: 5px;
}
.caja-contenido-detalle.text-right p span {
font-size: 20px;
}
.caja-contenido-detalle.text-right{
padding-right:20px;
width:100%;
border-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 2px solid #c43f70;
}
.caja-contenido-detalle.text-left{
padding-left: 0px;
padding-top: 0px;
padding-bottom:0px;
width:100%;
}
.caja-contenido-detalle.text-left p{
font-size: 14px!Important;
line-height: 18px;
text-align: center;
}
.caja-detalle.col-sm-12 {
bottom:7px;
}
.menu-footer-xs {
margin-top: -50px;
}
.menu-footer-xs ul{
margin-top: 0;
margin-bottom: 20px;
padding-left: 0px;
}
.Logo-footer {
margin-bottom: 20px;
}
.manos-bg-home {
max-width: 100%!Important;
margin-top: 100px;
margin-left: 0px;
}
}
@media only screen and (max-width:375px){
.footer-copyrights {
height:60px;
}
}
@media only screen and (max-width:320px){
.caja-detalle.col-sm-12 {
margin-top: -242px;
}
} .scroll-down {
cursor: pointer;
position: absolute;
left: 50%;
bottom: 40px;
width: 24px;
height: 40px;
margin-left: -12px;
border-radius: 12px;
border: 2px solid;
z-index: 999;
box-shadow: 0px 0px 10px black;
}
.scroll-down:before {
content: "";
display: block;
width: 2px;
height: 6px;
margin: 5px auto;
background-color: #fff;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll;
}
@-webkit-keyframes scroll {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(25px);
transform: translateY(25px);
}
}
@keyframes scroll {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(25px);
transform: translateY(25px);
}
} .icon-service-module {
color: #ffffff;
background-color: #333333;
}
#icon-service-module{
margin-top:0px;
display:none;
}
.icon-service-module .separator span {
color: #ffffff;
}
.icon-service-module .separator i {
color: #ffcc00;
}
.icon-service-box {
margin: 10px 0;
}
.icon-service-box a:hover {
text-decoration: none;
}
.service-icon {
display: inline-block;
width: 96px;
height: 96px;
margin: 0 auto 30px;
border: 2px solid;
border-radius: 50%;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.icon-service-box:hover .service-icon {
background: #ffcc00;
border-color: #ffcc00;
}
.service-icon i {
font-size: 3.231em;
line-height: 2.191em;
border-radius: 50%;
-webkit-transition: transform 1s ease;
transition: transform 1s ease;
}
.icon-service-box:hover .service-icon i {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.service-content {
opacity: .8;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
-webkit-transform: translateZ(0);
}
.icon-service-box:hover .service-content {
opacity: 1;
} .portfolio-module {
color: #434343;
background-color: #ffffff; background-size: cover;
background-position: center;
background-attachment: fixed;
}
.portfolio-module .separator i,
.portfolio-module .separator span {
color: #111;
}
#portfolio-loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
background-color: rgba(0,0,0,.7);
border-radius: 3px;
color: #fff;
font-size: 24px;
line-height: 48px;
text-align: center;
z-index: 999;
} #portfolio-filter {
margin-bottom: 30px;
}
#portfolio-filter a {
display: inline-block;
margin: 5px;
padding: 5px 20px;
font-size: .846em;
letter-spacing: .273em;
text-decoration: none;
text-transform: uppercase;
color: #333;
background-color: #eee;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#portfolio-filter a:hover,
#portfolio-filter .active {
color: #ffffff;
background-color: #333333;
} .portfolio-item {
overflow: hidden;
}
.portfolio-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 10%;
overflow: hidden;
text-align: center;
background-color: rgba(0,0,0,.8);
opacity: .8;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body:not(.device-touch) .portfolio-caption {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
.portfolio-item a {
display: block;
}
.portfolio-caption .entry-title {
color: #ffcc00;
font-size: 1.231em;
font-weight: 700;
letter-spacing: .188em;
text-transform: uppercase;
}
.portfolio-caption .entry-meta {
color: #ddd;
font-size: .846em;
letter-spacing: .091em;
}
body:not(.device-touch) .portfolio-caption .entry-meta {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
body:not(.device-touch) .portfolio-caption .entry-title {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
body:not(.device-touch) .portfolio-item a:hover .portfolio-image {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
}
.portfolio-image,
.portfolio-caption,
.portfolio-caption .entry-meta,
.portfolio-caption .entry-title {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.portfolio-item a:hover .portfolio-caption .entry-meta,
.portfolio-item a:hover .portfolio-caption .entry-title {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.portfolio-item a:hover .portfolio-caption {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} #portfolio-container {
position: relative;
display: none;
overflow: hidden;
margin-bottom: 60px;
}
.portfolio-ajax-single {
color: #eceff3;
background-color: #181a1c;
}
.portfolio-single-content {
padding: 20px;
}
.portfolio-ajax-title {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #333;
}
#portfolio-navigation {
position: absolute;
top: 5%;
right: 0;
left: auto;
width: 30%;
font-size: 2em;
text-align: right;
}
#portfolio-navigation a:first-child {
margin-left: 0 !important;
}
#portfolio-navigation a:last-child {
margin-right: 0 !important;
}
#portfolio-navigation #close-portfolio {
margin: 0 5px;
}
#portfolio-navigation a:hover {
color: #ffcc00;
}
.portfolio-ajax-title h2 {
color: #ffcc00;
font-size: 2em;
font-weight: 500;
letter-spacing: .077em;
}
.portfolio-meta {
list-style: none;
padding: 0;
}
.portfolio-meta li {
display: inline-block;
width: 50%;
font-weight: 600;
}
.portfolio-meta li span {
display: inline-block;
width: 120px;
color: #ffcc00;
font-weight: 600;
}
.portfolio-meta li span i {
width: 10px;
margin-right: 10px;
text-align: center;
} .promo-box-ver-module {
color: #eceff3;
background-color: #181a1c;
}
.promo-box-ver h2 {
color: #fff;
font: 600 3.692em/1.563 "Roboto", sans-serif;
letter-spacing: .104em;
text-transform: uppercase;
margin-bottom: 50px;
}
.promo-box-ver p {
font: 400 1.231em/1.375 "Raleway", sans-serif;
letter-spacing: .125em;
margin-bottom: 50px;
}
.promo-box-ver .promo-btn {
letter-spacing: .143em;
}
#blog-module .img-nosotros {
margin: 0px auto;
filter: brightness(10);
}
#blog-module #mytabs li.active a img-nosotros:hover{
filter:brightness(1)!Important;
}
#blog-module #mytabs li.active a h4:hover{
color:#c43f70!Important;
}
#blog-module #mytabs li a:hover img {
filter: brightness(1);
}
#blog-module #mytabs li a:hover h4 {
color: #c43f70;
}
#blog-module #mytabs li{
background-color:transparent!Important;
}
#blog-module #mytabs li.active a{
background-color:transparent!Important;
}
#blog-module #mytabs li.active img {
filter: brightness(1)!Important;
}
#blog-module #mytabs li.active h4 {
color: #c43f70!Important;
} .blog-module {
color:#ffffff;
background-color:#222222;
background-image: url(https://esign-la.com/contenido/uploads/2020/03/SobreNosotros-equipo.jpg);
background-size: cover;
background-position: top;
padding-bottom:0px;
background-attachment: fixed;
}
.blog-module .FondoNumerosNegocio {
background-color:#ffffff;
filter: blur(5px);
height: 200px;
width: 100%;
background-position: 50% 0%;
background-size: cover;
margin-top: 50px;
background-image: url(https://esign-la.com/contenido/uploads/2020/03/SobreNosotros-equipo.jpg);
background-attachment: fixed;
}
.blog-module .separator i,
.blog-module .separator span {
color: #111;
} a.blog-item {
position: relative;
display: block;
float: left;
width: 25%;
text-align: center;
text-decoration: none;
overflow: hidden;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.blog-item .entry-image {
position: relative;
}
.blog-item .entry-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
z-index: 0;
-webkit-transition: all .3s cubic-bezier(0,0,.58,1);
transition: all .3s cubic-bezier(0,0,.58,1);
}
.blog-item:hover .entry-image:before {
background: rgba(255,255,255,.15);
}
.blog-item .entry-publish-date {
position: absolute;
bottom: 20px;
left: 0;
width: 75px;
padding: 15px 5px;
font-size: .846em;
font-weight: 700;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
background: rgba(255,255,255,.9);
-webkit-transition: all .3s cubic-bezier(.13,.895,.1,1.275);
transition: all .3s cubic-bezier(.13,.895,.1,1.275);
}
.blog-item:hover .entry-publish-date {
bottom: 75px;
}
.blog-item .entry-publish-date span {
display: block;
color: #222;
}
.blog-item .post-date-day {
font-size: 2.308em;
}
.blog-item .post-date-month {
margin-top: 2px;
}
.blog-item .read-more {
position: absolute;
bottom: 0;
left: 0;
width: 75px;
height: 20px;
padding: 0 2px;
font-size: .769em;
font-weight: 700;
line-height: 2em;
text-transform: uppercase;
background: #ffcc00;
opacity: .9;
-webkit-transition: all .3s cubic-bezier(.13,.895,.1,1.275);
transition: all .3s cubic-bezier(.13,.895,.1,1.275);
}
.blog-item:hover .read-more {
height: 75px;
line-height: 7.5em;
}
.blog-item .entry-cats {
line-height: 1em;
font-style: italic;
opacity: .8;
}
.blog-item .entry-meta {
padding: 20px 0;
}
.blog-item .entry-title {
margin-bottom: 5px;
font-size: 1.846em;
font-weight: 400;
letter-spacing: .042em;
text-transform: none;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .3s cubic-bezier(0,0,.58,1);
transition: all .3s cubic-bezier(0,0,.58,1);
}
.blog-item:hover .entry-title {
opacity: .8;
} .see-more-wrap {
position: absolute;
top: 0;
left: 0;
display: table;
width: 100%;
background-color: #222;
}
.see-more-wrap .sm-container {
color: #eee;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.see-more-wrap .sm-icon {
color: #eee;
font-size: 6.923em;
line-height: 1em;
text-align: center;
opacity: .1;
-webkit-transform: translateZ(0);
-webkit-transition: all .3s cubic-bezier(.3,.1,.58,1);
transition: all .3s cubic-bezier(.3,.1,.58,1);
}
.blog-item:hover .sm-icon {
font-size: 9.846em;
opacity: .7;
}
.see-more-wrap .sm-icon i {
vertical-align: middle;
}
.see-more-wrap .sm-text {
font-size: 1.385em;
font-weight: 600;
letter-spacing: .278em;
text-transform: uppercase;
opacity: 1;
-webkit-transform: translateZ(0);
-webkit-transition: all .3s cubic-bezier(.3,.1,.58,1);
transition: all .3s cubic-bezier(.3,.1,.58,1);
}
.blog-item:hover .sm-text {
opacity: 0;
-webkit-transform: translateY(50px) scale(.5);
-ms-transform: translateY(50px) scale(.5);
transform: translateY(50px) scale(.5);
} .contact-module {
color: #eceff3;
background-color: #105faf; background-size: cover;
background-position: left;
background-attachment: fixed;
}
.contact-module .separator span {
color: #888;
}
.contact-module .separator i {
color: #ffcc00;
} .contact-item {
position: relative;
margin-bottom: 50px;
padding-right: 65px;
text-align: right;
overflow: hidden;
opacity: .8;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
-webkit-transform: translateZ(0);
}
.contact-info .contact-item:last-child {
margin-bottom: 0;
}
.contact-item:hover {
opacity: 1;
}
.contact-item .ci-icon {
position: absolute;
top: 0;
right: 5px;
width: 45px;
height: 45px;
font-size: 1.538em;
line-height: 2.25em;
text-align: center;
border-left: 2px solid #79bfec;
}
.contact-item .ci-title {
font: 700 .923em/1.6em "Raleway", sans-serif;
letter-spacing: .083em;
text-transform: uppercase;
margin-bottom: 4px;
}
.contact-item .ci-content {
font-size: 1.231em;
font-weight: 300;
letter-spacing: .063em;
} .contact-form label {
display: none !important;
}
.contact-form #contact-form-result,
.contact-form .contact-form-process {
position: absolute;
display: none;
width: 100%;
height: 100%;
z-index: 999;
}
.contact-form-process i {
position: relative;
top: 40%;
left: 45%;
font-size: 2.308em;
}
#contact-form-result span {
position: relative;
top: 35%;
left: 30%;
color: #fff;
padding: 15px;
border-radius: 5px;
background-color: #ffcc00;
}
#contact-form-result span i {
margin-right: 5px;
}
.contact-form textarea,
.contact-form input[type="text"],
.contact-form input[type="email"] {
resize: none;
padding: 0 0 10px 2px;
line-height: 1.538em;
background: transparent;
border: none;
border-bottom: 1px solid;
opacity: .7;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.contact-form input:focus,
.contact-form textarea:focus {
outline: none;
opacity: 1;
}
.contact-form input.error,
.contact-form textarea.error {
color: #ff2000;
}
.contact-form .btn {
width: 100%;
font-size: 1.154em;
letter-spacing: .133em;
} body:not(.front-page) .content-area,
body:not(.front-page) .widget-area {
padding: 30px 0;
} .bcrumbs {
float: right;
margin: 10px 0 10px;
padding: 0;
font-size: .923em;
letter-spacing: .167em;
}
.bcrumbs a {
text-decoration: none;
}
.bcrumbs li {
display: inline;
padding: 0 5px;
}
.bcrumbs .active {
color: #79bfec;
} .sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.single-post .entry-image {
border-bottom: 4px solid #ffcc00;
}
.single-post .entry-meta {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #333;
}
.single-post .entry-footer {
padding: 30px 0;
border-bottom: 1px solid #333;
}
.entry-footer span:not(:first-child) {
margin-left: 15px;
}
.entry-footer .cat-links {
text-transform: uppercase;
}
article a {
color: #105faf;
}
article .entry-title a {
color: inherit;
}
.search-list article {
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: solid 1px #333;
}
.error-404 {
min-height: 300px;
} .page-header {
position: relative;
margin: 0;
padding: 90px 0 70px;
color: #eceff3;
border-bottom: none;
}
.page-header h1 {
float: left;
margin: 100px auto 100px auto;
font-size: 2.462em;
letter-spacing: .156em;
text-transform: uppercase;
text-align:center;
width: 100%;
} .blog-list article {
padding-bottom: 15px;
margin-bottom: 0px;
border-bottom: solid 0px #333;
}
.blog-list .entry-content {
position: relative;
min-height: 110px;
margin-bottom: 30px;
padding-left: 0px;
border-top: 0px solid #ffcc00;
background-color: #fff;
color: #333;
}
.blog-list .entry-content h2{
margin-top: 0px;
padding:20px;
}
.post-blog {
width: 48%;
float: left;
margin: 1%;
}
.post-blog h2{
font-size:20px!Important;
}
.post-blog:first-child {
width: 98%;
}
.post-blog:first-child h2{
font-size:30px!Important;
}
.blog-list .entry-title {
font-size: 1.846em;
}
.blog-list .entry-publish-date {
position: absolute;
top: 0;
left: 0;
}
.blog-list .entry-publish-date span {
display: block;
width: 60px;
text-align: center;
}
.blog-list .post-date-day {
color: #111;
font-size: 2.462em;
font-weight: 600;
padding: 45px 0 10px;
background-color: #ffcc00;
}
.blog-list .post-date-month {
font-size: 1.077em;
font-weight: 600;
letter-spacing: .5em;
text-transform: uppercase;
padding: 7px 0 7px 7px;
border-bottom: solid 4px #333;
}
.blog-list .btn-more {
float: right;
padding: 3px 25px;
color: #111;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
background-color: #ffcc00;
}
.blog-list .btn-more:hover {
background-color: #fff;
} .nav-links {
margin: 0;
padding: 0;
}
.nav-links li {
display: inline-block;
margin-bottom: 10px;
}
.nav-links li a {
margin-bottom: 10px;
padding: 15px 20px;
line-height: 50px;
text-decoration: none;
border: solid 1px #333;
}
.nav-links li a:hover {
border-color: #fff;
}
.nav-links .nav-previous a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.nav-links .nav-previous a:before {
content: "\f100";
font-family: "FontAwesome";
margin-right: 5px;
}
.nav-links .nav-next a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.nav-links .nav-next a:after {
content: "\f101";
font-family: "FontAwesome";
margin-left: 5px;
}
.post-navigation {
padding-top: 40px;
}
.posts-navigation ul {
position: relative;
margin: 20px 0;
padding-left: 0;
text-transform: capitalize;
}
.posts-navigation ul li {
display: inline-block;
line-height: 50px;
}
.posts-navigation ul li:first-child a {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.posts-navigation ul li:last-child a {
margin-right: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.posts-navigation ul li a,.pagination .nav-links a,.pagination .nav-links span {
margin: 5px;
padding: 15px 20px;
color: #aaa;
text-decoration: none;
border: solid 1px #333;
}
.pagination{
width: 100%;
float: left;
text-align: center;
}
.pagination .nav-links {
display: inline-block;
}
.posts-navigation ul li a:hover,.pagination .nav-links a:hover {
color: #fff;
border-color: #fff;
}
.posts-navigation ul li.active a ,.pagination .nav-links span{
color: #fff;
background-color: #105faf;
border-color: #105faf;
} .widget {
margin-bottom: 50px;
padding-bottom: 0px;
border-bottom: solid 0px #333;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li {
padding: 5px 0;
}
.widget ul li span {
font-family: "Roboto", sans-serif;
color: #aaa;
font-style: italic;
}
.widget .widget-title {
font-size: 1.231em;
letter-spacing: .063em;
text-transform: uppercase;
}
.widget .widget-title:after {
content: "";
display: none;
width: 30px;
height: 2px;
margin: 30px 0 20px;
background-color: #ffcc00;
} .search-wrap {
position: relative;
}
.search-btn {
position: absolute;
top: 0;
right: 0;
width: 40px;
padding: 0;
line-height: 40px;
color: #777;
border: none;
outline: none;
background: transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.search-btn:hover {
color: #212121;
} .widget .tagcloud a {
display: inline-block;
margin: 0 3px 10px 0;
padding: 5px 8px;
text-decoration: none;
border: solid 1px #333;
}
.widget .tagcloud a:hover {
border-color: inherit;
} .bypostauthor {
display: block;
}
.comments-area {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #333;
}
.comments-title {
margin: 0 0 30px;
}
.comment-list {
list-style: none;
margin-bottom: 50px;
padding: 0 0 50px 0;
border-bottom: 1px solid #333;
}
.comment-list > li {
position: relative;
margin: 30px 0 0 30px;
}
.comment-list > li:first-child {
margin-top: 0;
padding-top: 0;
}
.comment-list .children {
list-style: none;
margin-left: 30px;
}
.comment-list .children li {
margin: 30px 0 0 0;
}
.comment-list .pingback .vcard {
display: none;
}
.comment-body {
position: relative;
border: 1px solid #333;
border-radius: 5px;
padding: 20px 20px 20px 35px;
}
.comment-list .children .comment-body {
margin-left: 25px;
padding-left: 20px;
}
.comment-avatar {
position: absolute;
top: 15px;
left: -32px;
padding: 1px;
background: #333;
border: 1px solid #333;
border-radius: 50%;
}
.comment-list .children .comment-avatar {
left: -25px;
}
.comment-avatar img {
display: block;
border-radius: 50%;
}
.comment-list .children .comment-avatar img {
width: 40px;
height: 40px;
}
.comment-author {
font-size: 1.077em;
}
.comment-author span {
display: block;
line-height: 16px;
}
.comment-author span a {
font-size: .923em;
font-style: italic;
}
.comment-content {
padding: 0 0 0 15px;
position: relative;
overflow: hidden;
}
.comment-content p {
margin: 10px 0 0;
}
.comment-reply-link {
position: absolute;
top: 4px;
left: auto;
right: 0;
line-height: 1;
}
.comment-navigation {
margin: 20px 0;
}
.no-comments {
margin: 10px 30px;
}
.comment-reply-title {
text-transform: uppercase;
}
.comment-form .input-field {
margin: 0 -15px 0 -15px;
}
.comment-form .form-submit,
.comment-form .textarea-field {
padding: 0;
} .site-footer {
padding: 0px 0px;
color: #eee;
text-align: center;
background-color: #0b0b0b;
}
.site-footer .site-branding {
float: none;
display:none;
} .go-to-top {
cursor: pointer;
position: fixed;
top: auto;
left: auto;
right: 30px;
bottom: 100px;
display: none;
width: 40px;
height: 40px;
z-index: 999;
}
.go-to-top i {
font-size: 1.538em;
line-height: 36px;
}
.go-to-top.btn {
padding: 0;
border-radius:50%
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
figure {
position: relative;
}
figcaption {
position: absolute;
bottom: 15px;
left: 20px;
color: #eee;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
}
.gallery-caption {
display: block;
}
.wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
margin-right: 20px;
padding: 5px 10px;
font-style: italic;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .mfp-preloader {
left: 50%;
width: 48px;
height: 48px;
font-size: 24px;
line-height: 48px;
margin: -24px 0 0 -24px;
background-color: rgba(0,0,0,.7);
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
#NuestrosServicios{
display: block;
position: absolute;
margin-top: -170px;
}
.IconoClickme{
position: absolute;
bottom: 25px;
left: 130px;
background-color: rgba(0,0,0,0)!Important;
padding: 0px!Important;
border-radius: 0%!Important;
margin: 0px!Important;
animation: IconoClickme 5s ease-in-out infinite;
}
@keyframes IconoClickme {
0% {
opacity: 1;
}
30% {
opacity: 0.;
}
60% {
opacity: 1;
}
80% {
opacity: 0.7 ;
}
100% {
opacity: 1;
}
}
.pulse {
animation: pulse 4s infinite ease-in-out alternate;
}
@keyframes pulse {
0% { transform: scale(0.9); }
30% { transform: scale(1); }
60% { transform: scale(0.8); }
80% { transform: scale(1); }
100% { transform: scale(0.9); }
}
#testimonial .carrousel { }
.wpcf7-form input.form-control{
height: 34px;
padding: 5px 15px;
font-size: .923em;
letter-spacing: 1px;
text-transform: initial;
border-radius: 0;
border: 0px;
background-color: transparent;
border-bottom: 1px solid #bbb;
font-weight:300;
}
.wpcf7-form .btn-light{
border: 0px solid rgba(255,255,255,.7);
padding-left: 10px;
height: 35px;
border-bottom: 1px solid #bbb;
font-weight:300!Important;	
letter-spacing: 1px;
}
.wpcf7-form .btn-light select{
font-weight:300!Important;	
letter-spacing: 1px;
color:#98989a;
}
.wpcf7-form textarea{
height: 100px;
background-color: rgba(0,0,0,0.2);
border: 0px;
font-weight: 300;
letter-spacing: 1px;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-light.btn-md {
width: 30%;
border: 2px solid;
border-radius: 25px;
margin-left: 10%;
padding: 10px 0px 30px;
margin-top:50px;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-light.btn-md:hover {
background-color: #9e3159;
border-color: #fff;
color: #fff;
font-weight: 500!Important;
}
.form-control:focus{
color:#fff!Important;
border: 0px;
box-shadow: 0px 0px 0px rgba(21,121,21,.3);
}
#contactform_antiguo{
display:none;
}
.wpcf7-form-control-wrap option {
color: #000!Important;
font-weight: 400;
}
.wpcf7-validation-errors{
display: block;
position: absolute;
margin-top: -100px!Important;
width: 47%;
border: 2px solid #9e3159!Important;
color: #ccc;
padding: 20px 0px!Important;
}
#primary-menu img {
margin-top: -5px;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
float: left;
text-align: left;
position: absolute;
left: 50%;
margin-top: 23px;
font-size: 25px;
margin-left: 110px;
}
.fas.fa-chevron-down {
color: #fff!Important;
}
.fas.fa-chevron-up {
color: #fff!Important;
}
.main-navigation li.current-menu-item a{
color: #55539b;
}
.main-navigation a:hover{
color:#79bfec!Important;
font-weight:600;
}
.manos-bg-home{
position:absolute;
}
.main-navigation{
max-width:75%!Important;
}
.site-branding img {
padding-top: 10px;
padding-bottom: 10px;
transition: all .7s ease-in-out!Important;
}
.sticky-header .Logo-Esign-header{
height:70px; background-size: auto; background-size: contain;
margin-top: 10px;
transition: height 0s ease;
-webkit-transition: height 0s ease;
-moz-transition: height 0s ease;
}
.triangle {
border-left: 150% solid transparent!Important;
border-right: 150% solid transparent !Important;
}
.main-navigation > ul > li > a::after{content:none!Important;}
#contact-form .select.btn-light {
border: none;
border-bottom: 1px solid #bbb;
}
.btn-light select {
text-align: left;
font-size: 12px!Important;
text-transform: initial;
font-weight: normal;
color: #ffffff;
margin-left: 0px;
}
#contact-form-asunto {
color: #999;
}
#contact-form-motivo {
color: #999;
}
#contact-form-asunto:hover {
color: #c43f70;
}
#contact-form-motivo:hover {
color: #c43f70;
}
#contact-form .btn-light:hover {
color: #c43f70;
background:none;
}
.MenuLegal-footer ul{
padding-left:0px;
}
#contact-form-motivo:hover {
background-color:rgba(0,0,0,0)!Important;
}
#contact-form-asunto:hover{
background-color:rgba(0,0,0,0)!Important;
}
.icono-marcas {
filter: brightness(5);
margin-top:-7px;
height:60px;
}
.icono-marcas:hover {
filter: brightness(1);
transition:.3s ease-in-out;
}
#legal-menu {
margin-top: 20px;
}
#legal-menu li {
border-right: 1px solid #ccc;
padding: 0px 5px;
}
#legal-menu li:last-child {
border-right: none;
}
#footer-menu li:last-child {
margin-top: 0px;
}
.marcas-open{margin-top:85px;}
.marcas-close{margin-top:-160px;} @keyframes btn-alerta-form {
0% {opacity: 0;}
80% {opacity: 0;}
100% {opacity: 1;}
}
.sa-button-container .sa-confirm-button-container {
animation: btn-alerta-form 5s ease;
} .w-linkedin{
font-size:16px;
letter-spacing:2px;
}
.w-linkedin img{
margin-right:10px;
float:left;
padding-top: 2px;
}
.catslist a {
margin-top: -40px;
float: left;
display: block;
position: relative;
color: #fff;
font-weight: 500;
text-transform: uppercase;
padding-left: 20px;
margin-bottom: 40px;
width: 100%;
}
.cat-item a::before {
display: block;
width: 10px;
height: 10px;
background-color: blue;
float: left;
position: relative;
margin: 5px;
content: " ";
border-radius: 10px;
}
.cat-item.cat-item-10 a::before {
background-color: #ffc539!Important;
}
.cat-item:hover {
background-color: blue;
border-radius: 15px;
padding: 3px 10px;
color: #fff;
text-decoration: none;
font-weight: 400;
}
.cat-item.cat-item-10:hover {
background-color: #ffc539!Important;
}
.cat-item.cat-item-11 a::before {
background-color: #9e3159!Important;
}
.cat-item.cat-item-11:hover {
background-color: #9e3159!Important;
}
.cat-item.cat-item-12 a::before {
background-color: #8ef6ff!Important;
}
.cat-item.cat-item-12:hover {
background-color: #8ef6ff!Important;
}
.cat-item.cat-item-13 a::before {
background-color: #eb80fb!Important;
}
.cat-item.cat-item-13:hover {
background-color: #eb80fb!Important;
}
.cat-item.cat-item-14 a::before {
background-color: #ddff66!Important;
}
.cat-item.cat-item-14:hover {
background-color: #ddff66!Important;
}
.cat-item.cat-item-15 a::before {
background-color: #ff6d69!Important;
}
.cat-item.cat-item-15:hover {
background-color: #ff6d69!Important;
}
.cat-item.cat-item-16 a::before {
background-color: #595959!Important;
}
.cat-item.cat-item-16:hover {
background-color: #595959!Important;
}
.heateor_sss_sharing_title{
font-size:18px;
font-weight:300!Important;
}
#wpd-post-rating{
width:115px!Important;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
margin-top: -85px;
}
#recent-posts-2 ul li {
border-left: 3px solid #55539b;
padding: 0px 0px 0px 10px;
margin: 25px 0px;
}
.nav-links li a {
line-height: 20px;
text-decoration: none;
border: 0px solid!Important;
padding:0px;
}
.nav-previous.col-sm-6 {
border: 1px solid #777;
border-radius: 10px;
padding: 10px 20px;
text-align: right;
}
.nav-previous.col-sm-6:hover{
background-color:#9e3159;
color:#fff;
}
.nav-next.col-sm-6 {
border: 1px solid #777;
border-radius: 10px;
padding: 10px 20px;
text-align: left;
}
.nav-next.col-sm-6:hover{
background-color:#9e3159;
color:#fff;
}
@media only screen and (max-width: 991px){
.n2-section-smartslider.fitvidsignore.n2_clear {
margin-top: 75px;
//margin-bottom:70px;
}
.blog-list #main {
z-index: 100;
display: block;
position: relative;
}
.space-mobile-blog{
display: block;
position: relative;
height: 80px;
width: 100%;
}
}
@media only screen and (max-width: 660px){
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
margin-top: 0px;
}
}
.wpdiscuz-item.wpdiscuz-subscribe-form-email input.email::placeholder {
color: #333333;
}
.wpdiscuz-item.wpdiscuz-subscribe-form-email input.email {
color: #333333;
} .contenedor-ln {
border: 2px solid #ccc;
border-radius: 10px;
padding: 20px;
margin: 0px 10px;
min-height: 155px;
}
.contenedor-ln:hover {
border: 2px solid #9e3159;
background-color: #262626;
}
#ln-productos .contenedor-ln:active {
border: 2px solid #9e3159;
background-color: #262626;
}
.contenedor-ln:visited {
border: 2px solid #9e3159;
background-color: #262626;
}
.contenedor-ln p::after {
content: "\f0d7";
font-family: "FontAwesome";
color: #fff;
display: block;
font-size: 30px;
margin: 10px auto -10px;
}
#ln-productos .contenedor-ln a {
color: #fff;
text-decoration: none;
}
#ln-productos {
margin: 0px 0px 60px;
}
#ln-productos.nav-tabs {
border-bottom: 0px;
}
.caja-producto-negocio {
float: left;
padding: 15px 15px 0px;
border-radius: 10px;
height: 155px;
width: 100%;
}
.caja-producto-negocio:hover {
border: 2px solid #79bfec;
}
.caja-producto-imagen {
display: block;
max-width: 87px;
height: auto;
float: left;
}
.caja-producto-imagen img{
width: 100%;
}
.caja-producto-negocio div h4 {
border-bottom: 2px solid #55539b;
padding-bottom: 10px;
font-size: 20px;
color: #105faf;
}
.caja-producto-negocio div p {
font-size: 13px;
color: #333;
font-weight: 500;
}
.caja-producto-titulo {
float: left;
max-width: 243px;
color: #fff;
width: 100%;
} ul#ln-productos .active .contenedor-ln {
border: 2px solid #9e3159;
background-color: #262626;
}
@media only screen and (max-width: 660px){
#ln-productos li {
margin-bottom: 20px!Important;
}
.caja-producto-imagen {
max-width: 60px;
margin-top: 15px;
}
}  .contacto-float{
height: auto;
width: 270px;
background-color: #55539b;
display: block;
position: fixed;
top: 200px;
right: -220px;
float: right;
border-radius: 10px 0px 0px 10px;
overflow: hidden;
z-index:9;
}
.contacto-float:hover{
right: -80px;
transition: 0.5s ease-in-out all;
}
.contacto-float a i, img, p{
color: #fff;
text-decoration: none!Important;
}
.contacto-float a i {
margin-right: 25px;
width: 20px;
height: 20px;
float: left;
}
.contacto-float2{
width: 270px;
background-color: #25d366;
display: block;
position: fixed;
top: 303px;
right: -220px;
float: right;
border-radius: 10px 0px 0px 10px;
overflow: hidden;
z-index: 9;
}
.fa-whatsapp{
font-size: 30px;
color: white;
margin: 10px 10px 10px 10px;
}
.contacto-float a {
width: 100%;
float: left;
padding: 5px 15px;
}
.contacto-float a:hover {
background-color: #000;
}
.contacto-float a p {
float: left;
margin-bottom: 0px;
}
.line-cf {
height: 100%;
width: 2px;
background-color: rgba(255, 255, 255, 0.7);
float: left;
margin-left: 45px;
position: absolute;
} .cer-9001 {
margin-top: 0px!Important;
}
.wp-post-image {
min-height: 275px;
min-width: auto!Important;
overflow: hidden;
max-width: 200%;
max-height: 300px;
}
.entry-header {
overflow: hidden;
}
.entry-image a {
width: 200%;
display: block;
text-align: center;
}
.wp-post-image:first-child {
min-height: 312px;
}
.footer-digicert {
width: 95px;
} #liact {
display: none;
}
.contenedor-ln h2 {
font-size: 26px;
}
#ln-productos {
display: none;
} .Logo-Esign-header{
max-width: 170px;	
}
#slider {
top: 0px!Important;
}
header#masthead {
background-color:#ffffff;
}
section#portfolio-module h1{
-webkit-text-stroke: 1px #105faf;
font-size: 50px;
}
section.Seccion-mapa {
background-color: #105faf;
padding-top: 1px;
}
section.Seccion-mapa iframe {
margin-bottom: -7px;
}
#footer-menu li a {
color: #fff;
}
titulo h4, p {
color: #434343;
}
#contact-module h2, p {
color: #fff;
}
#slider{
display:none;
}
.h-digitalizaccion span:first-child {
font-size: 24px;
font-weight: 300;
}
.titulo-slide-b2 span{ 
font-size: 36px;
font-weight: 400;}
@media only screen and (max-width: 660px){
.caja-producto-negocio {
width: 120%;
}
}
footer #site-navigation {
z-index: 1000;
}
.bounce1 {
animation: bounce1 30s ease infinite;
}
.bounce2 {
animation: bounce2 30s ease infinite;
}
.bounce3 {
animation: bounce3 30s ease infinite;
}
@keyframes bounce1 {
0%, 1% {transform: translateX(-2000px);}
2%, 4%, 30% {transform: translateX(100px);}
3%, 31% {transform: translateX(80px);}
33%, 100% {transform: translateX(2000px);}
}
@keyframes bounce2 {
0%, 1%, 33% {transform: translateX(-2000px);}
34%, 36%, 63% {transform: translateX(100px);}
35%, 64% {transform: translateX(80px);}
66%, 100% {transform: translateX(2000px);}
}
@keyframes bounce3 {
0%, 1%, 66% {transform: translateX(-2000px);}
67%, 69%, 96% {transform: translateX(100px);}
68%, 97% {transform: translateX(80px);}
99%, 100% {transform: translateX(2000px);}
} .sub-menu.clearfix li {
background-color: #105faf;
margin: 2px;
}
.sub-menu.clearfix {
margin-top: 5px;
}
.sub-menu.clearfix li a {
color: #fff;
}   .container.opi_esign_2021 {
margin-top: 200px!Important;
display: block;
height: 305px;
}
.opi_esign_2021 h2 {
background-color: #79bfec;
color: #fff;
padding: 20px 50px;
width: 530px;
border-radius: 20px;
float: left;
left: 30%;
position: absolute;
z-index: 10;
}
.col-sm-12.calificacion-comentarios {
position: absolute;
background-color: #4169ad;
display: block;
width: 100%;
float: left;
z-index: 0;
margin-top: 30px;
left: 0px;
bottom: 0px;
padding-top: 100px;
}
.y_mas_de_90{
font-size: 15px!Important;
transform: rotate(-90deg);
width: 120px;
height: 30px;
display: block;
color: #fff;
float: left;
font-weight: 400;
}
.c-550 {
font-size: 100px;
float: left;
margin-left: -50px;
margin-top: -10px;
}
.c_d_google {
color: #fff;
font-size: 24px!Important;
font-weight: 400;
position: absolute;
margin-top: -15px;
margin-left: 15px;
}
.col-xs-12.col-sm-12.comentarios-google.text-left {
padding-left: 0px;
margin-left: -35px;
}
.slides {
animation: slides1 55s ease infinite;
}
@keyframes slides1 {
0%, 15% {transform: translateX(-0%);}
16% {transform: translateX(1%);}
17%, 31% {transform: translateX(-16.6%);}
32% {transform: translateX(-15.6%);}
33%, 47% {transform: translateX(-33.2%);}
48% {transform: translateX(-32.2%);}
49%, 64% {transform: translateX(-50%);}
65% {transform: translateX(-49%);}
66%, 80% {transform: translateX(-66.6%);}
81% {transform: translateX(-65.6%);}
82%, 97% {transform: translateX(-83%);}
98% {transform: translateX(-84%);}
100% {transform: translateX(0%);}
}   [data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
} [data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
} [data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
} [data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
} [data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
[data-title]:after {
content: attr(data-title);
background-color: #333;
color: #fff;
font-size: 14px;
font-family: Arial;
position: absolute;
padding: 3px 20px;
bottom: -1.6em;
left: 100%;
white-space: nowrap;
box-shadow: 1px 1px 3px #222222;
opacity: 0;
border: 1px solid #111111;
z-index: 99999;
visibility: hidden;
border-radius: 6px;
}
[data-title] {
position: relative;
}
.wpd-comment-text p {
color: #434343;
}
.sticky-header .main-navigation {
margin-top:10px;
}