.c-content-contact-1 { width: 100%; position: relative; margin-bottom: 70px; } .c-content-contact-1:before { background-color: rgba(255, 255, 255, 0.5); } .c-content-contact-1:after { background-color: rgba(255, 255, 255, 0.5); } .c-content-contact-1 > .row .c-body { position: relative; z-index: 100; background: #ffffff; margin: 40px 40px 40px 0; padding: 60px 40px; } .c-content-contact-1 > .row .c-body > .c-section { margin-bottom: 15px; text-align: right; } .c-content-contact-1 > .row .c-body > .c-section > .c-content-label { display: inline; padding: 3px 7px; color: #fff; } .c-content-contact-1 > .row .c-body > .c-section > h3 { font-size: 26px; margin: 0 0 30px 0; text-transform: uppercase; } .c-content-contact-1 > .row .c-body > .c-section > p { font-size: 16px; line-height: 24px; color: #7f8c97; font-weight: 300; } .c-content-contact-1 > .row .c-body > .c-section > p, .c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 { margin-top: 20px; } .c-content-contact-1 > .row .c-body > .c-section > p > li, .c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 > li { list-style: none; display: inline-block; font-size: 24px; padding: 0 10px 5px 10px; background-color: #eee; } .c-content-contact-1-gmap { display: block; top: 0; bottom: 0; left: 0; right: 0; position: absolute; width: 100%; } .c-content-feedback-1 { width: 100%; } .c-content-feedback-1 > .row > div .c-content-title-1 > h3 { margin-top: 10px; margin-bottom: 20px; } .c-content-feedback-1 > .row > div .c-content-title-1 > .c-line-left { margin-bottom: 30px; height: 3px; width: 40px; } .c-content-feedback-1 > .row > div .c-content-title-1 > p { margin-bottom: 30px; font-weight: 300; } .c-content-feedback-1 > .row > div > .c-container { background-size: auto; padding: 30px; margin: 0 0 30px 0; } .c-content-feedback-1 > .row > div > .c-container > .c-inverse > h3 { color: #ffffff; margin-top: 10px; } .c-content-feedback-1 > .row > div > .c-container > .c-inverse > .c-line-left { background-color: #ffffff; } .c-content-feedback-1 > .row > div > .c-container > .c-inverse > p { color: #ffffff; } .c-content-feedback-1 > .row > div > .c-container:last-child { margin-bottom: 0; } .c-content-feedback-1 > .row > div > .c-container:last-child p { margin-bottom: 0; } .c-content-feedback-1 > .row > div form { margin-bottom: 20px; } .c-content-feedback-1 > .row > div form .input-group { width: 340px; } .c-content-feedback-1 .input-group { border: 0; } .c-content-feedback-1 .input-group .input-group-addon, .c-content-feedback-1 .input-group .btn { border: 0; } @media (max-width: 1024px) { .c-content-feedback-1 > .row > div form .input-group { width: 100%; } } @media (max-width: 991px) { /* 991px */ .c-content-contact-1-gmap { display: block; position: static; width: 100%; height: 300px !important; } .c-content-contact-1 > .row > div { width: 100%; } .c-content-contact-1 > .row > div .c-body { position: static; display: block; padding: 30px 20px 10px 20px; background: #fafafa; margin: 0; text-align: left; } .c-content-feedback-1 > .row > div > .c-container { margin-right: 0; margin-bottom: 40px; } .c-content-feedback-1 > .row > div > .c-contact { padding: 40px 30px 0 30px; margin: 0; } .c-content-feedback-1.c-option-2 > .row > div > .c-contact { padding: 30px; margin-top: 40px; background-color: #ffffff; } }