.com-banner p{position:relative;padding:0}
.com-banner{ position:relative;background: url(https://www.manageengine.com/images/new-solutions-banner.jpg) no-repeat #1c3d95;background-size: cover;}
.com-banner img{width:100%;opacity:0;}
.com-banner h2{
    font-size: 3em;
    font-family: 'Zoho_Puvi_SemiBold';
    text-align: center;
    position: absolute;
    left: 0;
    color: #FFF;
    z-index: 1;
    top: 0;
    width: 100%;
    padding-top: 3%;}
.com-banner h2 span{
    display: block;
    line-height: normal;
    font-size: .4em;
    padding: 20px 0 0 0;
}

ol, ul{list-style: none!important}
/*.container{max-width: 1200px;width:98%!important;margin:0 auto!important}*/
/*.medc-list{max-width: 1240px;margin: 0 auto;width: 90%}*/
.medc-list{min-height:320px}	
.medc-list > div{float: left;box-sizing: border-box}
.medc-list-left{width:220px;padding-right:35px}
.medc-list-right{width:calc(100% - 220px);padding-left:35px;border-left: 1px solid #f8f8f8}
.medc-list-left ul li{cursor:pointer;padding:6px 0;font-family: 'Zoho_Puvi_Regular';color:#666;font-size:18px;position:relative;}
.medc-list-left ul li.active:after{position: absolute; content: ""; width: 8px; height: 8px; right: 5px; top: 50%; transform: translate(-50%, -50%) rotate(45deg); border-color: #0083d3; border-style: solid solid none none; border-width: 1px;}
.mecountrylist{display:none}
.medc-list-left ul li.active{color: #0083d3}
.mecountrylist.active{display:block}
.mecountrylist > ul{margin-bottom: 40px;width: 100%;display:flex;flex-wrap: wrap;}
.medc-list-left > ul,.mecountrylist > ul{padding:0 0!important}
.mecountrylist > ul li{width: 25%;box-sizing: border-box;padding:10px 30px;box-shadow: 1px 0 0 0 #e1e1e1, 0 1px 0 0 #e1e1e1, 1px 1px 0 0 #e1e1e1, 1px 0 0 0 #e1e1e1 inset, 0 1px 0 0 #e1e1e1 inset;}
@media screen and (max-width:1075px){
	.mecountrylist > ul li{width:50%}
	.comTtl{font-size: 1.6em}
}
@media screen and (max-width:650px){
	.comTtl{font-size: 1.3em!important}
	.medc-list-left ul li{font-size:15px}
	.medc-list-left{width: 175px;padding-right: 20px}
	.medc-list-right{width:calc(100% - 190px);padding-left:20px}
}
@media screen and (max-width:599px){
	.mecountrylist > ul li{width: 100%}
}
	/*new */
	body
	{
		background: #fff!important;
	}
	body #scroll {
    background: #fff;
}
	section.com-banner {
    padding: 50px 0;
    color: #fff;
	text-align: center;
} 
.com-banner h1
	{
		    font-size: 2.6em;
    font-family: 'Zoho_Puvi_SemiBold';
		margin-bottom: 25px;
	}
	.section-tit.fm-center {
    margin: 40px 0 70px 0;
}
	section.com-banner .container
	{
		position: relative;
		z-index: 9;
	}
	section.com-banner:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background: rgb(0 0 0 / 26%);
    top: 0;
    left: 0;
}
	.footerlinks {
    text-align: center;
	    margin-top: 50px;	
}
	h3.section-tit {
    font-family: 'Zoho_Puvi_Medium';
    color: #000;
	    font-size: 1.8em;	
} 
	p.para {
    font-size: 16px;
}
	#scroll ul.location-nav {
    text-align: center;
    margin: 30px 0;
	    position: relative;	
}
	#scroll ul.location-nav:after {
    content: "";
    display: block;
    width: 60%;
    height: 1px;
    background: #ccc;
    margin: 0 auto;
}
	#scroll .location-nav li {
    display: inline-block;
}
	#scroll .location-nav li span {
    display: block;
    padding: 5px 20px 10px 20px;
    font-size: 20px;
    font-family: 'Zoho_Puvi_Medium';
    cursor: pointer;
	position: relative;
}
	#scroll .loc-tab-active span, #scroll .location-nav li span:hover {
    color: #0083d3;
}
	#scroll .location-nav li span:after {
    content: "";
    display: block;
    width: 100%;
    background: transparent;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
}
	#scroll .location-nav .loc-tab-active span:after {
		background: #0083d3;
	}
	/* data center */
	.zmap-inner {
    max-width: 1200px;
    width: 98%;
    margin: 0 auto;
    position: relative;
}
.zmap-pointer{
    position:absolute;
    left:0;
    top:0;
    width:10px;
    height:10px;
    display:inline-block;
    background:red;
    border-radius:100%
}
.zmap-pointer.pointer-us-w{
    top:36%;
    left:11%
}
.zmap-pointer.pointer-us-d{
    top:46%;
    left:17%
}
.zmap-pointer.pointer-in-c{
    top:59.2%;
    left:71.3%
}
.zmap-pointer.pointer-in-m{
    top:55.8%;
    left:69.5%
}
.zmap-pointer.pointer-eu-a{
    left:48%;
    top:35.5%
}
.zmap-pointer.pointer-eu-d{
    top:34%;
    left:44.3%
}
.zmap-pointer.pointer-uk-l{
    top: 35.4%;
    left: 46%;
}
.zmap-pointer.pointer-uk-m{
    top: 34%;
    left: 45.5%;
}
.zmap-pointer.pointer-au-s{
    top:84%;
    left:92.4%
}
.zmap-pointer.pointer-au-m{
    top:87%;
    left:90.4%
}
	.zmap-pointer.pointer-cn-t{
    top:39.5%;
    left:22.5%
}
	.zmap-pointer.pointer-cn-m{
    top:37.5%;
    left:24.5%
}
.zcountrylist h4::after,.zcountrylist h4::before{
    position:absolute;
    right:20px;
    top:16px;
    width:10px;
    height:2px;
    background:#000;
    content:"";
    transform:rotate(45deg)
}
.zcountrylist h4::before{
    transform:rotate(-45deg);
    right:14px
}
#us-countrylist{
    display:block
}
.zdata-locals .content-wrap>div>span{
    display:block
}
.zmap-container h2{
    margin-bottom:70px
}
.zdata-locals{
    margin:50px auto
}
.zdata-locals .content-wrap{
    position:relative;
    max-width:1200px
}
.zdata-locals .content-wrap>div{
    display:inline-block;
    width:49%;
    box-sizing:border-box;
    padding:30px
}
.zdata-locals .content-wrap>div span h4{
    margin-bottom:0
}
.zdata-locals .content-wrap>div span:first-child{
    margin-bottom:15px
}
.zdata-locals .content-wrap>div>span:nth-child(2){
    margin-bottom:8px
}
.zdata-locals .content-wrap:after,.zdata-locals .content-wrap:before{
    content:none;
    position:absolute;
    background:#f2f2f2
}
.zdata-locals .content-wrap:before{
    width:100%;
    height:1px;
    top:53%;
    left:0
}
.zcertifi{
    font-size:16px
}
.zdata-locals .content-wrap:after{
    height:92%;
    width:1px;
    left:49%;
    top:6%
}
.zmap-pointer{
    height:5px;
    width:5px;
    display:inline-block;
    border:1px solid red;
    border-radius:100%;
    background:#fff;
    transform:scale(1);
    transition:transform .25s ease;
    cursor:pointer
}
.zmap-pointer.pointer-us-w:after,.zmap-pointer.pointer-us-w:before{
    border:1px solid #f1ab21
}
.zmap-pointer.pointer-us-w:after{
    background-color:#f1ab21
}
.zmap-pointer.pointer-us-d:after,.zmap-pointer.pointer-us-d:before{
    border:1px solid #ffd37a
}
.zmap-pointer.pointer-us-d:after{
    background-color:#ffd37a
}
	.zmap-pointer.pointer-cn-m:after,.zmap-pointer.pointer-cn-m:before{
    border:1px solid #6a78c5
}
.zmap-pointer.pointer-cn-m:after{
    background-color:#6a78c5
}
	.zmap-pointer.pointer-cn-t:after,.zmap-pointer.pointer-cn-t:before{
    border:1px solid #3f51b5
}
.zmap-pointer.pointer-cn-t:after{
    background-color:#3f51b5
}
.zmap-pointer.pointer-in-c:after,.zmap-pointer.pointer-in-c:before{
    border:1px solid #1d9b4d
}
.zmap-pointer.pointer-in-c:after{
    background-color:#1d9b4d
}
.zmap-pointer.pointer-in-m:after,.zmap-pointer.pointer-in-m:before{
    border:1px solid #90dcad
}
.zmap-pointer.pointer-in-m:after{
    background-color:#90dcad
}
.zmap-pointer.pointer-eu-a:after,.zmap-pointer.pointer-eu-a:before{
    border:1px solid #1b7ebc
}
.zmap-pointer.pointer-eu-a:after{
    background-color:#1b7ebc
}
.zmap-pointer.pointer-eu-d:after,.zmap-pointer.pointer-eu-d:before{
    border:1px solid #7accff
}
.zmap-pointer.pointer-eu-d:after{
    background-color:#7accff
}
.zmap-pointer.pointer-uk-l:after,.zmap-pointer.pointer-uk-l:before{
    border:1px solid #C1112C
}
.zmap-pointer.pointer-uk-l:after{
    background-color:#C1112C
}
.zmap-pointer.pointer-uk-m:after,.zmap-pointer.pointer-uk-m:before{
    border:1px solid #e3a4ae
}
.zmap-pointer.pointer-uk-m:after{
    background-color:#e3a4ae
}
.zmap-pointer.pointer-au-s:after,.zmap-pointer.pointer-au-s:before{
    border:1px solid #a6bffa
}
.zmap-pointer.pointer-au-s:after{
    background-color:#a6bffa
}
.zmap-pointer.pointer-au-m:after,.zmap-pointer.pointer-au-m:before{
    border:1px solid #ff7a8a
}
.zmap-pointer.pointer-au-m:after{
    background-color:#ff7a8a
}
.zmap-pointer:before,span.zmap-pointer:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:50%;
    border:1px solid red
}
.zmap-pointer:after{
    background-color:red;
    border:2.5px solid red;
    transform:scale(2)
}
.zmap-pointer:before{
    background-color:red;
    -webkit-animation:ripple 2s linear infinite;
    animation:ripple 1s cubic-bezier(.05,.42,.79,.54) infinite
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(2.2);
        opacity:1
    }
    75%{
        -webkit-transform:scale(1.75);
        opacity:1
    }
    100%{
        -webkit-transform:scale(2.5);
        opacity:0
    }
}
@keyframes ripple{
    0%{
        transform:scale(1.6)
    }
    50%{
        transform:scale(2.2);
        opacity:1
    }
    75%{
        transform:scale(2.75);
        opacity:.5
    }
    100%{
        transform:scale(3.25);
        opacity:0
    }
}
.map-name{
    position:absolute;
    font-size:10px;
    right:15px;
    bottom:-6px
}
.zmap-pointer.pointer-in-c .map-name{
    right:auto;
    left:15px;
    bottom:-5px
}
.zmap-pointer.pointer-au-m .map-name{
    right:15px;
    top:8px
}
.zmap-pointer.pointer-eu-a .map-name{
    right:auto;
    left:15px
}
.zmap-pointer.pointer-au-s .map-name{
    right:auto;
    left:15px
}
.zcertifi span:before{
    content:'|';
    position:absolute;
    color:#b5b5b5;
    top:0;
    left:0
}
.zcertifi span{
    padding:0 7px;
    position:relative;
	font-size: 11px;
    line-height: normal;
}
.zcertifi span:first-child{
    padding-left:0
}
.zcertifi span:last-child{
    padding-right:0
}
.zcertifi span:first-child:before{
    content:none
}
.tooltip-map{
    background:#0f94f6;
    color:#fff;
    padding:20px;
    text-align:left;
    bottom:15px;
    left:-20px;
    width:250px;
    position:absolute;
    opacity:0;
    visibility:hidden;
    -webkit-box-shadow:0 0 12px -4px rgba(0,0,0,.75);
    -moz-box-shadow:0 0 12px -4px rgba(0,0,0,.75);
    box-shadow:0 0 12px -4px rgba(0,0,0,.75);
    cursor:pointer;
    z-index:99999
}
.tooltip-map:after{
    content:"";
    position:absolute;
    left:17px;
    bottom:-4px;
    background:#0f94f6;
    width:10px;
    height:10px;
    transform:rotate(45deg)
}
.zmap-pointer.zactive{
    z-index:2
}
.zmap-pointer.zactive .tooltip-map{
    opacity:1;
    visibility:visible;
    transition:opacity .75s .25s ease
}
.tooltip-map>span{
    display:block;
    font-size:14px
}
.tooltip-map>span strong
	{
		font-family: 'Zoho_Puvi_SemiBold';
	}
.zmap-pointer.pointer-au-m .tooltip-map,.zmap-pointer.pointer-au-s .tooltip-map,.zmap-pointer.pointer-cn-b .tooltip-map,.zmap-pointer.pointer-cn-s{
    left:auto;
    right:-10px
}
.zmap-pointer.pointer-au-m .tooltip-map:after,.zmap-pointer.pointer-au-s .tooltip-map:after,.zmap-pointer.pointer-cn-b .tooltip-map:after,.zmap-pointer.pointer-cn-s .tooltip-map:after{
    left:auto;
    right:9px
}
.zmap-pointer.pointer-us-d .tooltip-map{
    width:230px
}
.zmap-pointer.pointer-in-c .tooltip-map{
    width:120px
}
.zmap-pointer.pointer-cn-b .tooltip-map,.zmap-pointer.pointer-cn-s .tooltip-map{
    width:200px
}
.zmap-pointer.pointer-eu-a .tooltip-map,.zmap-pointer.pointer-eu-d .tooltip-map{
    width:160px
}
.zdata_location{
    max-width:720px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    border-bottom:1px solid #eee;
    margin-bottom:50px
}
.zdata_location span{
    padding:10px 0;
    width:50%;
    display:inline-block;
    float:left;
    text-align:center;
    cursor:pointer
}
.zdata_location span.zactive{
    font-family: 'Zoho_Puvi_SemiBold';
    color:#03a9f5
}
.zdata_location em{
    position:absolute;
    width:50%;
    height:1px;
    background:#03a9f5;
    display:block;
    bottom:0;
    left:0;
    transition:all .5s ease
}
.zdata-show{
    display:none
}
.zdata-show.zactive{
    display:block
}
.zdata-locals h2{
    margin-bottom:40px
}
.tooltip-map .zcertifi{
    font-size:12px
}
.zmap-pointer.pointer-cn-b{
    top:40.5%;
    left:80.8%
}
.zmap-pointer.pointer-cn-s{
    top:47%;
    left:83.3%
}
.zmap-pointer.pointer-jp-o {
	left: auto;
	top: 44.8%;
	right: 12.2%
}
.zmap-pointer.pointer-jp-o .map-name {
	right: auto;
	left: 15px;
	bottom:-9px;
}
 .zmap-pointer.pointer-jp-t {
	left: auto;
	top: 42.8%;
	right: 10.2%;
}
.zmap-pointer.pointer-jp-t .map-name {
	right: auto;
	left: 15px;
}
 .zmap-pointer.pointer-sa-r {
	left: auto;
    top: 52.8%;
    right: 38.2%;
}
.zmap-pointer.pointer-sa-r .map-name {
	right: auto;
	left: 15px;
}
	.zmap-pointer.pointer-sa-j {
    left: auto;
    top: 53.8%;
    right: 40%;
}
.zmap-pointer.pointer-sa-j .map-name {
    right: auto;
    left: -47px;
    bottom: -9px;
}
.zmap-pointer.pointer-uk-m .map-name {
		right: auto;
	left: 15px;	
	    bottom: -5px;
	}
.zmap-pointer.pointer-uk-l .map-name {
	    bottom: -13px;
	}
.zmap-pointer.pointer-cn-b:after,.zmap-pointer.pointer-cn-b:before{
    border:1px solid #a1887f
}
.zmap-pointer.pointer-cn-b:after{
    background-color:#a1887f
}
.zmap-pointer.pointer-cn-s:after,.zmap-pointer.pointer-cn-s:before{
    border:1px solid #993f1f
}
.zmap-pointer.pointer-cn-s:after{
    background-color:#993f1f
}
.zmap-pointer.pointer-jp-o:before,.zmap-pointer.pointer-jp-o:after {
	border: 1px solid #926fff
}
.zmap-pointer.pointer-jp-o:after {
  	background-color: #926fff
}
.zmap-pointer.pointer-jp-t:before,.zmap-pointer.pointer-jp-t:after {
	border: 1px solid #7143ff
}
.zmap-pointer.pointer-jp-t:after {
	background-color: #7143ff
}
.zmap-pointer.pointer-sa-r:before,.zmap-pointer.pointer-sa-r:after {
	border: 1px solid #ffca4f
}
.zmap-pointer.pointer-sa-r:after {
	background-color: #ffca4f
}
	.zmap-pointer.pointer-sa-j:before,.zmap-pointer.pointer-sa-j:after {
	border: 1px solid #ffa73a
}
.zmap-pointer.pointer-sa-j:after {
	background-color: #ffa73a
}
	.rows {
    margin-left: -15px;
    margin-right: -15px;
}
	.location_lists{
		    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
		
	}
	.location_lists > div {
		box-sizing: border-box;
		background: #fff;
		padding: 30px;
		box-shadow:0 0 15px #e8e8e8;
}
	.location_lists h4 {
        margin: 0;
    font-family: 'Zoho_Puvi_SemiBold';
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px;
}
	.location_lists > div > span {
    display: block;
    margin-bottom: 10px;
}
	.location_lists > div strong {
    color: #000;
    font-size: 16px;
}
	.location_lists .zcertifi span {
    font-size: 14px;
}
@media screen and (max-width:1450px) {
	.zmap-pointer.pointer-cn-s .tooltip-map,.zmap-pointer.pointer-jp-o .tooltip-map,.zmap-pointer.pointer-jp-t .tooltip-map{
		right: -12px;
  		left: auto;
	}
	.zmap-pointer.pointer-jp-o .tooltip-map:after,.zmap-pointer.pointer-jp-t .tooltip-map:after{
		left: auto;
  		right: 9px;
	}
}
	@media screen and (max-width:1140px) {
.zmap-pointer.pointer-au-m .map-name {
    right: 15PX;
     left: auto; 
    top: 0px;
}
	}
	@media screen and (max-width:992px){
    .zmap-pointer.pointer-us-w .map-name{
        right:auto;
        left:15px
    }
    .zmap-pointer.pointer-in-m .tooltip-map{
        left:auto;
        right:-10px
    }
    .zmap-pointer.pointer-in-m .tooltip-map:after{
        left:auto;
        right:9px
    }
		.rows > div {
			width: 50%;
		}
	.location_lists{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:767px) {
	ul.location-nav {
    display: none;
}
	div#sec2 {
    display: block!important;
}
	.com-banner h1 {
    font-size: 2.2em;
	}
	h3.section-tit {
    font-size: 1.4em;
}
	p.para {
    font-size: 14px;
}
	}