@font-face {
    font-family: 'sourcesanspro_black';
    src: url('../fonts/sourcesanspro-black-webfont.eot');
    src: url('../fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-black-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-black-webfont.svg#kiesterregular') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro_semibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold-webfont.svg#kiesterregular') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?216fzo');
    src: url('../fonts/icomoon.eot?216fzo#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?216fzo') format('truetype'), url('../fonts/icomoon.woff?216fzo') format('woff'), url('../fonts/icomoon.svg?216fzo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-envelop:before {
    content: "\e945";
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-instagram:before {
    content: "\ea92";
}
.icon-spotify:before {
    content: "\ea94";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-youtube:before {
    content: "\ea9d";
}
.icon-appleinc:before {
    content: "\eabe";
}
.icon-soundcloud:before {
    content: "\eac3";
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 12, 2020 */

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon2.eot?c9i1bm');
    src: url('../fonts/icomoon2.eot?c9i1bm#iefix') format('embedded-opentype'),
        url('../fonts/icomoon2.ttf?c9i1bm') format('truetype'),
        url('../fonts/icomoon2.woff?c9i1bm') format('woff'),
        url('../fonts/icomoon2.svg?c9i1bm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-tiktok:before {
    content: "\e900";
}
.icon-amazon:before {
    content: "\ea87";
}
body {
    /* background: url(../images/BgImg.jpg) no-repeat; */
    background-size: cover;
    overflow-x: hidden;
}
body {
    display: block;
    min-height: 100vh;
    background-color: #000;
}
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
ul {
    padding: 0;
    margin: 0;
}
body {
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #d2677d;
    font-family: 'sourcesanspro_semibold';
    font-weight: normal;
    font-style: normal;
}
a {
    color: #D2677D;
}
img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.socialIcons li {
    display: inline-block;
}
.icon-soundcloud:before {
    vertical-align: middle;
}
.socialIcons a:hover {
    opacity: 0.5;
    transition: all .5s;
}
span.mobsep.sep {
    display: block;
}
.mobBlock {
    display: inline-block
}
span.mobsep.sep {
    display: inline-block;
}
.passwordPart {
    min-height: calc(100vh - 30vw);
    display: flex;
    justify-content: center;
    align-items: center;
}

input[name="password"] {
    font-size: 1.31vw;
    line-height: 3.80vw;
    letter-spacing: 0.65vw;
    border: 0.14vw solid #D2677D;
    color: #D2677D;
    outline:none !important;
    background-color: #000;
    text-align: center;
    width: 30.89vw;
    height: 3.80vw;
    font-family: 'sourcesanspro_semibold';
    font-weight: normal;
    font-style: normal;
    font-optical-sizing: auto;  
}
input[name="password"]:focus:focus-visible{
    border: 0.14vw solid #D2677D;
}

input::placeholder {
    color:  #d2677d; 
    font-size: 1.31vw;
    line-height: 3.80vw;
    letter-spacing: 0.65vw;
    font-family: 'sourcesanspro_semibold';
    font-weight: normal;
    font-style: normal;
    font-optical-sizing: auto; 
}
form button[type="submit"] {
  display: none;
  width: 101vw;
  height: 3vw;
  line-height: 2vw;
  margin: 0 auto;
  font-size: 1.63vw;
  color: #000000;
  background: #D2677D;
  border-radius: 1.56vw;
  cursor: pointer;
  font-family: 'sourcesanspro_semibold';
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-top: 1.5vw;
}

.error {
  color: #831515;
}
.dateList {
    padding-top: 3.66vw;   
}
.dateAndPlace{
    font-size: 1.31vw;
    line-height: 1.68vw;
    letter-spacing: 0.65vw;
    font-family: 'sourcesanspro_semibold';
    font-weight: normal;
    font-style: normal;    
}
.tourArea,.seePhotoBtn{
    font-family: 'sourcesanspro_black';
}
.seePhotoBtn{
    padding: 1.6vw 0 3.4vw 0;
    text-decoration: underline;
    cursor: pointer;
    width: 15vw;
    margin: 0 auto;
}
.seePhotoBtn:hover{
    opacity: 0.5;
}
.LandingPage_common{
    min-height: calc(100vh - 3.5vw);
}
.backBtnPart {
    margin: 0 auto;
    width: 19vw;
    display: none;
}
.backBtn{
    font-size: 1.31vw;
    line-height: 1.68vw;
    letter-spacing: 0.65vw;
    font-family: 'sourcesanspro_black';
    font-weight: normal;
    font-style: normal;
    width: 19vw;
    margin: 0 auto;
    padding: 1vw 0;
    display: flex;
    align-items: unset;
    justify-content: center;
    gap: 1.5vw;     
}
.backArrow_pink{
    width: 2vw;
}

@media only screen and (max-width:1024px) and (orientation: portrait){
    input[name="password"] {
        font-size: 4.10vw;
        line-height: 5.12vw;
        letter-spacing: 2.05vw;
        border: 0.51vw solid #D2677D;     
        width: 81.79vw;
        height: 13.33vw;     
    }
    input::placeholder {
        font-size: 4.10vw;
        line-height: 5.12vw;
        letter-spacing: 2.05vw; 
    }
    .LandingPage_common {
        min-height: calc(100vh - 10.5vw);
    }
    .passwordPart {
        min-height: calc(100vh - 48vw);
    }
    .dateAndPlace {
        font-size: 4.61vw;
        line-height: 5.89vw;
        letter-spacing: 2.30vw;    
    }
    .seePhotoBtn {
        padding: 6.6vw 0 15.4vw 0;
        width: 60vw;
    }
    .dateList {
        padding-top: 7.66vw;
        padding-bottom: 33vw;
    }
    .backBtnPart {
        width: 51vw;
    }
    .backBtn{
        font-size: 4.61vw;
        line-height: 5.89vw;
        letter-spacing: 2.30vw;
        padding: 5vw 0;  
        gap: 3.5vw;
        width: 50vw;
    }
    .backArrow_pink {
        width: 6vw;
    }
}
@media only screen and (max-width:767px) and (orientation: portrait){
    .LandingPage_common {
        min-height: calc(100vh - 34.5vw);
    }
    .passwordPart {
        min-height: calc(100vh - 94vw);
    }
    .dateList {
        padding-bottom: unset;
    }
}