:root{--color-primary:#5868f5;--color-secondary:#6bc1ff;--color-tertiary:#575757;--color-dark:#070d3d;--color-light:#fff;--color-grey:#e6e6e6;--color-success:#37a742;--color-danger:#e74040;--f-70:4.375rem;--f-50:3.125rem;--f-40:2.5rem;--f-35:2.1875rem;--f-30:1.875rem;--f-24:1.5rem;--f-20:1.25rem;--f-18:1.125rem;--f-16:1rem;--f-14:0.875rem;--f-13:0.8125rem;--f-12:0.75rem;--z-back:-10;--z-normal:1;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@font-face{font-family:MaterialIcon;src:url(/static/media/MaterialIcons-Regular.a37b0c01.ttf) format("truetype"),url(/static/media/MaterialIcons-Regular.012cf6a1.woff) format("woff"),url(/static/media/MaterialIcons-Regular.570eb838.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Pattaya-web;src:url(/static/media/Pattaya-Regular.589a6da7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins-web Regular;src:url(/static/media/Poppins-Regular.dd1aed50.ttf) format("truetype"),url(/static/media/Poppins-Regular.26fc2ac8.woff) format("woff"),url(/static/media/Poppins-Regular.bebb23ea.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Poppins-web Italic;src:url(/static/media/Poppins-RegularItalic.77d795b8.ttf) format("truetype"),url(/static/media/Poppins-Italic.a9329ec4.woff) format("woff"),url(/static/media/Poppins-Italic.01bd84d4.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Poppins-web Bold;src:url(/static/media/Poppins-Bold.922cb3bc.ttf) format("truetype"),url(/static/media/Poppins-Bold.ae8674b3.woff) format("woff"),url(/static/media/Poppins-Bold.e4c7b713.woff2) format("woff2");font-weight:700;font-style:italic}.f-icon{font-family:MaterialIcon}.f-pattaya{font-family:Pattaya-web;font-weight:400}.f-poppins-r{font-family:Poppins-web Regular;font-weight:400}.f-poppins-i{font-family:Poppins-web Italic;font-style:italic}.f-poppins-b{font-family:Poppins-web Bold;font-weight:700}.f-70{font-size:4.375rem}.f-50{font-size:3.125rem}.f-40{font-size:2.5rem}.f-35{font-size:2.1875rem}.f-30{font-size:1.875rem}.f-24{font-size:1.5rem}.f-20{font-size:1.25rem}.f-18{font-size:1.125rem}.f-16{font-size:1rem}.f-14{font-size:.875rem}.f-13{font-size:.8125rem}.f-12{font-size:.75rem}.text-center{text-align:center}.bg-primary{background-color:#5868f5;background-color:var(--color-primary)}.bg-secondary{background-color:#6bc1ff;background-color:var(--color-secondary)}.bg-tertiary{background-color:#575757;background-color:var(--color-tertiary)}.bg-dark{background-color:#070d3d;background-color:var(--color-dark)}.bg-light{background-color:#fff;background-color:var(--color-light)}.bg-grey{background-color:#e6e6e6;background-color:var(--color-grey)}.f-primary{color:#5868f5;color:var(--color-primary)}.f-secondary{color:#6bc1ff;color:var(--color-secondary)}.f-tertiary{color:#575757;color:var(--color-tertiary)}.f-dark{color:#070d3d;color:var(--color-dark)}.f-light{color:#fff;color:var(--color-light)}.f-grey{color:#e6e6e6;color:var(--color-grey)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins-web Regular;font-weight:400;font-size:1rem;color:#575757;color:var(--color-tertiary)}body{background-color:#fff;background-color:var(--color-light)}img{width:100%;height:auto}ul{list-style:none}a{color:#fff;color:var(--color-light);text-decoration:none;cursor:pointer}.outline{outline:2px solid red}.container,.section{width:100%}.section{padding:0 12px}@media screen and (min-width:1024px){.section{width:956px;padding:0;margin-left:auto;margin-right:auto}}@media screen and (min-width:1200px){.section{width:1145px}}.grid{display:grid}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.btn{text-align:center;padding:6px 20px;border-radius:30px;font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;cursor:pointer}@media screen and (min-width:1024px){.btn{font-size:1rem}}.btn-hero{padding:12px 36px;font-size:1rem;border:2px solid #6bc1ff;border:2px solid var(--color-secondary);box-shadow:0 3px 6px rgba(0,0,0,.16);font-weight:700;-webkit-transition:all .5s;transition:all .5s}@media screen and (min-width:1024px){.btn-hero{padding:10px 54px;font-size:1.125rem}}.btn-hero:hover{background-color:transparent}.btn-hero:hover,.btn-secondary{border:2px solid #fff;border:2px solid var(--color-light)}.btn-secondary{-webkit-transition:all .5s;transition:all .5s}.btn-secondary:hover{border:2px solid #6bc1ff;border:2px solid var(--color-secondary);background-color:#6bc1ff;background-color:var(--color-secondary);color:#fff;color:var(--color-light)}.main-logo{-webkit-transition:all .2s;transition:all .2s}.main-logo span{position:relative;text-align:right;top:-8px}@media screen and (min-width:1024px){.main-logo{font-size:55px}.main-logo span{font-size:1.875rem;top:-20px}}.logo-resize{font-size:1.875rem}.logo-resize span{font-size:1rem;top:-8px}@media screen and (min-width:1024px){.menu-burger{display:none}}.card-testimony{margin-left:auto;margin-right:auto;width:314px;justify-content:space-between}.card-testimony__image{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-top:14px}.card-testimony__bg{border-radius:10px;width:270px;padding:12px 22px;position:relative;box-shadow:0 3px 6px rgba(0,0,0,.16)}.card-testimony__triangle{position:absolute;width:30px;height:38px;top:64px;left:-29px}@media screen and (min-width:768px){.card-testimony{margin-left:20px}}@media screen and (min-width:1024px){.card-testimony{margin-left:auto;margin-right:auto;width:490px}.card-testimony__image{width:92px;height:92px;margin-top:0}.card-testimony__bg{width:384px}.card-testimony__triangle{width:47px;height:62px;top:100px;left:-47px}.card-testimony__name{font-size:30px}.card-testimony__company{font-size:20px}.card-testimony__parag{font-size:16px;margin:14px 0}}@media screen and (min-width:1200px){.card-testimony{width:540px}.card-testimony__bg{width:437px}.card-testimony__triangle{left:-46px}.card-testimony__parag{font-size:18px}}.stars-testimony{display:flex;width:94px;margin-top:6px}@media screen and (min-width:1024px){.stars-testimony{width:212px;margin-top:20px;margin-bottom:15px}}.star-testimony{width:20px;height:21px;display:block}@media screen and (min-width:1024px){.star-testimony{font-size:35px;width:40px;height:41px}}.intro-section{display:flex;flex-direction:column;align-items:center}.intro-section__parag{text-align:center}@media screen and (min-width:1024px){.intro-section{display:block}.intro-section__title{font-size:4.375rem}.intro-section__parag{font-size:1rem;text-align:left;position:relative;top:-7px}}.main-menu{position:absolute;width:100%;height:0;top:100%;left:0;display:flex;overflow:hidden;-webkit-transition:height .35s;transition:height .35s}@media screen and (min-width:1024px){.main-menu{background-color:transparent;position:relative;width:722px;height:25px;top:0;-webkit-transition:none;transition:none;flex-direction:row;justify-content:space-between;overflow:visible;overflow:initial}}@media screen and (min-width:1200px){.main-menu{width:788px}}.show-menu{height:270px}.social{order:2;width:120px;margin:15px auto 0;justify-content:space-between}@media screen and (min-width:1024px){.social{order:1;margin:0;align-items:center}}.social a{display:block;width:22px;height:22px}.social img{width:100%;height:100%}.social span{display:none}.menu{width:100%;order:1}@media screen and (min-width:1024px){.menu{width:533px;order:2;display:flex;justify-content:space-between}}@media screen and (min-width:1200px){.menu{width:611px;order:2;display:flex;justify-content:space-between}}.menu__item{display:flex;justify-content:center;padding:0 0 10px;margin:0 auto;width:246px}.menu__item:last-child{padding-bottom:12px;border-bottom:1px solid #fff;border-bottom:1px solid var(--color-light)}@media screen and (min-width:1024px){.menu__item{display:inline-block;flex-direction:row;justify-content:flex-start;padding:0;margin:0;width:auto}.menu__item:last-child{padding-bottom:0;border:none}}.menu__link{text-transform:uppercase}@media screen and (min-width:1024px){.menu__link{font-size:1rem}}.portfolio-nav{flex-direction:column;justify-content:space-between;width:60%;height:150px;margin:15px auto}@media screen and (min-width:768px){.portfolio-nav{width:70%;height:auto;flex-direction:row}}@media screen and (min-width:1024px){.portfolio-nav{width:58%;margin:15px 0}}@media screen and (min-width:1200px){.portfolio-nav{width:50%;margin:15px 0}}.gallery-cards{grid-template-columns:repeat(1,1fr);grid-gap:1rem}@media screen and (min-width:768px){.gallery-cards{grid-template-columns:repeat(2,1fr);grid-auto-flow:row dense}.gallery-cards .card-portfolio{grid-column:span 1;grid-row:span 1}}@media screen and (min-width:1024px){.gallery-cards{grid-template-columns:repeat(7,1fr);grid-gap:10px;grid-auto-rows:125px}.gallery-cards .card-portfolio:nth-child(odd){grid-column:span 2;grid-row:span 3}.gallery-cards .card-portfolio:nth-child(2n+2){grid-column:span 2;grid-row:span 2}.gallery-cards .card-portfolio:nth-child(2n+3){grid-column:span 3;grid-row:span 4}.gallery-cards .card-portfolio:nth-child(2n+5){grid-column:span 2;grid-row:span 2}.gallery-cards .card-portfolio:nth-child(2n+6){grid-column:span 3;grid-row:span 2}.gallery-cards .card-portfolio:nth-child(2n+8){grid-column:span 2;grid-row:span 2}.gallery-cards .card-portfolio:nth-child(2n+10){grid-column:span 3;grid-row:span 2}.gallery-cards .card-portfolio:nth-child(2n+11){grid-column:span 2;grid-row:span 1}}.testimonies-bullets{width:110px;justify-content:space-between;margin-top:22px;margin-left:auto;margin-right:auto}.testimonies-bullets__button{display:block;width:16px;height:16px;border-radius:50%;opacity:.18;cursor:pointer;-webkit-transition:opacity .5s;transition:opacity .5s}@media screen and (min-width:1024px){.testimonies-bullets{margin-top:65px}}.glide__bullet--active{opacity:1}.service{display:flex;flex-direction:column;align-items:center;margin-top:55px}.service__image{width:200px;height:165px;margin-bottom:14px}.service__parag{text-align:center;margin-top:4px}@media screen and (min-width:1024px){.service__title{font-size:3.125rem}.service__image{width:322px;height:auto}.service__parag{width:437px}}@media screen and (min-width:1200px){.service__parag{width:523px;font-size:1rem}}.border-service{width:144px;height:9px;display:block;border-radius:20px;margin-top:20px}@media screen and (min-width:1024px){.border-service{width:191px}}@media screen and (min-width:1024px){.service-left{align-items:flex-start}.service-left .service__parag{text-align:left}}@media screen and (min-width:1024px){.service-right{align-items:flex-end}.service-right .service__parag{text-align:right}}.card-portfolio{height:auto;background-color:#5868f5;background-color:var(--color-primary);padding:.5rem;position:relative}.card-portfolio__link{display:inline-block;width:100%;height:250px}.card-portfolio__image{width:100%;height:100%;object-fit:cover}@media screen and (min-width:1024px){.card-portfolio{background-color:transparent;padding:0}.card-portfolio__link{height:100%}}.card-hover{display:flex;width:100%;height:100%;opacity:0;top:0;left:0;position:absolute;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(7,13,61,.86)}.card-hover,.card-hover span{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.card-hover span{font-family:MaterialIcon;font-size:110px;position:relative;top:-10px}.card-hover p{text-transform:uppercase;font-size:.875rem;position:relative;top:10px;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}@media screen and (min-width:1024px){.card-hover:hover{opacity:1}.card-hover:hover span{top:0}.card-hover:hover p{top:-10px}}.card-portfolio-info{width:100%;height:40px}.card-portfolio-info,.card-portfolio-info__link{display:flex;justify-content:center;align-items:center}.card-portfolio-info__link{text-transform:uppercase}.card-portfolio-info__icon{text-transform:none;font-size:22px;margin-right:7px}@media screen and (min-width:1024px){.card-portfolio-info{display:none}}.contact-form{margin-top:10px}pre{background-color:#333;color:#fff;padding:1rem}.contact-input{width:100%;height:45px;margin-top:15px;box-shadow:0 3px 6px rgba(0,0,0,.16);border:none;border-radius:5px;outline:none;padding:0 12px}.contact-input::-webkit-input-placeholder{font-family:Poppins-web Regular;font-size:13px;color:#575757;color:var(--color-tertiary)}.contact-input::-moz-placeholder{font-family:Poppins-web Regular;font-size:13px;color:#575757;color:var(--color-tertiary)}.contact-input:-ms-input-placeholder{font-family:Poppins-web Regular;font-size:13px;color:#575757;color:var(--color-tertiary)}.contact-input::-ms-input-placeholder{font-family:Poppins-web Regular;font-size:13px;color:#575757;color:var(--color-tertiary)}.contact-input::placeholder{font-family:Poppins-web Regular;font-size:13px;color:#575757;color:var(--color-tertiary)}@media screen and (min-width:1024px){.contact-input{width:92%}}.contact-message{position:relative;height:auto}.contact-textarea{width:96%;height:230px;overflow-y:scroll;padding-top:12px;padding-bottom:12px;resize:none;font-size:13px;margin-bottom:-6px}@media screen and (min-width:1024px){.contact-textarea{width:92%}}.contact-button{background-color:#6bc1ff;background-color:var(--color-secondary);position:absolute;width:60px;height:60px;padding:0 0 0 5px;margin:0;border-radius:50%;bottom:0;right:-8px;font-size:30px;color:#fff;color:var(--color-light);cursor:pointer}@media screen and (min-width:768px){.contact-button{right:0}}@media screen and (min-width:1024px){.contact-button{width:70px;height:70px;bottom:24px}}@media screen and (min-width:1200px){.contact-button{width:89px;height:89px;font-size:40px}}.error-message{background-color:#e74040;background-color:var(--color-danger);border-radius:30px;display:inline-block;margin-top:5px;padding:3px 12px;color:#fff;color:var(--color-light);font-size:12px}@media screen and (min-width:1024px){.error-message{font-size:14px}}.input-error{border:2px solid color(--color-danger);color:color(--color-danger)}.input-error::-webkit-input-placeholder{color:color(--color-danger)}.input-error::-moz-placeholder{color:color(--color-danger)}.input-error:-ms-input-placeholder{color:color(--color-danger)}.input-error::-ms-input-placeholder{color:color(--color-danger)}.input-error::placeholder{color:color(--color-danger)}.tooltip-message{position:absolute;right:0;bottom:75px;width:180px;height:90px;padding:12px;color:#fff;border-radius:5px;-webkit-animation:showMessage .5s;animation:showMessage .5s}.tooltip-message:before{content:"";position:absolute;bottom:-14px;right:14px;display:block;width:16px;height:14px;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}@media screen and (min-width:1024px){.tooltip-message:before{bottom:-13px}}.tooltip-message__text{width:130px;height:100%;display:flex;align-items:center}@media screen and (min-width:1024px){.tooltip-message__text{width:140px;font-size:14px}}@media screen and (min-width:768px){.tooltip-message{right:7px}}@media screen and (min-width:1024px){.tooltip-message{width:190px;height:90px;bottom:110px;right:12px}}@media screen and (min-width:1200px){.tooltip-message{bottom:128px;right:15px}}@-webkit-keyframes showMessage{0%{display:none;opacity:0}1%{display:block;opacity:0}to{opacity:1}}@keyframes showMessage{0%{display:none;opacity:0}1%{display:block;opacity:0}to{opacity:1}}.tooltip-message.valid,.tooltip-message.valid:before{background-color:#37a742;background-color:var(--color-success)}.tooltip-message.error,.tooltip-message.error:before{background-color:#e74040;background-color:var(--color-danger)}.tooltip-close{background-color:#fff;background-color:var(--color-light);position:absolute;top:8%;left:82%;display:block;width:27px;height:27px;border-radius:50%;font-size:20px;font-style:normal;text-align:center;line-height:27px;cursor:pointer}.tooltip-close.close-valid{color:#37a742;color:var(--color-success)}.tooltip-close.close-error{color:#e74040;color:var(--color-danger)}.intro-location{width:100%;text-align:center}@media screen and (min-width:1024px){.intro-location{font-size:4.375rem;text-align:left}}.google-maps{background:url(/images/image/google-maps.jpg);background-size:100% cover;background-position:50%;width:100%;height:360px;border:4px solid #6bc1ff;border:4px solid var(--color-secondary)}@media screen and (min-width:1024px){.google-maps{height:282px}}.data{background-color:#fff;background-color:var(--color-light);position:relative;border-radius:30px;margin-top:15px}.data,.data__icon{height:45px;display:flex}.data__icon{justify-content:center;align-items:center;text-align:center;background-color:#6bc1ff;background-color:var(--color-secondary);width:45px;border-radius:50%;color:#fff;color:var(--color-light);font-size:20px;box-shadow:0 3px 6px rgba(0,0,0,.16)}.data__icon span{display:none}@media screen and (min-width:768px){.data__icon{width:152px;border-radius:30px;font-size:23px}.data__icon span{display:inline-block;font-size:15px;margin-left:5px}}.data__info{color:#575757;color:var(--color-tertiary);line-height:45px;font-size:13px;margin-left:10px}@media screen and (min-width:768px){.data{margin-top:25px}}@media screen and (min-width:1024px){.data{margin-top:32px}}.social-contact{margin-top:38px;width:100%;align-items:center}.social-contact a{display:flex;width:112px;margin-bottom:22px}.social-contact img{width:30px;height:30px}.social-contact span{margin-left:10px;font-size:14px;line-height:30px}@media screen and (min-width:768px){.social-contact{width:412px;flex-direction:row;justify-content:space-between;margin-left:auto;margin-right:auto}.social-contact a{width:auto}}.credits{display:flex;flex-direction:column;align-items:center;padding:0 12px}.credits__develop{font-size:14px}.credits__name{display:block;text-transform:uppercase;font-family:Poppins-web Bold;font-size:1.125rem;letter-spacing:.5px;position:relative;top:-5px}.credits__copyright{font-size:13px}@media screen and (min-width:768px){.credits{flex-direction:row;justify-content:space-between;margin-top:20px}}@media screen and (min-width:1024px){.credits{margin-top:90px;width:956px;padding:0;margin-left:auto;margin-right:auto}}@media screen and (min-width:1200px){.credits{width:1145px}}.main-hero{margin-top:22px;padding:0 12px}@media screen and (min-width:1024px){.main-hero{display:block;padding:0;margin:0 34px;width:523px}}@media screen and (min-width:1200px){.main-hero{padding:0;margin:0 auto;width:1145px}.main-hero h1,.main-hero p{width:523px}}.hero-buttons{margin-top:25px;height:125px;flex-direction:column;justify-content:space-between}@media screen and (min-width:1024px){.hero-buttons{flex-direction:row;width:505px;height:auto}}.main-navigation{position:fixed;width:100%;-webkit-transition:background .3s;transition:background .3s;padding:5px 12px}.main-navigation__content{width:100%;justify-content:space-between}@media screen and (min-width:1024px){.main-navigation{padding:40px 0 18px}.main-navigation__content{width:956px;margin:0 auto}}@media screen and (min-width:1200px){.main-navigation{padding:40px 0}.main-navigation__content{width:1145px}}.navigation-dark,.navigation-fixed{background-color:#070d3d;background-color:var(--color-dark)}.navigation-fixed{position:fixed;top:0;left:0;z-index:100;z-index:var(--z-fixed)}@media screen and (min-width:1024px){.navigation-fixed{padding:5px 0}}@media screen and (min-width:1024px){.header-services{width:437px}}@media screen and (min-width:1200px){.header-services{width:523px}}.testimonies{width:100%}.header-testimonies{padding-left:12px;padding-right:12px;padding-bottom:47px}@media screen and (min-width:1024px){.header-testimonies{width:956px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;padding-bottom:50px}.header-testimonies .intro-section{width:460px}}@media screen and (min-width:1200px){.header-testimonies{width:1145px}}.cards-slides,.carousel-testimonies{width:100%;height:auto}@media screen and (min-width:1024px){.header-portfolio{width:500px}}@media screen and (min-width:1200px){.header-portfolio{width:670px}}.contact{flex-direction:column;padding:0 12px}@media screen and (min-width:1024px){.contact{width:956px;padding:0;margin-left:auto;margin-right:auto;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width:1200px){.contact{width:1145px}}@media screen and (min-width:1024px){.contact-left{width:420px}}@media screen and (min-width:1200px){.contact-left{width:460px}}.contact-right{margin-top:10px}@media screen and (min-width:1024px){.contact-right{width:458px;margin-top:0}}.container-header{background-color:#5868f5;background-color:var(--color-primary);padding-bottom:30px}@media screen and (min-width:1024px){.container-header{background-image:url(/images/svg/header-graph.svg);background-size:653px 434px;background-repeat:no-repeat;background-position:bottom -50px right -160px;width:100%;padding-bottom:45px}}@media screen and (min-width:1200px){.container-header{background-size:1000px 800px;background-position:bottom -150px right -220px}}@media screen and (min-width:1600px){.container-header{background-size:1290px 650px;background-position:bottom -30px right -380px}}.main-header{padding-left:0;padding-right:0;padding-top:74px}@media screen and (min-width:1024px){.main-header{width:100%;padding-top:175px;padding-bottom:22px}}@media screen and (min-width:1200px){.main-header{padding-top:197px;padding-bottom:70px}}.main-services{padding-top:48px;padding-bottom:48px}@media screen and (min-width:1024px){.main-services{padding-top:58px;padding-bottom:58px;display:flex;flex-direction:row;justify-content:space-between}}.main-testimonies{background-color:#5868f5;background-color:var(--color-primary);padding:40px 0}@media screen and (min-width:1024px){.main-testimonies{width:100%}}.main-portfolio{padding-top:40px;padding-bottom:40px}@media screen and (min-width:1024px){.main-portfolio{padding-top:50px;padding-bottom:50px}}@media screen and (min-width:1200px){.main-portfolio{padding-top:70px;padding-bottom:70px}}@media screen and (min-width:1024px){.container-footer:before{display:block;z-index:-10;z-index:var(--z-back);content:"";width:100%;height:208px;top:0;left:0;background-image:url(/images/svg/footer-graph.svg);background-size:2126px 836px;background-repeat:no-repeat;background-position:top -325px left -480px}}@media screen and (min-width:1200px){.container-footer:before{height:244px;background-size:3482px 1369px;background-position:top -537px left -480px}}.main-footer{width:100%;background-color:#5868f5;background-color:var(--color-primary);padding:28px 0 12px}
/*# sourceMappingURL=main.def1077d.chunk.css.map */