.ominvest_map { display: inline-block; width: 100%; height: auto; position: relative; } .ominvest_map .map { display: block; width: 100%; object-fit: contain; object-position: center; } .ominvest_map .pointers { position: absolute; top: 0; width: 100%; height: 100%; } .ominvest_map .pointer { position: absolute; width: 12px; height: 12px; -webkit-transform: translate3d(-8px, -8px, 0); -moz-transform: translate3d(-8px, -8px, 0); -o-transform: translate3d(-8px, -8px, 0); transform: translate3d(-8px, -8px, 0); z-index: 1; } .ominvest_map .pointer.show { z-index: 2; z-index: 1000; } .ominvest_map .pointer.show .pointer__data { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-opacity: 1; -o-opacity: 1; pointer-events: all; } .ominvest_map .pointer__data { position: absolute; top: -166px; left: -57px; width: 342px; height: 155px; z-index: 1; padding-top: 25px; padding-left: 28px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease-in-out; -khtml-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-color: #6E859C; border-radius: 18px; } .pointer__marker--css { width: 12px; height: 12px; position: absolute; background: #6E859C; -webkit-border-radius: 16px; -khtml-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; transform: translate(-50%); -webkit-animation: markerAnimationPoint 2s ease-in-out infinite; animation: markerAnimationPoint 2s ease-in-out infinite; } .pointer__marker--css:before { content: ""; width: 12px; height: 12px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 0px; left: 0px; background: transparent; -webkit-box-shadow: 0 0 2px 2px #6E859C, 0 0  2px 2px #6E859C; -khtml-box-shadow: 0 0 2px 2px #6E859C, 0 0  2px 2px #6E859C; -moz-box-shadow: 0 0 2px 2px #6E859C, 0 0  2px 2px #6E859C; -ms-box-shadow: 0 0 2px 2px #6E859C, 0 0  2px 2px #6E859C; -o-box-shadow: 0 0 2px 2px #6E859C, 0 0  2px 2px #6E859C; box-shadow: 0 0 2px 2px #6E859C, 0 0  2px 2px #6E859C; -webkit-animation: markerAnimation 2s ease-in-out infinite; animation: markerAnimation 2s ease-in-out infinite; } @-webkit-keyframes markerAnimation { 0% { -webkit-transform: scale(0.1); -khtml-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-opacity: 1; -o-opacity: 1; } 70% { -webkit-transform: scale(2.5); -khtml-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; } to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; } } @keyframes markerAnimation { 0% { -webkit-transform: scale(0.1); -khtml-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-opacity: 1; -o-opacity: 1; } 70% { -webkit-transform: scale(2.5); -khtml-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; } to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; } } @-webkit-keyframes markerAnimationPoint { 0% { -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes markerAnimationPoint { 0% { -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } .pointer__marker--css { position: absolute; } div.pointers #usa { top: 40.2%; left: 16.5%; } div.pointers #gcc { top: 51%; left: 60%; } div.pointers #india { top: 52%; left: 69.5%; } div.pointers #malaysia { top: 61.5%; left: 77.5%; } div.pointers #thailand { top: 55%; left: 79%; } div.pointers #southkorea { top: 40.8%; left: 84%; } @media (max-width: 768px) { div.pointers #usa { top: 35%; left: 14%; } div.pointers #gcc { top: 45%; left: 58%; } div.pointers #india { top: 45%; left: 68%; } div.pointers #malaysia { top: 55%; left: 76%; } div.pointers #thailand { top: 49%; left: 77%; } div.pointers #southkorea { top: 36%; left: 83%; } } @media (max-width: 768px) { #group_assets div span { font-size: 100px !important; } }	 @media (max-width: 768px) { .mobile_white div.gdlr-core-counter-item-bottom-text { color: #ffffff !important; } } @media (max-width: 767px) { .infinite-footer-column, #custom_html-4 { margin-bottom: 0; } }