@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Genos:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/* SELECTORS PART*/

body {

  font-family: "Genos", Sans-serif;

  font-weight: 300;

  background: #F8F8F8;

  color: #ffffff;

  text-transform: uppercase;

}



strong {

  font-weight: bold;

}



/* END SELECTROS */

.white-color a {

  color: #f8f8f8 !important;

}



/* NAVIGATION PART*/

@keyframes fadeUp {

  from {

    margin-bottom: 50%;

    opacity: 0.3;

  }

  to {

    margin-bottom: 0%;

  }

}

.fadeUp {

  animation: fadeUp 1s linear alternate;

}



.dropdown-menu-color {

  background-color: #1E1E1E !important;

  color: #7A7A7A;

}

.dropdown-menu-color:hover {

  color: #F8F8F8 !important;

}



.dropdown:hover .dropdown-menu {

  margin-top: 0;

  border: 0px;

}



.dropdown-item {

  display: block !important;

  width: 100% !important;

  padding: 0.25rem 1rem !important;

  clear: both !important;

  color: #212529 !important;

  text-align: inherit !important;

  text-decoration: none !important;

  white-space: nowrap !important;

  background-color: transparent !important;

  border: 0 !important;

}



.navbar_style_center {

  letter-spacing: 1px;

  background: #1E1E1E;

  color: #c0c0c0;

}



.navbar_style_center a {

  color: #c0c0c0 !important;

}

.navbar_style_center a:hover {

  color: #F8F8F8 !important;

}

.navbar_style_center a:focus {

  color: #F8F8F8 !important;

}



.nav_spacing {

  padding: 10px 15px !important;

  font-family: "Genos", Sans-serif;

  font-size: 1.1em;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.navbar_style_center .dropdown-menu .nav_spacing_dropdown {

  font-family: "Genos", Sans-serif;

  font-size: 0.9em;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

  padding: 10px 20px !important;

  color: #7a7a7a !important;

}



.navbar_style_center .dropdown-menu .nav_spacing_dropdown:hover {

  color: #ffffff !important;

}



.navbar_style {

  letter-spacing: 1px;

  background: #1E1E1E;

  color: #c0c0c0;

}



.navbar .navbar-nav .nav-item {

  position: relative;

}



.navbar .navbar-nav .nav-item::after {

  position: absolute;

  bottom: 1px;

  left: 0;

  right: 0;

  margin: auto;

  background-color: white;

  width: 0%;

  content: "";

  height: 1px;

  transition: all 0.5s;

}



.navbar .navbar-nav .nav-item:hover::after {

  width: 100%;

}



/* END NAVIGATION*/

/* CARD PART */

.card-border {

  border: 1px solid #CFCFCF;

  background-color: #F8F8F8 !important;

  border-radius: 0;

}



.card-price {

  margin-bottom: 0rem;

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  font-weight: 400;

}



.text-card-blue {

  font-weight: 300;

}



.card-text {

  color: #1E1E1E;

  text-transform: none;

}



.text-card-detail {

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  line-height: 1.1em;

  font-weight: 400;

}



.text-detail {

  font-family: "Genos", Sans-serif;

  font-size: 1.5em;

  font-weight: 600;

  text-transform: uppercase;

}



/* END CARD*/

/* CAR PART*/

.car-name-detail {

  font-family: "Genos", Sans-serif;

  font-size: 3em;

  font-weight: 700;

  text-transform: uppercase;

}



.car-name {

  font-family: "Genos", Sans-serif;

  font-size: 1.5em;

  font-weight: 600;

  text-transform: uppercase;

  color: #1e1e1e;

}



.car-name-all {

  font-family: "Genos", Sans-serif;

  font-size: 1.5em;

  font-weight: 700;

  text-transform: uppercase;

}



.car-header {

  height: 5rem;

  color: #F8F8F8;

  background-color: #192856;

}



.car-info {

  font-family: "Genos", Sans-serif;

  font-size: 1.1em;

  font-weight: 300;

  text-transform: uppercase;

}



/* END CAR */

/* BUTTONS PART */

.black-white-btn-detail {

  background-color: #F8F8F8;

  color: #192856;

  border: 1px solid #192856;

  border-radius: 0px;

  font-family: "Genos", Sans-serif;

  font-size: 1em;

  font-weight: 500;

}



.height-buttons-div {

  height: 8rem;

}



.black-white-btn-detail:hover {

  background-color: #192856;

  color: #ffffff;

  border: 1px solid #192856;

  border-radius: 0px;

}



.blue-btn-detail {

  background-color: #F8F8F8;

  color: #192856;

  border: 1px solid #F8F8F8;

  border-radius: 0px;

  font-family: "Genos", Sans-serif;

  font-size: 1em;

  font-weight: 500;

}



.btn-sumit-form {

  background-color: #192856;

  color: #F8F8F8;

  border: 1px solid #192856;

  border-radius: 0px;

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  font-weight: 400;

}



.btn-sumit-form:hover {

  background-color: #F8F8F8;

  color: #192856;

  border: 1px solid #192856;

  border-radius: 0px;

}



.filter-blue-btn-detail {

  background-color: #192856;

  color: #F8F8F8;

  border: 1px solid #192856;

  border-radius: 0px;

  font-family: "Genos", Sans-serif;

  font-size: 1em;

  font-weight: 500;

}



.filter-blue-btn-detail:hover {

  background-color: #F8F8F8;

  color: #192856;

  border: 1px solid #192856;

  border-radius: 0px;

}



.service-blue-btn-detail {

  font-family: "Genos", Sans-serif;

  font-size: 1.1em;

  font-weight: 500;

  text-transform: uppercase;

  background-color: #1e3767;

  color: #F8F8F8 !important;

  border: 1px solid #1e3767;

  border-radius: 0px;

}



.service-blue-btn-detail:hover {

  background-color: #F8F8F8 !important;

  color: #192856 !important;

  border: 1px solid #F8F8F8;

  border-radius: 0px;

}



.service-button {

  width: 131px !important;

  height: 42px;

  display: flex;

  align-items: center;

  text-align: center;

  /* text-align: center; */

  /* padding: 20px; */

  justify-content: center;

}



/* END BUTTONS */

/* FILTER PART */

.filter {

  background-color: #F8F8F8;

}



.filter-part {

  color: #1E1E1E;

}



.filter-header {

  background: #192856;

  margin-bottom: 10px;

  width: 85%;

}



.border-inputs {

  border-radius: 1px !important;

  border: 2px solid #1E1E1E;

  transform: scale(1);

}



.text-detail-header {

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  font-weight: 600;

  text-transform: uppercase;

}



/* END FILTER*/

/* BACKGROUND PART START */

.background_picture {

  background-color: #1E1E1E;

  background-image: url("/public/pictures/Hyundai.jpg");

  background-position: bottom center;

  background-size: cover;

  height: 470px;

}



.background_picture_form {

  background-image: url("https://hubio.cz/wp-content/uploads/2022/04/mechanic-hand-checking-fixing-broken-car-car-service-garage-scaled.jpg");

  background-position: bottom center;

  background-size: cover;

  position: relative;

}



.background_picture_gradient {

  display: flex;

  justify-content: center;

  align-items: center;

  background-image: linear-gradient(360deg, #1E1E1E 16%, #F2295B00 85%);

  opacity: 1;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}



.background_panel_detail {

  background-color: #1E1E1E;

  background-size: cover;

}



.background_panel_layout {

  padding: 100px;

}



/* END BACKGROUND */

/* OTHERS PART */

.border-img {

  border-radius: 0px;

}



.checkbox-text {

  font-family: "Genos", Sans-serif;

  font-size: 1.1em;

  font-weight: 400;

  text-transform: uppercase;

}



.font-700 {

  font-weight: 700;

}



.main_header {

  color: white;

  font-family: "Genos", Sans-serif;

  font-size: 5em;

  font-weight: 700;

  text-transform: uppercase;

  margin-top: 15%;

  text-align: center;

}



.container_padding {

  padding: 5%;

}



.vertical_horizontal_center {

  display: flex;

  justify-content: center;

  align-items: center;

}



.horizontal_center {

  display: flex;

  align-items: center;

}



.border-line {

  border-top: 1px solid #000;

  opacity: 100;

  width: 20%;

}



.border-line-footer {

  border-top: 1px solid #CFCFCF;

  opacity: 100;

}



.blue-icon {

  color: #1e3767;

  font-size: 20px;

  width: 2rem;

}



.form-inputs {

  margin-bottom: 10px;

  padding-right: calc(10px / 2);

  padding-left: calc(10px / 2);

  border: 1px #54595f solid;

}



::placeholder {

  color: #999999 !important;

  padding-left: 10px !important;

  opacity: 1 !important;

}



.form-header {

  color: #1E1E1E;

  font-family: "Genos", Sans-serif;

  font-size: 3.5em;

  font-weight: 700;

  text-transform: uppercase;

}



.form-header-2 {

  color: #1E1E1E;

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  font-weight: 300;

  text-transform: uppercase;

  letter-spacing: 2px;

}



/*.navbar-brand img

 * max-width: 303px

 * //400 75

 * width: 100%

 * height: auto*/

.navbar {

  padding: 0 !important;

}



.navbar-brand {

  padding: 0 !important;

}



.footer {

  background-color: #1E1E1E;

  padding-bottom: 90px;

  padding-top: 90px;

}



.footer-links {

  color: #ffffff;

  font-family: "Genos", Sans-serif;

  font-size: 1.1em;

  font-weight: 300;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-bottom: 5px;

}



.footer-links:hover {

  color: #7a7a7a;

}



.footer-media {

  color: #ffffff;

  text-align: center;

  border-radius: 0% 0% 0% 0%;

  width: 30px;

  height: 30px;

  line-height: 28px;

  font-size: 25px;

}



.footer-media:hover {

  color: #7a7a7a;

}



.footer-links-phone {

  color: #ffffff;

  font-family: "Genos", Sans-serif;

  font-size: 1em;

  font-weight: 300;

  text-transform: uppercase;

  letter-spacing: 3px;

}



.footer-links-phone-numbers {

  color: #ffffff;

  font-family: "Genos", Sans-serif;

  font-size: 1em;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.footer-headers {

  color: #ffffff;

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  font-weight: 300;

  letter-spacing: 3px;

}



.copy-rights {

  color: #ffffff;

  font-family: "Genos", Sans-serif;

  font-size: 1em;

  font-weight: 300;

  letter-spacing: 3px;

  text-transform: none;

}



.footer-2 {

  background-color: #1E1E1E;

  border-top: 1px solid #54595F;

  padding: 20px 0px 20px 0px;

}



/* OTHERS END */

.navbar-brand {

  /*@media screen and (min-width: 1200px)

  * width: 26% !important*/

  /*@media screen and (min-width: 1400px)

  * width: 32% !important*/

  /*@media screen and (min-width: 1600px)

  * width: 38% !important*/

  /*@media screen and (min-width: 2000px)

  * width: 40% !important*/

}

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

  .navbar-brand {

    width: 50% !important;

  }

}

@media screen and (min-width: 600px) {

  .navbar-brand {

    width: 50% !important;

  }

}

@media screen and (min-width: 768px) {

  .navbar-brand {

    width: 50% !important;

  }

}

@media screen and (min-width: 2200px) {

  .navbar-brand {

    width: 44% !important;

  }

}

@media screen and (min-width: 2400px) {

  .navbar-brand {

    width: 48% !important;

  }

}



.basic-info-header {

  font-family: "Genos", Sans-serif;

  font-size: 3em;

  font-weight: 700;

  text-transform: uppercase;

  color: #1E1E1E;

}



.basic-info {

  font-family: "Genos", Sans-serif;

  font-weight: 300;

  color: #1E1E1E;

  text-transform: none;

  padding: 10px 0px 10px 0px;

  border-bottom: 1px solid #c0c0c0;

}



.basic-info-value {

  font-family: "Genos", Sans-serif;

  font-weight: 600;

  color: #1E1E1E;

  text-transform: uppercase;

}



.test-drive {

  font-family: "Genos", Sans-serif;

  font-size: 3em;

  font-weight: 700;

  text-transform: uppercase;

}



.comfort-info {

  font-family: "Genos", Sans-serif;

  font-size: 1.5em;

  font-weight: 400;

  color: #1E1E1E;

  padding: 10px 0px 10px 0px;

  border-bottom: 1px solid #c0c0c0;

}



.accordion-button {

  font-family: "Genos", Sans-serif;

  background-color: #f8f8f8;

  color: #333;

  font-size: 1.5em;

  font-weight: 600;

}



.accordion-button:hover {

  font-family: "Genos", Sans-serif;

  background-color: #1e3767;

  color: #FFFFFF;

  font-size: 1.5em;

  font-weight: 600;

}



.accordion-button:not(.collapsed) {

  font-family: "Genos", Sans-serif;

  background-color: #1e3767;

  color: #FFFFFF;

  font-size: 1.5em;

  font-weight: 600;

}



.accordion-button:not(.collapsed)::after {

  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;

}



.accordion-button:hover::after {

  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;

}



.accordion-button:focus {

  box-shadow: none;

  border-color: rgba(0, 0, 0, 0.125);

}



.acording-table {

  border: 0;

}



.text-photo {

  position: absolute;

  bottom: 0;

  left: 0;

}



.person-name {

  color: #f8f8f8;

  font-family: "Genos", Sans-serif;

  font-size: 2em;

  font-weight: 700;

  text-transform: uppercase;

}



.person-attribuites {

  font-family: "Genos", Sans-serif;

  font-size: 1.2em;

  font-weight: 400;

  text-transform: none;

  display: flex;

  align-items: center;

}



.font-filter-header {

  font-size: 1.5em;

  font-weight: 600;

}



/*# sourceMappingURL=style.css.map */