@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --brand: #006eb1;
    --dark: #092032;
    --body: #516171;
    --border: rgba(0,0,0,0.08);
    --shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

body {font-family: "Roboto", sans-serif;color: var(--body);line-height: 1.7;}

h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4 {font-weight: 700;color: var(--dark);}
.bg-cover {background-size: cover;background-position: center;background-repeat: no-repeat;}
img {width: 100%;}

@media only screen and (min-width: 1024px) {
    .owl-carousel .owl-item img {width: 1024px;}
}

@media only screen and (max-width: 1024px) {
    .owl-carousel .owl-item img {width: 480px;}
}

@media only screen and (max-width: 480px) {
    .owl-carousel .owl-item img {width: 100vw;}
}

a {color: var(--dark);transition: all 0.4s ease;font-weight: 500;}
a:hover {color: var(--brand);}
section {padding-top: 60px;padding-bottom: 70px;}

.text-brand {color: var(--brand) !important;}

.hero-slider .owl-prev,.hero-slider .owl-next{background-color: rgba(255, 255, 255, 0.3) !important;width: 60px !important;height: 60px !important;display: block;display: grid;place-items: center;color: #fff !important;border-radius: 100px;line-height: 0;border-radius: 100px !important;position: absolute;top: 50%;font-weight: 600 !important;font-size: 12px !important;transition: all 0.4s ease;margin-top: -30px !important;
}

.owl-prev {left: 0;}
.owl-next {right: 0;}

.hero-slider .owl-prev:hover,.hero-slider .owl-next:hover {background-color: var(--brand) !important;}
.owl-dot.active span{background-color: var(--brand) !important;}

 /* slide */
 .slide {min-height: 100vh;display: flex;align-items: center;justify-content: center;position: relative;}
.slide1 {background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/bg_banner2.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.slide2 {background-color: var(--brand);}
.slide3 {background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/bg_banner3.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.slide .display-3 {text-transform: uppercase;color: #fff;}

/* navbar */
.top-nav {background-color: var(--brand);color: #fff;padding-top: 5px;padding-bottom: 5px;}
.middel-nav {background-color: #ffffff;/*color: #fff;*/ padding-top: 5px;padding-bottom: 5px;}
.top-nav p {display: inline-block;margin-bottom: 0;margin-right: 0px;font-size:13px;}
.top-nav span,.top-nav i {vertical-align: middle;}
.navbar {box-shadow: var(--shadow);}

.bg-hidrolavadora{background-image: url(../../img/ld/bodegon-hidrolavadoras.webp);}
.bg-fregadora{background-image: url(../../img/ld/bodegon-fregadora.webp);}
.bg-aspiradoras{background-image: url(../../img/ld/bodegon-aspiradoras.webp);}
.bg-barredoras{background-image: url(../../img/ld/bodegon-barredora.webp);}
.bg-lava-alfombras{background-image: url(../../img/ld/bodegon-lava-alfombras.webp);}
.bg-category{background-position: center;background-repeat: no-repeat;background-size: cover;}
.orientacion-int{justify-content: right;}

.info-equipo{color: #fff;width: 30%;display: flex;flex-direction: column;margin-right: 60px;}
.info-equipo .image-title{display: grid;align-items: center;grid-gap: 10px;grid-template-columns: 44px 1fr;}
.info-equipo .image-title img{width:auto}
.info-equipo .image-title strong{color: #fff;font-style: oblique;font-size: 20px;margin: 0;line-height: 1.0em;}
.info-equipo .description{font-size: 14px;text-align: justify;font-style: oblique;line-height: 1.2em;padding-top: 10px;}

.owl-carousel.populares-slider .producto{background:#fff;border-radius:20px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{height: 30px;width: 30px;line-height: 18px;display: inline-block;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{display: inline-block;height: 30px;width: 30px;}
.owl-carousel.galeria-slide, .owl-carousel.middle-slider {position: relative;}
.owl-carousel.middle-slider .owl-nav{margin-top:0px;}
.owl-carousel.galeria-slider .owl-prev, .owl-carousel.galeria-slider .owl-next {position:absolute;font-size: 60px!important;top: 45%;}
.owl-carousel.middle-slider .owl-prev, .owl-carousel.middle-slider .owl-next {position:absolute;font-size: 60px!important;top: 30%;}
.owl-carousel.galeria-slider .owl-prev {left:0;}
.owl-carousel.middle-slider .owl-prev {left:-10px;}
.owl-carousel.galeria-slider .owl-next {right:0;}
.owl-carousel.middle-slider .owl-next {right:-10px;}
.owl-carousel.middle-slider .owl-nav button.owl-next span, .owl-carousel.middle-slider .owl-nav button.owl-prev span{color:#fff;}
.owl-theme .owl-nav [class*=owl-]:hover{background: none; color: #006eb1;}

.social-icons a {width: 28px;height: 28px;display: inline-flex;color: #fff;background-color: rgba(255, 255, 255, 0.25);text-decoration: none;align-items: center;justify-content: center;border-radius: 100px;}
.social-icons a:hover {background-color: #fff;color: var(--brand);}
.conditions-section{margin: 20px 0;}
.conditions-section a{color: #fff;margin: 0 10px;}

.navbar .navbar-nav .nav-link {color: var(--dark);}
.navbar .navbar-nav .nav-link:hover {color: var(--brand);}
.navbar .navbar-nav .nav-link.active {color: var(--brand);}
.navbar-brand {font-size: 28px;font-weight: 700;}
.navbar-brand .dot {color: var(--brand);}

.btn {padding: 8px 26px;border-radius:20px;}
.btn-brand {border-color: var(--brand);background-color: var(--brand);color: #fff;}
.btn-whatsapp {border-color: #028432;background-color: #028432;color: #fff;}
.btn-llamada {border-color: #9c0d0d;background-color: #9c0d0d;color: #fff;}
.btn-brand:hover, .btn-whatsapp:hover, .btn-llamada:hover {background-color: #053b7d;border-color: #053b7d;color: #fff;}
.intro {margin-bottom: 36px;text-align: center;}
.intro p {font-size:20px;}
.intro h6{color: var(--brand);font-weight: 400;text-transform: uppercase;}
.intro h1 {margin-top: 15px;margin-bottom: 15px;font-style: oblique;}
.info-box {align-items: center;display: flex;}
.info-box img {width: 90px;}
#milestone {background: #006eb1;padding:5px 0px;}
.sticky-top{z-index:10;}
#milestone.sticky-top{z-index:2;/*top:74px;*/}
#milestone h1,#milestone p {color: #fff;}

.service {padding: 32px;background-color: #006eb1;box-shadow: var(--shadow);background-color: #006eb1;opacity: 1;background-image:  linear-gradient(135deg, #0165a3 25%, transparent 25%), linear-gradient(225deg, #0165a3 25%, transparent 25%), linear-gradient(45deg, #0165a3 25%, transparent 25%), linear-gradient(315deg, #0165a3 25%, #006eb1 25%);background-position:  10px 0, 10px 0, 0 0, 0 0;background-size: 20px 20px;background-repeat: repeat;}
.service h5 {margin-top: 24px;margin-bottom: 14px;color:#FFBF00 !important;}
.service h5 span {text-transform:uppercase;font-size:27px;color:#fff;}

.project {position: relative;overflow: hidden;z-index: 2;}
.project h6 {font-weight: 700;color:#FFBF00 !important;}

/*
.project h6::before {
    content: "";
    height: 2px;
    width: 30px;
    display: inline-block;
    background: var(--brand);
    vertical-align: middle;
    margin-right: 10px;
}*/

.project .overlay {width: 100%;height: 220px;position: absolute;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(255, 76, 41, 0) 0%, var(--dark) 100%);}
.project .content {position: absolute;bottom: 10%;display: flex;width: 100%;justify-content: space-evenly;}
.project h2,.project h6 {color: #fff;}

.display-5 {font-size: 2.0rem;}
.blog-post {position: relative;background-color: #fff;box-shadow: var(--shadow);}
.blog-post .content {padding: 32px;}
.blog-post a {position: absolute;top: 20px;left: 20px;background-color: var(--brand);padding: 2px 12px;border-radius: 100px;text-decoration: none;color: #fff;}
.blog-post h5 {margin-top: 12px;margin-bottom: 12px;}
.blog-post small {text-transform: uppercase;color: var(--brand);text-decoration: underline;}
footer {background: linear-gradient(0deg, rgba(0, 54, 94, 0.9), rgba(0, 54, 94, 0.9)), /*url(../img/bg_banner1.jpg),*/ #006eb1;background-size: cover;background-position: center;background-repeat: no-repeat;}
footer .footer-top {padding-top: 80px;padding-bottom: 40px;}
.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 20px;padding-top: 20px;}
footer .navbar-brand {color: #fff;}
footer p {color: #ADB3B9;}
footer .social-icons a {width: 50px;height: 50px;font-size: 20px;margin-left: 4px;margin-right: 4px;}
.loader {min-height: 100vh;display: flex;align-items: center;justify-content: center;background-color: red;z-index: 99999;position: fixed;left: 0;right: 0;}
input.form-control {border-color: transparent;height: 44px;}

.form-control {background-color: rgba(0, 0, 0, 0.04);border-color: rgba(0, 0, 0, 0.04);}
.form-control:focus {box-shadow: none;border-color: var(--brand);}
.form-h-contact input.error, .form-h-contact textarea.error{border-color: #e6002c;}
.slider-home{/*background-image: url(../img/bg.jpg);*/background: rgb(218,235,245);
background: -moz-linear-gradient(180deg, rgba(218,235,245,1) 62%, rgba(202,221,236,1) 63%, rgba(191,214,228,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(218,235,245,1) 62%, rgba(202,221,236,1) 63%, rgba(191,214,228,1) 100%);
background: linear-gradient(180deg, rgba(218,235,245,1) 62%, rgba(202,221,236,1) 63%, rgba(191,214,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#daebf5",endColorstr="#bfd6e4",GradientType=1);/*background-position: center;background-repeat: no-repeat;background-size: cover;*/ padding:50px 0px;/*background:#006eb1;*/
}

.form-slide{position:absolute;z-index:2;right:15%;top:15%;}

.block-form{background:#fff;padding: 32px;border-radius: 20px;box-shadow: 1px 3px 5px 3px rgb(0 0 0 / 20%);}
.block-form h1{font-size: 35px;font-weight: 900;color: #006eb1;font-style: oblique;}
.block-form p{font-size: 22px;margin-bottom: 25px;font-style: oblique;}
h6{font-size:2rem;font-weight:500;}

.btn-subheader{display:flex;text-decoration:none;align-items:center;gap:5px;justify-content:center;}
.btn-subheader img{width:35px !important;}
.btn-subheader span{line-height: 18px;text-align: left;font-size: 13px;font-weight:500;color:#000;}
.btn-middle{display:flex;flex-direction:column;align-items:center;color:#ffffff;font-size:16px;font-weight:700;text-decoration:none;padding:5px 13px 5px 5px;justify-content:center;}
.btn-middle span{height:25px;line-height:18px;display:flex;align-items:center;/*margin-top:7px;*/font-size: 13px;font-weight:300;}
.btn-middle:hover img{/*color:#006eb1;border:1px solid #fff;*/ background:#FFBF00;}
.btn-middle:hover span{/*color:#006eb1;border:1px solid #fff;background:#ffffff;*/ color:#FFBF00;}
.btn-middle img{width:60px !important;padding:5px;background:#ffffff;border-radius:10px;}
.producto{padding:30px;text-align:center;position:relative;}
.mascara{display:none;}
.producto:hover .mascara{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background:rgb(250 227 46 / 70%);display:flex;justify-content:center;align-items:center;flex-direction: column;}
.producto h2{color:#006eb1; font-size: 15px;}
.producto p{margin:0px; font-size: 12px;}
.producto .precio{font-size:25px;font-weight:700;color:#006eb1;}
.producto .precio span{font-size:18px;font-weight:500;display:inline-block;margin-right: 10px;color:#6c6c6c;text-decoration: line-through;}
.producto .botones{/*display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 5px;*/ margin-top:10px;}
.producto .botones a{padding:5px 15px;font-size:16px;text-transform: uppercase;}
.foto{position:relative;}
.foto .off{position:absolute;left:20px;top:20px;background:#f44336;padding:5px 15px;border-radius:50px;color:#fff;font-weight:700;}

.adicional{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;margin:7px 0px;background: #d7d7d77a;}
.txt-adic{background:#d9d9d9;}
.adicional img{width:70px;margin-bottom:10px;}
.adicional h3{height:50px;display:flex;align-items:center;font-size: 20px;}
.adicional p{font-weight:600;line-height:18px;}

.logo-footer{width:200px;margin-bottom:20px;}
.bg-blue{background:#006EB1;}
.info-categ{line-height:30px;}
.info-categ span{color:#FFBF00;font-size:40px;}
.info-categ h1{color:#fff;font-weight:700;margin:0;font-style: oblique;}

.notifications{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;z-index:999999999;display:none}
.notifications div{background-color:#fff;padding:30px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25);border-radius:15px;width:360px;text-align:center;display:none}
.notifications div.done i{color:#1eda37}
.notifications div.fail i{color:#e6002c}
.notifications div.loading{padding:35px}
.notifications div.loading i{font-size:50px;width:50px;height:50px;margin:auto;color:#FFBA00}
.notifications div.loading i:before{-webkit-animation:animate_loading 0.7s infinite linear;animation:animate_loading 0.7s infinite linear;display:block}
.notifications div.loading span{margin:20px 0 0}
.notifications div i{font-size:100px;display:block;line-height:1;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.notifications div span{text-transform:uppercase;font-weight:700;font-size:20px;margin:25px 0 10px;letter-spacing:0.02em}
.block {display: block;}

@media (max-width: 420px){
	.notifications div{width:95%;padding:25px 15px}
	.notifications div.ext_error small{padding:0 30px;line-height:1.3}
}

#circularMenu{display:none;}

@media (max-width: 992px){
	#circularMenu{display:block;}
}

/*btn flotante*/
.circular-menu {position: fixed;bottom: 1em;right: 1em;z-index:999;}
.circular-menu .floating-btn {display: block;width: 60px;height: 60px;border-radius: 50%;background-color: hsl(203deg 100% 35%);box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);color: hsl(0, 0%, 100%);text-align: center;line-height: 60px;cursor: pointer;outline: 0;}
.circular-menu.active .floating-btn {box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);}
.circular-menu .floating-btn:active {box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);}
.circular-menu .floating-btn i {font-size: 40px;transition: transform .2s;line-height:60px;}
.circular-menu.active .floating-btn i {transform: rotate(-313deg);}
.circular-menu:after {display: block;content: ' ';width: 3.5em;height: 3.5em;border-radius: 50%;position: absolute;top: 0;right: 0;z-index: -2;background-color: hsl(203deg 100% 35%);transition: all .3s ease;}
.circular-menu.active:after {transform: scale3d(5.5, 5.5, 1);transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);}
.circular-menu .items-wrapper {padding: 0;margin: 0;}
.circular-menu .menu-item {position: absolute;top: 0px;right: 0px;z-index: -1;display: block;text-decoration: none;color: hsl(0, 0%, 100%);font-size: 40px;width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 60px;background-color: hsla(0,0%,0%,.1);transition: transform .3s ease, background .2s ease;}
.circular-menu .menu-item:hover {background-color: hsla(0,0%,0%,.3);}
.circular-menu.active .menu-item {transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.circular-menu.active .menu-item:nth-child(1) {transform: translate3d(0em,-2.6em,0);}
.circular-menu.active .menu-item:nth-child(2) {transform: translate3d(-1.8em,-1.8em,0);}
.circular-menu.active .menu-item:nth-child(3) {transform: translate3d(-2.5em,-0.05em,0);}
.circular-menu.active .menu-item:nth-child(4) {transform: translate3d(-7em,1em,0);}

/**
 * The other theme for this menu
 */
.circular-menu.circular-menu-left {right: auto; left: 1em;}
.circular-menu.circular-menu-left .floating-btn {background-color: hsl(217, 89%, 61%);}
.circular-menu.circular-menu-left:after {background-color: hsl(217, 89%, 61%);}
.circular-menu.circular-menu-left.active .floating-btn i {transform: rotate(95deg);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {transform: translate3d(-1em,-7em,0);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {transform: translate3d(3.5em,-6.3em,0);}
.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {transform: translate3d(6.5em,-3.2em,0);}

.botones a.btn-conect-whatsapp {display: none;}


@media (max-width: 768px){
	.navbar-brand img{width:150px;}
	.btn-whatsapp span, .btn-brand span, .btn-llamada span{display:none}
	.btn-whatsapp i, .btn-brand i, .btn-llamada i{font-size:30px;}
	.btn-whatsapp, .btn-brand, .btn-llamada{/*display:flex;*/ display:inline-block;border-radius:50px;padding: 5px 15px;}
	.btn-cta{display:flex;gap:15px;}
	.top-nav p{line-height:20px;}
	.btn-middle img {padding:10px;}
	.orientacion-int{justify-content: center;}
	.info-equipo{width: 90%;margin-right: 0;align-items: center;}
	.info-equipo .description{text-align: center;}
	
	.botones a.btn-conect-whatsapp {display: flex;
        /* align-content: center; */
        align-items: center;
        /* text-align: end; */
        justify-content: center;}
	.botones a.btn-conect-cotiza {display: none;}
	
}

@media (max-width: 680px){
	.producto {padding: 15px;}
	.block-form h1 {font-size: 30px;}
	.block-form p{font-size: 20px;}
}

@media (max-width: 425px){
	.block-form h1 {font-size: 25px;}
	.block-form p{font-size: 17px;}
}

@media (max-width: 375px){
	.block-form h1 {font-size: 20px;}
	.block-form p{font-size: 13px;}
}

.populares-slider .owl-dot.active span{background-color:#FFBF00!important;}
.banner-slider .owl-dot.active span, .categfoto-slider .owl-dot.active span{background-color:var(--brand) !important;}
.banner-slider .owl-dots .owl-dot span{background-color:#aaaaaa;}
#milestone h1{color:#fff;text-align:left;font-size: 27px;}
#milestone h1 .marca-karcher{border-bottom: 5px solid #fae32e;}

@media (max-width: 768px){
	#milestone h1{font-size: 18px;}
}

.b-adicional{background: #f2f2f2;border: 1px solid #e5e5e5;border-radius: 10px;}