@font-face {
  font-family: Raleway-ExtraBold;
  src: url('/fonts/Raleway-ExtraBold.ttf');
}
@font-face {
  font-family: Raleway-Bold;
  src: url('/fonts/Raleway-Bold.ttf');
}
@font-face {
  font-family: Raleway-SemiBold;
  src: url('/fonts/Raleway-SemiBold.ttf');
}
@font-face {
  font-family: Raleway-Medium;
  src: url('/fonts/Raleway-Medium.ttf');
}
@font-face {
  font-family: Raleway-Regular;
  src: url('/fonts/Raleway-Regular.ttf');
}

.scroll {
  position: fixed;
  top: 50vh;
  right: 30px;
  z-index:9999;
  display:inline-block;
}
.scroll a {
  background-color: #4a4a4a;
  display: block;
  width: 14px;
  height: 14px;
  margin-bottom: 8px;
  border-radius: 25px;
}
.scroll a.active {
  background-color: #fff;
  border: 2px solid #4a4a4a;
}


.main-container {
  background: #000;
  z-index: 2;
  width: 100%;
    max-width: 100%;
}
.powerpak-logo {
  background: url('/beauty/images/01_logo.png') top center no-repeat;
  width: 170px;
  height: 80px; 
  margin-right: 100px;
}

@media (max-width: 576px){
	.powerpak-logo{
		display: none;
	}
}

.custom-button {
  max-width: 264px;
  width: 100%;
  padding: 10px 0;
  display:inline-block;
  font-family: 'Raleway-Medium';
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  margin:0 auto;
  border-radius: 25px;
}

a.custom-button:hover {
  text-decoration: none;
}

.arrow {
  margin-bottom: 55px;
}

/*Main Picture*/
.main-picture {
  background: url('/beauty/images/01_hero_image.png') top center no-repeat;
  width: 100%;
  /*height: 665px;*/
  height: 1036px;
}
.main-picture__text {
  /*margin-top: 265px;*/
  margin-top: 420px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.main-picture__text h3 {
  color: #fff;
  font-size: 72px;
  font-family: 'Raleway-ExtraBold';
  text-transform: uppercase; 
  line-height: normal;
  letter-spacing: normal;
}
.main-picture__text p {
  font-family: 'Raleway-Bold';
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 40px;
}
.main-picture__text a.main-picture__button {
  border: 2px solid #fff;
  color: #fff;
}
.main-picture__text a.main-picture__button:hover {
  color: #fff;
}
.main-picture .arrow {
  /*margin-bottom: 0px;
  margin-top: 65px;*/
  top: 235px;
}
/*Contact Picture*/
.contact-picture {
  background: url('/beauty/images/05_back_contact.png') top center no-repeat;
  width: 100%;
  height: 580px;
}
.contact-picture__text {
  margin-top: 180px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.contact-picture__text h3 {
  color: #fff;
  font-size: 72px;
  font-family: 'Raleway-ExtraBold';
  text-transform: uppercase; 
  line-height: normal;
  letter-spacing: normal;
}
.contact-picture__text p {
  font-family: 'Raleway-Bold';
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 60px;
}

.contact-holder {
  /* max-width: 790px; */
  margin: 0px auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* .contact:first-child {
  margin-right: 40px;
} */
.contact {
  width: 100%;
  max-width: 370px;
  display: inline-block;
  text-align: center;
}
.contact-image {
  margin: 0px auto;
  margin-bottom: 25px;
}
.contact-text h1{
  font-family: 'Raleway-Medium';
  text-transform: uppercase;
  color: #fff;
  font-size: 24px;
  text-align: center;
}
.contact-text p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-family: 'Raleway-Medium';
}
/* -  MAP */
.contact-map {
  height: 463px;

}
.map-holder {
  background: url('/beauty/images/05_map.png') top center no-repeat;
  background-size: cover;
  height: 463px;
  display: inline-block;
}
.map-text-holder {
  display: inline-block;
  padding-left: 90px;
  padding-top: 60px;
}
.map-text-holder h1 {
  font-family: 'Raleway-ExtraBold';
  font-size: 36px;
  color: #000;
}
.map-text-holder h2 {
  font-family: 'Raleway-Medium';
  font-size: 24px;
  color: #000;
}
.map-text-holder p {
  font-family: 'Raleway-Medium';
  font-size: 14px;
  color: #000;
}

/*Form*/
.contact-form {
  background: url('/beauty/images/05_back_get_in_touch.png') top center no-repeat;
  width: 100%;
  height: 586px;
}
.contact-form h1 {
  padding-top: 50px;
  font-family: 'Raleway-ExtraBold';
  font-size: 36px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.contact-form p {
  font-family: 'Raleway-Medium';
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
/* .form-holder {
  max-width: 970px;
  width: 100%;
  margin: 0px auto;
} */
.contact-form label {
  font-family: 'Raleway-Bold';
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: normal;
}
.contact-form .form-control {
  border-radius: 0px;
  background-color: #4a4a4a;
  border: 2px solid #fff;
  color: #fff;
  
}

.contact-form select.form-control  {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
  appearance: none;
  background-color: #4a4a4a;
}

.contact-form input.form-control,
.contact-form select.form-control {
  height: 44px !important;
}

.form-control::placeholder {
  color: #fff;
  font-family: 'Raleway-Regular';
  opacity: 1; 
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  font-family: 'Raleway-Regular';
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
  font-family: 'Raleway-Regular';
}

.form-submit-button {
  background: transparent;
  border: 2px solid white;
  color: #fff;
  margin-top: 20px;
}

.form-control:focus {
  outline: none;
  box-shadow: unset;
}
.form-holder button:focus {
  outline: 0 !important;
  outline-color: transparent;
}
/*Contact end*/




.news {
  margin-top: 70px;
  text-align: center;
}

.news__title {
  color: #fff;
  font-family: 'Raleway-ExtraBold';
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 15px;
  margin-top: 25px;
}

.news__text {
  color: #fff;
  font-family: 'Raleway-Medium';
  font-size: 14px;
  text-align: center;
  line-height: normal;
  letter-spacing: normal;
  height: 85px;
}

.news a.news__button {
  color: #fff;
  border: 2px solid #ffffff;
  margin-top: 22px;
}
.news a.news__button:hover {
  color: #fff;
}

.contact-block {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 60px;
  text-align: center;
}

.contact__title {
  font-family: 'Raleway-ExtraBold';
  font-size: 36px;
  color: #000;
  text-transform: uppercase;
}

.contact-block a.contact__button {
  color: #fff;
  background: #000;
}

.contact-block a.contact__button:hover {
  color: #fff;
}


.about-us-block {
  text-align: center;
  margin-top: 50px;
}

.about__title {
  font-family: 'Raleway-ExtraBold';
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  
}

.about__text {
  color: #fff;
  font-family: 'Raleway-Medium';
  font-size: 18px;
  text-align: center;
  line-height: normal;
  letter-spacing: normal;
  max-width: 970px;
  margin: 0px auto;
  margin-bottom: 50px;
}

.about-us-block a.about__button {
  color: #fff;
  border: 2px solid #ffffff;
  margin-top: 25px;
  margin-bottom: 70px;
}
.about-us-block a.about__button:hover {
  color: #fff;
}

.logo-background {
  background: url('/beauty/images/01_logos_back.png') top center no-repeat;
  width: 100%;
  height: 214px;
}

.logo-holder {
  max-width: 1170px;
  width: 100%;
  margin: 0px auto;
}

.footer {
  text-align: center;
}

.footer__text {
  color: #fff;
  font-family: 'Raleway-Medium';
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  padding: 15px 0px;
  margin: 0px;
}


/*Under Construction*/
.construction-background {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  background: url('/beauty/images/construct_back_1920.png') top center no-repeat;
}
.under-construction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.beauty-power-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.beauty-text {
  text-align: center;
  color: #fff;
}

.beauty-text h1 {
  font-family: 'Raleway-ExtraBold';
  font-size: 38px;
}
.beauty-text p {
  font-family: 'Raleway-Medium';
  font-size: 11px;
}

/* Construction page */
@media screen and (max-width: 2550px) {
  .under-construction img {
    width: 240px;
    height: 240px;
  }
  .under-construction {    
    margin-bottom: 65px;
  }
  .beauty-text h1 {
    margin-bottom: 20px;
  }
  .beauty-text p {
    margin-bottom: 110px;
  }
  .beauty-power-logo img{
    height: 68px;
    width: 146px;
  }
}


@media (max-width: 1199px) {
  .main-picture {
    background: url('/beauty/images/01_hero_image_old.png') top center no-repeat;
    background-size: cover;
    height: 665px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .placeholder {
    height: 96px;
  }
  .main-picture__text {
    margin-top: 0px;
  }
  .main-picture .arrow {
    top: 50px;
    margin-bottom: 0px;
  }
  .logo-holder .logo {
    padding: 0px;
    display: flex;
    align-items: center;
  }
  .contact:first-child {
    margin: 0px;
  }
  .map-text-holder {
    padding-top:40px;
    padding-left: 0px;
  }
  .map-text-holder h2 {
    margin-bottom: 20px;
  }
  .news__text {
    height: 100px;
  }

}

@media (max-width: 1024px) {
  .contact-form {
    height: 100%;
    background-size: cover;
  }
}

@media (max-width: 992px){
  .main-picture {
    height: 700px;
  }
  
  .main-picture .arrow {
    top: 50px;
    margin-bottom: 0px;
  }
  .main-picture__text h3 {
    font-size: 65px;
  }
  .main-picture__text p {
    font-size: 28px;
  }
  .main-picture__text a.main-picture__button {
    max-width: 200px;
    padding: 15px;
  }
  .news__text {
    height: 100px;
  }
  .map-holder {
    background: url('/beauty/images/tablet/05_map.png') top center no-repeat;
    background-size: cover;
  }

}

@media (max-width: 767px) {
  .main-picture {
    height: 100vh;
  }
  .main-picture .arrow {
    display:none;
  }
  .main-picture__text h3,
  .contact-picture__text h3 {
    font-size: 35px;
  }
  .main-picture__text p,
  .contact-picture__text p {
    font-size: 1.5rem;
  }
  .news a.news__button {
    margin-bottom: 15px;
  }
  .logo-background {
    height: unset;
    background-size: cover;
  }
  .logo-holder {
    margin: 20px 0px;
  }
  .logo-holder .logo img {
    margin: 10px auto;    
  }
  .contact-picture {
    height: unset;
    background-size: cover;
  }
  .contact-picture__text {
    margin-top: 120px;
  }
  .contact-map {
    height: unset;
  }
  .map-text-holder {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 20px;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 576px){
  .construction-background {
    background: url('/beauty/images/mobile/construct_back.png') top center no-repeat;
    background-size: cover;
  }
  .under-construction .desktop,
  .under-construction .tablet {
    display: none;
  }
  .under-construction {    
    margin-bottom: 7%;
  }
  .under-construction img {
    width: 105px;
    height: 105px;
  }
  .beauty-text h1 {
    font-size: 25px;
  }
  .beauty-text p {
    font-size: 14px;
    margin-bottom: 7%;
  }

  .main-picture {
    height: 100vh;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    background-size: cover;
  }
  .main-picture__text h3,
  .contact-picture__text h3 {
    font-size: 46px;
  }
  .main-picture__text {
    margin-top: 3rem;
  }
  .main-picture__text p {
    font-size: 22px;
  }
  .main-picture__text 
  a.main-picture__button {
    width: 65%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .news-holder {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news__title {
    font-size: 32px;
  }
  .news__text {
    height: unset;
  }
  .news a.news__button {
    width: 70%;
    margin-bottom: 20px;
  }

  .contact__title {
    line-height: normal;
  }
  .contact-block a.contact__button {
    width: 70%;
  }

  .about-us-block a.about__button {
    width: 70%;
  }

  .logo-background {
    height: unset;
    background-size: cover;
  }
  .logo-holder .logo {
    padding: 15px;
    justify-content: center;
  }

  .contact-picture {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: unset;
    background-size: cover;
  }
  .contact-picture__text {
    margin-top: 150px;
  }
  .contact-picture__text p {
    font-size: 24px;
  }
  .contact:first-child {
    margin: unset;
  }
  .contact-text {
    margin-bottom: 30px;
  }
  .contact-map {
    height: unset;
  }
  .map-holder {
    background: url('/beauty/images/mobile/05_map.png') top center no-repeat;
    height: 310px;
    background-size: cover;
  }
  .contact-form {
    padding: 0px 15px !important;
  }
  .form-submit-button {
    margin-bottom: 20px;
  }
  #navbar .contact-us {
    white-space: nowrap;
  }
}



/* Construction page */
@media (min-width: 576px) {
  .construction-background {
    background: url('/beauty/images/tablet/construct_back.png') top center no-repeat;
    background-size: cover;
  }
  .under-construction .desktop,
  .under-construction .tablet {
    display: none;
  }
  .under-construction img {
    width: 105px;
    height: 105px;
  }
  .under-construction {    
    margin-bottom: 10%;
  }
  .beauty-text h1 {
    font-size: 25px;
  }
  .beauty-text p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  /*  */
  .news-holder {
    padding-left: 0px;
    padding-right: 0px;
  }  
}

/* Construction page */
@media (min-width: 768px) { 
  .construction-background {
    background: url('/beauty/images/tablet/construct_back.png') top center no-repeat;
    background-size: cover;
  }
  .under-construction .desktop,
  .under-construction .mobile {
    display: none;
  }
  .under-construction .tablet {
    display: block;
  }
  .under-construction img {
    width: 170px;
    height: 170px;
  }
  .under-construction {    
    margin-bottom: 10%;
  }
  .beauty-text h1 {
    font-size: 50px;
  }
  .beauty-text p {
    font-size: 14px;
    margin-bottom: 10%;
  }
}

/* Construction page */
@media (min-width: 992px){
  .construction-background {
    background: url('/beauty/images/tablet/construct_back.png') top center no-repeat;
    background-size: cover;
  }
  .under-construction .desktop,
  .under-construction .mobile {
    display: none;
  }
  .under-construction {    
    margin-bottom: 10%;
  }
  .under-construction img {
    width: 170px;
    height: 170px;
  }
  .beauty-text h1 {
    font-size: 50px;
  }
  .beauty-text p {
    font-size: 14px;
    margin-bottom: 10%;
  }
  .logo-holder .logo {
    padding: 0px;
  }
}

@media (min-width: 1200px){
  .form-holder {
    max-width: 970px;
    width: 100%;
    margin: 0px auto;
  }
}



/* modifications */ 
.news__list{
  padding-left: 20px;
  text-align: left;
  margin-top: 10px;
}

.news__text{
  height: 180px;
  text-align: left;
}


@media (max-width: 1199px) {
  .news__text{
    height: 240px;
  }
}


@media (max-width: 992px){
  .news__text{
    height: 300px;
  }
}

@media (max-width: 576px){
  .news__text {
    height: unset;
  }
}

 .szechenyi-module.fixed {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 0 !important;
        max-width: 400px;
        z-index: 99999;
    }
    
    .szechenyi-module p {
        margin: 0 !important;
    }
    
    /* Bezárás gomb stílus */
    .closesz {
        position: absolute;
        top: 5px;
        left: -40px;
        padding: 0 10px 3px 10px;
        border-radius: 50%;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
        background-color: #000;
line-height: 1;
color: #fff;
    }

    .closesz:hover {
        background-color: #444;
line-height: 1;
color: #fff;
}