.b-r{
    border-right: 1px solid #55698A;
}

.icon-img{
    display: inline-block;
    height: 30px;
}

.icon-img-pin:before{
    background: rgba(0,0,0,0) url(../images/icon-v2.png) no-repeat scroll -11px -2px;
    top: 0px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    color: #5cb8eb;
    height: 63px;
    width: 63px;
}



.icon-img-bed:before{
    background: rgba(0,0,0,0) url(../images/icon-v2.png) no-repeat scroll -70px -2px;
    top: 0px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    color: #5cb8eb;
    height: 63px;
    width: 63px;
}


.text-color-white{
    color: #ffffff;
}

.icon-img-bath:before{
    background: rgba(0,0,0,0) url(../images/icon-v2.png) no-repeat scroll -284px -2px;
    top: 0px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    color: #5cb8eb;
    height: 63px;
    width: 63px;
}



.icon-img-parking:before{
    background: rgba(0,0,0,0) url(../images/icon-v2.png) no-repeat scroll -211px -2px;
    top: 0px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    color: #5cb8eb;
    height: 63px;
    width: 63px;
}


.wrapper{
    padding: 15px;
}

.font-md{
    font-size: 1.8rem;
}

.register-box .h2{
    font-size: 3rem;
}

.register-box .h3{
    font-size: 2rem;
}

.font-light{
    color: #7E8C96;
}

.icon{
    position: relative;
    height: 60px;
    width: 60px;
    display: inline-block;

}

.relative{
    position: relative;

}



input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    font-size: 1.4rem;
}

.register-box button,
.register-box input,
.register-box optgroup,
.register-box select,
.register-box textarea {
    font-family: 'thaisans_neueregular' !important;
    font-size: 24px;
}


.btn{
    font-size: 1.6rem;
}

.highlight{
    font-size: 1.6rem;
    margin-bottom: 20px;
}


.bg-white{
    background: #ffffff;
}

.bbg{
    margin:2.8rem 0 1.68rem 0;
}
.sec-bg{
    background: #24646e;
}

form{
    padding: 0 30px;
}

h2{
    font-size: 2.4rem;
    margin-top: 20px;
    margin-bottom: 5px;
}
h3{
    font-size: 1.8rem;
    margin: 0;
}

.text-white{
    color: #ffffff;
}

.w-full{
    width: 100%;
}

.bg-primary{
    background: #162219;
}

.btn, .btn-large {
    text-decoration: none;
    color: #000;
    background-color: #ffffff;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
}

#index-banner{
    background: #0c95be;
}

nav ul a,
nav .brand-logo {
    color: #444;
}

p {
    line-height: 2rem;
}

.sidenav-trigger {
    color: #26a69a;
}

.thankyou{
    margin-bottom: 10px;
}

.line{
    height: 30px;
}

ul.list{

}
ul.list > li{
    list-style-type: disc;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}


.line-bar{
    height: 30px;
    border-bottom: 1px solid #ffffff;
}

.parallax-container {
    min-height: 380px;
    line-height: 0;
    height: auto;
    color: rgba(255,255,255,.9);
}
.parallax-container .section {
    width: 100%;
}

.padder-lg{
    padding: 0px 30px;
}

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

footer.page-footer {
    margin: 0;
}


.form-consent-container{
    position: relative;
}





label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem !important;
}


.input-field {
    position: relative;
   /* margin: 30px 0;*/
}

.input-field>label {
    color: #ffffff8a;
    font-size: 1.6rem;
}

label {
    font-size: .8rem;
    color: #ffffff;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 28px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

[type="checkbox"]+span:not(.lever) {
    font-size: 1.6rem;
}

.row {

    margin-bottom: 10px;
}

label {
    margin-bottom: unset;
}

.dropdown-content li>a, .dropdown-content li>span {
    font-size: 20px;
}


.register-box select{
    display: block;
    width: 100%;
    background: #124680;
    color: #fff;
    border: 0;
    font-size: 1.4rem;
    border-bottom: 1px solid #9e9e9e;
}



/** error **/
.error {
    color: #ffd331;
}


input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #fff;
}

input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus {
    border-bottom: 1px solid #ffd331;
    -webkit-box-shadow: 0 1px 0 0 #ffd331;
    box-shadow: 0 1px 0 0 #ffd331;
}


input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ffd331;
    -webkit-box-shadow: 0 1px 0 0 #ffd331;
    box-shadow: 0 1px 0 0 #ffd331;
}



/** Success **/

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #ffffff;
    top: 0px;
    z-index: 0;
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #538c80;
    border-bottom: 2px solid #538c80;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}


[type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    z-index: 0;
}

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow: 0 1px 0 0 #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
}


input[type=text],input[type=email]{
    color: #ffffff;
}


.w-full > img{
    width:100%;
}

.frm-reg{

}





.h-menu{
    height: 100px;
}


.h-logo{
    height: 30px;
}

.frm-reg{
    margin-bottom: 60px;
    padding: 0 20px;
}

.box2{
    background: #124680;
}

@media only screen and (min-width: 1040px){

    .register-box {
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .box-area {
        display: flex;
        justify-content: space-between;
        width: 1280px; /* 400px + 400px + 20px (gap between divs) */
    }

    .box1 {
        width: 870px;
        height: 870px;
        background: #124680;
       /* background: url(../images/register/bg.jpg);*/

    }


    .box2 {
        width: 400px;
        height: 870px;
        background: #124680;
      /*  background: url(../images/register/bg.jpg);*/

    }
    
    .frm-reg{
        margin: 55px 60px;
        padding: 0;
    }

    .h-logo{
        height: 80px;
    }



}





@media only screen and (max-width : 992px) {


}

/* mobile*/
@media only screen and (max-width : 600px) {
   .register-box .logo{
        position: absolute;
        z-index: 9;
        width: 70px;
        left: 20px;
        top: 20px;
    }

    .box2{
        background: #124680;
        margin-top: -20px;
    }


}