@font-face {
font-family: "Epilogue-Light";
font-display: block;
src: url("../../assets/fonts/Epilogue-Light.ttf");
}
body {
font-family: "Epilogue-Light" !important;
font-display: block;
}
/* navbar */
.navbar-background-color {
background-color: transparent !important;
}
.background-info {
background: #f4f5f4;
}
.background-text-navbar {
background: #40434f !important;
}
.background-white {
background: white !important;
}
.background-footer {
background: url(../img/footer/fondo-footer.png);
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
}
.background-servicios {
background: url(../img/index/fondo-servicios.png);
}
.background-input-contacto {
background: #f9f9f8 !important;
border: 2px #8aa9b9 solid !important;
height: 50px !important;
border-radius: 20px !important;
}
.background-textarea-contacto {
background: #f9f9f8 !important;
border: 2px #8aa9b9 solid !important;
border-radius: 20px !important;
}
.background-input-antes-boletin {
background: #f8f4f4 !important;
border: 1px white solid !important;
height: 50px !important;
border-radius: 20px !important;
}
.color-text-info {
color: #13758d !important;
}
.color-text-servicios {
color: #0e738c !important;
}
.color-titulo-contacto {
color: #3ab9d1 !important;
}
.item-navbar-style-inicio {
color: #092f40 !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
border-bottom: 5px #0c748c solid;
}
.item-navbar-style-servicios {
color: #092f40 !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
border-bottom: 5px #0c748c solid;
}
.item-navbar-style {
color: #092f40 !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
.item-navbar-style-white {
color: white !important;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
.cart-div-mobile {
margin-left: auto;
margin-right: 5px;
}
.cart-style {
width: 20px;
height: 20px;
border-radius: 50%;
background: #40434f;
color: white;
padding-top: 2px;
}
.dropdown-item {
color: black !important;
}
.dropdown-item:hover {
background-color: #40434f !important;
color: white !important;
}
.form-control-navbar::-webkit-input-placeholder { color: white; }
.background-input-antes-boletin::-webkit-input-placeholder { color: black; padding-left: 40px; }
/* navbar */
/* GOOGLE BUTTON */
#customBtn {
display: inline-block;
background: white;
color: #444;
width: 100%;
border-radius: 5px;
border: thin solid #888;
box-shadow: 1px 1px 1px grey;
white-space: nowrap;
}
#customBtn:hover {
cursor: pointer;
}
span.label {
font-family: serif;
font-weight: normal;
}
span.icon {
background: url('../img/g-normal.png') transparent 5px 50% no-repeat;
display: inline-block;
vertical-align: middle;
width: 42px;
height: 42px;
}
span.buttonText {
display: inline-block;
vertical-align: middle;
font-size: 1rem;
font-weight: bold;
/* Use the Roboto font that is loaded in the */
font-family: 'Roboto', sans-serif;
}
/* GOOGLE BUTTON */
/* otros */
.relative {
position: relative !important;
}
.absolute {
position: absolute !important;
}
.background-our-mision {
background: url(../img/index/our-mision.png);
}
.background-razones {
background: url(../img/index/razones-para-elegirnos-fondo.png);
}
.color-naranja {
color: #d07559;
}
.color-rojo {
color: red;
}
.color-banner-index {
color: #0b4c68;
}
.color-garantizada-index {
color: #38bcd4;
}
.border-line-categoria {
border-bottom: 2px #c9c7c6 solid;
}
.categoria-style {
color: black !important;
}
.categoria-style-seleccionado {
color: #0e738c !important;
}
.line-height-20px {
line-height: 20px;
}
.subrayado {
border-bottom: 1px #ccd4cc solid;
width: 25%;
margin-top: 1px;
}
.subrayado-2 {
border-bottom: 1px #ccd4cc solid;
width: 70%;
}
.subrayado-3 {
border-bottom: 1px #ccd4cc solid;
width: 40%;
margin-top: 3px;
}
.subrayado-4 {
border-bottom: 3px #f0ecec solid;
width: 100%;
margin-top: 3px;
}
.border-radius-10px {
border-radius: 10px;
}
.border-radius-0px {
border-radius: 0px !important;
}
.absolute-center {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
.absolute-img-banner-principal {
right: 21%;
bottom: 19%;
}
.absolute-top-2percent {
top: 2%;
}
.absolute-top-5percent {
top: 5%;
}
.absolute-top-10percent {
top: 10%;
}
.absolute-top-15percent {
top: 15%;
}
.absolute-top-17percent {
top: 17%;
}
.absolute-top-18percent {
top: 18%;
}
.absolute-top-20percent {
top: 20%;
}
.absolute-top-25percent {
top: 25%;
}
.absolute-top-27percent {
top: 27%;
}
.absolute-top-30percent {
top: 30%;
}
.absolute-top-35percent {
top: 35%;
}
.absolute-top-45percent {
top: 45%;
}
.absolute-top-47percent {
top: 47%;
}
.absolute-top-50percent {
top: 50%;
}
.absolute-top-60percent {
top: 60%;
}
.absolute-top-69percent {
top: 69%;
}
.absolute-top-71percent {
top: 71%;
}
.absolute-left-0percent {
left: 0%;
}
.absolute-left-2percent {
left: 2%;
}
.absolute-left-5percent {
left: 5%;
}
.absolute-left-7percent {
left: 7%;
}
.absolute-left-10percent {
left: 10%;
}
.absolute-left-16percent {
left: 16%;
}
.absolute-left-18percent {
left: 18%;
}
.absolute-left-20percent {
left: 20%;
}
.absolute-left-25percent {
left: 25%;
}
.absolute-left-35percent {
left: 35%;
}
.absolute-right-0percent {
right: 0%;
}
.absolute-right-1percent {
right: 1%;
}
.absolute-right-2percent {
right: 2%;
}
.absolute-right-3percent {
right: 3%;
}
.absolute-right-5percent {
right: 5%;
}
.absolute-right-7percent {
right: 7%;
}
.absolute-right-10percent {
right: 10%;
}
.absolute-bottom-0percent {
bottom: 0%;
}
.absolute-bottom-1percent {
bottom: 1%;
}
.absolute-bottom-5percent {
bottom: 5%;
}
.margin-top-20px {
margin-top: 20px;
}
.font-size-1-punto-5-rem {
font-size: 1.5rem;
}
.font-size-10px {
font-size: 10px;
}
.font-size-12px {
font-size: 12px;
}
.font-size-14px {
font-size: 14px;
}
.font-size-20px {
font-size: 20px;
}
.font-size-100px {
font-size: 100px;
}
.width-60px {
width: 60px;
}
.swiper-button-prev {
color: transparent !important;
background-image: url('data:image/svg+xml;charset=utf-8,') !important;
background-size: 100% 50px !important;
background-repeat: no-repeat !important;
width: 35px !important;
opacity: 1 !important;
}
.swiper-button-next {
color: transparent !important;
background-image: url('data:image/svg+xml;charset=utf-8,') !important;
background-size: 100% 50px !important;
background-repeat: no-repeat !important;
width: 35px !important;
opacity: 1 !important;
}
.input-text-boletin {
border: 2px solid black !important;
border-radius: 20px !important;
height: 50px !important;
}
.background-contacto-textarea {
background: #f0ecec;
border: 0px white solid !important;
}
.background-comentario-textarea {
background: #f7f8f7;
border: 0px white solid !important;
}
.input-text-contacto {
background: #f0ecec;
border-radius: 2px;
height: 50px !important;
border: 0px white solid !important;
}
.color-boletin {
color: #0e738c;
}
.background-antes-boletin {
background: url(../img/index/fondo3.png);
}
.background-boletin {
background: #faf9fa;
}
.background-contacto {
background: url(../img/index/banner-contacto.png);
}
.background-contacto-card {
background: url(../img/index/card-contacto.png);
background-repeat: no-repeat !important;
background-position: center center;
}
.error {
color: red !important;
}
.style-addCart {
display: inline-flex;
background: #0e738c;
}
.style-inicio-sesion-btn {
border:2px solid green;
margin-bottom: 10px;
}
.style-registrarse-btn {
border:2px solid black;
width:100% !important
}
.style-facebook-btn {
background-color: #4267B2;
height: 44px;
}
.text-black {
color: black !important;
}
.text-red {
color: red !important;
}
.text-green {
color: green !important;
}
.border-1px-ccc {
border: 1px #ccc solid;
}
.border-0px-white {
border: 0px white solid;
}
.border-1px-white {
border: 1px white solid;
}
.border-bottom-black {
border-bottom: 1px black solid;
}
.max-width-fit-content {
max-width: fit-content;
}
.display-none {
display: none;
}
.display-inline-flex {
display: inline-flex;
}
.width-50-percent {
width: 50% !important;
}
.width-75-percent {
width: 75% !important;
}
.width-300px {
width: 300px;
}
.width-160px {
width: 160px;
}
.width-20px {
width: 20px;
}
.width-17px {
width: 17px;
}
.height-20px {
height: 20px;
}
.height-50px {
height: 50px !important;
}
.loading-pagar {
width: 130px;
height: 130px;
margin-top: 60px
}
.vertical-align-middle {
vertical-align: -webkit-baseline-middle;
}
.modal-contacto {
background: url(../img/contacto/fondo1-contacto.png) !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
border: 0px white solid !important;
}
/* otros */
/* MEDIAQUERIES */
@media (max-width: 576px) {
.width-search {
width: 100% !important;
}
.w-50 {
width: 100% !important;
}
.w-65 {
width: 100% !important;
}
.w-75 {
width: 100% !important;
}
.w-91-punto-5-percent {
width: 100% !important;
}
.center {
text-align: center !important;
}
.margin-contacto {
margin-top: 130%;
}
.center-nosotros {
text-align: center;
}
.font-size-12px-mobile {
font-size: 16px !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.width-search {
width: 100% !important;
}
.w-50 {
width: 100% !important;
}
.w-65 {
width: 100% !important;
}
.w-75 {
width: 100% !important;
}
.w-91-punto-5-percent {
width: 100% !important;
}
.center {
text-align: center !important;
}
.margin-contacto {
margin-top: 130%;
}
.center-nosotros {
text-align: center;
}
.font-size-12px-mobile {
font-size: 16px !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.w-65 {
width: 65% !important;
}
.width-search {
width: 100px !important;
}
.margin-right-2-punto-5-minus-percent {
margin-right: -2.5% !important;
margin: 0 auto;
}
.margin-left-10-punto-5-percent {
margin-left: 10.5% !important;
}
.margin-left-19-percent {
margin-left: 19% !important;
}
.width-card-modelo {
width: fit-content;
}
.width-85-percent-modelo {
width: 85%;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-91-punto-5-percent {
width: 91.5% !important;
}
.margin-contacto {
margin-left: 25%;
margin-top: 5%;
}
.padding-top-card {
padding-top: 40%;
}
.center-nosotros {
text-align: left;
}
.font-size-12px-mobile {
font-size: 12px !important;
}
}
@media (min-width: 1200px) {
.w-65 {
width: 65% !important;
}
.width-search {
width: 100px !important;
}
.margin-right-2-punto-5-minus-percent {
margin-right: -2.5% !important;
margin: 0 auto;
}
.margin-left-10-punto-5-percent {
margin-left: 10.5% !important;
}
.margin-left-19-percent {
margin-left: 19% !important;
}
.width-card-modelo {
width: fit-content;
}
.width-85-percent-modelo {
width: 85%;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-91-punto-5-percent {
width: 91.5% !important;
}
.margin-contacto {
margin-left: 25%;
margin-top: 5%;
}
.padding-top-card {
padding-top: 40%;
}
.center-nosotros {
text-align: left;
}
.font-size-12px-mobile {
font-size: 12px !important;
}
}