.eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-o7ygc3g{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-back-title { font-size: 40px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(161,108,51,0.63); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Base-niagara.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-o7ygc3g .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-beok5n7{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-back-title { font-size: 40px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(161,108,51,0.63); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Piston-cajero-cromado.jpg"); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-beok5n7 .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-t589c1n{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-back-title { font-size: 40px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(161,108,51,0.63); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Respaldo-Astra.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-t589c1n .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-595woy8{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-back-title { font-size: 40px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(161,108,51,0.63); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Brazos-full.jpg"); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-595woy8 .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-eku4wkj{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-back-title { font-size: 40px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(90,130,22,0.59); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Rodaja-60-mm.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-eku4wkj .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-jt6fdds{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-back-title { font-size: 36px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(90,130,22,0.59); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Mecansimo-de-Rodilla-sin-Soporte-.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-jt6fdds .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-sz0phsg{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-back-title { font-size: 40px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(90,130,22,0.59); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Asiento-grande-de-plastico.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-sz0phsg .eb-flipper .eb-flipbox-back:hover:before{ } } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-items-container { align-items: center; } .eb-flipbox-container.eb-flipbox-u1mwo6v{ height:310px; max-width:600px; width: 100%; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-back-title { font-size: 39px; letter-spacing: 0px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-back-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-back-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper { transition: 0.6s } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper.back-is-selected { transform: none; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front { background-image: none; background-color: rgba(90,130,22,0.59); min-height:310px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper.back-is-selected .eb-flipbox-front { opacity: false; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-icon-front:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-icon-back:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back { background-image: url("https://disycom.com.mx/wp-content/uploads/2022/01/Paleta-escolar-abatible.jpg"); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; background-color: rgba(48,117,255,0); min-height:310px; max-width:600px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:hover:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper.back-is-selected .eb-flipbox-back { opacity: false; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back { background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:hover:before{ } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-front:hover:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:hover { } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:before{ } .eb-flipbox-container.eb-flipbox-u1mwo6v .eb-flipper .eb-flipbox-back:hover:before{ } }