@font-face {

  font-family: 'VWHead-Bold';

  src: url(font/VW-bold/VWHead-Bold.eot);

  src: url(font/VW-bold/VWHead-Bold.eot) format('embedded-opentype'),

       url(font/VW-bold/VWHead-Bold.otf) format('otf'),

       url(font/VW-bold/VWHead-Bold.svg) format('svg'),

       url(font/VW-bold/VWHead-Bold.ttf) format('truetype'),

       url(font/VW-bold/VWHead-Bold.woff) format('woff'),

       url(font/VW-bold/VWHead-Bold.woff2) format('woff2');

}





@font-face {

    font-family: 'VWHead-Regular';

    src: url(font/VW-regular/VWText-Regular.eot);

    src: url(font/VW-regular/VWText-Regular.eot) format('embedded-opentype'),

         url(font/VW-regular/VWText-Regular.otf) format('otf'),

         url(font/VW-regular/VWText-Regular.svg) format('svg'),

         url(font/VW-regular/VWText-Regular.ttf) format('truetype'),

         url(font/VW-regular/VWText-Regular.woff) format('woff'),

         url(font/VW-regular/VWText-Regular.woff2) format('woff2');

  }

  



  @font-face {

    font-family: 'VWHead-ligth';

    src: url(font/VW-light/VWText-Light.eot);

    src: url(font/VW-light/VWText-Light.eot) format('embedded-opentype'),

         url(font/VW-light/VWText-Light.otf) format('otf'),

         url(font/VW-light/VWText-Light.svg) format('svg'),

         url(font/VW-light/VWText-Light.ttf) format('truetype'),

         url(font/VW-light/VWText-Light.woff) format('woff'),

         url(font/VW-light/VWText-Light.woff2) format('woff2');

  }









.navigation-menu > ul > li{

    margin: 0 20px!important;

}



body{

    font-family: 'VWHead-Regular'!important;

}



h1, h2, h3, h4, h5, h6{

    font-family: 'VWHead-Bold'!important;

}



/***** Gallery *****/

 

.gallery-box {

    padding-top: 30px;

}

.gallery-box img {

    cursor: pointer;

}

 

.carousel .carousel-indicators {

    bottom: -20px;

}

.carousel .carousel-indicators li {

    width: 16px;

    height: 16px;

    margin-left: 5px;

    margin-right: 5px;

    border-radius: 50%;

    background-color: #5a6268;



}

 

.carousel .carousel-inner {

    padding-bottom: 40px;

}

 

.carousel .carousel-control-next, 

.carousel .carousel-control-prev {

    top: auto;

    border: 0;

}

 

.carousel .carousel-control-prev-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%235a6268' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");

}

 

.carousel .carousel-control-next-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%235a6268' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");

}





.hero{

   position: relative;

}



.card-sapac{

    -webkit-box-shadow: 10px 12px 21px -1px rgba(0,0,0,0.19);

    -moz-box-shadow: 10px 12px 21px -1px rgba(0,0,0,0.19);

    box-shadow: 10px 12px 21px -1px rgba(0,0,0,0.19); 

    padding: 40px;

    border-radius: 10px;

    z-index: 999;



}

.baner{

    background-image: url("/assets/hero.jpg");

    background-size: cover;

    height: 400px;

    width: 100%;

    position: absolute;

    



}



.cover-sapac{

    margin-top: 90px;

}



.fotoperfil{

    position: absolute;

    z-index: 999;

    margin: auto;

    width: 100%;

    padding-top: 130px;

}



.nombre-vendedor h3{

color: #fff;

margin-top: 25px;

font-size: 20px;

margin-bottom: 15px;

}



.list-sapac{

    margin-top: 30px;

    margin-bottom: 30px;

}



.list-sapac li{

    border-bottom: 1px #f2e4e4 solid;

    padding: 10px;

}



.list-sapac span{

    color: #273272;

    font-weight: 600;

    margin-right: 10px;

}



.ht-btn:hover, .ht-btn:active, .ht-btn:focus{

    background: #023355!important;

}



.btn-sitio{

    background: #808082!important;

    border-radius: 10px!important;

    margin-bottom: 20px;

}



.ht-btn:hover, .ht-btn:active, .ht-btn:focus{

    background: #023355!important;

}



.categoria-sap{

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

}





.categoria-sap{

    color: gray;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

}





.lates-single-blog .blog-media a img{

    height: auto!important;

}

.is-screen-reader-text{
    display: none!important;
}



@media (max-width: 600px) {

    .btn-spa{

        text-align: center;

    }



    .cover-sapac{

        margin-top: 0px;

    }

    

  }