@import url('https://fonts.googleapis.com/css?family=Work+Sans:100, 300, 400, 500, 700, 800&display=swap&subset=latin-ext');
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 17.5px;
  font-family: "Work Sans",sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word
}
body,
button,
input,
select,
textarea {
  font-size: 16px;
  font-family: "Work Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000;
  line-height: 1.5
}
p:last-child {
  margin-bottom: 0
}
p {
  color: #69727b;
  margin: 0 0 19.44444px;
  margin-bottom: 19.4444px;
  font-size: 18px;
  line-height: 1.6
}
.blue-menu {
  /*background-color: #3feee6;*/
  background-color: #e7dbd9;
  padding: 0;
  margin-top: 48px
}
.blue-menu li > a {
  padding: 0!important;
  color: rgba(0,0,0,.75) !important;
  opacity: 1!important;
  display: inline-block;
  border-bottom: 1px solid transparent;
  margin-left: 20px
}
.blue-menu li > a:hover {
  text-decoration: none;
  border-bottom-color: #000
}
.top-footer {
  background-color: #e7dbd9;
  height: 64px;
  margin-bottom: 1px
}
.bottom-footer {
  background-color: #e7dbd9;
  min-height: 80px
}
footer p {
  font-family: "Work Sans",sans-serif;
  font-size: 13px;
  color: #000
}
.msg-form {
  text-align: left
}
.blue-menu img {
  max-height: 70px
}
.pink-radius-button {
  font-family: "Work Sans",sans-serif!important;
  background-color: rgba(243,4,80,1)!important;
  color: #fff!important;
  border: 0!important;
  padding: 10px!important
}
.caldera-grid .form-control:focus {
  border-color: rgba(63,238,230,1)!important;
  outline: 0!important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(63,238,230,.6)!important
}
.apply-button > a {
  font-family: "Work Sans",sans-serif!important;
  background-color: rgba(243,4,80,1)!important;
  color: #fff!important;
  text-transform: none;
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: all .3s;
  transition: all .3s
}
.apply-button > a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
#eredmenyek,
#visszajelzesek,
.larger-h2 {
  font-size: 80px!important;
  margin-bottom: 25px!important
}
.device-ios-parallax-strip {
  background-attachment: scroll!important
}
#MainHeader {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100vh;
  width: 100%;
  position: relative
}
#MainHeader h1 {
  color: #fff;
  padding: 15px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.1);
  background-color: rgba(0,0,0,.5);
  max-width: 100%;
  word-break: break-word
}
.CampHeaderBackground {
  background-image: url(../img/mobileheadercamp.jpg)
}
.text-sm label {
  font-size: 13px!important
}
div#GoToTop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  margin-bottom: 10px;
  margin-right: 10px;
  background: #f30450;
  color: #fff;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  opacity: 0
}
.kt-blocks-carousel-init.kt-carousel-arrowstyle-whiteondark.kt-carousel-dotstyle-dark.slick-initialized.slick-slider.slick-dotted {
  max-width: 100%
}
@media (max-width:320px) {
  #MainHeader h1 {
    font-size: 32px!important
  }
}
@media (max-width:575.98px) {
  #eredmenyek,
  #visszajelzesek,
  .larger-h2 {
    font-size: 40px!important
  }
}
@media screen and (min-width:992px) {
  .image-resize-on-desktop-max-500 {
    max-width: 500px!important
  }
  .margin-0-auto {
    margin: 0 auto!important
  }
}
@media (max-width:991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    padding-right: 15px!important;
    padding-left: 15px!important
  }
  .blue-menu li > a {
    margin-left: 0!important;
    margin-top: 5px!important;
    font-size: 20px!important
  }
  .height-img-auto {
    height: auto!important
  }
}
@media screen and (min-width:992px) {
  #google-apply-form {
    min-height: 2200px!important
  }
  .CampHeaderBackground {
    background-image: url(../img/sideturkey.jpg)!important
  }
}