.contact_main{position:relative;background:url(../../../../../../../../themes/sytech/assets/img/conatct-bg1.png) no-repeat center top / auto 64.1rem;padding:14.3rem 0 4.8rem}.contact_main .masks{position:static}.contact_main .masks ul{position:static}.contact_main .masks li{position:absolute;width:1.2rem;display:block;background:url(../../../../../../../../themes/sytech/assets/img/contact-mask.svg) no-repeat center / contain}.contact_main .masks li::after{width:100%;padding-bottom:3133.3333%;display:block;content:''}.contact_main .masks li:nth-child(1){left:1.61458333%;top:6.4%}.contact_main .masks li:nth-child(2){right:1.61458333%;top:36.6%;transform:rotateX(180deg)}.contact_main .left{flex:1;max-width:69rem;padding-top:6rem;margin-left:.9rem}.contact_main h1{font-size:10.4rem;font-weight:700;color:#1e1e1e}.contact_main p{font-size:2rem;line-height:3.2rem;margin-top:.7rem;max-width:54.2rem}.contact_main .link_down{display:block;width:2.5rem;background:url(../../../../../../../../themes/sytech/assets/img/contact-icon1.svg) no-repeat center / contain;transition:all 0.4s;margin-top:9.2rem;animation:shakeUp 1s alternate infinite}.contact_main .link_down::after{display:block;width:100%;padding-bottom:176%;content:''}@keyframes shakeUp{0%{transform:translateY(0)}100%{transform:translateY(20%)}}.contact_main .contact{--size:7.5rem;margin-top:14.5rem;max-width:58rem}.contact_main .contact li+li{margin-top:4.3rem}.contact_main .contact li{position:relative;padding-left:10.5rem}.contact_main .contact li.active::before{background-color:#000}.contact_main .contact li.active::after{filter:contrast(0) brightness(2)}.contact_main .contact li::before,.contact_main .contact li::after{width:var(--size);height:var(--size);position:absolute;left:0;top:-.7rem;content:'';transition:all 0.3s;border-radius:50%}.contact_main .contact li::before{background-color:#f4f4f4}.contact_main .contact li::after{background:no-repeat center / contain}.contact_main .contact li .label{font-size:1.7rem;color:#636363;text-transform:uppercase;margin-bottom:1.4rem}.contact_main .contact li a,.contact_main .contact li span{font-size:2.4rem;line-height:3.6rem;font-weight:600;color:#1e120d}.contact_main .contact li a{transition:all 0.3s;vertical-align:top}.contact_main .contact li a:hover{text-decoration:underline}.contact_main .contact .phone::after{background-image:url(../../../../../../../../themes/sytech/assets/img/icon-phone.svg)}.contact_main .contact .email::after{background-image:url(../../../../../../../../themes/sytech/assets/img/icon-email.svg)}.contact_main .contact .address::after{background-image:url(../../../../../../../../themes/sytech/assets/img/icon-locate.svg)}.contact_main .right{width:46.6%;margin-right:1rem}.contact_main form{display:grid;gap:2rem;background-color:#fff;border:1px solid #eaeaea;border-top:3px solid #000;box-shadow:10px 10px 10px rgba(226,226,226,.55);padding:5.1rem 7.5877% 5.5rem 7.9877%}.contact_main form span{width:100%}.contact_main form span.wpcf7-spinner{width:2.4rem;margin-left:0;margin-top:2rem}body .wpcf7 form .wpcf7-response-output{padding:0;margin:0;border:none}.contact_main form input,.contact_main form textarea,.contact_main form select{display:block;width:100%;font-size:1.8rem;font-weight:500;border-radius:100px;color:#1e120d;border:1px solid #ddd;background-color:#fff;padding:2rem 3.85rem 2.1rem}.contact_main form input::placeholder,.contact_main form textarea::placeholder,.contact_main form select::placeholder{color:#1e120d}.contact_main form select{background:url(../../../../../../../../themes/sytech/assets/img/icon-select2.svg) no-repeat center right 2.6rem/1rem #fff;padding-right:5rem}.contact_main form textarea{padding-top:1.7rem;height:15.5rem;border-radius:3.2rem}.contact_main form span:has(input[type=checkbox]){margin-top:1.4rem}.contact_main form input[type=checkbox]{width:2.5rem;height:2.5rem;padding:0;border-radius:0;vertical-align:top;display:inline-flex;align-items:center;justify-content:center;background-color:transparent}.contact_main form input[type=checkbox]::after{content:'';display:block;width:80%;height:80%;background:url(../../../../../../../../themes/sytech/assets/img/gou.svg) no-repeat center / contain;transition:all 0.3s;opacity:0}.contact_main form input[type=checkbox]:checked::after{opacity:1}.contact_main form input[type=checkbox]~span{vertical-align:top;cursor:pointer;font-size:1.8rem;line-height:2.8rem;color:#1e120d;display:inline-block;width:calc(100% - 3.3rem);padding-left:1.3rem;margin-top:-2px}.contact_main form span:has(input[type=submit]){margin-top:2.1rem}.contact_main form input[type=submit]{width:100%;font-size:2rem;font-weight:600;min-width:unset;background-color:#000;border:1px solid #000;text-align:center;transition:all 0.3s;color:#fff;padding:2.35rem 3rem}.contact_main form input[type=submit]:hover{background-color:#fff;color:#000}.contact_locate{padding:4.8rem 0 7.1rem}.contact_locate .map{position:relative;width:100%;border-radius:2.7rem;overflow:hidden;padding-bottom:32.857%}.contact_locate .map iframe{position:absolute;left:0;width:100%;height:100%;top:0}@media screen and (max-width:768px){.contact_main{padding:3rem 0 2rem;background-size:100% 220px}.contact_main .masks li{width:5px}.contact_main .flex{gap:2rem 1rem}.contact_main .left{padding:0;max-width:unset;margin:0}.contact_main .link_down{width:16px;margin-top:20px}.contact_main .contact{--size:40px;margin-top:2rem;max-width:unset}.contact_main .contact li+li{margin-top:20px}.contact_main .contact li{padding-left:4rem}.contact_main .contact li::before,.contact_main .contact li::after{top:0}.contact_main .contact li .label{font-size:14px;margin-bottom:10px}.contact_main .contact li a,.contact_main .contact li span{font-size:1rem;line-height:1.5}.contact_main .right{width:100%;margin-right:0}.contact_main form{padding:2rem 20px;gap:1rem}.contact_main form input,.contact_main form textarea,.contact_main form select{font-size:14px;padding:14px 20px}.contact_main form select{background-size:8px;background-position:right 20px center;padding-right:3rem}.contact_main form textarea{height:120px;border-radius:16px}.contact_main form span:has(input[type=checkbox]){margin-top:0}.contact_main form input[type=checkbox]{width:20px;height:20px}.contact_main form input[type=checkbox]~span{width:calc(100% - 25px);padding-left:12px;font-size:.9rem;line-height:1.5;margin-top:0}.contact_main form span:has(input[type=submit]){margin-top:1rem}.contact_main form input[type=submit]{font-size:14px;line-height:1.5;padding:10px 20px}.contact_locate{padding:2rem 0 4rem}.contact_locate .map{border-radius:10px;min-height:240px}}