.cf-head { background: #586271; color: #fff; padding: 50px 0 57px; text-align: center; }
.cf-head h1 { margin-bottom: 13px; }
.cf-form { background: #f0f0f0; padding: 62px 19.15% 62px 14.6%; }
.cf-form label { margin-bottom: 6px; }
textarea.form-control {
    height: 120px;
    resize: none;
}
.cf-form:before {content: '';background: #f0f0f0;position: absolute;top: 0;right: 0;width: 300%;height: 100%;}
.form-check{padding:0;margin: 0px 0 25px;}
.form-check input{display:none;}
.form-check input + .wpcf7-list-item-label:before{content: '';display: block;width: 20px;height: 20px;background: #fff;border: 0px solid #C4C4C4;position: absolute;left: 0;top: 0;border-radius: 0;}
.form-check input + .wpcf7-list-item-label:after{content: '\f00c';font-family: "Font Awesome 5 Free";display: inline-block;font-weight: 900;font-size: 0;width: 20px;height: 20px;line-height: 20px;color: #fff;text-align: center;position: absolute;left: 0;top: 0;-webkit-transition: all 0.12s ease-in;transition: all 0.12s ease-in;}
.form-check input:checked + .wpcf7-list-item-label:after{color:#000;font-size: 16px;}
.form-check label{padding-left: 30px;position: relative;display: inline-block;vertical-align: top;font-size: 14px;line-height: 18px; font-weight: 400;}
.form-check label a{color:inherit; text-decoration:underline;}
.newsletter-check label{padding-left:0; width:calc(100% - 74px);}
.newsletter-check .wpcf7-form-control-wrap { display: inline-block; vertical-align: top; width: 64px; padding-left: 7px; }
.newsletter-check .wpcf7-form-control-wrap * { width: 100%; font-size: 15px; }
.newsletter-check .wpcf7-form-control-wrap .wpcf7-not-valid-tip{font-size: 12px;}
.newsletter-check .wpcf7-form-control-wrap .wpcf7-list-item { margin: 0; }
.newsletter-check .wpcf7-form-control-wrap .wpcf7-list-item:not(:last-child) { margin-bottom: 14px; }
.newsletter-check input + .wpcf7-list-item-label:before { right: 0; left: auto; }
.newsletter-check input + .wpcf7-list-item-label:after { right: 0; left: auto; }
.newsletter-check input:checked + .wpcf7-list-item-label:after { color: #90935f; }

.cf-detail-address { padding: 65px 12% 60px; }
.phone { font-size: 20px; margin-bottom: 30px; }
.phone > a { font-family: 'Muli', sans-serif; font-size: 30px; color: #90935f; }
address { font-size: 20px; line-height: 26px; margin-bottom: 0; }
.cf-detail-map { display: block; width: calc(100% + 120px); margin: 0 -15px; height: 400px; background: #586271; }
.cf-detail-feedback { padding: 100px 8% 80px 12%; }
.cf-detail-feedback > h3 { margin-bottom: 35px; }

@media (max-width:1439.98px) {

}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px) {
.cf-detail-address{padding:60px 8%;}
.cf-detail-map { width: calc(100% + 30px); }
.cf-detail-feedback{padding:80px 8%;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px) {
.cf-form{padding:40px 5px;}
.cf-detail-address{padding:36px 5px;}
.cf-detail-map{height:230px;}
.cf-detail-feedback{padding:40px 5px;}
.cf-detail-feedback h3 br{display: none;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px) {
.cf-detail-address,.cf-detail-feedback{text-align:center;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px) {

}