@font-face {
	font-family: 'PSL-Kanda';
	src: url('fonts/PSLKanda.eot');
	src: url('fonts/PSLKanda.woff') format('woff'),
	url('fonts/PSLKanda.ttf') format('truetype'), 
	url('fonts/PSLKanda.svg') format('svg');
}
@font-face {
	font-family: 'PSL-KandaBold';
	src: url('fonts/PSLKandaBold.eot');
	src: url('fonts/PSLKandaBold.woff')
	format('wotf'), url('fonts/PSLKandaBold.ttf') 
	format('truetype'), url('fonts/PSLKandaBold.svg') format('svg');
}

*{
    font-family: 'PSL-Kanda' !important;
    font-weight: bold;
    color: #000;
}

/* Form css */
.form-main-wrapper {
    color: #fff;
    max-height: 100%;
    min-height: 100vh;  
    background-color:#0033A0;
}

.form-content{
    height: 100%;  
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    color: #F1E541;
    padding-left: 5px;
    padding-right: 5px;
}


/* Fix image btn size */
@media screen and (min-width: 1000px) {
    .terms{
        margin-top:2em;
        margin-left:1em;
        margin-right:1em;
        margin-bottom: 200px;
        width: 100%;
        text-align: left;
    }
    .form-save-btn{
        border: none;
        background: transparent;
        max-width: 25%;
        cursor: pointer;
    }
}
@media screen and (min-width: 767px)  and (max-width: 999px){
    .form-save-btn{
        border: none;
        background: transparent;
        max-width: 20%;
        cursor: pointer;
    }
    .terms{
        margin-top:2em;
        margin-left:1em;
        margin-right:1em;
        margin-bottom: 120px;
        width: 100%;
        text-align: left;
    }    
}
@media screen and (max-width: 766px) {
    .form-save-btn{
        border: none;
        background: transparent;
        max-width: 40%;
        cursor: pointer;
    }
    .terms{
        margin-top:2em;
        margin-left:1em;
        margin-right:1em;
        margin-bottom: 60px;
        width: 100%;
        text-align: left;
    }  
}

#form_{
     text-align: left;
     font-size: 1.35em;
     font-weight: 400;
}

#form_ > .form-row>.col, .form-row>[class*=col-]{
    padding: 0 1.75em !important;
}

#form_  .form-row > .form-group >label{
    margin-bottom: 0rem !important;
}

#form_  .form-row > .form-group >input, #form_  .form-row > .form-group >select{
   font-size: 1.1em;
   font-weight: 600;
   background: #E5DED6;
}
#form_  .form-row > .form-group >select{
    cursor: pointer;
}

.spacial-text{
    font-family:'PSL-KandaBold' !important;
    font-weight: 500;
    font-size: 1.35em;
}
.custom-control-label::before {
    background-color:#fff;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #4b07ff;  /* green */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E); 
    border-radius: 50%;
}

.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff0000; /* red */
}
    
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}

.terms-text{
    margin-top: 2em;
}

.form-c10 {
    color: #fff;
    max-height: 100%;
    min-height: 100vh;  
    background-color:#06D3F4;
}


.form-content-c10{
    color: #1D3666;
}

 /* End Form css */






/* Promo Page css */
.promo-wrapper {
    height: 100vh;
}

.promo-content{
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wing-left{
    position: absolute;
    background-image: url('../images/Condo/LV-C10/REG01.png');
    top:0;
    left: 0;
    width: 100%;
    height: 85%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}
.wing-right{
    position: absolute;
    background-image: url('../images/Condo/LV-C10/REG03.png');
    top:0;
    right: 0;
    width: 100%;
    height: 85%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}

.promo-c10-title{
   border: none;
   background: transparent;
    max-width: 90%;
}
.promo-c10-footer{
    height: 15%;
    width: 100%;
    background-image: url('../images/Condo/LV-C10/REG07.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 30%;
}


.promo-reg-btn{
   border: none;
   background: transparent;
   max-width: 55%;
    cursor: pointer;
}

.promo-reg-top{
    border: none;
    background: transparent;
    max-width: 65%;
 }

.promo-c10{
    background-color:#0033A0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}


.thank-center-promo-c10{
    background-color:#28317e;
}


.div-promo-c10{
    height:100vh;
}

.div-promo-c10 #header{
    width:100%;
    height:30%;
    background-color:#0033A0;
    background-image: url('../images/Condo/LV-C10/THX01.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain, cover;

}

.div-promo-c10 #footer{
    width:100%;
    height:5%;
    background-color:#0033A0;
}
.div-promo-c10 #before_content{
    background-color:#0033A0;
    width:100%;
    height:5%;
}
.div-promo-c10 #content{
    background-color:#06D3F4;
    width:100%;
    height:60%;
}
/* End Promo Page css */


.form-wrapper{
    background: rgb(23,49,80);
    background: linear-gradient(360deg, rgba(23,49,80,1) 0%, rgba(20,53,93,1) 28%, rgba(18,55,95,1) 40%, rgba(0,76,122,1) 100%);
    padding-bottom: 2em;
}

.room-type-radio{
    padding-left: 10px;
}