/*!
// Contents
// ------------------------------------------------

 1. Global Styles
 2.Colors
 3.Login
 4.Navbar
 5.Tipography
 td {
   text-align: center;
 }


/*!---------- 1. GLOBAL STYLES ----------*/
.table td, th {
  text-align: center;
}
.text-wrap {
  word-wrap: break-word;
  min-width: 160px;
  max-width: 160px;
  white-space:normal;
}
.circle {
  width: 200px;
  height: 200px;
  border: 15px #285c90 solid;
}
.boton-float {
  width: 60px;
  height: 60px;
  right: 0;
  bottom: 0;
  position: fixed;
  margin-right: 16px;
  border: none;
  outline: none;
  transition: 0.3s;
  z-index: 1;
}
.mail {
  min-width: 18rem;
}
.des-artist {
  max-height: 150px;
}
.contact-height {
  max-height: 650px;
}
.navbar-size {
  width: 6em;
}
.card-table {
  height: 17.8rem;
  width: 30rem;
}
.cardVertical-table {
  height: 14rem;
  width: 14rem;
}
#map {
  height: 30rem !important;
}
.img-carousel {
  object-fit: contain;
  width: 100%;
  height: 500px;
}
.card-listCompany {
  width: 200px;
}
/*!---------- 2. COLORS ----------*/
.text-qontrol1,
.text-qontrol1 a {
  color: #002244;
}
.text-qontrol1 a:hover {
  color: #003c77;
}
.text-qontrol2,
.text-qontrol2 a {
  color: #285c90;
}
.text-qontrol2 a:hover {
  color: #1a4977;
}
.text-qontrol3,
.text-qontrol3 a {
  color: #fb4f14;
}
.text-qontrol3 a:hover {
  color: #e03e07;
}
.text-qontrol4,
.text-qontrol4 a {
  color: #faf7f2;
}
.text-qontrol4 a:hover {
  color: #e8e2d7;
}
.btn-qontrol1:hover {
  background-color: #003c77;
  color: white;
}
.bg-qontrol1 {
  background-color: #002244;
}
.bg-qontrol2 {
  background-color: #285c90;
}
.bg-qontrol3 {
  background-color: #fb4f14;
}
.bg-qontrol4 {
  background-color: #faf7f2;
}
.bg-transparent-qontrol {
  background-color: #ffffffc7;
}
.border-qontrol2 {
  border-color: #285c90 !important;
}
/*!---------- 3. LOGIN ----------*/
.bg-login {
  background-image: url('../img/bg-login3.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.logo {
  filter: drop-shadow(2px 4px 6px black);
}
button.bg-qontrol3:hover {
  background-color: #e03e07;
}
/*!---------- 4. NAVBAR ----------*/
.logo-navbar {
  width: 30px;
}
.rounded-5 {
  border-radius: 0.5rem;
}
ul.bg-qontrol1 > li:hover {
  background-color: #fb4f14;
  border-radius: 0.5rem;
}

.bc-qontrol1 {
  border-color: #285c90;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #285c90 !important;
  border-color: #285c90 !important;
}

.btn-secondary:hover .badge{
  /* background-color: #002244; */
  background-color: #fb4f14;
}

@media (min-width: 1200px){
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

/*!---------- 5. TIPOGRAPHY ----------*/
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
.title {
  font-family: 'Roboto Condensed', sans-serif;
}
/*!---------- 5. MEDIA QUERYS ----------*/
@media only screen and (max-width: 425px) {
  .fa-9x {
    font-size: 4em;
  }
}


@media (min-width: 768px) {
  #navqontrol {
    position: relative !important
  }
  #footer {
    position: fixed !important;
    bottom: 0px;
  }
}