*{
    margin: 0;
    padding: 0;
}

:root {
    --animate-duration: 0.5s;
    --animate-delay: 1s;
}

html {
    overflow: hidden;

    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;
}

html::-webkit-scrollbar {
    display: none;
    width: 0px; /* For Chrome, Safari, and Opera */
}

body {
    padding: 0;
    margin: 0;
    
    width: 100%;
    height: 100%;
}

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

a:visited {
    color: white;
}

a:active {
    color: white;
}

input {
    width: 20vw;
    font-family: 'ppneuemachina-regular';
    color: #7f7387;
    font-weight: normal;
    font-style: normal;
    font-size: 1.6vw;
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 0.20vw dashed #7f7387;
}

::selection {
    background: #eec1bc;
    color: #7f7387;
}

.section {
    text-align: center;
    overflow: hidden;
}



/* VISIBILITY*/

.logo, .header1, .header2, .more-btn, .s02_label, .s02_left_text, .s02_right_text, .journey-btn, .s03_label, .s03_left_text, .form-container, .s04_logo, .s04_address {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}
.logo.visible, .header1.visible, .header2.visible, .more-btn.visible, .s02_label.visible, .s02_left_text.visible, .s02_right_text.visible, .journey-btn.visible, .s03_label.visible, .s03_left_text.visible, .form-container.visible, .s04_logo.visible, .s04_address.visible {
    opacity: 1;
    visibility: visible;
}

/* SECTION 1 */

.logo {
    margin-top: 9.5vh;
    margin-bottom: 15vh;
    opacity: 0.9;
}

.logo img{
    width: 6.5vw;
}

h1 {
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 1.8vw;
    z-index: 1010;
}

.header1 {
    animation-duration: 1.5s;

    width: 60%;
    margin: 0 auto;
    margin-bottom: 9vh;
}

h2 {
    margin-top: 9vh;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 2vw;
    z-index: 1010; 
}

.header2 {
    margin: 0 auto;
  display: flex;
  
    width: 60%;
    animation-duration: 2.5s;
}

.more-btn {
    animation-duration: 3.5s;
     margin-top: 18vh;
  display: inline-block;
  padding: 14px 32px;
  background-color: white;
  color: #4e4e4e;
   
    font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;
    font-size: 1.8vw;
  border-radius: 50px; /* овальные углы */

  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
 
}

.more-btn:hover {
  background-color: #f8d9d5;
  


}

.more-btn:active {

}



/* SECTION 2 */

.s02_label {
    position: absolute;
    top: 17vh;
    left: 9vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 3.5vw; 
}

.s02_left_text {
    position: absolute;
    top: 35vh;
    left: 9vw;
    width: 30vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 2.5vw; 
    flex-direction: column;   
}

.s02_right_text {
    position: absolute;
    top: 17vh;
    right: 9vw;
    width: 46vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 2.5vw; 
    flex-direction: column;
}

.journey-btn {
    animation-duration: 3.5s;
     margin-top: 78vh;
  display: inline-block;
  padding: 14px 32px;
  background-color: white;
  color: #4e4e4e;
   
    font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;
    font-size: 1.8vw;
  border-radius: 50px; /* овальные углы */

  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
 
}

.journey-btn:hover {
  background-color: #f8d9d5;
  


}



/* SECTION 3 */

.s03_label {
    position: absolute;
    top: 17vh;
    left: 9vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 3.5vw; 
}

.s03_left_text {
    position: absolute;
    top: 35vh;
    left: 9vw;
    width: 30vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 2.5vw; 
    flex-direction: column;   
}

.form-container {

    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 85vh;
  padding: 3vh;

  right: 5vw;
}

.oval-form {
  width: 25vw;
  max-width: 25vw;
  background-color: #ffffff;
  border-radius: 8vh;
  padding: 3vw;
  display: flex;
  flex-direction: column;
  gap: 2vh;
  border: none;
  box-shadow: none;
}

.form-input {
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
  width: 95%;
  padding: 2vh;
  background-color: #ebebeb;
  border: none;
  border-radius: 5vh;
  font-size: 2vw;
  outline: none;
  transition: background-color 0.2s ease;
}

.form-input:focus {
  background-color: #dfdfdf;
}

textarea.form-input {
  resize: vertical;
  min-height: 12vh;
  border-radius: 4vh;
}

.submit-btn {
        font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
  padding: 2vh 4vw;
  background-color: #000000;
  color: #ffffff;
  border: none;
  border-radius: 5vh;
  font-size: 2.4vw;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.submit-btn:hover {
  background-color: #333333;
}



/* SECTION 4 */
/* Футер */
.fp-auto-height .footer-content {
    padding: 4vh 2vw;
    background-color: #242424;
    color: #fff;
    text-align: center;
    height: auto !important;
    min-height: 20vh;
}

.fp-auto-height .slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
    overflow: visible !important;
}

.section.fp-auto-height .fp-tableCell {
    display: block !important;
}

.s04_logo {
    margin-top: 3vh;
    opacity: 0.9;
    display: block;
    margin-bottom: 2vh;
}

.s04_logo img {
    width: 2.5vw;
}

.s04_address {
    display: block;
    margin: 0 auto;
    width: max-content;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 1.3vw;
    z-index: 1000;
}

.fp-auto-height .footer p {
    margin: 1vh 0;
    font-size: 1.5vw;
}



.section {
    text-align: center;
}

.section:not(.fp-auto-height) {
    overflow: hidden;
}

.fp-auto-height .footer-content {
    padding: 4vh 2vw;
    background-color: #242424;
    color: #fff;
    text-align: center;
    height: auto !important;
    min-height: 20vh;
    display: block !important;
}

.fp-auto-height .slide {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
}

.fp-auto-height .fp-tableCell {
    height: auto !important;
    display: block !important;
}

.section.fp-auto-height {
    overflow: visible !important;
}

/* SLIDES */

.s01 {
    position: relative; 
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #dbdcdc;
    background-image: url(images/1.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}


.s02 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;    
    overflow: hidden;
    background-image: url(images/2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.s03 {
    position: relative;   
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;    
    overflow: hidden;
    background-image: url(images/3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* Все мобильные устройства */
@media screen and (max-width: 780px) and (orientation: portrait) {

    .logo {
    margin-top: 9.5vh;
    margin-bottom: 15vh;
    opacity: 0.9;
}

.logo img{
    width: 30vw;
}


.header1 {

    width: 90vw;
font-size: 5vw;
    margin-bottom: 9vh;
}


.header2 {
  
    width: 90vw;
    font-size: 5vw;
  
}

.more-btn {
    animation-duration: 3.5s;
     margin-top: 15vh;
  display: inline-block;
  padding: 14px 32px;
  background-color: white;
  color: #4e4e4e;
   
    font-family: 'Gilroy';
    font-weight: 500;
    font-style: normal;
    font-size: 5.8vw;

}





/* SECTION 2 */

.s02_label {
    position: absolute;
    top: 10vh;
    left: 9vw;

    font-size: 8.5vw; 
}

.s02_left_text {
    position: absolute;
    top: 22vh;
    left: 9vw;
    width: 70vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 5.5vw; 
    flex-direction: column;   
}

.s02_right_text {
    position: absolute;
    top: 37vh;
    right: 20vw;
    width: 70vw;
    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 5.5vw; 
    flex-direction: column;
}

.journey-btn {

     margin-top: 80vh;

    font-size: 5.8vw;
 
}




.s03_label {
    position: absolute;
    top: 10vh;
    left: 9vw;

    font-size: 8.5vw; 
}

.s03_left_text {
    
    top: 80vh;
    left: 9vw;
    width: 85%;

    font-size: 3.5vw; 
}

.oval-form {
  width: 75vw;
  max-width: 75vw;
  border-radius: 3vh;

}

.form-input {
    width: 90%;

}




.s04_address {
    margin: 0 auto;
  
    width: max-content;

    text-align: left;
    color: white;
    font-family: 'Gilroy';
    font-weight: 400;
    font-style: normal;
    font-size: 3vw;
    margin-bottom: 3vh;
}

.s04_logo {
    margin-top: 5vh;
    margin-bottom: 4vh;
    opacity: 0.9;
}

.s04_logo img{
    width: 9.5vw;
}

}