:root {
--color-blue: #010033;
--color-blue-light: #003DA7;
--color-text: #010033;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
font-family: "Roboto", serif;
font-weight: 400;
font-style: normal;
color: var(--color-text);
background-color: #FEFEFE;
} header {
position: relative;
z-index: 2;
height: 250px;
}
main {
position: relative;
z-index: 1;
margin-top: 15px;
}
@media (max-width : 768px) {
main {
position: relative;
z-index: 1;
margin-top: 100px;
}
}
.banner {
position: relative;
margin-top: -60px;
}
.banner .text-desc {
font-size: 13px;
font-family: "Wix Madefor Display", serif;
line-height: 18px;
letter-spacing: 2px;
}
.only-link .elementor-button-link {
background-color: transparent;
color: #010033aa;
font-size: 13px;
padding: 0;
margin: 0;
}
.only-link .elementor-button-link:hover {
text-decoration: underline;
}
header > *:last-child {
height: 83px;
}
.wave {
position: relative;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 90" preserveAspectRatio="none"><ellipse cx="65" cy="0" rx="70" ry="70" fill="%23003DA7"/></svg>') no-repeat;
background-size: 100% 200%;
background-position: 100% 50%;
height: 50px;
top:-1px;
}
.title-center {
color: #fff;
font-size: 56px;
text-align: center;
margin-top: 0;
}
.back-banner {
margin-top: -60px;
position: relative;
background: url(//ductiline.continua.com.mx/wp-content/themes/ductiline/assets/back-banner.png) repeat top left;
color: #fff;
font-size: 42px;
padding-top: 100px;
padding-bottom: 106px;
font-family: "Wix Madefor Display", serif;
margin-bottom: 50px;
}
.wix {
font-family: "Wix Madefor Display", serif;
}
.museo {
font-family: "MuseoModerno", serif;
}
.roboto {
font-family: "Roboto", serif;
}
.baloo {
font-family: "Baloo 2", serif;
font-optical-sizing: auto;
}
.nice-text {
font-size: 13px;
font-family: "Wix Madefor Display", serif;
line-height: 18px;
letter-spacing: 2px;
}
body.elementor-editor-active .back-banner, body.elementor-editor-active .banner {
margin-top: 0 !important;
}
.banner video {
filter: blur(1px) brightness(.5) contrast(1.1);
}
.text-extended {
font-family: "Wix Madefor Display", serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 3px;
}
.text-extended p {
margin-bottom: 15px;
}
.btn-blue .elementor-button-link {
text-transform: uppercase;
background: linear-gradient(to right, #003DA7, #006FD2);
font-size: 18px;
padding: 15px 50px;
font-weight: 800;
line-height: 24px;
letter-spacing: 0px;
border-radius: 30px;
}
.btn-big-text .elementor-button-link {
text-transform: uppercase;
font-size: 18px;
padding: 0;
font-weight: 800;
line-height: 24px;
letter-spacing: 0px;
background-color: transparent;
}
.s-title {
font-family: "Wix Madefor Display", serif;
color: #003BA7;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
.b-title {
font-family: "MuseoModerno";
color: #010033;
font-size: 34px;
}
.blue-back {
background-color: #E4EAF5;
}
.box-hover {
background-color: #fff;
transform: scale(.98);
}
.box-hover .text-desc {
height: 100px;
font-family: "Wix Madefor Display", serif;
line-height: 20px;
font-size: 16px;
letter-spacing: 0;
}
.box-hover .elementor-button-link {
color: #003DA7;
}
.box-hover:hover {
background-color: #003DA7;
color: #fff;
top: 0;
transform: scale(1);
}
.box-hover:hover .elementor-button-link {
color: #fff;
}
.desfaced-image {
position: relative;
top: -100px;
left: -200px;
}
@media (max-width : 1650px) {
.desfaced-image {
top: -50px;
}
}
@media (max-width : 1150px) {
.desfaced-image {
top: 0;
left: -100px;
}
}
.blue-dark-box {
background-color: #030435;
color: #fff;
}
.blue-box {
background-color: #003DA7;
color: #fff;
}
.blue-dark-box, .blue-box, .box-hover {
border-radius: 20px;
padding: 30px;
font-family: "Wix Madefor Display", serif;
line-height: 20px;
font-size: 16px;
letter-spacing: 2px;
}
.blue-dark-box h2, .blue-box h2, .box-hover h2 {
font-family: "MuseoModerno";
border-radius: 20px;
font-size: 32px;
}
.image-fade-left {
background-color: #030435;
color: #fff;
}
.image-fade-left .elementor-heading-title {
color: #fff;
} a {
cursor: pointer;
}
#mevilMenu {
transition: left .3s ease-in-out;
opacity: .99;
left: -100%;
top: 24px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
height: auto;
text-align: left;
width: 100%;
}
.main-menu {
position: relative;
overflow: visible;
height: 68px;
overflow: hidden;
top:25px;
}
.main-menu .right-menu {
height: 68px;
}
.main-menu .right-menu .menu-c-btn, .main-menu .right-menu .menu-c-btn .elementor-button-wrapper, .main-menu .right-menu .menu-c-btn .elementor-button-wrapper a {
height: 68px;
padding: 0;
margin: 0;
width: 100%;
}
.main-menu .right-menu {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.main-menu .right-menu > * {
height: 64px;
}
.main-menu .right-menu .menu-c-btn .elementor-button-wrapper a {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
min-width: 200px;
}
#btnMenu {
width: 95%;
}
#btnMenu:hover {
background-color: #fff;
color: #030035;
}
.main-menu .e-con-inner {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.main-menu .elementor-button-link, .main-menu a {
font-family: "Wix Madefor Display", serif;
text-transform: uppercase;
background-color: transparent;
font-weight: 800;
padding: 34px 21px;
white-space: nowrap;
height: 41.5px;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.main-menu .left-menu {
padding-left: 16px;
}
.main-menu .left-menu .elementor-button-link:hover {
background-color: var(--color-blue-light);
}
.main-menu .right-menu .elementor-button-link {
font-weight: 600;
}
.main-menu .right-menu .elementor-button-link:hover {
background-color: #000;
}
#mevilMenu.main-menu .elementor-button-link {
justify-content: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
align-items: flex-start;
}
@media (max-width : 960px) {
.main-menu .right-menu {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.main-menu .right-menu > * {
height: 32px;
}
.main-menu .right-menu .menu-c-btn, .main-menu .right-menu .menu-c-btn .elementor-button-wrapper, .main-menu .right-menu .menu-c-btn .elementor-button-wrapper a {
height: 34px;
}
.main-menu .right-menu .menu-c-btn .elementor-button-wrapper a {
display: flex;
min-width: 160px;
height: 34px;
}
#mevilMenu {
justify-content: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
align-items: flex-start;
}
} .panel-top {
padding-top: 40px;
padding-bottom: 40px;
}
.panel-top .elementor-button-icon svg {
width: 18px;
position: relative;
bottom: 4px;
}
.panel-top-right .elementor-button-link {
background-color: #fff;
color: var(--color-text);
font-weight: 500;
white-space: nowrap;
text-align: left;
padding: 0;
}
.panel-top-right .elementor-button-link:hover {
color: var(--color-blue);
} .suscripcion {
position: relative;
background-color: #003DA7;
padding: 100px 0 150px 0;
margin-top: 0;
}
.suscripcion p {
margin: 0 0 8px 0;
}
.suscribete-sup {
}
.suscribete-title {
font-family: "MuseoModerno";
color: #fff;
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 38px;
}
.suscribete-texto {
color: #fff;
margin: 0;
padding: 0;
font-family: Roboto;
max-width: 100%;
font-size: 20px;
text-align: left;
top: 3px;
}
.suscribe-btn .elementor-button-link {
padding: 15px 30px;
color: #547CC2;
background-color: #fff;
border-radius: 27px;
height: 54px;
border: none;
font-size: 22px;
font-weight: 500;
font-family: "Wix Madefor Display";
}
.suscripcion input {
background-color: #547CC2;
border: none;
color: #fff;
font-size: 18px;
height: 54px;
width: 100%;
padding: 0 20px;
position: relative;
font-family: "Wix Madefor Display";
}
.suscripcion input::placeholder {
color: #fff;
}
.suscripcion input:focus {
outline: none;
} footer {
padding-bottom: 10px;
}
.panel-bot {
padding-top: 50px;
}
.footer-body h2 {
color: #003BA7;
font-size: 17px;
font-weight: 700;
font-family: "Wix Madefor Display";
}
.footer-body p {
font-family: "Wix Madefor Display";
padding: 0;
margin: 0;
font-size: 14px;
}
.footer-contact a {
color: #010033;
}
.footer-contact a:active, .footer-contact a:focus, .footer-contact a:visited {
color: #010033;
}
.footer-contact a:hover {
text-decoration: underline;
}
.footer-links a .elementor-icon-list-text {
font-family: "Wix Madefor Display";
font-size: 16px;
font-weight: 700;
color: #000;
text-transform: uppercase;
}
.footer-links a:active, .footer-links a:focus, .footer-links a:visited {
color: #000;
}
.footer-links a:hover {
text-decoration: underline;
}
h2.elementor-heading-title { } .not-found {
background-color: #003DA7;
width: 100%;
padding: 30px 0 100px 0;
}
.nf-image {
position: relative;
top: 0;
left: 0;
width: 520px;
height: 520px;
margin: auto;
overflow: hidden;
margin: 60px auto 0 auto;
transform: scale(.8);
}
.nf-image > img {
position: relative;
top: 0;
left: 0;
width: 520px;
height: 520px;
position: absolute;
z-index: 1;
}
.nf-image .nf-sqr {
z-index: 3;
}
.nf-image .nf-hole {
z-index: 1;
}
.nf-image .nf-hand {
z-index: 2;
}
.producto-big-title .elementor-heading-title {
background-color: var(--color-blue-light);
color: #fff;
font-family: "Wix Madefor Display";
padding: 50px 20px;
font-size: 35px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
margin: 0 0 20px;
}
.products-lists {
padding-bottom: 120px;
}
.products-lists div[data-elementor-type="loop-item"] {
background-color: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
padding: 20px;
cursor: pointer;
transition: box-shadow .3s ease;
}
.products-lists div[data-elementor-type="loop-item"]:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.products-lists .elementor-widget-woocommerce-product-title {
margin-top: 10px;
font-family: "Baloo 2";
font-size: 30px;
text-transform: uppercase;
max-width: 300px !important;
}
.products-lists .elementor-widget-woocommerce-product-title .elementor-widget-container {
height: 139px !important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: flex-end;
align-items: flex-start;
}
.products-lists .elementor-widget-theme-post-featured-image {
position: absolute;
right: 30px;
top: 0;
}
@media (max-width : 1040px) {
.products-lists .elementor-widget-theme-post-featured-image {
position: relative;
right: 0;
}
}
.products-lists .woocommerce-product-details__short-description {
font-family: Roboto;
line-height: 24px;
letter-spacing: 1px;
}
.products-lists .woocommerce-product-details__short-description p {
margin-top: 0;
}
.products-lists .elementor-widget-woocommerce-product-add-to-cart {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.products-lists .elementor-widget-woocommerce-product-add-to-cart form a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.producto-big-title .elementor-heading-title {
background-color: var(--color-blue-light);
color: #fff;
font-family: "Wix Madefor Display";
padding: 50px 20px;
font-size: 35px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
margin: 0 0 20px;
}
.titulo-producto .elementor-heading-title {
margin-top: 10px;
font-family: "Baloo 2";
font-size: 30px;
text-transform: uppercase;
max-width: 300px !important;
}
.product-description-details .featured-image-container {
position: relative;
float: right;
width: 300px;
text-align: center;
}
.product-description-details .featured-image-container .download-item {
position: relative;
float: right;
width: 300px;
background-color: #E4EAF5;
border-radius: 20px;
padding: 10px;
margin: 0 0 auto auto;
}
.product-description-details .featured-image-container .download-item img {
padding: 10px 40px 50px 40px;
}
.product-description-details .featured-image-container .download-item .elementor-button {
background-color: var(--color-blue-light);
border-radius: 10px;
padding: 10px 20px;
width: 100%;
font-weight: bold;
}
@media(max-width: 600px) {
.product-description-details .featured-image-container {
float: none;
width: calc(100% - 40px);
}
}
.product-description-details .no-flex {
display: block !important;
}
.product-details-data {
font-family: "Wix Madefor Display";
letter-spacing: 1px;
font-size: 18px;
font-weight: 300;
line-height: 25px;
}
.product-details-data h3 {
font-family: "Baloo 2";
letter-spacing: 1px;
font-size: 30px !important;
font-weight: 300;
line-height: 25px;
font-size: 26px;
font-weight: 600;
}
.product-details-data ul {
margin: 0;
padding: 0;
list-style: none;
}
#mevilMenu {
display: none !important;
}
body[data-elementor-device-mode="mobile"] #mevilMenu {
display: block !important;
}
body[data-elementor-device-mode="mobile"] .featured-image-container, body[data-elementor-device-mode="mobile"] .featured-image-container .elementor-widget-container, body[data-elementor-device-mode="mobile"] .featured-image-container .elementor-shortcode {
width: 100%;
margin: 0 !important;
float: unset !important;
width: auto !important;
padding: 0 !important;
}
body[data-elementor-device-mode="mobile"] .featured-image-container {
padding-bottom: 50px !important;
}
body[data-elementor-device-mode="mobile"] .featured-image-container .elementor-shortcode {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
body[data-elementor-device-mode="mobile"] .featured-image-container .download-item {
margin: auto !important;
float: unset !important;
width: auto !important;
}
body[data-elementor-device-mode="mobile"] .featured-image-container .download-item p {
text-transform: uppercase;
}