.page-template-contact-zerocater #ajax-content-wrap {
padding-top: 70px;
}
.page-template-contact-zerocater .row.page-header-no-bg {
height: 317px;
padding-bottom: 0;
text-align: left;
}
.page-template-contact-zerocater .row.page-header-no-bg .container {
display: block;
padding-top: 25px;
height: auto;
max-width: 1172px;
padding-left: 15px;
padding-right: 15px;
}
.page-template-contact-zerocater .row.page-header-no-bg h1{
font-family: zc_light;
font-size: 48px;
line-height: 1;
letter-spacing: -0.2px;
color: #ffffff;
max-width: 512px;
}
.page-template-contact-zerocater .container-wrap{
padding-top:76px;
background-color: #f2f2f2 !important;
}
.container-wrap .container{
max-width: 1172px;
padding: 0 15px;
padding-bottom: 70px;
}
.container-wrap .container .all-regions {
grid-column: 4;
display: grid;
grid-template-columns: minmax(29%, 358px) minmax(29%, 358px) minmax(29%, 358px);
grid-gap: 33px;
justify-content: center;
}
.single-region {
box-shadow: 0 0 9px 0 rgba(225, 225, 225, 0.5);
background: #fff;
}
.single-region .region-image img{
display:block;
}
.single-region .other-details {
padding: 15px 21px 10px;
}
.single-region h2{
font-family: zc_light;
font-size: 32px;
line-height: normal;
letter-spacing: -0.1px;
color: #080808 ;
font-weight: 300;
margin-bottom:18px;
}
.single-region h2 span{
font-size:20px;
}
.data-box {
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0 0 14px 0 rgba(209, 209, 209, 0.5);
padding: 8px 15px 9px;
margin-bottom: 12px;
min-height: 72px;
}
.single-region h3{
font-family: zc_light !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: normal !important;
letter-spacing: -0.1px !important;
color: #080808 !important;
margin-bottom:0px;
}
.single-region .detail {
display: grid;
grid-template-columns: calc(50% - 2px) 50%;
grid-gap: 2px;
}
@media ( max-width:499px){
.page-template-contact-zerocater .row.page-header-no-bg{
height: 227px;
padding-top: 65px;
}
.page-template-contact-zerocater .row.page-header-no-bg h1,
.map-section h2#locations {
font-size: 36px !important;
}
.page-template-contact-zerocater .row.page-header-no-bg .container, .container-wrap .container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.container-wrap .container {
max-width: 388px !important;
}
}
.page-header-no-bg{
background:url(https://cdn.zerocater.com/wp-content/uploads/2018/09/contact-us-header-768x187.jpg) right no-repeat;
background-size: cover;
}
@media (min-width:767px){
.page-header-no-bg{
background:url(https://cdn.zerocater.com/wp-content/uploads/2018/09/contact-us-header.jpg) right no-repeat;
background-size: cover;
}
}
.data-box {
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0 0 14px 0 rgba(209, 209, 209, 0.5);
padding: 8px 15px 9px;
margin-bottom: 12px;
min-height: 72px;
}
.single-region h3{
font-family: zc_light !important;
font-size: 16px !important;
font-weight: 300 !important;
line-height: normal !important;
letter-spacing: -0.1px !important;
color: #080808 !important;
margin-bottom:0px;
}
.single-region .detail {
display: grid;
grid-template-columns: calc(50% - 2px) 50%;
grid-gap: 2px;
}
.single-region .detail a{
color: #e01533;
}
.single-region .detail a:hover{
color: #e01533;
text-decoration:underline;
}
.single-region .detail > div {
background-color: #fff;
padding:0 13px;
}
.single-region .detail .btn-detail{
padding-left: 0px;
font-family: zc_regular;
font-size: 14px;
font-weight: normal;
line-height: normal;
letter-spacing: -0.1px;
text-align: left;
color: #e01533;
border-right: 2px solid #e3e3e3;
align-self: center;
padding-top: 7px;
padding-bottom: 5px;
}
.single-region .detail .phone-num{
padding-right:0px;
font-family: zc_light;
font-size: 14px;
font-weight: 300;
line-height: normal;
color: #000000;
align-self: center;
background:url(https://cdn.zerocater.com/wp-content/uploads/2018/08/phone-icon.svg) no-repeat 15px center;
padding-left: 44px;
padding-top: 3px;
padding-bottom: 3px;
}
.single-region .detail .btn-detail button,
.single-region .detail .btn-detail .button {
border-radius: 3px;
border: solid 1px #e01533;
background: #fff;
color: #e01533;
font-family: zc_regular;
font-size: 14px;
font-weight: normal;
line-height: normal;
letter-spacing: -0.1px;
padding: 2px 6px 4px;
cursor: pointer;
/*min-width: 118px;*/width: 118px;
max-width: 100%;
}
.single-region .detail .btn-detail .button{
height: 24px;
text-decoration: none;
}
.single-region .detail .btn-detail button:hover,
.single-region .detail .btn-detail .button:hover {
background:#ba112c;
border-color:#ba112d;
color: #fff;
box-shadow:none !important;
}
.single-region .detail a:hover{
text-decoration: underline;
}
.press-inquiries{
height: 168px;
min-width: 29%;
max-width: 358px;
margin-left: 0px;
margin-top: 33px;
}
.press-inquiries .data-box {
padding: 9px 15px 9px;
}
.press-inquiries .data-box .detail {
min-height: 53px;
}
.svg-img {
width: 893px;
margin: 0 auto;
}
.map-section {
background-color: #f7f9fc;
padding-top:59px;
text-align:center;
margin-bottom: -147px;
padding-bottom: 147px;
}
.map-section h2#locations {
font-family: zc_light !important;
font-size: 48px !important;
font-weight: 300 !important;
line-height: 0.56 !important;
letter-spacing: -0.2px !important;
text-align: center;
color: #080808 !important;
}
.map-section .description-office{
width: 485px;
max-width:100%;
font-family: zc_light !important;
font-size: 18px;
font-weight: 300;
line-height: normal;
text-align: center;
color: #7c7c7c;
margin: 30px auto 0px;
}
.city-position .region-detail{
display:none;
}
.svg-img div#austin {
top: 68%;
left: 47%;
}
.svg-img div#chicago {
top: 28.5%;
right: 33.3%;
}
.svg-img div#new-york {
top: 25%;
right: 10.2%;
}
.svg-img div#DC {
top: 33.5%;
right: 13.9%;
}
.city-position:hover .region-detail {
position: absolute;
width: 302px;
min-height: 127px;
background-color: #ffffff;
padding: 8px;
box-shadow: 0 2px 20px 0 rgba(149,149,149,0.5);
display: grid;
bottom: 48px;
left: -40px;
grid-template-columns: auto auto;
grid-gap: 17px;
text-align: left;
}
/*
@keyframes bounce {
from { transform: translate3d(0, -10px, 0); }
to { transform: translate3d(0, 0px, 0); }
}
*/
.city-position .region-detail h4.region-name {
font-family: zc_medium;
font-size: 20px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
margin-bottom: 4px;
}
.city-position .region-detail .region-address {
font-family: zc_light;
font-size: 14px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #7c7c7c;
padding-right:18px;
}
.city-position .region-detail .region-phone,
.city-position .region-detail .region-phone a {
font-family: zc_medium;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #e40037;
margin-top: 6px;
}
.city-position .region-detail .region-phone a{
margin-top:0px;
}
.region-detail:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 13px solid #fff;
content: '';
position: absolute;
bottom: -13px;
left: 40px;
}
.svg-img .city-position{
width: 20px;
height: 33px;
cursor:pointer;
background:none !important;
border:none !important;
}
.svg-img div#san-francisco {
top: 37.6%;
left: 6.4%;
background: none !important;
border: none;
}
.svg-img div#LA {
top: 52.4%;
left: 11.2%;
background: none !important;
border: none;
}
.city-position:hover .map-pointer,
.city-position:hover .down-arrow {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 13px solid #fff;
top: -15px;
position: relative;
z-index: 1;
}
.city-position:hover .map-pointer {
border-top: 13px solid transparent;
top: -15px;
z-index: 0;
}
.map-pointer:after,.map-pointer:before {
content: '';
border: 1px solid #5b6982;
width: 73px;
height: 73px;
border-radius: 50%;
display: none;
position: absolute;
top: -20px;
left: -36px;
animation: pulsate 2s ease-out;
animation-iteration-count: infinite;
opacity: 0;
animation-delay: 0.5s;
}
.map-pointer:after {
width: 53px;
height: 53px;
top: calc(-20px + 10px);
left: calc(-36px + 10px);
}
.city-position:hover .map-pointer:after,.city-position:hover .map-pointer:before{
display:block;
}
@keyframes pulsate{
0%{
transform: scale(0.1, 0.1);
opacity: 0.0;}
50%{
opacity: 1.0;
}
100%{
transform: scale(1.2, 1.2);
opacity: 0;
}
}
.svg-img .city-position:hover{
background:none !important;
border:none !important;
}
#austin.city-position:hover .region-detail,
#chicago.city-position:hover .region-detail{
left: -140px;
}
#austin.city-position:hover .region-detail:after,
#chicago.city-position:hover .region-detail:after{
left: calc(50% - 10px);
}
#DC.city-position:hover .region-detail,
#new-york.city-position:hover .region-detail{
left:-211px;
}
#DC.city-position:hover .region-detail:after,
#new-york.city-position:hover .region-detail:after{
left: 211px;
}
.single-region .detail .btn-detail{
overflow: hidden;
text-overflow: ellipsis;
}
@media( max-width:1262px){
.page-template-contact-zerocater .row.page-header-no-bg {
background-position: left center !important;
}
.page-template-contact-zerocater .row.page-header-no-bg .container,
.container-wrap .container {
padding-left: 60px !important;
padding-right: 60px !important;
max-width:1025px;
}
.container-wrap .container .all-regions {
grid-gap: 10px;
}
.page-template-contact-zerocater .row.page-header-no-bg h1 {
font-size: 40px !important;
max-width: 480px;
}
.single-region .other-details {
padding: 15px 13px 10px;
}
.single-region h2 {
font-size: 28px !important;
}
.single-region h2 span{
font-size: 18px !important;
}
.data-box {
padding: 8px 7px 9px;
}
.single-region .detail > div {
padding: 0 1px;
}
.single-region .detail .phone-num {
padding-left: 35px;
}
.single-region .detail .phone-num {
background-position: 8px center;
}
.single-region .detail .btn-detail button,
.single-region .detail .btn-detail .button {
padding: 2px 4px 4px;
}
.press-inquiries {
max-width: 287px;
}
.press-inquiries .data-box {
padding: 9px 7px 9px;
}
.single-region .detail .btn-detail button, .single-region .detail .btn-detail .button {
font-size: 13px;
}
}
@media( max-width:1050px){
.page-template-contact-zerocater .row.page-header-no-bg {
margin-top: 0;
background-position: 37% top !important;
}
}
@media( max-width:1024px){
.single-region h2 {
font-size: 30px !important;
}
.single-region h2 span{
font-size: 20px !important;
}
.svg-img div#austin {
top: 68%;
left: 47%;
right: inherit;
}
.svg-img div#chicago {
top: 28.5%;
right: 33.3%;
left: inherit;
}
.svg-img div#new-york {
top: 25%;
right: 10.2%;
left: inherit;
}
.svg-img div#DC {
top: 33.5%;
right: 13.9%;
left: inherit;
}
.svg-img div#san-francisco {
top: 37.6%;
left: 6.4%;
right: inherit;
}
.svg-img div#LA {
top: 52.4%;
left: 11.2%;
right: inherit;
}
}
@media ( max-width:1024px){
.container-wrap .container .all-regions {
grid-template-columns: minmax(29%,358px) minmax(29%,358px);
}
.container-wrap .container .all-regions {
grid-gap: 33px;
}
.press-inquiries {
max-width: 358px;
width: 48%;
}
.svg-img{
transform: scale(.8);
margin-left:-13%;
}
.map-button.zerocater-served-cities {
max-width: 714px;
margin: 0 auto;
}
.container-wrap .container{
max-width: 869px !important;
}
.region-detail:after {
bottom: -12px;
}
.city-position .region-detail {
transform: scale(1.3);
}
.city-position:hover .region-detail{
left: -10px;
bottom: 68px;
}
#DC.city-position:hover .region-detail,
#new-york.city-position:hover .region-detail {
left: -231px;
}
}
@media ( max-width:990px){
.page-template-contact-zerocater .row.page-header-no-bg{
background-position: 20% top !important;
}
}
@media ( max-width:767px){
.page-template-contact-zerocater .row.page-header-no-bg h1 {
font-size: 36px !important;
max-width: 400px;
}
.svg-img .city-position {
width: 70px;
height: 70px;
margin-left: -20px;
margin-top: -15px;
}
.page-template-contact-zerocater .row.page-header-no-bg {
background-position: 25% top !important;
}
.page-template-contact-zerocater .row.page-header-no-bg {
background-position: 19% top !important;
}
.container-wrap .container .all-regions {
grid-template-columns: minmax(29%,358px);
}
.map-button.zerocater-served-cities {
max-width: 366px;
margin: 0 auto;
padding: 0 0px;
}
.svg-img {
transform: scale(.45);
margin-left: -271px;
margin-top: -130px;
margin-bottom: -250px;
}
.city-position:hover .region-detail {
left: 53px;
bottom: 124px;
transform: scale(1.7);
}
#austin.city-position:hover .region-detail,
#chicago.city-position:hover .region-detail {
left: -119px;
}
#DC.city-position:hover .region-detail,
#new-york.city-position:hover .region-detail {
left: -237px;
}
.press-inquiries {
width: 100%;
}
.container-wrap .container {
max-width: 478px !important;
}
.city-position:hover .map-pointer {
top: 3px;
left: 18px;
}
#DC.city-position:hover .map-pointer,
#new-york.city-position:hover .map-pointer {
left: 22px;
}
#chicago.city-position:hover .map-pointer {
left: 25px;
}
.svg-img div#chicago {
right: 30.3%;
}
.svg-img div#DC {
right: 10.9%;
}
.svg-img div#new-york {
right: 7.2%;
}
}
@media ( max-width:499px){
.page-template-contact-zerocater .row.page-header-no-bg{
height: 227px;
padding-top: 65px;
}
.page-template-contact-zerocater .row.page-header-no-bg h1,
.map-section h2#locations {
font-size: 36px !important;
}
.page-template-contact-zerocater .row.page-header-no-bg .container, .container-wrap .container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.map-button.zerocater-served-cities {
padding: 0 15px;
}
.svg-img {
transform: scale(.41);
margin-left: -285px;
margin-top: -130px;
margin-bottom: -250px;
}
.city-position:hover .region-detail {
left: 134px;
bottom: 143px;
transform: scale(2);
}
.svg-img div#new-york {
right: 7.2%;
}
.region-detail:after {
left: 13px;
}
#DC.city-position:hover .region-detail,
#new-york.city-position:hover .region-detail {
left: -343px;
}
#DC.city-position:hover .region-detail:after,
#new-york.city-position:hover .region-detail:after {
left: 253px;
}
#DC.city-position:hover .map-pointer,
#new-york.city-position:hover .map-pointer {
left: 22px;
}
.svg-img div#DC {
right: 10.9%;
}
.container-wrap .container {
max-width: 388px !important;
}
.page-template-contact-zerocater .row.page-header-no-bg {
background-position: 20% top !important;
}
.page-template-contact-zerocater .row.page-header-no-bg h1{
font-size: 27px !important;
max-width: 300px;
}
}
@media ( max-width:359px){
.svg-img {
transform: scale(.36);
margin-left: -305px;
margin-top: -130px;
margin-bottom: -250px;
}
.city-position:hover .region-detail {
left: 134px;
bottom: 143px;
transform: scale(2);
}
.svg-img div#new-york {
right: 7.2%;
}
.region-detail:after {
left: 13px;
}
#DC.city-position:hover .region-detail,
#new-york.city-position:hover .region-detail {
left: -343px;
}
#DC.city-position:hover .region-detail:after,
#new-york.city-position:hover .region-detail:after {
left: 253px;
}
#DC.city-position:hover .map-pointer,
#new-york.city-position:hover .map-pointer {
left: 22px;
}
.svg-img div#DC {
right: 10.9%;
}
}
#chat-window{z-index: 9999999999999999;} Grow your business with ZeroCater. Enter your details and a representative will be in touch for a consultation.
There was an error processing your submission. Please make sure all fields are correctly filled out.