@charset "utf-8";
/* CSS Document */

svg {
	height: auto;
	max-width: 100%;
}
.disp-none {
	display: none;
}
.text-center {
	text-align: center;
}
.subline {
	color: #768191;
	font-weight: normal;
}
.container-map {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
.map {
	margin: 0 auto;
	position: relative;
	max-width: 750px;
	text-align: center;
}
.world-map {
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.map-markers {
	list-style: none;
	margin: 0;
	padding: 0;
}
.map-marker {
	position: absolute;
}
.map-marker:after {
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-name: pop;
	border-radius: 50%;
	border: 1px solid #ce606f;
	content: "";
	height: 2em;
	left: 0;
	margin: -0.5em 0 0 -0.5em;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 2em;
}
.map-marker:hover .map-marker-info {
	display: block;
}

@media only screen and (min-width: 660px) {
	.map-marker {
		background: url(../images/map-marker.png) no-repeat;
		border-radius: 50%;
		width: 15px;
		height: 15px;
		display: block;
		text-indent: 0px;
		font-size: opx;
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 539px) and (max-width: 659px) {
	.map-marker {
		background: url(../images/map-marker.png) no-repeat;
		border-radius: 50%;
		width: 13px;
		height: 13px;
		display: block;
		text-indent: 0px;
		font-size: opx;
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 489px) and (max-width: 538px) {
	.map-marker {
		background: url(../images/map-marker.png) no-repeat;
		border-radius: 50%;
		width: 11px;
		height: 11px;
		display: block;
		text-indent: 0px;
		font-size: opx;
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 401px) and (max-width: 488px) {
	.map-marker {
		background: url(../images/map-marker.png) no-repeat;
		border-radius: 50%;
		width: 9px;
		height: 9px;
		display: block;
		text-indent: 0px;
		font-size: opx;
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 317px) and (max-width: 400px) {
	.map-marker {
		background: url(../images/map-marker.png) no-repeat;
		border-radius: 50%;
		width: 7px;
		height: 7px;
		display: block;
		text-indent: 0px;
		font-size: opx;
		background-size: 100% 100%;
	}
}

@media only screen and (max-width: 316px) {
	.map-marker {
		background: url(../images/map-marker.png) no-repeat;
		border-radius: 50%;
		width: 5px;
		height: 5px;
		display: block;
		text-indent: 0px;
		font-size: opx;
		background-size: 100% 100%;
	}
}

.map-marker a {
	display: block;
	width: 100%;
	height: 100%;
}
.map-marker-delhi {
	left: 39.8%;
	top: 30.8%;
}
.map-marker-florida {
	left: 85%;
	top: 86%;
}
.map-marker-florida:after {
	animation-delay: 3s;
}
.map-marker-los-angeles {
	left: 7%;
	top: 60%;
}
.map-marker-los-angeles:after {
	animation-delay: 5s;
}
.map-marker-new-york {
	left: 91%;
	top: 31%;
}
.map-marker-san-francisco {
	left: 1%;
	top: 46%;
}
.map-marker-san-francisco:after {
	animation-delay: 3s;
}
.map-marker-seattle {
	left: 8%;
	top: 1%;
}
.map-marker-seattle:after {
	animation-delay: 5s;
}
.map-marker-info {
	/*display: none;
    left: 178%;
    position: absolute;
    bottom: 45px;
    transform: translate(16%);
    z-index: 999;*/
	background: url(../images/map-img/tool-mp-bg.png) no-repeat;
	background-position: center;
	min-height: 1px;
	background-color: transparent;
	padding-bottom: 0;
	background-size: 100% 100%;
	/*width: 400px !important;*/
	min-height: 162px;
}
.map-marker-info header {
	background-color: #ce606f;
	border-radius: 0.5em 0.5em 0 0;
	color: #fff;
	padding: 0.5em 1em;
}
.map-marker-info main {
	background-color: #fff;
	border-radius: 0 0 0.5em 0.5em;
	color: #7e7e7e;
	padding: 0.5em 1em;
}
.map-marker-info h2 {
	margin-bottom: 0;
}
.map-marker-info-inner {
	border-radius: 0;
	box-shadow: none;
	font-size: 0.875em;
	overflow: hidden;
	width: 100%;
	height: auto;
}
/*.map-marker-info-inner:after {
  border-left: .75em solid transparent;
  border-right: .75em solid transparent;
  border-top: 1em solid #fff;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0;
}*/

.animate {
	animation-duration: 1s;
	animation-fill-mode: both;
}
/*@keyframes bounce-in {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate-bounce-in {
  animation-duration: .75s;
  animation-name: bounce-in;
}

@keyframes pop {
  0% {
    transform: scale(0);
  }
  8% {
    opacity: .4;
  }
  10% {
    opacity: 0;
    transform: scale(1);
  }
}*/
.animate-pop {
	animation-duration: 1s;
	animation-name: pop;
}
.markliner:after {
	position: absolute;
	top: -98px;
	right: -22px;
	content: "";
	width: 2px;
	height: 107px;
	background-color: #8c3900;
	opacity: 1;
	border: 0;
	border-radius: 0;
	margin: 0;
	left: auto;
	z-index: 9;
	transform: rotate(30deg);
	display: none;
}
.markliner:before {
	position: absolute;
	top: -91px;
	right: -71px;
	content: "";
	width: 24px;
	height: 2px;
	background-color: #8c3900;
	opacity: 1;
	border: 0;
	border-radius: 0;
	margin: 0;
	left: auto;
	z-index: 9;
	transform: none;
	display: none;
}
/*.markliner:hover:before {
	display: block
}
.markliner:hover:after {
	display: block
}*/
.lft-pan {
	width: 35%;
	float: left;
}
.rgt-pan {
	width: 65%;
	float: right;
	height: auto;
}
.txt-mec {
	width: 100%;
	overflow: hidden;
}
.txt-mec-hd h3 {
	font-size: 23px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: left;
}
.txt-mec-hd {
	padding: 10px 0 0 0;
}
.txt-mec-body {
	width: 100%;
	overflow: hidden;
	padding: 0 10px 0 10px;
	margin: 0;
}
.txt-mec-body h4 {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.txt-mec-body p {
	font-size: 11px;
	line-height: 9px;
	color: #ff9900;
	letter-spacing: 0.5px;
}
ul.mec-con {
	margin: 0;
}
ul.mec-con li {
	display: block;
	line-height: normal;
	margin: 5px 0 0 0;
}
ul.mec-con li:first-child {
	margin: 5px 0 0 0;
}
ul.mec-con li a {
	display: block;
}
ul.mec-con li a .ico {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	text-align: center;
	background-color: #ffd098;
	color: #8c3900;
	display: inline-block;
}
ul.mec-con li a .ico i {
	font-size: 10px;
	line-height: 13px;
}
ul.mec-con li a p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
}
/*map marker section*/

.map-marker-indore {
	left: 35%;
	top: 46%;
}
.indore2 {
	left: 37%;
}
.map-marker-jabalpur {
	left: 48%;
	top: 46%;
}
.map-marker-kolkata {
	left: auto;
	top: 47%;
	right: 30.1%;
}
.map-marker-mumbai {
	left: 26.2%;
	top: 59%;
}
.map-marker-nashik {
	left: 28.2%;
	top: 56%;
}
.map-marker-surat {
	left: 27%;
	top: 50%;
}
.map-marker-pune {
	left: 31%;
	top: 61%;
}
.map-marker-ahmednagar {
	left: 33%;
	top: 57%;
}
.pune {
	left: 29%;
	top: 61%;
}
.pune-2 {
	left: 29.5%;
	top: 61%;
}
/*.map-marker-pune-2 .map-marker-info{
	width: 400px !important;
	height: 162px;
}*/

.pune-3 {
	left: 27%;
	top: 61%;
}
.pune-4 {
	left: 30.2%;
	top: 61%;
}
.map-marker-bangalore {
	left: 37%;
	top: 78%;
}
.bagn3 {
	left: 38%;
}
.bagn2 {
	left: 36%;
}
.map-marker-kanpur {
	left: 47%;
	top: 36%;
}
.map-marker-noida {
	left: 42%;
	top: 30%;
}
.map-marker-jaipur {
	left: 34.7%;
	top: 36%;
}
.map-marker-gurugram {
	left: 38%;
	top: 30.5%;
}
.map-marker-nasik {
	left: 30%;
	top: 54%;
}
.map-marker-ahmedabad {
	left: 26%;
	top: 46%;
}
.map-marker-new-delhi {
	left: 39.4%;
	top: 29%;
}
.map-marker-chennai {
	left: 47%;
	top: 77%;
}
.map-marker-hydrabad {
	left: 41.4%;
	top: 64%;
}
.map-marker-raipur {
	left: 52.4%;
	top: 50%;
}
.map-marker-kolkata .map-marker-info {
	left: -27%;
	transform: translate(-8%);
}
.map-marker-kolkata:before {
	content: inherit;
}
.vpstr {
	width: 35px;
	height: 35px;
	background: url(../images/vp.png) transparent no-repeat;
	background-size: contain;
}
.vpstr .map-marker-info {
	left: 119%;
}
.vpstr:after {
	top: -98px;
	right: -10px;
}
.vpstr:before {
	right: -59px;
}
/*announced vp*/

.ann-vp {
	background: url(../images/vp.png) no-repeat;
	border-radius: 50%;
	height: 17px;
	display: block;
	text-indent: 0px;
	width: 18px;
	font-size: opx;
	background-size: contain;
}
.ann-vp {
	position: absolute;
}
/*announced map*/
.ann-vp .map-marker-info {
	left: 98%;
}
.kanpur {
	left: 49%;
	top: 36%;
}
.lucknow {
	left: 50%;
	top: 33%;
}
.bihar {
	top: 38%;
	left: 61%;
}
.jharkhand {
	top: 44%;
	left: 61.5%;
}
.odisha {
	top: 56%;
	left: 60%;
}
.andhra-pradesh {
	top: 63%;
	left: 54%;
}
.hydrabad1 {
	left: 43%;
	top: 64%;
}
.kerala {
	top: 91%;
	left: 37%;
}
.kerala2 {
	top: 88%;
	left: 36.3%;
}
.cochin {
	top: 78%;
	left: 31.3%;
}
.tamilnadu {
	top: 83%;
	left: 38%;
}
.goa {
	top: 69%;
	left: 28.3%;
}
.mumbai {
	left: 27.3%;
	top: 59%;
}
.bengaluru {
	left: 38%;
	top: 77%;
}

.maharasatra4 {
	left: 32%;
	top: 60%;
}
.chattisgarh {
	left: 51%;
	top: 54%;
}
.punjab {
	left: 35%;
	top: 20%;
}
.ludhiana {
	left: 37%;
	top: 21%;
}
.chandigarh {
	left: 40%;
	top: 23%;
}
.uttarakhand {
	left: 42.3%;
	top: 22%;
}
.assam {
	left: auto;
	right: 19%;
	top: 34%;
}

.dubai {
	left: 56%;
	top: 38%;
}

.HK {
	top: 39%;
	left: 74%;
}

.jerusalem {
	left: 50%;
	top: 32%;
}

.london {
	left: 40%;
	top: 17%;
}

.singapore {
	left: 71%;
	top: 52%;
}

.NYC {
	left: 21%;
	top: 23%;
}

.SV {
	left: 7%;
	top: 30%;
}

.houston {
	left: 13%;
	top: 33%;
}

.assam .map-marker-info {
	left: -50%;
	transform: translate(-59%);
}

.popup-with-form-world {
	background-color: rgba(250, 190, 88, 0.6);
	border-radius: 9999px;
}

.popup-with-form {
	border-radius: 9999px;
}

/*Respoinsive start here*/
.mapmarkermodal {
	max-width: 830px;
}
.jaipurvp {
	left: 33%;
	top: 36%;
}
.surat {
	left: 27%;
	top: 50%;
}
.nagpur {
	left: 45%;
	top: 52%;
}
.nagpur {
	left: 45%;
	top: 52%;
}
.coimbatore {
	left: 39%;
	top: 83%;
}
.dehradun {
	left: 42%;
	top: 25%;
}
.raipur {
	left: 50%;
	top: 55%;
}
.trivandrum {
	top: 85%;
	left: 35%;
}
.sglemapfloatleft {
	width: 50%;
	float: left;
	padding: 0 15px;
	margin: 15px 0;
}
.floatnone {
	float: none;
	margin: 15px auto;
}
.map-marker-info {
	min-height: 0;
	background-color: #8c3900;
	border: 2px solid #d79e7b;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background-size: 100% auto;
	background-position: left top;
	text-align: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.lft-pan .img-mec {
	margin-top: 3px;
}
.plaintxt {
	padding: 10px 0;
}
.plaintxt p {
	line-height: normal;
	text-align: justify;
}
.show-read-more .more-text {
	display: none;
}
.plaintxt p a {
	color: #fff;
}
button.custombut {
	background: transparent;
	border: 0;
	outline: 0;
	color: #fff;
	height: auto;
	padding: 0;
	line-height: normal;
	margin-top: 3px;
}
.jamshedpur {
	top: 47%;
	left: 60%;
}

@media only screen and (max-width: 767px) {
	.sglemapfloatleft {
		width: 100%;
		float: none;
	}
	.map-marker-chennai {
		left: 46%;
	}
	.andhra-pradesh {
		left: 52%;
	}
}

@media only screen and (max-width: 479px) {
	.map-marker-info {
		padding-bottom: 10px;
	}
	.txt-mec-hd h3 {
		font-size: 17px;
		line-height: normal;
		padding-bottom: 15px !important;
	}
	.map-marker-chennai {
		left: 44%;
	}
	.andhra-pradesh {
		left: 49%;
	}
}