﻿@import url("https://css02.v15cdn.com/m430/message.css");
:root{--hometitlefont:36px;--bgcolor:var(--color);--borderradius:5px}
@media(max-width:1440px){:root{--hometitlefont:30px}}
@media(max-width:1024px){:root{--hometitlefont:26px}}
.home-title{font-size:var(--hometitlefont);text-align:center;text-transform:capitalize;color:var(--fontcolor)}
.contact-text{max-width:600px;margin:0px auto;text-align:center}
.contact-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-list .contact-item{position:relative;background:#FFFFFF;box-shadow:0 3px 21px 0 rgba(222,222,222,.55);border-radius:var(--borderradius);width:23%;padding:20px 30px;display:flex;transition:all .1s linear;margin-bottom:1em}
.contact-list .contact-item:hover{transform:translateY(-5px)}
.contact-list .contact-item em{font-size:40px;font-weight:var(--fontbold3);color:var(--color)}
.contact-list .contact-item .contact-item-info{flex:1;padding-left:20px;text-align:left}
.contact-list .contact-item .contact-item-info .contact-item-title{font-size:var(--fontsize20)}
.contact-list .contact-item .contact-item-info a{color:inherit}
.contact-box1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch}
.contact-box1>div{width:50%}
.contact-box1 .contact-main{background:#1a3e5f;color:#FFFFFF;padding:6% 13% 6% 0;position:relative;z-index:1}
.contact-box1 .contact-main::before{content:"";position:absolute;top:0px;right:0px;height:100%;width:calc(1920px / 2);background:#1a3e5f;z-index:-1}
.contact-box1 .contact-main .icon{min-width:164px;height:41px;background:#FFFFFF;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;color:#1a3e5f;font-weight:var(--fontbold6);margin-bottom:20px}
.contact-box1 .contact-main .contact-h1{font-weight:var(--fontbold9);line-height:1.2;font-size:40px;margin-bottom:20px}
.contact-box1 .contact-main .contact-share{display:flex;flex-wrap:wrap;margin-top:20px}
.contact-box1 .contact-main .contact-share a{width:42px;height:42px;background:#31526f;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-right:15px;transition:all .1s linear}
.contact-box1 .contact-main .contact-share a:hover{opacity:.8}
.contact-box1 .contact-main .contact-share a em{font-size:var(--fontsize18);color:#FFFFFF}
.contact-box1 .contact-inquiry{background:#eef5fd;position:relative;z-index:2}
.contact-box1 .contact-inquiry::before{content:"";position:absolute;top:0px;left:0px;height:100%;width:calc(1920px / 2);background:#eef5fd;z-index:-1}
.contact-box1 .contact-inquiry .wmkcfeedback{height:100%;position:absolute;right:0px;top:50%;transform:translateY(-50%);background:#FFFFFF;padding:60px 40px;width:110%;border-radius:20px;display:flex;flex-direction:column;justify-content:center}
.contact-box1 .contact-inquiry .wmkcfeedback .send-btn{width:100%;overflow:hidden}
.contact-box1 .contact-inquiry .wmkcfeedback .send-btn:hover{opacity:.9}
@media (max-width:1280px){.contact-list .contact-item{padding:20px 15px}
.contact-list .contact-item em{font-size:var(--fontsize30)}}
@media (max-width:1024px){.contact-list .contact-item{width:48%}
.contact-box1>div{width:100%}
.contact-box1 .contact-inquiry{background:0 0;margin-top:20px}
.contact-box1 .contact-main .contact-h1{font-size:32px}
.contact-box1 .contact-inquiry .wmkcfeedback{position:static;transform:none;width:100%;padding:0px}
.contact-box1 .contact-main::before{display:none}
.contact-box1 .contact-inquiry::before{display:none}
.contact-box1 .contact-main{padding:30px 15px}}
@media (max-width:768px){.contact-list .contact-item{width:100%}
.contact-box1 .contact-main .contact-h1{font-size:var(--fontsize26)}}