*{
     
    padding:0;
   max-width:100%;
   font-family: "Roboto";

   
}
body{    background-color: #000000!important;}
.bod{
    padding:0;
    max-width:100%; 

    background-color: #000000!important;
}


.img-txt{
  background-color: #000000!important;
}
.head-contact{
  background-color: #000000;

  color: #f4f4f4;  
}

/* Estilo para los iconos dentro de un círculo */
.head-contact i {

display: inline-block;
width: 40px; /* Ajusta el tamaño según prefieras */
height: 40px;
line-height: 40px; /* Centra verticalmente el ícono */
border-radius: 50%; /* Hace que el contenedor sea un círculo */
background-color: #f0f0f0; /* Color de fondo del círculo */
color: #212529; /* Color del ícono */
text-align: center; /* Centra horizontalmente el ícono */

margin: 5px; /* Espacio entre los íconos */
transition: background-color 0.3s ease; /* Transición suave para hover */
}

/* Opcional: Efecto hover para cambiar el color de fondo */
.head-contact i:hover {
background-color: #b4984b; /* Color de fondo en hover */
color: white; /* Cambiar el color del ícono al pasar el mouse */
}

/* Menú transparente encima de la imagen */
.navbar-transparent {
  background-color: transparent !important;

  
  z-index: 1000; /* Asegura que el menú esté encima de otros elementos cuando esté fijo */
}
.navbar .nav-link, .navbar .navbar-text {
  color: white !important; /* Color blanco para los textos y enlaces */
}

.navbar .nav-link:hover {
  color: #f0f0f0 !important; /* Cambia de color en hover */
}





.Products .border{
 
    height: 100%;
  
  }
  
  .Products h2{
    margin: 50px 0;
    color: #ffffff;
    text-align:center;
    

  }

  .Products .text-description{
    color: #ffffff;
    text-align:justify!important;
  margin: 0 50px;
  }


  .PremiumFinishes{
   background-color: #212529;
   padding: 10px 0 30px 0;
  }

  .PremiumFinishes .btn{
    height: 100px;
text-align: end;

    border: 1.5px solid #000;

  }

.text-idx{
  text-align: justify ;
}


  .col-8 {
    position: relative; /* Para que el texto se posicione relativo a este contenedor */
  }

  .imagen img {
    width: 100%;
    height: 100%;
    transition: opacity 1.5s ease-in-out; /* Transición de desvanecimiento */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    position: relative;
    z-index: 1;
  }

  .text-card {
   
    bottom: 0;
    right: 0;
    z-index: 2; /* Para que quede por encima de la imagen */
    transform: translate(0%, 0%); /* Centramos el texto sobre la imagen */
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    padding: 20px;
    color: white;
    width: 100%;
    max-width: 100%; /* Ajusta el ancho del texto si es necesario */
    opacity: 1;
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
  
  }

  .text-card h2, .text-card span {
    color: #fff;
    text-align: justify!important;
  }

  .text-card h2 {
    margin-bottom: 10px;
  }

  .hidden-opacity {
    opacity: 0;
    transform: scale(1.05); /* Escala ligeramente para mejorar el efecto de entrada */
  }

  .hidden-opacity-text {
    opacity: .0;
    transform: scale(1.05); /* Escala ligeramente para mejorar el efecto de entrada */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}



#footer{
	background: #f7f7f7;
    padding: 3rem;
	/* padding-top: 5rem; */
	padding-top: 7rem;
    padding-bottom: 80px;
	background-image: url(https://arena.km.ua/wp-content/uploads/3538533.jg);
 
  box-shadow: rgba(.45, 0.45, 0.45, 0.45) 0px 25px 20px -20px!important;
}
#footer2{
	background: #f7f7f7;
    padding: 3rem;
    margin-top: 0px;
	/* padding-top: 5rem; */
	padding-top: 7rem;
    padding-bottom: 80px;
	background-image: url(../images/cards/v748-toon-111.png);
  box-shadow: rgba(.45, 0.45, 0.45, 0.45) 0px 25px 20px -20px!important;
}
.logo-footer{
	/* max-width: 300px; */
}
.social-links{
	/* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */

}
.social-links h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
}
.social-links img{
	padding-bottom: 25px;
}
.social-icons{
	/* display: flex;
    gap: 3rem; */
	display: flex;
    flex-direction: column;
    gap: 1rem;
	color: #777777;
}
.social-icons a{
	/* font-size: 18px; */
    /* background: #ffffff; */
    /* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
	color: #82074a; */
	/* margin-right: 18px; */
	color: #777777;
}
.social-icons a:hover{
	color: #000;
}
.social-icons a i{
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
    color: #000000;
	font-size: 16px;
	margin-right: 12px;
}
li{
	list-style: none;
}
.useful-link h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
}
.useful-link img{
	padding-bottom: 15px;
}
.use-links{
	line-height: 32px;
}
.use-links li i{
	font-size: 14px;
    padding-right: 8px;
    color: #898989;
}
.use-links li a{
	color: #303030;
    font-size: 15px;
    font-weight: 500;
	color: #777777;
}
.use-links li a:hover{
	color: #000;
}
.address h2{
	padding-bottom: 15px;
	font-size: 20px;
    font-weight: 600;
}
.address img{
	padding-bottom: 15px;
}
.address-links li a{
	color: #303030;
    font-size: 15px;
    font-weight: 500;
	color: #777777;

}
.address-links li i{
	font-size: 16px;
    padding-right: 8px;
	color: #000000;

}
.address-links li i:nth-child(1){
	padding-top: 9px;
}
.address-links .address1{
	font-weight: 500;
    font-size: 15px;
	display: flex;
}
.address-links{
	    line-height: 32px;
		color: #777777;
}
.copy-right-sec{
	padding: 1.8rem;
    background: #000000;
    color: #fff;
    text-align: center;
}
.copy-right-sec a{
	color: #fcd462;
    font-weight: 500;
}
a{
  text-decoration:none;
}


@media screen and (min-width: 991px) {
  .head-contactcel{
    display: none;
  }

  .productmovil{
    display: none;
  }
    
 
  .PremiumFinishesMov{
    display: none;
  }
 
}

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

*{
     
  padding:0;
 max-width:100%;
 font-family: "Roboto";

 
}
a {
  font-size: 12px!important;
  margin-bottom: 10px!important;
  color: #ffffff!important;
}
.link{
  color: #000!important;
}
body{
padding:0;
max-width:100%; 
background-color: #212529!important;
}

.logo-b{
  margin-top: 0px;
}
.PremiumFinishes{
  display: none;
}
.card-body{
  text-align: justify!important;
}
h2{text-align: center!important;}

.head-contact{
  display: none;
  height: 100px!important;
}
.navbar-transparent {
  background-color: #ffffff !important;
  position: sticky;
  top: 0px !important;
z-index:-10 ;  /* Asegura que el menú esté encima de otros elementos cuando esté fijo */
}
.navbar .nav-link, .navbar .navbar-text {
  color: rgb(0, 0, 0) !important; /* Color blanco para los textos y enlaces */
}
}


@media screen and (max-width: 768px) {
#footer{
  padding-top: 0px!important;
}}