@font-face {

    font-family: open-sans-light;

    src: url(../assets/fonts/open-sans-light.woff);

}



@font-face {

    font-family: open-sans-regular;

    src: url(../assets/fonts/open-sans-regular.woff);

}



@font-face {

    font-family: open-sans-bold;

    src: url(../assets/fonts/open-sans-semibold.woff);

}



html {

    scroll-padding-top: 4.5rem;

    overflow-y: scroll;

}



html,

body {

    height: 100%;

}



body {

    font-family: open-sans-regular;

    background-color: #ffffff;

    color: #000000;

    font-size: 14px;

}



section {

    position: relative;

}



h2 {

    font-size: calc(2.75em + 1vmin);

}



a:hover {

    text-decoration: none;

}



.bg-gallery {

    background: url(../assets/images/banners/HeaderGaleria.jfif);

}



.bg-location {

    background: url(../assets/images/banners/HeaderUbicacion.jpg);

}



.bg-flow-forged {

    background: url(../assets/images/banners/HeaderFlowForged.jpg);

}
.bg-cast {

    background: url(../assets/images/banners/HeaderCast.jpg);

}
.bg-forged {

    background: url(../assets/images/banners/headerForgedcut2.jfif);

}
.bg-niche{
    background: url(../assets/images/banners/niche.jpg);

}



.bg-contact {

    background: url(../assets/images/banners/HeaderContacto.jpg);

}



.bg-aboutUs {

    background: url(../assets/images/banners/HeaderQuieneSomos.jpg);

}



.bg-detailed {

    background: url(../assets/images/banners/HeaderDetallado.jpg);

}



.bg-mas-info {

    background: url(../assets/images/banners/bannerInfo.jpg);

    background-size: cover;

}



@media (min-width: 1200px) {

    .max-container {

        max-width: 1300px !important;

    }

}



.header-section {

    width: 100%;

    height: 45%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    margin-top: 6rem;

}



.containerSlider {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



@media (min-width: 1200px) {

    .containerSlider {

        max-width: 1450px;

    }

}



.page-section {

    padding-top: 30px;

    padding-bottom: 30px;

}



.navbar {

    background-color: #000000;

    padding: 22px 0;

}



.navbar-nav li {

    color: #ffffff;

    text-transform: uppercase;

    font-weight: 300;

    font-family: open-sans-light;

}



.navbar-nav li a {

    color: #ffffff !important;

}



.navbar-nav li a:hover {

    background: transparent;

    color: #d4d4d4 !important;

}



.carousel-item {

    height: 100vh;

    min-height: 350px;

    background: no-repeat center center scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}





/* Slick slider */



.slickSlider {

    max-width: 100%;

    margin: 0 auto;

    padding: 0 25px;

}



.slickSlider.w300 {

    max-width: 300px;

}



.slick-slide {

    margin: 0 5px;

}



.slick-slide img {

    width: 100%;

    height: auto;

}



.slick-prev,

.slick-next {

    z-index: 1;

}



.slick-slide {

    transition: all ease-in-out 0.3s;

    opacity: 0.2;

}



.slick-active {

    opacity: 1;

}



.slick-current {

    opacity: 1;

}



.thumb {

    margin: 20px 0 0;

}



.thumb .slick-slide {

    cursor: pointer;

}



.thumb .slick-slide:hover {

    opacity: 0.7;

}



.slick-prev:before,

.slick-next:before {

    color: #000000 !important;

}



.slick-dots li.slick-active button:before {

    opacity: 1 !important;

    color: rgb(0, 0, 0) !important;

}



.slick-dots li button:before {

    font-size: 12px !important;

    color: #000000 !important;

}



.slick-prev:before,

.slick-next:before {

    font-size: 32px !important;

    line-height: 1.1 !important;

}



#categories {

    padding: 0;

    overflow: hidden;

    font-family: "Lato", sans-serif;

}



#categories .col-sm-4 {

    padding-left: 0;

    padding-right: 0;

    border-top: 4px solid #a1a1a1;

    border-bottom: 4px solid #a1a1a1;

    border-right: 4px solid #a1a1a1;

}



#categories .col-sm-4 a {

    display: block;

}



#categories .col-sm-4 img {

    width: 100%;

    max-width: none;

}



#categories .overlayCAST,

.overlayFLOW,

.overlayFORGED {

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.6);

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#categories .overlayCAST:hover,

.overlayFLOW:hover,

.overlayFORGED:hover {

    background: none;

}



.textOverlay {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    text-align: center;

}



.textOverlay h2 {

    font-weight: bold;

    font-size: 313%;

    color: #fff;

    padding: 5px 15px;

    text-transform: uppercase;

    border-bottom: 2px solid #ccc;

    display: inline-block;

}



@media (min-width: 601px) and (max-width: 991px) {

    .textOverlay h2 {

        font-size: 190%;

    }

}



.textOverlay p {

    font-size: 165%;

    color: #fff;

    padding: 0px 25px;

    text-transform: uppercase;

    margin: 0;

}



.parallax-image-1 {

    background: url("../assets/images/home/paralax-home-01.jpg");

}



.parallax-image-2 {

    background: url("../assets/images/home/paralax-home-02.jpg");

}



.parallax-image-3 {

    background: url("../assets/images/detailing/banner-luxury.jpg");

}



.parallax-image-4 {

    background: url("../assets/images/detailing/banner-form-detailing.jpg");

}



.parallax {

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

    background-attachment: fixed;

    height: 45%;

    max-height: 540px;

}



.parallax-detailing {

    padding-top: 80px;

    padding-right: 0px;

    padding-bottom: 50px;

    padding-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: 50% 50%;

}



.overlay-wrapper {

    top: 25%;

    position: relative;

}



.overlay-wrapper .title-1 {

    text-align: right;

    float: right;

    max-width: 50%;

    padding: 0rem 1rem 0rem 1rem;

}



@media (max-width: 768px) {

    .overlay-wrapper .title-1 {

        max-width: 100%;

    }

}



.overlay-wrapper .title-2 {

    text-align: left;

    float: left;

    max-width: 50%;

    padding: 0rem 1rem 0rem 1rem;

}



@media (max-width: 768px) {

    .overlay-wrapper .title-2 {

        max-width: 100%;

    }

}



.overlay-wrapper .text-parallax {

    top: 0%;

    position: relative;

    color: #ffffff;

    font-size: 16px;

    margin: 0;

}



.overlay-wrapper .text-parallax h2 {

    font-size: 3em;

    font-weight: 400;

    line-height: 1em;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 0.7em;

}



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

    .overlay-wrapper .text-parallax {

        font-size: 1em;

    }

    .overlay-wrapper .text-parallax h2 {

        font-size: 2em;

    }

}



@media (max-width: 767px) {

    .overlay-wrapper .text-parallax {

        font-size: 1em;

    }

    .overlay-wrapper .text-parallax h2 {

        font-size: 2em;

    }

}



#ubicacionGaleria .opacityUbi,

.opacityGale {

    -webkit-filter: brightness(40%);

    filter: brightness(40%);

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



#ubicacionGaleria .opacityUbi:hover,

.opacityGale:hover {

    -webkit-filter: brightness(100%) !important;

    filter: brightness(100%) !important;

}



@media (max-width: 576px) {

    #ubicacionGaleria .col-sm-6:first-child {

        margin-bottom: 1rem;

    }

}





/* Gallery */



.lightbox .lb-image {

    border: none !important;

}



#galleryMansory h2 {

    text-align: center;

    font-size: 36px;

    text-transform: uppercase;

}



.filtering {

    margin-bottom: 20px;

}



.filtering span {

    border: 1px solid #ddd;

    border-radius: 6px;

    color: #282b2d;

    cursor: pointer;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-right: 15px;

    display: inline-block;

    margin-bottom: 10px;

    padding: 8px;

}



.filtering span:last-child {

    margin: 0;

}



.filtering span:hover,

.filtering span.active {

    background-color: #882128;

    border-color: #ffffff;

    color: #ffffff;

    border-radius: 6px;

}



.portfolio-wrapper {

    position: relative;

    overflow: hidden;

}



.portfolio-overlay {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    transition: all 500ms ease;

}



.portfolio-wrapper .portfolio-image img {

    transform: scale(1.2);

    will-change: transform;

    transition: all 0.5s ease;

    width: 100%;

}



.portfolio-wrapper:hover .portfolio-image img {

    transform: none;

}





/* .portfolio-overlay:before {

  position: absolute;

  display: inline-block;

  top: 15px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  border: 1px solid rgba(0, 0, 0, 0.36);

  content: "";

  opacity: 0;

  transition: all 0.5s ease;

  transform: scale(0.85);

} */



.portfolio-overlay .portfolio-content {

    position: absolute;

    bottom: 50%;

    left: 0;

    width: 100%;

    text-align: center;

    opacity: 0;

    padding: 0 35px;

}



.portfolio-content h4 {

    color: #000;

    font-weight: 600;

    font-size: 20px;

    text-transform: capitalize;

    letter-spacing: 1px;

    margin-bottom: 15px;

}



.portfolio-content p {

    color: #000;

    font-weight: 500;

    letter-spacing: 1px;

    margin-bottom: 0;

}



.portfolio-content>a {

    line-height: 42px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    color: #ffffff;

    display: inline-block;

    text-align: center;

    margin-bottom: 15px;

    font-weight: 800;

}



.portfolio-wrapper:hover .portfolio-overlay {

    background-color: rgb(0 0 0 / 45%);

    cursor: pointer;

}



.portfolio-wrapper:hover .portfolio-overlay:before {

    opacity: 1;

    visibility: visible;

    transform: none;

}



.portfolio-wrapper:hover .portfolio-overlay .portfolio-content {

    transform: translateY(50%);

    transition: transform 0.5s ease;

    opacity: 1;

}



@media screen and (max-width: 1199px) {

    .portfolio-content h4 {

        font-size: 18px;

    }

}



@media screen and (max-width: 991px) {

    .portfolio-content h4 {

        margin-bottom: 10px;

    }

    .portfolio-content p {

        font-size: 15px;

    }

    .portfolio-content>a {

        margin-bottom: 10px;

    }

}



@media screen and (max-width: 767px) {

    .portfolio-content h4 {

        font-size: 17px;

    }

    .portfolio-content p {

        font-size: 14px;

    }

}



@media screen and (max-width: 575px) {

    .portfolio-content h4 {

        font-size: 16px;

    }

}



.grid .grid-item {

    position: relative;

    overflow: hidden;

}



.grid .grid-item .portfolio-wrapper {

    position: relative;

    overflow: hidden;

}



.grid .grid-item .portfolio-overlay {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    transition: all 500ms ease;

}



.grid .grid-item .portfolio-wrapper .portfolio-image img {

    transform: none;

    will-change: transform;

    transition: none;

    width: 100%;

}



.grid .grid-item .portfolio-wrapper:hover .portfolio-image img {

    transform: none;

}





/* .grid .grid-item .portfolio-overlay:before {

  position: absolute;

  display: inline-block;

  top: 15px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  border: 1px solid rgba(0, 0, 0, 0.36);

  content: "";

  opacity: 0;

  transition: all 0.5s ease;

  transform: scale(0.85);

} */



.grid .grid-item .portfolio-overlay .portfolio-content {

    position: absolute;

    bottom: 50%;

    left: 0;

    width: 100%;

    text-align: center;

    opacity: 0;

}



.grid .grid-item .portfolio-content h4 {

    color: #ffffff;

    font-weight: 600;

    letter-spacing: 1px;

    font-size: 20px;

    margin-bottom: 10px;

}



.grid .grid-item .portfolio-content p {

    color: #ffffff;

    font-weight: 500;

    letter-spacing: 1px;

    margin-bottom: 0;

}



.grid .grid-item .portfolio-content a {

    line-height: 36px;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    color: #000;

    display: inline-block;

    text-align: center;

    margin-bottom: 10px;

    font-weight: 800;

}



.grid .grid-item .portfolio-wrapper:hover .portfolio-overlay {

    background-color: rgb(0 0 0 / 45%);

    cursor: pointer;

}



.grid .grid-item .portfolio-wrapper:hover .portfolio-overlay:before {

    opacity: 1;

    visibility: visible;

    transform: none;

}



.grid .grid-item .portfolio-wrapper:hover .portfolio-overlay .portfolio-content {

    transform: translateY(50%);

    transition: transform 0.5s ease;

    opacity: 1;

}



@media screen and (max-width: 1199px) {

    .grid .grid-item .portfolio-content h4 {

        font-size: 18px;

    }

}



@media screen and (max-width: 991px) {

    .grid .grid-item .portfolio-content h4 {

        margin-bottom: 10px;

    }

    .grid .grid-item .portfolio-content p {

        font-size: 15px;

    }

    .grid .grid-item .portfolio-content a {

        margin-bottom: 10px;

    }

}



@media screen and (max-width: 767px) {

    .grid .grid-item .portfolio-content h4 {

        font-size: 17px;

    }

    .grid .grid-item .portfolio-content p {

        font-size: 14px;

    }

}



@media screen and (max-width: 575px) {

    .grid .grid-item .portfolio-content h4 {

        font-size: 16px;

    }

    .grid .grid-item .portfolio-overlay:before {

        top: 10px;

        right: 10px;

        bottom: 10px;

        left: 10px;

    }

}





/* Contacto */



#form-contact h2 {

    font-size: 32px;

    font-weight: lighter;

    text-transform: uppercase;

    margin-bottom: 1.3em;

}



#form-contact p {

    font-size: 16px;

}



#formSolicitante .btn-primary {

    color: #fff;

    background-color: #882128;

    border-color: #882128;

    border-radius: 3px;

}



#formSolicitante .btn-primary:hover {

    color: #fff;

    background-color: #dd0c1b;

    border-color: #dd0c1b;

}





/* Ubicacion */



#secction-location h2 {

    font-size: 36px;

    text-transform: uppercase;

}



#secction-location p {

    font-size: 16px;

}



.map-responsive {

    overflow: hidden;

    padding-bottom: 50%;

    position: relative;

    height: 0;

}



.map-responsive iframe {

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;

}



#ceramic-pro h1 {

    font-size: 3.1rem;

    text-transform: uppercase;

}



#ceramic-pro h4 {

    font-size: 1.25rem;

    text-transform: uppercase;

}



#ceramic-pro p {

    font-size: 0.875rem;

}



#ceramic-pro .btn {

    text-transform: uppercase;

    border-radius: 0;

    padding: 0.5rem 1.5rem;

    border: 3px solid #000000;

    transition: all 300ms;

}



#ceramic-pro .btn:hover {

    background: rgba(0, 0, 0, 1);

}



#luxury-detail .btn {

    text-transform: uppercase;

    border-radius: 0;

    padding: 0.5rem 1.5rem;

    border: 3px solid #ffffff;

    transition: all 300ms;

}



#luxury-detail .btn:hover {

    background: rgba(255, 255, 255, 1);

}



#cards-package {

    text-transform: uppercase;

}



#cards-package .card {

    border: none;

}



#cards-package .card-title {

    margin: 0;

    font-size: 1.25rem;

    font-family: open-sans-bold;

    font-weight: bold;

}



#cards-package .card-text {

    text-transform: none;

}



#cards-package .btn {

    border-radius: 0;

    padding: 0.5rem 1.5rem;

    border: 3px solid #000000;

    transition: all 300ms;

}



#cards-package .btn:hover {

    background: rgba(0, 0, 0, 1);

}





/*CARDS CATEGORIAS*/



.card-header:first-child {

    border-radius: 0;

}



.categoria-tarjeta {

    border-radius: 0;

}



.categoria-tarjeta:first-child {

    border-radius: 0;

}



.header-tarjeta {

    background: #000 !important;

    padding-top: 7px;

    padding-bottom: 7px;

}



.header-tarjeta h3 a {

    font-weight: 600;

    color: #fff !important;

}



.card-footer a {

    font-size: 16px;

    transition: 0.3s;

    cursor: pointer;

    color: #000 !important;

}



.card-footer a:hover {

    background-color: black;

    color: #ffffff !important;

}



.card-footer a:hover {

    color: #ffffff !important;

}





/* Footer */



#bannerPreguntas {

    background-color: #dd0c1b;

    color: #ffffff;

}



.contentPreguntas {

    margin: 1em 0;

    font-size: 23px;

    font-weight: 300;

}



.contentPreguntas strong {

    margin-left: 12px;

    /* vertical-align: middle; */

}



.contentPreguntas img {

    width: 2.1rem;

}



#bannerPreguntas p {

    margin-bottom: 10px;

    font-weight: lighter;

}



#bannerPreguntas h4 {

    font-size: 36px;

    font-weight: 300;

}



#footer {

    background-color: #000000;

    color: #ffffff;

}



#footer a,

i {

    color: #ffffff;

    font-size: 12px;

}



#footer a:hover,

i:hover {

    color: #cd1c1c;

}



#footer li a {

    text-transform: uppercase;

}



#footer i.fa-facebook,

i.fa-instagram {

    font-size: 1.5rem;

}



.sub-footer {

    background-color: #000000;

    color: #ffffff;

    font-family: open-sans-light;

    text-align: right;

}



@media screen and (max-width: 767px) {

    #footer {

        text-align: center;

    }

    .sub-footer {

        text-align: center;

    }

}