@font-face {
font-family: "Proxima Nova";
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-light-webfont.eot");
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-light-webfont.eot#iefix") format("embedded-opentype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-light-webfont.ttf") format("truetype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-light-webfont.svg#proxima_nova_ltregular") format("svg");
font-weight: 300;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Proxima Nova";
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-regular-webfont.eot");
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-regular-webfont.eot#iefix") format("embedded-opentype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-regular-webfont.ttf") format("truetype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-regular-webfont.svg#ProximaNovaRgRegular") format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Proxima Nova";
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-semibold-webfont.eot");
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-semibold-webfont.eot#iefix") format("embedded-opentype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-semibold-webfont.svg#ProximaNovaLtBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Proxima Nova";
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-bold-webfont.eot");
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-bold-webfont.eot#iefix") format("embedded-opentype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-bold-webfont.ttf") format("truetype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-bold-webfont.svg#ProximaNovaRgBold") format("svg");
font-weight: 700;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Proxima Nova";
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-extrabold-webfont.eot");
src: url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-extrabold-webfont.eot#iefix") format("embedded-opentype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-extrabold-webfont.woff") format("woff"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-extrabold-webfont.ttf") format("truetype"), url("//2518251.fs1.hubspotusercontent-na1.net/hubfs/2518251/fonts/proximanova-extrabold-webfont.svg#proxima_nova_thbold") format("svg");
font-weight: 800;
font-style: normal;
font-display: fallback;
}
* {
margin: 0;
padding: 0;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::after,
::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-size: 14px;
line-height: 1.4;
font-weight: normal;
font-family: "Proxima Nova", sans-serif;
}
body.noscroll {
overflow: hidden;
}
a {
color: inherit;
text-decoration: none;
}
.imgaligned{
display: block !important;
margin: 0 auto !important;
}
.hs-form .hs-button,
.hs-form input,
.hs-form textarea {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.hs-form input[type="checkbox"] {
width: auto !important;
height: auto !important;
margin-right: 5px !important;
appearance: checkbox !important;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
}
.search{
margin-left: 0 !important;
}
.search img {
max-width: 28px;
}
.barHead h3{
color: white !important;
}
a.cta_button{
-webkit-font-smoothing: antialiased !important;
cursor: pointer !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
display: inline-block !important;
font-weight: normal !important;
text-align: center !important;
text-decoration: none !important;
-moz-transition: all .4s ease !important;
-webkit-transition: all .4s ease !important;
-o-transition: all .4s ease !important;
background: rgb(48,127,205) !important;
border-radius: 5px !important;
border-width: 0px !important;
color: rgb(255,255,255) !important;
font-family: sans-serif !important;
height: auto !important;
transition: all .4s ease !important;
padding: 10px 15px !important;
text-shadow: none !important;
width: auto !important;
line-height: 1.5em !important;
}
.popup-cov {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
}
.popup-cov.active {
display: flex;
}
.popup-cov .coverPopCl {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 7777;
}
.popup-cov .popup-body {
background-color: white;
width: 95%;
max-width: 600px;
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
border-radius: 3px;
overflow: hidden;
display: flex;
position: relative;
z-index: 10001;
}
.popup-cov .popup-body .btn-close {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
background: linear-gradient(#f1f1f1, gainsboro);
outline: 0 !important;
box-shadow: none !important;
border: 2px solid #cecece;
display: flex;
align-items: center;
justify-content: center;
}
.popup-cov .popup-body .btn-close img {
max-width: 100%;
display: block;
margin: 0 auto;
max-width: 11px;
}
.popup-cov .popup-body .form-part {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #f5f5f5;
}
.popup-cov .popup-body .form-part #hs_cos_wrapper_formulariopop {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.popup-cov .popup-body .form-part #hs_cos_wrapper_formpop{
width: 100%;
max-width: 480px;
margin: 0 auto ;
}
.popup-cov .popup-body .form-part .hbspt-form {
width: 100%;
padding: 50px;
}
.popup-cov .popup-body .form-part form {
width: 100%;
max-width: 385px;
margin: 0 auto;
display: block;
}
.popup-cov .popup-body .form-part form fieldset {
max-width: 100%;
}
.popup-cov .popup-body .form-part form .hs-form-field {
margin-bottom: 15px;
}
.popup-cov .popup-body .form-part form .hs-error-msgs {
display: none !important;
}
.popup-cov .popup-body .form-part form label {
font-weight: 600;
font-size: 13px;
display: block;
margin-bottom: 5px;
}
.popup-cov .popup-body .form-part form label .hs-form-required {
color: red;
}
.popup-cov .popup-body .form-part form .hs-input,
.popup-cov .popup-body .form-part form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
outline: 0 !important;
}
.popup-cov .popup-body .form-part form .hs-input.error,
.popup-cov .popup-body .form-part form select.error {
border-color: red;
}
.popup-cov .popup-body .form-part form .hs-submit .actions {
margin: 0;
padding: 0;
}
.popup-cov .popup-body .form-part form .hs-submit .actions input {
background: #ec6f33;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 14px;
cursor: pointer;
font-weight: bold;
width: 100%;
max-width: 340px;
height: 40px;
color: white;
border-radius: 3px;
}
.popup-cov .popup-body .form-part form textarea.hs-input {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
padding: 10px !important;
line-height: 1.5;
}
header .phone-header {
position: absolute;
right: 90px;
top: -1px;
display: none !important;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #fdc10f;
font-size: 15px;
color: black;
line-height: 1;
padding: 5px 7px;
font-weight: bold;
}
header .phone-header img {
margin-right: 5px;
max-width: 15px;
}
header .phone-header:hover {
color: black;
text-decoration: none;
}
.cta-mobile{
background: #fa6b17;
padding: 12px;
text-align: center;
color: white;
font-weight: 700;
font-size: 18px;
display: none;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left; 0;
width: 100%;
z-index: 999999;
}
.cta-mobile img{
margin: 0 7px 0 0;
max-width: 16px;
}
/* -- Inicio Landing Beghelli Desk --*/
.landingBeghelli {
font-family: "Proxima Nova";
margin: 0;
color: #070707;
position: relative;
font-weight: 300;
}
.landingBeghelli .hero {
background: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bgBeghelli.png);
background-size: cover;
background-repeat: no-repeat;
height: 320px;
}
.landingBeghelli .hero .contentHero {
height: 100%;
max-width: 90%;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
.landingBeghelli .hero .contentHero .text {
width: 100%;
max-width: 480px;
}
.landingBeghelli .hero .contentHero .text .rowText {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 40px;
}
.landingBeghelli .hero .contentHero .text .rowText h1 {
font-size: 42px;
color: white;
margin: 0;
}
.landingBeghelli .hero .contentHero .text .rowText img {
display: block;
max-width: 160px;
}
.landingBeghelli .hero .contentHero .text .barHero {
margin: 0 auto;
border-radius: 10px;
background: white;
height: 65px;
width: 450px;
display: flex;
justify-content: center;
align-items: center;
}
.landingBeghelli .hero .contentHero .text .barHero p {
color: #0C397C;
font-weight: bold;
}
.landingBeghelli .info {
padding: 80px 0;
}
.landingBeghelli .info .contentInfo {
max-width: 1150px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.landingBeghelli .info .contentInfo .infoText{
max-width: 750px;
width: 100%;
}
.landingBeghelli .info .contentInfo .infoForm{
max-width: 360px;
width: 100%;
}
.landingBeghelli .info .contentInfo .infoForm .mL{
margin: 200px 0 0;
}
.landingBeghelli .ctaLast{
display: flex;
justify-content: center;
align-items: center;
padding: 0 0 30px;
}
.landingBeghelli .info .contentInfo .infoForm .formBlockInfo{
width: 100%;
}
.landingBeghelli .info .contentInfo .infoForm .formBlockInfo .headFormInfo{
background: #01479b;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 5px 0 0;
}
.landingBeghelli .info .contentInfo .infoForm .formBlockInfo .headFormInfo p{
font-size: 22px;
font-weight: bold;
margin: 0;
color: white;
text-align: center;
}
.landingBeghelli .info .contentInfo .infoForm .formBlockInfo .bodyFormInfo{
background: white;
border: 1px solid #cecece;
padding: 20px;
border-radius: 0 0 5px 5px;
}
.landingBeghelli .info .contentInfo .infoForm .formBlockInfo .bodyFormInfo .form-title{
display: none;
}
.landingBeghelli form label{
font-size: 14px;
font-weight: bold;
margin: 0 0 5px;
display: block;
}
.landingBeghelli form .input input {
background: #fff;
border: 1px solid rgba(151,151,151,0.72);
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.13);
max-width: 100%;
width: 100%;
margin-bottom: 10px;
height: 34px;
}
.landingBeghelli form .input select {
background: #fff;
border: 1px solid rgba(151,151,151,0.72);
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.13);
max-width: 100%;
width: 100%;
margin-bottom: 10px;
height: 34px;
}
.landingBeghelli form .hs_submit input {
background-color: #073c79;
border-radius: 6px;
position: relative;
border: 0;
padding: 5px 10px;
color: white;
font-size: 17px;
font-weight: 300;
display: block;
margin: 20px auto 0;
width: 40%;
}
.landingBeghelli form textarea{
height: 70px;
}
.landingBeghelli form .hs-error-msgs{
display: none!important;
}
.landingBeghelli .info .contentInfo h2 {
text-align: center;
font-size: 34px;
margin: 0 0 30px;
}
.landingBeghelli .info .contentInfo h3 {
text-align: center;
font-size: 23px;
margin: 30px 0 30px;
}
.landingBeghelli .info .contentInfo p {
font-size: 16px;
margin: 0 0 20px;
}
.landingBeghelli .info .contentInfo ul {
margin: 10px auto 25px;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 500px;
}
.landingBeghelli .info .contentInfo ul li {
width: 47%;
padding: 0 10px 0 0;
color: #F66D28;
margin: 0 0 10px;
font-size: 14px;
}
.landingBeghelli .info .contentInfo ul li span {
color: #070707;
font-size: 14px;
}
.landingBeghelli .tech {
display: flex;
justify-content: center;
}
.landingBeghelli .tech .text {
height: 370px;
width: 50%;
background: #0C397C;
display: flex;
justify-content: center;
align-items: center;
}
.landingBeghelli .tech .text .contentText {
max-width: 90%;
margin: 0 auto;
}
.landingBeghelli .tech .text .contentText h3 {
font-size: 23px;
color: white;
margin: 0 0 30px;
}
.landingBeghelli .tech .text .contentText p {
font-size: 16px;
color: white;
margin: 0 0 30px;
}
.landingBeghelli .tech .img {
width: 50%;
}
.landingBeghelli .tech .img img {
display: block;
width: 100%;
}
.landingBeghelli .security {
padding: 80px 0;
}
.landingBeghelli .security .contentSecurity {
max-width: 900px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.landingBeghelli .security .contentSecurity .blockSecurity {
width: 100%;
max-width: 400px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .title {
background: #F66D28;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px 5px 0 0;
height: 90px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .title img {
margin-right: 10px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .title h3 {
font-size: 28px;
color: white;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity {
height: 350px;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 30px 0 0;
border: 1px solid #DEDEDE;
border-radius: 0 0 5px 5px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity ul {
padding: 0 0 0 20px;
max-width: 90%;
margin: 0 auto;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity ul li {
color: #F66D28;
font-size: 16px;
margin: 0 0 15px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity ul li span {
color: #070707;
}
.landingBeghelli .apps {
padding: 80px 0;
}
.landingBeghelli .apps h2 {
font-size: 34px;
text-align: center;
margin: 0 0 60px;
}
.landingBeghelli .apps .contentApps {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.landingBeghelli .apps .contentApps .item {
max-width: 470px;
width: 100%;
}
.landingBeghelli .apps .contentApps .item img {
display: block;
max-width: 100%;
}
/* -- Fin Landing Beghelli Desk --*/
/* -- Inicio Landing Promo Milwaukee desk -- */
.promoMilwaukee {
margin: 0;
color: #263640;
font-family: "Proxima Nova";
position: relative;
font-weight: 300;
}
.promoMilwaukee h1, .promoMilwaukee h2, .promoMilwaukee h3, .promoMilwaukee h4, .promoMilwaukee h5 {
font-weight: 700 !important;
line-height: 1.5;
}
.promoMilwaukee h1, .promoMilwaukee h2, .promoMilwaukee h3, .promoMilwaukee h4, .promoMilwaukee h5, .promoMilwaukee p, .promoMilwaukee span {
margin: 0;
}
.promoMilwaukee a {
text-decoration: none;
cursor: pointer;
}
.promoMilwaukee header {
display: flex;
background-color: #073c79;
}
.promoMilwaukee header .logo {
background-color: #e5e5e5;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
border-right: 15px solid #fa6b17;
width: 100%;
max-width: 350px;
}
.promoMilwaukee .titlePromo {
background-color: #db0d1c;
}
.promoMilwaukee .titlePromo .contenttitlePromo {
height: 110px;
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.promoMilwaukee .titlePromo .contenttitlePromo h1 {
font-size: 40px;
font-weight: bold;
color: white;
margin: 0;
}
.promoMilwaukee .promosInner {
padding: 60px 0;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo img:last-child {
top: 50% !important;
left: inherit !important;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo:nth-child(1) img {
top: -11px;
left: -80px;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo:nth-child(2) img {
top: -12px;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo:nth-child(3) img {
top: -1px;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo:nth-child(4) img {
top: 0;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo:nth-child(4) .textLine {
max-width: 350px;
margin: 20px 0 0 260px;
}
.promoMilwaukee .promosInner.promosInnerTwo .contentPromos .linePromo:nth-child(5) img {
top: 0;
}
.promoMilwaukee .promosInner .contentPromos {
width: 100%;
max-width: 1050px;
margin: 0 auto;
}
.promoMilwaukee .promosInner .contentPromos .linePromo {
background-color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 170px;
margin: 0 0 100px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(2) img {
top: -18px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(3) img {
top: -18px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(5) img {
top: -25px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(5) .textLine {
max-width: 300px;
margin: 20px 0 0 100px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(6) img {
top: 0;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(6) .textLine {
max-width: 350px;
margin: 0 0 0 200px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:nth-child(7) img {
top: 0;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:last-child {
margin: 0;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 170px 110px;
border-color: transparent transparent white transparent;
}
.promoMilwaukee .promosInner .contentPromos .linePromo img {
position: absolute;
left: -110px;
top: -27px;
z-index: 999;
}
.promoMilwaukee .promosInner .contentPromos .linePromo img:last-child {
position: absolute;
left: inherit;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.promoMilwaukee .promosInner .contentPromos .linePromo .textLine {
max-width: 520px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo .textLine h3 {
font-size: 19px;
font-weight: bold;
color: #080808;
}
.promoMilwaukee .promosInner .contentPromos .linePromo .textLine h4 {
font-size: 18px;
font-weight: bold;
color: #073c79;
}
.promoMilwaukee .promosInner .contentPromos .linePromo .textLine p {
font-size: 14px;
color: #080808;
}
.promoMilwaukee footer {
background-color: #db0d1c;
padding: 60px 0;
}
.promoMilwaukee footer .contentFooter {
max-width: 1150px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.promoMilwaukee footer .contentFooter h3 {
font-size: 28px;
font-weight: bold;
color: white;
}
.promoMilwaukee footer .contentFooter ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
max-width: 900px;
}
.promoMilwaukee footer .contentFooter ul li {
width: 50%;
color: white;
font-size: 16px;
padding: 0 30px 0 0;
margin: 0 0 10px;
}
/* -- fin Landing Promo Milwaukee desk -- */
/* Bloque cumplimos del interior de nosotros */
.cumplimos{
padding: 40px 0;
}
.cumplimos .content-cumplimos{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.cumplimos .content-cumplimos p{
font-size: 30px;
line-height: 1.5;
}
.cumplimos .content-cumplimos img{
max-width: 250px;
display: block;
margin: 0 auto;
}
/* Fin Bloque cumplimos del interior de nosotros */
/* Estilos del blog 2023 - Inicio */
.blog-2022 .hero-blog{
background-color: #69141e;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
}
.blog-2022 .hero-blog h2{
font-size: 50px;
text-align: center;
color: white;
}
.blog-2022 .video-block{
padding: 25px 0;
display: flex;
justify-content: center;
align-items: center;
}
.blog-2022 .video-block video, .blog-2022 .video-block iframe{
display: block;
width: 100%;
max-width: 620px;
height: 350px;
margin: 0 auto;
}
.blog-2022 .blog-post{
padding: 50px 0;
background-color: #F6F6F6;
}
.blog-2022 .blog-post .blog-post-content{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post{
width: 100%;
max-width: 777px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside{
background-color: white;
padding: 25px 35px;
border-radius: 5px;
box-shadow: 0 3px 3px 3px rgba(0,0,0,.1);
color: black;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-header h2{
text-align: left;
font-size: 35px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-header h2 a{
text-decoration: none;
color: #333;
font-size: 40px;
line-height: normal;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body{
margin-top: 30px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body .sharegrid,
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body h4.txtshare{
display: none;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section #hubspot-topic_data{
color: #a9a9a9;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body p{
font-size: 17px;
color: #333333;
line-height: 1.75em;
font-weight: 400;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body ul li{
font-size: 17px;
color: #333333;
line-height: 1.75em;
font-family: "ProximaNova",sans-serif !important;
font-weight: 400;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body a{
font-size: 17px;
color: #333333;
line-height: 1.75em;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body p strong{
font-size: 17px;
padding: 0;
font-family: "ProximaNova",sans-serif !important;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body h2 strong{
color: #555;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body h3 strong{
color: #555;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body ul li strong,
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body ul li b{
color: #555;
font-family: "ProximaNovaBold",sans-serif !important;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body p span a{
font-size: 17px!important;
text-decoration: underline;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body h2 a {
font-size: 30px;
text-decoration: underline;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body h2 a strong {
text-decoration: underline;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body ul li {
font-size: 17px;
color: #333;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body img{
display: block !important;
margin: 0 auto;
max-width: 100% !important;
float: none!important;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content{
padding: 40px 0;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .title-rel-content{
margin: 0 0 30px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .title-rel-content h3{
font-size: 30px;
text-align: center;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content .rel-content-item{
background-color: white;
border-radius: 5px;
max-width: 250px;
margin: 0 auto;
box-shadow: 0 3px 3px 3px rgb(0 0 0 / 10%);
display: none;
padding: 0 0 15px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content .rel-content-item h4{
font-size: 18px;
text-align: center;
padding: 15px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content .rel-content-item .img-rel-content img{
display: block;
max-width: 100%;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content .rel-content-item a {
background-color: #fa6b17;
height: 45px;
margin: 15px auto 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
max-width: 200px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post{
width: 100%;
max-width: 318px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cta-sql{
margin: 0 0 30px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cta-sql a,.blog-2022 .blog-post .blog-post-content .right-blog-post .cta-sql a img{
display: block;
width: 100%;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block{
background-color: #333;
border-radius: 3px;
padding: 20px;
box-shadow: 0px 2px 4px 0px rgb(69 55 55 / 32%);
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block h3{
font-size: 23px;
color: white;
text-align: left;
margin: 0 auto 15px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block p{
font-size: 13px;
color: white;
margin: 0 0 20px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block form .input input {
background: #fff;
color: #333;
border: 1px solid rgba(151,151,151,0.72);
box-shadow: inset 0px 1px 3px 0px rgb(0 0 0 / 13%);
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block form .hs-form-field label span {
font-size: 15px;
color: #fff;
letter-spacing: .5px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block form .hs_submit .actions{
padding: 0;
margin: 0;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .subscribe-block form .hs_submit input {
position: relative;
border: 0;
width: 100%;
height: 45px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-weight: 300;
background: #fa6b17;
box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 50%);
border-radius: 8px;
font-size: 17px;
color: #fff;
text-shadow: 0px 1px 0px #c16405;
width: 100%;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .mql-block{
background-color: white;
width: 100%;
border-radius: 5px;
padding: 0 0 20px;
margin: 0 auto 30px;
display: none;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .mql-block h3{
padding: 20px 15px;
font-size: 18px;
color: #333;
text-align: center;
font-weight: normal;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .mql-block h3 span{
display: block;
margin: 0 0 5px;
font-size: 18px;
font-weight: bold;
color: #333;
text-align: center;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .mql-block .img-mql-block img{
display: block;
max-width: 200px;
margin: 0 auto;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .mql-block a{
background-color: #fa6b17;
height: 45px;
margin: 15px auto 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
max-width: 200px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .micro-block{
background-color: white;
width: 100%;
border-radius: 5px;
padding: 0 0 20px;
margin: 0 auto 30px;
display: none;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .micro-block h3{
padding: 20px 15px;
font-size: 18px;
color: #333;
text-align: center;
font-weight: normal;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .micro-block h3 span{
display: block;
margin: 0 0 5px;
font-size: 18px;
font-weight: bold;
color: #333;
text-align: center;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .micro-block .img-micro-block{
height: 150px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .micro-block .img-micro-block img{
display: block;
max-width: 490px;
margin: 0 auto;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .micro-block a{
background-color: #fa6b17;
height: 45px;
margin: 15px auto 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
max-width: 200px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block{
background-color: white;
width: 100%;
border-radius: 5px;
padding: 0 0 20px;
margin: 0 auto 30px;
display: none;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block h3{
padding: 20px 15px;
font-size: 18px;
color: #333;
text-align: center;
font-weight: normal;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block h3 span{
display: block;
margin: 0 0 5px;
font-size: 18px;
font-weight: bold;
color: #333;
text-align: center;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block .img-cat-block{
height: 150px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block .img-cat-block img{
display: block;
max-width: 490px;
margin: 0 auto;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block a{
background-color: #fa6b17;
height: 45px;
margin: 15px auto 0;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 5px;
font-size: 15px;
font-weight: bold;
max-width: 200px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block .line-cat{
display: flex;
justify-content: space-between;
align-items: center;
max-width: 280px;
margin: 0 auto 15px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block .line-cat .img-cat{
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block .line-cat .img-cat img{
display: block;
max-width: 150px;
}
.blog-2022 .blog-post .blog-post-content .right-blog-post .cat-block .line-cat a{
height: auto;
margin: 0 auto;
color: #073b78;
font-weight: bold;
background-color: transparent;
text-decoration: underline;
max-width: 125px;
}
.blog-2022 .blog-post.distribucion .dis-pot{
display: block !important;
}
.blog-2022 .blog-post.distribucion .hs_cos_wrapper .dis-pot{
display: block !important;
}
.blog-2022 .blog-post.automatizacion .auto-ind{
display: block !important;
}
.blog-2022 .blog-post.automatizacion .hs_cos_wrapper .auto-ind{
display: block !important;
}
.blog-2022 .blog-post.movimiento .cont-mov{
display: block !important;
}
.blog-2022 .blog-post.movimiento .hs_cos_wrapper .cont-mov{
display: block !important;
}
.blog-2022 .blog-post.controlenergias .ctrl-ener{
display: block !important;
}
.blog-2022 .blog-post.controlenergias .hs_cos_wrapper .ctrl-ener{
display: block !important;
}
.blog-2022 .blog-post.drivesmotores .drives{
display: block !important;
}
.blog-2022 .blog-post.drivesmotores .hs_cos_wrapper .drives{
display: block !important;
}
.blog-2022 .blog-post.distribucion2 .dis-pot2{
display: block !important;
}
.blog-2022 .blog-post.distribucion2 .hs_cos_wrapper .dis-pot2{
display: block !important;
}
.blog-2022 .blog-post.senalizacionalarma .sen-ala{
display: block !important;
}
.blog-2022 .blog-post.senalizacionalarma .hs_cos_wrapper .sen-ala{
display: block !important;
}
.blog-2022 .blog-post.redes .redes-ind{
display: block !important;
}
.blog-2022 .blog-post.redes .hs_cos_wrapper .redes-ind{
display: block !important;
}
.blog-2022 .blog-post.software .soft-vis{
display: block !important;
}
.blog-2022 .blog-post.software .hs_cos_wrapper .soft-vis{
display: block !important;
}
.blog-2022 .blog-post.cables .cab-can{
display: block !important;
}
.blog-2022 .blog-post.cables .hs_cos_wrapper .cab-can{
display: block !important;
}
.blog-2022 .blog-post.ciberseguridad .ciber{
display: block !important;
}
.blog-2022 .blog-post.ciberseguridad .hs_cos_wrapper .ciber{
display: block !important;
}
.blog-2022 .blog-post.procesos .ctrl-pro{
display: block !important;
}
.blog-2022 .blog-post.procesos .hs_cos_wrapper .ctrl-pro{
display: block !important;
}
.blog-2022 .blog-post.mediciones .med-her{
display: block !important;
}
.blog-2022 .blog-post.mediciones .hs_cos_wrapper .med-her{
display: block !important;
}
.blog-2022 .blog-post.seguridad .seg-ind{
display: block !important;
}
.blog-2022 .blog-post.seguridad .hs_cos_wrapper .seg-ind{
display: block !important;
}
.blog-2022 .blog-post.sensores .sen-vis{
display: block !important;
}
.blog-2022 .blog-post.sensores .hs_cos_wrapper .sen-vis{
display: block !important;
}
.comment-body a{
color: #fa6b17;
text-decoration: underline;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-section .post-body ul {
padding-left: 30px;
}
.red_social{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 320px;
margin: 0 0 30px;
}
.red_social a{
height: 30px;
width: auto;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 13px 0 0;
}
.red_social a:nth-child(1){
background-color: #1AA1F1;
}
.red_social a:nth-child(2){
background-color: #3A5997;
}
.red_social a:nth-child(3){
background-color: #0177B5;
}
.red_social a img{
max-width: 35px;
}
.red_social a span{
font-weight: bold;
color: white;
}
/* Comentarios posts */
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form{
background-color: #F6F6F6;
margin: 40px 0;
padding: 30px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .input input,.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form textarea{
background: #fff;
color: #333;
height: 30px;
width: 100%;
display: block;
padding: 0 10px;
border: 1px solid rgba(151,151,151,0.72);
box-shadow: inset 0px 1px 3px 0px rgb(0 0 0 / 13%);
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .input input.error,.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form textarea.error{
border: 1px solid red !important;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .hs-error-msgs{
display: none !important;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form textarea{
height: 60px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .hs-form-field{
margin: 0 0 20px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .hs-form-field label span {
font-size: 15px;
color: #333;
letter-spacing: .5px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .hs_submit .actions{
padding: 0;
margin: 0;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside .blog-post-wrapper .post-footer form .hs_submit input {
position: relative;
border: 0;
width: 100%;
height: 50px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-weight: 300;
background: #fa6b17;
box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 50%);
border-radius: 8px;
font-size: 17px;
color: #fff;
text-shadow: 0px 1px 0px #c16405;
width: 100%;
}
/* Comentarios posts */
/* Estilos del blog 2023 - Inicio */
/* -- Inicio Landing Promo Milwaukee Buenfin desk -- */
.promoMilwaukeeBuenfin {
margin: 0;
color: #263640;
font-family: "Proxima Nova";
position: relative;
font-weight: 300;
}
.promoMilwaukeeBuenfin h1, .promoMilwaukeeBuenfin h2, .promoMilwaukeeBuenfin h3, .promoMilwaukeeBuenfin h4, .promoMilwaukeeBuenfin h5 {
font-weight: 700 !important;
line-height: 1.5;
}
.promoMilwaukeeBuenfin h1, .promoMilwaukeeBuenfin h2, .promoMilwaukeeBuenfin h3, .promoMilwaukeeBuenfin h4, .promoMilwaukeeBuenfin h5, .promoMilwaukeeBuenfin p, .promoMilwaukeeBuenfin span {
margin: 0;
}
.promoMilwaukeeBuenfin a {
text-decoration: none;
cursor: pointer;
}
.promoMilwaukeeBuenfin header {
display: flex;
background-color: #073c79;
}
.promoMilwaukeeBuenfin header .logo {
background-color: #e5e5e5;
height: 110px;
display: flex;
justify-content: center;
align-items: center;
border-right: 15px solid #fa6b17;
width: 100%;
max-width: 350px;
}
.promoMilwaukeeBuenfin .titlePromo {
background-color: #db0d1c;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.promoMilwaukeeBuenfin .titlePromo .logoRisoul {
background-color: white;
position: absolute;
left: 30px;
top: 0;
padding: 10px;
border-radius: 0 0 10px 10px;
}
.promoMilwaukeeBuenfin .titlePromo .logoRisoul img {
max-width: 200px;
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo {
height: 110px;
width: 100%;
max-width: 950px;
margin: 0 50px 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo h1 {
font-size: 40px;
font-weight: bold;
color: white;
margin: 0;
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo img:last-child {
top: 30px;
position: relative;
max-width: 150px;
}
.promoMilwaukeeBuenfin .promosInner {
padding: 60px 0;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos {
width: 100%;
max-width: 1050px;
margin: 0 auto;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo {
background-color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 170px;
margin: 0 0 100px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:nth-child(1) img {
top: 0;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:nth-child(2) img {
top: 0;
left: -20px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:nth-child(3) img {
top: 0;
left: -75px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:nth-child(3) .textLine {
max-width: 420px;
margin: 0 0 0 -40px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:nth-child(4) img {
top: 0;
left: -32px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:nth-child(4) .textLine {
max-width: 400px;
margin: 20px 0 0 240px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:last-child {
margin: 0;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 170px 110px;
border-color: transparent transparent white transparent;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo img {
position: absolute;
left: -50px;
top: -27px;
z-index: 999;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo img:last-child {
position: absolute;
left: inherit;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo .textLine {
max-width: 520px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo .textLine h3 {
font-size: 19px;
font-weight: bold;
color: #080808;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo .textLine h4 {
font-size: 18px;
font-weight: bold;
color: #073c79;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo .textLine p {
font-size: 14px;
color: #080808;
}
.promoMilwaukeeBuenfin footer {
background-color: #db0d1c;
padding: 60px 0;
}
.promoMilwaukeeBuenfin footer .contentFooter {
max-width: 1150px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.promoMilwaukeeBuenfin footer .contentFooter h3 {
font-size: 28px;
font-weight: bold;
color: white;
}
.promoMilwaukeeBuenfin footer .contentFooter ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
max-width: 900px;
}
.promoMilwaukeeBuenfin footer .contentFooter ul li {
width: 50%;
color: white;
font-size: 16px;
padding: 0 30px 0 0;
margin: 0 0 10px;
}
/* -- Fin Landing Promo Milwaukee Buenfin desk -- */
.phone-product{
display: none;
justify-content: center;
align-items: center;
width: 100%;
max-width: 240px;
border-radius: 4px;
background: #fdc10f;
padding: 5px;
color: black;
margin: 20px auto;
border: 2px solid black;
background: transparent;
font-size: 24px;
}
.phone-product:hover {
color: black;
text-decoration: none;
}
.phone-product img {
margin-right: 6px;
max-width: 18px;
}
/* Reset de los menus */
#header-page .uphead .container,
#header-page .downhead .container {
width: 95%;
max-width: 1440px;
margin: 0 auto;
padding: 0;
}
/* Empieza el menu superior */
#header-page .uphead .container {
display: flex;
align-items: center;
justify-content: center;
padding: 15px 0;
}
/* Ocultar el llamado al menu mov */
#header-page .uphead .movact {
display: none;
justify-content: center;
border: 1px solid #073c78;
border-radius: 2px;
padding: 7px 0 6px 0px;
text-transform: uppercase;
color: #fff;
line-height: 1;
width: 65px;
font-size: 12px;
font-weight: bold;
background-color: #073c79;
letter-spacing: 2px;
text-align: center;
box-shadow: 0 2px 1px 0px rgba(56, 56, 56, 0.4);
text-decoration: none;
}
#header-page .uphead .movact span {
color: inherit;
}
/* Logo */
#header-page .uphead a.logo {
display: block;
width: 100%;
max-width: 287px;
}
#header-page .uphead a.logo img {
display: block;
max-width: 100%;
}
/* Menu superior */
#header-page .uphead .links {
width: 100%;
max-width: 850px;
margin-left: auto;
position: relative;
}
/* Lenguaje */
#header-page .uphead .links .lan {
display: flex;
align-items: center;
justify-content: center;
margin-left: 15px;
margin-bottom: 15px;
width: 60px;
border: 1px solid #073b78;
border-radius: 3px;
}
#header-page .uphead .links .lan a,
#header-page .uphead .links .lan span {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
width: 50%;
height: 20px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #073b78;
font-size: 11px;
position: relative;
}
#header-page .uphead .links .lan a.active {
background-color: #073b78;
color: white;
}
#header-page .uphead .links .lan a:nth-child(1).active:before {
content: "";
top: 0;
border-top: 10px solid #073b78;
border-left: 2px solid #073b78;
border-bottom: 10px solid transparent;
border-right: 2px solid transparent;
right: -4px;
position: absolute;
}
#header-page .uphead .links .lan a:nth-child(2).active:before {
content: "";
top: 0;
border-top: 10px solid #073b78;
border-right: 2px solid #073b78;
border-bottom: 10px solid transparent;
border-left: 2px solid transparent;
left: -4px;
position: absolute;
}
/* Enlaces */
#header-page .uphead .links ul {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
}
#header-page .uphead .links ul li a {
display: block;
border-right: 2px solid #e2e2e2;
color: #666;
font-size: 12px;
text-decoration: none;
padding: 0 13px;
text-transform: uppercase;
line-height: normal;
}
#header-page .uphead .links ul li a:hover {
color: #073b79;
text-decoration: underline;
}
#header-page .uphead .links ul li:last-child a {
border: 0;
padding-right: 0;
}
#header-page .uphead .links ul li a.icolk {
display: flex;
align-items: center;
color: #073b79;
text-decoration: underline;
font-weight: 600;
}
#header-page .uphead .links ul li a.icolk img {
display: block;
margin-right: 5px;
}
/* Menu azul */
#header-page .downhead {
background-color: #073b78;
}
#header-page .downhead ul {
list-style: none;
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
padding-left: 35px;
}
#header-page .downhead ul .droplink {
cursor: pointer;
}
#header-page .downhead ul .droplink.active a {
color: #f69a11;
}
.covdrop {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2001;
}
#header-page .downhead ul li.droplink {
position: relative;
z-index: 2005;
}
#header-page .downhead ul li.droplink .pic {
display: block;
position: absolute;
width: 12px;
height: 12px;
background-image: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png);
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
right: -15px;
top: 15px;
transform: rotate(90deg);
}
#header-page .downhead ul li .drop-menu {
position: absolute;
z-index: 2003;
padding: 0;
width: 180px;
display: none;
cursor: pointer;
}
#header-page .downhead ul li .drop-menu.active {
display: block;
}
#header-page .downhead ul li .drop-menu li {
width: 100%;
border-bottom: 1px solid #eaeaea;
}
#header-page .downhead ul li .drop-menu li:last-child {
border-bottom: 0;
}
#header-page .downhead ul li .drop-menu li a {
background-color: white;
color: #333 !important;
padding: 10px 20px;
text-transform: none;
}
#header-page .downhead ul li .drop-menu li a:hover {
background-color: gray;
color: white !important;
}
#header-page .downhead ul li {
position: relative;
}
#header-page .downhead ul li a {
color: white;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
display: flex;
align-items: center;
height: 100%;
padding: 5px 4px;
font-weight: 600;
}
#header-page .downhead ul li a:hover {
color: #f69a11;
}
#header-page .downhead ul li a img {
display: block;
max-width: 100%;
margin-right: 5px;
position: relative;
top: -2px;
}
#header-page .downhead ul li:last-child a {
padding: 0 30px;
}
#header-page .downhead ul li:last-child a:hover {
color: white;
}
footer {
background-color: whitesmoke;
padding-top: 30px;
}
footer h3.title {
font-size: 18px;
font-weight: bold;
color: #073c79;
text-transform: uppercase;
margin: 0 0 10px;
}
footer ul.listfoot {
padding: 20px 0 0 15px;
position: relative;
}
footer ul.listfoot:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 3px;
background-color: #00489f;
}
footer ul.listfoot li {
color: #fa6b17;
font-size: 15px;
margin-bottom: 5px;
}
footer ul.listfoot li:last-child {
margin-bottom: 0;
}
footer ul.listfoot li span, footer ul.listfoot li a, footer ul.listfoot li p {
color: #555;
text-decoration: none;
}
footer .graylinefoot {
background-color: #d7d7d7;
}
footer .graylinefoot .container {
display: flex;
align-items: center;
justify-content: center;
height: 28px;
}
footer .graylinefoot .container p, footer .graylinefoot .container a {
color: #a9a9a9;
display: block;
font-size: 13px;
}
footer .graylinefoot .container a {
text-decoration: underline;
margin: 0 auto;
}
footer .graylinefoot .container p a {
display: inline;
margin: 0;
}
footer .grid-foot {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0 50px;
}
footer .grid-foot .item {
display: block;
}
footer .grid-foot .item:first-child {
grid-column-start: 1;
grid-column-end: 3;
}
footer .grid-foot .item:last-child {
max-width: 300px;
margin: 0 auto;
}
footer .grid-foot .item:last-child p {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
}
footer .grid-foot .item .navfoot {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0 10px;
}
footer .grid-foot .item .sucfoot {
margin: 20px 0;
}
footer .grid-foot .item .sucfoot h3.title {
margin-bottom: 20px;
}
footer .grid-foot .item .sucfoot .gridsuc {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0 10px;
}
footer .grid-foot .item .sucfoot .gridsuc ul li {
text-transform: uppercase;
}
footer .grid-foot .item .formulario {
margin-bottom: 50px;
}
footer .grid-foot .item .formulario .hbspt-form {
width: 100%;
}
footer .grid-foot .item .formulario form {
width: 100%;
max-width: 385px;
display: block;
}
footer .grid-foot .item .formulario form fieldset {
max-width: 100%;
}
footer .grid-foot .item .formulario form .hs-form-field {
margin-bottom: 15px;
}
footer .grid-foot .item .formulario form .hs-error-msgs {
display: none !important;
}
footer .grid-foot .item .formulario form label {
font-weight: 600;
font-size: 14px;
display: block;
margin-bottom: 5px;
}
footer .grid-foot .item .formulario form label span {
color: #555;
}
footer .grid-foot .item .formulario form label .hs-form-required {
color: red;
}
footer .grid-foot .item .formulario form .hs-input,
footer .grid-foot .item .formulario form select {
margin-right: 0;
width: 100%;
max-width: 500px;
padding: 0 !important;
padding-left: 5px !important;
height: 30px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
outline: 0 !important;
border-radius: 2px;
font-size: 14px;
font-family: "Proxima Nova", sans-serif;
}
footer .grid-foot .item .formulario form .hs-input.error,
footer .grid-foot .item .formulario form select.error {
border-color: red;
}
footer .grid-foot .item .formulario form .hs-submit .actions {
margin: 0;
padding: 0;
}
footer .grid-foot .item .formulario form .hs-submit .actions input {
background: #073c79;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
font-weight: bold;
width: 100%;
max-width: 200px;
height: 40px;
color: white;
border-radius: 5px;
}
footer .grid-foot .item .socialpart h3.title {
margin-bottom: 40px;
position: relative;
}
footer .grid-foot .item .socialpart h3.title:before {
content: "";
position: absolute;
bottom: -20px;
left: 0;
width: 15px;
height: 3px;
background-color: #00489f;
}
footer .grid-foot .item .socialpart .sociallinks {
display: flex;
align-items: center;
justify-content: space-between;
}
footer .grid-foot .item .socialpart .sociallinks a {
display: block;
width: 40px;
height: 40px;
}
footer .grid-foot .item .socialpart .sociallinks a img {
width: 100%;
display: block;
margin: 0 auto;
}
.no-scroll {
overflow: hidden;
}
#menuMov {
width: 100%;
min-height: 200vh;
position: absolute;
top: 0;
background-color: #f4f7f6;
z-index: 10001;
overflow-x: hidden;
overflow-y: scroll;
right: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
#menuMov.active {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
#menuMov ul {
list-style: none;
margin-top: 45px;
position: relative;
z-index: 5;
}
#menuMov ul.links {
margin-top: 0;
}
#menuMov ul li {
border-bottom: 2px solid #d4d4d4;
position: relative;
}
#menuMov ul li.tel {
display: flex;
align-items: center;
margin: 20px auto 0;
max-width: 150px;
width: 100%;
position: relative;
border-bottom: 0;
}
#menuMov ul li.tel:before {
content: "";
position: relative;
display: block;
width: 16px;
height: 16px;
background-image: url("https://6184610.fs1.hubspotusercontent-na1.net/hubfs/6184610/siteimg/ico-phone.png");
background-size: 13px;
background-position: center center;
background-repeat: no-repeat;
margin-right: 8px;
}
#menuMov ul li.active {
left: 0;
}
#menuMov ul li a {
padding: 10px 15px;
padding-left: 10px;
position: relative;
display: block;
color: #585858;
font-weight: bold;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: capitalize;
font-size: 14px;
}
#menuMov ul li a.dropbtn::after {
content: "";
position: absolute;
right: 10px;
top: 10px;
width: 23px;
height: 24px;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/ico-open-drop.png");
background-size: cover;
background-position: center center;
}
#menuMov ol.drop {
margin-top: 0;
padding: 0 10px;
display: none;
background-color: #eaeaea;
box-shadow: inset 1px 2px 4px 0px rgba(177, 177, 177, 0.3);
}
#menuMov ol.drop.active {
display: block;
}
#menuMov ol.drop li {
border-bottom: 0;
list-style: none;
border-bottom: 2px solid #d4d4d4;
}
#menuMov ol.drop li a {
font-size: 14px;
color: #585858 !important;
font-weight: 600 !important;
}
#menuMov ol.drop li a:hover {
font-weight: bold !important;
text-decoration: underline;
}
#menuMov ol.drop li:last-child {
margin-top: 0;
border-bottom: 0;
}
#menuMov ol.drop li:last-child a {
background-color: transparent;
color: #585858;
text-transform: capitalize;
padding: 15px;
padding-left: 10px;
text-align: left;
max-width: 100%;
}
#menuMov .menu-header {
border-bottom: 1px solid #e6eaea;
position: relative;
height: auto;
display: flex;
align-items: center;
height: 50px;
justify-content: space-between;
}
#menuMov .menu-header .btn-demo {
display: block;
width: 100%;
max-width: 150px;
text-align: center;
height: 30px;
line-height: 30px;
font-size: 14px;
text-transform: uppercase;
border-radius: 15px;
top: 10px;
right: 10px;
font-weight: bold;
background: #ff6930;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
color: #fff;
margin-right: 15px;
}
#menuMov .menu-header .open-menu {
display: flex;
width: 40px;
height: 100%;
align-items: center;
justify-content: center;
border-right: 1px solid #e6eaea;
}
#menuMov .menu-header .open-menu .btn-menu {
display: block;
}
#menuMov .menu-header .open-menu .btn-menu img {
max-width: 100%;
position: relative;
top: 3px;
}
.sides_row {
width: 100%;
display: flex;
justify-content: center;
}
.sides_row.wrap {
flex-wrap: wrap;
}
.sides_row .side {
padding: 0 15px;
}
.sides_row .side.sd_2 {
width: 16.666666%;
}
.sides_row .side.sd_3 {
width: 25%;
}
.sides_row .side.sd_4 {
width: 33.33333333%;
}
.sides_row .side.sd_5 {
width: 41.666666%;
}
.sides_row .side.sd_6 {
width: 50%;
}
.sides_row .side.sd_7 {
width: 58.33333333%;
}
.sides_row .side.sd_8 {
width: 66.66666667%;
}
.sides_row .side.sd_9 {
width: 75%;
}
.sides_row .side.sd_12 {
width: 100%;
}
.container {
width: 95%;
max-width: 1180px;
margin: 0 auto;
}
.container:before {
display: table;
content: "";
}
.container:after {
display: table;
content: " ";
clear: both;
}
.hide {
display: none;
}
.about-risoul-block {
padding: 50px 0;
background-color: #f3f3f3;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.about-risoul-block .container {
display: flex;
align-items: center;
}
.about-risoul-block .vid-circ {
width: 300px;
height: 300px;
overflow: hidden;
border-radius: 50%;
}
.about-risoul-block .inf {
width: calc( 100% - 400px );
margin-left: auto;
}
.about-risoul-block .inf h3 {
color: #0b377c;
font-size: 23px;
}
.about-risoul-block .inf p {
font-size: 19px;
line-height: 1.75;
font-weight: 600;
margin: 25px 0;
}
.about-risoul-block .inf ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
grid-gap: 20px 10px;
padding: 0 20px;
}
.about-risoul-block .inf ul li {
font-size: 18px;
font-weight: 600;
}
.our-team-ris {
background: #f66d00;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-our-team.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
padding: 120px 0;
}
.our-team-ris h2, .our-team-ris p {
color: white;
text-align: center;
}
.our-team-ris h2 {
font-size: 28px;
margin-bottom: 20px;
}
.our-team-ris p {
line-height: 1.75;
font-size: 20px;
font-weight: 600;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.solicita-info .container {
max-width: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.solicita-info .side-img,
.solicita-info .side-form {
width: 50%;
}
.solicita-info .side-img img {
display: block;
margin: 0 auto;
width: 100%;
}
.solicita-info .side-form .form-body {
width: 90%;
max-width: 480px;
margin-left: 15%;
}
.solicita-info .side-form .form-body h3 {
color: #0b377c;
font-size: 23px;
text-align: center;
line-height: 1;
}
.solicita-info .side-form .form-body p {
color: #707070;
text-align: center;
margin: 25px 0;
line-height: 1.5;
font-size: 17px;
}
.solicita-info .side-form .form-body form {
width: 100%;
}
.solicita-info .side-form .form-body form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
font-family: "Proxima Nova", sans-serif;
}
.solicita-info .side-form .form-body form fieldset {
max-width: 100%;
}
.solicita-info .side-form .form-body form .hs-form-field {
margin-bottom: 15px;
}
.solicita-info .side-form .form-body form .hs-error-msgs {
display: none !important;
}
.solicita-info .side-form .form-body form .hs-form-required {
color: red !important;
}
.solicita-info .side-form .form-body form .hs-input,
.solicita-info .side-form .form-body form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
font-family: "Proxima Nova", sans-serif;
}
.solicita-info .side-form .form-body form .hs-input.error,
.solicita-info .side-form .form-body form select.error {
border-color: red;
}
.solicita-info .side-form .form-body form .hs-input[type="checkbox"] {
width: auto;
height: auto;
margin-right: 10px;
}
.solicita-info .side-form .form-body form textarea.hs-input {
padding-top: 5px !important;
}
.solicita-info .side-form .form-body form .hs-submit .actions {
margin: 0;
padding: 0;
}
.solicita-info .side-form .form-body form .hs-submit .actions input {
background: #ec6a33;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova";
font-weight: 600;
min-width: 245px;
height: 40px;
color: white;
border-radius: 5px;
text-transform: uppercase;
font-weight: bold;
}
.solicita-info .side-form .form-body form textarea {
max-width: 98% !important;
height: 75px !important;
}
/* COMPETENCY CENTER */
.popCC .modal-body .content-form-cc{
margin: 0 auto;
max-width: 500px;
padding: 20px 0 0;
}
/* Estilo del fondo oscurecido */
.popup-background {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); /* Fondo oscurecido */
z-index: 9999;
}
/* Estilo del contenido del popup */
.popup-content {
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 30px 20px 40px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
z-index: 10000;
text-align: center;
}
/* Estilo del botón de cierre */
.popup-close {
position: absolute;
top: 0px;
right: 10px;
font-size: 30px;
cursor: pointer;
}
.int-soluciones .hero {
background-image: url("https://www.risoul.com.mx/hubfs/hero-micrositio.png");
background-size: cover;
background-position: center center;
}
.int-soluciones .hero .container {
height: 260px;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 1280px;
}
.int-soluciones .hero h1 {
color: white;
text-align: center;
font-size: 40px;
text-transform: uppercase;
text-align: left;
}
.int-soluciones .know-solutions .intro {
background-color: #f4f4f4;
border-bottom: 1px solid #eaeaea;
padding-top: 30px;
}
.int-soluciones .know-solutions .intro h2 {
text-align: center;
font-weight: bold;
font-size: 28px;
margin-bottom: 50px;
}
.int-soluciones .know-solutions .intro .brands_links {
display: flex;
width: 100%;
}
.int-soluciones .know-solutions .intro .brands_links a {
display: block;
width: 33%;
cursor: pointer;
padding: 0 10px 50px;
position: relative;
}
.int-soluciones .know-solutions .intro .brands_links a:hover:before, .int-soluciones .know-solutions .intro .brands_links a:hover:after, .int-soluciones .know-solutions .intro .brands_links a.active:before, .int-soluciones .know-solutions .intro .brands_links a.active:after {
display: block;
}
.int-soluciones .know-solutions .intro .brands_links a:before {
display: none;
content: " ";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
}
.int-soluciones .know-solutions .intro .brands_links a:after {
display: none;
content: " ";
position: absolute;
bottom: -5px;
left: calc( 50% - 4px );
border-top: 8px solid black;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.int-soluciones .know-solutions .intro .brands_links a:nth-child(1):before {
background-color: #e61241;
}
.int-soluciones .know-solutions .intro .brands_links a:nth-child(1):after {
border-top-color: #e61241;
}
/*.int-soluciones .know-solutions .intro .brands_links a:nth-child(2):before {
background-color: #11ab64;
}
.int-soluciones .know-solutions .intro .brands_links a:nth-child(2):after {
border-top-color: #11ab64;
}*/
.int-soluciones .know-solutions .intro .brands_links a:nth-child(2):before {
background-color: #1898d1;
}
.int-soluciones .know-solutions .intro .brands_links a:nth-child(2):after {
border-top-color: #1898d1;
}
.int-soluciones .know-solutions .intro .brands_links a:nth-child(3):before {
background-color: #ffce00;
}
.int-soluciones .know-solutions .intro .brands_links a:nth-child(3):after {
border-top-color: #ffce00;
}
.int-soluciones .know-solutions .intro .brands_links a img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.int-soluciones .know-solutions .contentcards {
background-color: white;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card {
display: none;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card.active {
display: block;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand-btn-line {
max-width: 100%;
color: white;
background-color: #333;
font-weight: bold;
font-size: 16px;
padding: 15px 20px;
position: relative;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand-btn-line:after {
position: absolute;
content: "+";
right: 0;
top: 0;
color: white;
font-weight: bold;
font-size: 25px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand-btn-line.active:after {
content: "-";
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont {
padding: 40px 0 30px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px 5px;
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm {
display: flex;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv {
display: block;
width: 100%;
max-width: 330px;
border: 1px solid #f3f3f3;
border-radius: 3px;
padding: 0px 10px 50px;
box-shadow: 0px 2px 4px 0px rgba(183, 183, 183, 0.3);
margin: 0 auto;
position: relative;
cursor: pointer;
top: 0;
transition: all 0.2s linear;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv:hover {
top: -2px;
box-shadow: 0px 2px 4px 0px rgba(183, 183, 183, 0.5);
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv:hover:before {
text-decoration: underline;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv:before {
content: "Más información ▸";
position: absolute;
text-transform: uppercase;
bottom: 15px;
left: 25px;
color: #0b377c;
font-weight: bold;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv.no-btn:before{
display: none !important;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv.no-btn{
cursor: text;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3 {
text-align: center;
color: #707070;
font-size: 20px;
font-weight: 800;
padding: 15px 0;
height: 86px;
display: flex;
justify-content: center;
align-items: center;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3.sm {
font-size: 17px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3.xs {
font-size: 15px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv .pic {
width: 100%;
margin-bottom: 15px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv .pic img {
display: block;
width: 100%;
max-width: 100%;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv p {
font-size: 15px;
line-height: 1.5;
max-width: 255px;
margin: 0 auto;
color: #3c3c3c;
}
.int-prod-19.lithonia .hero {
background: linear-gradient(0deg, #77CCF5, #A7D8EF, #FEFFFF);
}
.int-prod-19.lithonia .hero h1 {
font-size: 40px;
}
.int-prod-19.lithonia .equipo .serv_grid .serv .ico {
background-color: #F15C2B;
}
.int-prod-19 .hero {
background: linear-gradient(0deg, #AEC2DB, #B3C9E3, #CADBEF, #FEFFFF);
}
.int-prod-19 .hero .container {
height: 407px;
display: flex;
align-items: center;
justify-content: space-between;
}
.int-prod-19 .hero h1 {
color: #333333;
font-size: 35px;
font-weight: bold;
line-height: 1.2;
}
.int-prod-19 .hero p {
color: #707070;
font-size: 17px;
font-weight: 600;
margin: 20px 0;
line-height: 1.5;
}
.int-prod-19 .hero a.btn-hero {
display: block;
width: 100%;
max-width: 270px;
height: 39px;
line-height: 39px;
background-color: #013E74;
border: 1px solid #013E74;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
}
.int-prod-19 .hero a.btn-hero.alt {
background-color: transparent;
color: #013E74;
margin: 0 auto;
}
.int-prod-19 .hero a.btn-hero.show-mov {
display: none;
}
.int-prod-19 .hero .side_inf {
width: 100%;
max-width: 500px;
}
.int-prod-19 .hero .side_ebook {
width: 100%;
max-width: 190px;
margin: 0 80px 0 auto;
}
.int-prod-19 .hero .side_ebook img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19 .hero .side_brand {
width: 100%;
max-width: 270px;
}
.int-prod-19 .hero .side_brand img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.main_part {
background-color: #F1F1F1;
padding: 45px 0;
}
.main_part h2 {
text-align: center;
font-size: 27px;
color: #333333;
font-weight: bold;
margin-bottom: 45px;
}
.main_part .intro-txt{
font-size: 20px;
margin: 0 0 40px;
}
.main_part .brand_tabs {
width: 95%;
max-width: 1020px;
margin: 0 auto;
}
.main_part .brand_tabs .brands_links {
display: flex;
}
.main_part .brand_tabs .brands_links a {
border: 1px solid #B8B8B8;
background-color: white;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 16px;
color: #707070;
font-weight: 600;
position: relative;
text-align: center;
}
.main_part .brand_tabs .brands_links a:before {
content: "";
position: absolute;
bottom: -9px;
border-top: 10px solid #333;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
display: none;
}
.main_part .brand_tabs .brands_links a.active {
background-color: #333;
border-color: #333;
color: white;
}
.main_part .brand_tabs .brands_links a.active:before {
display: block;
}
.main_part .brand_tabs .brands_links2 {
display: flex;
}
.main_part .brand_tabs .brands_links2 a {
border: 1px solid #B8B8B8;
background-color: white;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 16px;
color: #707070;
font-weight: 600;
position: relative;
text-align: center;
}
.main_part .brand_tabs .brands_links2 a:before {
content: "";
position: absolute;
bottom: -9px;
border-top: 10px solid #333;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
display: none;
}
.main_part .brand_tabs .brands_links2 a.active {
background-color: #333;
border-color: #333;
color: white;
}
.main_part .brand_tabs .brands_links2 a.active:before {
display: block;
}
.main_part .brand_tabs #brands_container .brand_card {
display: none;
}
.main_part .brand_tabs #brands_container .brand_card.active {
display: block;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont {
background-color: white;
padding: 30px 40px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro h2 {
text-align: center;
margin-bottom: 30px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro p {
margin: 0;
font-size: 18px;
color: #707070;
font-weight: 600;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .intro-text{
width: 100%;
margin: 0 0 20px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .intro-text p{
font-size: 16px;
margin: 0 0 20px;
color: #707070;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .intro-text ul{
padding: 0 0 0 20px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .intro-text ul li{
font-size: 16px;
margin: 0 0 8px;
color: #707070;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf {
width: 100%;
max-width: 555px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .title {
color: #707070;
font-size: 20px;
line-height: 1.2;
margin: 0 0 35px;
font-weight: bold;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl {
width: 100%;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 10px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p {
font-size: 16px;
color: #707070;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p:nth-child(1) {
font-weight: bold;
width: 100%;
max-width: 150px;
margin-right: 25px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p:nth-child(2) {
font-weight: normal;
width: 100%;
max-width: 380px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic {
width: 100%;
max-width: 340px;
margin-left: 45px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic img {
display: block;
margin: 0 auto;
}
.main_part .brand_tabs #brands_container2 .brand_card {
display: none;
}
.main_part .brand_tabs #brands_container2 .brand_card.active {
display: block;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont {
background-color: white;
padding: 30px 40px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .intro {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .intro h2 {
text-align: center;
margin-bottom: 30px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .intro p {
margin: 0;
font-size: 18px;
color: #707070;
font-weight: 600;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .intro-text{
width: 100%;
margin: 0 0 20px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .intro-text p{
font-size: 16px;
margin: 0 0 20px;
color: #707070;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .intro-text ul{
padding: 0 0 0 20px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .intro-text ul li{
font-size: 16px;
margin: 0 0 8px;
color: #707070;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf {
width: 100%;
max-width: 555px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .title {
color: #707070;
font-size: 20px;
line-height: 1.2;
margin: 0 0 35px;
font-weight: bold;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl {
width: 100%;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 10px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw p {
font-size: 16px;
color: #707070;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw p:nth-child(1) {
font-weight: bold;
width: 100%;
max-width: 150px;
margin-right: 25px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw p:nth-child(2) {
font-weight: normal;
width: 100%;
max-width: 380px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .pic {
width: 100%;
max-width: 340px;
margin-left: 45px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .pic img {
display: block;
margin: 0 auto;
}
.int-prod-19 .equipo {
padding: 40px 0;
}
.int-prod-19 .equipo h2 {
text-align: center;
font-size: 27px;
color: #333333;
max-width: 710px;
margin: 0 auto 40px;
}
.int-prod-19 .equipo h2.lg {
max-width: 100%;
margin-top: 40px;
}
.int-prod-19 .equipo h3 {
text-align: center;
font-size: 24px;
color: #333333;
margin-bottom: 40px;
}
.int-prod-19 .equipo .serv_grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px 0;
width: 100%;
max-width: 850px;
margin: 0 auto;
}
.int-prod-19 .equipo .serv_grid .serv {
display: flex;
align-items: flex-start;
justify-content: center;
}
.int-prod-19 .equipo .serv_grid .serv .ico {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #013E74;
}
.int-prod-19 .equipo .serv_grid .serv .ico img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19 .equipo .serv_grid .serv p {
font-size: 18px;
color: #333333;
font-weight: bold;
margin: 0 0 0 35px;
width: 100%;
max-width: 250px;
}
.int-prod-19 .equipo .cards_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px 15px;
}
.int-prod-19 .equipo .cards_grid .card {
width: 100%;
max-width: 240px;
background-color: white;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
border-radius: 3px;
overflow: hidden;
margin: 0 auto;
}
.int-prod-19 .equipo .cards_grid .card .pic {
width: 100%;
}
.int-prod-19 .equipo .cards_grid .card .pic img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19 .equipo .cards_grid .card .foo {
background-color: white;
text-align: center;
padding: 0 20px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19 .equipo .cards_grid .card .foo a {
font-size: 18px;
color: #333333;
font-weight: bold;
text-decoration: none;
line-height: 1.2;
}
.int-prod-19 .conoce_mas {
padding: 40px 0;
background-color: white;
}
.int-prod-19 .conoce_mas .container {
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19 .conoce_mas .side_links {
width: 100%;
max-width: 740px;
margin-right: auto;
}
.int-prod-19 .conoce_mas .side_links h2 {
font-size: 26px;
color: #013E74;
margin: 0 0 40px;
line-height: 1;
}
.int-prod-19 .conoce_mas .side_links h3 {
color: #707070;
font-size: 17px;
font-weight: 600;
margin: 20px 0;
line-height: 1.5;
}
.int-prod-19 .conoce_mas .side_links ul {
padding-left: 20px;
}
.int-prod-19 .conoce_mas .side_links ul li {
margin-bottom: 30px;
color: #F66D00;
}
.int-prod-19 .conoce_mas .side_links ul li a {
color: #707070;
font-size: 16px;
font-weight: 500;
margin: 20px 0;
line-height: 1.5;
text-decoration: underline;
}
.int-prod-19 .conoce_mas .side_ebook {
width: 100%;
max-width: 270px;
margin: 0 80px 0 45px;
}
.int-prod-19 .conoce_mas .side_ebook img {
max-width: 126px;
width: 100%;
display: block;
margin: 20px auto;
}
.int-prod-19 .conoce_mas .side_ebook h3 {
color: #707070;
font-size: 16px;
font-weight: bold;
margin: 0 0;
line-height: 1.5;
text-align: center;
}
.int-prod-19 .conoce_mas .side_ebook a.btn-conoce {
display: block;
width: 100%;
max-width: 270px;
height: 39px;
line-height: 39px;
background-color: #013E74;
border: 1px solid #013E74;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
}
.int-prod-19 .about_us_part {
background-color: #f0d0a5;
overflow: hidden;
}
.int-prod-19 .about_us_part .sides_row {
display: flex;
justify-content: center;
align-items: center;
}
.int-prod-19 .about_us_part .sides_row .side {
width: 50%;
padding: 0;
}
.int-prod-19 .about_us_part .inf {
width: 100%;
max-width: 535px;
margin-left: auto;
margin-right: 50px;
}
.int-prod-19 .about_us_part .inf h3 {
margin: 0 0 20px;
color: #013d75;
font-size: 28px;
font-weight: bold;
}
.int-prod-19 .about_us_part .inf p {
font-size: 20px;
color: #333;
line-height: 1.75;
margin-bottom: 20px;
}
.int-prod-19 .about_us_part .inf ul {
display: flex;
flex-wrap: wrap;
padding: 0 0 0 20px;
margin-bottom: -15px;
}
.int-prod-19 .about_us_part .inf ul li {
width: 30%;
font-size: 16px;
margin-bottom: 15px;
}
.int-prod-19 .about_us_part .inf ul li span {
font-size: 20px;
}
.int-prod-19 .why-brand {
background: #F7F7F7;
background: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/patt.png");
background-repeat: repeat;
background-attachment: fixed;
padding: 35px 0;
}
.int-prod-19 .why-brand h2 {
font-size: 35px;
color: #073c79;
text-align: center;
margin: 0 0 35px;
}
.int-prod-19 .why-brand .flex-why {
display: flex;
justify-content: space-between;
align-items: center;
}
.int-prod-19 .why-brand .flex-why .info-txt {
max-width: 770px;
width: 100%;
margin-right: 15px;
}
.int-prod-19 .why-brand .flex-why .info-txt p {
color: #333;
font-weight: 400;
font-size: 19px;
}
.int-prod-19 .why-brand .flex-why .logo-why {
max-width: 360px;
width: 100%;
}
.int-prod-19 .why-brand .flex-why .logo-why img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.int-prod-19 .modal {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 10900;
height: 100%;
width: 100%;
display: none;
}
.int-prod-19 .modal .modal-dialog {
width: 100%;
max-width: 1018px;
background: white;
margin: 60px auto;
height: 490px;
}
.int-prod-19 .modal .modal-dialog .modal-content {
border-radius: 0;
border: 1px solid #004f7b;
box-shadow: 0px 2px 0px 0px rgba(99, 99, 99, 0.38);
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body {
padding: 0;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod {
display: flex;
align-items: center;
height: 490px;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-inf {
width: 100%;
max-width: 400px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-pop.jpg) no-repeat center center;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-inf .inf {
width: 100%;
max-width: 310px;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-inf .inf h3 {
color: #fff;
font-weight: 700;
font-size: 28px;
text-align: left;
margin-bottom: 30px !important;
line-height: 1;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-inf .inf p {
color: #fff;
font-size: 18px !important;
text-align: left;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form {
position: relative;
width: 100%;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form button.close {
float: none;
opacity: 1;
font-weight: normal;
position: absolute;
top: -35px;
right: 15px;
width: 30px;
height: 30px;
background: linear-gradient(#f1f1f1, gainsboro);
color: #333;
text-shadow: none;
font-size: 20px;
padding: 0 0 3px;
outline: 0 !important;
box-shadow: none !important;
border-radius: 2px;
border: 1px solid #cecece;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma {
width: 100%;
display: block;
margin: 0 auto;
padding: 30px 50px;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .hs-form .hs-error-msg,
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .hs-form .hs_error_rollup {
display: none !important;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .hs-form .actions {
margin-top: 0px !important;
}
.int-prod-19 .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .hs-form .actions .hs-button {
text-shadow: 0 -1px 0 #f69a11 !important;
background-color: #f69a11;
background-image: linear-gradient(to bottom, #f69a11, #e28c0c) !important;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5) !important;
border-top: 1px solid #f69a11 !important;
border-bottom: 1px solid #f69a11 !important;
border-right: 1px solid #f69a11 !important;
border-left: 1px solid #f69a11 !important;
}
.int-prod-19 .slides-servicios {
background-color: #073C79;
padding: 50px 0;
}
.int-prod-19 .slides-servicios h2 {
text-align: center;
color: white;
font-size: 34px;
margin: 0px 0 50px;
font-weight: bold;
letter-spacing: 0.16px;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.2);
}
.int-prod-19 .slides-servicios .carousel .carousel-inner .item .info {
max-width: 900px;
width: 100%;
margin: 0 auto;
}
.int-prod-19 .slides-servicios .carousel .carousel-inner .item .info img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.int-prod-19 .slides-servicios .carousel .carousel-inner .item .info p {
font-size: 17px;
color: #fff;
width: 95%;
}
.int-prod-19 .slides-servicios .carousel .carousel-inner .item .info p strong {
color: white;
font-size: 24px;
padding-right: 27px;
}
.int-prod-19 .slides-servicios .carousel .carousel-control {
opacity: 1;
text-shadow: none;
color: white;
display: flex;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
flex-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
justify-content: space-around;
-ms-justify-content: space-around;
-webkit-justify-content: space-around;
align-items: center;
justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
}
.int-prod-19 .slides-servicios .carousel .carousel-control.left, .int-prod-19 .slides-servicios .carousel .carousel-control.right {
background-image: none;
}
.int-prod-19 .slides-servicios .carousel .carousel-control.left {
left: -20px;
}
.int-prod-19 .slides-servicios .carousel .carousel-control.left img {
transform: rotate(-180deg);
}
#llamado {
display: none;
}
.int-prod-19.milwaukee .hero h1 {
font-size: 37px;
}
.int-prod-19.milwaukee .hero .side_brand {
max-width: 280px;
}
.int-prod-19.milwaukee .serv_grid {
max-width: 100%;
grid-gap: 50px 20px;
margin: 50px 0;
}
.int-prod-19.milwaukee .serv_grid .serv:last-child {
grid-column-start: 1;
grid-column-end: 3;
}
.int-prod-19.milwaukee .serv_grid .serv .ico {
background-color: transparent;
border-radius: 0;
max-width: 134px;
width: 100%;
}
.int-prod-19.milwaukee .serv_grid .serv p {
font-size: 16px;
max-width: 400px;
width: 100%;
}
.int-prod-19.milwaukee .serv_grid .serv p span {
font-weight: normal;
display: block;
margin-top: 10px;
}
.int-prod-19.milwaukee .main_part .brand_tabs {
display: flex;
max-width: 100%;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links2 {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links2 a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container {
width: 100%;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: 210px;
padding: 10px;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
text-align: center;
line-height: 1.5;
font-weight: bold;
color: #707070;
font-size: 16px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm ul {
margin: 10px 0 0;
padding-left: 20px;
color: #707070;
font-size: 14px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 {
width: 100%;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: 210px;
padding: 10px;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid .proditm p {
text-align: center;
line-height: 1.5;
font-weight: bold;
color: #707070;
font-size: 16px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid .proditm ul {
margin: 10px 0 0;
padding-left: 20px;
color: #707070;
font-size: 14px;
}
.int-prod-19.milwaukee .beneficios {
padding: 50px 0;
background-color: #fff;
}
.int-prod-19.milwaukee .beneficios h2 {
text-align: center;
color: #013E74;
font-size: 24px;
margin-bottom: 50px;
}
.int-prod-19.milwaukee .beneficios .grid-benefits {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
margin: 0 auto;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm iframe {
height: 210px;
max-width: 370px;
margin: 0 auto;
display: block;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm ul {
padding-left: 20px;
list-style: none;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm ul li {
font-size: 18px;
color: #707070;
font-weight: 600;
margin-bottom: 10px;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm ul li:last-child {
margin-bottom: 0;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm ul li:before {
content: "•";
color: #F66D00;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm a {
display: block;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm a img {
width: 100%;
max-width: 280px;
}
.int-prod-19.milwaukee .tecpart {
padding: 40px 0;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
.int-prod-19.milwaukee .tecpart h2, .int-prod-19.milwaukee .tecpart p {
color: #fff;
text-align: center;
}
.int-prod-19.milwaukee .tecpart h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.int-prod-19.milwaukee .tecpart p {
margin-bottom: 25px;
font-size: 19px;
}
.int-prod-19.milwaukee .tecpart .boxgrids {
padding: 0 50px;
}
.int-prod-19.milwaukee .tecpart .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.int-prod-19.milwaukee .tecpart .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.int-prod-19.milwaukee .tecpart .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
.int-prod-19.milwaukee .tecpart .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
.int-prod-19.milwaukee .tecpart .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
.int-prod-19.milwaukee .tecpart .boxgrids .itm {
display: flex;
}
.int-prod-19.milwaukee .tecpart .boxgrids .itm .box {
background-color: white;
padding: 10px;
border-radius: 5px;
width: 95%;
margin: 0 auto;
display: block;
min-height: 220px;
border: 1px solid #013E74;
}
.int-prod-19.milwaukee .tecpart .boxgrids .itm .box h3, .int-prod-19.milwaukee .tecpart .boxgrids .itm .box p {
color: #707070;
text-align: left;
}
.int-prod-19.milwaukee .tecpart .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 16px;
margin-bottom: 2px;
}
.int-prod-19.milwaukee .tecpart .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form {
margin: 0 auto;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form fieldset {
max-width: 100%;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-field {
margin-bottom: 15px;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-error-msgs {
display: none !important;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-required {
color: red !important;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input,
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input.error,
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select.error {
border-color: red;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea.hs-input {
padding-top: 5px !important;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions input {
background: #3574e3;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
width: 180px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
.int-prod-19.milwaukee .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
}
/* Inicio Interior Regal */
.int-prod-19.regal .hero h1 {
font-size: 37px;
}
.int-prod-19.regal .hero .side_brand {
max-width: 280px;
}
.int-prod-19.regal .serv_grid {
max-width: 100%;
grid-gap: 50px 20px;
margin: 50px 0;
}
.int-prod-19.regal .serv_grid .serv .ico {
background-color: transparent;
border-radius: 0;
max-width: 134px;
width: 100%;
}
.int-prod-19.regal .serv_grid .serv .ico img {
max-width: 110px;
display: block;
margin: 0 auto;
}
.int-prod-19.regal .serv_grid .serv p {
font-size: 16px;
max-width: 400px;
width: 100%;
}
.int-prod-19.regal .serv_grid .serv p span {
font-weight: normal;
display: block;
margin-top: 10px;
}
.int-prod-19.regal .main_part .brand_tabs {
display: flex;
max-width: 100%;
}
.int-prod-19.regal .main_part .brand_tabs .brands_links {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
.int-prod-19.regal .main_part .brand_tabs .brands_links a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container {
width: 100%;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: 210px;
padding: 10px;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm h3{
text-align: center;
margin: 0 0 10px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
text-align: center;
line-height: 1.5;
font-weight: normal;
color: #707070;
font-size: 16px;
}
.int-prod-19.regal .beneficios {
padding: 50px 0;
background-color: #fff;
}
.int-prod-19.regal .beneficios h2 {
text-align: center;
color: #013E74;
font-size: 24px;
margin-bottom: 50px;
}
.int-prod-19.regal .beneficios .grid-benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
margin: 0 auto 30px;
}
.int-prod-19.regal .beneficios .grid-benefits .itm iframe {
height: 210px;
max-width: 370px;
margin: 0 auto;
display: block;
}
.int-prod-19.regal .beneficios .grid-benefits .itm ul {
padding-left: 20px;
list-style: none;
}
.int-prod-19.regal .beneficios .grid-benefits .itm ul li {
font-size: 16px;
color: #707070;
font-weight: 600;
margin-bottom: 10px;
}
.int-prod-19.regal .beneficios .grid-benefits .itm ul li:last-child {
margin-bottom: 0;
}
.int-prod-19.regal .beneficios .grid-benefits .itm ul li:before {
content: "•";
color: #F66D00;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.int-prod-19.regal .beneficios h3{
font-size: 35px;
color: #2E2E2E;
text-align: center;
margin: 0 0 30px;
}
.int-prod-19.regal .beneficios .grid-benefits .itm img{
max-width: 100%;
}
.int-prod-19.regal .beneficios .grid-benefits .itm a {
display: block;
}
.int-prod-19.regal .beneficios .grid-benefits .itm a img {
width: 100%;
max-width: 280px;
}
.int-prod-19.regal .tecpart {
padding: 40px 0;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
.int-prod-19.regal .tecpart h2, .int-prod-19.regal .tecpart p {
color: #fff;
text-align: center;
}
.int-prod-19.regal .tecpart h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.int-prod-19.regal .tecpart p {
margin-bottom: 25px;
font-size: 19px;
}
.int-prod-19.regal .tecpart .boxgrids {
padding: 0 50px;
}
.int-prod-19.regal .tecpart .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.int-prod-19.regal .tecpart .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.int-prod-19.regal .tecpart .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
.int-prod-19.regal .tecpart .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
.int-prod-19.regal .tecpart .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
.int-prod-19.regal .tecpart .boxgrids .itm {
display: flex;
}
.int-prod-19.regal .tecpart .boxgrids .itm .box {
background-color: white;
padding: 10px;
border-radius: 5px;
width: 95%;
margin: 0 auto;
display: block;
min-height: 220px;
border: 1px solid #013E74;
}
.int-prod-19.regal .tecpart .boxgrids .itm .box h3, .int-prod-19.regal .tecpart .boxgrids .itm .box p {
color: #707070;
text-align: left;
}
.int-prod-19.regal .tecpart .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 16px;
margin-bottom: 2px;
}
.int-prod-19.regal .tecpart .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form {
margin: 0 auto;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form fieldset {
max-width: 100%;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-field {
margin-bottom: 15px;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-error-msgs {
display: none !important;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-required {
color: red !important;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input,
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input.error,
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select.error {
border-color: red;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea.hs-input {
padding-top: 5px !important;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions input {
background: #3574e3;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
width: 180px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
.int-prod-19.regal .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
}
/* Fin Interior Regal */
/* Inicio Interior Endress */
.int-prod-19.endress .hero{
background: linear-gradient(0,#B0DBEF,#B6E3F7,#CFEDF8,#FCFEFF)
}
.int-prod-19.endress .hero h1 {
font-size: 37px;
}
.int-prod-19.endress .hero .side_brand {
max-width: 420px;
}
.int-prod-19.endress .hero .side_brand p {
margin: 50px 0 20px;
}
.int-prod-19.endress .hero .side_inf{
max-width: 520px;
}
.int-prod-19.endress .serv_grid {
max-width: 100%;
grid-gap: 50px 20px;
margin: 50px 0;
grid-template-columns: 1fr 1fr 1fr;
}
.int-prod-19.endress .serv_grid.serv-two {
grid-template-columns: 1fr 1fr;
max-width: 750px;
margin: 0 auto;
}
.int-prod-19.endress .serv_grid .serv .ico {
background-color: transparent;
border-radius: 0;
max-width: 134px;
width: 100%;
}
.int-prod-19.endress .serv_grid .serv .ico img {
max-width: 110px;
display: block;
margin: 0 auto;
}
.int-prod-19.endress .serv_grid .serv p {
font-size: 16px;
max-width: 400px;
font-weight: normal;
width: 100%;
}
.int-prod-19.endress .serv_grid .serv p span {
font-weight: normal;
display: block;
margin-top: 10px;
}
.int-prod-19.endress .main_part .brand_tabs {
display: flex;
max-width: 100%;
}
.int-prod-19.endress .main_part .brand_tabs .brands_links {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
.int-prod-19.endress .main_part .brand_tabs .brands_links a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container {
width: 100%;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: auto;
padding: 0;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm h3{
text-align: center;
margin: 0 0 10px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
text-align: center;
line-height: 1.5;
font-weight: normal;
color: #707070;
font-size: 16px;
}
.int-prod-19.endress .beneficios {
padding: 50px 0;
background-color: #fff;
}
.int-prod-19.endress .beneficios h2 {
text-align: center;
color: #013E74;
font-size: 24px;
margin-bottom: 50px;
}
.int-prod-19.endress .beneficios .grid-benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
margin: 0 auto 30px;
}
.int-prod-19.endress .beneficios .grid-benefits .itm iframe {
height: 210px;
max-width: 370px;
margin: 0 auto;
display: block;
}
.int-prod-19.endress .beneficios .grid-benefits .itm ul {
padding-left: 20px;
list-style: none;
}
.int-prod-19.endress .beneficios .grid-benefits .itm ul li {
font-size: 16px;
color: #707070;
font-weight: 600;
margin-bottom: 10px;
}
.int-prod-19.endress .beneficios .grid-benefits .itm ul li:last-child {
margin-bottom: 0;
}
.int-prod-19.endress .beneficios .grid-benefits .itm ul li:before {
content: "•";
color: #F66D00;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.int-prod-19.endress .beneficios h3{
font-size: 35px;
color: #2E2E2E;
text-align: center;
margin: 0 0 30px;
}
.int-prod-19.endress .beneficios .grid-benefits .itm img{
max-width: 100%;
}
.int-prod-19.endress .beneficios .grid-benefits .itm a {
display: block;
}
.int-prod-19.endress .beneficios .grid-benefits .itm a img {
width: 100%;
max-width: 280px;
}
.int-prod-19.endress .why-brand .flex-why .info-txt ul{
padding: 0 0 0 20px;
margin: 25px 0 0;
}
.int-prod-19.endress .why-brand .flex-why .info-txt ul li{
font-size: 19px;
margin: 0 0 10px;
}
.int-prod-19.endress .tecpart {
padding: 40px 0;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
.int-prod-19.endress .tecpart h2, .int-prod-19.endress .tecpart p {
color: #fff;
text-align: center;
}
.int-prod-19.endress .tecpart h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.int-prod-19.endress .tecpart p {
margin-bottom: 25px;
font-size: 19px;
}
.int-prod-19.endress .tecpart .boxgrids {
padding: 0 50px;
}
.int-prod-19.endress .tecpart .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.int-prod-19.endress .tecpart .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.int-prod-19.endress .tecpart .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
.int-prod-19.endress .tecpart .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
.int-prod-19.endress .tecpart .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
.int-prod-19.endress .tecpart .boxgrids .itm {
display: flex;
}
.int-prod-19.endress .tecpart .boxgrids .itm .box {
background-color: white;
padding: 10px;
border-radius: 5px;
width: 95%;
margin: 0 auto;
display: block;
min-height: 220px;
border: 1px solid #013E74;
}
.int-prod-19.endress .tecpart .boxgrids .itm .box h3, .int-prod-19.endress .tecpart .boxgrids .itm .box p {
color: #707070;
text-align: left;
}
.int-prod-19.endress .tecpart .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 16px;
margin-bottom: 2px;
}
.int-prod-19.endress .tecpart .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form {
margin: 0 auto;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form fieldset {
max-width: 100%;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-field {
margin-bottom: 15px;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-error-msgs {
display: none !important;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-required {
color: red !important;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input,
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input.error,
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select.error {
border-color: red;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea.hs-input {
padding-top: 5px !important;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions input {
background: #3574e3;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
width: 180px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
.int-prod-19.endress .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
}
/* Fin Interior Endress */
/* Inicio Interior ciber-isa */
.int-prod-19.ciber-isa .hero{
background: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/ciberseguridad/isa/hero-isa-cisco.png);
background-size: cover;
background-repeat: no-repeat;
}
.int-prod-19.ciber-isa .hero h1 {
font-size: 37px;
}
.int-prod-19.ciber-isa .hero .side_brand {
max-width: 420px;
}
.int-prod-19.ciber-isa .hero .side_brand p {
margin: 50px 0 20px;
}
.int-prod-19.ciber-isa .hero .side_inf{
max-width: 520px;
}
.int-prod-19.ciber-isa .serv_grid {
max-width: 100%;
grid-gap: 50px 20px;
margin: 50px 0;
grid-template-columns: 1fr 1fr 1fr;
}
.int-prod-19.ciber-isa .serv_grid.serv-two {
grid-template-columns: 1fr 1fr;
max-width: 1000px;
margin: 0 auto;
}
.int-prod-19.ciber-isa .serv_grid .serv .ico {
background-color: transparent;
border-radius: 0;
max-width: 70px;
height: auto;
width: 100%;
}
.int-prod-19.ciber-isa .serv_grid .serv .ico img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.ciber-isa .serv_grid .serv p {
font-size: 15px;
max-width: 400px;
font-weight: normal;
width: 100%;
}
.int-prod-19.ciber-isa .serv_grid .serv ul{
padding-left: 20px;
margin: 0 0 0 35px;
}
.int-prod-19.ciber-isa .serv_grid .serv ul li{
font-size: 15px;
}
.int-prod-19.ciber-isa .serv_grid .serv p span {
font-weight: 700;
display: block;
}
.int-prod-19.ciber-isa .serv_grid .serv ul span {
font-weight: 700;
font-size: 15px;
display: block;
}
.int-prod-19.ciber-isa .main_part .brand_tabs {
display: flex;
max-width: 100%;
}
.int-prod-19.ciber-isa .main_part .brand_tabs .brands_links {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
.int-prod-19.ciber-isa .main_part .brand_tabs .brands_links a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container {
width: 100%;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: flex;
flex-wrap: wrap;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .sides{
display: flex;
align-items: center;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .sides img{
max-width: 230px;
margin-left: 50px;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
margin: 0 auto 30px;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm img {
max-width: 100%;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: auto;
padding: 0;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm h3{
text-align: left;
margin: 0 0 10px;
}
.int-prod-19.ciber-isa .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
text-align: left;
line-height: 1.5;
font-weight: normal;
color: #707070;
font-size: 16px;
}
.int-prod-19.ciber-isa .beneficios {
padding: 50px 0;
background-color: #fff;
}
.int-prod-19.ciber-isa .beneficios h2 {
text-align: center;
color: #013E74;
font-size: 24px;
margin-bottom: 50px;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
margin: 0 auto 30px;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm iframe {
height: 210px;
max-width: 370px;
margin: 0 auto;
display: block;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm ul {
padding-left: 20px;
list-style: none;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm ul li {
font-size: 16px;
color: #707070;
font-weight: 600;
margin-bottom: 10px;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm ul li:last-child {
margin-bottom: 0;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm ul li:before {
content: "•";
color: #F66D00;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.int-prod-19.ciber-isa .beneficios h3{
font-size: 35px;
color: #2E2E2E;
text-align: center;
margin: 0 0 30px;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm img{
max-width: 100%;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm a {
display: block;
}
.int-prod-19.ciber-isa .beneficios .grid-benefits .itm a img {
width: 100%;
max-width: 280px;
}
.int-prod-19.ciber-isa .why-brand .flex-why .info-txt ul{
padding: 0 0 0 20px;
margin: 25px 0 0;
}
.int-prod-19.ciber-isa .why-brand .flex-why .info-txt ul li{
font-size: 19px;
margin: 0 0 10px;
}
.int-prod-19.ciber-isa .tecpart {
padding: 40px 0;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
.int-prod-19.ciber-isa .tecpart h2, .int-prod-19.ciber-isa .tecpart p {
color: #fff;
text-align: center;
}
.int-prod-19.ciber-isa .tecpart h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.int-prod-19.ciber-isa .tecpart p {
margin-bottom: 25px;
font-size: 19px;
}
.int-prod-19.ciber-isa .tecpart .boxgrids {
padding: 0 50px;
}
.int-prod-19.ciber-isa .tecpart .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.int-prod-19.ciber-isa .tecpart .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.int-prod-19.ciber-isa .tecpart .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
.int-prod-19.ciber-isa .tecpart .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
.int-prod-19.ciber-isa .tecpart .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
.int-prod-19.ciber-isa .tecpart .boxgrids .itm {
display: flex;
}
.int-prod-19.ciber-isa .tecpart .boxgrids .itm .box {
background-color: white;
padding: 10px;
border-radius: 5px;
width: 95%;
margin: 0 auto;
display: block;
min-height: 220px;
border: 1px solid #013E74;
}
.int-prod-19.ciber-isa .tecpart .boxgrids .itm .box h3, .int-prod-19.ciber-isa .tecpart .boxgrids .itm .box p {
color: #707070;
text-align: left;
}
.int-prod-19.ciber-isa .tecpart .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 16px;
margin-bottom: 2px;
}
.int-prod-19.ciber-isa .tecpart .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form {
margin: 0 auto;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form fieldset {
max-width: 100%;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-field {
margin-bottom: 15px;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-error-msgs {
display: none !important;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-required {
color: red !important;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input,
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input.error,
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select.error {
border-color: red;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea.hs-input {
padding-top: 5px !important;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions input {
background: #3574e3;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
width: 180px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
.int-prod-19.ciber-isa .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
}
/* Fin Interior ciber-isa */
/* Inicio Interior Denso */
.int-prod-19.denso .hero{
background: linear-gradient(0,#B0DBEF,#B6E3F7,#CFEDF8,#FCFEFF)
}
.int-prod-19.denso .hero h1 {
font-size: 37px;
}
.int-prod-19.denso .hero .side_brand {
max-width: 420px;
}
.int-prod-19.denso .hero .side_brand p {
margin: 50px 0 20px;
}
.int-prod-19.denso .hero .side_inf{
max-width: 520px;
}
.int-prod-19.denso .serv_grid {
max-width: 100%;
grid-gap: 50px 20px;
margin: 50px 0;
grid-template-columns: 1fr 1fr 1fr;
}
.int-prod-19.denso .serv_grid.serv-two {
grid-template-columns: 1fr 1fr;
margin: 0 auto;
}
.int-prod-19.denso .serv_grid .serv .ico {
background-color: transparent;
border-radius: 0;
max-width: 134px;
width: 100%;
}
.int-prod-19.denso .serv_grid .serv .ico img {
max-width: 84px;
display: block;
margin: 0 auto;
}
.int-prod-19.denso .serv_grid .serv p {
font-size: 16px;
max-width: 400px;
font-weight: normal;
width: 100%;
margin: 0;
}
.int-prod-19.denso .serv_grid .serv ul li {
font-size: 16px;
max-width: 400px;
font-weight: normal;
width: 100%;
color: #0B478D;
}
.int-prod-19.denso .serv_grid .serv ul li span {
color: #707070;
}
.int-prod-19.denso .serv_grid .serv p span {
font-weight: normal;
display: block;
margin-top: 10px;
}
.int-prod-19.denso .blue-block{
background: #013E74;
padding: 50px 0;
}
.int-prod-19.denso .blue-block .content-blue{
display: grid;
grid-template-columns: 1fr 1fr;
}
.int-prod-19.denso .blue-block .content-blue .text{
display: flex;
justify-content: center;
align-items: center;
}
.int-prod-19.denso .blue-block .content-blue .text h3{
font-size: 30px;
color: white;
text-align: center;
}
.int-prod-19.denso .solutions-part .slick-list{
padding: 0;
}
.int-prod-19.denso .main_part .brand_tabs {
display: flex;
max-width: 100%;
}
.int-prod-19.denso .main_part .brand_tabs .brands_links {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
.int-prod-19.denso .main_part .brand_tabs .brands_links a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container {
width: 100%;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: auto;
padding: 0;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm h3{
text-align: center;
margin: 0 0 10px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
text-align: center;
line-height: 1.5;
font-weight: normal;
color: #707070;
font-size: 16px;
}
.int-prod-19.denso .beneficios {
padding: 50px 0;
background-color: #fff;
}
.int-prod-19.denso .beneficios h2 {
text-align: center;
color: #013E74;
font-size: 24px;
margin-bottom: 50px;
}
.int-prod-19.denso .beneficios .grid-benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
margin: 0 auto 30px;
}
.int-prod-19.denso .beneficios .grid-benefits .itm iframe {
height: 210px;
max-width: 370px;
margin: 0 auto;
display: block;
}
.int-prod-19.denso .beneficios .grid-benefits .itm ul {
padding-left: 20px;
list-style: none;
}
.int-prod-19.denso .beneficios .grid-benefits .itm ul li {
font-size: 16px;
color: #707070;
font-weight: 600;
margin-bottom: 10px;
}
.int-prod-19.denso .beneficios .grid-benefits .itm ul li:last-child {
margin-bottom: 0;
}
.int-prod-19.denso .beneficios .grid-benefits .itm ul li:before {
content: "•";
color: #F66D00;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.int-prod-19.denso .beneficios h3{
font-size: 35px;
color: #2E2E2E;
text-align: center;
margin: 0 0 30px;
}
.int-prod-19.denso .beneficios .grid-benefits .itm img{
max-width: 100%;
}
.int-prod-19.denso .beneficios .grid-benefits .itm a {
display: block;
}
.int-prod-19.denso .beneficios .grid-benefits .itm a img {
width: 100%;
max-width: 280px;
}
.int-prod-19.denso .why-brand .flex-why .info-txt ul{
padding: 0 0 0 20px;
margin: 25px 0 0;
}
.int-prod-19.denso .why-brand .flex-why .info-txt ul li{
font-size: 19px;
margin: 0 0 10px;
}
.int-prod-19.denso .solutions-part .box{
min-height: 470px;
}
.int-prod-19.denso .tecpart {
padding: 40px 0;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
.int-prod-19.denso .tecpart h2, .int-prod-19.denso .tecpart p {
color: #fff;
text-align: center;
}
.int-prod-19.denso .tecpart h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.int-prod-19.denso .tecpart p {
margin-bottom: 25px;
font-size: 19px;
}
.int-prod-19.denso .tecpart .boxgrids {
padding: 0 50px;
}
.int-prod-19.denso .tecpart .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.int-prod-19.denso .tecpart .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.int-prod-19.denso .tecpart .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
.int-prod-19.denso .tecpart .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
.int-prod-19.denso .tecpart .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
.int-prod-19.denso .tecpart .boxgrids .itm {
display: flex;
}
.int-prod-19.denso .tecpart .boxgrids .itm .box {
background-color: white;
padding: 10px;
border-radius: 5px;
width: 95%;
margin: 0 auto;
display: block;
min-height: 220px;
border: 1px solid #013E74;
}
.int-prod-19.denso .tecpart .boxgrids .itm .box h3, .int-prod-19.denso .tecpart .boxgrids .itm .box p {
color: #707070;
text-align: left;
}
.int-prod-19.denso .tecpart .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 16px;
margin-bottom: 2px;
}
.int-prod-19.denso .tecpart .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form {
margin: 0 auto;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form fieldset {
max-width: 100%;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-field {
margin-bottom: 15px;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-error-msgs {
display: none !important;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-required {
color: red !important;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input,
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input.error,
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select.error {
border-color: red;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea.hs-input {
padding-top: 5px !important;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions input {
background: #3574e3;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
width: 180px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
.int-prod-19.denso .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
}
/* Fin Interior Denso */
.int-prod-19.vertiv .modal-video {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
align-items: center;
justify-content: center;
overflow: hidden;
display: none;
}
.int-prod-19.vertiv .modal-video.active {
display: flex;
}
.int-prod-19.vertiv .modal-video .covmod {
width: 100%;
height: 100%;
position: absolute;
z-index: 1002;
background-color: rgba(0, 0, 0, 0.8);
cursor: pointer;
}
.int-prod-19.vertiv .modal-video .modal-vid-bod {
display: block;
background-color: white;
width: 710px;
height: 410px;
position: relative;
z-index: 1003;
}
.int-prod-19.vertiv .modal-video .modal-vid-bod iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.int-prod-19.vertiv .modal-video .cerrarpop {
color: white;
position: relative;
z-index: 1004;
top: -200px;
left: 30px;
cursor: pointer;
border: 2px solid white;
border-radius: 3px;
padding: 5px 12px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
font-size: 13px;
}
.int-prod-19.vertiv .hero {
background-image: url("https://4325257.fs1.hubspotusercontent-na1.net/hubfs/4325257/Hero_Vertiv-en-alta.jpg");
background-position: center center;
background-size: cover;
position: relative;
}
.int-prod-19.vertiv .hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(96, 96, 96, 0.3);
}
.int-prod-19.vertiv .hero .container {
height: 400px;
}
.int-prod-19.vertiv .hero .side_inf {
max-width: 100%;
position: relative;
z-index: 2;
}
.int-prod-19.vertiv .hero .side_inf h1, .int-prod-19.vertiv .hero .side_inf p, .int-prod-19.vertiv .hero .side_inf a.btn-hero {
text-align: center;
}
.int-prod-19.vertiv .hero .side_inf h1, .int-prod-19.vertiv .hero .side_inf p {
color: white;
}
.int-prod-19.vertiv .hero .side_inf h1 {
display: table;
text-transform: uppercase;
font-size: 55px;
line-height: 1;
margin: 0 auto;
padding: 0 0 10px;
border-bottom: 3px solid white;
}
.int-prod-19.vertiv .hero .side_inf p {
margin: 20px 0;
font-size: 20px;
line-height: 1;
}
.int-prod-19.vertiv .hero .side_inf a.btn-hero {
margin: 0 auto;
background-color: #fa6b17;
border: 0;
max-width: 180px;
text-transform: uppercase;
font-size: 18px;
border-radius: 4px;
line-height: 1;
height: auto;
padding: 13px 0px;
box-shadow: 1px 2px 0px rgba(19, 19, 19, 0.2);
}
.int-prod-19.vertiv .brand-info-line {
padding: 30px 0;
}
.int-prod-19.vertiv .brand-info-line .container {
display: flex;
align-items: center;
}
.int-prod-19.vertiv .brand-info-line .brand-logo {
width: 90%;
max-width: 220px;
}
.int-prod-19.vertiv .brand-info-line .brand-logo img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.int-prod-19.vertiv .brand-info-line .brand-inf {
padding-left: 80px;
}
.int-prod-19.vertiv .brand-info-line .brand-inf p {
line-height: 1.5;
margin: 0;
font-size: 17px;
}
.int-prod-19.vertiv .main_part .brand_tabs .brands_links a {
cursor: pointer;
}
.int-prod-19.vertiv .main_part .brand_tabs .brands_links a span {
color: inherit;
}
.int-prod-19.vertiv .main_part .brand_tabs .brands_links a sup {
color: inherit;
font-size: 22px;
top: 2px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont {
border: 1px solid #b8b8b8;
border-top: 0;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .mainpic {
display: block;
width: 100%;
max-width: 350px;
margin: 0 auto;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect {
padding-bottom: 0;
align-items: flex-start;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf {
max-width: 450px;
margin-bottom: auto;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .title {
margin: 0 0 20px;
font-size: 18px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic {
max-width: 445px;
margin: 0;
margin-right: 45px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic iframe {
width: 100%;
height: 250px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf .infitm {
display: flex;
align-items: center;
justify-content: center;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf .infitm.photo {
flex-flow: column;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .options {
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
margin: 30px 0 0;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont p {
margin: 0 0 20px;
font-size: 17px;
color: #707070;
font-weight: 600;
line-height: 1.75;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont ul {
padding-left: 20px;
margin-bottom: 20px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont ul li {
margin: 0 0 10px;
font-size: 15px;
color: #707070;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc {
display: table;
font-size: 17px;
color: #707070;
font-weight: bold;
position: relative;
padding-left: 15px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc:before {
content: "";
position: absolute;
width: 22px;
height: 22px;
left: -10px;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/ico-down-intprod.png");
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc.vv:before {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/ico-vid-intprod.png");
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc.vv .linkVideo {
display: none !important;
opacity: 0;
z-index: -1;
}
.int-prod-19.vertiv .servicesbrand {
padding: 40px 0;
background: #044E90;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
.int-prod-19.vertiv .servicesbrand h2, .int-prod-19.vertiv .servicesbrand p {
color: #fff;
text-align: center;
}
.int-prod-19.vertiv .servicesbrand h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
.int-prod-19.vertiv .servicesbrand p {
margin-bottom: 25px;
font-size: 19px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids {
padding: 0 50px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.int-prod-19.vertiv .servicesbrand .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
.int-prod-19.vertiv .servicesbrand .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
.int-prod-19.vertiv .servicesbrand .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm {
display: flex;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box {
width: 95%;
margin: 0 auto;
display: block;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box h3, .int-prod-19.vertiv .servicesbrand .boxgrids .itm .box h4, .int-prod-19.vertiv .servicesbrand .boxgrids .itm .box p, .int-prod-19.vertiv .servicesbrand .boxgrids .itm .box ul li {
color: #707070;
text-align: left;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 19px;
margin: 0;
color: #093e74;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box h4 {
font-size: 16px;
margin: 15px 0;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
line-height: 1.75;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box ul {
margin: 15px 0;
padding-left: 15px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box ul li {
font-size: 14px;
margin: 0 0 10px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box ul li:last-child {
margin-bottom: 0;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: 1115px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-photo {
width: 100%;
max-width: 450px;
overflow: hidden;
border-radius: 4px;
position: relative;
z-index: 2;
left: 30px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-photo img {
max-width: 100%;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-text {
position: relative;
z-index: 3;
width: 100%;
padding: 20px 30px;
background-color: white;
border-radius: 4px;
box-shadow: 3px 3px 5px rgba(21, 21, 21, 0.5);
}
.int-prod-19.vertiv .conoce_mas {
background-color: #fa6b17;
}
.int-prod-19.vertiv .conoce_mas .container {
background-color: white;
border-radius: 3px;
padding: 30px;
max-width: 950px;
border: 1px solid #c1c1c1;
}
.int-prod-19.vertiv .conoce_mas .side_links {
margin-right: 0;
}
.int-prod-19.vertiv .conoce_mas .side_links h2 {
margin-bottom: 0;
line-height: 1.5;
}
.int-prod-19.vertiv .conoce_mas .side_links h3 {
line-height: 1.5;
}
.int-prod-19.vertiv .conoce_mas .side_links a.btn-conoce {
display: block;
width: 100%;
max-width: 200px;
height: 39px;
line-height: 39px;
background-color: #013E74;
border: 1px solid #013E74;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
}
.int-prod-19.vertiv .conoce_mas .side_ebook {
margin: 0 50px 0 0;
max-width: 200px;
}
.int-prod-19.vertiv .conoce_mas .side_ebook img {
max-width: 100%;
margin: 0 auto;
}
/* Recursos' styles */
.recursos .hero{
background-image: radial-gradient(#061F48, #04142B);
height: 180px;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.recursos .hero h1{
font-size: 30px;
text-align: center;
color: white;
}
.recursos .row-recursos{
padding: 50px 0;
}
.recursos .row-recursos .sides-recursos{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos{
max-width: 270px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block{
background-color: #f3f3f3;
border-radius: 3px;
padding: 20px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block h3{
font-size: 23px;
color: #333;
text-align: center;
margin: 0 auto 15px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block p{
font-size: 13px;
color: #333;
margin: 0 0 20px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block .hbspt-form {
width: 100%;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form {
width: 100%;
max-width: 385px;
display: block;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form fieldset {
max-width: 100%;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form .hs-form-field {
margin-bottom: 15px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form .hs-error-msgs {
display: none !important;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form label {
font-weight: 600;
font-size: 14px;
display: block;
margin-bottom: 5px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form label span {
color: white;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form label .hs-form-required {
color: red;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form .hs-input,
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form select {
margin-right: 0;
width: 100%;
max-width: 500px;
padding: 0 !important;
padding-left: 5px !important;
height: 30px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
outline: 0 !important;
border-radius: 2px;
font-size: 14px;
font-family: "Proxima Nova", sans-serif;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form .hs-input.error,
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form select.error {
border-color: red;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form .hs-submit .actions {
margin: 0;
padding: 0;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block form .hs-submit .actions input {
background: #EE7128;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
font-weight: bold;
width: 100%;
max-width: 100%;
height: 30px;
color: white;
border-radius: 5px;
}
.recursos .row-recursos .content-recursos{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
width: 100%;
max-width: 880px;
}
.recursos .row-recursos .content-recursos .recurso{
border: 1px solid #B8B8B8;
border-radius: 5px;
width: 100%;
max-width: 280px;
margin: 0 auto 30px;
}
.recursos .row-recursos .content-recursos .recurso h3{
height: 65px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
text-align: center;
}
.recursos .row-recursos .content-recursos .recurso .img-recurso{
height: 157px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.recursos .row-recursos .content-recursos .recurso .img-recurso img{
display: block;
max-width: 100%;
width: 100%;
}
.recursos .row-recursos .content-recursos .recurso span{
color: #EE7128;
font-size: 14px;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: underline
}
.recursos a{
cursor: pointer;
}
.recursos .hero{
background-image: radial-gradient(#061F48, #04142B);
height: 220px;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 20px 20px;
position: relative;
}
.recursos .hero h1{
font-size: 30px;
text-align: center;
color: white;
}
.recursos .hero .breadcrumbs{
position: absolute;
left: 30px;
bottom: 30px;
}
.recursos .hero .breadcrumbs a{
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: white;
}
.recursos .row-recursos{
padding: 50px 0;
}
.recursos .row-recursos .sides-recursos{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos{
max-width: 270px;
position: sticky;
top: 20px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos h2{
font-size: 30px;
margin: 0 0 30px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .links-sidebar li{
list-style: none;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .links-sidebar a{
font-size: 24px;
margin: 0 0 20px;
display: block;
transition: all .2s ease-in-out;
}
/*.recursos .row-recursos .sides-recursos .sidebar-recursos .links-sidebar li.active a{
color: #F66D28;
}*/
.recursos .row-recursos .sides-recursos .sidebar-recursos .links-sidebar li a:hover{
color: #F66D28;
}
/*.recursos .row-recursos .sides-recursos .sidebar-recursos .links-sidebar li.active a .fa{
color: #F66D28;
display: inline-block;
}*/
.recursos .row-recursos .sides-recursos .sidebar-recursos .links-sidebar a .fa{
font-size: 18px;
display: none;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block{
background-color: #333;
border-radius: 3px;
padding: 20px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block h3{
font-size: 23px;
color: white;
text-align: center;
margin: 0 auto 15px;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block p{
font-size: 13px;
color: white;
margin: 0 0 20px;
}
.recursos .row-recursos .items-block{
width: 100%;
max-width: 880px;
}
.recursos .row-recursos .items-block h2{
font-size: 35px;
margin: 0 0 40px;
}
.recursos .row-recursos .content-recursos{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 0;
width: 100%;
}
.recursos .row-recursos .content-recursos .recurso{
border: 1px solid #B8B8B8;
border-radius: 5px;
width: 100%;
max-width: 280px;
margin: 0 auto 30px;
}
.recursos .row-recursos .content-recursos .recurso h3{
height: 65px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
text-align: center;
}
.recursos .row-recursos .content-recursos .recurso .img-recurso{
height: 157px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.recursos .row-recursos .content-recursos .recurso .img-recurso img{
display: block;
max-width: 100%;
width: 100%;
}
.recursos .row-recursos .content-recursos .recurso span{
color: #EE7128;
font-size: 14px;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: underline
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat{
display: none;
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat.show{
display: block;
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat .img-recurso{
height: 206px;
margin: 0 auto 20px;
}
.recursos .row-recursos #articulos .content-recursos .recurso.recurso-cat .img-recurso{
height: 145px;
}
.recursos .row-recursos #videos .content-recursos .recurso.recurso-cat .img-recurso{
height: 145px;
}
.recursos .row-recursos #brochures .content-recursos .recurso.recurso-cat .img-recurso{
height: 206px;
}
.recursos .row-recursos #podcasts .content-recursos .recurso.recurso-cat .img-recurso{
height: 276px;
}
.recursos .row-recursos #ebooks .content-recursos .recurso.recurso-cat .img-recurso {
background-color: #ccc;
}
.recursos .row-recursos #ebooks .content-recursos .recurso.recurso-cat .img-recurso img{
max-width: 120px;
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat .text-recurso{
padding: 15px 0;
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat .text-recurso h3{
min-height: 70px;
font-size: 14px;
line-height: 1.5;
padding: 0 20px;
margin: 0 auto 15px;
width: 100%;
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat .text-recurso a{
height: 43px;
text-align: center;
width: 161px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
border: 1px solid #F18B30;
color: #F18B30;
margin: 0 auto;
font-size: 18px;
line-height: 1;
text-decoration: none;
}
.recursos .row-recursos .content-recursos .recurso.recurso-cat .text-recurso h3 a{
min-height: 70px;
font-size: 14px;
color: #000;
line-height: 1.5;
margin: 0 auto 15px;
display: block;
width: 100%;
border-radius: 0;
border: none;
}
.recursos .row-recursos .content-recursos.content-recursos-lg{
display: block;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg{
width: 100%;
max-width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
padding: 25px;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .img-recurso{
height: auto;
width: 100%;
max-width: 250px;
margin: 0 45px 0 0;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .img-recurso img{
display: block;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .img-recurso.img-recurso-xl{
display: block;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .img-recurso.img-recurso-xl img{
margin: 0 auto;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .img-recurso.img-recurso-xl img:nth-child(2){
max-width: 168px;
margin: 30px auto 0;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .text-recurso{
max-width: 490px;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .text-recurso p{
font-size: 16px;
line-height: 1.5;
margin: 0 0 20px;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg span{
height: 43px;
width: 161px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
border: 1px solid #F18B30;
color: #F18B30;
margin: 0 auto 0 0;
font-size: 18px;
text-decoration: none;
}
.recursos .row-recursos .content-recursos .catalogo{
color: #0F3C7F;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 240px;
width: 100%;
margin: 0 auto 30px;
}
.recursos .row-recursos .content-recursos .catalogo span{
color: #0F3C7F;
margin-left: 10px;
font-size: 17px;
text-decoration: underline;
}
.see-more{
color: #0D3A7E;
font-size: 18px;
margin: 0 0 70px auto;
text-decoration: underline;
display: block;
text-align: right;
}
.filtros-recursos{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 30px 0;
}
.filtros-recursos p{
font-size: 18px;
}
.filtros-recursos .filter-btns{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1070px;
}
.filtros-recursos .filter-btns .filter-btn{
width: 140px;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 6px;
background-color: #d2d2d2;
border: 1px solid #d2d2d2;
border-radius: 4px;
font-size: 14px;
text-align: center;
transition: all .3s ease-in-out;
}
.filtros-recursos .filter-btns .filter-btn:hover{
background-color: #0D3A7E;
color: white;
}
.filtros-recursos .filter-btns .filter-btn.active{
background-color: #0D3A7E;
color: white;
}
.menu-recursos{
position: absolute;
transform: translateX(-50%);
left: 50%;
top: 0;
width: 100%;
max-width: 100%;
border-bottom: 1px solid white;
}
.menu-recursos ul{
width: 100%;
max-width: 800px;
margin: 0 auto;
height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
}
.menu-recursos ul li{
list-style: 0;
font-size: 12px;
color: white;
}
.menu-recursos ul li a{
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: white;
}
.blog-index .menu-recursos,.webinars-int .menu-recursos,.int-prod-19 .menu-recursos,.interior-videos .menu-recursos{
position: relative;
transform: none;
left: 0;
background-image: radial-gradient(#061F48, #04142B);
}
/* Recursos' styles fin */
/* Interior Catalogos Nuevo */
.catalogos-int .main-part{
padding: 50px 0;
background-color: whitesmoke;
}
.catalogos-int .main-part h1{
text-align: center;
color: #073c79;
font-size: 55px;
margin-bottom: 50px;
}
.catalogos-int .main-part .select_cat{
padding: 0 0 50px;
}
.catalogos-int .main-part .select_cat .actDrpCat{
padding: 5px;
background-color: #f9f9f9;
border: 1px solid #c5c5c5;
border-radius: 2px;
font-size: 13px;
font-weight: 600;
color: #444;
position: relative;
display: none;
align-items: center;
}
.catalogos-int .main-part .select_cat .actDrpCat:after{
content: "";
border-top: 5px solid #333;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
right: 10px;
}
.catalogos-int .main-part .select_cat ul{
display: flex;
justify-content: space-around;
}
.catalogos-int .main-part .select_cat ul li{
list-style: none;
width: 100%;
max-width: 250px;
}
.catalogos-int .main-part .select_cat ul li a{
display: block;
width: 100%;
border: 2px solid #073c79;
text-align: center;
border-radius: 2px;
color: #073c79;
font-weight: 600;
font-size: 18px;
padding: 8px 0;
line-height: 1;
cursor: pointer;
}
.catalogos-int .main-part .select_cat ul li a:hover,
.catalogos-int .main-part .select_cat ul li a.active{
background-color: #074c79;
color: white;
}
.catalogos-int .main-part .grid-cat{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px;
}
.catalogos-int .main-part .grid-cat .itm{
display: none;
}
.catalogos-int .main-part .grid-cat .itm.active{
display: flex;
}
.catalogos-int .main-part .grid-cat .itm .thumb{
width: 100%;
max-width: 265px;
margin: 0 auto;
display: block;
background-color: white;
border-radius: 3px;
padding: 20px 0;
box-shadow: 2px 2px 2px 1px rgba(162, 162, 162, 0.3);
border: 1px solid #e6e6e6;
transition: all .1s linear;
}
.catalogos-int .main-part .grid-cat .itm .thumb:hover{
box-shadow: 3px 3px 2px 1px rgba(162, 162, 162, 0.8);
}
.catalogos-int .main-part .grid-cat .itm .thumb .title{
text-align: center;
color: #073c79;
padding: 0 20px;
min-height: 55px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
}
.catalogos-int .main-part .grid-cat .itm .thumb .pic{
display: block;
height: 275px;
width: 100%;
}
.catalogos-int .main-part .grid-cat .itm .thumb .pic img{
height: 100%;
display: block;
margin: 0 auto;
}
.catalogos-int .main-part .grid-cat .itm .thumb .info p{
display: none;
}
.catalogos-int .main-part .grid-cat .itm .thumb .bluebtncat{
display: block;
background-color: #073c79;
color: white;
text-align: center;
display: block;
padding: 10px;
border-radius: 4px;
width: 100%;
max-width: 190px;
margin: 0 auto;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.video-catalogos {
display: flex;
justify-content: center;
align-items: center;
position: relative
}
.video-catalogos .txt,
.video-catalogos .video {
width: 50%
}
.video-catalogos .txt p {
color: #333;
font-size: 23px;
line-height: 1.5;
padding: 0 80px
}
.video-catalogos .txt p span{
display: block;
font-size: 30px;
font-weight: bold;
margin-bottom: 15px;
color: #073c79;
}
/* Fin interior catalogos nuevo */
/* Inicio Novedades y Promociones - LISTA */
.novedades-promociones-int .hero-promo{
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-novedades-promociones.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.novedades-promociones-int .hero-promo:before{
content: "";
position: absolute;
top: 0;
left: 0;
background-color: rgba( 0,0,0,0.2 );
z-index: 1;
width: 100%;
height: 100%;
}
.novedades-promociones-int .hero-promo .container{
height: 290px;
display: flex;
align-items: center;
justify-content: center;
}
.novedades-promociones-int .hero-promo h1{
text-align: center;
font-size: 55px;
color: white;
padding-bottom: 10px;
border-bottom: 4px solid white;
z-index: 2;
position: relative;
}
.novedades-promociones-int .lista-promociones{
background-image: url('//1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/patt.png');
}
.novedades-promociones-int .lista-promociones .line-promo {
display: flex;
align-items: center;
margin: 0 auto;
width: 100%;
max-width: 1080px;
padding: 25px 0;
border-bottom: 1px solid #e0e0e0;
}
.novedades-promociones-int .lista-promociones .line-promo:last-child {
border-bottom: 0;
}
.novedades-promociones-int .lista-promociones .line-promo .pic {
width: 100%;
max-width: 500px;
border-radius: 6px;
overflow: hidden;
}
.novedades-promociones-int .lista-promociones .line-promo .pic img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.novedades-promociones-int .lista-promociones .line-promo .pic h3{
display: none;
}
.novedades-promociones-int .lista-promociones .line-promo h3 {
font-size: 23px;
color: #333;
}
.novedades-promociones-int .lista-promociones .line-promo .inf {
padding: 0 0 0 35px;
width: 100%;
}
.novedades-promociones-int .lista-promociones .line-promo .inf p,
.novedades-promociones-int .lista-promociones .line-promo .inf h2,
.novedades-promociones-int .lista-promociones .line-promo .inf h2 span{
font-size: 16px!important;
line-height: 1.75!important;
color: #333!important;
margin-bottom: 10px!important;
font-weight: normal!important;
font-family: "Proxima Nova",sans-serif!important;
}
.novedades-promociones-int .lista-promociones .line-promo .inf a.btn-go {
font-size: 14px;
display: block;
background-color: #fa6b17;
width: 100%;
max-width: 150px;
text-align: center;
padding: 8px 0;
border-radius: 4px;
color: white;
font-weight: bold;
}
/* Fin Novedades y Promociones - LISTA */
/* Inicio Demobus */
.demobus-int .hero-demobus{
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-demobus.jpg");
background-size: cover;
background-position: center center;
position: relative;
}
.demobus-int .hero-demobus:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 59, 146, 0.18);
}
.demobus-int .hero-demobus .container{
height: 325px;
display: flex;
align-items: center;
}
.demobus-int .hero-demobus .inf{
position: relative;
z-index: 2;
width: 90%;
max-width: 850px;
display: block;
margin: 0 auto;
}
.demobus-int .hero-demobus .inf h1,
.demobus-int .hero-demobus .inf p{
color: white;
text-align: center;
}
.demobus-int .hero-demobus .inf h1{
font-size: 55px;
display: table;
border-bottom: 3px solid white;
padding-bottom: 5px;
margin: 0 auto 10px;
text-transform: uppercase;
line-height: 1;
}
.demobus-int .hero-demobus .inf p{
line-height: 1.5;
font-size: 20px;
}
.demobus-int .content-demobus{
padding: 25px 0 ;
background-image: url('//1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/patt.png');
}
.demobus-int .content-demobus h2{
text-align: center;
margin-bottom: 25px;
font-size: 33px;
color: #073c79;
line-height: 1;
}
.demobus-int .content-demobus .sides-inf{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.demobus-int .content-demobus .sides-inf .side-txt{
width: 100%;
max-width: 650px;
}
.demobus-int .content-demobus .sides-inf .side-txt h3{
margin-bottom: 15px;
font-size: 22px;
color: #555555;
line-height: 1;
}
.demobus-int .content-demobus .sides-inf .side-txt ul{
padding-left: 20px;
margin-bottom: 15px;
}
.demobus-int .content-demobus .sides-inf .side-txt ul li{
margin-bottom: 15px;
color: #555555;
font-size: 18px;
}
.demobus-int .content-demobus .sides-inf .side-txt ul li:last-child{
margin-bottom: 0;
}
.demobus-int .content-demobus .sides-inf .side-txt ul li span{
color: #333;
}
.demobus-int .content-demobus .sides-inf .side-txt p{
color: #333;
font-size: 18px;
margin-bottom: 15px;
}
.demobus-int .content-demobus .sides-inf .side-txt a.btn-debmobus{
display: block;
width: 100%;
max-width: 300px;
text-align: center;
color: white;
border-radius: 4px;
background: #ec6933;
padding: 10px 0;
font-weight: bold;
font-size: 17px;
margin: 30px auto 0;
}
.demobus-int .content-demobus .sides-inf .side-form{
width: 100%;
max-width: 350px;
}
.demobus-int .content-demobus .sides-inf .side-form .forma {
width: 100%;
/*
border-left: 1px solid #e7a93e;
border-right: 1px solid #e7a93e;
border-bottom: 1px solid #e7a93e;
box-shadow: 0px 1px 4.9px 0.1px rgba(74, 79, 88, 0.7);*/
}
.demobus-int .content-demobus .sides-inf .side-form .forma.movil {
display: none !important;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .cta {
background-color: #fa6b17;
color: white;
padding: 11px 0;
text-align: center;
position: relative;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .cta p {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: white;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .cta p span {
display: block;
font-weight: 900;
color: inherit;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .cta a {
font-weight: 900;
color: white;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body {
background-color: #fff;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-left: 1px solid #fa6b17;
border-right: 1px solid #fa6b17;
border-bottom: 1px solid #fa6b17;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body a.pdp {
display: table;
font-size: 13px;
color: #363636;
text-decoration: underline;
font-weight: 400;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body .form_part {
max-width: 315px;
margin: 0 auto;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form{
max-width: 300px;
margin: 0 auto;
padding: 15px 0;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form fieldset {
max-width: 100%;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-form-field {
margin-bottom: 15px;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-error-msgs {
display: none !important;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-form-required {
color: red !important;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-input,
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form fieldset.form-columns-1 .hs-input{
max-width: 100%;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-input.error,
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form select.error {
border-color: red;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form textarea.hs-input {
padding-top: 5px !important;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-submit .actions {
margin: 0;
padding: 0;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-submit .actions input {
background: #073c79;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 14px;
font-family: "Proxima Nova";
width: 150px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form textarea {
max-width: 98% !important;
height: 75px !important;
}
.demobus-int .content-demobus .video-demobus{
width: 100%;
max-width: 900px;
display: block;
position: relative;
margin: 30px auto;
}
.demobus-int .slide-demobus{
position: realtive;
overflow: hidden;
height: 700px;
}
.demobus-int .slide-demobus .hs_cos_gallery_main{
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
height: 700px;
}
.demobus-int .slide-demobus .slick-dots{
position: absolute;
bottom: 20px;
width: 100%;
}
.demobus-int .slide-demobus .slick-dots li button:before{
color: #fff;
}
.demobus-int .slide-demobus .slick-slide-inner-wrapper{
max-width: none;
width: 100%;
}
.demobus-int .slide-demobus .hs_cos_gallery_main .slick-slide img{
max-width: none;
width: 100%;
}
.demobus-int .slide-demobus .slick-prev,
.demobus-int .slide-demobus .slick-next{
width: 90px;
height: 90px;
z-index: 1001;
}
.demobus-int .slide-demobus .slick-prev:before,
.demobus-int .slide-demobus .slick-next:before{
font-size: 70px;
color: white;
}
.demobus-int .slide-demobus .hs_cos_gallery_main .slick-list{
max-height: 100%;
}
/* Fin Demobus */
/* Incia blog - lista */
.blog-int #header-page .downhead ul li:last-child a{
background-color: #247fd6;
}
.blog-int footer{
border-top: 1px solid #ccc;
}
.blog-int .hero-blog{
background-color: #fa6b17;
padding: 30px 0;
text-align: center;
margin: 0px 0;
}
.blog-int .hero-blog h1{
text-transform: uppercase;
font-weight: bold;
font-size: 50px;
color: white;
}
.blog-int .main-content {
background-image: url('//1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/patt.png');
padding: 50px 0
}
.blog-int .main-content .container {
display: flex;
align-items: flex-start;
justify-content: center;
max-width: 1440px;
}
.blog-int .main-content .sidebar{
width: 100%;
max-width: 350px;
margin-left: auto;
}
.blog-int .main-content .sidebar a.cta{
display: block;
width: 100%;
margin-bottom: 20px;
}
.blog-int .main-content .sidebar a.cta img{
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.blog-int .main-content .sidebar .subs-blog{
width: 100%;
background-color: #333;
border-radius: 4px;
padding: 20px;
margin-bottom: 20px;
}
.blog-int .main-content .sidebar .subs-blog h3,
.blog-int .main-content .sidebar .subs-blog p{
color: white;
}
.blog-int .main-content .sidebar .subs-blog p{
font-size: 16px;
}
.blog-int .main-content .sidebar .subs-blog h3{
font-size: 22px;
margin-bottom: 10px;
}
.blog-int .main-content .sidebar .subs-blog form .hs-error-msgs {
display: none !important;
}
.blog-int .main-content .sidebar .subs-blog form label {
margin-bottom: 7px !important;
display: block;
}
.blog-int .main-content .sidebar .subs-blog form label span {
color: white;
font-size: 15px;
}
.blog-int .main-content .sidebar .subs-blog form label .hs-form-required {
color: red;
}
.blog-int .main-content .sidebar .subs-blog form .hs-input {
margin-right: 0;
width: 100%;
min-width: 170px;
margin-bottom: 10px;
padding: 0;
padding-left: 5px;
height: 35px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
outline: 0;
border-radius: 2px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: 0 !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.blog-int .main-content .sidebar .subs-blog form .hs-input.error {
border-color: red;
}
.blog-int .main-content .sidebar .subs-blog form .hs-submit .actions input {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 100%;
font-size: 18px;
font-family: "Proxima Nova";
background-color: #ec6933;
height: 38px;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
text-align: center;
font: 600 11px/18px ;
letter-spacing: 0;
color: white;
font-weight: bold;
border-radius: 4px;
margin: 10px 0 0;
}
.blog-int .main-content .sidebar .categorias{
background-color: white;
padding: 20px 40px ;
border: 1px solid #dbdbdb;
border-radius: 3px;
}
.blog-int .main-content .sidebar .categorias h4{
font-size: 20px;
line-height: 1;
color: #073c79;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #dbdbdb;
}
.blog-int .main-content .sidebar .categorias ul{
padding-left: 20px;
max-width: 250px;
margin: 0 auto;
}
.blog-int .main-content .sidebar .categorias ul li{
margin-bottom: 10px;
color: #fa6b17;
font-size: 16px;
}
.blog-int .main-content .sidebar .categorias ul li:last-child{
margin-bottom: 0;
}
.blog-int .main-content .sidebar .categorias ul li a{
color: #333;
}
.blog-int .main-content .post-list {
width: 100%;
max-width: 900px;
margin-right: auto
}
.blog-int .main-content .post-list .post {
margin-bottom: 40px;
border: 1px solid #d4d4d4;
background: white;
border-radius: 3px;
padding: 20px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.14);
}
.blog-int .main-content .post-list .post .sides-post{
display: flex;
align-items: flex-start;
}
.blog-int .main-content .post-list .post h2.titlepost {
font-size: 27px;
color: #333;
line-height: 1.2;
margin-bottom: 15px;
}
.blog-int .main-content .post-list .post h2.titlepost a {
color: inherit;
font-size: inherit
}
.blog-int .main-content .post-list .post .pic {
width: 100%;
max-width: 450px;
}
.blog-int .main-content .post-list .post .pic .titlepost {
display: none !important
}
.blog-int .main-content .post-list .post .pic a.photo {
display: block
}
.blog-int .main-content .post-list .post .pic a.photo img {
display: block;
margin: 0 auto;
max-width: 100%;
float: none;
}
.blog-int .main-content .post-list .post .desc {
width: 100%;
max-width: 450px;
padding-right: 20px;
}
.blog-int .main-content .post-list .post .desc .date {
display: block;
color: #9c9ca8;
margin: 0 0 5px;
font-size: 13px
}
.blog-int .main-content .post-list .post .desc p {
color: #333;
font-size: 16.5px;
font-weight: 500;
line-height: 1.5;
}
.blog-int .main-content .post-list .post .desc ul {
padding-left: 20px;
margin-top: 7px;
color: #717174
}
.blog-int .main-content .post-list .post .desc ul li {
font-size: 14px;
color: #717174
}
.blog-int .main-content .post-list .post .desc a.seemore {
display: block;
margin-top: 20px;
color: #fff;
background-color: #073c79;
text-decoration: none;
font-weight: bold;
width: 100%;
max-width: 100px;
text-align: center;
padding: 8px 0;
border-radius: 5px;
}
.blog-int .main-content .blog-pagination{
width: 100%;
text-align: center;
margin: 0 0 20px;
}
.blog-int .main-content .blog-pagination li{
display: inline-block;
margin: 0 5px;
}
.blog-int .main-content .blog-pagination li.disabled{
display: none;
}
.blog-int .main-content .blog-pagination li.active a{
background-color: #0062bf;
color: white;
}
.blog-int .main-content .blog-pagination li a{
display: inline-block;
/*text-align: right;*/
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.50);
border-radius: 8px;
border-radius: 8px;
padding: 3px 13px;
display: block;
background-color: #fff;
color: #0062bf;
}
.blog-int .main-content .blog-pagination{
display: flex;
justify-content: center;
align-items: center;
}
.blog-int .main-content .blog-pagination .blog-pagination-center{
display: flex;
}
.blog-int .main-content .blog-pagination .blog-pagination-center a,
.blog-int .main-content .blog-pagination .blog-pagination-left a,
.blog-int .main-content .blog-pagination .blog-pagination-right a{
display: block;
box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
border-radius: 3px;
border-radius: 3px;
padding: 3px 13px;
margin: 0 3px;
display: block;
background-color: #fff;
color: #073c79;
}
.blog-int .main-content .blog-pagination .blog-pagination-left,
.blog-int .main-content .blog-pagination .blog-pagination-right{
display: flex;
}
.blog-int .main-content .blog-pagination .blog-pagination-left a.elipses,
.blog-int .main-content .blog-pagination .blog-pagination-right a.elipses{
background-color: transparent;
box-shadow: none;
}
.blog-int .main-content .blog-pagination a.active{
background-color: #93241c !important;
color: white!important;
}
/* Fin blog - lista */
/* Int ST 2020 */
.int-st-2020 .hero {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/Hero-Interior-Soluciones-Tecnologicas-2020.jpg");
background-size: cover;
background-position: center center;
height: 330px;
}
.int-st-2020 .hero-si img{
max-width: 100%;
width: 100%;
}
.int-st-2020 .banner-intro {
padding: 35px 0;
}
.int-st-2020 .banner-intro h2 {
text-align: center;
font-size: 30px;
text-transform: uppercase;
color: #244462;
}
.int-st-2020 .banner-intro h3 {
text-align: center;
font-size: 20px;
line-height: 2;
width: 100%;
max-width: 100%;
margin: 0 auto 25px;
font-weight: 700;
color: #05205c;
}
.int-st-2020 .banner-intro ol{
max-width: 850px;
margin: 0 auto 30px;
}
.int-st-2020 .banner-intro ol li{
color: #00A8DB;
font-size: 20px;
}
.int-st-2020 .banner-intro ol li p{
color: #1D1D1D;
text-align: left;
font-weight: normal;
font-size: 20px;
}
.int-st-2020 .banner-intro p {
text-align: center;
font-weight: 600;
font-size: 20px;
color: #727272;
line-height: 2;
width: 100%;
max-width: 100%;
margin: 0 auto 20px;
}
.int-st-2020 .banner-intro p.last {
text-align: left;
font-weight: normal;
font-size: 20px;
color: #1D1D1D;
line-height: 2;
width: 100%;
max-width: 950px;
margin: 0 auto 15px;
}
.int-st-2020 .banner-intro p span {
font-weight: 700;
color: #05205c;
}
.int-st-2020 .banner-intro h4{
text-align: center;
font-size: 20px;
color: #1D1D1D;
margin: 0 auto 25px;
}
.int-st-2020 .banner-bienvenida {
padding: 35px 0;
background-color: #f7f7f7;
}
.int-st-2020 .banner-bienvenida h2 {
text-align: center;
font-size: 30px;
text-transform: uppercase;
color: #244462;
}
.int-st-2020 .banner-bienvenida p {
text-align: center;
font-weight: 600;
font-size: 20px;
color: #1D1D1D;
line-height: 2;
width: 100%;
max-width: 100%;
margin: 0 auto 20px;
}
.int-st-2020 .banner-bienvenida p span {
font-weight: 700;
color: #05205c;
}
.int-st-2020 .banner-bienvenida .items{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin: 30px 0;
}
.int-st-2020 .banner-bienvenida .items .item{
width: 100%;
margin: 0 auto;
max-width: 389px;
}
.int-st-2020 .banner-bienvenida .items .item .content-item{
max-width: 90%;
margin: 0 auto;
}
.int-st-2020 .banner-bienvenida .items .item .content-item .icon-item{
height: 61px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 25px;
}
.int-st-2020 .banner-bienvenida .items .item .content-item .icon-item img{
display: block;
}
.int-st-2020 .banner-bienvenida .items .item .content-item .text-item h3{
color: #1D1D1D;
font-size: 16px;
font-weight: bold;
margin: 0 0 5px;
text-align: center;
}
.int-st-2020 .banner-bienvenida .items .item .content-item .text-item p{
color: #1D1D1D;
font-size: 16px;
text-align: center;
}
.int-st-2020 .banner-bienvenida h4{
text-align: center;
font-size: 16px;
color: #1D1D1D;
}
.int-st-2020 .grid-part-main {
background-color: #f7f7f7;
padding: 40px 0;
}
.int-st-2020 .grid-part-main .container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 50px;
}
.int-st-2020 .grid-part-main .container:before, .int-st-2020 .grid-part-main .container:after {
display: none;
}
.int-st-2020 .grid-part-main .container .item .ico {
height: 96px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.int-st-2020 .grid-part-main .container .item .ico img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.int-st-2020 .grid-part-main .container .item .inf .txt h3, .int-st-2020 .grid-part-main .container .item .inf .txt p {
color: #727272;
}
.int-st-2020 .grid-part-main .container .item .inf .txt h3 {
font-weight: 600;
margin-bottom: 15px;
font-size: 19px;
line-height: 1;
text-align: center;
}
.int-st-2020 .grid-part-main .container .item .inf .txt p {
font-weight: 500;
font-size: 14px;
}
.int-st-2020 .vid-part {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/banner-scnd-st2023.jpg");
background-size: cover;
background-position: center center;
padding: 55px 0;
}
.int-st-2020 .vid-part .container {
display: flex;
align-items: center;
}
.int-st-2020 .vid-part .container .info {
width: 100%;
max-width: 550px;
}
.int-st-2020 .vid-part .container .info h3, .int-st-2020 .vid-part .container .info p {
color: white;
}
.int-st-2020 .vid-part .container .info h3 {
margin-bottom: 15px;
font-size: 30px;
text-align: center;
}
.int-st-2020 .vid-part .container .info p {
font-size: 18px;
line-height: 1.75;
}
.int-st-2020 .vid-part .container .vid-cont {
width: 100%;
max-width: 545px;
margin-left: auto;
}
.int-st-2020 .vid-part .container .vid-cont img {
display: block;
margin: 0 auto;
}
.int-st-2020 .agenda-block {
background-color: #f7f7f7;
padding: 50px 0;
}
.int-st-2020 .agenda-block h3 {
text-align: center;
font-size: 30px;
color: #192c50;
text-transform: uppercase;
margin-bottom: 50px;
}
.int-st-2020 .agenda-block p {
text-align: center;
margin-top: 50px;
color: #192c50;
font-size: 20px;
font-weight: bold;
}
.int-st-2020 .agenda-block .btn-register {
background-color: gray;
display: block;
border-radius: 25px;
width: 100%;
max-width: 410px;
text-align: center;
color: white;
font-weight: 600;
font-size: 22px;
padding: 14px 0;
border-radius: 30px;
margin: 0 auto;
line-height: 1;
background: -moz-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
background: -webkit-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
background: -ms-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
}
.int-st-2020 .cities-grid {
padding: 100px 0;
}
.int-st-2020 .cities-grid .container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
}
.int-st-2020 .cities-grid .container:before, .int-st-2020 .cities-grid .container:after {
display: none;
}
.int-st-2020 .cities-grid .container .itm .city {
position: relative;
padding-left: 30px;
max-width: 240px;
width: 100%;
margin: 0 auto;
}
.int-st-2020 .cities-grid .container .itm .city:before {
content: "";
position: absolute;
top: 0;
left: 0;
border-left: 20px solid #2350cd;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.int-st-2020 .cities-grid .container .itm .city h3 {
font-size: 28px;
line-height: 1;
margin-bottom: 20px;
}
.int-st-2020 .cities-grid .container .itm .city p {
font-size: 18px;
}
.int-st-2020 .cities-grid .container .itm .city p span {
display: block;
font-weight: 600;
}
.int-st-2020 .industries-block {
background: -moz-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
background: -webkit-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
background: -ms-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
padding: 70px 0;
}
.int-st-2020 .industries-block h3 {
color: white;
text-align: center;
font-size: 28px;
margin-bottom: 35px;
}
.int-st-2020 .industries-block h4 {
color: white;
text-align: center;
font-size: 22px;
margin-bottom: 35px;
}
.int-st-2020 .industries-block p {
color: white;
text-align: center;
font-size: 20px;
margin: 0 auto;
max-width: 900px;
}
.int-st-2020 .industries-block ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.int-st-2020 .industries-block ul li {
color: white;
font-size: 23px;
}
.int-st-2020 .industries-block ul li span {
color: white;
}
.int-st-2020 .banner-resena {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-st-foot.jpg");
background-size: cover;
background-position: center center;
}
.int-st-2020 .banner-resena .container {
height: 600px;
display: flex;
align-items: center;
justify-content: center;
}
.int-st-2020 .banner-resena .box {
width: 100%;
max-width: 700px;
height: 315px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative;
}
.int-st-2020 .banner-resena .box:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
background: -webkit-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
background: -ms-linear-gradient(4deg, #0b7de3 0%, #234fcc 100%);
opacity: 0.9;
}
.int-st-2020 .banner-resena .box h3, .int-st-2020 .banner-resena .box a {
position: relative;
z-index: 2;
color: white;
}
.int-st-2020 .banner-resena .box h3 {
text-align: center;
font-size: 30px;
margin-bottom: 25px;
}
.int-st-2020 .banner-resena .box a.btn {
display: block;
text-align: center;
font-size: 16px;
text-transform: uppercase;
border: 2px solid white;
border-radius: 3px;
width: 100%;
max-width: 235px;
padding: 15px 0;
line-height: 1;
transition: all 0.1s linear;
font-weight: bold;
box-shadow: 2px 3px 3px 0px rgba(7, 7, 7, 0.4);
}
.int-st-2020 .banner-resena .box a.btn:hover {
border-color: #00ACC1;
background-color: #00ACC1;
}
.int-st-2020 .registro-form{
padding: 60px 0;
}
.int-st-2020 .registro-form h2{
color: #333;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
}
.int-st-2020 .registro-form .forma-registro{
width: 100%;
max-width: 630px;
margin: 0 auto;
}
.int-st-2020 .registro-form form {
width: 100%;
}
.int-st-2020 .registro-form form label {
font-size: 14px;
margin-bottom: 5px;
display: block;
font-weight: 600;
font-family: "Proxima Nova", sans-serif;
}
.int-st-2020 .registro-form form fieldset {
max-width: 100%;
}
.int-st-2020 .registro-form form .hs-form-field {
margin-bottom: 15px;
}
.int-st-2020 .registro-form form .hs-error-msgs {
display: none !important;
}
.int-st-2020 .registro-form form .hs-form-required {
color: red !important;
}
.int-st-2020 .registro-form form .hs-input,
.int-st-2020 .registro-form form select {
margin-right: 0;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
padding-left: 5px !important;
height: 30px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
font-family: "Proxima Nova", sans-serif;
}
.int-st-2020 .registro-form form .hs-input.error,
.int-st-2020 .registro-form form select.error {
border-color: red;
}
.int-st-2020 .registro-form form .hs-input[type="checkbox"] {
width: auto;
height: auto;
margin-right: 10px;
}
.int-st-2020 .registro-form form textarea.hs-input {
padding-top: 5px !important;
}
.int-st-2020 .registro-form form .hs-submit .actions {
margin: 0;
padding: 0;
}
.int-st-2020 .registro-form form .hs-submit .actions input {
background: #ec6a33;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova";
font-weight: 600;
min-width: 245px;
height: 40px;
color: white;
border-radius: 5px;
text-transform: uppercase;
font-weight: bold;
}
.int-st-2020 .registro-form form textarea {
max-width: 98% !important;
height: 75px !important;
}
.upgrade-now .content{
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 10px;
}
.upgrade-now .hero-event img {
display: block;
max-width: 100%;
width: 100%;
}
.upgrade-now .banner-info {
padding: 80px 0 60px;
}
.upgrade-now .banner-info .block-banner-info {
border: 1px solid #AB292C;
padding: 0;
border-radius: 15px;
background-color: white;
}
.upgrade-now .banner-info .block-banner-info .content-block-banner-info {
border-radius: 15px;
background-color: #FAFAFA;
width: 95%;
padding: 25px;
margin: 0 auto;
box-shadow: 0px 4px 1px #d8d8d8;
display: block;
position: relative;
top: -20px;
}
.upgrade-now .banner-info .block-banner-info .content-block-banner-info p {
font-size: 24px;
color: #1E468D;
margin: 0 0 15px;
}
.upgrade-now .banner-info .block-banner-info .content-block-banner-info p:last-child {
margin: 0;
}
.upgrade-now .icons-event {
padding: 60px 0;
}
.upgrade-now .icons-event .content-icons-event {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.upgrade-now .icons-event .content-icons-event .icon-event {
width: 100%;
max-width: 250px;
}
.upgrade-now .icons-event .content-icons-event .icon-event img {
display: block;
margin: 0 auto 10px;
height: 86px;
}
.upgrade-now .icons-event .content-icons-event .icon-event .title-icon {
height: 40px;
background-color: #AB292C;
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 230px;
margin: 0 auto 15px;
}
.upgrade-now .icons-event .content-icons-event .icon-event .title-icon:before {
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 15px solid #AB292C;
position: absolute;
left: -15px;
}
.upgrade-now .icons-event .content-icons-event .icon-event .title-icon:after {
content: "";
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 15px solid #AB292C;
position: absolute;
right: -15px;
}
.upgrade-now .icons-event .content-icons-event .icon-event .title-icon p {
font-size: 18px;
color: white;
margin: 0;
font-weight: bold;
}
.upgrade-now .icons-event .content-icons-event .icon-event p {
text-align: center;
}
.upgrade-now .icons-event a {
height: 54px;
background-color: #1E468D;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 25px;
text-align: center;
position: relative;
margin: 30px auto 0;
max-width: 320px;
}
.upgrade-now .icons-event a:before {
content: "";
width: 0;
height: 0;
border-top: 27px solid transparent;
border-bottom: 27px solid transparent;
border-right: 17px solid #1E468D;
position: absolute;
left: -17px;
}
.upgrade-now .icons-event a:after {
content: "";
width: 0;
height: 0;
border-top: 27px solid transparent;
border-bottom: 27px solid transparent;
border-left: 17px solid #1E468D;
position: absolute;
right: -17px;
}
.upgrade-now .agenda {
padding: 60px 0;
}
.upgrade-now .agenda h2 {
font-size: 36px;
font-weight: bold;
margin: 0 0 40px;
}
.upgrade-now .agenda .content-agenda .line-agenda {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 30px;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .circle {
background-color: #1E468D;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .horario {
background-color: #AB292C;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .horario:before {
border-right: 18px solid #AB292C;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .horario:after {
border-left: 18px solid #AB292C;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .actividad {
background-color: #1E468D;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .actividad:before {
border-right: 18px solid #1E468D;
}
.upgrade-now .agenda .content-agenda .line-agenda:nth-child(2n) .actividad:after {
border-left: 18px solid #1E468D;
}
.upgrade-now .agenda .content-agenda .line-agenda .circle {
height: 22px;
width: 22px;
border-radius: 100%;
background-color: #AB292C;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario {
background-color: #1E468D;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
max-width: 330px;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario:before {
content: "";
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 18px solid #1E468D;
position: absolute;
left: -18px;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario:after {
content: "";
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 18px solid #1E468D;
position: absolute;
right: -18px;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario p {
font-size: 28px;
color: #1E468D;
text-align: center;
background-color: white;
width: 99%;
height: 57px;
margin: 0 auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario p:before {
content: "";
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 18px solid white;
position: absolute;
left: -18px;
z-index: 99;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario p:after {
content: "";
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 18px solid white;
position: absolute;
right: -18px;
z-index: 99;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad {
background-color: #AB292C;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
max-width: 690px;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad:before {
content: "";
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 18px solid #AB292C;
position: absolute;
left: -18px;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad:after {
content: "";
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 18px solid #AB292C;
position: absolute;
right: -18px;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad p {
font-size: 18px;
color: black;
text-align: left;
background-color: white;
width: 99%;
height: 56px;
margin: 0 auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad p:before {
content: "";
width: 0;
height: 0;
border-top: 29px solid transparent;
border-bottom: 29px solid transparent;
border-right: 18px solid white;
position: absolute;
left: -18px;
z-index: 99;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad p:after {
content: "";
width: 0;
height: 0;
border-top: 29px solid transparent;
border-bottom: 29px solid transparent;
border-left: 18px solid white;
position: absolute;
right: -18px;
z-index: 99;
}
.upgrade-now .marcas {
padding: 60px 0;
}
.upgrade-now .marcas h2 {
font-size: 36px;
font-weight: bold;
margin: 0 0 40px;
text-align: center;
}
.upgrade-now .marcas .reel-marcas {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 60px;
}
.upgrade-now .marcas .reel-marcas .marca img {
display: block;
}
.upgrade-now .marcas a {
height: 54px;
background-color: #1E468D;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 25px;
text-align: center;
position: relative;
margin: 30px auto 0;
max-width: 430px;
}
.upgrade-now .marcas a:before {
content: "";
width: 0;
height: 0;
border-top: 27px solid transparent;
border-bottom: 27px solid transparent;
border-right: 17px solid #1E468D;
position: absolute;
left: -17px;
}
.upgrade-now .marcas a:after {
content: "";
width: 0;
height: 0;
border-top: 27px solid transparent;
border-bottom: 27px solid transparent;
border-left: 17px solid #1E468D;
position: absolute;
right: -17px;
}
.upgrade-now .forma {
padding: 60px 0;
}
.upgrade-now .forma h2 {
font-size: 36px;
font-weight: bold;
margin: 0 0 50px;
text-align: center;
}
.upgrade-now .forma .form-content {
max-width: 630px;
width: 100%;
margin: 0 auto;
}
.upgrade-now .forma form {
width: 100%;
}
.upgrade-now .forma form label {
font-size: 14px;
margin-bottom: 5px;
display: block;
font-weight: 600;
font-family: "Proxima Nova", sans-serif;
}
.upgrade-now .forma form fieldset {
max-width: 100%;
}
.upgrade-now .forma form .hs-form-field {
margin-bottom: 15px;
}
.upgrade-now .forma form .hs-error-msgs {
display: none !important;
}
.upgrade-now .forma form .hs-form-required {
color: red !important;
}
.upgrade-now .forma form .hs-input,
.upgrade-now .forma form select {
margin-right: 0;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
padding-left: 5px !important;
height: 30px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
font-family: "Proxima Nova", sans-serif;
}
.upgrade-now .forma form .hs-input.error,
.upgrade-now .forma form select.error {
border-color: red;
}
.upgrade-now .forma form .hs-input[type="checkbox"] {
width: auto;
height: auto;
margin-right: 10px;
}
.upgrade-now .forma form textarea.hs-input {
padding-top: 5px !important;
}
.upgrade-now .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
.upgrade-now .forma form .hs-submit .actions input {
background: #ec6a33;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova";
font-weight: 600;
min-width: 245px;
height: 40px;
color: white;
border-radius: 5px;
text-transform: uppercase;
font-weight: bold;
}
.upgrade-now .forma form textarea {
max-width: 98% !important;
height: 75px !important;
}
.powerflex .hero {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-int-power.jpg");
}
.powerflex .hero .side_pic {
width: 100%;
max-width: 535px;
margin-left: auto;
}
.powerflex .hero .side_pic img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.powerflex .main_part .brand_tabs .brands_links a {
cursor: pointer;
}
.powerflex .main_part .brand_tabs .brands_links a span {
color: inherit;
}
.powerflex .main_part .brand_tabs .brands_links a sup {
color: inherit;
font-size: 22px;
top: 2px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont {
border: 1px solid #e0e0e0;
border-radius: 2px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .mainpic {
display: block;
width: 100%;
max-width: 350px;
margin: 0 auto;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect {
padding-bottom: 0;
display: block;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .txt h2 {
margin-bottom: 10px;
text-align: left;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf {
max-width: 450px;
margin-bottom: auto;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .title {
margin: 0 0 20px;
font-size: 18px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic {
max-width: 445px;
margin: 0;
margin-right: 45px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic iframe {
width: 100%;
height: 250px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf .infitm {
display: flex;
align-items: flex-start;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf .infitm.photo {
flex-flow: column;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont p {
margin: 0 0 20px;
font-size: 16px;
color: #707070;
line-height: 1.75;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont ul {
padding-left: 20px;
margin-bottom: 20px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont ul li {
margin: 0 0 15px;
font-size: 16px;
color: #707070;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc {
display: table;
font-size: 17px;
color: #707070;
font-weight: bold;
position: relative;
padding-left: 15px;
}
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc:before {
content: "";
position: absolute;
width: 22px;
height: 22px;
left: -10px;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/ico-down-intprod.png");
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
.solutions-part {
padding: 45px 0;
border-top: 8px solid #F66D00;
}
.solutions-part h2 {
text-align: center;
font-size: 27px;
color: #333;
font-weight: bold;
margin-bottom: 45px;
}
.solutions-part .carousel-part {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
.solutions-part .slick-list {
padding: 0 50px;
}
.solutions-part button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
.solutions-part button.slick-prev {
left: -40px;
background-image: url("https://6994156.fs1.hubspotusercontent-na1.net/hubfs/6994156/arrow-blue-prv.png");
}
.solutions-part button.slick-next {
right: -40px;
background-image: url("https://6994156.fs1.hubspotusercontent-na1.net/hubfs/6994156/arrow-blue-nxt.png");
}
.solutions-part button.slick-disabled {
background-image: none;
cursor: default;
}
.solutions-part .itmCarousel {
padding: 0 20px;
}
.solutions-part .box {
border: 1px solid #B8B8B8;
background-color: #F1F1F1;
border-radius: 5px;
padding: 30px;
width: 100%;
max-width: 390px;
min-height: 230px;
}
.solutions-part .box h3 {
text-align: center;
font-size: 17px;
color: #000000;
margin-bottom: 20px;
}
.solutions-part .box p {
line-height: 1.75;
font-size: 16px;
color: #707070;
}
.int-prod-19 .ebook-block {
background: transparent linear-gradient(90deg, #FFFFFF 0%, #FFDDDF 100%) 0% 0% no-repeat padding-box;
background: transparent -o-linear-gradient(90deg, #FFFFFF 0%, #FFDDDF 100%) 0% 0% no-repeat padding-box;
background: transparent -webkit-linear-gradient(90deg, #FFFFFF 0%, #FFDDDF 100%) 0% 0% no-repeat padding-box;
}
.int-prod-19 .ebook-block .container {
display: flex;
align-items: center;
justify-content: center;
height: 495px;
}
.int-prod-19 .ebook-block .cover {
display: block;
max-width: 300px;
width: 100%;
margin-right: 110px;
}
.int-prod-19 .ebook-block .cover img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.int-prod-19 .ebook-block .side-txt h3 {
font-size: 28px;
line-height: 1.5;
}
.int-prod-19 .ebook-block .side-txt p {
font-size: 18px;
line-height: 1.5;
margin: 30px 0;
}
.int-prod-19 .ebook-block .side-txt a.btn-orange {
display: block;
background-color: #F26F00;
border-radius: 40px;
width: 165px;
text-align: center;
color: white;
font-weight: bold;
font-size: 15px;
padding: 9px 0;
}
.soluciones-page .hs-form .hs-button,
.soluciones-page .hs-form input,
.soluciones-page .hs-form textarea {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.soluciones-page .hs-form input[type="checkbox"] {
width: auto !important;
height: auto !important;
margin-right: 5px !important;
appearance: checkbox !important;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
}
.soluciones-page .bradcrumbs-block {
padding: 20px 0 10px;
}
.soluciones-page .bradcrumbs-block ul {
list-style: none;
margin-left: -20px;
display: flex;
}
.soluciones-page .bradcrumbs-block ul li {
float: inherit;
}
.soluciones-page .bradcrumbs-block ul li:nth-child(2){
min-width: 138px;
}
.soluciones-page .bradcrumbs-block ul li:last-child a {
opacity: 1;
}
.soluciones-page .bradcrumbs-block ul li:last-child a:after {
display: none;
}
.soluciones-page .bradcrumbs-block ul li a {
font-weight: bold;
font-size: 15px;
padding: 0 20px;
position: relative;
display: block;
opacity: 0.6;
}
.soluciones-page .bradcrumbs-block ul li a:after {
content: "/";
position: absolute;
right: 0;
}
.soluciones-page .bradcrumbs-block ul li a:hover {
opacity: 1;
}
.soluciones-page .box-productos{
margin: 20px auto 0;
width: 95%;
padding: 13px 18px;
background: white;
border-radius: 2px;
border: 1px solid #e9e9e9;
}
.soluciones-page .box-productos p{
font-size: 19px;
font-weight: 600;
text-align: center;
margin: 0 auto 15px;
}
.soluciones-page .box-productos ul{
padding: 0 0 0 20px;
}
.soluciones-page .box-productos ul li{
font-size: 16px;
margin: 0 0 5px;
}
.soluciones-page .box-productos a{
background: #ef0000;
color: white;
padding: 8px 19px 11px;
font-size: 16px;
font-family:oswald;
text-align: center;
border-radius: 4px;
display: block;
max-width: 150px;
margin: 0 auto;
}
.soluciones-page .box-img-consultorias{
display: flex;
justify-content: center;
align-items: center;
}
.soluciones-page .box-img-consultorias a{
display: block;
}
.soluciones-page .box-caso-exito{
margin: 20px auto 0;
width: 95%;
padding: 13px 18px;
background: #f2efef;
border-radius: 2px;
border: 1px solid #e9e9e9;
}
.soluciones-page .box-caso-exito h4{
text-transform: uppercase;
font-weight: bold;
color: #4d505b;
font-size: 14px;
margin-bottom: 12px;
padding-bottom: 7px;
border-bottom: 1px solid #d6d6d6;
text-align: center;
}
.soluciones-page .box-caso-exito img{
display: block;
max-width: 100%;
margin: 0 auto;
padding: 2px;
background-color: white;
border: 1px solid #d6d6d6;
}
.soluciones-page .box-caso-exito p{
font-size: 14px;
line-height: 1.75;
color: #616161;
margin: 10px 0;
}
.soluciones-page .box-caso-exito a.btn{
font-weight: bold;
font-family: oswald;
font-size: 12px;
color: white;
text-transform: uppercase;
width: 100px;
height: 30px;
border-radius: 2px;
background-color: #ef0000;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 0 0;
padding: 20px 0;
text-align: center;
}
.soluciones-page .box-caso-exito .grid-btns{
display: flex;
align-items: center;
}
.soluciones-page .box-caso-exito .grid-btns span{
display: block;
margin: 0 5px;
}
.soluciones-page .box-caso-exito .grid-btns a.lk{
width: auto;
font-family: noto sans;
text-decoration: underline;
text-align: center;
font-size: 11px;
color: #ef0000;
}
.soluciones-page .hero {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-soluciones-industria.jpg");
background-size: cover;
background-position: center center;
}
.soluciones-page .hero.color1 {
background-image: none;
background-color: #263238;
}
.soluciones-page .hero.color2 {
background-image: none;
background-color: #455a64;
}
.soluciones-page .hero.color3 {
background-image: none;
background-color: #607d8b;
}
.soluciones-page .hero.color4 {
background-image: none;
background-color: #78909c;
}
.soluciones-page .hero.sm .box-text {
height: 200px;
width: 100%;
}
.soluciones-page .hero.sm .box-text .text {
margin: 0 auto;
max-width: 800px;
}
.soluciones-page .hero.sm .box-text .text h1 {
margin-bottom: 20px;
}
.soluciones-page .hero .box-text {
width: 40%;
height: 410px;
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
}
.soluciones-page .hero .box-text:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #021B48;
opacity: 0.8;
z-index: 1;
}
.soluciones-page .hero .box-text .text {
width: 95%;
max-width: 400px;
text-align: center;
position: relative;
z-index: 3;
margin-right: 80px;
}
.soluciones-page .hero .box-text .text h1, .soluciones-page .hero .box-text .text p, .soluciones-page .hero .box-text .text a.btn {
color: white;
text-align: center;
}
.soluciones-page .hero .box-text .text h1 {
text-transform: uppercase;
font-size: 30px;
}
.soluciones-page .hero .box-text .text p {
font-size: 22px;
line-height: 1.75;
font-weight: 600;
margin: 30px 0;
}
.soluciones-page .hero .box-text .text a.btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
border: 2px solid white;
border-radius: 3px;
width: 160px;
height: 45px;
text-align: center;
text-decoration: none;
margin: 0 auto;
}
.soluciones-page .hero .box-text .text a.btn:hover {
background-color: white;
color: #021B48;
}
.soluciones-page .page-main-content {
padding: 0 0 30px;
}
.soluciones-page .page-main-content .container {
position: relative;
top: 0;
left: 0;
display: flex;
justify-content: flex-start;
width: 100%;
max-width: 1440px;
padding: 0;
}
.soluciones-page .page-main-content .sidebar-page {
width: 100%;
max-width: 305px;
margin-right: 0px;
position: relative;
top: 0;
/*left: 10px;*/
}
.soluciones-page .page-main-content .sidebar-page .drop-mov {
border: 1px solid #ccc;
display: none;
position: relative;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov a.main {
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #ccc;
background-color: #fafafa;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options {
display: none;
position: absolute;
width: 100%;
background-color: white;
border: 1px solid #ccc;
border-top: 0;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options.active {
display: block;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options h3 {
display: flex;
align-items: center;
padding: 10px 0;
background-color: #F2EFEF;
font-size: 14px;
font-weight: 600;
color: #4D505B;
text-transform: uppercase;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options h3 img {
max-width: 25px;
display: block;
margin: 0 30px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options ul {
list-style: none;
padding: 15px 0;
padding-left: 20px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options ul li {
color: #000000;
font-size: 16px;
margin-bottom: 5px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options ul li:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov .options ul li a {
cursor: pointer;
display: inline;
position: relative;
}
.soluciones-page .page-main-content .sidebar-page .box-menus {
border: 1px solid #E9E9E9;
border-radius: 2px;
width: 95%;
margin-left: auto;
margin-right: auto;
}
.soluciones-page .page-main-content .sidebar-page .box-menus.box-inicio {
margin-bottom: 5px;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box.inicio h3 {
display: block;
transition: all 0.1s ease-in-out;
position: relative;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box.inicio h3.active {
background-color: #fbfbfb;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box.inicio h3:hover {
background-color: #fbfbfb;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box.inicio h3 a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
color: #4D505B;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box.inicio h3 a.active {
font-weight: bold;
color: #ef0000;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box.inicio h3 a.active:before {
content: "";
position: absolute;
right: 10px;
width: 14px;
height: 22px;
background-image: url(https://www.risoul.com.mx/hubfs/pic-select-red-01-01-01.png);
background-size: 10px;
background-repeat: no-repeat;
background-position: center center;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box h3 {
display: flex;
align-items: center;
height: 50px;
background-color: #F2EFEF;
font-size: 18px;
font-weight: 600;
color: #4D505B;
text-transform: uppercase;
position: relative;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box h3.active{
color: #ec6933;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box h3.active:before{
content: "";
position: absolute;
right: 10px;
width: 14px;
height: 22px;
background-image: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/pic-select.png);
background-size: 10px;
background-repeat: no-repeat;
background-position: center center;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box h3 img {
max-width: 34px;
display: block;
margin: 0 30px;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul {
list-style: none;
padding: 15px 0;
padding-left: 20px;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li {
color: #000000;
font-size: 16px;
margin-bottom: 5px;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li.active a {
left: 5px;
font-weight: bold;
color: #ec6933;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li.active a:before {
content: "";
position: absolute;
right: -15px;
width: 10px;
height: 18px;
background-image: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/pic-select-orange.png);
background-size: 7px;
background-repeat: no-repeat;
background-position: center center;
top: 1px;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li a {
cursor: pointer;
display: inline;
position: relative;
transition: all 0.1s ease-in-out;
left: 0;
font-weight: 600;
color: #4d505b;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li a:hover {
font-weight: bold;
left: 5px;
color: #ec6933;
}
.soluciones-page .page-main-content .sidebar-page .box-menus .box ul li a.active {
font-weight: bold;
left: 5px;
color: #ec6933;
}
.soluciones-page .page-main-content .sidebar-page .box-services {
border-radius: 2px;
border: 1px solid #3950A5;
padding: 20px;
margin: 40px 0;
}
.soluciones-page .page-main-content .sidebar-page .box-services h4 {
line-height: 1.5;
font-weight: 600;
font-size: 16px;
color: #010101;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul {
padding-left: 20px;
margin: 20px auto;
max-width: 220px;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li {
margin-bottom: 8px;
font-size: 15px;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li a {
cursor: pointer;
display: inline;
position: relative;
transition: all 0.1s ease-in-out;
left: 0;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li a:hover {
font-weight: bold;
left: 5px;
}
.soluciones-page .page-main-content .sidebar-page .box-services a.btn {
display: flex;
align-items: center;
justify-content: center;
width: 115px;
height: 35px;
background-color: #fff;
border: 1px solid #3950A5;
border-radius: 3px;
text-align: center;
color: #000;
margin: 0 auto;
font-size: 16px;
font-weight: bold;
}
.soluciones-page .page-main-content .sidebar-page .box-services a.btn:hover {
background-color: #3950A5;
color: white;
}
.soluciones-page .page-main-content .sidebar-page .box-cta {
background-color: #5A5959;
border-radius: 5px;
padding: 40px 20px;
position: sticky;
top: 5px;
left: 0;
margin: 25px 0 0;
}
.soluciones-page .page-main-content .sidebar-page .box-cta h4 {
text-align: center;
line-height: 1.5;
color: white;
font-size: 22px;
margin-bottom: 30px;
}
.soluciones-page .page-main-content .sidebar-page .box-cta a.btn {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 40px;
background-color: #ef0000;
border-radius: 3px;
text-align: center;
color: white;
margin: 0 auto;
font-size: 17px;
font-family:oswald;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 100%;
max-width: 200px;
padding: 20px 0;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block .ico {
width: 100%;
max-width: 81px;
margin-right: 10px;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block .ico img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block h1 {
width: 100%;
color: #123586;
font-size: 23px;
font-weight: normal;
}
.soluciones-page .page-main-content .content-container {
width: 100%;
}
.soluciones-page .page-main-content .content-container h2 {
text-align: center;
color: #000;
font-size: 27px;
font-weight: bold;
}
.soluciones-page .page-main-content .content-container h2 a{
color: black;
}
.soluciones-page .page-main-content .content-container p{
width: 95%;
max-width: 885px;
margin: 20px auto;
line-height: 1.75;
font-size: 18px;
text-align: left;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items{
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items a{
display: block;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items img{
display: block;
margin: 0;
max-width: 200px;
}
.soluciones-page .page-main-content .content-container .hero-inside {
height: 320px;
display: flex;
align-items: flex-end;
width: 100%;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-int-seg-ind.jpg");
background-size: cover;
background-position: center center;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid {
background-image: none;
background-color: #152652;
height: auto;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid .banner-cta-hero {
background-color: #152652;
height: 100%;
flex-flow: column;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid .banner-cta-hero h1, .soluciones-page .page-main-content .content-container .hero-inside.solid .banner-cta-hero h3 {
margin: 0 0 30px;
font-size: 28px;
text-transform: uppercase;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid.gray .banner-cta-hero{
background-color: white;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid.gray .banner-cta-hero h1{
text-transform: none;
font-size: 30px;
color: #042e5f;
margin: 40px 0;
font-weight: normal;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero {
width: 100%;
background-color: rgba(2, 27, 72, 0.85);
height: 95px;
display: flex;
align-items: center;
justify-content: center;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero h1, .soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero h3 {
color: white;
font-size: 20px;
margin-right: 30px;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero a {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
color: white;
border-radius: 3px;
border: 2px solid white;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.1s ease-in-out;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero a:hover {
background-color: white;
color: #021b48;
}
.soluciones-page .page-main-content .content-container .content-center {
max-width: 885px;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .border-bottom {
border-bottom: 1px solid rgba(112, 112, 112, 0.4);
}
.soluciones-page .page-main-content .content-container .introduction {
padding: 20px 0;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .introduction p {
width: 95%;
max-width: 885px;
margin: 20px auto;
line-height: 1.75;
font-size: 18px;
text-align: justify;
}
.soluciones-page .page-main-content .content-container .introduction ul li {
width: 95%;
max-width: 885px;
margin: 10px auto;
line-height: 1.75;
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .block-icos {
padding: 20px 0;
}
.soluciones-page .page-main-content .content-container .block-icos .img-block img{
display: block;
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons {
margin: 60px 0 20px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block {
width: 100%;
max-width: 270px;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .ico {
width: 100%;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .ico img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt h3 {
color: #123588;
font-size: 25px;
margin: 30px 0;
text-align: center;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt p{
font-size: 16px;
text-align: left;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul {
padding-left: 20px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul li {
margin-bottom: 10px;
font-size: 16px;
color: #EE7100;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul li:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul li span {
color: #333;
}
.soluciones-page .page-main-content .content-container .cards-part {
margin-top: -20px;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.soluciones-page .page-main-content .content-container .cards-part .card {
border: 1px solid #D3C8C8;
border-radius: 5px;
box-shadow: 0px 3px 6px #00000029;
padding: 15px 40px;
margin-bottom: 30px;
}
.soluciones-page .page-main-content .content-container .cards-part .card:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .content-container .cards-part .card h3 {
font-size: 20px;
margin: 10px 0;
font-weight: bold;
}
.soluciones-page .page-main-content .content-container .cards-part .card p {
line-height: 1.1;
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul {
padding: 0 0 0 20px;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul li {
margin-bottom: 10px;
font-size: 17px;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul li:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .content-container .cards-part .card a.lk {
text-decoration: underline;
display: table;
font-size: 16px;
margin: 20px 0 0;
color: #ec6933;
}
.soluciones-page .page-main-content .content-container .cards-part .card .imgs-card{
display: flex;
justify-content: space-between;
align-items: center;
}
.soluciones-page .page-main-content .content-container .cards-part .card .imgs-card img{
display: block;
max-width: 154px;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 550px;
margin: 20px 0 0px 30px;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf .serv {
width: 100%;
max-width: 250px;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf .prods {
width: 100%;
max-width: 250px;
}
/*.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf .prods h3 {
text-align: center;
}*/
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf .prods img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf .prods a.lk {
margin: 20px auto 0;
}
.soluciones-page .page-main-content .content-container .line-cta {
border-radius: 5px;
border: 1px solid #707070;
margin: 50px 0;
width: 100%;
background: #69141e;
display: flex;
align-items: center;
justify-content: center;
padding: 25px 30px;
}
.soluciones-page .page-main-content .content-container .line-cta h3 {
color: white;
font-size: 23px;
text-align: center;
}
.soluciones-page .page-main-content .content-container .line-cta a.btn {
display: flex;
align-items: center;
justify-content: center;
width: 190px;
height: 45px;
background-color: #ef0000;
border-radius: 5px;
text-align: center;
color: white;
font-size: 23px;
font-weight: bold;
margin-left: 30px;
}
.soluciones-page .page-main-content .content-container .industries-block {
margin-top: 25px;
padding-top: 40px;
border-top: 1px solid rgba(112, 112, 112, 0.4);
}
.soluciones-page .page-main-content .content-container .industries-block h2 {
margin-bottom: 50px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 35px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm:nth-child(1) {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-automotriz-sol.png");
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm:nth-child(2) {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-alimentos-sol.png");
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm:nth-child(3) {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-metales-sol.png");
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm:nth-child(4) {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-enseres-sol.png");
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus {
width: 100%;
max-width: 215px;
height: 170px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 85px;
background: linear-gradient(transparent, black);
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus p {
position: absolute;
bottom: 10px;
right: 10px;
font-weight: bold;
color: white;
text-align: right;
font-size: 16px;
}
.soluciones-page .page-main-content .content-container .brands-block {
padding-top: 60px;
}
.soluciones-page .page-main-content .content-container .brands-block h2 {
margin-bottom: 50px;
}
.soluciones-page .page-main-content .content-container .brands-block img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray {
background-color: #F1F1F1;
border: 1px solid #B8B8B8;
border-radius: 10px;
width: 100%;
min-height: 290px !important;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 30px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt {
max-width: 706px;
padding: 0 20px;
margin: 0 auto;
width: 90%;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt h3 {
color: #0B0B0B;
font-size: 23px;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt p {
font-size: 17px;
line-height: 1.75;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt a.lk{
font-weight: bold;
text-decoration: underline;
display: inline-block;
margin-top: 15px;
color: #0277BD;
font-size: 16px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .img {
max-width: 176px;
padding: 0 20px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .img img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card {
background-color: #F1F1F1;
border: 1px solid #B8B8B8;
border-radius: 10px;
width: 100%;
min-height: 257px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
padding: 0 30px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .mockup {
width: 100%;
max-width: 200px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .mockup img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt {
width: 100%;
max-width: 580px;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt h3 {
color: #0B0B0B;
font-size: 23px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt p {
font-size: 17px;
line-height: 1.75;
margin: 20px 0;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt a.btn {
display: flex;
align-items: center;
justify-content: center;
width: 190px;
height: 45px;
background-color: #F26F00;
border-radius: 5px;
text-align: center;
color: white;
font-size: 17px;
font-weight: bold;
}
.soluciones-page .page-main-content .content-container .vid-grid-block {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.soluciones-page .page-main-content .content-container .vid-grid-block h3 {
text-align: center;
line-height: 1.5;
font-size: 20px;
margin-bottom: 20px;
min-height: 60px;
}
.soluciones-page .page-main-content .content-container .vid-grid-block .vid img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .form-block {
border-radius: 5px;
border: 1px solid #69141e;
padding: 20px 40px;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.soluciones-page .page-main-content .content-container .form-block h2 {
margin-bottom: 20px;
font-family:oswald;
}
.soluciones-page .page-main-content .content-container .form-block form {
width: 100%;
max-width: 100%;
}
.soluciones-page .page-main-content .content-container .form-block form fieldset {
max-width: 100%;
}
.soluciones-page .page-main-content .content-container .form-block form fieldset.form-columns-1 .hs-input {
width: 100%;
max-width: 100%;
}
.soluciones-page .page-main-content .content-container .form-block form label {
font-size: 14px;
font-weight: 600;
color: #000000;
margin-bottom: 10px;
display: block;
}
.soluciones-page .page-main-content .content-container .form-block form label span {
color: inherit;
}
.soluciones-page .page-main-content .content-container .form-block form label .hs-form-required {
color: #BD2E29;
}
.soluciones-page .page-main-content .content-container .form-block form textarea {
max-width: 100% !important;
width: 100% !important;
padding-top: 10px;
padding-left: 10px;
font-size: 13px;
font-weight: 600;
height: 120px !important;
}
.soluciones-page .page-main-content .content-container .form-block form .hs-error-msgs {
display: none !important;
}
.soluciones-page .page-main-content .content-container .form-block form .hs-form-field {
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .form-block form .hs-input {
border: 0;
width: 100%;
max-width: 340px;
background-color: #fafafa;
border-radius: 4px;
height: 35px;
padding-left: 10px;
outline: 0 !important;
font-size: 13px;
font-weight: 600;
border: 1px solid #e0e0e0;
}
.soluciones-page .page-main-content .content-container .form-block form .hs-input.error {
border-color: #f92b24;
}
.soluciones-page .page-main-content .content-container .form-block form .hs-button {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 45px;
color: white;
font-size: 15px;
background-color: #ef0000;
font-family:oswald !important;
font-size:1.2rem;
border-radius: 0px;
outline: 0 !important;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso {
border: 1px solid #D3C8C8;
border-radius: 5px;
box-shadow: 0px 3px 6px #00000029;
padding: 30px 40px;
margin-bottom: 30px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso h2.title-caso {
text-align: left;
font-size: 23px;
margin-bottom: 30px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso p {
line-height: 1.75;
font-size: 16px;
margin-bottom: 15px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso ul {
padding-left: 20px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso ul li {
font-size: 15px;
margin-bottom: 7px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso {
display: flex;
align-items: flex-start;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-inf {
width: 100%;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-porcentaje {
width: 100%;
max-width: 200px;
margin-left: 50px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-porcentaje .circ {
width: 180px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
background-color: white;
border: 3px solid #00006C;
border-radius: 50%;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-porcentaje .circ h3 {
font-size: 45px;
line-height: 1;
margin: 0;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-porcentaje .circ p {
margin: 0;
font-size: 13px;
color: #000;
font-weight: 600;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .grid-gallery {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
margin-top: 30px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .grid-gallery .itm img {
display: block;
max-width: 100%;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .foot-card{
padding-top: 20px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .foot-card a{
display: block;
width: 150px;
padding: 10px 0;
text-align: center;
color: white;
font-weight: bold;
font-size: 15px;
background: #083b78;
border-radius: 3px;
text-transform: uppercase;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner {
display: flex;
width: 100%;
background: #88DAFF;
background: linear-gradient(#88DAFF, #DCF2F7);
align-items: center;
justify-content: center;
height: 330px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .pic {
width: 100%;
max-width: 190px;
margin-right: 50px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf {
width: 100%;
max-width: 450px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf h3 {
font-weight: 600;
font-size: 24px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf a.btn {
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 30px;
color: white;
font-size: 14px;
background-color: #EE7100;
font-weight: bold;
border-radius: 3px;
text-transform: uppercase;
margin-top: 30px;
}
.sidebar-page .box-blue.sml{
height: auto;
padding: 30px;
}
.sidebar-page .box-blue a.btn {
display: block;
width: 100%;
text-align: center;
padding: 8px 0;
font-size: 15px;
font-weight: bold;
color: #042e5f;
background-color: white;
border-radius: 3px;
max-width: 140px;
text-transform: uppercase;
margin-right: auto;
}
.sidebar-page .box-blue p {
font-family: noto sans !important;
margin: 10px 0 20px;
font-size: 17px;
}
.sidebar-page .box-blue h1 {
font-family: oswald !important;
font-size: 3rem;
line-height: 1.2;
color: white;
}
.sidebar-page .box-blue p {
font-family: noto sans !important;
color: white;
}
.sidebar-page .box-blue {
background-color: #69141e;
padding: 10px 30px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
margin-bottom: 10px;
min-height: 331px;
}
.sidebar-page .box-services,
.sidebar-page .box-cta{
margin-left: auto!important;
margin-right: auto!important;
width: 95%;
}
/*Pop suscripción soluciones*/
.popup-background .popup-content p{
font-size: 18px;
text-align: center;
margin: 0 0 30px;
}
.popup-background .popup-content form {
width: 100%;
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.popup-background .popup-content form fieldset {
max-width: 100%;
}
.popup-background .popup-content form fieldset.form-columns-1 .hs-input {
width: 100%;
max-width: 100%;
}
.popup-background .popup-content form label {
font-size: 14px;
font-weight: 600;
color: #000000;
margin-bottom: 10px;
display: block;
text-align: left;
}
.popup-background .popup-content form label span {
color: inherit;
text-align: left;
}
.popup-background .popup-content form label .hs-form-required {
color: #BD2E29;
}
.popup-background .popup-content form textarea {
max-width: 100% !important;
width: 100% !important;
padding-top: 10px;
padding-left: 10px;
font-size: 13px;
font-weight: 600;
height: 120px !important;
}
.popup-background .popup-content form .hs-error-msgs {
display: none !important;
}
.popup-background .popup-content form .hs-form-field {
margin-bottom: 20px;
width: 48%;
}
.popup-background .popup-content form .hs-input {
border: 0;
width: 100%;
max-width: 340px;
background-color: #fafafa;
border-radius: 4px;
height: 35px;
padding-left: 10px;
outline: 0 !important;
font-size: 13px;
font-weight: 600;
border: 1px solid #e0e0e0;
}
.popup-background .popup-content form .hs-input.error {
border-color: #f92b24;
}
.popup-background .popup-content form .hs-button {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 45px;
color: white;
font-size: 15px;
background-color: #EE7100;
font-weight: bold;
border-radius: 3px;
outline: 0 !important;
font-family: "Proxima Nova",sans-serif;
}
/* Interior Webinar */
/* Hero */
.webinars-page .hero-webinar {
background: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/A%20Inbound/hero-webinars.png);
background-size: cover;
background-repeat: no-repeat;
border-bottom: 8px solid #f66d00
}
.webinars-page .hero-webinar .container{
width: 95%;
max-width: 1440px;
height: 315px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.webinars-page .hero-webinar h1 {
font-size: 50px;
color: white;
padding-left: 35px;
}
/* Contenido de los webinars */
.webinars-page .int-webinars {
padding: 40px 0
}
.webinars-page .int-webinars .desk {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.webinars-page .int-webinars .desk .left {
width: 100%;
max-width: 215px
}
.webinars-page .int-webinars .desk .left .cajaBuscador input{
background-position: 10px 10px;
background-repeat: no-repeat;
width: 90%;
font-size: 14px;
padding: 7px 0 7px 5px;
border: 1px solid #c7c7c7;
margin-bottom: 12px;
border-radius: 3px;
outline: 0!important;
}
.webinars-page .int-webinars .desk .left .cajaBuscador input:focus{
border-color: #eca889;
}
.webinars-page .int-webinars .desk .left .btns h3 {
margin: 17px 0 7px;
font-size: 18px;
}
.webinars-page .int-webinars .desk .left .btns .btn {
border: 0;
box-shadow: none;
font-size: 16px;
border-radius: 0;
display: block;
width: auto;
text-align: left;
color: #0b0b0b;
border-bottom: 2px solid transparent;
font-family: 'Proxima Nova', sans-serif;
cursor: pointer;
margin-bottom: 10px;
}
.webinars-page .int-webinars .desk .left .btns .btn:focus {
outline: 0
}
.webinars-page .int-webinars .desk .left .btns .btn.active {
border-bottom: 2px solid #f66d00;
color: #f66d00;
font-weight: bold;
}
.webinars-page .int-webinars .desk .left .btns .btn-main {
padding: 0;
font-size: 18px;
margin: 0 0 7px
}
.webinars-page .int-webinars .desk .right {
width: 100%;
max-width: 1000px
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar {
display: none;
margin: 0 0 30px
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar.marcas {
background: transparent;
padding: 0
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar.show {
display: block
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web {
background: #f1f1f1;
border: 1px solid #b8b8b8;
border-radius: 10px;
display: flex
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .img {
width: 100%;
max-width: 323px;
display: flex;
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .img img {
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
max-width: 100%
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .img img.lg {
height: 100%
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text {
width: 100%;
max-width: 600px;
text-align: left;
padding: 25px 30px
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text h3 {
font-size: 22px;
color: #0b0b0b;
margin: 0 0 15px
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text h3 a {
padding: 0;
font-size: 22px;
color: #0b0b0b;
border: 0;
border-radius: 0
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text h3 a:hover {
background: transparent;
color: #0b0b0b
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text h4 {
font-size: 16px;
color: #7c7c7c;
margin: 0 0 15px
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text h4 span {
color: #f66d00
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text p {
font-size: 16px;
color: #151515;
margin: 0 0 25px;
line-height: 1.5
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text a {
color: #123586;
font-weight: 900;
font-size: 16px;
border: 2px solid #123586;
padding: 6px 12px;
border-radius: 6px;
transition: all .1s ease-in-out;
font-weight: bold;
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text a:hover {
text-decoration: none;
background: #123586;
color: white
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text p a {
text-decoration: underline;
color: #123586;
font-weight: 700;
font-size: 16px;
border: 0;
padding: 0;
border-radius: 0;
font-weight: 500;
}
.webinars-page .int-webinars .desk .right .webinars-content .webinar .content-web .text p a:hover {
text-decoration: underline;
background: transparent;
color: #123586
}
/* Nuevo interior de marcas 2023 */
.int-marca-2023 .content {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 10px;
}
.int-marca-2023 .hero-marca {
display: flex;
justify-content: center;
align-items: center;
height: 324px;
position: relative;
}
.int-marca-2023 .hero-marca img {
display: block;
position: relative;
}
.int-marca-2023 .hero-marca .text-hero-marca {
max-width: 700px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.int-marca-2023 .hero-marca .text-hero-marca h1 {
font-size: 55px;
text-align: center;
color: white;
margin: 0 0 15px;
}
.int-marca-2023 .hero-marca .text-hero-marca p {
font-size: 24px;
text-align: center;
color: white;
margin: 0 0 15px;
}
.int-marca-2023 .hero-marca .text-hero-marca a {
background-color: #073C78;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 16px;
text-align: center;
border-radius: 10px;
margin: 0 auto;
width: 210px;
}
.descargar_pdf {
padding: 50px;
}
.descargar_pdf h2 {
font-size: 28px;
color: #073C79;
font-weight: 700;
line-height: 160%;
text-align: center;
}
.descargar_pdf .cat_descargas {
margin-top: 50px;
display: grid;
grid-gap: 80px 50px;
grid-template-columns: repeat(2, 1fr);
justify-content: center;
justify-items: center;
}
.descargar_pdf .cat_descargas .item_descargas {
display: flex;
border: 1px solid rgba(217, 217, 217, 0.6);
padding: 15px;
gap: 40px;
width: 100%;
max-width: 600px;
}
.descargar_pdf .cat_descargas .item_descargas .image_descarga {
width: 100%;
max-width: 150px;
}
.descargar_pdf .cat_descargas .item_descargas .image_descarga img {
margin: auto;
width: 100%;
}
.descargar_pdf .cat_descargas .item_descargas .text_descarga {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.descargar_pdf .cat_descargas .item_descargas .text_descarga p {
font-size: 18px;
font-weight: 700;
line-height: 160%;
margin: 20px 0px;
}
.descargar_pdf .cat_descargas .item_descargas .text_descarga .btn_descarga {
background-color: #073C79;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 160%;
text-align: center;
width: 100%;
max-width: 200px;
border: 1px solid #073c79;
border-radius: 5px;
padding: 10px 0px;
text-decoration: none;
}
.descargar_pdf .cat_descargas .item_descargas .text_descarga .btn_descarga:hover {
background-color: #fff;
color: #073C79;
}
.int-marca-2023 .info-marca {
padding: 50px 0;
}
.int-marca-2023 .info-marca .content-info-marca {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.int-marca-2023 .info-marca .content-info-marca .logo-info-marca {
width: 100%;
max-width: 200px;
}
.int-marca-2023 .info-marca .content-info-marca .logo-info-marca img {
max-width: 100%;
display: block;
}
.int-marca-2023 .info-marca .content-info-marca .text-info-marca {
width: 100%;
max-width: 824px;
}
.int-marca-2023 .info-marca .content-info-marca .text-info-marca p {
font-size: 20px;
}
.int-marca-2023 .servicios-marca {
background-color: #D7E4EB;
padding: 30px 0;
}
.int-marca-2023 .servicios-marca h2 {
text-align: center;
font-size: 35px;
color: #073C78;
margin: 0 0 60px;
}
.int-marca-2023 .servicios-marca .row-servicios-marcas {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
position: relative;
}
.int-marca-2023 .servicios-marca .row-servicios-marcas:nth-child(2) {
margin: 0 0 40px;
padding: 0 0 40px;
}
.int-marca-2023 .servicios-marca .row-servicios-marcas:nth-child(2):after {
width: 990px;
content: "";
height: 1px;
position: absolute;
bottom: 0;
background-color: #073C78;
left: 50%;
transform: translateX(-50%);
}
.int-marca-2023 .servicios-marca .row-servicios-marcas .servicio-marca {
width: 100%;
max-width: 445px;
margin: 0 auto;
}
.int-marca-2023 .servicios-marca .row-servicios-marcas .servicio-marca h3 {
font-size: 24px;
margin: 0 0 10px;
}
.int-marca-2023 .servicios-marca .row-servicios-marcas .servicio-marca p {
font-size: 17px;
}
.int-marca-2023 .beneficios-marca {
background-color: white;
padding: 60px 0;
}
.int-marca-2023 .beneficios-marca h2 {
text-align: center;
font-size: 35px;
margin: 0 0 60px;
color: #FA6B17;
}
.int-marca-2023 .beneficios-marca p {
font-size: 17px;
color: #101010;
}
.int-marca-2023 .beneficios-marca .row-beneficios-marca {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
position: relative;
}
.int-marca-2023 .beneficios-marca .row-beneficios-marca .beneficio-marca {
width: 100%;
max-width: 445px;
margin: 0 auto;
}
.int-marca-2023 .beneficios-marca .row-beneficios-marca .beneficio-marca h3 {
font-size: 24px;
margin: 0 0 10px;
}
.int-marca-2023 .beneficios-marca .row-beneficios-marca .beneficio-marca p {
font-size: 17px;
color: #101010;
}
.int-marca-2023 .beneficios-marca .row-beneficios-marca .beneficio-marca ul li {
font-size: 17px;
color: #FA6B17;
}
.int-marca-2023 .beneficios-marca .row-beneficios-marca .beneficio-marca ul li span {
font-size: 17px;
color: #101010;
}
.int-marca-2023 .beneficios-marca .imgs-beneficios{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 30px auto 0;
}
.int-marca-2023 .beneficios-marca .imgs-beneficios img{
display: block;
max-width: 100%;
}
.int-marca-2023.raychem .beneficios-marca .imgs-beneficios img{
max-width: 347px;
}
.int-marca-2023.raychem .beneficios-marca .imgs-beneficios img:last-child{
max-width: 503px;
}
.int-marca-2023 .tabs {
background-color: white;
border: 1px solid #333
}
.int-marca-2023 .title-productos-nuevo {
text-align: center;
font-size: 40px;
font-weight: 600;
color: #333;
font-weight: bold
}
.int-marca-2023 .tripwire .title-productos-nuevo {
text-align: center;
font-size: 35px;
margin: 0 0 30px;
font-weight: 600;
color: #333;
font-weight: bold
}
.int-marca-2023 .tabs .nav-tabs {
border-color: transparent;
display: flex;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
flex-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-justify-content: flex-start;
align-items: center;
background-color: #333;
flex-wrap: nowrap;
}
.int-marca-2023 .tabs3 .nav-tabs li {
width: 33.33% !important
}
.int-marca-2023 .tabs .nav-tabs li {
width: 100%;
list-style: none;
}
.int-marca-2023 .tabs-gleason .nav-tabs li {
width: 25%
}
.int-marca-2023 .tabs-belden .nav-tabs li {
width: 50%
}
.int-marca-2023 .tabs .nav-tabs li a {
color: #333;
background-color: white;
font-weight: normal;
display: flex;
justify-content: space-around;
align-content: center;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
margin: 0;
border-radius: 0;
position: relative;
transition: none;
min-height: 80px;
font-size: 12px;
}
.int-marca-2023 .tabs-mersen .nav-tabs li a {
color: #333;
background-color: white;
font-weight: normal;
display: flex;
justify-content: space-around;
align-content: center;
align-items: center;
border: 1px solid #ccc;
border-right: 0;
margin: 0;
border-radius: 0;
position: relative;
transition: none;
min-height: 80px;
text-transform: initial;
font-size: 12px;
}
.int-marca-2023 .tabs .nav-tabs li a i {
font-size: 17px;
margin-left: 10px;
color: #333
}
.int-marca-2023 .tabs .nav-tabs li a.padd {
padding: 18px
}
.int-marca-2023 .tabs .nav-tabs li.active a {
background-color: #333;
color: white;
border: 1px solid #333;
font-weight: normal
}
.int-marca-2023 .tabs .nav-tabs li:last-child a {
border-right: 1px solid #ccc
}
.int-marca-2023 .tabs .nav-tabs li.more a {
padding: 19px
}
.int-marca-2023 .tripwire .tabs .info {
padding: 0 20px
}
.int-marca-2023 .tabs .info {
display: flex;
display: -ms-flex;
display: -moz-flex;
display: -webkit-flex;
position: relative;
align-items: center
}
.int-marca-2023 .tabs .info:after {
content: ' ';
width: 90%;
position: absolute;
height: 1px;
background-color: #ccc;
display: block;
margin: 0 auto;
left: 5%;
bottom: 0
}
.int-marca-2023 .tabs h3 {
font-size: 28px;
font-weight: bold;
position: relative;
margin-bottom: 25px;
text-transform: uppercase;
margin-top: -5px;
color: #073C78;
left: 0
}
.int-marca-2023 .tabs h4 {
font-size: 25px;
font-weight: bold;
position: relative;
margin-bottom: 25px;
margin-top: -5px;
color: #073C78;
left: 0
}
.int-marca-2023 .tabs h4 span {
font-weight: 300;
display: block;
font-size: 24px;
position: relative;
top: 5px
}
.int-marca-2023 .tabs h4:after {
content: ' ';
position: absolute;
width: 35%;
left: 0;
height: 1px;
background-color: #333;
bottom: -15px;
display: none
}
.int-marca-2023 .tabs .info .picture {
max-width: 500px;
width: 500px;
padding: 30px
}
.int-marca-2023 .tabs .info .picture img {
width: auto;
max-width: 100%;
display: block;
margin: 0 auto
}
.int-marca-2023 .tabs-dynics .info .picture img {
width: 100%;
max-width: 50%;
display: block;
margin: 0 auto
}
.int-marca-2023 .tabs-mersen .info .picture img {
width: auto;
display: block;
margin: 0 auto
}
.int-marca-2023 .tabs .especial-size .info .picture img {
width: 60%
}
.int-marca-2023 .tabs .info .information {
max-width: 700px;
padding: 35px 0
}
.int-marca-2023 .tabs.tabs-vertiv .info .information {
max-width: 100%;
padding: 70px 100px
}
.int-marca-2023 .tabs.tabs-vertiv .info .information img {
display: block;
margin: 0 auto 40px
}
.int-marca-2023 .tabs .info ul li {
font-size: 17px;
font-weight: normal;
margin-bottom: 5px;
padding-right: 40px;
text-align: justify
}
.int-marca-2023 .tabs .info ul li a {
background: transparent;
color: #333 !important;
padding: 0;
margin: 0;
text-align: left;
font-size: 17px;
text-decoration: underline;
display: inline-block
}
.int-marca-2023 .tripwire .tabs .info h3 {
text-align: left;
padding-left: 20px
}
.int-marca-2023 .tripwire .tabs .info h4 {
text-align: left;
font-size: 18px;
padding-left: 20px;
color: #073C78;
margin: 15px 0
}
.int-marca-2023 .tripwire .tabs .info ul li {
font-size: 17px;
font-weight: normal;
margin-bottom: 12px;
padding-right: 40px;
text-align: justify;
color: #f66d00
}
.int-marca-2023 .tripwire .tabs .info ul li span {
color: #373730
}
.int-marca-2023 .tabs .info ul{
padding: 0 0 0 20px;
}
.int-marca-2023 .tabs .info ul li {
font-size: 17px;
font-weight: normal;
margin-bottom: 10px;
padding: 0;
text-align: justify;
color: #333 !important
}
.int-marca-2023 .tabs .info p {
font-size: 17px;
font-weight: normal;
margin-bottom: 20px;
padding: 0;
padding-right: 40px;
text-align: justify;
color: #333 !important
}
.int-marca-2023.lapp .tabs .info p{
line-height: 180%;
}
.int-marca-2023 .tabs .info a {
background: #073b78;
display: block;
max-width: 220px;
border-radius: 5px;
color: white !important;
font-size: 17px;
text-align: center;
padding: 8px;
margin: 20px 0 0
}
.int-marca-2023 .tabs .info a:hover {
text-decoration: none
}
.int-marca-2023 .tabs-marca {
background-color: #eff4f7;
padding: 60px 0;
}
.int-marca-2023 .tabs-marca h2 {
text-align: center;
font-size: 35px;
margin: 0 0 60px;
}
.int-marca-2023 .tabs-marca .tabs {
background-color: transparent;
border: none;
}
.int-marca-2023.festo .tabs-marca .tabs .tab-content .tab-pane .title-mobile {
display: block !important;
font-size: 33px !important;
color: #FA6B17 !important;
background-color: transparent !important;
height: auto !important;
text-align: left !important;
margin: 30px 0 0 !important;
}
.int-marca-2023.festo .tabs-marca .tabs .tab-content .tab-pane .title-mobile:hover{
text-decoration: none !important;
}
.int-marca-2023 .tabs-marca .nav-tabs {
background-color: transparent !important;
}
.int-marca-2023 .tabs-marca .nav-tabs li.active a {
border-top: none !important;
border-left: none !important;
border-right: none !important;
background-color: #D7E4EB !important;
color: #073C78 !important;
border-bottom: 5px solid #073C78 !important;
}
.int-marca-2023 .tabs-marca .nav-tabs li a {
background-color: #F3F7F9 !important;
border-radius: 5px 5px 0px 0px !important;
color: #FA6B17 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
font-size: 18px !important;
text-align: center !important;
font-weight: bold !important;
border-bottom: 5px solid transparent !important;
}
.int-marca-2023 .why-marca {
background-color: white;
padding: 60px 0;
}
.int-marca-2023 .why-marca .content-why-marca {
background-color: #073C78;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 50px 80px;
border-radius: 20px;
}
.int-marca-2023 .why-marca .content-why-marca .title-why-marca {
width: 100%;
max-width: 315px;
}
.int-marca-2023 .why-marca .content-why-marca .title-why-marca h2 {
font-size: 40px;
color: white;
margin: 0 0 20px;
}
.int-marca-2023 .why-marca .content-why-marca .text-why-marca {
width: 100%;
max-width: 548px;
}
.int-marca-2023 .why-marca .content-why-marca .text-why-marca h3 {
font-size: 20px;
margin: 0 0 20px;
color: white;
font-weight: bold;
}
.int-marca-2023 .why-marca .content-why-marca .text-why-marca p {
font-size: 17px;
margin: 0 0 20px;
color: white;
}
.int-marca-2023 .pdfs-marca {
padding: 60px 0;
}
.int-marca-2023 .pdfs-marca h2 {
text-align: center;
font-size: 35px;
margin: 0 0 60px;
}
.int-marca-2023.festo .pdfs-marca h2{
margin: 0;
font-weight: bold;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca {
width: 100%;
max-width: 868px;
margin: 0 auto;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca .pdf-marca {
width: 100%;
padding: 40px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 20px;
border: 1px solid #D9D9D9;
}
.int-marca-2023.festo .pdfs-marca .content-pdfs-marca .pdf-marca{
padding: 0;
border: none;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca .pdf-marca .img-pdf-marca {
width: 100%;
max-width: 214px;
}
.int-marca-2023.festo .pdfs-marca .content-pdfs-marca .pdf-marca .img-pdf-marca{
max-width: 435px;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca .pdf-marca .img-pdf-marca img {
display: block;
max-width: 100%;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca .pdf-marca .text-pdf-marca {
width: 100%;
max-width: 550px;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca .pdf-marca .text-pdf-marca h3 {
font-size: 30px;
margin: 0 0 30px;
}
.int-marca-2023 .pdfs-marca .content-pdfs-marca .pdf-marca .text-pdf-marca a {
background-color: #073C78;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 16px;
text-align: center;
border-radius: 10px;
margin: 0;
width: 210px;
}
.int-marca-2023 .ebook-marca {
background-color: white;
padding: 60px 0;
}
.int-marca-2023 .ebook-marca .content-ebook-marca {
background-color: #FA6B17;
border-radius: 20px;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.int-marca-2023 .ebook-marca .content-ebook-marca .img-ebook-marca {
max-width: 300px;
width: 100%;
}
.int-marca-2023 .ebook-marca .content-ebook-marca .img-ebook-marca img {
display: block;
max-width: 100%;
}
.int-marca-2023 .ebook-marca .content-ebook-marca .text-ebook-marca {
width: 100%;
max-width: 580px;
}
.int-marca-2023 .ebook-marca .content-ebook-marca .text-ebook-marca h3 {
font-size: 24px;
color: white;
margin: 0 0 15px;
}
.int-marca-2023 .ebook-marca .content-ebook-marca .text-ebook-marca p {
font-size: 18px;
color: white;
margin: 0 0 20px;
}
.int-marca-2023 .ebook-marca .content-ebook-marca .text-ebook-marca a {
background-color: #073C78;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 16px;
text-align: center;
border-radius: 10px;
margin: 0;
width: 210px;
}
.int-marca-2023.int-marca-2023-v2 .tabs .content-tab-2023{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 60px 0;
grid-gap: 40px 0;
}
.int-marca-2023.festo .tabs .content-tab-2023{
grid-template-columns: 1fr;
}
.int-marca-2023.int-marca-2023-v2 .tabs .info{
max-width: 350px;
display: block;
}
.int-marca-2023.raychem .tabs .info{
max-width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 40px 0;
}
.int-marca-2023.raychem .tabs .info h4{
width: 100%;
color: #FA6B17;
}
.int-marca-2023.raychem .tabs .info .information{
max-width: 640px;
}
.int-marca-2023.raychem .tabs .info .picture{
max-width: 460px !important;
}
.int-marca-2023.festo .tabs .info{
display: flex;
align-items: flex-start;
max-width: 100%;
padding: 0 0 30px;
}
.int-marca-2023.festo .tabs .info .information{
padding: 35px 0px 35px 40px;
max-width: 100%;
}
.int-marca-2023.lapp .tabs .info.info-text .information{
padding: 0;
}
.int-marca-2023.int-marca-2023-v2 .tabs .info.info-text{
max-width: 100%;
display: block;
}
.int-marca-2023.int-marca-2023-v2 .tabs .info.info-text h4{
margin: 0;
}
.int-marca-2023.int-marca-2023-v2 .tabs .info .picture{
width: 100%;
max-width: 100%;
padding: 15px;
background-color: white;
border-radius: 10px;
}
.int-marca-2023.festo .tabs .info .picture{
max-width: 420px;
}
.int-marca-2023.int-marca-2023-v2 .servicios-marca{
background-color: white;
}
.int-marca-2023.int-marca-2023-v2 .servicios-marca .content-servicios-marca{
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
background-color: #D7E4EB;
padding: 40px;
border-radius: 20px;
}
.int-marca-2023.int-marca-2023-v2 .servicios-marca .content-servicios-marca h2{
max-width: 220px;
text-align: left;
margin: 0;
}
.int-marca-2023.int-marca-2023-v2 .servicios-marca .content-servicios-marca .row-servicios-marcas{
display: block;
padding: 0;
margin: 0;
}
.int-marca-2023.int-marca-2023-v2 .servicios-marca .content-servicios-marca .row-servicios-marcas:after{
display: none;
}
.int-marca-2023.int-marca-2023-v2 .servicios-marca .content-servicios-marca .row-servicios-marcas .servicio-marca{
max-width: 700px;
}
.int-marca-2023.int-marca-2023-v2 .beneficios-marca .row-beneficios-marca{
display: block;
}
.int-marca-2023.int-marca-2023-v2 .beneficios-marca .row-beneficios-marca .beneficio-marca{
max-width: 850px;
}
/* FIN nuevo interior de marcas 2023 */
/* Interior soluciones - Caso de exito */
.soluciones-page .page-main-content .content-container .card-main{
background-color: white;
border-radius: 3px;
border: 1px solid #ccc;
padding: 15px 25px;
margin-top: 20px;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .card-main img{
display: block;
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .card-main span{
color: inherit;
}
.soluciones-page .page-main-content .content-container .card-main h2{
text-align: left;
color: #444;
}
.soluciones-page .page-main-content .content-container .card-main h3{
font-size: 20px;
color: #444;
font-weight: normal;
}
.soluciones-page .page-main-content .content-container .card-main h4{
font-size: 18px;
margin-bottom: 10px;
}
.soluciones-page .page-main-content .content-container .card-main img{
margin: 20px 0;
}
.soluciones-page .page-main-content .content-container .card-main p{
font-size: 17px;
color: #707070;
line-height: 1.75;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .card-main ul{
padding-left: 40px;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .card-main ul.grid-list{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.soluciones-page .page-main-content .content-container .card-main ul.grid-list li{
width: 50%;
padding: 0 30px 0 0;
}
.soluciones-page .page-main-content .content-container .card-main ul li{
color: #042f5f;
}
.soluciones-page .page-main-content .content-container .card-main ul li p{
font-size: 16px;
margin-bottom: 10px;
}
/* Inicia template industria */
.industria-template {
font-size: 100%;
}
.industria-template p {
font-size: 1em;
}
.industria-template h1 {
font-size: 2.1875em;
}
.industria-template h2 {
font-size: 2em;
}
.industria-template h3 {
font-size: 1.375em;
}
.industria-template .hero-block-indus {
background: #313131;
background-size: cover;
background-position: center center;
border-bottom: 8px solid #F66D00;
}
.industria-template .hero-block-indus#hero-azucarera {
background-image: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/risoul-hero-industria-azucarera.jpg);
}
.industria-template .hero-block-indus .text {
width: 100%;
max-width: 605px;
padding: 45px 0;
}
.industria-template .hero-block-indus .text h1,
.industria-template .hero-block-indus .text span,
.industria-template .hero-block-indus .text p,
.industria-template .hero-block-indus .text a {
color: white;
}
.industria-template .hero-block-indus .text p {
font-size: 1.25em;
line-height: 1.75;
font-weight: 600;
margin: 35px 0;
}
.industria-template .hero-block-indus .text a.btn-outline {
display: block;
width: 100%;
max-width: 315px;
font-size: 1.125em;
text-transform: uppercase;
border: 2px solid white;
border-radius: 3px;
text-align: center;
font-weight: bold;
line-height: 1;
padding: 14px 0;
transition: all 0.1s ease-in-out;
}
.industria-template .hero-block-indus .text a.btn-outline:hover {
background-color: white;
color: #313131;
}
.industria-template .block-solutions-lines {
background-color: #F1F1F1;
padding: 50px 0;
}
.industria-template .block-solutions-lines h2 {
text-align: center;
margin-bottom: 50px;
}
.industria-template .block-solutions-lines .solution-line {
display: flex;
box-shadow: 0px 3px 6px #00000029;
background-color: transparent;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
margin-bottom: 30px;
}
.industria-template .block-solutions-lines .solution-line:last-child {
margin-bottom: 0;
}
.industria-template .block-solutions-lines .solution-line .pic {
width: 100%;
max-width: 420px;
display: flex;
border-right: 1px solid #707070;
}
.industria-template .block-solutions-lines .solution-line .pic img {
display: block;
max-width: 100%;
}
.industria-template .block-solutions-lines .solution-line .text {
width: 100%;
max-width: 780px;
padding: 50px;
background-color: white;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
border-right: 1px solid #707070;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
.industria-template .block-solutions-lines .solution-line .text h3, .industria-template .block-solutions-lines .solution-line .text p {
color: #333333;
}
.industria-template .block-solutions-lines .solution-line .text h3 {
margin-bottom: 20px;
}
.industria-template .block-solutions-lines .solution-line .text p {
font-size: 1.25em;
line-height: 1.75;
}
.industria-template .projects-carousel-block {
padding: 50px 0;
}
.industria-template .projects-carousel-block h2 {
margin-bottom: 50px;
text-align: center;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .slick-arrow {
width: 30px;
height: 60px;
background: transparent;
font-size: 0;
outline: 0;
position: absolute;
top: calc( 50% - 30px );
z-index: 10;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .slick-arrow.slick-prev {
border-right: 30px solid #103881;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 0;
left: 0;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .slick-arrow.slick-next {
border-left: 30px solid #103881;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 0;
right: 0;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .slick-arrow.slick-disabled {
opacity: 0.2;
cursor: default;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block {
width: 100%;
max-width: 1050px;
margin: 0 auto;
border-radius: 9px;
overflow: hidden;
border: 1px solid #707070;
box-shadow: 0px 3px 6px #00000029;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .mainpicture img {
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description {
padding: 20px 30px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description .sides {
display: flex;
justify-content: space-between;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description .sides .itm {
width: 49%;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description h4 {
font-size: 1.375em;
margin-bottom: 10px;
color: #333333;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description p,
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description ul li {
font-size: 1.125em;
line-height: 1.75;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description p {
margin-bottom: 20px;
color: #333333;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description p:last-child {
margin-bottom: 0;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description ul {
padding-left: 30px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description ul li {
margin-bottom: 10px;
color: #E86E00;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description ul li:last-child {
margin-bottom: 0;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description ul li span {
color: #333333;
}
.industria-template .section-ebooks-block {
background: linear-gradient(#fbfbfb, #FFFFFF);
padding: 50px 0;
}
.industria-template .section-ebooks-block h2 {
text-align: center;
color: #123586;
margin-bottom: 50px;
}
.industria-template .section-ebooks-block .block-carousel-ebooks {
border-bottom: 1px solid #707070;
padding-bottom: 70px;
margin-bottom: 70px;
}
.industria-template .section-ebooks-block .block-carousel-ebooks:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.industria-template .section-ebooks-block .block-carousel-ebooks h2 {
color: #000;
font-weight: normal;
}
.industria-template .section-ebooks-block .carousel-ebooks#carouselEbook2 .item .ebook-block a.btn-descargar {
max-width: 215px;
}
.industria-template .section-ebooks-block .carousel-ebooks .slick-arrow {
width: 30px;
height: 60px;
background: transparent;
font-size: 0;
outline: 0;
position: absolute;
top: calc( 50% - 30px );
z-index: 10;
}
.industria-template .section-ebooks-block .carousel-ebooks .slick-arrow.slick-prev {
border-right: 30px solid #F26F00;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 0;
left: 0;
}
.industria-template .section-ebooks-block .carousel-ebooks .slick-arrow.slick-next {
border-left: 30px solid #F26F00;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 0;
right: 0;
}
.industria-template .section-ebooks-block .carousel-ebooks .slick-arrow.slick-disabled {
opacity: 0.2;
cursor: default;
}
.industria-template .section-ebooks-block .carousel-ebooks .item .ebook-block {
width: 100%;
max-width: 290px;
margin: 0 auto;
}
.industria-template .section-ebooks-block .carousel-ebooks .item .ebook-block h3 {
text-align: center;
color: #333333;
line-height: 1.75;
}
.industria-template .section-ebooks-block .carousel-ebooks .item .ebook-block .cover {
width: 100%;
margin: 30px 0;
max-height: 265px;
}
.industria-template .section-ebooks-block .carousel-ebooks .item .ebook-block .cover img {
display: block;
margin: 0 auto;
max-height: 100%;
}
.industria-template .section-ebooks-block .carousel-ebooks .item .ebook-block a.btn-descargar {
background-color: #13328B;
width: 100%;
border-radius: 5px;
color: white;
text-align: center;
font-weight: 600;
padding: 10px 0;
display: block;
font-size: 1.25em;
margin: 0 auto;
}
.industria-template .block-form-sides {
background-color: #F4F4F4;
padding: 40px 0;
}
.industria-template .block-form-sides .sides-part {
display: flex;
align-items: center;
}
.industria-template .block-form-sides .sides-part .itm {
width: 50%;
}
.industria-template .block-form-sides .sides-part .text {
width: 100%;
max-width: 560px;
margin: 0 auto;
}
.industria-template .block-form-sides .sides-part .text h2 {
text-align: center;
line-height: 1.5;
max-width: 345px;
margin: 0 auto;
font-size: 1.875em;
}
.industria-template .block-form-sides .sides-part .text p {
font-size: 1.375em;
line-height: 1.75;
text-align: center;
}
.industria-template .block-form-sides .sides-part .text p:nth-child(2) {
margin: 30px 0;
}
.industria-template .block-form-sides .sides-part .form-block {
margin-left: 80px;
}
.industria-template .block-form-sides .sides-part .form-block form {
width: 100%;
max-width: 100%;
}
.industria-template .block-form-sides .sides-part .form-block form fieldset {
max-width: 100%;
}
.industria-template .block-form-sides .sides-part .form-block form fieldset.form-columns-1 .hs-input {
width: 100%;
max-width: 100%;
}
.industria-template .block-form-sides .sides-part .form-block form label {
font-size: 14px;
font-weight: 600;
color: #000000;
margin-bottom: 10px;
display: block;
}
.industria-template .block-form-sides .sides-part .form-block form label span {
color: inherit;
}
.industria-template .block-form-sides .sides-part .form-block form label .hs-form-required {
color: #BD2E29;
}
.industria-template .block-form-sides .sides-part .form-block form textarea {
max-width: 100% !important;
width: 100% !important;
padding-top: 10px;
padding-left: 10px;
font-size: 13px;
font-weight: 600;
height: 120px !important;
}
.industria-template .block-form-sides .sides-part .form-block form .hs-error-msgs {
display: none !important;
}
.industria-template .block-form-sides .sides-part .form-block form .hs-form-field {
margin-bottom: 20px;
}
.industria-template .block-form-sides .sides-part .form-block form .hs-input {
border: 0;
width: 100%;
max-width: 340px;
background-color: #fff;
border-radius: 4px;
height: 35px;
padding-left: 10px;
outline: 0 !important;
font-size: 13px;
font-weight: 600;
border: 1px solid #707070;
}
.industria-template .block-form-sides .sides-part .form-block form .hs-input.error {
border-color: #f92b24;
}
.industria-template .block-form-sides .sides-part .form-block form .hs-button {
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 45px;
color: white;
font-size: 15px;
background-color: #EE7100;
font-weight: bold;
border-radius: 3px;
outline: 0 !important;
border: 0;
}
/* Webinars para industria */
.industria-template .int-webinars h2{
text-align: center;
margin-bottom: 50px;
}
.industria-template .int-webinars .desk{
justify-content: center;
}
/* Termina template industria */
/* Nuevo interior Software RA */
#software-ra-int .hero{
background: white;
}
#software-ra-int .hero .side_inf{
margin-right: auto;
}
#software-ra-int .hero .side_inf .logo img{
max-width: 100%;
}
#software-ra-int .hero .side_vid{
width: 100%;
max-width: 535px;
}
#software-ra-int .hero .side_vid iframe{
width: 100%;
}
#software-ra-int .main_part{
border-top: 8px solid #F66D00;
}
#software-ra-int .main_part .brand_tabs .brands_links a.active{
background-color: #707070;
border-color: #707070;
}
#software-ra-int .main_part .brand_tabs .brands_links a:before{
border-top-color: #707070;
}
#software-ra-int .main_part .brand_tabs{
max-width: 1210px;
}
#software-ra-int .main_part .brand_tabs #brands_container{
margin-top: 35px;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont{
border-radius: 9px;
border: 1px solid #707070;
}
#software-ra-int .main_part .brand_tabs .brands_links a{
height: 55px;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .intro h2{
margin-bottom: 10px;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .intro p{
text-align: center;
font-size: 22px;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra h3{
font-size: 20px;
margin: 20px 0;
color: #0D3A7C;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra p{
font-size: 18px;
line-height: 1.75;
color: #333333;
margin: 20px 0;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra p strong{
display: block;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra ul{
padding-left: 20px;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra ul li{
color: #F66D28;
font-size: 17px;
margin-bottom: 10px;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra ul li:last-child{
margin-bottom: 0;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont .info-ra ul li span{
color: #333333;
}
#software-ra-int .main_part .brand_tabs #brands_container .brand_card .brand_cont img{
display: block;
margin: 0 auto;
max-width: 100%;
}
#software-ra-int .block-solutions-lines{
background-color: white;
}
#software-ra-int .block-solutions-lines .solution-line .text{
padding: 30px;
background-color: #F1F1F1;
}
/* FIn interior SOFTWARERA */
/* Empieza interior Satco */
#satcoInt .hero{
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/satco-hero.jpg");
background-size: cover;
background-position: center center;
}
#satcoInt .hero h1 {
font-size: 37px;
}
#satcoInt .hero .side_brand {
max-width: 320px;
}
#satcoInt .hero .side_brand p {
margin: 50px 0 20px;
line-height: 1.75;
}
#satcoInt .hero .side_inf{
max-width: 520px;
margin-right: auto;
}
#satcoInt .serv_grid.serv-two{
justify-content: center;
}
#satcoInt .serv_grid.serv-two .serv{
display: flex;
align-items: center;
margin-bottom: 80px;
}
#satcoInt .serv_grid.serv-two .serv:last-child{
margin-bottom: 0;
}
#satcoInt .serv_grid {
max-width: 100%;
margin: 50px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#satcoInt .serv_grid .serv{
width: 50%;
display: block;
max-width: 520px;
}
#satcoInt .serv_grid .serv:last-child ul{
max-width: 380px;
}
#satcoInt .serv_grid .serv .ico {
background-color: transparent;
border-radius: 0;
max-width: 134px;
width: 100%;
height: auto;
}
#satcoInt .serv_grid .serv .ico img {
max-width: 84px;
display: block;
margin: 0 auto;
}
#satcoInt .serv_grid .serv p {
font-size: 18px;
max-width: 400px;
font-weight: normal;
width: 100%;
margin: 0;
}
#satcoInt .serv_grid h2{
color: #013E74;
max-width: 350px;
margin: 0 auto 50px;
}
#satcoInt .serv_grid ul{
max-width: 520px;
padding-left: 30px;
margin: 0 auto;
}
#satcoInt .serv_grid .serv ul li{
color: #F66D00;
font-size: 18px;
margin-bottom: 15px;
}
#satcoInt .serv_grid .serv ul li:last-child{
margin-bottom: 0;
}
#satcoInt .serv_grid .serv ul li span {
color: #707070;
}
#satcoInt .serv_grid .serv p span {
font-weight: normal;
display: block;
margin-top: 10px;
}
#satcoInt .bloque-calidad{
background-color: #0D3A7C;
padding: 60px 0;
}
#satcoInt .bloque-calidad h2{
text-align: center;
color: white;
font-size: 27px;
margin-bottom: 60px;
}
#satcoInt .bloque-calidad .calidad-grid{
display: flex;
justify-content: center;
}
#satcoInt .bloque-calidad .calidad-grid .itm{
width: 20%;
max-width: 180px;
margin: 0 20px;
}
#satcoInt .bloque-calidad .calidad-grid .itm img{
display: block;
max-width: 100%;
}
#satcoInt .solutions-part .slick-list{
padding: 0;
}
#satcoInt .main_part .brand_tabs {
display: flex;
max-width: 100%;
}
#satcoInt .main_part .brand_tabs .brands_links {
display: block;
width: 100%;
max-width: 265px;
margin-right: 40px;
}
#satcoInt .main_part .brand_tabs .brands_links a{
font-size: 15px;
}
#satcoInt .main_part .brand_tabs .brands_links a:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
right: -20px;
bottom: unset;
}
#satcoInt .main_part .brand_tabs #brands_container {
width: 100%;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
border-radius: 2px;
overflow: hidden;
border: 1px solid #eaeaea;
width: 100%;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
width: 100%;
max-width: 215px;
margin: 0 auto;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 100%;
height: auto;
padding: 0;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
margin: 0 auto 20px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod img {
max-width: 100%;
display: block;
margin: 0 auto;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm h3{
text-align: center;
margin: 0 0 10px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
line-height: 1.7;
font-weight: normal;
color: #707070;
font-size: 15px;
}
#satcoInt .beneficios {
padding: 50px 0;
background-color: #fff;
}
#satcoInt .beneficios h2 {
text-align: center;
color: #013E74;
font-size: 24px;
margin-bottom: 50px;
}
#satcoInt .beneficios .grid-benefits {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
max-width: 100%;
margin: 0 auto 30px;
}
#satcoInt .beneficios .grid-benefits .itm iframe {
height: 210px;
max-width: 370px;
margin: 0 auto;
display: block;
}
#satcoInt .beneficios .grid-benefits .itm ul {
padding-left: 20px;
list-style: none;
}
#satcoInt .beneficios .grid-benefits .itm ul li {
font-size: 16px;
color: #707070;
font-weight: 600;
margin-bottom: 10px;
}
#satcoInt .beneficios .grid-benefits .itm ul li:last-child {
margin-bottom: 0;
}
#satcoInt .beneficios .grid-benefits .itm ul li:before {
content: "•";
color: #F66D00;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
#satcoInt .beneficios h3{
font-size: 35px;
color: #2E2E2E;
text-align: center;
margin: 0 0 30px;
}
#satcoInt .beneficios .grid-benefits .itm img{
max-width: 100%;
}
#satcoInt .beneficios .grid-benefits .itm a {
display: block;
}
#satcoInt .beneficios .grid-benefits .itm a img {
width: 100%;
max-width: 280px;
}
#satcoInt .why-brand .flex-why .info-txt{
max-width: 680px;
}
#satcoInt .why-brand .flex-why .info-txt p{
line-height: 1.75;
}
#satcoInt .why-brand .flex-why .info-txt ul{
padding: 0 0 0 20px;
margin: 25px 0 0;
}
#satcoInt .why-brand .flex-why .info-txt ul li{
font-size: 19px;
margin: 0 0 10px;
}
#satcoInt .solutions-part .box{
min-height: 470px;
}
#satcoInt .tecpart {
padding: 40px 0;
background: linear-gradient(180deg, #044E90 0%, #013E74 100%);
}
#satcoInt .tecpart h2, #satcoInt .tecpart p {
color: #fff;
text-align: center;
}
#satcoInt .tecpart h2 {
font-weight: bold;
font-size: 25px;
margin-bottom: 25px;
}
#satcoInt .tecpart p {
margin-bottom: 25px;
font-size: 19px;
}
#satcoInt .tecpart .boxgrids {
padding: 0 50px;
}
#satcoInt .tecpart .boxgrids .slick-list {
width: 100%;
margin: 0 auto;
padding-left: 10px;
}
#satcoInt .tecpart .boxgrids button {
position: absolute;
font-size: 0;
width: 60px;
height: 60px;
background-color: transparent;
border: 0;
background-size: cover;
background-position: center center;
outline: 0 !important;
top: calc( 50% - 30px );
cursor: pointer;
z-index: 101;
}
#satcoInt .tecpart .boxgrids button.slick-prev {
left: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-prv.png");
}
#satcoInt .tecpart .boxgrids button.slick-next {
right: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/arrow-wh-milw-nxt.png");
}
#satcoInt .tecpart .boxgrids button.slick-disabled {
background-image: none;
cursor: default;
}
#satcoInt .tecpart .boxgrids .itm {
display: flex;
}
#satcoInt .tecpart .boxgrids .itm .box {
background-color: white;
padding: 10px;
border-radius: 5px;
width: 95%;
margin: 0 auto;
display: block;
min-height: 220px;
border: 1px solid #013E74;
}
#satcoInt .tecpart .boxgrids .itm .box h3, #satcoInt .tecpart .boxgrids .itm .box p {
color: #707070;
text-align: left;
}
#satcoInt .tecpart .boxgrids .itm .box h3 {
font-weight: 800;
font-size: 16px;
margin-bottom: 2px;
}
#satcoInt .tecpart .boxgrids .itm .box p {
font-weight: 600;
font-size: 14px;
margin: 0;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form {
margin: 0 auto;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form label {
font-size: 12px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form fieldset {
max-width: 100%;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-field {
margin-bottom: 15px;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-error-msgs {
display: none !important;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-form-required {
color: red !important;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input,
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select {
margin-right: 0;
width: 98%;
max-width: 243px;
padding: 0 !important;
padding-left: 5px !important;
height: 25px;
line-height: 1;
box-shadow: none;
border: 1px solid #c5c5c5;
font-size: 12px;
border-radius: 2px;
outline: 0 !important;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-input.error,
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form select.error {
border-color: red;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea.hs-input {
padding-top: 5px !important;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions {
margin: 0;
padding: 0;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form .hs-submit .actions input {
background: #3574e3;
text-shadow: none;
border: 0;
outline: 0 !important;
box-shadow: none !important;
font-size: 16px;
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
width: 180px;
height: 40px;
color: white;
border-radius: 3px;
font-weight: bold;
}
#satcoInt .modal .modal-dialog .modal-content .modal-body .sides-mod .side-form .forma form textarea {
width: 98% !important;
max-width: 98% !important;
height: 75px !important;
}
/* Fin Interior Satco */
/* Inicia interior Factory Talk */
#factoryTalkInt .hero-block-indus{
border-bottom: 0;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-factory-talk.jpg");
}
#factoryTalkInt .hero-block-indus .text{
padding: 80px 0;
}
#factoryTalkInt .hero-block-indus h1,
#factoryTalkInt .hero-block-indus h1 span,
#factoryTalkInt .hero-block-indus p,
#factoryTalkInt .hero-block-indus p span{
color: #000000;
}
#factoryTalkInt .hero-block-indus h1{
font-size: 50px;
}
#factoryTalkInt .hero-block-indus p{
font-size: 35px;
line-height: 1.5;
margin: 10px 0 20px;
}
#factoryTalkInt .hero-block-indus .text a.btn-outline{
max-width: 165px;
background-color: #0D3A7C;
border: 0;
color: white;
border-radius: 6px;
}
#factoryTalkInt .banner-text{
padding: 40px 0;
}
#factoryTalkInt .banner-text p{
font-size: 1.75em;
line-height: 1.5;
color: #333;
}
#factoryTalkInt .block-solutions-lines .solution-line{
background-color: white;
border: 1px solid #707070;
border-radius: 9px;
overflow: hidden;
}
#factoryTalkInt .block-solutions-lines .solution-line .pic{
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
border-right: 0;
}
#factoryTalkInt .block-solutions-lines .solution-line .pic .txt{
width: 100%;
max-width: 350px;
margin: 0 auto;
}
#factoryTalkInt .block-solutions-lines .solution-line .pic .txt p{
font-size: 1.3em;
}
#factoryTalkInt .block-solutions-lines .solution-line .pic .txt h3{
margin: 20px 0 5px;
font-weight: bold;
font-size: 1.7em;
}
#factoryTalkInt .block-solutions-lines .solution-line .text{
border: 0;
padding-left: 10px;
border-radius: 0;
}
#factoryTalkInt .block-solutions-lines .solution-line .text p{
margin-bottom: 20px;
}
#factoryTalkInt .block-solutions-lines .solution-line .text a.lk{
font-weight: bold;
color: #0D3A7C;
font-size: 1.15em;
text-decoration: underline;
}
/* Termina interior Factory Talk */
/* Start DSU int */
#intDsu {
font-size: 100%;
}
#intDsu p {
font-size: 1em;
}
#intDsu h1 {
font-size: 2.1875em;
}
#intDsu h2 {
font-size: 2em;
}
#intDsu h3 {
font-size: 1.375em;
}
#intDsu .hero-block-indus {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-dsu.jpg");
background-size: cover;
background-position: center center;
}
#intDsu .hero-block-indus .text {
padding: 85px 0;
}
#intDsu .hero-block-indus .text h1, #intDsu .hero-block-indus .text p {
color: #333333;
}
#intDsu .hero-block-indus .text h1 {
max-width: 500px;
line-height: 1.5;
}
#intDsu .hero-block-indus .text p {
margin: 20px 0;
max-width: 335px;
font-weight: normal;
}
#intDsu .hero-block-indus .text a.btn-outline {
background-color: #013E74;
color: white;
border: 0;
border-radius: 6px;
max-width: 200px;
text-transform: none;
}
#intDsu .benefits-services-block {
padding: 60px 0;
background-color: #F1F1F1;
}
#intDsu .benefits-services-block h2 {
margin: 0 0 60px;
text-align: center;
font-size: 1;
}
#intDsu .benefits-services-block .grid-info {
display: flex;
}
#intDsu .benefits-services-block .grid-info .itm {
width: 100%;
}
#intDsu .benefits-services-block .grid-info .list {
width: 100%;
max-width: 595px;
}
#intDsu .benefits-services-block .grid-info .list ul {
padding: 0 0 0 20px;
}
#intDsu .benefits-services-block .grid-info .list ul li {
margin-bottom: 15px;
color: #F66D28;
font-size: 1.15em;
}
#intDsu .benefits-services-block .grid-info .list ul li span {
color: #333;
}
#intDsu .benefits-services-block .grid-info .pic {
width: 100%;
max-width: 430px;
margin-left: auto;
}
#intDsu .benefits-services-block .grid-info .pic img {
display: block;
max-width: 100%;
margin: 0 auto;
}
#intDsu .benefits-services-block .grid-info .wait {
max-width: 370px;
margin: 0 auto;
}
#intDsu .benefits-services-block .grid-info .wait .num {
width: 105px;
height: 105px;
background-color: #204A88;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 0;
}
#intDsu .benefits-services-block .grid-info .wait .num h4 {
text-align: center;
color: white;
font-size: 3.5em;
}
#intDsu .benefits-services-block .grid-info .wait h3 {
text-align: center;
margin: 30px 0 20px;
}
#intDsu .benefits-services-block .grid-info .wait p {
color: #707070;
font-size: 1.1em;
line-height: 1.5;
}
#intDsu .servicios-white-block {
background-color: white;
padding: 50px 0;
}
#intDsu .servicios-white-block h2 {
max-width: 565px;
text-align: center;
line-height: 1.5;
margin: 0 auto 50px;
}
#intDsu .servicios-white-block ul.last-list {
padding-left: 25px;
margin-top: 25px;
}
#intDsu .servicios-white-block ul.last-list li {
margin-bottom: 10px;
}
#intDsu .servicios-white-block ul.last-list li:last-child {
margin-bottom: 0;
}
#intDsu .servicios-white-block .boxes-sides {
display: flex;
margin-bottom: 50px;
}
#intDsu .servicios-white-block .boxes-sides .itm {
width: 50%;
display: flex;
}
#intDsu .servicios-white-block .boxes-sides .itm .box {
width: 100%;
max-width: 580px;
margin: 0 auto;
border-radius: 5px;
border: 2px solid #0D3A7C;
padding: 30px;
}
#intDsu .servicios-white-block .boxes-sides .itm .box h3 {
text-align: center;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #0D3A7C;
}
#intDsu .servicios-white-block .boxes-sides .itm .box ul {
padding: 0 0 0 20px;
}
#intDsu .servicios-white-block .boxes-sides .itm .box ul li {
color: #F66D28;
font-size: 1em;
margin-bottom: 10px;
line-height: 1.75;
}
#intDsu .servicios-white-block .boxes-sides .itm .box ul li:last-child {
margin-bottom: 0;
}
#intDsu .servicios-white-block .boxes-sides .itm .box ul li span {
color: #707070;
}
#intDsu .proveedores-block {
padding: 80px 0;
}
#intDsu .proveedores-block h2 {
margin: 0 auto 50px;
text-align: center;
max-width: 90%;
}
#intDsu .proveedores-block .sides-prov {
display: flex;
}
#intDsu .proveedores-block .sides-prov .side-inf {
width: 100%;
max-width: 720px;
}
#intDsu .proveedores-block .sides-prov .side-pic {
width: 100%;
max-width: 400px;
margin: 0 0 0 auto;
}
#intDsu .proveedores-block .sides-prov .side-pic img {
display: block;
max-width: 100%;
}
#intDsu .proveedores-block .sides-prov p {
font-size: 1.1em;
color: #707070;
line-height: 1.75;
}
#intDsu .proveedores-block .sides-prov .icoline {
display: flex;
align-items: center;
margin-top: 30px;
}
#intDsu .proveedores-block .sides-prov .icoline .ico {
width: 100%;
max-width: 55px;
margin-right: 25px;
}
#intDsu .proveedores-block .sides-prov .icoline .ico img {
display: block;
max-width: 100%;
margin: 0 auto;
}
#intDsu .proveedores-block .sides-prov .icoline p {
width: 100%;
margin-bottom: 0;
}
/* END DSU */
/* Inicia landing automation fair 2020 */
#landAutomation20 .heroLand{
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-automation-fair20.jpg");
background-size: cover;
background-position: center center;
}
#landAutomation20 .heroLand .container{
display: flex;
justify-content: flex-end;
align-items: center;
height: 325px;
}
#landAutomation20 .heroLand .inf{
max-width: 535px;
}
#landAutomation20 .heroLand .inf h1{
color: white;
font-size: 35px;
text-align: center;
}
#landAutomation20 .heroLand .inf h1 span{
color: #F66D28;
}
#landAutomation20 .heroLand .inf h3{
margin: 20px 0;
text-align: center;
font-size: 25px;
color: white;
}
#landAutomation20 .heroLand .inf a.lk{
color: white;
font-size: 20px;
display: table;
margin: 0 auto;
text-decoration: underline;
font-weight: bold;
}
#landAutomation20 .bannerWhite{
padding: 45px 0;
background-color: white;
}
#landAutomation20 .bannerWhite p:first-child{
margin-bottom: 20px;
}
#landAutomation20 .bannerWhite p{
font-size: 25px;
line-height: 1.5;
max-width: 1080px;
margin: 0 auto;
}
#landAutomation20 .bannerWhite p span{
font-weight: bold;
color: #F66D28;
}
#landAutomation20 .fondonegro{
padding: 70px 0;
background-color: #404040;
}
#landAutomation20 .fondonegro h2{
text-align:Â center;
color: white;
line-height: 1.5;
font-size: 32px;
max-width: 600px;
margin: 0 auto;
text-align: center;
}
#landAutomation20 .fondonegro h4{
text-align: center;
color: white;
font-size: 27px;
margin-bottom: 45px;
}
#landAutomation20 .fondonegro a.btn{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 18px;
width: 290px;
height: 50px;
border-radius: 6px;
background-color: #F66D28;
color: white;
font-weight: bold;
margin: 0 auto;
}
#landAutomation20 .fondonegro .gridbloques{
display: flex;
flex-wrap: wrap;
}
#landAutomation20 .fondonegro .gridbloques .itm{
width: 50%;
padding: 70px 0;
}
#landAutomation20 .fondonegro .gridbloques .itm:nth-child(3),
#landAutomation20 .fondonegro .gridbloques .itm:nth-child(4){
border-top: 1px solid white;
border-bottom: 1px solid white;
}
#landAutomation20 .fondonegro .gridbloques .itm .box h3{
text-align: center;
color: white;
font-size: 22px;
margin-bottom: 35px;
}
#landAutomation20 .fondonegro .gridbloques .itm .box img{
max-width: 100%;
display: block;
margin: 0 auto;
border-radius: 5px;
border: 1px solid #707070;
}
/* Interior de podcasts */
#interiorPodcasts .heroPodcasts{
height: 305px;
display: flex;
align-items: center;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/hero-int-podcasts.jpg");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-bottom: 8px solid #F66D00;
}
#interiorPodcasts .heroPodcasts h1,
#interiorPodcasts .heroPodcasts p,
#interiorPodcasts .heroPodcasts h1 span,
#interiorPodcasts .heroPodcasts p span{
color: white;
}
#interiorPodcasts .heroPodcasts h1{
margin: 0 0 20px;
font-size: 33px;
}
#interiorPodcasts .heroPodcasts p{
font-size: 33px;
font-weight: bold;
}
#interiorPodcasts .podcastGridContent{
padding: 80px 0 0;
}
#interiorPodcasts .podcastGridContent .container{
display: flex;
align-items: flex-start;
max-width: 1440px;
width: 100%;
}
#interiorPodcasts .podcastGridContent .sidebarPod{
width: 100%;
max-width: 280px;
margin-left: 100px;
position: sticky;
top: 0;
left: 0;
padding: 20px 0;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt{
margin: 0 0 40px;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt .dropTxt{
display: none;
width: 100%;
align-items: center;
height: 35px;
border: 1px solid #969696;
border-radius: 3px;
padding: 0 10px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
position: relative;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt h4{
font-size: 16px;
margin: 10px 0;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt a{
font-size: 16px;
cursor: pointer;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt a.active{
color: #F26F28;
text-decoration: underline;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt a:hover{
color: #F26F28;
text-decoration: underline;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris{
background-color: #F1F1F1;
border-radius: 5px;
border: 1px solid #B8B8B8;
padding: 30px 20px;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris h3{
font-size: 22px;
margin-bottom: 30px;
text-align: center;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form {
width: 100%;
max-width: 975px;
margin: 0 auto;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form fieldset {
max-width: 100%;
display: block;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form fieldset .hs-form-field {
margin-bottom: 15px;
float: none;
width: 100%;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form .hs-error-msgs {
display: none !important;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form label {
font-size: 1.15em;
display: block;
margin-bottom: 5px;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form label span {
color: #000;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form label .hs-form-required {
color: red;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form .hs-input,
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form select {
margin-right: 0;
padding: 0;
padding-left: 5px !important;
height: 30px;
line-height: 1;
box-shadow: none;
border: 1px solid #707070;
outline: 0 !important;
border-radius: 3px;
font-size: 0.9em;
color: #747474;
width: 100%;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form .hs-input.error,
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form select.error {
border-color: red;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form textarea {
height: 120px !important;
padding-top: 5px !important;
line-height: 1.5 !important;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form .hs-submit .actions {
margin: 10px auto 0;
padding: 0;
width: 97%;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris form .hs-submit .actions input {
display: block;
font-size: 1em;
cursor: pointer;
outline: 0 !important;
font-family: "Proxima Nova";
margin: 0 auto;
width: 100%;
max-width: 195px;
height: 45px;
line-height: 44px;
color: white;
font-size: 15px;
text-align: center;
font-weight: bold;
background-color: #F26F00;
border-radius: 3px;
text-decoration: none;
border: 0;
padding: 0;
}
/* End sidebar */
#interiorPodcasts{
overflow-x: hidden;
}
#interiorPodcasts .podcastGridContent .mainContentGrid{
width: 100%;
max-width: 980px;
margin-left: auto;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul{
background-color: #204988;
padding: 70px 30px;
position: relative;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul::after{
content: "";
position: absolute;
left: 100%;
bottom: 0;
width: 100%;
height: 100%;
background-color: #204988;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul h2{
margin-bottom: 70px;
text-align: center;
color: white;
font-weight: bold;
font-size: 30px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul h2 span{
color: inherit;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender{
display: flex;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .itm{
width: 25%;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .ico{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .ico img{
display: block;
margin: 0 auto;
max-width: 100%;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender h3{
font-size: 21px;
margin: 20px 0 0 ;
padding: 0 10px;
text-align: center;
color: white;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender p{
text-align: center;
color: white;
font-size: 18px;
line-height: 1.5;
margin-top: 25px;
font-weight: 600;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 60px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item{
width: 30%;
margin: 0 15px 40px;
display: none;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item.activePodcast{
display: block;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox{
width: 100%;
border: 1px solid #B8B8B8;
border-radius: 5px;
background-color: white;
overflow: hidden;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox h2{
min-height: 105px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 19px;
color: #0B0B0B;
padding: 0 10px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox h2 a{
color: inherit;
font-size: inherit;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who{
width: 100%;
display: flex;
background-color: #F1F1F1;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .pp{
width: 100%;
max-width: 124px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .pp img{
max-width: 100%;
display: block;
margin: 0 auto;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile{
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 100%;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile h3,
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile h4,
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile a{
text-align: center;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile h3{
font-size: 16px;
padding: 0 10px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile h4{
font-weight: normal;
font-size: 15px;
font-style: italic;
margin: 10px 0;
padding: 0 10px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .who .profile a{
color: #123586;
font-size: 13px;
text-decoration: underline;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .seemorebox{
padding: 25px 0;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .seemorebox p{
font-size: 14px;
line-height: 1.75;
text-align: center;
padding: 0 15px 15px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .seemorebox a.btnPodcast{
display: block;
width: 100%;
max-width: 105px;
margin: 0 auto;
height: 33px;
line-height: 32px;
border-radius: 5px;
border: 1px solid #103881;
text-align: center;
font-weight: bold;
color: #103881;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .podcastBox .seemorebox a.btnPodcast:hover{
background-color: #103881;
color: white;
}
/* Interior general de podcasts */
.int-podcasts-gral .heroPodcasts{
border: none !important;
background-image: url(https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/img-podcasts/hero-podcasts-general.jpg) !important;
}
.int-podcasts-gral .heroPodcasts h1{
font-weight: bold !important;
font-size: 50px !important;
text-transform: uppercase !important;
}
.podcast-gral{
background-color: #EEEEEE;
}
.podcast-gral .podcasts-gral-content .content-box {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding: 80px 0 0;
}
.podcast-gral .podcasts-gral-content .eve-box {
width: 100%;
max-width: 350px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
background-color: white;
margin: 0 10px 30px;
}
/*.podcast-gral .podcasts-gral-content .eve-box:nth-child(2) {
margin-left: 20px;
margin-right: 20px;
}*/
/*.podcast-gral .podcasts-gral-content .eve-box:nth-child(4) {
margin-right: 20px;
}*/
.podcast-gral .podcasts-gral-content .eve-box .eve-inf {
padding: 30px 20px;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-inf h2, .podcast-gral .podcasts-gral-content .eve-box .eve-inf p {
line-height: 1.5;
text-align: center;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-inf h2 {
position: relative;
font-size: 24px;
font-family: "ProximaNovaSemiBold", sans-serif;
margin-bottom: 25px;
margin-top: 0;
color: #173C74;
font-weight: bold;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-inf h2 a {
color: inherit;
text-decoration: none !important;
font-size: inherit;
display: block;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-inf h2:after {
content: "";
display: none;
position: absolute;
bottom: 0;
left: calc( 50% - 4px );
width: 9px;
height: 3px;
background-color: #333333;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-inf p {
font-size: 16px;
margin-bottom: 25px;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-inf a.lnk {
display: block;
min-width: 175px;
max-width: 180px;
text-align: center;
font-size: 17px;
font-family: "ProximaNovaSemiBold", sans-serif;
border-radius: 3px;
text-decoration: none !important;
padding: 8px 0;
margin: 0 auto;
background-color: #ff692f;
color: white;
font-weight: bold;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-prew {
width: 100%;
padding: 30px;
}
.podcast-gral .podcasts-gral-content .eve-box .eve-prew img {
width: 100%;
display: block;
margin: 0 auto;
}
.btn-int-podcasts .content-btn-int-podcasts{
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0 auto;
padding: 50px 0 0;
display: flex;
align-items: flex-start;
max-width: 1440px;
width: 95%;
}
.btn-int-podcasts a{
background-color: #E97334;
width: 296px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 10px;
font-size: 20px;
font-weight: bold;
}
.btn-int-podcasts a img{
margin-left: 5px;
max-width: 10px;
}
.gridList{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 60px;
}
.gridList .item{
width: 30%;
margin: 0 15px 40px;
display: none;
}
.gridList .item.activePodcast{
display: block;
}
.gridList .podcastBox{
width: 100%;
border: 1px solid #B8B8B8;
border-radius: 5px;
background-color: white;
overflow: hidden;
}
.gridList .podcastBox h2{
min-height: 105px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 19px !important;
color: #0B0B0B;
padding: 0 10px;
}
.gridList .podcastBox h2 a{
color: inherit;
font-size: inherit;
}
.gridList .podcastBox .who{
width: 100%;
display: flex;
background-color: #F1F1F1;
}
.gridList .podcastBox .who .pp{
width: 100%;
max-width: 124px;
}
.gridList .podcastBox .who .pp img{
max-width: 100%;
display: block;
margin: 0 auto;
}
.gridList .podcastBox .who .profile{
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 100%;
}
.gridList .podcastBox .who .profile h3,
.gridList .podcastBox .who .profile h4,
.gridList .podcastBox .who .profile a{
text-align: center;
}
.gridList .podcastBox .who .profile h3{
font-size: 16px;
padding: 0 10px;
}
.gridList .podcastBox .who .profile h4{
font-weight: normal;
font-size: 15px;
font-style: italic;
margin: 10px 0;
padding: 0 10px;
}
.gridList .podcastBox .who .profile a{
color: #123586;
font-size: 13px;
text-decoration: underline;
}
.gridList .podcastBox .seemorebox{
padding: 25px 0;
}
.gridList .podcastBox .seemorebox p{
font-size: 14px !important;
line-height: 1.75;
text-align: center;
padding: 0 15px 15px;
}
.gridList .podcastBox .seemorebox a.btnPodcast{
display: block;
width: 100%;
max-width: 105px;
margin: 0 auto;
height: 33px;
line-height: 32px;
border-radius: 5px;
border: 1px solid #103881;
text-align: center;
font-weight: bold;
color: #103881;
}
.gridList .podcastBox .seemorebox a.btnPodcast:hover{
background-color: #103881;
color: white;
}
.risoul-mro-connect .hero {
background-color: #fff;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/bg-hero.png");
padding: 30px 0;
background-repeat: no-repeat;
background-size: contain;
background-position: 100%;
}
.risoul-mro-connect .hero .hero-txt h1 {
line-height: 1.5;
color: #ff6b00;
font-size: 40px;
}
.risoul-mro-connect .hero .hero-txt h2 {
line-height: 1.5;
color: #083D7A;
font-size: 38px;
}
.risoul-mro-connect .hero .hero-txt .direccion {
line-height: 1.5;
font-size: 24px;
font-weight: 400;
}
.risoul-mro-connect .hero .hero-txt .fecha {
display: flex;
align-items: center;
}
.risoul-mro-connect .hero .hero-txt .fecha span {
font-size: 100px;
color: #FF6B00;
line-height: 1.5;
font-weight: 700;
}
.risoul-mro-connect .hero .hero-txt .fecha p {
line-height: 1.5;
font-size: 24px;
color: #333;
padding-left: 20px;
}
.risoul-mro-connect .invitamos-evento {
padding: 30px 0;
background-color: #FFF;
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/img-invitamos.png");
background-position: 100%;
background-repeat: no-repeat;
}
.risoul-mro-connect .invitamos-evento h2 {
line-height: 1.5;
color: #FF6B00;
font-size: 43px;
max-width: 1000px;
width: 100%;
}
.risoul-mro-connect .invitamos-evento p {
margin-top: 30px;
color: #414141;
font-size: 22px;
line-height: 1.5;
max-width: 896px;
width: 100%;
}
.risoul-mro-connect .invitamos-evento .btn-registrate {
display: block;
margin-top: 40px;
max-width: 401px;
width: 100%;
font-size: 30px;
background-color: #0080c9;
border-radius: 31px;
text-align: center;
color: #FFFFFF;
line-height: 1.5;
padding: 5px 0;
font-weight: 700;
}
.risoul-mro-connect .contenedor-a-m {
background-image: url("https://1842664.fs1.hubspotusercontent-na1.net/hubfs/1842664/cpd-cd.png");
background-color: #fff;
background-position: 0 100%;
background-size: contain;
background-repeat: no-repeat;
}
.risoul-mro-connect .agenda .agenda-title {
display: flex;
gap: 25px;
justify-content: center;
}
.risoul-mro-connect .agenda .agenda-title .flecha {
display: flex;
gap: 20px;
align-items: center;
}
.risoul-mro-connect .agenda .agenda-title h2 {
font-weight: 400;
line-height: 1.5;
font-size: 44px;
color: #5D5D5D;
text-align: center;
}
.risoul-mro-connect .agenda .agenda-items {
margin-top: 50px;
}
.risoul-mro-connect .agenda .agenda-items .item {
display: flex;
gap: 50px;
justify-content: center;
align-items: flex-start;
margin-bottom: 18px;
}
.risoul-mro-connect .agenda .agenda-items .item:last-child {
margin-bottom: 0;
}
.risoul-mro-connect .agenda .agenda-items .item .horario {
max-width: 348px;
width: 100%;
border: 1px solid #0096D8;
border-radius: 23px;
}
.risoul-mro-connect .agenda .agenda-items .item .horario p {
font-size: 22px;
line-height: 1.5;
text-align: center;
color: #5D5D5D;
}
.risoul-mro-connect .agenda .agenda-items .item .actividad {
max-width: 640px;
width: 100%;
border: 2px solid #FF6B00;
border-radius: 23px;
padding: 5px 0;
}
.risoul-mro-connect .agenda .agenda-items .item .actividad p {
margin-left: 29px;
font-size: 22px;
color: #5D5D5D;
}
.risoul-mro-connect .marcas-participantes {
padding: 50px 0;
}
.risoul-mro-connect .marcas-participantes h2 {
font-size: 32px;
text-align: center;
line-height: 1.5;
color: #414141;
}
.risoul-mro-connect .marcas-participantes .logos {
margin-top: 70px;
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
}
.risoul-mro-connect .marcas-participantes .btn-descarga-invitacion {
max-width: 800px;
width: 100%;
display: block;
margin: 0 auto;
padding: 15px 0;
background-color: #FF9400;
border-radius: 100px;
font-size: 30px;
font-weight: 700;
line-height: 1.5;
color: #FFF;
text-align: center;
margin-top: 100px;
}
.risoul-mro-connect .formulario {
padding: 50px 0;
background-color: #fff;
}
.risoul-mro-connect .formulario h2 {
line-height: 1.5;
font-size: 32px;
text-align: center;
color: #333333;
margin-bottom: 76px;
}
.risoul-mro-connect .formulario .form-embd {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 979px) and (max-width: 1200px) {
/* Inicio interior ST2020 */
.int-st-2020 .hero {
height: 230px;
}
.int-st-2020 .grid-part-main .container {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.int-st-2020 .grid-part-main .container .item .inf .txt p {
font-size: 13px;
}
.int-st-2020 .vid-part .container .info {
max-width: 450px;
}
.int-st-2020 .vid-part .container .info h3 {
font-size: 26px;
text-align: left;
}
.int-st-2020 .vid-part .container .info p {
font-size: 16px;
}
.int-st-2020 .vid-part .container .vid-cont {
max-width: 450px;
}
.int-st-2020 .vid-part .container .vid-cont img {
display: block;
max-width: 100%;
}
.int-st-2020 .industries-block ul {
max-width: 810px;
margin: 0 auto;
grid-gap: 20px 30px;
}
.int-st-2020 .industries-block ul li {
font-size: 15px;
}
/* Inicio Blog */
.blog-int .main-content .post-list{
margin-right: 30px;
}
.blog-int .main-content .sidebar{
max-width: 250px;
}
.blog-int .main-content .sidebar .categorias{
padding: 15px;
}
/* Fin blog */
/* Inicio demobus */
.demobus-int .slide-demobus,
.demobus-int .slide-demobus .hs_cos_gallery_main{
height: 500px;
}
/* Fin demobus */
/* Inicio interior catalogos nuevo */
.catalogos-int .main-part{
padding: 25px 0;
}
.catalogos-int .main-part h1{
margin-bottom: 25px;
font-size: 40px;
}
.catalogos-int .main-part .grid-cat .itm .thumb .title{
font-size: 17px;
padding: 0 10px;
}
.video-catalogos .txt p {
font-size: 20px;
padding: 0 50px
}
/* Fin interior catalogos nuevo */
.solicita-info .side-form .form-body {
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.our-team-ris {
padding: 50px 0;
}
.int-soluciones .know-solutions .intro .brands_links a {
padding-left: 25px;
padding-right: 25px;
}
#header-page .uphead .links ul li a {
padding: 0 5px;
font-size: 11px;
}
#header-page .downhead ul {
padding-left: 0;
}
#header-page .downhead ul li a {
font-size: 12px;
}
footer h3.title {
font-size: 15px;
}
footer ul.listfoot li {
font-size: 13px;
}
footer .grid-foot .item:last-child p {
font-size: 14px;
}
footer .grid-foot .item .formulario form label {
font-size: 13px;
}
.sub-menu li a {
font-size: 12px;
}
.sub-menu li a img {
display: none;
}
.sub-menu li.lupa:before {
display: none;
}
.int-prod-19.lithonia .hero h1 {
font-size: 30px;
}
.int-prod-19 .hero .side_ebook {
margin: 0 65px 0 30px;
max-width: 170px;
}
.int-prod-19 .about_us_part .inf {
max-width: 400px;
}
.int-prod-19 .about_us_part .inf h3 {
font-size: 23px;
}
.int-prod-19 .about_us_part .inf p {
font-size: 15px;
}
.int-prod-19 .about_us_part .inf ul li {
font-size: 13px;
}
.int-prod-19 .about_us_part .inf ul li span {
font-size: 15px;
}
.int-prod-19 .slides-servicios h2 {
font-size: 30px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info {
max-width: 750px;
margin: 0 auto;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info .sides_row {
align-items: center;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p {
font-size: 15px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p strong {
font-size: 21px;
width: 100%;
padding: 0;
display: block;
}
.int-prod-19.milwaukee .hero h1 {
font-size: 35px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.regal .hero h1 {
font-size: 35px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.endress .hero h1 {
font-size: 35px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.denso .hero h1 {
font-size: 35px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.soluciones-page .hero .box-text {
width: 60%;
}
.soluciones-page .page-main-content .sidebar-page {
max-width: 250px;
position: relative;
}
.soluciones-page .page-main-content .sidebar-page .box-services h4 {
font-size: 14px;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li {
font-size: 13px;
}
.soluciones-page .page-main-content .sidebar-page .box-cta {
padding: 30px 10px;
}
.soluciones-page .page-main-content .sidebar-page .box-cta h4 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt h3 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul li {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus {
grid-gap: 5px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus p {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt h3 {
font-size: 20px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt p {
font-size: 15px;
margin: 10px 0;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .pic {
margin-right: 20px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf {
max-width: 350px;
}
/* Industria template */
.industria-template {
font-size: 90%;
}
.industria-template .block-solutions-lines .solution-line .text {
padding: 20px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block {
max-width: 850px;
}
.industria-template .block-form-sides .sides-part .form-block {
margin-left: 20px;
}
/* Producto Satco 979 - 1200 */
#satcoInt .hero h1 {
font-size: 35px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
/* Fin Satco 979 - 1200 */
/* Interior DSU 979 - 1200 */
#intDsu {
font-size: 90%;
}
#intDsu .servicios-white-block .boxes-sides .itm .box {
max-width: 450px;
}
/* Fin Interior DSU 979 - 1200 */
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul::after{
display: none;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item{
width: 48%;
}
#interiorPodcasts .podcastGridContent .sidebarPod{
padding: 20px;
margin-left: 0;
}
#interiorPodcasts .podcastGridContent{
padding: 40px 0;
}
.soluciones-page .page-main-content .container{
display: block;
}
.soluciones-page .page-main-content .sidebar-page{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov{ display: block; max-width: 400px; margin: 0 auto; }
.soluciones-page .page-main-content .sidebar-page .box-menus{
display: none;
}
.soluciones-page .box-productos{
max-width: 400px;
margin: 0 auto;
}
.sidebar-page .box-blue a.btn{
margin: 0 auto;
}
.soluciones-page .box-caso-exito,
.soluciones-page .page-main-content .sidebar-page .box-cta{
max-width: 400px;
margin: 20px auto 0;
}
.risoul-mro-connect .hero {
background-position: 200%;
}
.risoul-mro-connect .marcas-participantes .logos {
margin-top: 30px;
flex-wrap: wrap;
gap: 0;
justify-content: space-around;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
/* Inicio interior ST2020 */
.int-st-2020 .hero {
height: 190px;
}
.int-st-2020 .banner-intro p {
font-size: 17px;
}
.int-st-2020 .grid-part-main .container {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.int-st-2020 .grid-part-main .container .item .inf .txt p {
font-size: 13px;
}
.int-st-2020 .vid-part {
padding: 20px 0;
}
.int-st-2020 .vid-part .container {
display: block;
}
.int-st-2020 .vid-part .container .info {
max-width: 450px;
margin: 0 auto 20px;
}
.int-st-2020 .vid-part .container .info h3 {
font-size: 26px;
text-align: center;
}
.int-st-2020 .vid-part .container .info p {
font-size: 16px;
text-align: center;
}
.int-st-2020 .vid-part .container .vid-cont {
max-width: 450px;
margin: 0 auto;
}
.int-st-2020 .vid-part .container .vid-cont img {
display: block;
max-width: 100%;
}
.int-st-2020 .industries-block {
padding: 20px 0;
}
.int-st-2020 .industries-block h3 {
font-size: 20px;
}
.int-st-2020 .industries-block ul {
max-width: 600px;
margin: 0 auto;
grid-gap: 20px 30px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.int-st-2020 .industries-block ul li {
font-size: 13px;
}
.int-st-2020 .agenda-block h3 {
font-size: 24px;
}
.int-st-2020 .cities-grid .container {
grid-gap: 10px;
}
.int-st-2020 .banner-resena .container {
height: 500px;
}
.int-st-2020 .banner-resena .box {
max-width: 600px;
height: 250px;
}
/* Inicio Blog */
.blog-int .hero-blog{
padding: 10px 0;
}
.blog-int .hero-blog h1{
font-size: 30px;
}
.blog-int .main-content{
padding: 20px 0;
}
.blog-int .main-content .container{
display: block;
}
.blog-int .main-content .post-list{
margin: 0 auto;
max-width: 800px;
}
.blog-int .main-content .post-list .post{
padding: 15px;
margin-bottom: 20px;
}
.blog-int .main-content .post-list .post h2.titlepost{
font-size: 22px;
}
.blog-int .main-content .sidebar{
max-width: 100%;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
align-items: flex-start;
}
.blog-int .main-content .sidebar .subs-blog{
order: 3;
}
.blog-int .main-content .sidebar .categorias{
order: 4;
padding: 15px;
}
.blog-int .main-content .sidebar .categorias ul{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 10px;
max-width: 100%;
}
.blog-int .main-content .sidebar .categorias ul li{
margin-bottom: 0;
font-size: 13px;
}
/* Fin blog */
/* Inicio demobus */
.demobus-int .slide-demobus,
.demobus-int .slide-demobus .hs_cos_gallery_main{
height: 400px;
}
.demobus-int .slide-demobus .slick-prev:before,
.demobus-int .slide-demobus .slick-next:before{
font-size: 40px;
}
.demobus-int .content-demobus .sides-inf{
display: block;
}
.demobus-int .content-demobus .sides-inf .side-txt{
max-width: 600px;
margin: 0 auto 30px;
}
.demobus-int .content-demobus .sides-inf .side-form{
margin: 0 auto;
}
/* Fin demobus */
/* Inicio promociones y eventos - lista */
.novedades-promociones-int .hero-promo .container{
height: 150px;
}
.novedades-promociones-int .hero-promo h1{
font-size: 35px;
border-bottom: 0;
}
.novedades-promociones-int .lista-promociones .line-promo .pic{
max-width: 250px;
}
.novedades-promociones-int .lista-promociones .line-promo .inf{
padding-left: 15px;
}
.novedades-promociones-int .lista-promociones .line-promo h3{
font-size: 19px;
}
.novedades-promociones-int .lista-promociones .line-promo .inf p{
font-size: 14px;
}
/* Fin promociones y eventos - lista */
/* Inicio interior catalogos nuevo */
.catalogos-int .main-part{
padding: 20px 0;
}
.catalogos-int .main-part h1{
margin-bottom: 20px;
font-size: 35px;
}
.catalogos-int .main-part .select_cat ul li{
margin: 0 10px;
}
.catalogos-int .main-part .grid-cat{
grid-template-columns: 1fr 1fr 1fr;
}
.catalogos-int .main-part .grid-cat .itm .thumb .title{
font-size: 16px;
padding: 0 10px;
min-height: 45px;
}
.video-catalogos .txt p {
font-size: 17px;
padding: 0 30px
}
/* Fin interior catalogos nuevo */
.solicita-info .side-form .form-body {
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.our-team-ris {
padding: 50px 0;
}
.about-risoul-block .vid-circ {
width: 250px;
height: 250px;
}
.about-risoul-block .vid-circ span.wistia_embed {
height: 250px !important;
}
.about-risoul-block .inf {
width: 70%;
padding: 0 30px;
}
.about-risoul-block .inf h3 {
font-size: 18px;
}
.about-risoul-block .inf p {
margin: 15px 0;
font-size: 16px;
}
.about-risoul-block .inf ul li {
font-size: 15px;
}
.solicita-info .side-img {
display: none;
}
.solicita-info .side-form {
padding: 20px 0;
}
.int-soluciones .know-solutions .intro .brands_links a {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv:before {
font-size: 13px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3 {
font-size: 16px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3.sm, .int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3.xs {
font-size: 13px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv p {
font-size: 14px;
}
#header-page .uphead .links ul li a {
padding: 0 4px;
font-size: 8px;
}
#header-page .uphead a.logo {
max-width: 200px;
}
#header-page .downhead ul {
padding-left: 0;
}
#header-page .downhead ul li a {
font-size: 10px;
}
#header-page .downhead ul li:last-child a {
padding: 0 10px;
}
footer h3.title {
font-size: 15px;
}
footer ul.listfoot li {
font-size: 13px;
}
footer .graylinefoot .container p,
footer .graylinefoot .container a {
font-size: 11px;
}
footer .grid-foot {
grid-gap: 0;
grid-template-columns: 1fr;
}
footer .grid-foot .item:last-child {
margin-top: 20px;
max-width: 100%;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0 100px;
}
footer .grid-foot .item:last-child p {
font-size: 14px;
}
footer .grid-foot .item .formulario {
margin-bottom: 20px;
}
footer .grid-foot .item .formulario form label {
font-size: 13px;
}
.sub-menu li a {
font-size: 12px;
}
.sub-menu li a img {
display: none;
}
.sub-menu li.lupa:before {
display: none;
}
.int-prod-19 .hero {
padding: 20px 0;
}
.int-prod-19 .hero .container {
display: grid;
grid-template-columns: 1fr 1fr;
height: auto;
}
.int-prod-19 .hero .side_inf {
width: 100%;
max-width: 700px;
text-align: center;
grid-column-start: 1;
grid-column-end: 3;
margin: 0 auto 30px;
}
.int-prod-19 .hero .side_inf h1 {
font-size: 33px;
}
.int-prod-19 .hero .side_inf p {
padding: 0 50px;
}
.int-prod-19 .hero .side_inf .btn-hero {
margin: 0 auto;
}
.int-prod-19 .hero .side_brand {
max-width: 100%;
}
.int-prod-19 .hero .side_brand img {
margin: 0;
max-width: 200px;
}
.int-prod-19 .hero .side_brand p {
margin: 10px 0;
}
.int-prod-19 .hero .side_brand a.btn-hero {
margin: 0;
max-width: 200px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont {
padding: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro h2 {
font-size: 23px;
margin-bottom: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro p {
text-align: center;
font-size: 16px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf {
max-width: 300px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .title {
font-size: 18px;
margin-bottom: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p {
font-size: 13px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p:nth-child(1) {
max-width: 100px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p:nth-child(2) {
max-width: 200px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic {
max-width: 100%;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic img {
max-width: 100%;
}
.int-prod-19 .why-brand h2 {
font-size: 27px;
}
.int-prod-19 .why-brand .flex-why .info-txt p {
font-size: 15px;
}
.int-prod-19 .why-brand .flex-why .logo-why {
max-width: 300px;
}
.int-prod-19 .conoce_mas .side_links h2 {
font-size: 19px;
margin-bottom: 20px;
}
.int-prod-19 .conoce_mas .side_links h3 {
font-size: 16px;
}
.int-prod-19 .conoce_mas .side_links ul li a {
font-size: 14px;
}
.int-prod-19 .about_us_part .sides_row {
display: block;
}
.int-prod-19 .about_us_part .sides_row .side {
width: 100%;
}
.int-prod-19 .about_us_part .inf {
max-width: 600px;
margin: 0 auto;
padding: 15px 0;
}
.int-prod-19 .about_us_part .inf h3 {
font-size: 23px;
}
.int-prod-19 .about_us_part .inf p {
font-size: 15px;
}
.int-prod-19 .about_us_part .inf ul li {
font-size: 13px;
}
.int-prod-19 .about_us_part .inf ul li span {
font-size: 15px;
}
.int-prod-19 .slides-servicios h2 {
font-size: 30px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info {
max-width: 550px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info .sides_row {
display: block;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info .sides_row .side {
width: 75%;
margin: 0 auto;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p {
text-align: center;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p strong {
font-size: 28px;
}
.int-prod-19.milwaukee .hero h1 {
font-size: 35px;
}
.int-prod-19.milwaukee .equipo .serv_grid {
display: block;
}
.int-prod-19.milwaukee .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.milwaukee .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links2 {
max-width: 200px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.regal .hero h1 {
font-size: 35px;
}
.int-prod-19.regal .equipo .serv_grid {
display: block;
}
.int-prod-19.regal .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.regal .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.regal .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.endress .hero h1 {
font-size: 35px;
}
.int-prod-19.endress .equipo .serv_grid {
display: block;
}
.int-prod-19.endress .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.endress .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.endress .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.denso .hero h1 {
font-size: 35px;
}
.int-prod-19.denso .equipo .serv_grid {
display: block;
}
.int-prod-19.denso .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.denso .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.denso .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-photo {
display: none;
}
.int-prod-19.vertiv .modal-video {
flex-flow: column;
}
.int-prod-19.vertiv .modal-video .cerrarpop {
margin-top: 20px;
top: 0;
left: 0;
}
.soluciones-page .hero .box-text {
width: 100%;
}
.soluciones-page .hero .box-text .text {
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
.soluciones-page .page-main-content .container {
display: block;
}
.soluciones-page .page-main-content .sidebar-page {
max-width: 100%;
position: relative;
margin: 0 auto 0;
display: block;
align-items: center;
padding-right: 0;
left: 0;
}
.sidebar-page .box-blue a.btn{
margin: 0 auto;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block {
margin-left: 5px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov {
display: block;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.soluciones-page .page-main-content .sidebar-page .box-menus {
display: none;
}
.soluciones-page .page-main-content .sidebar-page .box-services {
display: none;
}
.soluciones-page .page-main-content .sidebar-page .box-services h4 {
font-size: 14px;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li {
font-size: 13px;
}
.soluciones-page .page-main-content .sidebar-page .box-cta {
display: none;
}
.soluciones-page .page-main-content .sidebar-page .box-cta h4 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .content-center {
padding: 0 10px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt h3 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul li {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus {
grid-gap: 5px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus p {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray {
min-height: 0;
height: auto;
padding: 15px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt {
max-width: 100%;
width: 100%;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt h3 {
margin-bottom: 10px;
font-size: 20px;
}
.soluciones-page .page-main-content .content-container .vid-grid-block {
grid-template-columns: 1fr 1fr 1fr;
}
.soluciones-page .page-main-content .content-container .vid-grid-block h3 {
font-size: 16px;
margin-bottom: 10px;
}
/* Industria template */
.industria-template {
font-size: 80%;
}
.industria-template .hero-block-indus {
background-position: 0 center;
}
.industria-template .hero-block-indus .text {
padding: 20px 0;
}
.industria-template .hero-block-indus .text p {
margin: 20px 0;
}
.industria-template .block-solutions-lines {
padding: 30px 0;
}
.industria-template .block-solutions-lines .solution-line .text {
padding: 20px;
}
.industria-template .block-solutions-lines .solution-line .text h3 {
margin-bottom: 10px;
}
.industria-template .projects-carousel-block {
padding: 30px 0;
}
.industria-template .projects-carousel-block h2 {
margin-bottom: 30px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block {
max-width: 850px;
}
.industria-template .section-ebooks-block {
padding: 30px 0;
}
.industria-template .section-ebooks-block h2 {
margin-bottom: 30px;
}
.industria-template .section-ebooks-block .block-carousel-ebooks {
padding-bottom: 30px;
margin-bottom: 30px;
}
.industria-template .block-form-sides .sides-part .form-block {
margin-left: 20px;
}
/* Int Satco 768 - 979 */
#satcoInt .hero h1 {
font-size: 35px;
}
#satcoInt .equipo .serv_grid {
display: block;
}
#satcoInt .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
#satcoInt .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
#satcoInt .main_part .brand_tabs .brands_links {
max-width: 200px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
/* Fin Int Satco 768 - 979 */
/* Interior DSU 768 - 978 */
#intDsu {
font-size: 85%;
}
#intDsu .servicios-white-block .boxes-sides .itm .box {
max-width: 450px;
}
/* Fin DSU 768 - 978 */
#landAutomation20 .fondonegro .gridbloques{
display: block;
}
#landAutomation20 .fondonegro .gridbloques .itm{
border-top: 0!important;
border-bottom: 1px solid white;
margin: 0 auto;
}
#landAutomation20 .fondonegro .gridbloques .itm:last-child{
border-bottom: 0;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList{
padding-bottom: 20px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul::after{
display: none;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item{
width: 48%;
}
#interiorPodcasts .podcastGridContent .sidebarPod{
padding: 20px;
margin-left: 0;
}
#interiorPodcasts .podcastGridContent{
padding: 40px 0 0;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul{
padding: 30px 0;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender{
flex-wrap: wrap;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .itm{
width: 50%;
margin-bottom: 20px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .itm:last-child{
margin-bottom: 0;
}
.risoul-mro-connect .hero {
background-position: -900%;
background-size: cover;
}
.risoul-mro-connect .invitamos-evento h2 {
font-size: 28px;
text-align: center;
}
.risoul-mro-connect .invitamos-evento p {
text-align: center;
}
.risoul-mro-connect .invitamos-evento .btn-registrate {
margin: 0 auto;
margin-top: 20px;
}
.risoul-mro-connect .agenda .agenda-title h2 {
font-size: 28px;
}
.risoul-mro-connect .agenda .agenda-items {
margin-top: 30px;
}
.risoul-mro-connect .agenda .agenda-items .item {
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
}
.risoul-mro-connect .agenda .agenda-items .item .horario {
max-width: 100%;
}
.risoul-mro-connect .agenda .agenda-items .item .actividad {
max-width: 100%;
}
.risoul-mro-connect .marcas-participantes .logos {
margin-top: 30px;
flex-wrap: wrap;
gap: 0;
justify-content: space-around;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
/* Estilos del blog 2023 - Inicio */
.blog-2022 .hero-blog{
padding: 40px 0;
height: auto;
}
.blog-2022 .hero-blog h2{
font-size: 32px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside{
padding: 20px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .blog-inside h1{
font-size: 28px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .title-rel-content h3{
font-size: 25px;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content{
grid-template-columns: 1fr;
}
.blog-2022 .blog-post .blog-post-content .left-blog-post .rel-content .rel-content-content .rel-content-item{
margin: 0 auto 30px;
}
/* Estilos del blog 2023 - Fin */
.int-marca-2023.int-marca-2023-v2 .tabs .info{
flex-wrap: wrap;
}
.int-marca-2023.festo .tabs-marca .tabs .tab-content .tab-pane .title-mobile{
text-align: center;
}
/* Recursos' styles */
.recursos .row-recursos .content-recursos{
order: 1;
grid-template-columns: 1fr;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos{
width: 100%;
margin: 0 auto;
order: 2;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block{
margin: 0 auto;
}
.recursos .row-recursos .content-recursos{
order: 1;
grid-template-columns: 1fr;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos{
width: 100%;
margin: 0 auto;
order: 2;
}
.recursos .row-recursos .sides-recursos .sidebar-recursos .subscribe-block{
margin: 0 auto;
}
.filtros-recursos{
display: none;
}
.recursos .row-recursos .items-block{
text-align: center;
}
.see-more{
text-align: center;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg .img-recurso{
margin: 0 auto 20px;
}
.recursos .row-recursos .content-recursos.content-recursos-lg .recurso.recurso-lg span{
margin: 0 auto;
}
.links-sidebar{
display: none;
}
.menu-recursos ul{
max-width: 90%;
padding: 0;
}
/* Recursos' styles fin */
/* Competency center */
.cc-content .hero{
height: auto !important;
padding: 80px 0 !important;
}
.cc-content .hero h1{
position: relative !important;
left: 0 !important;
top: 0 !important;
font-size: 40px !important;
text-align: center !important;
}
.cc-content .info-cc .row-info-cc{
grid-template-columns: 1fr !important;
}
.cc-content .info-cc .row-info-cc .item-info-cc{
margin: 0 auto 30px !important;
}
.cc-content .info-cc .row-info-cc .item-info-cc:nth-child(2){
border: none !important;
}
.cc-content .row-cc .content-cc{
grid-template-columns: 1fr !important;
}
/* -- Inicio Landing Beghelli Mobile --*/
.landingBeghelli .hero .contentHero .text .rowText {
margin: 0;
flex-wrap: wrap;
}
.landingBeghelli .hero .contentHero .text .rowText h1 {
width: 100%;
margin: 0 0 30px;
}
.landingBeghelli .hero .contentHero .text .rowText img {
margin: 0 auto 30px;
}
.landingBeghelli .hero .contentHero .text .barHero {
max-width: 100%;
padding: 0 20px;
text-align: center;
}
.landingBeghelli .hero .contentHero .text .barHero p {
font-size: 15px;
}
.landingBeghelli .info .contentInfo {
padding: 0 15px;
}
.landingBeghelli .info .contentInfo h2 {
font-size: 25px;
}
.landingBeghelli .info .contentInfo h3 {
font-size: 18px;
}
.landingBeghelli .info .contentInfo p {
font-size: 15px;
}
.landingBeghelli .info .contentInfo ul {
flex-wrap: wrap;
padding: 0 0 0 20px;
}
.landingBeghelli .info .contentInfo ul li {
width: 100%;
font-size: 14px;
}
.landingBeghelli .info .contentInfo ul li span {
font-size: 14px;
}
.landingBeghelli .tech {
flex-wrap: wrap;
}
.landingBeghelli .tech .text {
text-align: center;
padding: 30px 0;
height: auto;
width: 100%;
}
.landingBeghelli .tech .img {
width: 100%;
}
.landingBeghelli .security .contentSecurity {
padding: 0 15px;
}
.landingBeghelli .security .contentSecurity .blockSecurity {
margin: 0 0 40px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .title {
height: auto;
padding: 15px 0;
}
.landingBeghelli .security .contentSecurity .blockSecurity .title img {
max-width: 30px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .title h3 {
font-size: 24px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity {
height: auto;
padding: 30px 0;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity ul li {
font-size: 14px;
}
.landingBeghelli .security .contentSecurity .blockSecurity .infoSecurity ul li span {
font-size: 14px;
}
.landingBeghelli .apps {
padding: 30px 0;
}
.landingBeghelli .apps h2 {
font-size: 24px;
}
.landingBeghelli .apps .contentApps {
flex-wrap: wrap;
}
.landingBeghelli .apps .contentApps .item {
width: 100%;
}
/* -- Fin Landing Beghelli Mobile --*/
/* -- Inicio Landing Promo Milwaukee mobile -- */
.promoMilwaukee .titlePromo .contenttitlePromo {
flex-wrap: wrap;
height: auto;
padding: 10px;
}
.promoMilwaukee .titlePromo .contenttitlePromo img {
display: block;
margin: 0 auto;
max-width: 120px;
}
.promoMilwaukee .titlePromo .contenttitlePromo h1 {
font-size: 30px;
margin: 20px auto;
width: 100%;
text-align: center;
}
.promoMilwaukee .promosInner {
padding: 50px 15px;
}
.promoMilwaukee .promosInner .contentPromos .linePromo {
border-radius: 10px;
padding: 15px;
height: auto;
flex-wrap: wrap;
}
.promoMilwaukee .promosInner .contentPromos .linePromo .textLine {
text-align: center;
margin: 30px 0 !important;
max-width: 100% !important;
}
.promoMilwaukee .promosInner .contentPromos .linePromo:after {
display: none;
}
.promoMilwaukee .promosInner .contentPromos .linePromo img {
position: relative !important;
top: inherit !important;
bottom: inherit !important;
left: inherit !important;
right: inherit !important;
display: block;
margin: 0 auto;
transform: none !important;
max-width: 100%;
}
.promoMilwaukee footer {
padding: 50px 15px;
}
.promoMilwaukee footer .contentFooter {
flex-wrap: wrap;
}
.promoMilwaukee footer .contentFooter h3 {
margin: 0 0 20px;
}
.promoMilwaukee footer .contentFooter ul {
padding: 0 0 0 20px;
}
.promoMilwaukee footer .contentFooter ul li {
width: 100%;
}
/* -- FIN Landing Promo Milwaukee mobile -- */
/* -- Inicio Landing Promo Milwaukee mobile buenfin -- */
.promoMilwaukeeBuenfin .titlePromo .logoRisoul {
left: 50%;
transform: translateX(-50%);
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo {
margin: 0;
padding: 100px 10px 10px;
flex-wrap: wrap;
height: auto;
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo img {
display: block;
margin: 0 auto;
max-width: 120px;
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo img:last-child {
top: 0;
max-width: 120px;
}
.promoMilwaukeeBuenfin .titlePromo .contenttitlePromo h1 {
font-size: 30px;
margin: 20px auto;
width: 100%;
text-align: center;
}
.promoMilwaukeeBuenfin .promosInner {
padding: 50px 15px;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo {
border-radius: 10px;
padding: 15px;
height: auto;
flex-wrap: wrap;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo .textLine {
text-align: center;
margin: 30px 0 !important;
max-width: 100% !important;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo:after {
display: none;
}
.promoMilwaukeeBuenfin .promosInner .contentPromos .linePromo img {
position: relative !important;
top: inherit !important;
bottom: inherit !important;
left: inherit !important;
right: inherit !important;
display: block;
margin: 0 auto;
transform: none !important;
max-width: 100%;
}
.promoMilwaukeeBuenfin footer {
padding: 50px 15px;
}
.promoMilwaukeeBuenfin footer .contentFooter {
flex-wrap: wrap;
}
.promoMilwaukeeBuenfin footer .contentFooter h3 {
margin: 0 0 20px;
}
.promoMilwaukeeBuenfin footer .contentFooter ul {
padding: 0 0 0 20px;
}
.promoMilwaukeeBuenfin footer .contentFooter ul li {
width: 100%;
}
/* -- Fin Landing Promo Milwaukee mobile -- */
.powerflex .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf {
display: block;
}
/* Inicio interior ST2020 */
.int-st-2020 .hero {
height: 130px;
}
.int-st-2020 .banner-intro {
padding: 15px 0;
}
.int-st-2020 .banner-intro h3{
font-size: 18px !important;
}
.int-st-2020 .banner-intro ol li, .int-st-2020 .banner-intro ol li p{
font-size: 15px !important;
}
.int-st-2020 .banner-intro p {
font-size: 15px !important;
}
.int-st-2020 .banner-intro p.last{
font-size: 12px !important;
}
.int-st-2020 .banner-bienvenida p{
font-size: 15px !important;
}
.cityMain .blockspan {
border-radius: 0 !important;
position: relative !important;
transform: none !important;
top: 0 !important;
width: 100% !important;
margin: 0 0 20px !important;
}
.int-st-2020 .grid-part-main .container {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.int-st-2020 .grid-part-main .container .item .inf .txt p {
font-size: 13px;
}
.int-st-2020 .vid-part {
padding: 20px 0;
}
.int-st-2020 .vid-part .container {
display: block;
}
.int-st-2020 .vid-part .container .info {
max-width: 450px;
margin: 0 auto 20px;
}
.int-st-2020 .vid-part .container .info h3 {
font-size: 26px;
text-align: center;
}
.int-st-2020 .vid-part .container .info p {
font-size: 16px;
text-align: center;
}
.int-st-2020 .vid-part .container .vid-cont {
max-width: 450px;
margin: 0 auto;
}
.int-st-2020 .vid-part .container .vid-cont img {
display: block;
max-width: 100%;
}
.int-st-2020 .industries-block {
padding: 20px 0;
}
.int-st-2020 .industries-block h3 {
font-size: 20px;
}
.int-st-2020 .industries-block ul {
max-width: 450px;
margin: 0 auto;
grid-gap: 15px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.int-st-2020 .industries-block ul li {
font-size: 13px;
}
.int-st-2020 .agenda-block h3 {
font-size: 24px;
}
.int-st-2020 .cities-grid {
padding: 20px 0;
}
.int-st-2020 .cities-grid .container {
grid-gap: 30px 0;
grid-template-columns: 1fr 1fr;
}
.int-st-2020 .cities-grid .container .itm:last-child {
grid-column-start: 1;
grid-column-end: 3;
}
.int-st-2020 .cities-grid .container .itm:last-child .city {
margin: 0 auto;
}
.int-st-2020 .cities-grid .container .itm .city {
margin: 0;
}
.int-st-2020 .banner-resena .container {
height: auto;
width: 100%;
max-width: 100%;
}
.int-st-2020 .banner-resena .box {
max-width: 100%;
height: 250px;
}
.upgrade-now .banner-info {
padding: 40px 0;
}
.upgrade-now .banner-info .block-banner-info .content-block-banner-info p {
font-size: 18px;
}
.upgrade-now .icons-event {
padding: 40px 0;
}
.upgrade-now .icons-event .content-icons-event {
flex-wrap: wrap;
}
.upgrade-now .icons-event .content-icons-event .icon-event {
margin: 0 auto 40px;
}
.upgrade-now .agenda .content-agenda .line-agenda {
flex-wrap: wrap;
justify-content: space-around;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario {
max-width: 79%;
}
.upgrade-now .agenda .content-agenda .line-agenda .horario p {
font-size: 24px;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad {
width: 94%;
margin: 20px auto 0;
}
.upgrade-now .agenda .content-agenda .line-agenda .actividad p {
font-size: 15px;
}
.upgrade-now .marcas .reel-marcas {
flex-wrap: wrap;
}
.upgrade-now .marcas .reel-marcas .marca {
width: 50%;
margin: 0 0 10px;
}
.upgrade-now .marcas .reel-marcas .marca img {
max-width: 90%;
margin: 0 auto;
display: block;
}
.upgrade-now .marcas a {
max-width: 94%;
font-size: 18px;
}
/* Inicio Blog */
.blog-int .hero-blog{
padding: 10px 0;
}
.blog-int .hero-blog h1{
font-size: 30px;
}
.blog-int .main-content{
padding: 20px 0;
}
.blog-int .main-content .container{
display: block;
}
.blog-int .main-content .post-list{
margin: 0 auto;
max-width: 800px;
}
.blog-int .main-content .post-list .post{
padding: 15px;
margin-bottom: 20px;
}
.blog-int .main-content .post-list .post h2.titlepost{
font-size: 22px;
}
.blog-int .main-content .sidebar{
max-width: 100%;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
align-items: flex-start;
}
.blog-int .main-content .sidebar .subs-blog{
order: 3;
grid-column-start: 1;
grid-column-end: 3;
}
.blog-int .main-content .sidebar .categorias{
order: 4;
padding: 15px;
grid-column-start: 1;
grid-column-end: 3;
}
.blog-int .main-content .sidebar .categorias ul{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0 10px;
max-width: 100%;
}
.blog-int .main-content .sidebar .categorias ul li{
margin-bottom: 0;
font-size: 12px;
}
.blog-int .main-content .sidebar .categorias ul li .filter-link-count{
display: none;
}
.blog-int .main-content .post-list .post .sides-post{
flex-wrap: wrap-reverse;
}
/* Fin blog */
/* Inicio demobus */
.demobus-int .slide-demobus,
.demobus-int .slide-demobus .hs_cos_gallery_main{
height: 400px;
}
.demobus-int .slide-demobus .slick-prev:before,
.demobus-int .slide-demobus .slick-next:before{
font-size: 40px;
}
.demobus-int .content-demobus .sides-inf{
display: block;
}
.demobus-int .content-demobus .sides-inf .side-txt{
max-width: 600px;
margin: 0 auto 30px;
}
.demobus-int .content-demobus .sides-inf .side-form{
margin: 0 auto;
}
.demobus-int .video-catalogos{
display: none;
}
/* Fin demobus */
/* Inicio promociones y eventos - lista */
.novedades-promociones-int .hero-promo .container{
height: 150px;
}
.novedades-promociones-int .hero-promo h1{
font-size: 35px;
border-bottom: 0;
}
.novedades-promociones-int .lista-promociones .container:before{
display: none;
}
.novedades-promociones-int .lista-promociones .line-promo{
display: block;
max-width: 300px;
border: 0;
}
.novedades-promociones-int .lista-promociones .line-promo .pic{
max-width: 100%;
}
.novedades-promociones-int .lista-promociones .line-promo .pic h3{
display: block;
text-align: center;
font-size: 16px;
}
.novedades-promociones-int .lista-promociones .line-promo .pic img{
max-width: 250px;
margin: 20px auto;
}
.novedades-promociones-int .lista-promociones .line-promo .inf h3{
display: none;
}
.novedades-promociones-int .lista-promociones .line-promo .inf{
padding-left: 0;
}
.novedades-promociones-int .lista-promociones .line-promo .inf p{
font-size: 14px;
}
.novedades-promociones-int .lista-promociones .line-promo .inf a.btn-go{
margin: 20px auto 0;
}
/* Fin promociones y eventos - lista */
.cta-mobile{
display: flex;
}
/* Inicio interior catalogos nuevo */
.catalogos-int .main-part{
padding: 20px 0;
}
.catalogos-int .main-part h1{
margin-bottom: 20px;
font-size: 35px;
}
.catalogos-int .main-part .select_cat ul li{
margin: 0 10px;
}
.catalogos-int .main-part .select_cat ul li a{
font-size: 13px;
padding: 5px 10px;
}
.catalogos-int .main-part .grid-cat{
grid-template-columns: 1fr 1fr;
}
.catalogos-int .main-part .grid-cat .itm .thumb .title{
font-size: 16px;
padding: 0 10px;
min-height: 45px;
}
.video-catalogos .txt p {
font-size: 17px;
padding: 0 30px
}
/* Fin interior catalogos nuevo */
.solicita-info .side-form {
width: 80%;
}
.solicita-info .side-form .form-body {
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.our-team-ris {
padding: 50px 0;
}
.about-risoul-block .container {
display: block;
}
.about-risoul-block .vid-circ {
width: 250px;
height: 250px;
margin: 0 auto 30px;
}
.about-risoul-block .vid-circ span.wistia_embed {
height: 250px !important;
}
.about-risoul-block .inf {
width: 100%;
padding: 0 20px;
text-align: center;
}
.about-risoul-block .inf h3 {
font-size: 18px;
}
.about-risoul-block .inf p {
margin: 15px 0;
font-size: 16px;
}
.about-risoul-block .inf ul {
max-width: 300px;
margin: 0 auto;
padding: 0;
grid-gap: 20px;
}
.about-risoul-block .inf ul li {
font-size: 15px;
text-align: left;
}
.solicita-info .side-img {
display: none;
}
.solicita-info .side-form {
padding: 20px 0;
}
.int-soluciones .hero .container {
height: 150px;
}
.int-soluciones .know-solutions {
padding: 0 0 15px;
}
.int-soluciones .know-solutions .intro {
padding-top: 15px;
background-color: white;
}
.int-soluciones .know-solutions .intro h2 {
margin-bottom: 0;
font-size: 23px;
margin-bottom: 15px;
}
.int-soluciones .know-solutions .intro .brands_links a {
display: none;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card {
display: block;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand-btn-line {
display: block !important;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont {
display: none;
padding: 15px 0;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont.active {
display: block;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid {
grid-template-columns: 1fr;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv {
max-width: 270px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv:before {
font-size: 13px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3 {
font-size: 16px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3.sm, .int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv h3.xs {
font-size: 13px;
}
.int-soluciones .know-solutions .contentcards #brands_container .brand_card .brand_cont .cardsgrid .itm a.cardserv p {
font-size: 14px;
}
#header-page {
border-bottom: 1px solid #ccc;
}
#header-page .uphead .movact {
display: flex;
}
#header-page .uphead a.logo {
margin-right: auto;
max-width: 200px;
}
#header-page .uphead .links,
#header-page .downhead {
display: none;
}
footer h3.title {
font-size: 15px;
}
footer ul.listfoot li {
font-size: 13px;
}
footer .graylinefoot .container {
display: block;
height: auto;
padding: 10px 0;
text-align: center;
}
footer .graylinefoot .container p,
footer .graylinefoot .container a {
font-size: 11px;
display: block;
text-align: center;
}
footer .graylinefoot .container a {
margin: 10px 0;
}
footer .grid-foot {
display: block;
}
footer .grid-foot .item:last-child {
margin: 20px 0;
max-width: 320px;
width: 100%;
}
footer .grid-foot .item:last-child p {
font-size: 14px;
}
footer .grid-foot .item .formulario {
margin-bottom: 20px;
}
footer .grid-foot .item .formulario form label {
font-size: 13px;
}
.int-prod-19 .hero {
padding: 20px 0;
}
.int-prod-19 .hero .container {
display: grid;
grid-template-columns: 1fr 1fr;
height: auto;
max-width: 480px;
}
.int-prod-19 .hero .side_inf {
width: 100%;
max-width: 700px;
text-align: center;
grid-column-start: 1;
grid-column-end: 3;
margin: 0 auto 30px;
}
.int-prod-19 .hero .side_inf h1 {
font-size: 33px;
}
.int-prod-19 .hero .side_inf p {
padding: 0 50px;
}
.int-prod-19 .hero .side_inf .btn-hero {
margin: 0 auto;
}
.int-prod-19 .hero .side_brand {
max-width: 100%;
}
.int-prod-19 .hero .side_brand img {
margin: 0;
max-width: 200px;
}
.int-prod-19 .hero .side_brand p {
margin: 10px 0;
font-size: 16px;
}
.int-prod-19 .hero .side_brand a.btn-hero {
margin: 0;
max-width: 200px;
}
.int-prod-19 .hero .side_ebook {
max-width: 150px;
margin: 0 auto;
}
.int-prod-19 .equipo {
padding: 20px 0;
}
.int-prod-19 .equipo h2 {
font-size: 20px;
margin-bottom: 20px;
}
.int-prod-19 .equipo h2.lg {
margin: 20px 0;
}
.int-prod-19 .equipo h3 {
font-size: 18px;
margin-bottom: 20px;
}
.int-prod-19 .equipo .serv_grid {
grid-template-columns: 1fr;
}
.int-prod-19 .equipo .serv_grid .serv p {
font-size: 16px;
margin-left: 15px;
}
.int-prod-19 .equipo .cards_grid {
grid-template-columns: 1fr 1fr;
}
.main_part {
padding: 20px 0;
}
.main_part h2 {
font-size: 20px;
margin-bottom: 20px;
}
.main_part .brand_tabs .brands_links {
display: none !important;
}
.main_part .brand_tabs .brands_links2 {
display: none !important;
}
.main_part .brand_tabs #brands_container .brand_card {
display: block;
margin-bottom: 10px;
}
.main_part .brand_tabs #brands_container .brand_card a.brand-btn-line {
max-width: 100%;
display: block !important;
color: white;
background-color: #333;
font-weight: bold;
font-size: 16px;
padding: 15px 20px;
position: relative;
}
.main_part .brand_tabs #brands_container .brand_card a.brand-btn-line:after {
position: absolute;
content: "+";
right: 0;
top: 0;
color: white;
font-weight: bold;
font-size: 25px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
}
.main_part .brand_tabs #brands_container .brand_card a.brand-btn-line.hide {
display: block;
}
.main_part .brand_tabs #brands_container .brand_card a.brand-btn-line.active::after {
content: "-";
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont {
display: none;
padding: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont.active {
display: block;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro {
margin-bottom: 15px;
padding-bottom: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro h2 {
font-size: 18px;
margin-bottom: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .intro p {
text-align: center;
font-size: 15px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect {
display: block;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf {
max-width: 95%;
margin: 0 auto;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .title {
font-size: 17px;
margin-bottom: 15px;
text-align: center;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw {
padding: 3px 7px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw:nth-child(odd) {
background: #f3f3f3;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .inf .tbl .rw p {
font-size: 13px;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic {
max-width: 350px;
margin: 0 auto;
}
.main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .pic img {
max-width: 100%;
}
.main_part .brand_tabs #brands_container2 .brand_card {
display: block;
margin-bottom: 10px;
}
.main_part .brand_tabs #brands_container2 .brand_card a.brand-btn-line {
max-width: 100%;
display: block !important;
color: white;
background-color: #333;
font-weight: bold;
font-size: 16px;
padding: 15px 20px;
position: relative;
}
.main_part .brand_tabs #brands_container2 .brand_card a.brand-btn-line:after {
position: absolute;
content: "+";
right: 0;
top: 0;
color: white;
font-weight: bold;
font-size: 25px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
}
.main_part .brand_tabs #brands_container2 .brand_card a.brand-btn-line.hide {
display: block;
}
.main_part .brand_tabs #brands_container2 .brand_card a.brand-btn-line.active::after {
content: "-";
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont {
display: none;
padding: 15px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont.active {
display: block;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .intro {
margin-bottom: 15px;
padding-bottom: 15px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .intro h2 {
font-size: 18px;
margin-bottom: 15px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .intro p {
text-align: center;
font-size: 15px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect {
display: block;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf {
max-width: 95%;
margin: 0 auto;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .title {
font-size: 17px;
margin-bottom: 15px;
text-align: center;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw {
padding: 3px 7px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw:nth-child(odd) {
background: #f3f3f3;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .inf .tbl .rw p {
font-size: 13px;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .pic {
max-width: 350px;
margin: 0 auto;
}
.main_part .brand_tabs #brands_container2 .brand_card .brand_cont .prod_sect .pic img {
max-width: 100%;
}
.int-prod-19 .why-brand {
padding: 15px 0;
}
.int-prod-19 .why-brand h2 {
font-size: 23px;
margin-bottom: 15px;
}
.int-prod-19 .why-brand .flex-why {
display: block;
}
.int-prod-19 .why-brand .flex-why .info-txt p {
font-size: 15px;
}
.int-prod-19 .why-brand .flex-why .logo-why {
max-width: 300px;
margin: 0 auto;
}
.int-prod-19 .conoce_mas {
padding: 15px 0;
}
.int-prod-19 .conoce_mas .container {
display: block;
}
.int-prod-19 .conoce_mas .side_links h2 {
font-size: 19px;
margin-bottom: 20px;
}
.int-prod-19 .conoce_mas .side_links h3 {
font-size: 16px;
}
.int-prod-19 .conoce_mas .side_links ul li a {
font-size: 14px;
}
.int-prod-19 .conoce_mas .side_ebook {
margin: 0 auto;
}
.int-prod-19 .about_us_part .sides_row {
display: block;
}
.int-prod-19 .about_us_part .sides_row .side {
width: 100%;
}
.int-prod-19 .about_us_part .inf {
max-width: 400px;
margin: 0 auto;
padding: 15px 0;
}
.int-prod-19 .about_us_part .inf h3 {
font-size: 23px;
}
.int-prod-19 .about_us_part .inf p {
font-size: 15px;
}
.int-prod-19 .about_us_part .inf ul li {
font-size: 13px;
}
.int-prod-19 .about_us_part .inf ul li span {
font-size: 15px;
}
.int-prod-19 .slides-servicios {
padding: 20px 0;
}
.int-prod-19 .slides-servicios h2 {
font-size: 25px;
margin-bottom: 20px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info {
max-width: 400px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p {
text-align: center;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p strong {
font-size: 18px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info .sides_row {
display: block;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info .sides_row .side {
width: 100%;
}
.int-prod-19.milwaukee .hero h1 {
font-size: 35px;
}
.int-prod-19.milwaukee .equipo .serv_grid {
display: block;
}
.int-prod-19.milwaukee .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.milwaukee .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.milwaukee .main_part .brand_tabs .brands_links2 {
max-width: 200px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container2 .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.milwaukee .beneficios {
padding: 30px 0;
}
.int-prod-19.milwaukee .beneficios h2 {
font-size: 22px;
margin-bottom: 30px;
}
.int-prod-19.milwaukee .beneficios .grid-benefits {
display: block;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm a {
display: block;
width: 100%;
max-width: 280px;
margin: 20px auto 0;
}
.int-prod-19.milwaukee .beneficios .grid-benefits .itm iframe {
margin-top: 30px;
}
.int-prod-19.regal .hero h1 {
font-size: 35px;
}
.int-prod-19.regal .equipo .serv_grid {
display: block;
}
.int-prod-19.regal .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.regal .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.regal .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.regal .beneficios {
padding: 30px 0;
}
.int-prod-19.regal .beneficios h2 {
font-size: 22px;
margin-bottom: 30px;
}
.int-prod-19.regal .beneficios .grid-benefits {
display: block;
}
.int-prod-19.regal .beneficios .grid-benefits .itm a {
display: block;
width: 100%;
max-width: 280px;
margin: 20px auto 0;
}
.int-prod-19.regal .beneficios .grid-benefits .itm iframe {
margin-top: 30px;
}
.int-prod-19.endress .hero h1 {
font-size: 35px;
}
.int-prod-19.endress .equipo .serv_grid {
display: block;
}
.int-prod-19.endress .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.endress .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.endress .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.endress .beneficios {
padding: 30px 0;
}
.int-prod-19.endress .beneficios h2 {
font-size: 22px;
margin-bottom: 30px;
}
.int-prod-19.endress .beneficios .grid-benefits {
display: block;
}
.int-prod-19.endress .beneficios .grid-benefits .itm a {
display: block;
width: 100%;
max-width: 280px;
margin: 20px auto 0;
}
.int-prod-19.endress .beneficios .grid-benefits .itm iframe {
margin-top: 30px;
}
.int-prod-19.denso .blue-block .content-blue{
grid-template-columns: 1fr;
}
.int-prod-19.denso .blue-block .content-blue .text{
margin: 0 0 25px;
}
.int-prod-19.denso .blue-block .content-blue .video iframe{
max-width: 100% !important;
}
.int-prod-19.denso .hero h1 {
font-size: 35px;
}
.int-prod-19.denso .equipo .serv_grid {
display: block;
}
.int-prod-19.denso .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.int-prod-19.denso .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
.int-prod-19.denso .main_part .brand_tabs .brands_links {
max-width: 200px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
.int-prod-19.denso .beneficios {
padding: 30px 0;
}
.int-prod-19.denso .beneficios h2 {
font-size: 22px;
margin-bottom: 30px;
}
.int-prod-19.denso .beneficios .grid-benefits {
display: block;
}
.int-prod-19.denso .beneficios .grid-benefits .itm a {
display: block;
width: 100%;
max-width: 280px;
margin: 20px auto 0;
}
.int-prod-19.denso .beneficios .grid-benefits .itm iframe {
margin-top: 30px;
}
.int-prod-19.vertiv .hero .side_inf h1 {
font-size: 40px;
}
.int-prod-19.vertiv .brand-info-line .container {
display: block;
}
.int-prod-19.vertiv .brand-info-line .brand-logo {
margin: 0 auto 15px;
}
.int-prod-19.vertiv .brand-info-line .brand-inf {
padding: 0;
}
.int-prod-19.vertiv .brand-info-line .brand-inf p {
text-align: center;
font-size: 15px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf {
display: block;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf .inf .hdm {
display: none;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .prod_sect .grid_prodinf .inf .title {
margin: 20px 0;
text-align: left;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont .mainpic {
margin-bottom: 20px;
}
.int-prod-19.vertiv .main_part .brand_tabs #brands_container .brand_card .brand_cont a.btn-desc {
margin-left: 15px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-photo {
display: none;
}
.int-prod-19.vertiv .conoce_mas .side_ebook {
margin: 0 auto 20px;
}
.int-prod-19.vertiv .conoce_mas .side_links {
text-align: center;
}
.int-prod-19.vertiv .conoce_mas .side_links a {
margin: 0 auto;
}
.int-prod-19.vertiv .modal-video {
flex-flow: column;
}
.int-prod-19.vertiv .modal-video .modal-vid-bod {
width: 90%;
height: 300px;
}
.int-prod-19.vertiv .modal-video .cerrarpop {
margin-top: 20px;
top: 0;
left: 0;
}
.soluciones-page .hero .box-text {
width: 100%;
}
.soluciones-page .hero .box-text .text {
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
.soluciones-page .page-main-content .container {
display: block;
}
.soluciones-page .page-main-content .sidebar-page {
max-width: 100%;
position: relative;
margin: 0 auto 0;
display: flex;
align-items: center;
left: 0;
padding-right: 10px;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block {
margin-left: 5px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov {
display: block;
width: 100%;
max-width: 400px;
margin-left: 20px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov a.main {
font-size: 16px;
height: 40px;
}
.soluciones-page .page-main-content .sidebar-page .box-menus {
display: none;
}
.soluciones-page .page-main-content .sidebar-page .box-services {
display: none;
}
.soluciones-page .page-main-content .sidebar-page .box-services h4 {
font-size: 14px;
}
.soluciones-page .page-main-content .sidebar-page .box-services ul li {
font-size: 13px;
}
.soluciones-page .page-main-content .sidebar-page .box-cta {
display: none;
}
.soluciones-page .page-main-content .sidebar-page .box-cta h4 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .content-center {
padding: 0 10px;
}
.soluciones-page .page-main-content .content-container .hero-inside {
height: 150px;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero {
height: 100%;
flex-flow: column;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero h3 {
text-align: center;
margin-right: 0;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons {
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt h3 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt ul li {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .cards-part .card {
padding: 7px 15px;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf {
margin: 10px 0;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus {
grid-gap: 5px;
grid-template-columns: 1fr 1fr;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm {
background-size: cover;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus p {
font-size: 16px;
}
.soluciones-page .page-main-content .content-container .line-cta {
display: block;
}
.soluciones-page .page-main-content .content-container .line-cta a.btn {
margin: 20px auto 0;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray {
min-height: 0;
height: auto;
padding: 15px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt {
max-width: 100%;
width: 100%;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt h3 {
margin-bottom: 10px;
font-size: 17px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .txt p {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card {
padding: 0 10px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt h3 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt p {
font-size: 14px;
margin: 10px 0;
}
.soluciones-page .page-main-content .content-container .vid-grid-block h3 {
font-size: 16px;
margin-bottom: 10px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso {
padding: 20px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso h2.title-caso {
margin-bottom: 10px;
font-size: 21px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso p {
font-size: 15px;
margin-bottom: 10px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .grid-gallery {
grid-gap: 0 10px;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso {
display: block;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-porcentaje {
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner {
display: block;
min-height: 0;
height: auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 3px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .pic {
max-width: 120px;
margin: 0 auto 20px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .pic img {
display: block;
max-width: 100%;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf {
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf h3 {
text-align: center;
font-size: 20px;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .inf a.btn {
margin: 10px auto 0;
}
/* Industria template */
.industria-template {
font-size: 80%;
}
.industria-template .hero-block-indus {
background-position: 0 center;
}
.industria-template .hero-block-indus .text {
padding: 20px 0;
text-align: center;
}
.industria-template .hero-block-indus .text p {
margin: 20px 0;
}
.industria-template .hero-block-indus .text a.btn-outline {
margin-left: auto;
margin-right: auto;
}
.industria-template .block-solutions-lines {
padding: 20px 0;
}
.industria-template .block-solutions-lines h2 {
margin-bottom: 20px;
}
.industria-template .block-solutions-lines .solution-line {
display: block;
}
.industria-template .block-solutions-lines .solution-line .pic {
width: 100%;
max-width: 100%;
}
.industria-template .block-solutions-lines .solution-line .pic img {
width: 100%;
}
.industria-template .block-solutions-lines .solution-line .text {
padding: 15px;
position: relative;
border-radius: 0;
border: 1px solid #707070;
}
.industria-template .block-solutions-lines .solution-line .text h3 {
margin-bottom: 5px;
}
.industria-template .projects-carousel-block {
padding: 30px 0;
}
.industria-template .projects-carousel-block h2 {
margin-bottom: 30px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block {
max-width: 850px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description {
padding: 15px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description ul {
padding-left: 15px;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description .sides {
display: block;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description .sides .itm {
width: 100%;
}
.industria-template .projects-carousel-block .carousel-block .carousel-items .item .proy-block .description .sides .itm:last-child {
margin-top: 20px;
}
.industria-template .section-ebooks-block {
padding: 30px 0;
}
.industria-template .section-ebooks-block h2 {
margin-bottom: 30px;
}
.industria-template .section-ebooks-block .block-carousel-ebooks {
padding-bottom: 30px;
margin-bottom: 30px;
}
.industria-template .section-ebooks-block .carousel-ebooks .item .ebook-block a.btn-descargar {
max-width: 200px !important;
}
.industria-template .block-form-sides {
padding: 20px 0;
}
.industria-template .block-form-sides .sides-part {
display: block;
}
.industria-template .block-form-sides .sides-part .itm {
width: 100%;
}
.industria-template .block-form-sides .sides-part .itm:last-child {
margin-top: 20px;
}
.industria-template .block-form-sides .sides-part .text,
.industria-template .block-form-sides .sides-part .form-block {
margin-left: auto;
margin-right: auto;
}
/*Empieza Satco 767*/
#satcoInt .blue-block .content-blue{
grid-template-columns: 1fr;
}
#satcoInt .blue-block .content-blue .text{
margin: 0 0 25px;
}
#satcoInt .blue-block .content-blue .video iframe{
max-width: 100% !important;
}
#satcoInt .hero h1 {
font-size: 35px;
}
#satcoInt .equipo .serv_grid {
display: block;
}
#satcoInt .equipo .serv_grid .serv {
max-width: 600px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
#satcoInt .equipo .serv_grid .serv:last-child {
margin-bottom: 0;
}
#satcoInt .main_part .brand_tabs .brands_links {
max-width: 200px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
grid-template-columns: 1fr 1fr;
}
#satcoInt .beneficios {
padding: 30px 0;
}
#satcoInt .beneficios h2 {
font-size: 22px;
margin-bottom: 30px;
}
#satcoInt .beneficios .grid-benefits {
display: block;
}
#satcoInt .beneficios .grid-benefits .itm a {
display: block;
width: 100%;
max-width: 280px;
margin: 20px auto 0;
}
#satcoInt .beneficios .grid-benefits .itm iframe {
margin-top: 30px;
}
#satcoInt .hero .side_brand{
margin: 20px auto 0;
}
#satcoInt .hero .side_brand p{
margin-top: 10px;
}
#satcoInt .equipo .serv_grid .serv{
display: block;
width: 100%;
max-width: 100%;
}
#satcoInt .equipo .serv_grid .serv .ico{
margin-bottom: 20px;
}
#satcoInt .bloque-calidad .calidad-grid{
flex-wrap: wrap;
}
#satcoInt .bloque-calidad .calidad-grid .itm{
width: 30%;
margin: 0 10px 20px;
}
/*Termina Satco 767*/
/* Interior DSU 767 */
#intDsu {
font-size: 80%;
}
#intDsu .hero-block-indus .text p {
margin: 20px auto;
font-size: 1.3em;
}
#intDsu .proveedores-block {
padding: 40px 0;
}
#intDsu .proveedores-block h2 {
margin-bottom: 20px;
}
#intDsu .proveedores-block .sides-prov {
display: block;
}
#intDsu .proveedores-block .sides-prov .side-inf {
max-width: 100%;
margin-bottom: 20px;
}
#intDsu .proveedores-block .sides-prov .side-pic {
margin: 0 auto;
}
#intDsu .benefits-services-block {
padding: 40px 0;
}
#intDsu .benefits-services-block h2 {
margin-bottom: 20px;
}
#intDsu .benefits-services-block .grid-info {
display: block;
}
#intDsu .benefits-services-block .grid-info .list {
max-width: 100%;
margin-bottom: 20px;
}
#intDsu .benefits-services-block .grid-info .pic {
margin: 0 auto;
}
#intDsu .servicios-white-block {
padding: 40px 0;
}
#intDsu .servicios-white-block .boxes-sides {
display: block;
}
#intDsu .servicios-white-block .boxes-sides .itm {
width: 100%;
margin-bottom: 20px;
}
#intDsu .servicios-white-block .boxes-sides .itm .box {
max-width: 400px;
margin: 0 auto;
padding: 20px;
}
#intDsu .benefits-services-block .grid-info .wait {
margin-bottom: 20px;
}
#intDsu .benefits-services-block .grid-info .wait .num {
width: 65px;
height: 65px;
}
/* Fin Interior DSU 767 */
#landAutomation20 .fondonegro .gridbloques{
display: block;
}
#landAutomation20 .fondonegro .gridbloques .itm{
border-top: 0!important;
border-bottom: 1px solid white;
margin: 0 auto;
width: 100%;
}
#landAutomation20 .fondonegro .gridbloques .itm:last-child{
border-bottom: 0;
}
#interiorPodcasts .heroPodcasts{
height: 180px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList{
padding: 0 10px 20px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul::after{
display: none;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item{
width: 48%;
}
#interiorPodcasts .podcastGridContent .sidebarPod{
padding: 0;
position: relative;
margin: 0 0 30px;
padding-left: 10px;
max-width: 300px;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt .dropTxt{
display: flex;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt .filtsPodcast{
padding: 15px 0;
background-color: #f7f7f7;
border-bottom: 1px solid #979797;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
display: none;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt .filtsPodcast.active{
display: block;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt h4{
background-color: #d2d2d2;
padding: 5px 15px;
}
#interiorPodcasts .podcastGridContent .sidebarPod .linksFilt a{
padding: 5px 15px;
}
#interiorPodcasts .podcastGridContent{
padding: 40px 0 0;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul{
padding: 30px 0;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender{
flex-wrap: wrap;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .itm{
width: 50%;
margin-bottom: 20px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .boxazul .gridAprender .itm:last-child{
margin-bottom: 0;
}
#interiorPodcasts .podcastGridContent .container{
display: block;
}
#interiorPodcasts .podcastGridContent .sidebarPod .boxGris{
display: none;
}
h4.txtshare{
text-align: center;
display: block;
}
.sharegrid{
display: flex;
width: 100%;
}
.sharegrid .hs_cos_wrapper_type_social_sharing{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.sharegrid .hs_cos_wrapper_type_social_sharing a{
width: 24px;
height: 24px;
display: flex;
align-items: flex-start;
margin: 0 6px;
}
.sharegrid .hs_cos_wrapper_type_social_sharing a img{
width: 100%;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf .prods img{
max-width: 100%!important;
margin: 0 auto!important;
}
.sidebar-page .box-blue{
height: auto!important;
min-height: 260px;
height: auto!important;
}
.sidebar-page .box-blue h1,
.sidebar-page .box-blue p{
text-align: center;
}
.sidebar-page .box-blue a.btn{
margin: 0 auto!important;
}
.soluciones-page .page-main-content .content-container .introduction ul li{
width: 100%!important;
font-size: 15px!important;
}
.soluciones-page .page-main-content .content-container .introduction ul li span{
font-size: inherit!important;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items a {
width: 25%;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items a img{
width: 100%;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .ico img{
height: auto!important;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray.boxwhite{
display: block!important;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray .img img{
display: block;
margin: 0 auto!important;
}
.soluciones-page .page-main-content .content-container .list-check{
display: block!important;
}
.soluciones-page .page-main-content .content-container .list-check img{
max-width: 100%;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .list-check ul{
padding-left: 60px;
}
.soluciones-page .page-main-content .content-container .list-check ul li,
.soluciones-page .page-main-content .content-container .list-check ul span{
font-size: 15px!important;
}
.soluciones-page .page-main-content .content-container .list-check.numlist ul li:before{
left: -40px;
top: 0;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul{
padding-left: 20px;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul li{
font-size: 15px!important;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo {
display: flex;
align-items: center;
margin: 0 auto;
width: 100%;
max-width: 1080px;
padding: 25px 0;
border-bottom: 1px solid #e0e0e0;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo:last-child {
border-bottom: 0;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .pic {
width: 100%;
max-width: 500px;
border-radius: 6px;
overflow: hidden;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .pic img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .pic h3{
display: none;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo h3 {
font-size: 23px;
color: #333;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .inf {
padding: 0 0 0 35px;
width: 100%;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .inf p,
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .inf h2,
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .inf h2 span{
font-size: 16px!important;
line-height: 1.75!important;
color: #333!important;
margin-bottom: 10px!important;
font-weight: normal!important;
font-family: "Proxima Nova",sans-serif!important;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .line-promo .inf a.btn-go {
font-size: 14px;
display: block;
background-color: #fa6b17;
width: 100%;
max-width: 150px;
text-align: center;
padding: 8px 0;
border-radius: 4px;
color: white;
font-weight: bold;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .grid-posts .item .post-item .post-header h2{
min-height: 70px!important;
height: auto!important;
padding: 15px 30px!important;
}
.soluciones-page .tabs-prod-section .prod-box .box .box-cont .grid-posts .item .post-item .post-header h2 a{
color: #333;
}
.soluciones-page .page-main-content .content-container h2.main-text{
font-size: 23px!important;
}
.soluciones-page .int-webinars .desk .right .webinars-content .webinar .content-web .img img {
width: 100%!important;
}
.soluciones-page .seleccionar-webinars,
.soluciones-page .tabs-prod-section .tabs-part{
flex-wrap: wrap;
}
.soluciones-page .seleccionar-webinars a,
.soluciones-page .tabs-prod-section .tabs-part a{
margin: 0 3px 10px;
font-size: 14px;
text-align: center;
width: 30%;
padding: 0;
}
.soluciones-page .tabs-prod-section .tabs-part.articulos-tabs a,
.soluciones-page .tabs-prod-section .tabs-part.articulos-tabs button{
height: auto;
width: 30%!important;
max-width: 100%;
padding: 10px;
font-size: 11px!important;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray.card-wimg .txt{
padding: 0 10px 0!important;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray.card-wimg .img{
padding: 20px 0!important;
margin: 0 auto;
}
.soluciones-page .page-main-content .content-container .card-main iframe{
width: 100%!important;
}
.risoul-mro-connect .hero {
background-image: none;
}
.risoul-mro-connect .hero .hero-txt .img-logo {
margin: auto;
margin-bottom: 15px;
max-width: 150px;
}
.risoul-mro-connect .hero .hero-txt h1 {
font-size: 25px;
text-align: center;
}
.risoul-mro-connect .hero .hero-txt h2 {
font-size: 22px;
text-align: center;
margin-bottom: 10px;
}
.risoul-mro-connect .hero .hero-txt .direccion {
font-size: 15px;
text-align: center;
margin-bottom: 10px;
}
.risoul-mro-connect .hero .hero-txt .fecha {
margin-bottom: 10px;
justify-content: center;
}
.risoul-mro-connect .hero .hero-txt .fecha span {
font-size: 50px;
}
.risoul-mro-connect .hero .hero-txt .fecha p {
font-size: 15px;
}
.risoul-mro-connect .invitamos-evento h2 {
font-size: 22px;
text-align: center;
}
.risoul-mro-connect .invitamos-evento p {
font-size: 15px;
text-align: center;
}
.risoul-mro-connect .invitamos-evento .btn-registrate {
margin: 0 auto;
margin-top: 30px;
font-size: 15px;
max-width: 50%;
}
.risoul-mro-connect .agenda .agenda-title h2 {
font-size: 22px;
}
.risoul-mro-connect .agenda .agenda-items {
margin-top: 30px;
}
.risoul-mro-connect .agenda .agenda-items .item {
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
}
.risoul-mro-connect .agenda .agenda-items .item .horario {
max-width: 100%;
}
.risoul-mro-connect .agenda .agenda-items .item .horario p {
font-size: 15px;
}
.risoul-mro-connect .agenda .agenda-items .item .actividad {
max-width: 100%;
}
.risoul-mro-connect .agenda .agenda-items .item .actividad p {
margin: 0;
font-size: 15px;
text-align: center;
}
.risoul-mro-connect .marcas-participantes h2 {
font-size: 22px;
}
.risoul-mro-connect .marcas-participantes .logos {
margin-top: 30px;
flex-wrap: wrap;
gap: 0;
justify-content: space-around;
}
.risoul-mro-connect .marcas-participantes .btn-descarga-invitacion {
font-size: 15px;
max-width: 50%;
}
.risoul-mro-connect .formulario h2 {
font-size: 22px;
}
}
@media (max-width: 480px) {
.soluciones-page .seleccionar-webinars a{
font-size: 11px;
}
.soluciones-page .page-main-content .content-container .box-cards-gray .card-gray.boxwhite{
padding: 20px!important;
}
footer{
padding-bottom: 0!important;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items a {
width: 30%;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items img{
width: 33%;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items a img{
width: 100%;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus{
display: block!important;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm{
width: 100%!important;
max-width: 215px!important;
margin: 0 auto;
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm:last-child{
margin-bottom: 0
}
.soluciones-page .page-main-content .content-container .industries-block .grid-box-indus .itm .indus{
margin: 0 auto;
}
/* Inicio interior ST2020 */
.int-st-2020 .hero {
height: 90px;
}
.int-st-2020 .banner-intro p {
font-size: 12px;
}
.int-st-2020 .banner-intro h2 {
font-size: 20px;
}
.int-st-2020 .grid-part-main {
padding: 20px 0;
}
.int-st-2020 .grid-part-main .container {
display: block;
}
.int-st-2020 .grid-part-main .container .item {
margin-bottom: 20px;
text-align: center;
}
.int-st-2020 .grid-part-main .container .item:last-child {
margin-bottom: 0;
}
.int-st-2020 .grid-part-main .container .item .inf {
max-width: 250px;
margin: 0 auto;
}
.int-st-2020 .vid-part .container .info h3 {
font-size: 23px;
}
.int-st-2020 .vid-part .container .info p {
font-size: 14px;
}
.int-st-2020 .agenda-block {
padding: 20px 0;
}
.int-st-2020 .agenda-block h3 {
margin-bottom: 20px;
font-size: 17px;
}
.int-st-2020 .agenda-block p {
margin-top: 20px;
}
.int-st-2020 .cities-grid .container {
display: block;
}
.int-st-2020 .cities-grid .container .itm {
margin-bottom: 20px;
}
.int-st-2020 .cities-grid .container .itm:last-child {
margin-bottom: 0;
}
.int-st-2020 .cities-grid .container .itm:last-child .city {
margin: 0;
}
.int-st-2020 .cities-grid .container .itm .city h3 {
margin-bottom: 5px;
}
.int-st-2020 .industries-block h3 {
margin-bottom: 15px;
}
.int-st-2020 .industries-block ul {
grid-template-columns: 1fr 1fr;
max-width: 250px;
margin: 0 auto;
grid-gap: 5px 20px;
}
.int-st-2020 .banner-resena .box h3 {
font-size: 20px;
}
/* Blog */
.blog-int .main-content .sidebar{
display: block;
}
.blog-int .main-content .sidebar .categorias ul{
grid-template-columns: 1fr 1fr;
}
/* Inicio demobus */
.demobus-int .hero-demobus{
background-position: 100% center;
}
.demobus-int .hero-demobus .container{
height: 220px;
}
.demobus-int .hero-demobus .inf h1{
font-size: 28px;
}
.demobus-int .hero-demobus .inf p{
font-size: 16px;
}
.demobus-int .content-demobus .sides-inf .side-txt a.btn-debmobus{
max-width: 250px;
}
.demobus-int .content-demobus h2{
font-size: 22px;
}
.demobus-int .content-demobus .sides-inf .side-txt h3{
font-size: 16px;
}
.demobus-int .content-demobus .sides-inf .side-txt p,
.demobus-int .content-demobus .sides-inf .side-txt ul li{
font-size: 15px;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form{
max-width: 250px;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .cta p{
font-size: 15px;
}
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form .hs-input,
.demobus-int .content-demobus .sides-inf .side-form .forma .form_body form select{
max-width: 100%;
}
.demobus-int .slide-demobus,
.demobus-int .slide-demobus .hs_cos_gallery_main{
height: 190px;
}
.demobus-int .slide-demobus .slick-prev,
.demobus-int .slide-demobus .slick-next{
width: 33px;
height: 33px;
}
.demobus-int .slide-demobus .slick-prev:before,
.demobus-int .slide-demobus .slick-next:before{
font-size: 33px;
}
/* Fin demobus */
/* Inicio interior catalogos nuevo */
.catalogos-int .main-part{
padding: 20px 0;
}
.catalogos-int .main-part h1{
margin-bottom: 20px;
font-size: 25px;
}
.catalogos-int .main-part .select_cat .actDrpCat{
display: flex;
}
.catalogos-int .main-part .select_cat{
padding-bottom: 15px;
}
.catalogos-int .main-part .select_cat ul{
display: none;
background-color: #d8d8d8;
border-radius: 0;
margin-top: -2px;
}
.catalogos-int .main-part .select_cat ul.active{
display: block;
}
.catalogos-int .main-part .select_cat ul li{
max-width: 100%;
margin: 0;
}
.catalogos-int .main-part .select_cat ul li a{
border: 0;
padding: 9px;
color: #444 !important;
text-align: left;
font-size: 11px;
}
.catalogos-int .main-part .select_cat ul li a.active{
background-color: transparent;
}
.catalogos-int .main-part .grid-cat{
display: block;
}
.catalogos-int .main-part .grid-cat .itm{
margin-bottom: 15px;
}
.catalogos-int .main-part .grid-cat .itm.active{
display: block;
}
.catalogos-int .main-part .grid-cat .itm:last-child{
margin-bottom: 0;
}
.catalogos-int .main-part .grid-cat .itm .thumb{
display: flex;
align-items: center;
transition: none;
padding: 3px 10px ;
max-width: 320px;
box-shadow: none!important;
}
.catalogos-int .main-part .grid-cat .itm .thumb:last-child{
margin-bottom: 0;
}
.catalogos-int .main-part .grid-cat .itm .thumb .pic{
max-width: 90px;
height: auto;
}
.catalogos-int .main-part .grid-cat .itm .thumb .pic img{
height: auto;
width: 100%;
}
.catalogos-int .main-part .grid-cat .itm .thumb .title{
font-size: 16px;
padding: 0 10px;
min-height: 45px;
display: none;
}
.catalogos-int .main-part .grid-cat .itm .thumb .info p{
display: block;
font-size: 12px;
font-weight: bold;
color: #444;
}
.catalogos-int .main-part .grid-cat .itm .thumb .bluebtncat{
margin: 10px 0 0;
padding: 8px;
font-size: 11px;
max-width: 150px;
}
.video-catalogos {
flex-wrap: wrap;
display: none;
}
.video-catalogos .txt,
.video-catalogos .video {
width: 100%
}
.video-catalogos .txt p {
text-align: center;
font-size: 14px;
padding: 20px
}
/* Fin interior catalogos nuevo */
.int-soluciones .hero h1 {
font-size: 30px;
}
footer {
padding: 20px 0;
}
footer .grid-foot .item:last-child {
max-width: 100%;
}
footer .grid-foot .item .navfoot {
display: block;
}
footer .grid-foot .item .navfoot .links {
margin-bottom: 20px;
}
footer .grid-foot .item .navfoot .links:nth-child(2) h3.title {
display: none;
}
footer .grid-foot .item .sucfoot .gridsuc {
display: block;
}
footer .grid-foot .item .sucfoot .gridsuc .listfoot {
margin-bottom: 20px;
}
.int-prod-19 .hero .container {
display: block;
}
.int-prod-19 .hero .side_inf h1 {
font-size: 22px;
}
.int-prod-19 .hero .side_inf p {
font-size: 16px;
padding: 0 0;
}
.int-prod-19 .hero .side_ebook {
max-width: 120px;
margin-bottom: 20px;
}
.int-prod-19 .hero .side_brand {
text-align: center;
}
.int-prod-19 .hero .side_brand img {
margin: 0 auto;
}
.int-prod-19 .hero .side_brand a.btn-hero {
margin: 0 auto;
}
.int-prod-19 .equipo h2 {
font-size: 17px;
}
.int-prod-19 .equipo h3 {
font-size: 15px;
}
.int-prod-19 .equipo .serv_grid {
display: block;
max-width: 300px;
margin: 0 auto;
}
.int-prod-19 .equipo .serv_grid .serv {
margin-bottom: 10px;
}
.int-prod-19 .equipo .serv_grid .serv .ico {
width: 40px;
height: 40px;
}
.int-prod-19 .equipo .serv_grid .serv p {
max-width: 200px;
font-size: 13px;
}
.int-prod-19 .equipo .cards_grid {
display: block;
}
.int-prod-19 .equipo .cards_grid .card {
margin-bottom: 15px;
}
.int-prod-19 .equipo .cards_grid .card .foo {
height: auto;
padding: 5px 0;
}
.int-prod-19 .equipo .cards_grid .card .foo a {
font-size: 15px;
}
.main_part h2 {
font-size: 17px;
}
.main_part .brand_tabs #brands_container .brand_card a.brand-btn-line {
font-size: 13px;
padding: 10px;
}
.main_part .brand_tabs #brands_container2 .brand_card a.brand-btn-line {
font-size: 13px;
padding: 10px;
}
.int-prod-19 .why-brand h2 {
font-size: 17px;
}
.int-prod-19 .why-brand .flex-why .info-txt p {
font-size: 13px;
}
.int-prod-19 .why-brand .flex-why .logo-why {
max-width: 200px;
margin-top: 15px;
}
.int-prod-19 .conoce_mas .side_links h2 {
font-size: 17px;
text-align: center;
line-height: 1.5;
margin-bottom: 0;
}
.int-prod-19 .conoce_mas .side_links h3 {
margin: 10px 0;
font-size: 15px;
text-align: center;
}
.int-prod-19 .about_us_part .inf {
padding: 15px;
}
.int-prod-19 .about_us_part .inf h3 {
font-size: 17px;
text-align: center;
margin-bottom: 10px;
}
.int-prod-19 .about_us_part .inf p {
font-size: 14px;
text-align: center;
}
.int-prod-19 .about_us_part .inf ul {
max-width: 250px;
margin: 0 auto;
}
.int-prod-19 .about_us_part .inf ul li {
width: 50%;
}
.int-prod-19 .about_us_part .inf ul li span {
font-size: 13px;
}
.int-prod-19 .slides-servicios {
padding: 15px 0;
}
.int-prod-19 .slides-servicios h2 {
font-size: 18px;
margin-bottom: 15px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info img {
max-width: 150px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p {
width: 90%;
margin: 0 auto;
font-size: 13px;
}
.int-prod-19 .slides-servicios .carousel-slide .carousel .carousel-inner .item .info p strong {
padding: 0 0 10px;
}
.int-prod-19.milwaukee .equipo h2 .hm {
display: none;
}
.int-prod-19.milwaukee .equipo .serv_grid .serv .ico {
width: 80px;
height: 80px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: block;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
margin-bottom: 10px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm:last-child {
margin-bottom: 0;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
font-size: 14px;
}
.int-prod-19.milwaukee .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 180px;
height: 180px;
margin-bottom: 15px;
}
.int-prod-19.regal .equipo h2 .hm {
display: none;
}
.int-prod-19.regal .equipo .serv_grid .serv .ico {
width: 80px;
height: 80px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: block;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
margin-bottom: 10px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm:last-child {
margin-bottom: 0;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
font-size: 14px;
}
.int-prod-19.regal .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 180px;
height: 180px;
margin-bottom: 15px;
}
.int-prod-19.endress .equipo h2 .hm {
display: none;
}
.int-prod-19.endress .equipo .serv_grid .serv .ico {
width: 80px;
height: 80px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: block;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
margin-bottom: 10px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm:last-child {
margin-bottom: 0;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
font-size: 14px;
}
.int-prod-19.endress .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 180px;
height: 180px;
margin-bottom: 15px;
}
.int-prod-19.denso .equipo h2 .hm {
display: none;
}
.int-prod-19.denso .equipo .serv_grid .serv .ico {
width: 80px;
height: 80px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: block;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
margin-bottom: 10px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm:last-child {
margin-bottom: 0;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
font-size: 14px;
}
.int-prod-19.denso .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 180px;
height: 180px;
margin-bottom: 15px;
}
.int-prod-19.vertiv .hero {
padding: 35px 0;
}
.int-prod-19.vertiv .hero .container {
height: auto;
}
.int-prod-19.vertiv .hero .side_inf {
margin-bottom: 0;
}
.int-prod-19.vertiv .hero .side_inf h1 {
font-size: 28px;
}
.int-prod-19.vertiv .hero .side_inf p {
font-size: 17px;
line-height: 1.5;
}
.int-prod-19.vertiv .conoce_mas .side_ebook {
max-width: 150px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids {
padding: 0;
}
.int-prod-19.vertiv .servicesbrand .boxgrids button {
background-color: #545454;
width: 40px;
height: 40px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids button.slick-disabled {
background-color: transparent;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box p, .int-prod-19.vertiv .servicesbrand .boxgrids .itm .box ul li {
font-size: 13px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box ul li {
margin-bottom: 5px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-text {
padding: 15px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-text h3 {
font-size: 16px;
}
.int-prod-19.vertiv .servicesbrand .boxgrids .itm .box .sides-serv .side-text h4 {
font-size: 14px;
margin: 10px 0;
}
.soluciones-page .page-main-content .content-container .casos-exito .ebook-banner .pic img{
max-width: 150px!important;
margin: 0 auto 20px!important;
}
.soluciones-page .page-main-content .content-container .casos-exito .card-caso .sides-caso .caso-porcentaje .circ{
width: 150px!important;
height: 150px!important;
margin: 0 auto!important;
}
.soluciones-page .hero .box-text {
height: 300px;
}
.soluciones-page .hero .box-text .text h1 {
font-size: 23px;
}
.soluciones-page .hero .box-text .text p {
font-size: 17px;
margin: 10px 0;
}
.soluciones-page .page-main-content {
padding: 0 0 15px;
}
.soluciones-page .page-main-content .sidebar-page {
padding: 0;
display: block;
}
.soluciones-page .page-main-content .sidebar-page .current-page-block {
margin: 0 auto 0;
transform: scale(0.8);
padding-bottom: 0;
padding-top: 5px;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov {
margin: 0 auto 10px;
max-width: 90%;
}
.soluciones-page .page-main-content .sidebar-page .drop-mov a.main {
height: 40px;
font-size: 15px;
}
.soluciones-page .page-main-content .content-container h2 {
font-size: 19px;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid {
height: 200px;
}
.soluciones-page .page-main-content .content-container .hero-inside.solid .banner-cta-hero h1, .soluciones-page .page-main-content .content-container .hero-inside.solid .banner-cta-hero h3 {
font-size: 23px;
text-align: center;
}
.soluciones-page .page-main-content .content-container .hero-inside .banner-cta-hero {
padding: 10px;
}
.soluciones-page .page-main-content .content-container .introduction p {
font-size: 15px;
}
.soluciones-page .page-main-content .content-container .block-icos {
padding: 0 0 20px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons {
display: block;
margin: 20px 0;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm {
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .ico {
max-width: 70px;
margin: 0 auto 20px;
}
.soluciones-page .page-main-content .content-container .block-icos .grid-icons .itm .block .txt h3 {
font-size: 16px;
margin: 10px 0;
text-align: center;
}
.soluciones-page .page-main-content .content-container .cards-part .card h3 {
font-size: 16px;
}
.soluciones-page .page-main-content .content-container .cards-part .card p {
font-size: 14px;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul{
padding-left: 20px!important;
padding-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .cards-part .card ul li {
font-size: 14px!important;
}
.soluciones-page .page-main-content .content-container .cards-part .card a.lk {
font-size: 13px;
font-weight: bold;
}
.soluciones-page .page-main-content .content-container .cards-part .card .sides-inf {
display: block;
}
.soluciones-page .page-main-content .content-container .line-cta {
padding: 10px;
}
.soluciones-page .page-main-content .content-container .line-cta h3 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .line-cta a.btn {
margin: 10px auto 0;
font-size: 16px;
width: 150px;
height: 40px;
}
.soluciones-page .page-main-content .content-container .industries-block {
margin-top: 0;
padding-top: 15px;
}
.soluciones-page .page-main-content .content-container .industries-block h2 {
margin-bottom: 15px;
}
.soluciones-page .page-main-content .content-container .brands-block {
padding-top: 20px;
}
.soluciones-page .page-main-content .content-container .brands-block h2 {
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items{
flex-wrap: wrap;
margin: 0;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items a{
margin: 0 auto;
display: block;
width: 30%;
}
.soluciones-page .page-main-content .content-container .brands-block .logos .items img{
margin: 0 auto 20px;
display: block;
}
.soluciones-page .page-main-content .content-container .form-block {
margin-top: 10px;
padding: 15px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card {
padding: 0 10px!important;
flex-flow: column-reverse;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt ul li{
font-size: 14px!important;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .mockup {
max-width: 220px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt {
padding-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt h3 {
font-size: 18px;
}
.soluciones-page .page-main-content .content-container .ebooks-block .ebook-card .txt p {
font-size: 14px;
margin: 10px 0;
}
.soluciones-page .page-main-content .content-container .vid-grid-block {
display: block;
}
.soluciones-page .page-main-content .content-container .vid-grid-block .itm {
margin-bottom: 20px;
}
.soluciones-page .page-main-content .content-container .vid-grid-block .itm:last-child {
margin-bottom: 0;
}
.soluciones-page .page-main-content .content-container .vid-grid-block h3 {
min-height: 0;
margin-bottom: 15px;
}
/* Industria template */
.industria-template {
font-size: 70%;
}
.industria-template .block-form-sides .sides-part .form-block form .hs-input {
width: 100% !important;
}
/* Satco 480 */
#satcoInt .equipo h2 .hm {
display: none;
}
#satcoInt .equipo .serv_grid .serv .ico {
width: 80px;
height: 80px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid {
display: block;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm {
margin-bottom: 10px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm:last-child {
margin-bottom: 0;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm p {
font-size: 14px;
}
#satcoInt .main_part .brand_tabs #brands_container .brand_card .brand_cont .brands_prod_grid .proditm .prod {
width: 180px;
height: 180px;
margin-bottom: 15px;
}
/*Fin Satco 480*/
/* Interior DSU 480 */
#intDsu {
font-size: 70%;
}
#intDsu h2 {
font-size: 1.5em;
}
#intDsu .hero-block-indus .text {
padding: 30px 0;
}
#intDsu .proveedores-block {
padding: 20px 0 40px;
}
/* Fin Interior DSU 480 */
#landAutomation20 .bannerWhite{
padding: 20px 0;
}
#landAutomation20 .bannerWhite p{
font-size: 17px;
}
#landAutomation20 .fondonegro{
padding: 30px 0;
}
#landAutomation20 .fondonegro h2{
font-size: 22px;
}
#interiorPodcasts .heroPodcasts{
height: 150px;
}
#interiorPodcasts .heroPodcasts h1{
margin: 0 0;
font-size: 30px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item{
width: 100%;
margin-bottom: 20px;
}
#interiorPodcasts .podcastGridContent .mainContentGrid .gridList .item:last-child{
margin-bottom: 0;
}
.risoul-mro-connect .agenda-title .flecha img {
display: none;
}
.risoul-mro-connect .marcas-participantes .logos {
gap: 30px;
}
.risoul-mro-connect .marcas-participantes .btn-descarga-invitacion {
max-width: 100%;
}
}