*{
  font-family: 'Raleway', sans-serif;
}

.navbar-toggler-icon { 
  background-image: url(
    "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler {
  border-color: white;
}

.section-title{
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: fit-content;
  border-left: 3px solid darkred;
  border-right: 3px solid darkred;
}

.metrolevante-button{
  margin: auto;
  width: auto;
  padding: 10px;
  color: white;
  background-color: darkred;
  border: 1px solid darkred;
}

.home-menu-section,.projects-menu-section{
  margin: 0 3px;
}
.projects-menu-section{
  cursor: pointer;
}
.projects-menu-mobile{
  display: none;
}

/*HOME MENU*/
.home-menu{
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
}

.home-menu .home-menu-section{
  position: relative;
  text-align: center;
}

.home-menu .home-menu-section p{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}

/*PROJECTS MENU*/
.projects-menu{
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
}

.projects-menu .projects-menu-section{
  position: relative;
  text-align: center;
}

.projects-menu .projects-menu-section p{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}
.filters-mobile-button{
  padding: 8px 30px;
  background: #ffff;
  border: 1px solid #737c75 !important;
  font-weight: 300;
  color: #5d675f;
  z-index: 999;
  border-radius: 0;
  font-size: 14px;
}

/*HOME SLIDER*/
.navbar{
  position: absolute;
  top: 0;
  z-index: 1;
}
.navbar .nav-link{
  color: white;
}
.navbar a:hover{
  color: grey;
}
#myCarousel2 .c-item{
  height: 480px;
}
#myCarousel2 .c-item img{
  height: 100%;
  object-fit: cover;
  filter: brightness(0.6);
}
#myCarousel2 .carousel-item{
  min-height: 120vh;
  background: #000;
  color: white;
  position: relative;
}
#myCarousel2 .carousel-caption button{
  padding: 10px 30px;
  text-transform: uppercase;
  color: white;
  background-color: darkred;
  border: 1px solid darkred;
  font-weight: 700;
}
#myCarousel2 .carousel-control-next, .carousel-control-prev {
  z-index: 0 !important;
}

/*FOOTER*/
.footer{
  color: white;
  background-color: #262626;
}
.footer a{
  color: white;
  text-decoration: none;
}
.footer a:hover{
  color: grey;
}
.footer .social_media img{
  margin: 13px;
}

/*HOME-PROJECTS*/
.home-projects{
  margin-top: 15vw !important;
  text-align: center;
}
.home-projects .projects-desktop .project{
  width: 30vw;
}
.home-projects .projects-title{
  margin-bottom: 5vw;
}
.home-projects .projects-desktop .description{
  display: none;
}
.home-projects img{
  object-fit: cover;
}
.home-projects .project .description{
  margin: 0 30px;
  font-size: small;
}
.home-projects .project{
  position: relative;
}
.home-projects .icon-image{
  position: absolute;
  right: 0;
  margin: -6px 3px;
}
.home-projects #icon-image-center{
  margin: -6px 15px;
}
.home-projects .project-info{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 2vw;
  color: white;
}
.home-projects .project-button{
  margin: auto;
  width: auto;
  padding: 10px;
  color: white;
  background-color: darkred;
  border: 1px solid darkred;
}
.home-projects .project-button:hover{
  background-color: #3d454c;
}
#carousel-projectsMobile .carousel-caption h5{
  display: flex;
  justify-content: center;
  align-items: center;
}

/*PROJECTS*/
.projects-header{
  height: 50vh;
  position: relative;
  background-position: center;
  background-size: cover;
}
#projects .description{
  display: none;
}

/*PROJECTS DETAIL*/
.project-detail-header{
  height: 80vh;
  position: relative;
  color: white;
  background-position: center;
  background-size: cover;
}
.project-detail-header .project-detail-header-text{
  position: absolute;
  top: 50%;
  left: 25vw;
  width: 50vw;
  text-align: center;
}
.project-detail-intro{
  margin: 7vw;
}
.box-shadow{
  padding: 20px;
  color: white;
  background-color: darkred;
  border: 1px solid darkred;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#filters{
  margin: 5vw;
  text-align: center;
}
#filters .button{
  color: grey;
  background-color: white;
  border: 1px solid grey;
  margin: 5px;
}
#filters .button:hover{
  color: white;
  background-color: grey;
}
.load-more-projects{
  margin: 50px;
  text-align: center;
}
.load-more-projects .button{
  color: white;
  background-color: grey;
  border: 1px solid grey;
}
.load-more-projects .button:hover{
  background-color: #636262;
  border: 1px solid #636262;
}
/*LEGAL*/
.legal-header{
  position: relative;
  width: 100%;
  height: 30vh;
  color: white;
  background-position: center;
  background-size: cover;
  text-align: center;
}

/*COUNTER SECTION*/
.counter-section{
  height: 20vw;
  width: 100%;
  background-size: cover;
  text-align: center;
  font-size: x-large;
  color: white;
}
.counter-section-title{
  margin: auto;
  width: fit-content;
  border-left: 3px solid darkred;
  border-right: 3px solid darkred;
}
.countup-box{
  margin: 5vw;
}

.countup-box .number{
  font-size: xxx-large;
  font-weight: 800;
}
.countup-box .text{
  font-size: small;
}

/*HOME - PROYECTOS MOBILE*/
.carousel-wrapper {
  position: relative;
}
#carousel-projectsMobile .carousel-inner{
  width: 70vw;
  margin: auto;
}

#carousel-projectsMobile .carousel-control-prev,
#carousel-projectsMobile .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#carousel-projectsMobile .carousel-caption {
  position: unset;
  color: black;
/*  bottom: 0;
  left: 0;
  right: 0;*/
}
#carousel-projectsMobile .carousel-indicators [data-bs-target]{
  background-color: black;
}
#carousel-projectsMobile, #carousel-projectsMobile .carousel-inner, #carousel-projectsMobile .carousel-inner .carousel-item{
  position: relative;
}

.home-projects #carousel-projectsMobile .icon-image{
  position: absolute;
  top: 0;
  right: 0;
  margin: -10px 3px;
}

#carousel-projectsMobile .carousel-control-next,
#carousel-projectsMobile .carousel-control-prev /*, .carousel-indicators */ {
  filter: invert(100%);
}

/*CONTACT*/

#contact-header .caption{
  text-align: center;
  color: white;
}

.contact-header-desktop img{
  width: 100%;
}

.contact-header-mobile img{
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

/*FILOSOFY*/

#filosofy-header .caption{
  text-align: center;
  color: white;
}

.filosofy-header-desktop img{
  width: 100%;
}

.filosofy-header-mobile img{
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

#filosofy-carousel-mobile .carousel-inner{
  width: 85%;
  margin: auto;
}

#filosofy-carousel-mobile .carousel-item{
  height: 70vh;
}

#filosofy-carousel-mobile img{
  height: 100%;
  object-fit: cover;
}

/*PROJECT DETAIL*/

#project-detail-header .caption{
  text-align: center;
  color: white;
}

.project-detail-header-desktop img{
  width: 100%;
}

.project-detail-header-mobile img{
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

#project-detail-carousel-mobile .carousel-inner{
  width: 85%;
  margin: auto;
}

#project-detail-carousel-mobile .carousel-item{
  height: 70vh;
}

#project-detail-carousel-mobile img{
  height: 100%;
  object-fit: cover;
}

/*CONTACT - MAP CONTAINER*/
#map-container{
  position: relative;
}
#contact-info{
  position: absolute;
  top: 15%;
  right: 5%;
  width: fit-content;
  padding: 4%;
  background-color: white;
}
#contact-info .item{
  display: flex;
  align-items: center;
}