/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 04 2026 | 03:27:51 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 02:07:44 */
.contact-us{padding:100px 0 100px;background-color:#fff;}
.contactfooterr{background-position: left bottom;background-repeat: no-repeat;background-image: url("https://rebo-refra.com/wp-content/uploads/2026/05/form-bg.png");margin-top: 70px;}
.contactfooterr .grid-container { display: flex; }
.contactfooterr .title { font-size: 33.31px; margin-bottom: 0; font-weight:bold;font-family: "Arial Black";display: flex;align-items: center;gap: 9px; }
.contactfooterr .title:before {content: '';width: 4px;height: 25px;background-color: var(--accent);display: inline-block;}
.contactfooterr .grid-container .l { width: 49%; flex-shrink: 0; }
.contactfooterr .grid-container p { margin-bottom: 0; }
.contactfooterr .grid-container a { text-decoration: none; color: #333333; }
.contactfooterr .grid-container .contact-items { display: flex;  justify-content: space-between;margin-top:20px; }
.contactfooterr .grid-container .contact-items .contact-item { font-size: 19.43px; background-repeat: no-repeat; background-position: left center; padding-left: 75px; }
.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.EMAIL { background-image: url("https://rebo-refra.com/wp-content/uploads/2026/06/EMAIL-US.webp"); }
.contactfooterr .grid-container .contact-items .contact-item.TELWA { background-image: url("https://rebo-refra.com/wp-content/uploads/2026/06/CALL-US.webp"); }
.contactfooterr .grid-container .contact-items .contact-item.BASE { background-image: url("https://rebo-refra.com/wp-content/uploads/2026/06/BASE.webp"); }
.contactfooterr .grid-container .erweima { display: flex; gap: 35px; margin-top: 63px;border-bottom: 2px solid #e5e5e5; padding-bottom: 20px;text-transform: uppercase;fill-size: 19px; }
.contactfooterr .grid-container .erweima .erweima-item { text-align: center; }
.contact-us-form textarea{height:150px;}
.contactfooterr .grid-container .r { padding-left: 40px;flex:1; }
.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;margin-top:0;}
#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: 17px;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-color: var(--accent);width: 100%;height: 90px;text-transform: uppercase;font-size: 25px;}

@media (max-width: 768px) {  .contact-us{padding:30px 0;background-color:#fff;}
.contactus-banner{background-image: url("https://raybogrowbags.com/wp-content/uploads/2026/01/Contact-Us-Banner-amp-1.jpg");}
.contactfooterr{padding:30px 15px;margin-top: 0px;}
.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-reverse; }
.contactfooterr .title { font-size: 18px; margin-bottom: 0; font-weight:bold;font-family: "Arial Black";display: flex;align-items: center;gap: 9px; }
.contactfooterr .title:before {content: '';width: 4px;height: 25px;background-color: var(--accent);display: inline-block;}
.contactfooterr .grid-container .l { width: 100%; flex-shrink: 0; background-color: #F6F6F6; padding: 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; justify-content: space-between;margin-right:0; }
.contactfooterr .grid-container .contact-items .contact-item { font-size: 14px; background-repeat: no-repeat; background-position: left center; padding-left: 50px;margin-bottom:20px;background-size: 35px auto; }
.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; }
.contact-us-form input[type="submit"]{height: 50px;font-size: 16px;}
.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;}
}