/* @media (min-width: 1400px) {
    .container {
        max-width: 1370px;
    }
}

@media (min-width: 1700px) {
    .container {
        max-width: 1650px;
    }
}
 */



 /***********PRELOADER************/
.preloaderBg {
    position: fixed;
    z-index: 10; 
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
}

.preloader {
    background-size: 150px;
    width: 175px;
    height: 175px;
}


.preloader2 {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #f00;
    border-radius: 50%;
    width: 175px;
    height: 175px;
    animation: spin 1s ease-in-out infinite ;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.preloader , .preloader2{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

body {
font-family: 'Montserrat', sans-serif;
}

h2{
  font-size: 1.8rem
}


.margin-top-sub-zero{
    margin-top: 102px;
}

.img-reloj{
    width: 20px;
}

body  p{
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    color: #797979;
    font-size: 1rem;
}
small{
    line-height: 1.5;
}
a{
    text-decoration: none!important;
}

.text-intro-marca h2{
    font-size: 1.8rem;
}

p a.btn-icon-arrow{
    margin-bottom: 0;
}

.mansory small p{
    margin-bottom: 0;
    line-height: 1.5;
}
 .cover-img{
    object-fit: cover;
    object-position: center center;
 }

 .transform-text{
    transform: rotate(90deg) translate(105%, 0);
    transform-origin: 105%;
    position: absolute;
    right: 0;
    top: 0;

 }

 .container-adress-sr{
    min-height: 130px
 }


@media(max-width: 991px){
    .container-adress-sr{
        min-height: 0px
    }
}

.img-container img {
-webkit-transition:all .9s ease;
-moz-transition:all .9s ease;
-o-transition:all .9s ease;
-ms-transition:all .9s ease;
width:100%;
}
.img-container:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.img-container {/*Ancho y altura son modificables al requerimiento de cada uno*/
overflow:hidden;
}

 .transform-text::after{
    content: '';
    display: block;
    margin-top: 10px;
    margin-left: -40px;
    width: 50%;
    border-bottom: 1.5px solid #000;
 }



 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;

}

 .transform-text.right{
    right: 15%; 
 }

.pt-7,
.py-7 {
    padding-top: 5rem!important;
}

@media(max-width: 991px){
    .transform-text.right{
        right: 0%; 
    }
}

@media(min-width: 991px){

    .pt-lg-20,
    .py-lg-20 {
        padding-top: 8rem!important;
    }
}

@media(max-width:  991px){
    
    .btn-block-custom{
        width: 100%
    }
}

a.btn-custom, button.btn-custom{
    padding: .375rem 1.75rem;
    border: 2px solid;
    border-radius: 0;

}

@media(max-width: 768px){
    a.btn-custom, button.btn-custom{
        padding: .375rem 1.75rem;
        border: 2px solid;
        border-radius: 0;
        width: 100%
    }
}

a.btn-custom img.arrow, button.btn-custom img.arrow{
    width: 26px;
    margin-left: 10px;
}

.btn-outline-dark:hover {
    color: #000;
    background-color: #d3d2d2;
    border-color: #343a40;
}


.border-left {
    border-left: 2px solid #000!important;
}

 @media(max-width: 991px){
    .border-left{
        border-left: 0px!important;
    }
 }

/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 160px;
    /* Margin bottom by footer height */
}

.border-3 {
    border-width: 2px !important;
}


/*********HEADER**************/

.header-custom .navbar img,
.footer-custom .navbar img {
    width: 150px;
}

.custom-dropdown{
    top: -7px;
    left: -1px;
    background-color: #22211e;
    min-width: auto;
    opacity: 0;
    display: block;
    transition: opacity 0.3s linear;
    z-index: -1
}

@media(max-width: 1200px){
   .custom-dropdown { 
    left: -9px;
   }
}

@media(max-width: 991px){
    .custom-dropdown{
        display: none;
    }
    .mobile-display{
        z-index: 1000;
        position: absolute;
        top: 70px;
        background: rgb(255, 255, 255);
        width: 100%;
    }

}

.dropdown-menu.show.custom-dropdown {
    display: block;
    opacity: 1;
    z-index: 100;
    border-radius: 0;
}

.custom-dropdown .dropdown-item {
    color: #fff;
}

.custom-dropdown .dropdown-item:last-child::after {
    content: '';
    width: 0%;
}

.custom-dropdown .dropdown-item::after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.custom-dropdown .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ffffff26;
}


/*********FOOTER**************/

.footer-custom .footer-menu {
    border-bottom: 2px solid #000
}

.footer-custom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 160px;
    /* Set the fixed height of the footer here */
}

.footer-custom a,
.footer-custom p {
    color: rgba(0, 0, 0, .5);
}

@media screen and (min-width: 1000px) {
    .text-rotate-90 {
        transform: rotate(90deg);
        top: 40%;
    }
}

.mxh-herovideo {
    max-height: 532px;
}


/**********CONTAINER HERO IMAGE******************/

.container-inside-hero {
    width: 485px;
    bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
}

@media(max-width: 991px) {
    .container-inside-hero {
        width: 100%;
        position: relative;
        right: auto;
    }
}

.container-inside-hero .h-100 .justify-content-center {
    background-color: #fffc;
}


/*************estructura reveal*****************************/

.bar-title-right-reveal:before {
    content: '';
    border-top: 2px solid #000000;
    margin: auto;
    position: absolute;
    top: 25px;
    bottom: 0;
    width: 145%;
    ;
}


/*************MODULO CONTACTANOS****************************/

.bar-title:before {
    display: flex;
    content: '';
    border-top: 2px solid #000000;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    height: 0px;
}

.bar-title-right-marcas:before {
    width: 90%;
    left: 10%;
}

.bar-title-left-marcas:before {
    width: 90%;
    right: 10%;

}

.bar-title-left-prensa:before {
    display: block;
    width: 100%;
    /*left: -50px;*/
    top: 25px;
}

.bar-desboard:before{
    width: 50vw !important;
}

.bar-title.productos:before{
    width: 90% !important;
    right: 0;
    left: 0;
    margin-top: 16px;
}

#product-loader{
    position: absolute;
    width: 110%;
    background-color: #fff;
    top: 0;
    right: -30px;
    left: -30px;
    bottom: 0;
    margin: auto;
    height: 975px;
}

.img-masonry-central{
    min-height: 420px; 
    max-height: 770px;
}

.img-masonry-lateral{
    height : 220px;
}

@media(max-width: 991px){
    .bar-title.productos:before{
        width: 100% !important;
    } 

    .img-masonry-central{
        min-height: 300px; 
        max-height: 770px;
    }
    
}

@media(max-width:576px ){
    .img-masonry-lateral{
        height : auto;
    }
    .img-hero{
        height: auto;
    }
}

.bar-title-left-CK:before {
    content: '';
    width: 125%;
    border-top: 2px solid #000000;
    margin: auto;
    position: absolute;
    top: 20px;
    left: -75px;
}

.bar-title-prensa:before {
    width: 40%;
    right: 0;
    top: -40px;
}

.bar-title-left-foto:before {
    content: '';
    width: 165%;
    border-top: 2px solid #000000;
    margin: auto;
    position: absolute;
    top: 20px;
    left: -55px;
}

.bar-title-left-comprar:before {
    content: '';
    width: 110%;
    border-top: 2px solid #000000;
    margin: auto;
    position: absolute;
    top: 20px;
    left: -75px;
}

.hello {
    display: inline;
}

.bar-title-contactanos:before {
    width: 75%;
    right: 0;
}

.bar-title-servicio-tecnico:before {
    width: 55%;
    right: 0;
}

@media(max-width: 991px) {
    .bar-title-contactanos:before {
        width: 60%;
    }
}


/*************FORM****************/

.form-custom {
    font-size: 1rem;
    color: #000000;
    border: 0px;
    border-bottom: 1px solid #000000;
    border-radius: 0;
}

.form-custom-whatApp {
    padding-left: 55px
}

.form-custom::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
}

.form-custom::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #090909;
}

.form-custom-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #090909;
}

.form-custom-checkbox .custom-checkbox .custom-control-label::before {
    border-radius: 0rem;
}

.form-custom-checkbox .custom-control-label::before {
    top: 0rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0rem;
    border: 1px solid #000000;
    background-color: #ffffff;
}

.form-custom-checkbox .custom-control-label::after {
    top: 0rem;
    width: 1.2rem;
    height: 1.2rem;
}

.custom-control-label a {
    color: #000000
}

.img-ico-whatapp {
    position: absolute;
    width: 22px;
    left: 1.25rem;
    bottom: 27px;
}


/******END INDEX***********/

.container-inside {
    width: 350px;
    position: absolute;
    BACKGROUND: #fff;
    top: 0;
    right: 5rem;
}

@media(max-width: 991px) {
    .container-inside {
        width: 100%;
        position: relative;
        right: auto;
    }
}

.title:after {
    margin-top: 15px;
    content: '';
    display: block;
    width: 23%;
    border-top: 1px solid #000000;
}

/**********CAROUSEL*******************/
.carrousel-marcas .carousel-indicators li {
    border: 2px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 100px;
}
.carrousel-marcas .carousel-indicators {
    bottom: -75px;
}
.carrousel-marcas .carousel-indicators .active {
    background-color: #000;
}

@media(min-width: 991px) {
    .media-description {
        width: 612px !important;
        height: 378px !important;
    }
}


div.two-columns {
    max-width:100%;
    column-count: 2;
    column-gap: 150px;
    position: relative;
    padding-top: 350px;
}

.logo-intro{
    margin-top: -520px;
}

div.two-columns > div {
    position: absolute;
    top: 0;
    right: -35px;
}

div.two-columns h2:first-of-type   {
  margin-top: -204px;
}

@media(max-width: 1200px){

    div.two-columns {
        padding-top: 290px;
    }

}

@media(max-width: 991px){

    div.two-columns {
        max-width:100%;
        column-count: 1;
        column-gap: 0px;
        position: relative;
        padding-top: 0px;
    }

    .logo-intro{
        margin-top: 0px;
        margin-bottom: 20px;
    }

    div.two-columns > div {
        position: relative;
        right: 0;
    }

    div.two-columns h2:first-of-type   {
      margin-top: 0px;
    }

}