* {
  font-family: "Baloo Da 2", cursive;
}

html {
  font-size: 63%;
}

body {
  color: #fff;
  background-color: #000000;
  margin: 0px;
  padding: 0px;
  min-width: 100vw;
  min-height: 100%;
}

footer {
  text-align: center;
  padding: 2rem;
}

.nav-link {
  color: white !important;
}

#index_top_section {
  width: 100%;
  height: 100vh;
  background: url(render.jpg) no-repeat;
  background-size: cover;
  padding-top: 5rem;
  padding-bottom: 30rem;
  align-items: center;
  text-align: center;
  margin-bottom: 10rem;
  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}

.banner_text {
  position: absolute;
  top: 11%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}

.banner_text_heading {
  height: 18rem;
}

.banner_text_heading span {
  font-family: "Oswald", sans-serif;
  font-size: 6rem;
  font-weight: 400;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
  color: #fff;
  margin: 2rem 0;
  text-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  transform: translateZ(8rem);
  opacity: 0;
}

.heading_1 {
  animation: animate_heading 12s 3s infinite;
  text-align: center;
}

.heading_2 {
  animation: animate_heading 12s 6s infinite;
  text-align: center;
}

.heading_3 {
  animation: animate_heading 12s 9s infinite;
  text-align: center;
}

.heading_4 {
  animation: animate_heading 12s 12s infinite;
  text-align: center;
}

.heading_offset {
  padding-top: 3rem;
}

@keyframes animate_heading {
  0% {
    transform: translateZ(8rem);
    opacity: 0;
    letter-spacing: 1.5rem;
  }

  3% {
    transform: translateZ(0);
    opacity: 1;
    letter-spacing: 0.5rem;
  }

  25% {
    transform: translateZ(0);
    opacity: 1;
    letter-spacing: 0.5rem;
  }

  28% {
    transform: translateZ(8rem);
    opacity: 0;
    letter-spacing: 1.5rem;
  }

  100% {
    transform: translateZ(8rem);
    opacity: 0;
    letter-spacing: 1.5rem;
  }
}

.banner_main_text {
  font-size: 2rem;
  text-align: left;
  display: inline-block;
}

.banner_main_text span {
  color: #FF0000;
  font-size: 2.5rem;
  font-weight: bold;
}

.banner_main_text_wrapper {
  margin-top: 3rem;
}

.banner_paragraph_wrapper {
  text-transform: uppercase;
  line-height: 2.8rem;
  margin-top: 2rem;
}

.banner_paragraph {
  font-size: 2.2rem;
  color: #cecece;
  display: inline-block;
  text-align: left;
}

.banner_paragraph span {
  font-size: 3.4rem;
  font-weight: bold;
  color: #ad1f1f;
}

.navbar .aak_brand {
  color: #f00;
  margin-left: 1rem;
  margin-right: 3rem;
  font-weight:bold;
}

#indexMain {
  color: #fff;
  background-color: #fff;
  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}

#indexMainMoving {
  color: #fff;
  background-color: #fff;
  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}



#arrow {
  height: 15vh;
  margin-bottom: 1rem;
  transition-duration: 2s;
  transition-property: height;
  animation-name: arrowAnimation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

#arrow:hover {
  height: 18vh;
  animation-name: none;
}

@keyframes arrowAnimation {
  0% {
    height: 15vh;
  }

  40% {
    height: 15vh;
  }

  70% {
    height: 18vh;
  }

  100% {
    height: 15vh;
  }

}

.cardH2 {
  font-size: 2.1rem;
}

.Logo {
  height: 6.25rem;
  display: block;
  margin-top: 0.157vw;
  margin-bottom: 1.042vw;
  margin-left: auto;
  margin-right: auto;
}

.LogoExpanded {
  height: 4rem;
}

.beforeP {
  position: absolute;
  top: 0px;
  /*left:-36px;*/
  left: -7.5vw;
  content: '';
  /* border-width:18px;*/
  border-width: 3.75vw;
  border-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: red;
  border-bottom-color: red;
  box-sizing: border-box;
}

.Menu {
  background-color: rgba(0, 0, 0, 0.95);
}

.container {
  max-width: 2000px !important;
}

li {
  margin-right: 5vw;
  font-size: 1.1rem;
}

.liIndex {
  margin-right: 0;
}

#Datas {
  margin-top: 6vh;
  margin-bottom: 6vh;
}

h1 {
  text-align: left;
  font-size: 4rem;
}

#Main {
  padding-top: 4.6rem;
  padding-bottom: 3vh;
  background-color: rgba(0, 0, 0, 0);
  transition: margin 700ms;
}

#MainBig {
  margin-top: max(35.5%, 290px);
  padding-top: 1vh;
  padding-bottom: 3vh;
  background-color: rgba(0, 0, 0, 0.85);
}

h2 {
  text-align: center;
  font-size: 2.6vw;
  font-size: 3.125rem;
}

p {
  text-align: center;
  /*font-size: 40px; */
  /*font-size: 2vw;*/
  font-size: 2.5rem;
}

h5 {
  text-align: left;
  /* text-shadow: 3px 2px #000000;*/
  /*font-size: 15px;*/
  font-size: 2.56vw;
  color: white;
  margin-bottom: 0px !important;
}

.Price {
  background-color: red;
  padding: 0px !important;
}

.PriceP {
  margin: 0;
  font-size: 4.8vw;
}

h3 {
  text-align: center;
  font-size: 1.875rem;
  margin-bottom: 1rem;
}

.AutoGrid {
  padding-left: 10.41vw;
  padding-right: 10.41vw;
}

.AutoImage {
  position: relative;
  text-align: center;
  color: white;
}

.AutoDatas {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.AutoDatas:hover {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.AutoTable {
  margin: auto;
  margin-top: 20%;
  /* margin-top: 25%; */
}

.AutoCol {
  margin-bottom: 10px;
  padding-right: 0.78125vw !important;
  padding-left: 0.78125vw !important;
}

.AutoCardBody {
  padding-left: 1.042vw !important;
  padding-right: 1.042vw !important;
}

td {
  text-align: right;
  padding-left: 2.08vw;
  font-size: 3.332vw;
}

a {
  text-decoration: none;
  color: #3f3f3f;
}

a:hover {
  text-decoration: none;
  color: white;
}

.SecondHeadLine {
  margin-top: 60px;
}

#SubMain {
  margin-top: 4.6rem;
  padding-top: 1vh;
  padding-bottom: 3vh;
  background-color: rgba(0, 0, 0, 0.85);
  min-height: 92.2vh;
}


.icon {
  width: 9.375rem;
  padding: 1.25rem;
}

.SzolR {
  margin-bottom: 1.25rem;
}

.SzolP {
  margin-left: 1.5625rem;
  text-align: left;
}

.PageHeader {
  margin-bottom: 3.125vw;
}

.SzolC {
  margin-top: 5%;
  padding-left: 5.2vw;
}

.ControlLabel {
  font-size: 1.822vw;
}

.left {
  text-align: left;
}

.rigth {
  text-align: right
}

.center {
  text-align: center;
}

.Controlls {
  background-color: rgba(255, 0, 0, 0.253);
  display: none;
}

.ContactRow {
  margin-top: 2.604vw;
}

.ContactPadding {
  padding-left: 4.166vw;
}

.ContactMargin {
  margin-top: 30px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid rgb(170, 0, 0) !important;
  background: rgb(255, 0, 0) !important;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(214, 94, 94) !important;
}

.AutosLink {
  font-size: 1.7rem;
}


#Filterbtn {
  position: absolute;
  top: 1.3vw;
  right: 25px;
  font-size: 0.833vw;
}

.Relative {
  position: relative;
}

.PageHeader2 {
  margin-bottom: 30px;
}

#AutoListGrid {
  margin-top: 50px;
}

.ModifiedPadding {
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
}

.Smaller {
  font-size: 1.6rem;
}

.HolidayText {
  position: absolute;
  right: 0.26vw;
  background-color: red;
  padding: 0px !important;
}

.HolidayText::before {
  position: absolute;
  top: 0px;
  left: -2.3232323vw;
  content: '';
  border-width: 1.1979166vw;
  border-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: red;
  border-bottom-color: red;
  box-sizing: border-box;
}

.HolidayP {
  margin: 0;
  font-size: 1.5625vw;
}

.MobileP {
  text-align: center;
  font-size: 7vw;
  color: #333;
}

.MobileLi {
  margin-right: 0px;
  text-align: center;
  background-color: black;
  color: white;
  border-color: white;
  font-size: 3.333vw;
}

.Mobile {
  display: none;
  border: white;
  border-style: solid;
}

hr {
  margin-top: 0.7rem;
  margin-bottom: 3rem;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 4px solid rgba(255, 255, 255, 0.918);
}

.aText {
  font-size: 1.25rem;
  margin-bottom: 0;
  text-align: justify;
}

.rH3 {
  font-size: 2.875rem;
}

.rH4 {
  text-align: center;
  font-size: 2rem;
}

.rH3Feature {
  text-align: left;
  font-size: 2.875rem;
}

.rpFeature {
  text-align: justify;
  font-size: 1.5rem;
}

.rDivFeature {
  padding-left: 20px;
  padding-right: 20px;
}

.imageDiv {
  text-align: center;
}

#stopButton {
  margin-top: 10px;
  margin-right: 10px;
}

@media(max-width: 576px) {
  h1 {
    font-size: 13vw !important;
  }

  h2 {
    font-size: 6.7vw !important;
  }

  #WelcomeMessage {
    font-size: 5.65vw;
  }

}

@media (min-width: 576px) {
  html {
    font-size: 0.7rem;
  }

  .PriceP {
    font-size: 2.3958vw !important;
  }

  .beforeP {
    left: -3.75vw !important;
    border-width: 1.875vw !important;
  }

  h5 {
    font-size: 1.58vw !important;
  }

  td {
    padding-left: 1.04vw !important;
    font-size: 1.666vw !important;
  }

  .MobileLi {
    font-size: 1rem !important;
  }

}

@media (min-width: 768px) {
  html {
    font-size: 0.8rem;
  }

  .PriceP {
    font-size: 2.3958vw !important;
  }

  .beforeP {
    left: -3.75vw !important;
    border-width: 1.875vw !important;
  }

  h5 {
    font-size: 1.58vw !important;
  }

  td {
    padding-left: 1.04vw !important;
    font-size: 1.666vw !important;
  }

  .MobileLi {
    font-size: 1rem !important;
  }
}

@media(max-width: 780px) {
  .fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

  }

  .fill img {
    max-height: 300px;
    margin-top: 0px !important;
  }
}

@media(max-width: 992px) {
  #SubMain {
    margin-top: 2rem;
  }
}

@media (min-width: 992px) {
  html {
    font-size: 1rem;
  }

  .Menu {
    height: 4.6rem;
  }

  .PriceP {
    font-size: 1.1979vw !important;
  }

  .beforeP {
    left: -1.875vw !important;
    border-width: 0.9375vw !important;
  }

  h5 {
    font-size: 0.79vw !important;
  }

  td {
    padding-left: 0.52vw !important;
    font-size: 0.833vw !important;
  }

  .MobileLi {
    font-size: 0.833vw !important;
  }


  #languageDropDownMenu {
    margin-left: -80px;
  }
}

.card {
  min-height: 26vw;
  background-color: black !important;
}

.card a {
  font-size: 1.5vw;
  color: #ccb010 !important;
  text-decoration: underline;
}

.card .card-title {
    color: #dbce12 !important;
}

.card-body {
  padding: 1vw !important;
  margin: 1vw !important;
  border: 2px solid #ad1f1f;
}

.card .card-body img {
    width: 6.25vw;
    height: 6.25vw;
    border-radius: 50%;
}

.ContactText {
    font-size: 1.5624vw;
}

.card-Name {
    font-size: 2.1vw;
}

h4 {
    /* font-size: 1.25vw;*/
    font-size: 1.12vw;
}

.researchP {
    text-align: left !important;
    font-size: 1.12vw;
    margin-bottom: 0.8vw;
}


.card-body img {
    object-position: top;
    object-fit: cover;
}

.researchLi {
    margin-right: 0px !important;
    text-align: left !important;
}

@media (max-width: 768px) {
    .ContactText {
        font-size: 4.6872vw;
    }

    .ContactMargin {
        margin-left: 0px;
        margin-right: 0px;
    }

    h4 {
        font-size: 3.36vw;
    }

    .card .card-body img {
        width: 18.75vw;
        height: 18.75vw;
    }

    .Flag {
        height: 9vw !important;
        width: auto !important;
        border-radius: 0px !important;
        margin-right: 1vw;
        border-color: #fff;
        border-style: solid;
        border-width: 0.1vw;
    }

    .card-Name {
        font-size: 6.3vw;
    }

    .backside .card a {
        font-size: 4.5vw;
    }

    .researchP {
        font-size: 3.36vw;
    }
}

#map {
   height: 100%;
  min-height: 30vh;
  margin-left: auto;
  margin-right: auto;
 }

@media (max-width: 768px) {
  #map {
    height: 30vh !important;
    width: 100% !important;
  }
}

.main_nn_img {
}

@media (max-width: 616px) {
  .main_nn_img {
    width: 100%;
  }
}