.btn-check:checked+.btn{border-color:#12a19a;color:#12a19a}html,body{height:100%}html{font-size:62.5%}h1,h2,h3{font-family:"Aleo",serif}h1{font-size:4.5rem;color:#3023ae;font-weight:300}p{font-family:"Bai Jamjuree",sans-serif;font-size:1.5rem;line-height:1.7rem}a{color:#3023ae}.vertical-align{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}hr.grad{width:250px;background-image:linear-gradient(134deg, #3023AE 0%, #C86DD7 100%);height:5px;text-align:left;display:inline-block;margin-top:50px;margin-bottom:30px}#app{min-height:100%;height:100%}.jarallax{position:relative;z-index:0;min-height:100%}.jarallax>.jarallax-img{position:absolute;object-fit:cover;font-family:"object-fit: cover;";top:0;left:0;width:100%;height:100%;z-index:-1}.jarallax.feature{margin-top:20px;margin-bottom:20px;min-height:600px}.jarallax.feature .content{padding-left:15px;padding-top:15px}.jarallax.feature .content .copy{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.jarallax.feature .content .copy h2{color:#fff;background:#12a19a;font-weight:300;font-size:4.5rem;padding:10px;margin-bottom:0}.jarallax.feature .content .copy p{color:#fff;background:#3023ae;display:inline-block;padding:5px 10px 5px 10px;margin-top:0;text-transform:uppercase;font-size:1.5rem}.homeheader{height:100%;min-height:100%}.header{background-image:linear-gradient(134deg, #3023AE 0%, #12A19A 100%);background-size:300% 300%;-webkit-animation:AnimationName 10s ease infinite;-moz-animation:AnimationName 10s ease infinite;animation:AnimationName 10s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0% 0%}50%{background-position:93% 100%}100%{background-position:0% 0%}}@-moz-keyframes AnimationName{0%{background-position:0% 0%}50%{background-position:93% 100%}100%{background-position:0% 0%}}@keyframes AnimationName{0%{background-position:0% 0%}50%{background-position:93% 100%}100%{background-position:0% 0%}}.header #logo{width:200px;height:100px}.header .navbar-toggler{margin-top:-5px}.header #navbarNav li{font-family:"Aleo",serif;font-size:1.8rem;line-height:2rem;margin-left:20px}.header #navbarNav li a{color:#fff}.header #navbarNav li a:after{display:block;content:"";border-bottom:solid 3px #fff;transform:scaleX(0);transition:transform 250ms ease-in-out}.header #navbarNav li a:hover:after{transform:scaleX(1)}.header #navbarNav li a.fromRight:after{transform-origin:100% 50%}.header #navbarNav li a.fromLeft:after{transform-origin:0% 50%}.header #navbarNav li.active a:after{display:block;content:"";border-bottom:solid 3px #fff;transform:scaleX(0);transition:transform 250ms ease-in-out;transform:scaleX(1)}.header .copy{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:100%;width:auto}.header .copy h1{color:#fff;font-size:4.5rem;line-height:4.1rem}.header .copy p{color:#fff;margin-bottom:0;font-size:1.5rem;line-height:1.7rem}.workheader{background-image:none}.workheader #logo path{fill:#fff}.workheader #navbarNav li{font-family:"Aleo",serif;font-size:1.8rem;line-height:2rem;margin-left:20px}.workheader #navbarNav li a{color:#fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}.workheader .feature{text-align:center;min-height:100%;margin:-110px 0;position:absolute;z-index:-1;width:100%}.workheader .logo{width:100%;max-width:230px}.workheader p{color:#fff;margin-top:10px}.contactheader #logo path{fill:#000}.contactheader #navbarNav li a{color:#000}.contactheader #navbarNav li a:after{border-bottom:solid 3px #000}.contactheader #navbarNav li.active a:after{border-bottom:solid 3px #000}.general{margin-top:50px}.general .copy h1{color:#000;font-size:4.5rem;line-height:4.7rem;margin-bottom:30px;font-weight:300}.general .copy p{font-family:"Aleo",serif;font-size:2.2rem;line-height:3rem;font-weight:300}.general .steps{margin-top:30px;text-align:center}.general .steps #think{width:300px;height:200px;text-align:center;margin:auto}.general .steps #design{width:300px;height:200px;text-align:center;margin:auto}.general .steps #build{width:300px;height:200px;text-align:center;margin:auto}.general .steps .text{width:300px;height:145px;text-align:left;margin:auto}.general .steps .text p{font-size:1.3rem;color:#3023ae}.general .steps .textsvg{text-align:center}.general .steps .textsvg svg{width:100px !important;text-align:center}.policy .copy h1{margin-bottom:8px}.policy .copy h2{font-size:1.8rem}.policy .copy h3{margin-top:15px}.policy .copy p{font-size:1.2rem;line-height:1.8rem}.policy .copy ol,.policy .copy ul{font-family:"Aleo",serif;font-size:1.2rem;font-weight:300}.homebody .jarallax.feature{width:100%;height:100%}.homebody .jarallax.feature a{display:block;width:100%;height:100%;position:absolute;z-index:1}.homebody .jarallax.feature img.logo{max-width:100px}.homebody .jarallax.feature .copy h2{font-size:1.9rem}.homebody .jarallax.feature .copy p{font-size:1.1rem}.homebody .jarallax.feature:hover img.jarallax-img{transform:scale(1.1) !important;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}.subcopy{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:65px;-moz-column-gap:65px;column-gap:65px;margin-top:8px}.what,.we{padding-top:30px;padding-bottom:30px}.what h2,.we h2{margin-top:30px;font-size:2.5rem}.what{margin-top:0;padding-bottom:0px}.work-content .feature{margin-top:0;margin-bottom:0}.work-content .desc{padding-top:50px;padding-bottom:50px}.work-content .desc h1{color:#000;text-align:center;font-size:4rem}.work-content .link{background:#3023ae;padding-top:50px;padding-bottom:50px;margin-bottom:50px}.work-content .link h1{font-weight:300;text-align:center}.work-content .link h1 a{color:#fff}.work-content .link p{color:#fff;text-align:center;font-size:2rem}.work-content .sub_heading{font-size:4.5rem;line-height:5rem;font-family:"Aleo",serif;text-align:center;padding:120px 0 20px 0;font-weight:300;text-transform:uppercase}.work-content .description{padding-bottom:0px}.work-content .description p{font-family:"Bai Jamjuree",sans-serif;margin-top:8px;color:#505050;font-size:1.8rem;line-height:2.5rem;text-align:center}.work-content .description p a{color:#6a45b9}.work-content .description-contain{background:#fff;margin-top:0px}.howcan h2{font-size:4.5rem;color:#3023ae;font-weight:300;margin-bottom:30px}.howcan h3{color:#12a19a;font-size:2rem;margin-bottom:20px}.howcan .form-row .form-control[type=text],.howcan .form-row .form-control[type=email]{border:none;border-bottom:1px solid #3023ae;font-family:"Aleo",serif;color:#3023ae;font-size:1.5rem;line-height:2rem;border-radius:0;text-indent:0;padding-left:0;padding-bottom:8px;margin-bottom:10px}.howcan .form-row ::placeholder{color:#3023ae;opacity:.5}.howcan .form-row :-ms-input-placeholder{color:#3023ae;opacity:.5}.howcan .form-row ::-ms-input-placeholder{color:#3023ae;opacity:.5}.howcan .form-row .form-control[type=text]:focus,.howcan .form-row .form-control[type=email]:focus{outline:none;box-shadow:none}.howcan .form-row .mb-2[type=submit]{background:#12a19a;border:none;border-radius:0;font-family:"Aleo",serif;line-height:2rem;font-size:1.5rem;line-height:2rem;padding:8px 15px 5px 15px;text-transform:uppercase;font-weight:300}.howcan .form-row .mb-2[type=submit] i{margin-left:5px}.howcan.workd{background:#f7f7f7;padding-bottom:50px}.howcan.workd .form-control[type=text]{background:none}.contactbody .scroll-down-arrow{margin-top:10px;transform:translateX(-50%);width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;animation:arrowBounce 2s infinite}.contactbody .scroll-down-arrow a{position:relative;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:12px solid #fff}@keyframes arrowBounce{0%{transform:translateY(0)}50%{transform:translateY(5px)}100%{transform:translateY(0)}}.contactbody .ariticform-error{margin-bottom:10px;color:red}.contactbody .ariticform-message{margin-bottom:10px;color:#12a19a;font-size:2rem;font-family:"Aleo",serif}.contactbody .ariticform-row.ariticform-required .ariticform-label:after{color:#e32;content:" *";display:inline}.contactbody .ariticform-helpmessage{display:block;font-size:.9em;margin-bottom:3px}.contactbody .ariticform-errormsg{display:block;color:red;margin-top:2px;width:100% !important}.contactbody .ariticform-selectbox,.contactbody .ariticform-input,.contactbody .ariticform-textarea{width:100%;border:1px solid #3023ae;border-left:0px;border-right:0px;border-top:0px;background:#fff;box-shadow:0px 0px 0px #fff inset;border-radius:0px;box-sizing:border-box}.contactbody #ariticform_wrapper_projectplanner{background-color:#fff}.contactbody #ariticform_projectplanner{margin:10px auto}.contactbody p,.contactbody label{font-size:1.5rem;color:#3023ae;font-weight:300}.contactbody label{font-weight:500}.contactbody fieldset legend{color:#12a19a;font-weight:500;font-family:"Aleo",serif;font-size:2rem;padding-top:60px;padding-bottom:15px}.contactbody fieldset label{padding-top:40px;display:block}.contactbody fieldset input,.contactbody fieldset textarea{font-size:1.5rem;line-height:2rem;color:#3023ae;padding-left:0;text-indent:0;opacity:.8}.contactbody fieldset ::placeholder{color:#3023ae;opacity:.5}.contactbody fieldset :-ms-input-placeholder{color:#3023ae;opacity:.5}.contactbody fieldset ::-ms-input-placeholder{color:#3023ae;opacity:.5}.contactbody fieldset textarea{min-height:130px;resize:none}.contactbody fieldset input:focus,.contactbody fieldset textarea:focus{outline:none}.contactbody .enquiry span{margin-left:0px;display:block}.contactbody .enquiry span.radiocontain,.contactbody .enquiry span.radioredesign{float:left;display:block;width:auto;margin-left:0;margin-right:20px}.contactbody .enquiry span.radiocontain .btn{font-family:"Aleo",serif;clear:none;border-radius:32px;border:1px solid #ccc;color:#ccc;line-height:32px;height:32px;width:32px;margin-right:5px;padding:0;background:none;text-align:center}.contactbody .enquiry span.radiocontain .btn-check:checked+.btn{border-color:#12a19a;color:#12a19a}.contactbody .enquiry span.radiocontain label,.contactbody .enquiry span.radioredesign label{width:auto;float:left;clear:both;text-align:center;width:12px;margin-bottom:0}.contactbody .enquiry p.title{font-weight:500;margin-top:50px}.contactbody .enquiry #ariticform_input_projectplanner_submit{float:right;margin-top:30px;background:#12a19a;font-family:"Aleo",serif;font-size:1.3rem;line-height:2rem;color:#fff;text-transform:uppercase;border-radius:0;font-weight:100;padding:8px 20px 5px 20px}.contactbody .enquiry #ariticform_input_projectplanner_submit i{line-height:1.5rem;margin-left:2px}.contactbody .enquiry .input-group-addon{width:auto}.contactbody .enquiry .input-group-addon i{color:#12a19a;font-size:1.5rem;line-height:3rem;margin-left:5px}.contactbody .enquiry .input-group.date{border-bottom:1px solid #3023ae}.contactbody .enquiry .input-group.date input.form-control{border:none;text-indent:8px}.contactbody .enquiry .input-group.date input.form-control:focus{outline:none}.contact-content{margin-top:0px}.contact-content p{line-height:2.5rem}.footer{padding-top:20px;margin-top:80px}.footer hr{border-top:1px solid #ababab}.footer .copyright p{font-size:1.2rem;color:#505050;font-family:"Aleo",serif;font-weight:300}.footer .policy-links ul{font-size:1.2rem;margin:0;padding-left:0;list-style:none;font-family:"Aleo",serif;font-weight:300;float:right}.footer .policy-links ul li{margin-left:20px;text-align:right;display:inline-block}.footer .policy-links ul li a.nav-link{color:#505050;padding:0}@media(max-width: 992px){.subcopy{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0px;-moz-column-gap:0px;column-gap:0px}#navbarNav{margin-top:-15px}}@media(max-width: 767px){.header .copy{margin-left:28px}}@media(max-width: 400px){.howcan h2{font-size:3.5rem}.footer .copyright p{font-size:1rem}.footer .policy-links{margin-bottom:20px}.footer .policy-links ul{float:left}.footer .policy-links ul li{margin-left:0;margin-right:8px}}/*# sourceMappingURL=custom.css.map */