@charset "UTF-8";
/* CSS Document */
#spinner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

h3 {
	font-size: 22px;
	font-weight: 400;
}

a {
	color: #fff;
}

p {
	font-size: 18px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
}

#header {
		position:fixed;
		height: 7%;
		display:block;
		width: 100%;
		z-index:1;
		text-align:left;
		color: #f2f2f2;
		top:-10%
	}

#header-left {
	width:30%;
	float:left;
}

#header-right {
	width:70%;
	float:right;
}

.bkl {
	background: #000!important;
	padding: 100px;
	box-sizing: border-box;

}

.video-box {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	position: relative;
	height: 50vh;

}

.video-box iframe {
	width: 100%;
	height: 100%;

}

#menu {
	position:absolute;
	top:0px;
	width:100%;
	height:75px;
	background-color:#E56567;
	color: #FFFFFF;
	z-index:9999;
	display: none;
}

.logo {
	position: fixed;
	z-index: 1;
	width: 30%;
	left: 1.5%;
	top: 30px;
}

.intro-content {
	width: 100%;
	text-align: center;
}

.intro-content h1 {
	font-size: 150px;
	color: #fff;
	line-height: 138px;

	margin: 0;
	padding: 0;
	margin-top: 18%;
	margin-bottom: 50px;
font-family: 'gotham_htfblack';

}

.intro-content h3 {
    font-size: 28px;
			font-family: 'Raleway', sans-serif;
			font-weight: 100;
	}

.intro-content h3,p {

	font-weight: 100;
	color: #fff;

	margin: 0;
	padding: 0;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

.intro-content p {
	margin-top: 100px;
}


.case1 h2,
.case2 h2,
.case3 h2,
.case4 h2,
.case5 h2,
.case6 h2,
.case7 h2,
.case8 h2,
.case9 h2,
.case10 h2,
.case11 h2,
.case12 h2,
.case13 h2,
.case14 h2,
.case15 h2, 
.case16 h2, 
.case17 h2,
.case18 h2,
.case19 h2,
.case20 h2,
.case21 h2, 
.case22 h2,
.case23 h2   {
	font-size: 160px;
	line-height: 125px;
	font-family: 'gotham_htfblack';
	}


.case1 {background-image: url(../home-pages/tvs.png);background-size: cover;position: relative;}
.case-deck1 {position: absolute;z-index: 20;left: 9.7%;top: 30%;width: 40%;}
.case1 h2 {	color: #c43c44;font-weight: 700;float: left;width: 100%;}
.case1 p {color: #ccc;font-weight: 100;float: left;	font-family: 'Raleway', sans-serif;}

.case2 {background-image: url(../home-pages/g20.jpg);background-size: cover;}
.case-deck2 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case2 h2 {color: #365c21;font-weight: 700;float: left;width: 100%;}
.case2 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case3 {background-image: url(../home-pages/campa.jpg);background-size: cover;}
.case-deck3 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case3 h2 {color: #dd0c2d;font-weight: 700;float: left;width: 100%;}
.case3 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case4 {background-image: url(../home-pages/motosoul.jpg);background-size: cover;}
.case-deck4 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case4 h2 {color: #f9b023;font-weight: 700;float: left;width: 100%;}
.case4 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case5 {background-image: url(../home-pages/casablanca.jpg);background-size: cover;}
.case-deck5 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case5 h2 {color: #e7be4e;font-weight: 700;float: left;width: 100%;}
.case5 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case6 {background-image: url(../home-pages/pitch.jpg);background-size: cover;}
.case-deck6 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case6 h2 {color: #f06ef4;font-weight: 700;float: left;width: 100%;}
.case6 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case7 {background-image: url(../home-pages/aashirvaad.jpg);background-size: cover;}
.case-deck7 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case7 h2 {color: #ed1b24;font-weight: 700;float: left;width: 100%;}
.case7 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case8 {background-image: url(../home-pages/mm.jpg);background-size: cover;}
.case-deck8 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case8 h2 {color: #fe9d02;font-weight: 700;float: left;width: 100%;}
.case8 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case9 {background-image: url(../home-pages/qualcomm.jpg);background-size: cover;}
.case-deck9 {position: absolute;z-index: 20;left: 9.7%;	top: 30%;width: 40%;}
.case9 h2 {color: #59696f;font-weight: 700;float: left;width: 100%;}
.case9 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case10 {background-image: url(../home-pages/nike-page.jpg);background-size: cover;}
.case-deck10 {position: absolute;z-index: 20;left: 9.7%;top: 30%;width: 40%;}
.case10 h2 {color: #0d9bff;font-weight: 700;float: left;width: 100%;}
.case10 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case11 {background-image: url(../home-pages/solly-page.jpg);background-size: cover;}
.case-deck11 {position: absolute;z-index: 20;left: 9.7%;top: 30%;width: 40%;}
.case11 h2 {color: #365c21;font-weight: 700;float: left;width: 100%;}
.case11 p {color: #fff;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case12 {background-image: url(../home-pages/timeofindia-page.jpg);background-size: cover;}
.case-deck12 {position: absolute;z-index: 20;left: 9.7%;top: 34%;width: 40%;}
.case12 h2 {color: #000;font-weight: 700;float: left;width: 100%;}
.case12 p {color: #000;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case13 {background-image: url(../home-pages/coke.png);background-size: cover;}
.case-deck13 {position: absolute;z-index: 20;left: 9.7%;top: 26%;width: 40%;}
.case13 h2 {color: #fff;font-weight: 700;float: left;width: 100%;}
.case13 p {color: #ccc;font-weight: 400;float: left;font-family: 'Raleway', sans-serif;}

.case14 {
	background-image: url(../home-pages/titan-page.jpg);
	background-size: cover;
}
.case-deck14 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case14 h2 {	color: #00adff;	font-weight: 700;	float: left;	width: 100%;}
.case14 p {color: #ccc; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}


.case15 {
	background-image: url(../home-pages/zoop-page.jpg);
	background-size: cover;
}
.case-deck15 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case15 h2 {	color: #de5266;	font-weight: 700;	float: left;	width: 100%;}
.case15 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}


.case16 {
	background-image: url(../home-pages/bingo-page.jpg);
	background-size: cover;
}
.case-deck16 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case16 h2 {	color: #ffea00;	font-weight: 700;	float: left;	width: 100%;}
.case16 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}

.case17 {
	background-image: url(../home-pages/addressmakers-page.jpg);
	background-size: cover;
}
.case-deck17 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case17 h2 {	color: #7f161a;	font-weight: 700;	float: left;	width: 100%;}
.case17 p {color: #353535; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}


.case18{
	background-image: url(../home-pages/haywards-page.jpg);
	background-size: cover;
}
.case-deck18 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case18 h2 {	color: #ffe75a;	font-weight: 700;	float: left;	width: 100%;}
.case18 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}

.case19 {
	background-image: url(../home-pages/eye_plus.jpg);
	background-size: cover;
}
.case-deck19 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case19 h2 {	color: #434daf;	font-weight: 700;	float: left;	width: 100%;}
.case19 p {color: #323232; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}

.case20 {
	background-image: url(../home-pages/illustration-page.jpg);
	background-size: cover;
}
.case-deck20 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case20 h2 {	color: #4a1a58;	font-weight: 700;	float: left;	width: 100%;}
.case20 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}

.case21{
	background-image: url(../home-pages/thoughts.jpg);
	background-size: cover;
}
.case-deck21 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case21 h2 {	color: #58585a;	font-weight: 700;	float: left;	width: 100%;}
.case21 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}


.case22{
	background-image: url(../home-pages/award-page.jpg);
	background-size: cover;
}
.case-deck22 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case22 h2 {	color: #ff7e08;	font-weight: 700;	float: left;	width: 100%;}
.case22 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}



.case23 {
	background-image: url(../home-pages/about.jpg);
	background-size: cover;
}
.case-deck23 {	position: absolute;	z-index: 20;	left: 9.7%;	top: 34%;	width: 40%;}
.case23 h2 {	color: #fff;	font-weight: 700;	float: left;	width: 100%;}
.case23 p {color: #fff; font-weight: 400; float: left;	font-family: 'Raleway', sans-serif;}







.case1 p,
.case2 p,
.case3 p,
.case4 p,
.case5 p,
.case6 p,
.case7 p,
.case8 p,
.case9 p,
.case10 p,
.case11 p,
.case12 p,
.case13 p,
.case14 p,
.case15 p,
.case16 p,
.case17 p,
.case18 p,
.case19 p,
.case20 p,
.case21 p,  
.case22 p,  
.case23 p   {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 1px;
		margin-left: 8px;
		margin-top: 20px;
		width: 70%;
		margin-right: 30%;
	}






.det {
	background-size: cover;
}

.more-wrk-box {
	width: 100%;
	float: left;
	height: 280px;
	background: #091d23;
	text-align: center;
	font-size: 44px;
	padding-top: 45px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'gotham_htfbold';
}


.more-wrk-box a {
	color: #fff;
}

.more-wrk-box a:after {
    content: " \f054";
		font-size: 38px;

		font-family: 'FontAwesome';
}


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}





.abt-cont {
	width: 100%;
	float: right;
	height: 100%;
}

.about-box {
	width: 33.3%;
	float: left;
	background: #fff;
	height: 100%;
	text-align: center;

	-moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s
}

.about-box:hover {
	background: #e0f4ff;
}

.about-box h4 {
	font-size: 90px;
	color: #565659;
	margin: 0;
	padding: 0;
	font-weight: 700;
	margin-top: 29%;
		font-family: 'gotham_htfblack';
}

.about-box p {
	color: #333333;
	margin: 0;
	padding: 0;
	font-weight: 400;
	width: 100%;
}







.award-box {
	width: 33.3%;
	float: left;
	background: #f3f3f3;
	height: 100%;
	text-align: center;

	-moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s
}

.award-box:hover {
	background: #e0f4ff;

}

.award-box h4 {
	font-size: 90px;
	color: #565659;
	margin: 0;
	padding: 0;
	font-weight: 700;
	margin-top: 29%;
	font-family: 'gotham_htfblack';
}

.award-box p {
	color: #333333;
	margin: 0;
	padding: 0;
	font-weight: 400;
	width: 100%;
}






.contact-box {
		width: 33.3%;
	float: left;
	background: #fff;
	height: 100%;
	text-align: center;

	-moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;


}

.contact-box:hover {
	background: #e0f4ff;
	color: #0000ff;


}

.contact-box h4 {
	font-size: 90px;
	color: #565659;
	margin: 0;
	padding: 0;
	font-weight: 700;
	margin-top: 29%;
	font-family: 'gotham_htfblack';
}

.contact-box h4:hover {
	color: #0000ff;
}

.about-box h4:hover {
	color: #0000ff;
}

.award-box h4:hover {
	color: #0000ff;
}

.contact-box p {
	color: #333333;
	margin: 0;
	padding: 0;
	font-weight: 400;
	width: 100%;
}


/*work*/


.sticky-bar-title {
	color: #FFF;
	font-size: 24px;


	margin-left: 40px;
	margin-top: 10px;
	padding: 0;
	font-family: 'gotham_htfblack';
	letter-spacing: 3px;
	width: 90%;
}

.close-box {
	width: 42px;

	float: right;
	position: fixed;
	z-index: 1000;
	right:1%;
	top: 7px;
}


.work-main {
	width: 100%;
	float: left;
	top:-60px
}

.work-title {
	position: absolute;
	z-index: 5;
	left: 8%;
	top: 32%;
	width: 80%;
}

.work-main h2 {

	color: #0000ff;
	font-weight: 700;
	font-size: 150px;
	font-family: 'gotham_htfblack';
	line-height: 130px;
  width: 90%;
	margin: 0;
	float: left;
}

.work-main span {
	font-size: 28px;
	color: #cccccc;
	width: 90%;
	float: left;
	font-family: 'Raleway', sans-serif;
	line-height: 32px;
	margin-left: 0.5%;
	margin-top: 1%;
}
.work-container {
	width: 100%;
	float: left;
}
.wide {
	width: 100%;
	float: left;
		background: #fff;
}

.wide img{
	width: 100%;
	height: auto;
}

.half {
	width: 50%;
	float: left;


}

.half img{
	width: 100%;
	height: auto;
}

.wide h5,
.half h5 {
	color: #e80e8a;
	margin: 0;
	padding: 0;
	width: 80%;
	margin-left: 10%;
	float: left;
	font-size: 24px;
	margin-top: 120px;


}

.wide h3,
.half h3 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 55px;
	font-family: 'gotham_htfblack';
	width: 80%;
	margin-left: 10%;
	float: left;
	margin-bottom: 20px;
	margin-top:25%;

}

.wide p,
.half p {
	margin: 0;
	padding: 0;
	color: #5d5d60;
	width: 80%;
	margin-left: 10%;
	float: left;
	margin-bottom: 80px;
	font-size: 22px;
	line-height: 39px;
	letter-spacing: 0.5px;

}



.sticky-bar{
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-image: url(../img/overlay.png);
    color: #FFF;
    padding-left: 20px;
    border-bottom: 5px solid #000;
		box-sizing: border-box;


		font-size: 24px;
		padding-left: 1%





		padding: 0;
		font-family: 'gotham_htfblack';
		letter-spacing: 3px;
}
.sticky-bar.clone {
    position:fixed;
    top:-75px;
    left: 0;
    right: 0;
    z-index:999;
    transition:0.4s top cubic-bezier(.3,.73,.3,.74);
}
body.down .sticky-bar.clone {
    top:0;
}