html {
	height: 100%;
}

body{
    overflow:hidden !important;
    height: 100%;
    width: 100%;
    font-family: 'Delius', cursive;
}

.bg-image {
    background-image: url('/angular/src/assets/images/test.jpg');
    filter: blur(5px);
    -webkit-filter: blur(20px);
    height: 110%;
    width: 110%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px;
    width: 110%;
}
.width-75{width: 75% !important;}
.border-right{border-right:1px solid #1f1f1f !important;}
.font-16{font-size: 16px !important;}
.font-14{font-size: 14px !important;}
.font-12{font-size: 12px !important;}
.font-10{font-size: 10px !important;}
.font-monsterrat{font-family: 'Montserrat', sans-serif}
.font-cinzel{font-family: 'Cinzel', serif}
.container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ps-logo .logo{ width: 140px; }
.bg-transparent{
    min-height: 300px;
    background: rgba(25, 24, 24, 0.5) !important;
}
.passcode-fm-input {
    background: transparent !important;
    border: 1px solid #3e3d3d;
    border-radius: 0;
}
.passcode-fm-input:focus {
    box-shadow: none;
    border: 1px solid #3e3d3d;
}
.unlock-btn {
    background: transparent;
    border: 1px solid #3e3d3d;
    border-radius: 0;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .border-right{border-right: unset !important;}
    .width-75{width: 100% !important;}
    .ps-logo .logo{ width: auto; }
}
.upload{
    display: flex;
    justify-content: center;
    align-self: center;
}

.default-logo {
    width: 55px;
    height: 55px;
    background-color: #1d6888;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-self: center;
}
.default-logo-null{
    width: 55px;
    height: 40px;
    font-family: Audiowide;
    background-color: #1d6888;
    color: #ffffff;
    border-radius: 5px 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.default-logo .default-logo-text {
    font-family: Audiowide;
    font-size: 24px;
    font-weight: 600;
    color: white;
    position: relative;
}
.default-logo-null .default-logo-text {
    font-family: Audiowide;
    font-size: 22px;
    font-weight: 600;
    color: white;
    position: relative;
}
.default-logo .default-logo-text .loading {
    height: 55px;
    width: 60px;
    line-height: 110px;
    vertical-align: bottom;
    position: relative;
    top: 40px;
}
.default-logo .default-logo-text .wave-white {
    background-image: url("angular/src/assets/images/wave.png") !important;
}
.default-logo .default-logo-text .wave-null {
    background-image: unset !important;
}
.wave-null .logo-shortname {
    background-image: unset !important;
}
.default-logo .default-logo-text .wave {
    background-image: url("angular/src/assets/images/wave-black.png");
    color: white;
    z-index: 1;
    text-shadow: 0px 0px rgba(255, 255, 255, 0.06);
    animation: wave-animation 3s infinite linear, loading-animation 10s infinite linear alternate;
    background-size: 200px 100px;
    background-repeat: repeat-x;
    opacity: 1;
}
.default-logo .default-logo-text .logo-shortname {
    top: -48px;
    position: relative;
}

.default-logo-name {
    font-family: Audiowide;
    color: #868686 !important;
    font-size: 22px;
    font-weight: 500;
}
.font-krona{font-family: 'Krona One', sans-serif}
.font-cinzel{font-family: 'Cinzel', sans-serif}

.bg-image-white {
    background-image: url(/angular/src/assets/images/landing/bg1.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -0px;
    bottom: -0px;
    left: -0px;
    right: -0px;
    background-color: #80808075;
}

.bg-lg{background: #ffffff91;}

.text-black{color: black;}
.btn-center{
    display: flex;
    justify-content: center;
    margin: 10px 0px 0px 0px;
}
.btn-visit{
    display: block; 
    border: 0px;
    padding: 5px 20px;
    cursor: pointer; 
    background:#1d6888; 
    background-size: 200% auto; 
    font-size: 14px; 
    color: #ffffff; 
    font-weight: 500; 
    border-radius: 50px; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    transition:all 0.3s ease 0s; 
    -moz-transition:all 0.3s ease 0s; 
    -webkit-transition:all 0.3s ease 0s; 
}

.btn-visit:hover{
    background-position: right center;
}
.rounded-10{border-radius:10px;}
.mh-500p{min-height:500px;}