@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap');

.site-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
 
.site-content {
    flex: 1;
}
.grecaptcha-badge {
    bottom: 83px!important;
}

body{
    font-family: 'Montserrat', sans-serif;
}
main {
    background-color: #f6f6f6;
}
/*header*/

header {
    background: #fff;
    border-bottom: #dedede solid 2px;
    min-height: 80px;
    /* padding: 5px 0; */
    position: relative;
}

@media(min-width:1200px){
    header {
         min-height: 115px!important;
       
    }

    div#info {
        padding-left: 90px;
        z-index: 1000;
        width: auto;
    }
    .navbar-brand {
        position: absolute;
        margin: 0 0;
        z-index: 1010;
    }
}
a.home-link-lg img {
    width: 300px;
    height: auto;
    transition: all .2s ease-in;
}
#info img{
    width: 200px;
    height: auto;
}

#info .marca{
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
    color: rgba(82, 82, 82, 0.65);
    margin: 15px 0 0 0;
    line-height: 30px;
}
@media(max-width:1200px){

    /*div#info {
        padding-left: 0;
        min-width: 300px;
        width: auto;
    }*/
    .navbar-brand {
        position: relative;
        margin: 5px 0 0;
        z-index: 1010;
    }
}
#info p.small {
    font-weight: 500;
    color: #888888;
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-size:16px
}

ul.contact {
    font-size: 20px;
    font-weight: 700;
}
ul.contact a.nav-link {
    color: #ba2e66!important;
    display: inline-block;
}
ul.contact a.nav-link:hover {
    color: #00ae9f!important;
    display: inline-block;
}

#info p.small span {
    color: #00ae9f;
}
.current_page_item a, .current_menu_item a {
    color: #ba2e66!important;
}
/*search form*/
#zonabuscador .widget-class {
    border-radius: 11px;
    border: 1px solid #00ae9f;
    padding: 4px 10px;

}

#zonabuscador input {
    border-radius: 11px;
    border: none;
}

#zonabuscador #searchsubmit {
    border: none;
    padding: 0 10px;
    background:transparent;
}
/**/
@media(max-width:768px){
    .navbar-brand img{
        position: relative;
        margin:0px;
        height:auto;
        width:150px!important;
        padding: 5px 0;
    }
    #dataresponsive{
        display: none!important;
    }
}
#botonera-hdr a {
    font-family: 'roboto', sans-serif;
    color: #00ae9f;
}
#botonera-hdr a:hover, ul#botonera-hdr a:focus {
    color: #ba2e66;
}
/*nav stickystyles*/
.fixed-top #info, .fixed-top #datarow {
    display: none!important;
}

#topbar.fixed-top{
    background: #fff;
    box-shadow: 2px #1c1c1c;
    -webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.75);
    padding:0px 1rem;
}

.fixed-top .navbar-brand {
    position: relative;
    margin: 0;
}
@media(min-width:997px){
    .fixed-top a.home-link-lg{
        display:none!important
    }
    .fixed-top a.home-link-xs{
        display:block!important

    }
    .fixed-top a.home-link-xs img{
        width: 200px!important;
    }
}
/*footer*/
footer {
    background: #383838;
    color: #fff;
    text-align: justify;
    min-height: 230px;
    height: auto;
    padding: 50px 0;
    border-top: 4px solid #00ae9f;
}
p.txt-empresa {
    font-size: 14px;
    font-weight: 300;
}

h4.tittle-footer {
    display: block;
    border-bottom: 1px solid;
    padding: 10px 0;
    font-size: 20px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
}

.ftr-img {
    width: 100px;
    margin: 0 0 0 auto;
}
.contacto p {
    margin: 0;
}
.txt-empresa strong {
    font-weight: 700;
}

.contacto {
    padding: 48px 0 0 50px;
}

p.contact-tittle {
    font-weight: 600;
}

p.contact-data {
    font-weight: 600;
    font-size: 21px;
}
.contact-data a, .contact-data a:hover {
    color: #fff;
    text-decoration: none;
}
footer .redes li a {
    font-size: 18px;
    height: 30px;
    width: 30px;
    color: #fff;
    border: 2px solid;
}
footer .empresa img {
    width: 200px;
    margin-bottom: 10px;
}
footer .redes {
    padding: 10% 0;
}
footer .iso {
    width: 50px;
    margin: 0 30px 15px 0;
    float: left;
}
@media(min-width:992px){
    footer .redes {
    padding: 25% 0;
    }
    footer .iso {
        float:unset!important;
        margin: 0 30px 15px auto;
    }
    
}
/*slides*/
/*slides*/
#home-carousel .carousel-caption {
    color: #454545;
    width: 800px;
    min-height: 160px!important;
    height: auto;
    top: 30%;
    left: 0;
    padding-top: 0;
    font-size: 30px;
    font-weight:300;
    line-height: 34px;
    text-align: justify;
}
#home-carousel .carousel-caption p{
    margin: 0px 0 0px 0;
    display: block;
    background-image: url(../img/slide/puntitos.png);
    background-repeat:repeat-y;
    padding-left: 350px;
}
#home-carousel .carousel-caption img{
    min-width:200px; display:block; width:auto; margin-left:345px;
}
#home-carousel .carousel-control-next, #home-carousel .carousel-control-prev { 
    width: auto!important; opacity: .6; z-index: 1500;
}
#home-carousel .carousel-control-next:focus, #home-carousel .carousel-control-next:hover, 
#home-carousel .carousel-control-prev:focus, #home-carousel .carousel-control-prev:hover {
    opacity: .9;
}
/*news*/
#suscripcion-news {
    min-height: 80px;
    background-color: #ba2e66;
    color: #fff;
    position: relative;
    padding: 5px 0;
    height: auto;
}

#suscripcion-news h3 { 
    padding-top:10px; font-size: 20px; font-weight:300;
}
#suscripcion-news input, #suscripcion-news label {
    width: 100%!important;
    height: 40px;
    padding: 0 15px;
    border-radius: 5px;
}
div#news-form .row {
    padding: 19px 0 0;
}

#suscripcion-news input::placeholder{
    text-align:center;
}
#suscripcion-news .wpcf7-submit {
    background-color: #00ae9f;
    border: none;
    color: #fff;
}
#suscripcion-news .wpcf7-submit:hover {
    background-color: #fff;
    color: #00ae9f;
}
/*fin news*/
/*Partners*/
.partners .productos img {
    display: block!important;
    filter: grayscale(1);
    transition: all .4s ease-in;
}
.partners .productos li:hover img {
    filter: grayscale(0.1);
}
/**/
/*botonera productos*/
#prod-botonera {
    background: #efefef;
    padding: 50px 0;
    background-image: url(../img/products/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tittle-botonera h3 {
    font-size: 24px;
    
}
.productos{
    margin: 20px 0px;
}
@media(min-width:768px){
    .productos{
        margin: 50px!important;
    }  
}
.productos li {
    width: 45%;
    height: 222px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px;
    background: rgba(255,255,255, 0.8);
    flex-direction: column;
    background-position: center center;

}
@media(min-width:1200px){
    .productos li {
        width: 19%;
        margin: 5px;
        font-size: 18px;
        font-weight: 800;
        letter-spacing: 2px;
    }
}
@media(max-width:1199px) and (min-width:480px){
    .productos li {
        width: 31%;
        margin: 5px;
    }
}
.productos a {
    text-shadow: 1px 1px 2px #1c1c1c;
    color: #fff!important;
    display: block;
    padding: 47% 15px;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(81, 199, 191, .8);
    transition: all .4s ease-in;
    opacity: 0;
    
}

.productos a:hover, .productos a:focus {
    opacity: 1;
    text-decoration: none;
}
#link01 {
    background-image: url('../img/products/links-01.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link02 {
    background-image: url('../img/products/links-02.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link03 {
    background-image: url('../img/products/links-03.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link04 {
    background-image: url('../img/products/links-04.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link05 {
    background-image: url('../img/products/links-05.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link06 {
    background-image: url('../img/products/links-06.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link07 {
    background-image: url('../img/products/links-07.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link08 {
    background-image: url('../img/products/links-08.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link09 {
    background-image: url('../img/products/links-09.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
#link10 {
    background-image: url('../img/products/links-10.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
.productos img {
    display: none!important;
}
/*fpago*/
#formas-pago{
    min-height:220px;
    height: auto;
    background-image: url(../img/fpago/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px 0;
    margin-bottom: 100px;
}
@media(min-width:768px){
    .img-fpago {
        position: absolute;
        min-width: 800px;
        margin: -44px 0 0 0;
    }
}
/**/
section#seccion-redes {
    height: 111px;
    padding:25px;
    position: relative;
    background-color: #ba2e66;
}

.redes li a {
    font-size: 32px;
    color: #fff;
    display: flex;
    width: 60px;
    height: 60px;
    border: 3px solid;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.redes li a:hover {
    text-decoration:none;
    background:#00ae9f;
    border: 3px solid;
    color:#fff
}

.redes li {
    margin: 0 17.5px;
}
section#contacto-productos {
    background-color: #ffffff;
    clear: both;
}

/*search form*/
.card-tittle {
    color: #fff;
    background-color: #ba2e66;
    padding: 10px;
    transition: all .2s ease-in;
    
}
.card-tittle h5{
    font-weight: 400;
    text-transform:uppercase;
    font-size:16px;
    text-align:center
}
.btn-vita {
    display: block!important;
    background-color: #00ae9f!important;
    color: #fff!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
    border-radius: 0!important;
    padding: 0px!important;
    margin: 0!important;
    transition: all .2s ease-in;
}

/*.btn-vita:hover {
    background: #ffffff!important;
    color: #00ae9f!important;
}*/
main#busqueda a {
    text-decoration: none;
}
.card img {
    height: 300px;
    width: auto;
}
a:hover .card-tittle{

    background-color: #00ae9f!important;


}

a:hover .btn-vita {
    background-color: #ba2e66!important;
 
}
.card-img-top {
    background-color: #fff;
    transition: all .2s ease-in;
    }

/*.enlacetienda:hover .card-img-top {
    background: #00ae9f;
}*/

.enlacetienda:hover .card-img-top img {
    opacity: 0.6;
}
.card-img-top img {
    opacity:1;
    transition: all .2s ease-in;
}

/*page styles*/
.content-page {
    padding: 50px 10px;
}
.heading {
    height: 150px;
}
h2.tittle-page {
        color: #ffffff;
    font-weight: 400;
    display: block;
    padding: 5px 15px;
    background: rgb(186, 46, 102);
    background: linear-gradient(90deg, rgb(186, 46, 102) 37%, rgba(0,169,207,0) 95%);
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;

}
@media(max-width:767px){
    h2.tittle-page { width: 90%;  }
    
}
@media(min-width:1200px){
    h2.tittle-page {
        width: 50%;   
    }
    .heading {
        height: 300px;
    }
}
@media(min-width:768px) and (max-width:1199px){
    h2.tittle-page {
        
        width: 75%;
        
    }
}


.texto-post {
    padding: 15px;
    border: 2px solid #ba2e66;
    border-radius: 10px;
}

#contact-principal label, #contact-principal input, #contact-principal textarea {
    width: 100%;
}

#contact-principal .wpcf7-submit {
    background-color: #00ae9f;
    border: none;
    color: #ffffff;
    border-radius: 5px;
}
#contact-principal .wpcf7-submit:hover{
    background-color:#ba2e66
}
/*footer2*/
.footer-2 {
    background: #1c1c1c;
}

.consultar a:hover {
    color: #fff;
    text-decoration: none;
}

.consultar a {
    color: #ffffff;
    text-align: right;
    display: block;
    padding: 5px;
    line-height: 20px;
    text-decoration: none;
}
a.enlacetienda:hover {
    text-decoration: none;
}
/*responsive info*/
#dataresponsive p {
    text-align: center;
    margin: 0;
}

#dataresponsive p a {
    padding: 0;
    color: #00ae9f;
    text-decoration: none;
}
@media(max-width:480px){
    #dataresponsive p a {font-size: small;}
}
#dataresponsive p a:hover{
    text-decoration:none;
    color:#ba2e66;
}
.related .card-tittle h5 {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*Page contacto*/
iframe#mapa-aranguren {
    width: 100%;
    height: 712px;
}
/*wsp icon*/
.style-3 img.img-icon {
    height: 85px!important;
}

@media(min-width:768px) and (max-width:990px){

    a.home-link-xs.d-block.d-lg-none {
        width: 150px;
    }

    div#dataresponsive,
    div#dataresponsive p{
        display: flex!important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
        font-size:14px;
    }

    nav#topbar#topbar.fixed-top {
        padding: 10px;
    }

    footer .empresa img {
        margin: 10px auto;
    }
    
    p.txt-empresa {
        width: 80%;
        text-align: center;
        margin: 30px auto;
    }
    
    footer .contacto.col-lg-4 {
        text-align: center;
        padding-top: 20px;
    }
    
    footer .redes {
        padding: 30px;
        margin: 30px 10px;
        justify-content: center;
        border: solid 1px;
        border-width: 1px 0;
    }
    
    .ftr-img {width: 60px;}
    
    section#home-carousel {
        display: block!important;
    }
}

@media(max-width:767px) {
    footer .empresa img {
        margin: 10px auto;
    }
    
    p.txt-empresa {
        width: 80%;
        text-align: center;
        margin: 30px auto;
    }
    
    footer .contacto.col-lg-4 {
        text-align: center;
        padding-top: 20px;
    }
    
    footer .redes {
        padding: 30px;
        margin: 30px 10px;
        justify-content: center;
        border: solid 1px;
        border-width: 1px 0;
    }
    
    .ftr-img {width: 60px;}
   
    
    div#ht-ctc-chat {
        bottom: 135px!important;
    }
    
    .prod-form.row.d-flex.justify-content-center {
        padding: 0 15px;
    }
}