@charset "utf-8";
/* 	Ogilvy India Website,
	CSS Version: 1.0.0 */

body { margin:0px; padding:0px; font:normal 16px 'DroidSerif-Regular'; color:#666; line-height:24px; }
*, *:focus, *:after, *:before { box-sizing:border-box; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin:0px; padding:0px; list-style:none; }
img { max-width:100%; }
a { text-decoration:none;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; outline:none;}
a:focus, a:hover{ outline:none;}
.clearfix:after,
.container:after,
.containerRight:after,
.locationContent:after
{ content:""; clear:both; display:block;}
@font-face {
	font-family:'DroidSerif-Regular';
	src: url('../fonts/DroidSerif_gdi.eot');
	src: url('../fonts/DroidSerif_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DroidSerif_gdi.woff') format('woff'),
		url('../fonts/DroidSerif_gdi.ttf') format('truetype'),
		url('../fonts/DroidSerif_gdi.otf') format('opentype'),
		url('../fonts/DroidSerif_gdi.svg#DroidSerif-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'DroidSerif-Italic';
	src: url('../fonts/DroidSerif-Italic_gdi.eot');
	src: url('../fonts/DroidSerif-Italic_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DroidSerif-Italic_gdi.woff') format('woff'),
		url('../fonts/DroidSerif-Italic_gdi.ttf') format('truetype'),
		url('../fonts/DroidSerif-Italic_gdi.otf') format('opentype'),
		url('../fonts/DroidSerif-Italic_gdi.svg#DroidSerif-Italic') format('svg');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

h1 { font:normal 40px 'DroidSerif-Regular'; color:#333; padding:25px 0 15px 0; }
h3 { font:normal 21px 'DroidSerif-Regular'; color:#ed1c24; padding:25px 0 0 0; }
h4 { font:normal 18px 'DroidSerif-Regular'; color:#545454; margin:18px 0 0 0; }
h6 { font:italic normal 12px 'DroidSerif-Italic'; color:#000; line-height:21px; }

header { padding:30px 0; }
header a img { max-width:205px; }
.container { max-width:988px; margin:0px auto; }
.bg { background:url(../images/container-bg.jpg) repeat-x top center; }
.containerMain { padding:0 0 67px 0; }
.containerTop {  background:url(../images/dashed_bg.gif) repeat-x left bottom }
.containerTop p { font:normal 16px 'DroidSerif-Regular'; color:#666; line-height:24px; margin:0px; padding:0 200px 40px 0; }
.containerLeft { width:612px; display:inline-block; vertical-align:top; }
.containerLeft p{ margin-top:5px; font-size:13px;}
.allLocations { margin:35px 0 0 0; position:relative; }
.location { font:normal 12px 'DroidSerif-Regular'; color:#666; line-height:27px; position:relative; overflow:hidden; }
.location .map { display:block; }
.locationTap { position:absolute; bottom:0; width:auto; }
.locationTap img { max-width:27px; display:inline-block; vertical-align:middle; margin:0 0 0 3px; }
.locationTap { cursor:pointer; }
.locationTap:hover { color:#ed1c24; }
.gurgaon .locationTap { left:24%; }
.kolkata .locationTap { right:27%; }
.mumbai .locationTap { left:14.2%; }
.mumbai .locationTap img, .hyderabad .locationTap img, .chennai .locationTap img { float:left; }
.hyderabad .locationTap { left:32.7%; }
.bengalore-chennai { position:relative; }
.bengalore-chennai .location { position:absolute; overflow:inherit; }
.bengalore-chennai .bengalore { left:18%; bottom:57%; }
.bengalore-chennai .chennai { left:36.6%; bottom:55%; }
.locationTarget{ position:absolute; right:0; bottom:0; left:0; top:0; background:rgba(255,255,255,0);}
.locationContent { position:absolute; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); background:#fff; width:100%; box-shadow:2px 2px 0 #dbdbdb; border:1px solid #efefef; border-top:solid 5px #e40000 }
.locationContent h3 { margin:0px; padding:0px; }
.locationContentTop { padding:20px; }
.locationContentTop h3 .locationClose { float:right; max-width:28px; cursor:pointer; }
.locationContentTop h4 { margin:0px; padding:45px 0 10px 0; background:url(../images/bar.png) no-repeat bottom left; }
.locationContentTop p { font:normal 11px 'DroidSerif-Regular'; text-transform:uppercase; margin:12px 0 0 0; letter-spacing:2px; }
.locationContentLeft { max-width:32%; position:relative; float:left; }
.locationContentLeft img { display:block; }
.locationContentLeft span { position:absolute; bottom:0; left:0; right:0; background:url(../images/map-overlay.png) no-repeat bottom center; background-size:100%; min-height:80px; padding:50px 0 0 0; font:normal 11px 'DroidSerif-Regular'; color:#e40000; text-transform:uppercase; text-align:center; letter-spacing:2px; }
.locationContentRight { /*max-width:62%; min-width:62%;*/ max-width:100%; min-width:100%;  margin:0 3% 0 0; border-top:solid 1px #e8e8e8; /*float:right; */padding:34px 0 0 0; }
.locationDetails { width:50%; margin:0px; padding:0 0 20px 20px; float:left;}
.locationDetails.locationPhone{padding-bottom:20px; padding-right:20px;}
.locationDetails p, .locationPhone p { font:normal 13px 'DroidSerif-Regular'; margin:0 0 0 0; padding:0px; line-height:18px;}
.locationDetails p span, .locationPhone p span { font:normal 11px 'DroidSerif-Regular'; color:#333; text-transform:uppercase; margin:0 0 12px 0; padding:0px; display:block; }
.locationPhone { width:47%; margin:0px; padding:0px; float:right; }
.locationPhone p:first-child { background:url(../images/bar.png) no-repeat bottom left; padding-bottom:15px; margin-bottom:15px; }
.locationPhone p:first-child span{ margin-bottom:12px;}
.locationPhone p span { margin:0px; padding:0px; display:block; }
.locationPhone p a { color:#ed1c24; }
.locationPhone p a:hover { color:#333; }
.containerRight { width:29%; display:inline-block; vertical-align:top; float:right; }
.enquiries { background:url(../images/dashed_bg.gif) repeat-x left bottom; padding-bottom:11px; }
.enquiries p { font:normal 13px 'DroidSerif-Regular'; color:#666; line-height:21px; margin:0px; background:url(../images/bar.png) no-repeat bottom left; padding:10px 0; }
.enquiries p.nobg{ background:none; padding-bottom:0;}
.enquiries p span { font-size:11px; text-transform:uppercase; }
.enquiries p a { color:#ed1c24; }
.enquiries p a:hover { color:#333; }
.enquiries p:last-child { background:none; }
.enquiries h6 { padding:0 45px 0 0; }
.careers { background:none; }
.careers h3 { padding-bottom:19px; }
.darkgray{color:#333}
footer { text-align:right; padding:34px 0 0 0; }
footer img { max-width:64px; display: none;}

.gen-body { background: #efefef;}
.genWrap{ padding:30px 15px; max-width: 1018px; width: 100%; margin: 0 auto;}
.genDiv{ background:#fff; padding:100px; box-shadow: 0 0 30px rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.2);}
.genDiv h1{ padding:0 0 30px; font-size: 30px; text-align: center;}
.genDiv p{ padding-bottom: 20px; text-align: justify;}
.genDiv ol{ margin-left:40px; text-align: justify;}
.genDiv li{ color: #666; line-height: 24px; list-style:decimal; padding: 0 0 15px 15px;}
.genDiv li:last-child{ padding-bottom: 0;}

.company-name{ color: #ed1c24 !important; display: inline-block !important; margin: 0 !important;}
.locationPhone p.bor-non{ background: none;}

/* Nov 30 2021 */
.locationContentTop-con {
	display: flex;
}
.locationContentTop-con-col {
	width: 50%;
}
.locationContentTop-con-contact {
	background: url(../images/bar.png) no-repeat top left;
	padding-top: 15px;
	margin-top: 15px;
}
.locationContentTop-con-contact .locationPhone {
	width: 100%;
	float: none;
}
.locationContentTop-con-contact .locationPhone p {
	text-transform: none;
	letter-spacing: 0;
}
.locationContentTop-con-contact .locationPhone p span {
	margin-bottom: 5px;
}
/* Nov 30 2021 */

@media print
   {
      .genDiv{  box-shadow:none; border:none;}
   }

@media all and (max-device-width: 1024px) {html,body { -webkit-text-size-adjust:none; }}
@media (max-width:991px) {
	.container { padding:0 20px; }
	.containerTop p { padding:0 0 20px 0; }
	.containerLeft, .containerRight{ width:auto;display:block;}
	.allLocations{ max-width:612px; margin:35px auto 0; }
	.containerRight { width:auto; display:block; margin:20px -15px 0; }
	.enquiries{ width:50%; float:left; background:none; border-right:1px dashed #a4a4a4; padding:0 15px;}
	.enquiries h6 { padding:0; }
	.enquiries:last-child{ background:none; border:none;}
	.enquiries:last-child h3{ padding-bottom:19px;}
	.enquiries h3{ padding:0;}
	.address br{ display:none;}
	.gurgaon .locationTap { left:20%; }
	.kolkata .locationTap { right:27%; }
	.mumbai .locationTap { left:13.5%; }
	.hyderabad .locationTap { left:34%; }
	.bengalore-chennai .bengalore { left:14%; }
	.bengalore-chennai .chennai { left:36%; }
	.containerTop p br{ display:none;}
}


@media (max-width:767px) {
	.containerMain{ padding:0 0 20px;}
	.containerLeft { width:auto; display:block; }
	
	.genWrap, .genDiv{ padding: 15px;}
	.genDiv p, .genDiv li{ font-size:14px; line-height: 20px; padding-bottom: 12px;}
	.genDiv ol{ margin-left: 20px;}
	.genDiv li{ padding-left: 10px;}
	.genDiv h1{ padding-bottom: 15px; font-size: 20px;}
}

@media (max-width:640px) {
	.locationDetails.locationPhone{padding:0 20px 20px 20px}
	.locationContentTop h3 { font-size:18px; padding-right:20px; }
	.locationContentRight { padding:22px 0; }
	.locationContentTop h4 { padding-top:10px; }
	.locationDetails { width:auto; float:none; }
	.locationTap img { max-width:20px; margin-top:3px; }
	.containerRight{ margin:10px 0 0;}
	.enquiries{ width:auto; float:none; border:none;  background:url(/assets/images/dashed_bg.gif) repeat-x left bottom;  padding:15px 0 5px;}
	.allLocations{ max-width:inherit;}
	.locationMap{ max-width:440px; margin:0 auto;}
	.locationTarget{ background: rgba(0, 0, 0, .5) ; bottom: 0; left: 0; position: fixed; right: 0; text-align: center; top: 0; white-space: nowrap; z-index: 999;}
	.locationTarget::before { content: ""; display: inline-block; height: 100%; margin-right: 0; vertical-align: middle;}
	.locationContent{ cursor: auto; display: inline-block; max-height: 100%; width:100%;  overflow: auto; top:inherit; position: relative; text-align: left; vertical-align: middle; white-space: normal;transform:none; margin-left:-4px;}
	.locationClose { position: fixed; right: 15px; z-index:1000;}
	.locationPhone{ margin-top:15px;}
	.locationClose img{ max-width:20px;}
	.gurgaon .locationTap { left:20%; }
	.kolkata .locationTap { right:27%; }
	.mumbai .locationTap { left:13.5%; }
	.hyderabad .locationTap { left:34%; }
	.bengalore-chennai .bengalore { left:14%; }
	.bengalore-chennai .chennai { left:36.5%; }
	
	/* Nov 30 2021 */
	.locationContentTop-con {
		display: block;
	}
	.locationContentTop-con-col:not(:last-child) {
		margin-bottom: 15px;
	}
	/* Nov 30 2021 */
}

@media (max-width:480px) {
	.locationDetails.locationPhone, .locationDetails{padding:0}
	.locationMap{ max-width:320px;}
	.locationContentLeft{ float:none; max-width:inherit; margin:0 20px;}
	.locationContentRight{ float:none; width:auto; margin:0 20px; min-width:inherit; max-width:inherit;}
	.locationContentLeft span{ min-height:inherit; padding:20px 0;}
	.gurgaon .locationTap { left:14%; }
	.kolkata .locationTap { right:26%; }
	.mumbai .locationTap { left:13.5%; bottom:-4%; }
	.hyderabad .locationTap { left:33%; bottom:-15%; }
	.bengalore-chennai .bengalore { left:7%;  }
	.bengalore-chennai .chennai { left:35%;  }
	h6{line-height:none}
	
}
@media (max-width:360px) {
	.locationMap{ max-width:280px;}
	.gurgaon .locationTap { left: 12%;}
	.kolkata .locationTap { right: 25%;}
	.bengalore-chennai .bengalore { left: 3%;}
	
}