/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 27 2026 | 06:46:22 */
.contactus-banner{background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/02/contact-us-banner-pc.webp");}
.contactfooterr{padding:160px 0;background-color:#fff;}
.contactfooterr .grid-container { display: flex; }
.contactfooterr .grid-container .l { width: 51.7%; flex-shrink: 0; background-color: #F6F6F6; padding: 60px 60px 35px; }
.contactfooterr .grid-container .l .title { font-size: 20px; margin-bottom: 40px;font-weight:500; }
.contactfooterr .grid-container ul { list-style: none; padding: 0; margin: 0; margin-bottom: 36px;font-weight:300; }
.contactfooterr .grid-container ul li { position: relative; padding-left: 20px; margin-bottom: 5px; counter-increment: item; }
.contactfooterr .grid-container ul li:before { content: counter(item) "."; position: absolute; left: 0; }
.contactfooterr .grid-container p { margin-bottom: 0; }
.contactfooterr .grid-container a { text-decoration: none; color: #333333; }
.contactfooterr .grid-container .contact-items { display: flex; border-bottom: 1px solid #a9a9a9; padding-bottom: 10px; justify-content: space-between;margin-right:40px; }
.contactfooterr .grid-container .contact-items .contact-item { font-size: 16px; background-repeat: no-repeat; background-position: left 2px; padding-left: 50px;font-weight:300; }
.contactfooterr .grid-container .contact-items .contact-item p{font-weight:500;}
.contactfooterr .grid-container .contact-items .contact-item p:last-child{font-weight:normal;}
.contactfooterr .grid-container .contact-items .contact-item:first-child { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/email.png"); }
.contactfooterr .grid-container .contact-items .contact-item:nth-child(2) { background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/tel.png"); }
.contactfooterr .grid-container .erweima { display: flex; gap: 45px; margin-top: 63px; }
.contactfooterr .grid-container .erweima .erweima-item { text-align: center; }
.contact-us-form textarea{height:358px;}
.contactfooterr .grid-container .r { padding-left: 40px;flex:1; }
.contactfooterr .grid-container .r .title { font-size: 30px; margin-bottom: 0; text-align: center;text-transform: uppercase;font-weight:500; }
.contactfooterr .grid-container .r .detitle { font-size: 18px;text-align:center;font-weight:300; }
.contactfooterr .grid-container .r .wpcf7-spinner { padding: 0; margin: 0; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; }
#fancybox-wrap{min-width:80%;}
#fancybox-wrap{height:auto !important;width:auto !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);position: fixed;}
#fancybox-content{border:none;}
#fancybox-content .page-wpcf7-box{width: 70vw;margin-top: 0;border-top: none;padding: 50px;}
#contact_form_pop .contactfooterr{padding: 20px;overflow: hidden;}
#contact_form_pop .contactfooterr .grid-container{max-width:initial;}

/*联系我们*/
.contact-us-form input:not([type="submit"]), .contact-us-form textarea{min-height: 50px;}
.contactys {padding: 20px 20px 10px 20px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); margin-bottom: 30px;background-color:#f5f5f5;}
.contactys img{margin-top:20px;}
.contact-us-form{display:flex;flex-wrap:wrap;
    }
.contact-us-form input:not([type="submit"]),.contact-us-form textarea{width:100%;border: none;background-color: #F6F6F6;}
.contact-us-form > p{width:calc(50% - (24px - 24px / 2));margin-right:24px;margin-bottom: 0 !important;margin-top: 24px;position: relative;}
.contact-us-form > p:nth-child(2n){margin-right:0px;}
.contact-us-form > p:nth-last-child(2),.contact-us-form > p:nth-last-child(1){margin-right:0px;width:100%;}
.contact-us-form input[type="submit"]{background: linear-gradient(to right, #53b1d6, #88de7c);width: 100%;height: 55px;text-transform: uppercase;}

@media (max-width: 768px) {
.contactus-banner{background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/Contact-Us-Banner-amp-1.jpg");}
.contactfooterr{padding:30px 15px;}
.contact-us-form > p{width: 100%;margin-right: 0;}
#contact_form_pop .contactfooterr .l{display:none;}
.contact-us-form textarea{height:120px;}
.contactfooterr .grid-container { display: flex;flex-direction: column; }
.contactfooterr .grid-container .l { width: 100%; flex-shrink: 0; background-color: #F6F6F6; padding: 20px;}
.contactfooterr .grid-container .l .title { font-size: 18px; color: var(--global-color-8); margin-bottom: 20px; }
.contactfooterr .grid-container ul { list-style: none; padding: 0; margin: 0; margin-bottom: 20px; }
.contactfooterr .grid-container ul li { position: relative; padding-left: 20px; margin-bottom: 5px; counter-increment: item; }
.contactfooterr .grid-container ul li:before { content: counter(item) "."; position: absolute; left: 0; }
.contactfooterr .grid-container p { margin-bottom: 1px; }
.contactfooterr .grid-container a { text-decoration: none; color: #333333; }
.contactfooterr .grid-container .contact-items { display: block; border-bottom: 1px solid #a9a9a9; padding-bottom: 10px; justify-content: space-between;margin-right:0; }
.contactfooterr .grid-container .contact-items .contact-item { font-size: 15px; background-repeat: no-repeat; background-position: left center; padding-left: 50px;margin-bottom:15px; }
.contactfooterr .grid-container .erweima { display: flex; gap: 35px; margin-top: 20px; }
.contactfooterr .grid-container .erweima .erweima-item { text-align: center; }
.contactfooterr .grid-container .r { padding-left: 0;margin-top:20px; }
.contactfooterr .grid-container .r .title { font-size: 22px; margin-bottom: 0; text-align: center; text-transform: uppercase; }
.contactfooterr .grid-container .r .detitle { font-size: 14px; }
#fancybox-wrap{min-width:92%;}
#contact_form_pop .contactfooterr{overflow: initial;display:block;padding:10px;width:auto;}
#contact_form_pop .contactfooterr .grid-container .r .detitle{display:none;}
.contactfooterr .grid-container .r .wpcf7-spinner { padding: 0; margin: 0; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; }
.contact-us-form > p:nth-child(4){display:none;}
}