@font-face {
	font-family: 'PSL-Kanda';
	src: url('fonts/PSLKanda.eot');
	src: url('fonts/PSLKanda.wotf') format('wotf'),
	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.wotf') 
	format('wotf'), url('fonts/PSLKandaBold.ttf') 
	format('truetype'), url('fonts/PSLKandaBold.svg') format('svg');
}

*{
    font-family: 'PSL-Kanda' !important;
}

/* Form css */
.form-main-wrapper {
    color: #fff;
    max-height: 100%;
    min-height: 100vh;  
    background-color:#577482;
    background-image: url('../images/REG-2Baanlumpini/RP/01.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}

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

.form-content-lxnr{
    height: 100%;
    align-items: center;
    color: #F1E541;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
}

/* 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;
    }    
}
@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, #form_  .form-row  .form-group select option{
   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: darkorange;  /* 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: 1.2em;
}

.form-rk2 {
    color: #fff;
    max-height: 100%;
    min-height: 100vh;  
    background-color:#EA0878;
    background-image: url('../images/REG-2Baanlumpini/RK2/01.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}


.form-content-rk2{
    color: #fff;
}

 /* End Form css */


/* Promo Page css */
.promo-main-wrapper {
    height: 100vh;
    background-color:#577482;
    background-image: url('../images/REG-2Baanlumpini/RP/01.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}

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

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

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

.promo-rk2{
    
    background-color:#EA0878;
    background-image: url('../images/REG-2Baanlumpini/RK2/01.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}
/* End Promo Page css */

/* LX-NR Form */
.lxnr-header-img{
    position: relative;
    width: 100vw;
    height: 100%;
    background: #173150;
}

.lxnr-header-img img{
    height: auto;
    width: 100%;
}

.lxnr-header-img button{
    font-size: 1.25rem;
    position: absolute;
    bottom:1.5rem;
    left:1.5rem;
    background-color: rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 1px #000;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}

/* Fix button size and position */
@media screen and (min-width: 768px) {
    .lxnr-header-img button{
        font-size: 3rem;
        bottom:3rem;
        left:3rem;
    }
}

@media screen and (min-width: 768px) and (max-height: 760px) {
    .lxnr-header-img button{
        bottom:auto;
        font-size: 2.5rem;
        top:2.5rem;
        left:2.5rem;
    }
}

@media screen and (min-width: 1024px) and (max-height: 1020px) {
    .lxnr-header-img button{
        bottom:auto;
        font-size: 3rem;
        top:3rem;
        left:3rem;
    }
}

@media screen and (min-width: 1440px) {
    .lxnr-header-img button{
        bottom:auto;
        font-size: 4.5rem;
        top:4.5rem;
        left:4.5rem;
    }
}
/* End fix button */

.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;
}

/* LT-VC */

.ltvc-form-wrapper{
    background: #081E35;
    /*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;
}

#btn-img-save:hover{
    cursor: pointer;
}

/* LV-SK101-1 */
.lvsk101-form-wrapper{
    background: #F26725;
    /*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;
}


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

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


.div-lvsk101{
    height:100vh;
}

.div-lvsk101 #header{
    width:100%;
    height:20%;
    background-color:#f26725;
    background-image: url('../images/Condo/LV-SK101-1/03.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain, cover;
    
} 

.div-lvsk101 #footer{
    width:100%;
    height:35%;
    background-color:#f26725;
    background-image: url('../images/Condo/LV-SK101-1/05.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain, cover;
}
.div-lvsk101 #content{
    background-color:#28317e;
    width:100%;
    height:45%;
    background-image: url('../images/Condo/LV-SK101-1/04.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain, cover;

}

/* reg 4 */
.e4 {
    color: #fff;
    max-height: 100%;
    min-height: 100vh;  
    background-color:#1d2357;
}
.e4-form-wrapper{
    background: #1d2357;
    padding-bottom: 2em;
}

.e4-header{
    width:100%;
    height:4vh;
    background-color:#28317e;
}

.e4-title{
    width:100%;
    background-color:#ed0978;
    padding:1em 0;
    text-align: center;
}

.center-div-e4{
    background-color:#28317e;
}

.div-e4{
    height:100vh;
}

.div-e4 a{
    cursor: pointer;
}

.div-e4 #header{
    width:100%;
    height:5%;
    background-color:#28317e;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain, cover;
    
} 

.div-e4 #content{
    background-color:#ed0978;
    width:100%;
    height:30%;
    background-image: url('../images/REG-2Baanlumpini/4project/4-Project-Header.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain, cover;

}

.div-e4 #footer{
    width:100%;
    height:65%;
    background-color:#28317e;
}




/* blpn tp-tr2 */
.e4-thank{
    background-color:#1d2357;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: 100% auto;
}

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

.e4-thank-div{
    height:100vh;
}


.e4-thank-div #header{
    width:100%;
    height:33%;
    background-color:#28317e;
    
} 

.e4-thank-div #content{
    background-color:#ed0978;
    width:100%;
    height:34%;
    background-image: url('../images/REG-2Baanlumpini/4project/Thx.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain, cover;

}

.e4-thank-div #footer{
    width:100%;
    height:33%;
    background-color:#28317e;
}