body::-webkit-scrollbar-track
            {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                border-radius: 10px;
                background-color: #F5F5F5;
            }

            body::-webkit-scrollbar
            {
                width: 6px;
                background-color: #F5F5F5;
            }

            body::-webkit-scrollbar-thumb
            {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
                background-color: #d2262c78;
            }

/*
        body {
            background-color: white;
            font: 15px Rubik;
            font-weight: 300;
            line-height: 1.6rem;
            color: #656565;
            font-size: 1.1em;
        }

*/

        body {
            background-color: white;
	        font-family: 'Heebo', sans-serif;
	        font-size: 1.1rem;
        	line-height: 1.8rem;
	        letter-spacing: 0;
	        font-weight: 400;
	        color: #656565;
        }
        
        a {
            color: #dc3545;
        }
        
        a:hover {
            color: #000000;
        }
      .pheader {
    font-family: 'Heebo', sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	letter-spacing: 0;
	font-weight: 400;
}

        .pheaderh
    {
    font-family: 'Heebo', sans-serif!important;
	font-size: 1.8rem;
	line-height: 2.2rem;
	letter-spacing: 0;
	font-weight: 400;
	color: #ffffff;
}
        
        h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 3.8rem;
	line-height: 4.2rem;
	letter-spacing: 0;
	font-weight: 600;
	color: #fffff;
}

        .H_3 {
          font-family: 'Poppins', sans-serif;
	      font-size: 2rem;
	      line-height: 2.4rem;
	      letter-spacing: 0;
	      font-weight: 600;
	      color: #000000;
        }
        h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 3rem;
	line-height: 3.4rem;
	letter-spacing: 0;
	font-weight: 600;
	color: #fffff;
	}
	 h2.text-black {
	font-family: 'Poppins', sans-serif;
	font-size: 3rem;
	line-height: 3.4rem;
	letter-spacing: 0;
	font-weight: 600;
	color: #000000;
	}
        
        h2.text-number {
	        font-family: 'Poppins', sans-serif;
	        font-size: 5.4rem;
	        line-height: 5.8rem;
	        letter-spacing: 0;
	        font-weight: 600;
	        color: #d2262c;
}
        /*
        h3 {
            color: black;
            font: 1.4rem Rubik;
            line-height: 1.6rem;
            font-weight: 400;
        }
         */
         h3 {
	        font-family: 'Poppins', sans-serif !important;
	        font-size: 2rem ;
	        line-height: 2.4rem;
	        letter-spacing: 0;
	        font-weight: 600;
	        color: #000000;
}
            h3.text-white {
	        font-family: 'Poppins', sans-serif!important;
	        font-size: 2rem;
	        line-height: 2.4rem;
	        letter-spacing: 0;
	        font-weight: 600;
	        color: #ffffff;
}
        h3.subtitle{ font-weight: 100; }
        h3.building-title{ font: 2.2rem Rubik !important; }
        h3.b-title:hover{text-decoration: underline; color: #d2262c; cursor: pointer;}

        h4 {
            font-family: 'Poppins', sans-serif;
	        font-size: 1.2rem;
	        line-height: 1.4rem;
	        letter-spacing: 0;
	        font-weight: 600;
	        color: #999999;
        }
        h4.text-black{
            font-family: 'Poppins', sans-serif;
	        font-size: 1.6rem;
	        line-height: 2.2rem;
	        letter-spacing: 0;
	        font-weight: 500;
	        color: #000000;
            
        }
        
        .positiont {
	        font-family: 'Poppins', sans-serif;
	        font-size: 1rem;
	        line-height: 1.2rem;
	        letter-spacing: 1px;
	        font-weight: 600;
	        color: #000000;
	        text-transform: uppercase;
}
        footer{
            color: white;
            background-color: black;
        }
        h1.text-tittle{
            color: #d2262c;
            font-weight: bold;
            font-size: 4.5rem;
            padding-bottom: 1rem;
        }
        .red-link{
            color: #d2262c;
            text-decoration: underline;
        }
span.text-red {
    color: #D2262C!important;
}
h4.sub-buildings.text-center.text-black {
    margin: 0px 84px;
}
        .linkcaps {
            font: .8rem Rubik;
            color: #d2262c;
            text-decoration: underline;
            text-transform: uppercase;
            font-weight: 500;
        }
        #company-overview:hover{color: #b91827;}
        #container { max-width: 1000px; margin: auto; }
        #banner{ height: 500px; background-color: #a1a1a1d6; }
        .color-building{ background-color: #f1f3f3; }
        .text-white{
            color: white !important;
        }
        .play-video{
            color: transparent;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            font-size: 1.5rem;
        }
        .div-center{
            /*position: absolute;*/
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .btn-atisa{
             border-radius: 0;
             height: 3rem;
             width: 100%;
        }
        
        .btn-video{ transition: transform .2s; max-width: 12%; }
        .btn-video-home{ transition: transform .2s; max-width: 75%; }
        .btn-video:hover{ transform: scale(1.12); }
        .btn-video-home:hover{ transform: scale(1.12); }
        .jumbotron{ background: transparent; border-radius: 0; }
        .b-subtitle{ font-weight: 500; }
        span.b-subtitle{ font-weight: 500; color: black;}
        a.link-details{ text-decoration: none !important; }
       
        a.link-video{ color: transparent; }
        p.lead{font-size: 1rem !important;}
        a.dropdown-item{ color: #656565 !important; padding-bottom: .5rem;}

        a.dropdown-item:after {
            content: ""; /* This is necessary for the pseudo element to work. */
            display: block; /* This will put the pseudo element on its own line. */
           /*  border-top: 1px solid #e4e4e4; This creates the border. Replace black with whatever color you want. */
        }
        a.dropdown-item-last:after {
            content: ""; /* This is necessary for the pseudo element to work. */
            display: block; /* This will put the pseudo element on its own line. */
            border-top: unset!important; /* This creates the border. Replace black with whatever color you want. */
        }/*a.dropdown-item:hover{ background-color: #d2262cd9 !important; color: white !important;}*/
        a.dropdown-item:hover{ color: #000000 !important;}
        a.dropdown-item:active{ background-color: transparent !important; color: black !important;}
        div.dropdown-menu{ background-color: #FFFFFF; border-radius: 0;  /*margin-top: 1.1rem !important;*/}
        /*.navbar-expand-lg .navbar-nav .dropdown-menu { margin-top: 1.1rem !important; }*/
        .dropdown-menu li:hover .sub-menu {
            visibility: visible;
        }

        .dropdown-menu {
            min-width: 12rem!important;
        }
        .dropdown:hover .dropdown-menu {
            display: block;
        }
        
a.dropdown-item {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	letter-spacing: 0;
	font-weight: 400;
	color: #656565;
}
        #search.dropdown-toggle::after {
            display: none;
        }

        a.btn-all{
            border-radius: 0;
            padding: .5rem 1.5rem;
            font-weight: 500;
        }
        span.link-available{
            font-family: 'Poppins', sans-serif;
	font-size: .8rem;
	line-height: 1rem;
	letter-spacing: 1px;
	font-weight: 600;
	color: #d2262c;
	text-transform: uppercase;
	text-decoration: underline;
        }
        .link-details.float-right {
    margin-top: -1.5rem;
}
        ul.no-bullet {
            list-style-type: none;
            padding: 0;
            margin: 0;
            text-align: center;
        }
        li.nav-item{padding-left: .25rem; padding-right: .25rem;}
        li.nav-item {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	letter-spacing: 0;
	font-weight: 400;
	color: #656565;
}
.navbar-dark .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	letter-spacing: 0;
	font-weight: 400;
	
}

        li.check {
            /*float: left;*/
            display: inline-flex;
            background: url('check.svg') no-repeat left top;
            /*height: 54px;*/
            padding-left: 2rem;
            padding-bottom: 1rem;
            text-align: left;
        }
        tr.features{border-bottom: 1px solid #c7c7c7;}
        .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.8);  }
        .img-companie{ max-width: 25%;     transition: color 1s ease-in-out;}
        .img-companie:hover {
          /*quitar los comentarios para volver al zoom*/
            /*-webkit-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
            /*transition: all ease 1s;*/
            transition: all 1s ease-in-out;

            /*cursor: pointer;*/
        }
        h4.event-title{
            font-family: 'Poppins', sans-serif;
	        font-size: 1.6rem;
	        line-height: 2.2rem;
	        letter-spacing: 0;
	        font-weight: 500;
	        color: #000000;

        }
        .event-link{ text-decoration: none; color: #656565; }
        .event-link:hover{ text-decoration: none; color: #656565; }
        .event-title:hover{ text-decoration: underline; color: #d2262c; }
        .event-card { background-color: #f1f3f3; padding-bottom: 1.8rem!important; }
        .mx-3.event-card {
    padding-bottom: 1.6rem;
}
        

        .blog-category{ font-weight: 500; text-decoration: underline; color: black; }
        .img-benefit{ max-width: 40%; }
        #mini-logo{ max-width: 25%; }
        #mini-logo-light{ max-width: 10rem; }
        .bg-building{ background-color: #f1f3f3; font-family: font-family: 'Heebo', sans-serif;
	font-size: 1.1rem;
	line-height: 1.8rem;
	letter-spacing: 0;
	font-weight: 400;
	color: #656565;}
        .btn-interested{
            border: 1px solid #999;
            font-size: .7rem !important;
            background: transparent;
            color: #777;
        }
        
        .ulservices {
            list-style: none;
        }
        .ulservices li::before {
            content: "-";  
            color: #dc3545; 
            font-weight: bold; 
            display: inline-block; 
            width: 2em; 
            margin-left: -1em; 
           
}

        .c-pt-4{padding-top: 4rem !important;}
        
     .container-fluid.py-5.footer-bg {
    background-color: #F1F3F3;
    padding-left: 18rem;
    padding-right: 18rem;
}
.btn-danger.btn-all {
    margin-left: 1rem;
    margin-top: 1rem;
    
}
.btn.btn-danger.btn-all {
                
                
                margin-top: 1rem;
                font-family: 'Poppins', sans-serif!important;
                font-size: 1.1rem;
                letter-spacing: 1px;
                font-weight: 600;
                
                
                }
                .jumbotitle {margin-left: 1rem;
                    
                }


        @media screen and (min-width: 576px) {
            #navbar{ margin-top: -3rem; }
            .img-companie{ max-width: 100%; }
            /*.img-benefit{ max-width: 80%; }*/
              
             
        }
          @media screen and (max-width: 765px) {
                    .pheader {
    font-family: 'Heebo', sans-serif;
	font-size: 1.2rem;
	line-height: 1.6rem;
	letter-spacing: 0;
	font-weight: 400;
}

  .container-fluid.py-5.footer-bg {
    background-color: #F1F3F3;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
 
 .pagination {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
}
.mx-5 {
    margin-right: 1rem !important;
}
h2.text-black {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #000000;
}
               .pheader {
    font-family: 'Heebo', sans-serif;
	font-size: 1.2rem;
	line-height: 1.6rem;
	letter-spacing: 0;
	font-weight: 400;
}
     h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.2rem!important;
    line-height: 2.4rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #000000;
}

        }

        @media screen and (min-width: 765px) {
            #row{margin-left: 3rem !important; margin-right: 3rem !important;}
            .g-mobile{ display: none; }
            .g-desktop{ display: block; }
            .div-centrado1{
                width: 100%;
                position: absolute;
                top:50%;
                left:50%;
                transform: translate(-50%, -50%);
            }
   


        }
        @media screen and (min-width: 765px) and (max-width: 1200px){
            .g-mobile{ display: none; }
            .g-mobile2{ display: none; }
            .g-desktop{ display: block; }
            .p-mini{ display: block !important; }
            .p-normal{ display: none; }
            .centrado1{
                width: 100%;
                position: absolute;
                top:50%;
                left:50%;
                transform: translate(-50%, -50%);
                text-align: center;
                
            }
            .img-benefit{ max-width: 60%; }
             .container-fluid.py-5.footer-bg {
    background-color: #F1F3F3;
    padding-left: 4rem!important;
    padding-right: 4em!important;
}
 
        }

        @media screen and (max-width: 765px) {
            #mobile-content{margin-left: 25px; margin-right: 25px; padding-top: 25px;}
            .g-mobile{ display: block; padding-bottom: 3rem!important; }
            .g-mobile2{ padding-bottom: 3rem!important; }
            .g-desktop{ display: none; }
            div.col-12{padding-left: 0.7rem!important; padding-right: 0.7rem!important;}
            .g-title{margin-left: 0!important; margin-right: 0!important;}
            .g-p{margin-left: 0!important; margin-right: 0!important;}
            .g-list{margin-left: 0!important; margin-right: 0!important;}
        }
        @media screen and (max-width: 986px) {
            .navbar-nav{ float: none !important; }
            .nav-item{ border-bottom: 0px solid #e4e4e4; }
            .nav-link{ text-decoration: none !important; }
            .dropdown-menu{
                border: 0;
                background-color: #e9e9f1 !important;
            }
            .dropdown-item{ text-decoration: none !important; }
            a.dropdown-item {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	line-height: 1.2rem;
	letter-spacing: 0;
	font-weight: 400;
	color: #656565;
}
li.nav-item {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0;
    font-weight: 400;
    color: #656565;
}
            nav.navbar{ margin-right: 0 !important; margin-left: 0 !important;  }
            #div-contact-ct{ margin-left: 0 !important; margin-right: 0!important; }
            #div-contact-mx{ margin-left: 0 !important; margin-right: 0!important; }
            
        }

        @media screen and (min-width: 987px) {
            .text-mobile{ display: none; }
            .video-size-2{ padding-bottom: 5rem; }
            /*.img-benefit{ max-width: 80%; }*/
            #mini-logo{ display: none; }
        	#mini-logo-light{ display: none; }
            .m-custom{margin-left: 10rem !important; margin-right: 10rem !important;}
            #div-contact-ct{ margin-left: 12rem !important; margin-right: 12rem !important; }
            #div-contact-mx{ margin-left: 14rem !important; margin-right: 14rem !important; }
        }
        @media screen and (min-width: 576px) {
            /*.jumbotron{ padding: 12rem 4rem !important; }*/
            .jumbotron{ padding: 10rem 4rem !important; }
        }

        @media screen and (min-width: 1200px) {
           /* h3{ font: 1.8rem Rubik; }*/
            h3 {
	            font-family: 'Poppins', sans-serif!important;
	            font-size: 2rem;
	            line-height: 2.4rem;
	            letter-spacing: 0;
	            font-weight: 600;
	            color: #000000;
}
.btn.btn-danger.btn-all {
                
                
                margin-top: 1rem;
                font-family: 'Poppins', sans-serif!important;
                font-size: 1.1rem;
                letter-spacing: 1px;
                font-weight: 600;
                
                
                }
                .jumbotitle {margin-left: 1rem;
                    
                }

/*
            h3.event-title{ font: 1.4rem Rubik; }
            .img-benefit{ max-width: 50%; } */
        }

        @media screen and (min-width: 1200px) {
            .H_3{ font: 1.8rem Rubik; }
            .H_3.event-title{ font: 1.4rem Rubik; }
            .H_3.img-benefit{ max-width: 50%; }
            
            
        }
        
          
          
}

        .mapa{ display: block; }
        .mapa-mobile{ display: none; }

        @media only screen and (max-width: 990px) {
            .img-logo{ display: none; }
        	.img-logo-light{ display: none; }
            .mini-logo-container{ width: 100% !important; }
        }
            .img-logo-light{ text-align: center; width: 50% }

        /*Para tablets*/
        @media only screen and (max-width: 767px) {
            .leader{ font-size: 0.75rem; }
            .video-size{ height: 374px; }
            .img-logo{ text-align: center; width: 80% }
            .companies{ display: none; }
            #banner { margin-left: 0 !important; margin-right: 0 !important; height: 350px; }
            #building-details { margin-left: 0 !important; margin-right: 0 !important; }
            
            #more-buildings { margin-left: 0 !important; margin-right: 0 !important; }
            .mx-5 {
    margin-left: 1rem !important;
}
.img-benefit{ max-width: 15% !important; }

        }

        @media only screen and (max-width: 600px) {
            #blog-list{margin-left: 0 !important; margin-right: 0 !important;}
            #event-list{margin-left: 0 !important; margin-right: 0 !important padding-bottom:1.8rem;}
            .event-title{text-decoration: underline; color: #d2262c;}
            #info{ padding-top: 1.5rem !important; margin-left: 1rem !important; margin-right: 1rem !important; }
            

            .btn-video{ max-width: 15%; }
        	/*#banner{height: 350px;}*/
            .mapa{ display: none; }
            .mapa-mobile{ display: block; }
            .container{ padding-left: 25px; padding-right: 25px; }
            .leader{ display: none; /*font-size: 0.5rem;*/ }
            .navbar>.container, .navbar>.container-fluid { display: block; text-align: center;}
            .navbar-brand { display: block; }
            
            #img-gold-partner{ padding-bottom: 1rem !important; }
            body {
               font-family: font-family: 'Heebo', sans-serif!important;
	           font-size: 1.1rem;
	           line-height: 1.8rem;
	           letter-spacing: 0;
	           font-weight: 400;
	           color: #656565;
                }
	/*
            h1 {
                color: black;
                font: 1.6rem Rubik;
                line-height: 1.8rem;
                font-weight: 300;
                padding-bottom: 1rem;
            }
            */
            
            h1 {
	            font-family: 'Poppins', sans-serif;
	            font-size: 1.8rem;
	            line-height: 2.4rem;
	            letter-spacing: 0;
	            font-weight: 600;
	            color: #fffff;
}
	/*
            h2 {
                color: black;
                font: 1.2rem Rubik;
                line-height: 1.4rem;
                font-weight: 400;
            }
        */
            h2 {
	            font-family: 'Poppins', sans-serif;
	            font-size: 1.6rem;
	            line-height: 2rem;
	            letter-spacing: 0;
	            font-weight: 600;
	            color: #fffff;
                }
                
                

            h3 {
                color: black;
                font: 1.1rem Rubik;
                line-height: 1.3rem;
                font-weight: 400;
            }
            h3.tittle {
                color: black;
                font: 1.7rem Rubik;
                line-height: 1.5rem;
                font-weight: 400;
            }
            h3.building-title{ font: 2rem Rubik !important; }

            h3.browse-title{
                font: 2rem Rubik;
                font-weight: 400;
            }
            h3.gold-partner {
                color: black;
                font: 1.4rem Rubik;
                line-height: 1.6rem;
                font-weight: 400;
            }
            h4 {
	            font-family: 'Poppins', sans-serif;
	            font-size: 1.2rem;
	            line-height: 1.6rem;
	            letter-spacing: 0;
	            font-weight: 500;
	            color: #000000;
                }
              

            
            a.btn-all{ text-decoration: none; }

            .linkcaps {
                font: .8rem Rubik;
                color: #d2262c;
                /*text-decoration: underline;*/
                text-transform: uppercase;
                font-weight: 500;
            }
            #div-contact{
                margin-right: .25rem !important;
                margin-left: .25rem !important;
            }
            .c-m-25{
                margin-right: .25rem !important;
                margin-left: .25rem !important;
            }
            .img-companie{ 	max-width: 80%;  }
            li.nav-item {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0;
    font-weight: 400;
    color: #656565;
}
        }
        
@media screen and (min-width: 1300px) {
           
.jumbotitle {margin-left: 1rem;}
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    padding-top: 1em;
}