/********* Compiled - Do not edit *********/
:root{--color-primary:#374162;--color-secondary:#ad832f;--color-gradient-start:#374162;--color-gradient-stop:#1a2030;--color-link:#ad832f;--color-link-hover:#dbba7c;--lqd-cc-active-bw:1px;}body{font-family:'Kanit', sans-serif ;font-weight:400;line-height:1.4em;font-size:16px;color:#56585d;}.btn{font-family:'Kanit', sans-serif ;font-weight:600;line-height:21px;letter-spacing:0em;font-size:16px;color:#efeeed;}.lqd-post-content, .lqd-post-header .entry-excerpt{font-family:inherit;line-height:1.5em;letter-spacing:0px;font-size:16px;color:#737373;}.h1,h1{font-family:'Kanit', sans-serif ;font-weight:600;line-height:86px;font-size:72px;color:#1a2030;}.h2,h2{font-family:'Kanit', sans-serif ;font-weight:700;line-height:56px;font-size:48px;color:#1a2030;}.h3,h3{font-family:'Kanit', sans-serif ;font-weight:400;line-height:50px;font-size:48px;color:#1a2030;}.h4,h4{font-family:'Kanit', sans-serif ;font-weight:300;line-height:45px;font-size:40px;color:#1a2030;}.h5,h5{font-family:'Kanit', sans-serif ;font-weight:700;line-height:40px;font-size:32px;color:#1a2030;}.h6,h6{font-family:'Kanit', sans-serif ;font-weight:300;line-height:1.4em;letter-spacing:0.1em;font-size:10px;text-transform:uppercase;color:#000000;}.main-header .navbar-brand{max-width:40px;}.titlebar-inner h1{font-size:40px;line-height:40px;}.titlebar-inner p{font-size:15px;line-height:15px;color:#696a6d !important;}.titlebar-inner{padding-top:45px;padding-bottom:50px;}.titlebar{background-image:url( ../2020/12/Mask-Group-1@2x.jpg);background-size:cover;background-position:center center;}@media screen and (min-width: 992px){body.has-sidebar #lqd-contents-wrap{padding-top:25px;}}@media screen and (max-width: 1199px){.main-header .navbar-header{background:rgba(0, 0, 0, 0.5);}.main-header .ld-module-trigger, .main-header .ld-search-form .input-icon{color:rgba(0, 0, 0, 0.5);}.main-header .nav-trigger .bar, .main-header .nav-trigger.style-2 .bar:before, .main-header .nav-trigger.style-2 .bar:after{background-color:rgba(0, 0, 0, 0.5);}}.lqd-module-trigger-txt-right .ld-module-trigger-txt {
    margin-inline-start: 0.55em;
}
.s-80,
.s-80 *{
    font-size: 80px !important;
}
.s-60,
.s-60 *{
    font-size: 60px !important;
}
.hover-affect1,
.hover-affect2{
    transition: all .3s;
}
.hover-affect1:hover{
    border-color: transparent;
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 28px rgb(0 0 0 / 12%);
    transition: all .3s;
    /*-webkit-transition: all .3s;*/
}
.hover-affect2:hover{
    border-color: transparent;
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 -12px 28px rgb(0 0 0 / 12%);
    transition: all .3s;
    /*-webkit-transition: all .3s;*/
}

/*-- contact form start --*/

.res-contact-form .alert-success{
    color: #fff;
    padding: 10px 10px;
    background-color: green;
}
.res-contact-form .alert-danger{
    color: #fff;
    padding: 10px 10px;
    background-color: red;
}
.res-contact-form .alert{
    position: relative;
    margin-bottom: 10px;
}
.res-contact-form .alert i{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

/*-- float contact start --*/

.float-contact{
    position: fixed;
    bottom: 100px;
    right: 50px;
    z-index: 10;
}
.float-contact .float-contact-block{
    position: relative;
}
.float-contact .float-contact-form{
    display: none;
    /*border: 2px solid red;*/
    background-color: #9cbdc9;
    border-radius: 5px;
}
.float-contact .float-contact-form .float-contact-form-header{
    color:#fff;
    background-color:#121d21;
    text-align: center;
    padding: 5px 0px;
    margin-bottom:5px;
    border-radius: 5px 5px 0 0;
    position: relative;
}
.float-contact .float-contact-form .float-contact-form-header i{
    position: absolute;
    top: 5px;
    right: 7px;
    cursor:pointer;
}
.float-contact .float-contact-form .float-contact-form-body{
    padding: 10px;
}
.float-contact .float-contact-form form button#submitcontract{
    width: 100%;
    border: 1px solid #477485;
    background-color: #3e6674;
    color: #fff;
}
.float-contact .float-contact-icon{
    opacity: 0.7;
    /*border: 2px solid red;*/
}
.float-contact .float-contact-icon:hover{
    opacity: 1;
    cursor: pointer;
}
.float-contact.active .float-contact-icon{
    opacity: 0.9;
    cursor: pointer;
}
.float-contact.active .float-contact-form{
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 130px;
    right: 108px;
}
.float-contact.active .float-contact-form:after{
    content: " ";
    position: absolute;
    right: -14px;
    bottom: -5px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #9cbdc9;
    -ms-transform: rotate(20deg);
    transform: rotate(30deg);
}
.float-contact.active .float-contact-icon{
    position: fixed;
    right: 50px;
    bottom: 100px
}
@media (max-width:540px){
    .lqd-mobile-sec .navbar-brand{
        padding: 10px 0 !important;
    }
    .padding-left-0-m{
        padding-left:0 !important;
    }
    .padding-right-0-m{
        padding-right:0 !important;
    }
}