::-webkit-scrollbar {width: 4px; background-color: #ccc;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.9);-webkit-border-radius: 2px;border-radius: 2px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 2px;background: #343B44;-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.1);}
::-webkit-scrollbar-thumb:window-inactive {background: #343B44;}
.innerBanner{ position:relative;}
.click{ position:absolute; left:12%; top:25%; width:150px; height:150px; z-index:99;}
.address-map { position:absolute; height: auto; max-height: 500px; overflow-y: scroll; min-width: 320px; left:0;
    top:0px;
    font-size:90%;
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.2);
    box-shadow: 0 0 16px rgba(0,0,0,0.2);
    padding:8px;
    z-index:9;
    background-color: #fff;transition: all 1s cubic-bezier(.25,.8,.25,1); -webkit-transition: all 1s cubic-bezier(.25,.8,.25,1);transform: scale(0); }
.address-map h3 { background-color: #2a62bc; color: #fff; padding: 6px; font-size: 16px; margin-bottom: 8px;}
.address-map p,.address-map h4 { font-size:12px; line-height: 1.3em; margin-bottom:8px }
.address-map p strong,.address-map h4 { font-weight: 600; display: block;}
.address-map-wrapper { position: relative; width: auto; margin: 0 auto; }.address-map-wrapper img { max-width: 100%;
                                                                             width:auto; transition: all 0.2s ease-in; }
.address-map-wrapper .map-part { position: absolute;}
.address-map .divider { height: 1px; background-color: #ccc; margin: 8px 0;}
.address-map-wrapper .map-part.sa {top: 287px;left: 237px; z-index: 6;}
.address-map-wrapper .map-part.eu {left: 387px;top: 14px; z-index: 5;}
.address-map-wrapper .map-part.as {left: 511px;top: 19px;z-index: 5}
.address-map-wrapper .map-part.af {top: 217px;left: 402px;}
.address-map-wrapper .map-part.au {left: 735px;top: 312px;}
.address-map-wrapper .map-part.active .address-map { transform: scale(1);}
.address-map-wrapper .map-part img:hover,.address-map-wrapper .map-part.active img { }
.address-map-wrapper .map-part.active {
    z-index:999

}
.address-map-wrapper .map-part.active.highlight  {
    animation:unset
}
.text-center { text-align:center;}
.h2 {margin-bottom: 7px;}
.highlight #na,#na:hover {filter: hue-rotate(50deg);-webkit-filter: hue-rotate(50deg);-moz-filter: hue-rotate(50deg);-o-filter:hue-rotate(50deg);}
.highlight #sa,#sa:hover {filter: hue-rotate(100deg);-webkit-filter: hue-rotate(100deg);-moz-filter: hue-rotate(100deg);-o-filter:hue-rotate(100deg);}.highlight #as,#as:hover {filter: hue-rotate(150deg);-webkit-filter: hue-rotate(150deg);-moz-filter: hue-rotate(150deg);-o-filter:hue-rotate(150deg);}
.highlight #af,#af:hover {filter: hue-rotate(200deg);-webkit-filter: hue-rotate(200deg);-moz-filter: hue-rotate(200deg);-o-filter:hue-rotate(200deg);}
.highlight #eu,#eu:hover {filter: hue-rotate(250deg);-webkit-filter: hue-rotate(250deg);-moz-filter: hue-rotate(250deg);-o-filter:hue-rotate(250deg);}
.highlight #au,#au:hover {filter: hue-rotate(300deg);-webkit-filter: hue-rotate(300deg);-moz-filter: hue-rotate(300deg);-o-filter:hue-rotate(300deg);}
.address-map-wrapper .map-part.highlight {
    -webkit-animation: animateNa 2s infinite;
    animation: animateNa 2s infinite;
}


@keyframes animateNa {
    0% {filter: brightness(1);-webkit-filter: brightness(1);}
    50% {filter: brightness(0.8);-webkit-filter: brightness(0.8);}
    100% {filter: brightness(1);-webkit-filter: brightness(1);}
}