@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: 30%;
        cursor: pointer;
    }
    .terms{
        margin-top:2em;
        margin-left:1em;
        margin-right:1em;
        margin-bottom: 60px;
        width: 100%;
        text-align: left;
    }

}

@media screen and (max-width: 768px) {
    .container {
        padding:0;
        margin:0;
        max-width: 760px;
    }
}

#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, #form_  .form-row > .form-group > label >span{
    margin-bottom: 0rem !important;
    color:#fff;
}

#form_  .form-row > .form-group >input, #form_  .form-row > .form-group >select{
   font-size: 1.1em;
   font-weight: 600;
   background: #d4e9e0;
}
#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;
    top: 0.5rem;
}
.custom-control-label::after {
    top: 0.5rem;
}


.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #ff7d00;  /* 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);*/
    background-image:none;
    border-radius: 50%;
    top: 0.5rem;
}

.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff7d00;
}
    
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    /*box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(255, 125, 0);*/
}

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

.form-btv-phs {
    color: #fff;
    max-height: 100%;
    min-height: 100vh;  
    background-color:#005dab;
}


.form-content-btv-phs{
    color: #fff;
}

 /* 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-btv-phs{
    position: absolute;
    background-image: url('../images/REG-2Baanlumpini/btv-phs/01.png');
    top:0;
    left: 0;
    width: 100%;
    height: 85%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}
.wing-right-btv-phs{
    position: absolute;
    background-image: url('../images/REG-2Baanlumpini/btv-phs/02.png');
    top:0;
    right: 0;
    width: 100%;
    height: 85%;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}

.promo-btv-phs-title{
   border: none;
   background: transparent;
    max-width: 90%;
}
.promo-btv-phs-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-btv-phs{
    background-color:#005dab;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}


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


.div-promo-btv-phs{
    height:100vh;
}

.div-promo-btv-phs #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-btv-phs #footer{
    width:100%;
    height:5%;
    background-color:#0033A0;
}
.div-promo-btv-phs #before_content{
    background-color:#0033A0;
    width:100%;
    height:5%;
}
.div-promo-btv-phs #content{
    background-color:#005dab;
    width:100%;
    height:100%;
}
/* 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;
}