.wtbx_vc_google_map {
position: relative;
}
.wtbx_vc_google_map .wtbx-gdpr-noconsent-wrapper {
overflow: hidden;
}
.wtbx_vc_google_map .wtbx_gm_content {
width: 30%;
min-width: 400px;
padding: 60px;
margin-top: 120px;
margin-bottom: 120px;
background-color: #fff;
box-shadow: 0 20px 70px -10px rgba(9, 31, 67, 0.15);
display: inline-block;
z-index: 2;
position: relative;
}
.wtbx_vc_google_map .wtbx_gm_content.content_left {
margin-left: 10%;
}
.wtbx_vc_google_map .wtbx_gm_content.content_right {
margin-right: 10%;
}
@media only screen and (max-width: 991px) {
.wtbx_vc_google_map .wtbx_gm_content {
width: 40%;
margin-top: 60px;
margin-bottom: 60px;
}
.wtbx_vc_google_map .wtbx_gm_content.content_left {
margin-left: 60px;
}
.wtbx_vc_google_map .wtbx_gm_content.content_right {
margin-right: 60px;
}
}
@media only screen and (max-width: 768px) {
.wtbx_vc_google_map .wtbx_gm_content {
width: 100%;
min-width: initial;
margin-top: 0;
margin-bottom: 0;
padding: 30px;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
}
.wtbx_vc_google_map .wtbx_gm_content.content_left {
margin-left: 0;
border-radius: 0;
}
.wtbx_vc_google_map .wtbx_gm_content.content_right {
margin-right: 0;
border-radius: 0;
}
}
.wtbx_vc_google_map.content_left .wtbx_gm_container, .wtbx_vc_google_map.content_right .wtbx_gm_container {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
@media only screen and (max-width: 768px) {
.wtbx_vc_google_map.content_left .wtbx_gm_container, .wtbx_vc_google_map.content_right .wtbx_gm_container {
position: relative !important;
padding-top: 50%;
width: 100%;
min-height: 300px;
border-radius: 0;
}
}
.wtbx_gm_container.marker_shift .gm-style-iw {
margin-top: 15px;
}
.wtbx_gm_container .gm-style-iw-d {
overflow: hidden !important;
}
.wtbx_gm_container button[title="Close"] {
display: none !important;
}
.wtbx_gm_container .gm-style-iw-t:after {
display: none !important;
}
.wtbx_gm_container .gm-style-iw {
opacity: 0;
padding: 0 !important;
-moz-transform: translate3d(-50%, -100%, 0) scale3d(0.9, 0.9, 1);
-o-transform: translate3d(-50%, -100%, 0) scale3d(0.9, 0.9, 1);
-ms-transform: translate3d(-50%, -100%, 0) scale3d(0.9, 0.9, 1);
-webkit-transform: translate3d(-50%, -100%, 0) scale3d(0.9, 0.9, 1);
-webkit-transform: -webkit-translate3d(-50%, -100%, 0) scale3d(0.9, 0.9, 1);
transform: translate3d(-50%, -100%, 0) scale3d(0.9, 0.9, 1);
moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), transform 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), transform 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), transform 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), transform 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), transform 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_gm_container .gm-style-iw.init {
opacity: 1;
-moz-transform: translate3d(-50%, -100%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -100%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -100%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -100%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -100%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -100%, 0) scale3d(1, 1, 1);
}
.wtbx_gm_container .gm-style-iw.default_marker {
margin-top: 20px;
}
.wtbx_gm_container .gm-style-iw.style_default {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.15);
}
.wtbx_gm_container .gm-style-iw.style_minimal {
background-color: #fff;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.15);
border-radius: 2px;
}
.wtbx_gm_container .gm-style-iw.style_colorful {
border-radius: 4px;
overflow: visible;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.15);
}
.wtbx_gm_container .gm-style-iw.style_colorful:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-top-style: solid;
border-top-width: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: none;
}
.wtbx_gm_container .wtbx_googlemap_nokey {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
max-width: 100%;
max-height: 100%;
text-align: center;
font-style: italic;
}
.wtbx_gm_container .wtbx_iw_container .wtbx_iw_title {
margin: 0;
}
.wtbx_gm_container .wtbx_iw_container.style_default {
padding: 25px;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_image {
width: 130px;
max-width: 100%;
display: inline-block;
float: left;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_image img {
width: 100px;
height: auto;
border-radius: 2px;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_image + .wtbx_iw_content {
padding-left: 130px;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_content .wtbx_iw_title {
font-size: 1.285714em;
font-weight: 600;
line-height: 1.5;
margin: 0;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_content .wtbx_iw_address {
font-size: 0.857143em;
font-weight: 400;
line-height: 1.5;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_content .wtbx_iw_address + .wtbx_iw_descr {
margin-top: 1em;
}
.wtbx_gm_container .wtbx_iw_container.style_default .wtbx_iw_content .wtbx_iw_descr {
font-size: 1em;
line-height: 1.7;
font-weight: 400;
}
.wtbx_gm_container .wtbx_iw_container.style_minimal {
padding: 25px;
}
.wtbx_gm_container .wtbx_iw_container.style_minimal .wtbx_iw_content {
text-align: center;
}
.wtbx_gm_container .wtbx_iw_container.style_minimal .wtbx_iw_content .wtbx_iw_title,
.wtbx_gm_container .wtbx_iw_container.style_minimal .wtbx_iw_content .wtbx_iw_address {
font-size: 1em;
font-weight: 600;
line-height: 1.5;
}
.wtbx_gm_container .wtbx_iw_container.style_colorful {
padding: 25px;
}
.wtbx_gm_container .wtbx_iw_container.style_colorful .wtbx_iw_content {
text-align: center;
}
.wtbx_gm_container .wtbx_iw_container.style_colorful .wtbx_iw_content .wtbx_iw_title,
.wtbx_gm_container .wtbx_iw_container.style_colorful .wtbx_iw_content .wtbx_iw_address {
color: #fff;
font-size: 1em;
font-weight: 600;
line-height: 1.5;
}
.wtbx_gm_container .wtbx_gm_marker {
position: absolute;
border-radius: 50%;
z-index: 10000;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
cursor: pointer;
}
.wtbx_gm_container .wtbx_gm_marker.circle {
width: 34px;
height: 34px;
-o-animation: markerPulse 2s linear infinite;
-moz-animation: markerPulse 2s linear infinite;
-webkit-animation: markerPulse 2s linear infinite;
animation: markerPulse 2s linear infinite;
}
.wtbx_gm_container .wtbx_gm_marker.circle_border {
width: 20px;
height: 20px;
border-style: solid;
background-color: #fff;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
}
.wtbx_gm_container .wtbx_gm_marker.circle_halo {
width: 14px;
height: 14px;
}
.wtbx_gm_container .wtbx_gm_marker.circle_halo:before {
content: '';
position: absolute;
top: -8px;
bottom: -8px;
left: -8px;
right: -8px;
border-width: 3px;
border-style: solid;
border-radius: 50%;
}
.wtbx_gm_container .wtbx_gm_marker.circle_pulse {
width: 20px;
height: 20px;
-o-animation: markerPulse 2s linear infinite;
-moz-animation: markerPulse 2s linear infinite;
-webkit-animation: markerPulse 2s linear infinite;
animation: markerPulse 2s linear infinite;
}
.wtbx_gm_container .wtbx_gm_marker.circle_pulse:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-o-animation: markerImpulse 2s cubic-bezier(0.2, 0, 0.3, 1) infinite;
-moz-animation: markerImpulse 2s cubic-bezier(0.2, 0, 0.3, 1) infinite;
-webkit-animation: markerImpulse 2s cubic-bezier(0.2, 0, 0.3, 1) infinite;
animation: markerImpulse 2s cubic-bezier(0.2, 0, 0.3, 1) infinite;
}
.wtbx_gm_container .wtbx_gm_marker.pin {
width: 34px;
height: 34px;
border-bottom-right-radius: 0;
-moz-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-o-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotateZ(45deg);
transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
}
.wtbx_gm_container .wtbx_gm_marker.pin:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
@-webkit-keyframes markerPulse {
0% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
50% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
}
@-moz-keyframes markerPulse {
0% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
50% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
}
@-o-keyframes markerPulse {
0% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
50% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
}
@keyframes markerPulse {
0% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
50% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
}
@-webkit-keyframes markerImpulse {
0% {
opacity: 1;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
}
}
@-moz-keyframes markerImpulse {
0% {
opacity: 1;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
}
}
@-o-keyframes markerImpulse {
0% {
opacity: 1;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
}
}
@keyframes markerImpulse {
0% {
opacity: 1;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
transform: translate3d(-50%, -50%, 0) scale3d(3, 3, 1);
}
}
@-webkit-keyframes markerPin {
0% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
}
}
@-moz-keyframes markerPin {
0% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
}
}
@-o-keyframes markerPin {
0% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
}
}
@keyframes markerPin {
0% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1.2, 1.2, 1);
}
}
.wtbx_gm_container svg {
width: 10px;
height: 40px;
position: absolute;
top: 100%;
margin-top: -15px;
left: 50%;
-moz-transform: translate3d(-50%, 0, 0) rotateZ(90deg);
-o-transform: translate3d(-50%, 0, 0) rotateZ(90deg);
-ms-transform: translate3d(-50%, 0, 0) rotateZ(90deg);
-webkit-transform: translate3d(-50%, 0, 0) rotateZ(90deg);
-webkit-transform: -webkit-translate3d(-50%, 0, 0) rotateZ(90deg);
transform: translate3d(-50%, 0, 0) rotateZ(90deg);
moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.wtbx_gm_container .wtbx_iw_close {
display: none;
width: 30px !important;
height: 30px !important;
opacity: .2 !important;
-webkit-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_gm_container .wtbx_iw_close:before, .wtbx_gm_container .wtbx_iw_close:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 2px;
height: 14px;
border-radius: 2px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_gm_container .wtbx_iw_close:before {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
}
.wtbx_gm_container .wtbx_iw_close:after {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg);
}
.wtbx_gm_container .wtbx_iw_close img {
display: none;
}
.wtbx_gm_container .wtbx_iw_close:hover {
opacity: 1 !important;
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}