* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  margin-top: 0;
}


h2 {
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
}
body {
  font-family: Arial, sans-serif;
}
.container {
  padding-left: 162px;
  padding-right: 162px;
}

@media (max-width: 1024px) {
  .container {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (max-width: 568px) {
  .container {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (max-width: 400px) {
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}



@media (max-width: 768px) {
  .about-akrya2 {
 padding-bottom: 70px !important;
  }
}

@media (max-width: 480px) {
  .about-akrya2 {
 padding-bottom: 35px !important;
  }
}

.coming-soon {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.coming-soon img {
  max-height: 518px;
  
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.line {
  width: 100%;
  height: 1px;
  
  background-color: white;
}


.heading img {
 padding-bottom: 70px;
}

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

.content-coming {
  position: absolute;
  z-index: 2;
}

.logo {
  width: 100%;
}

.title p {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 1px;
  color: #F9F9F9;
  margin-bottom: 20px;
}

.title .formBlockSurvey ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

.title .formBlockSurvey .required_text, .title .formBlockSurvey li::marker {
  display: none;
}

.title .formBlockSurvey input[type=email] {
  border: 1px solid #c0c0c0;
  color: #c0c0c0;
  background: transparent;
  width: 220px;
  height: 45px;
  padding: 10px 20px;
  font-style: normal;
}

.title .formBlockSurvey input[type=email]::placeholder {
  color: #c0c0c0;
  opacity: 1; /* Firefox */
}

.title .formBlockSurvey input[type=email]::-ms-input-placeholder { /* Edge 12-18 */
  color: #c0c0c0;
}

.title .formBlockSurvey input[type=submit] {
  background: #150c45;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #150c45;
  height: 45px;
  width: 120px;
  text-align: center;
}

.title .email_list_signup_container label {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 1px;
  color: #F9F9F9;
  margin-bottom: 20px;
}

.title .email_list_signup_container form{display:inline-block;vertical-align:middle;position:relative;}
.title .email_list_signup_container form{
  width: 100%;
  max-width: 340px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title .email_list_signup_container input{border:1px solid #c0c0c0;color:#150c45;background:transparent;width:220px;height:45px;padding:10px 20px;font-style:normal;}
.title .email_list_signup_container button{background:#150c45;color:#fff;text-transform:uppercase;border:1px solid #150c45;height:45px;width:120px;text-align:center;}
.title .email_list_signup_container button:hover{background:#333;border:1px solid #333;}
.title .email_list_signup_container input::-webkit-input-placeholder{color:#c0c0c0;}
.title .email_list_signup_container input:-moz-placeholder{color:#c0c0c0;}
.title .email_list_signup_container input::-moz-placeholder{color:#c0c0c0;}
.title .email_list_signup_container input:-ms-input-placeholder{color:#c0c0c0;}


@media (max-width: 480px) {
  .title {
  padding-bottom: 5px!important;
  padding-top: 5px!important;
  font-size: 16px!important;
  }
}

.description p {
  padding-top: 32px;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-22_86, 22.86px); /* 163.286% */
}

@media (max-width: 568px) {
  .description {
  font-size: 11px!important;
  }
}

@media (max-width: 568px) {
  .heading p {
  font-size: 12px!important;
  }
}

@media (max-width: 568px) {
  .heading h2 {
  font-size: 18px!important;
  }
}

.about-akrya {
  text-align: center;
  padding: 80px 0 70px 0;
  background: #fff;
}

.about-akrya2 {
  text-align: center;
  background: #fff;
  padding-bottom: 100px;
  padding-top: 80px;
}

.heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.heading .button-link-section {
  margin: 0;
}
.heading .button-link-section p {
  padding: 0;
}
.heading p a {
  background: #150c45;
  color: #ffffff !important;
  padding: 10px;
  margin-top: -80px;
  margin-bottom: 50px;
}

.heading2 h3 {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #150C45;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  font-family: 'Semantic', sans-serif;
  padding-top: 30px;
}

.heading h2 {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #150C45;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  font-family: 'Semantic', sans-serif;
  padding-top: 30px;
}


.heading p {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  font-family: 'Montserrat', sans-serif;
  padding-top: 30px;
  color: #555555;
}

.heading2 p {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 30px;
  padding-top: 30px;
  color: #555555;
}

.heading h3 {
  font-size: 16px;
  font-weight: 400;
  padding-top: 15px;
  color: #150C45;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  font-family: 'Semantic', sans-serif;
}

.subtext {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 30px;
  padding-top: 30px;
}

.resort-image {
  width: 100%;
  max-width: 800px;
  height: auto;
}

p {
  margin-bottom: 0;
}

.banner {
  width: 100vw;

  .block-banner {
      background-attachment: fixed;
      background-position: center;
      background-size: cover;
      float: left;
      padding: 259px 0;
      width: 100%;

      img {
          display: none;
      }

      .block-text {
          text-align: center;

          div {
              max-width: 1060px;
              margin: auto;
              float: none;
              padding: 0 30px;

              h1 {
                  @include font-style($font-Georgia, 48px, 400, #FFF, capitalize, 5px, 52.8px);
              }

              p {
                  @include font-style($font-RobotoRegular, 15px, 400, #FFF, none, normal, 22.5px);
              }
          }
      }
  }
}