/*Betűtípusok*/
@font-face {
  font-family: "montserrat_regular";
  src: url("../betutipusok/montserrat/Montserrat-Regular.ttf")
    format("truetype");
}

@font-face {
  font-family: "montserrat_semibold";
  src: url("../betutipusok/montserrat/Montserrat-SemiBold.ttf")
    format("truetype");
}

@font-face {
  font-family: "montserrat_semibold_italic";
  src: url("../betutipusok/montserrat/Montserrat-SemiBoldItalic.ttf")
    format("truetype");
}

@font-face {
  font-family: "colgent";
  src: url("../betutipusok/Colgent/Colgent.ttf") format("truetype");
}

@font-face {
  font-family: "montserrat_medium";
  src: url("../betutipusok/montserrat/Montserrat-Medium.ttf") format("truetype");
}
/*Betűtípusok*/
html,
body {
  overflow-x: hidden;
}

body {
  background-color: rgb(107, 153, 209);
  max-width: 100% !important;
  overflow-x: hidden;
  padding-right: 0px !important;
  box-sizing: content-box !important;
}

/*Menü formázása*/
.menu-link {
  color: white;
  text-decoration: none;
}

.menu-link:hover {
  color: white;
  text-decoration: none;
}

nav {
  background-color: rgb(107, 153, 209);
  box-sizing: content-box !important;
}

.nav-link {
  color: white !important;
  font-family: "montserrat_regular";
  font-size: 23px;
  border-radius: 20px;
  text-transform: uppercase;
}

.nav-link:hover {
  color: rgb(255, 255, 255) !important;
  border-radius: 20px;
  border: 1px solid white;
}
/*Menü formázása*/

/*Mozgókép formázása*/
.carousel {
  min-width: 100% !important;
  padding-right: 0px !important;
}

.carousel-item {
  height: auto;
  min-width: 100% !important;
  padding-right: 0px !important;
}

.carouselszoveg {
  color: white;
}

.carouselimg {
  position: absolute;
  z-index: -1;
  min-width: 100%;
  /*-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(107,153,209,255)), color-stop(100%, rgba(0,0,0,0)));*/
}

.border {
  border-radius: 40px;
  border: 1px solid white;
  color: white;
  width: 35%;
  left: -5%;
  padding: 1rem;
  text-align: left;
}
/*Mozgókép formázása*/

/*Eltűntetés*/
.ajanlatelo {
  display: none !important;
}
.ajanlatelotablet {
  display: none !important;
}
.laptopelo {
  display: none !important;
}

/*Eltűntetés*/

/*Gombok formázása*/
.ajanlat {
  font-family: "colgent";
  border-radius: 20px;
  border: 1px solid white;
  background-color: rgba(107, 153, 209, 255);
  color: white;
  text-transform: uppercase;
  width: 10%;
  height: 6%;
}
.ajanlatosgomb {
  color: white;
  text-decoration: none;
  font-size: 1.2vw !important;
}
.ajanlatosgomb:hover {
  color: white;
  text-decoration: none;
  font-size: 1.2vw !important;
}
.ajanlat:hover {
  background-color: rgb(33, 74, 114);
  color: white;
}

.egybeajanlat {
  font-family: "colgent";
  border: 1px solid white;
  color: white;
  border-radius: 25px;
  text-transform: uppercase;
}

.egybeajanlat:hover {
  background-color: rgb(33, 74, 114);
  color: white;
}

.kikapcsajanlat {
  font-family: "colgent";
  border: 1px solid white;
  color: white;
  border-radius: 25px;
  text-transform: uppercase;
}

.kikapcsajanlat:hover {
  background-color: rgb(33, 74, 114);
  color: white;
}
/*Gombok formázása*/

/*Képek formázása*/
.logokep {
  width: 350px;
}

.kicsi_bogyo {
  width: 40% !important;
  display: block !important;
}

.lefele_bogyo {
  display: none !important;
}

.allo_feher {
  height: 100%;
  float: left;
}

.kikapcskep {
  margin-top: 8%;
  border-radius: 75px;
  width: 90%;
}

.rolunkkep {
  position: absolute;
  z-index: -1;
}
.csillagok {
  margin: auto !important;
  margin-left: 0 !important;
}
/*Képek formázása*/

/*címek formázása*/
.cim {
  font-family: "colgent";
  color: white;
  font-size: 80px;
}
.cim2 {
  font-family: "colgent";
  color: white;
  font-size: 60px;
}

.egeszhazcim {
  font-family: "colgent";
  font-size: 75px;
  color: white;
}

.kikapcscim {
  font-family: "colgent";
  font-size: 50px;
  color: white;
  margin-top: 100px;
}

.rolunkcim {
  font-family: "colgent";
  font-size: 80px;
  color: white;
}
/*címek formázása*/

/*Tartalom formázása*/
.egeszhazszoveg {
  font-family: "montserrat_semibold";
  font-size: 25px;
  color: white;
}

.kikapcsszoveg {
  color: white;
  font-size: 20px;
  font-family: "montserrat_medium";
}
/*Tartalom formázása*/

/*Kártyák formázása*/
.kartyaszoveg {
  padding-top: 25%;
  background-color: rgba(33, 74, 114, 0.75);
}

.kartyaszoveg:hover {
  background-color: rgba(33, 74, 114, 0.65);
}

.kartyaszoveg:hover .card-text {
  visibility: visible;
  color: white;
}

.kartyaszoveg:hover .card-title {
  font-size: 70px;
}

.card-title {
  font-family: "colgent";
  font-size: 75px;
  color: white;
}

.card-text {
  font-family: "montserrat_semibold";
  font-size: 25px;
  color: white;
  visibility: hidden;
}
/*Kártyák formázása*/

/*Egészház foglalás háttér formázása*/
.egeszhaz {
  background-color: rgba(33, 74, 114, 0.75);
  min-width: 80% !important;
}

.egeszhaz:hover {
  background-color: rgba(33, 74, 114, 0.65);
}
/*Egészház foglalás formázása*/

/*Rólunk rész formázása*/
.rolunk {
  background-image: url("../kepek/Rolunk_kep.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  box-sizing: content-box !important;
  margin-left: -1%;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  padding-left: var(--bs-gutter-x, 0.75rem) !important;
  padding-right: var(--bs-gutter-x, 0.75rem) !important;
}

.rolunkbelso {
  max-width: 100%;
  background-color: rgba(33, 74, 114, 0.2);
  box-sizing: content-box !important;
}

.rolunkbelso:hover {
  background-color: rgba(33, 74, 114, 0.75);
}

.container {
  box-sizing: content-box !important;
}

.lead {
  color: white;
  font-size: 27px;
  font-family: "montserrat_medium";
}
/*Rólunk rész formázása*/

/*Footer formázása*/
.footercim {
  font-size: 25px;
}
.footercim2 {
  font-size: 25px;
  margin-top: 0rem !important;
}
.footertartalom {
  color: white;
  font-size: 20px;
  font-family: "montserrat_medium";
}

.footeralso {
  width: 20%;
}

.footerlink {
  color: white;
  text-decoration: none;
}

.footerlink:hover {
  color: white;
  border-bottom: 1px solid white;
}

.footerelso {
  padding-left: 8rem !important;
}
/*Footer formázása*/

.modal-body {
  background-color: #4b0e1e;
}