/* HTML5 ✰ Boilerplate */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}	

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { /*margin-left: 2em;*/ }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h4, h5, h6 { 
	
	color: #222222;  
}
h2{ 
	font-weight: normal;
	color: #222222;
    font-family:'OpenSans',sans-serif;
    font-size: 30px;
    font-weight: normal;
    padding:30px 0 10px 0;
    text-shadow: 1px 1px 1px #AAAAAA;
}
h3{ 
	font-weight: normal;
	color: #222222;
    font-family: 'OpenSans',sans-serif;
    font-size: 30px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #AAAAAA;
}
a, a:active, a:visited { color: #1639A1; }
a:hover { color: red; }


/**
 * Primary styles
 *
 * Author:
 */
@font-face {
 font-family: OpenSans;
 src: url("../fonts/OpenSans-Light.eot") /* EOT file for IE */;
 src: url("../fonts/OpenSans-Light.ttf") format('truetype'), /* TTF file for CSS3 browsers */ ;
}
@font-face {
 font-family: OpenSans;
 src: url("../fonts/OpenSans-Light.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: 'PrintDashedRegular';
    src: url('../fonts/PrintDashed-webfont.eot');
    src: url('../fonts/PrintDashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintDashed-webfont.woff') format('woff'),
         url('../fonts/PrintDashed-webfont.ttf') format('truetype'),
         url('../fonts/PrintDashed-webfont.svg#PrintDashedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PrintDashedRegular';
    src: url('../fonts/PrintDashed-webfont.eot');
    src: url('../fonts/PrintDashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintDashed-webfont.woff') format('woff'),
         url('../fonts/PrintDashed-webfont.ttf') format('truetype'),
         url('../fonts/PrintDashed-webfont.svg#PrintDashedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PrintBoldRegular';
    src: url('../fonts/PrintBold-webfont.eot');
    src: url('../fonts/PrintBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintBold-webfont.woff') format('woff'),
         url('../fonts/PrintBold-webfont.ttf') format('truetype'),
         url('../fonts/PrintBold-webfont.svg#PrintBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'PrintClearlyRegular';
    src: url('../fonts/PrintClearly-webfont.eot');
    src: url('../fonts/PrintClearly-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PrintClearly-webfont.woff') format('woff'),
         url('../fonts/PrintClearly-webfont.ttf') format('truetype'),
         url('../fonts/PrintClearly-webfont.svg#PrintClearlyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{
	text-decoration:none;
}

body {
	background-color:#dedede;
	background:url(../img/bg.jpg) #dedede;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	width:960px;
	margin:0 auto;
	/*background: -webkit-gradient(radial, 17% 6%, 0, 10% 10%, 280, from(#fff), to(#eee)) #fff;*/
}

#tagline {
	font-family:/*'Josefin Sans', sans-serif*/ 'OpenSans', sans-serif;
/*	font-family:'PrintClearlyRegular', sans-serif;
	font-family:'ProximaNovaLight';*/
	padding:100px 40px 0 40px;
	text-shadow:1px 1px 1px #ccc;
	font-size:40px;
	color:#222;
	text-align:center;
	line-height:70px;
	font-weight:normal;
}

#tagline a:hover{
	-webkit-transition-property: color;
    -webkit-transition-duration: 2s;
}
header {
	border-bottom:1px solid #ccc;
	padding:0 0 2px 0;
	width:960px;
	float:left;
	height:61px;
	
}
header a img, header span {
margin:20px 0px 0px 0px;
font-size:14px;
position:inherit;
width:200px;
float:left;


}
/*--------------Start Navigation------------------------*/
nav {
	float:right;
	font-size:14px;
	color:#333;
}
.menu{
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.menu li{
	display:inline;
}
.menu li a{
	text-align:center;
	display:block;
	color: #666;
	text-decoration:none;
	font-size:14px;
	float:left;
	padding: 10px 0px 10px 0px;
	margin-top:26px;
	font-family:Arial,Helvetica,sans-serif;
	margin-left:20px;
}
.menu li span{
	text-align:center;
	display:block;
	color: #999;
	text-decoration:none;
	font-size:14px;
	float:left;
	padding:10px 0 40px 0;
	margin-top:19px;
}
.menu li a:hover {
	color: #111;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #111;
}
.menuactive{
	color: #111 !important;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #111;
}
.submenuback{
	height:41px; float:right; margin-right:249px; background: url(../img/uparrow.png) repeat-x center top #333; padding:0 5px;
	-moz-border-radius:0 0 5px 5px; /* Firefox */
    -webkit-border-radius:0 0 5px 5px; /* Safari, Chrome */
	border-radius:0 0 5px 5px; /* CSS3 */
}
.submenu{
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.submenu li{
	display:inline;
}
.submenu li a{
	text-align:center;
	display:block;
	color: #aaa;
	text-decoration:none;
	font-size:12px;
	float:left;
	padding: 4px 0px 3px 0px;
	margin:12px 10px;
	font-family:Arial,Helvetica,sans-serif;
}
.submenu li a:hover {
	color: #fff;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #fafafa;
}
.submenuactive{
	color: #fff !important;
	text-decoration:none;
	float:left;
	border-bottom:1px solid #fafafa;
}

/*
.menu li:nth-child(1) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/home.png) no-repeat bottom center;
}
.menu li:nth-child(2) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/about.png) no-repeat bottom center;
}
.menu li:nth-child(3) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/services.png) no-repeat bottom center;
}
.menu li:nth-child(4) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/products.png) no-repeat bottom center;
}
.menu li:nth-child(5) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/ourwork.png) no-repeat bottom center;
}
.menu li:nth-child(6) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/blog.png) no-repeat bottom center;
}
.menu li:nth-child(7) a:hover {
	text-align:center;
	display:block;
	color: #111;
	text-decoration:none;
	float:left;
	background:url(../img/phone.png) no-repeat bottom center;
}
*/
/*--------------End Navigation------------------------*/

h1#logo {
	background: transparent url(../img/entourage_logo.png) no-repeat 0 0;
	width:420px;
	height:60px;

}

section h2 {
	font-size:30px;
	font-weight:normal;
	/*margin:0 20px 0 0;*/
/*	color:#0474C4;*/
	color:#1639A1;
	font-family:OpenSans;

}










.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
/*--------------------Start Index Page-----------------------*/
.ourclientback{
	width:960px;
	/*height:720px; */
	float:left;
	margin:0 0 20px 0;
}
#clientlist{position:relative;}
#clientlist li{margin:0;padding:0;list-style:none; float:left;}
#clientlist li, #clientlist a{display:block; height:120px; }

#ags{width:240px; background:url(../img/client/client.png) 0 0;}
#ags:hover{width:240px; background:url(../img/client/client.png) 240px 0;}


#kizashi{width:240px;background:url(../img/client/client.png) 0 -120px;}
#kizashi:hover{width:240px;background:url(../img/client/client.png) 240px -120px;}


#ghi{ width:240px;background:url(../img/client/client.png) 0 -240px;}
#ghi:hover{ width:240px;background:url(../img/client/client.png) 240px -240px;}


#jrk{width:240px;background:url(../img/client/client.png) 0 -360px;}
#jrk:hover{width:240px;background:url(../img/client/client.png) 240px -360px;}


#helthlingo{ width:240px;background:url(../img/client/client.png) 0 -480px;}
#helthlingo:hover{ width:240px;background:url(../img/client/client.png) 240px -480px;}


#gujjus{width:240px;background:url(../img/client/client.png) 0 -600px;}
#gujjus:hover{ width:240px;background:url(../img/client/client.png) 240px -600px;}



#aqa{width:240px; background:url(../img/client/client.png) 0 -720px;}
#aqa:hover{width:240px; background:url(../img/client/client.png) 240px -720px;}


#omni{ width:240px;background:url(../img/client/client.png) 0 -840px;}
#omni:hover{width:240px; background:url(../img/client/client.png) 240px -840px;}


#sahnirman{width:240px;background:url(../img/client/client.png) 0px -960px;}
#sahnirman:hover{width:240px; background:url(../img/client/client.png) 240px -960px;}


#cottonclimate{width:240px;background:url(../img/client/client.png) 0px -1080px;}
#cottonclimate:hover{width:240px; background:url(../img/client/client.png) 240px -1080px;}


#quickcontrol{ width:240px;background:url(../img/client/client.png) 0 -1200px;}
#quickcontrol:hover{width:240px; background:url(../img/client/client.png) 240px -1200px;}


#rrtextile{ width:240px;background:url(../img/client/client.png) 0 -1320px;}
#rrtextile:hover{ width:240px;background:url(../img/client/client.png) 240px -1320px;}


#greenpark{width:240px;background:url(../img/client/client.png) 0 -1440px;}
#greenpark:hover{width:240px;background:url(../img/client/client.png) 240px -1440px;}


#genesalike{width:240px;background:url(../img/client/client.png) 0px -1560px;}
#genesalike:hover{ width:240px;background:url(../img/client/client.png) 240px -1560px;}

#euro{width:240px;background:url(../img/client/client.png) 0px -1680px;}
#euro:hover{width:240px;background:url(../img/client/client.png) 240px -1680px;}

#mocktail{width:240px;background:url(../img/client/client.png) 0px -1800px;}
#mocktail:hover{ width:240px;background:url(../img/client/client.png) 240px -1800px;}


#journeys{width:240px;background:url(../img/client/client.png) 0 -1920px;}
#journeys:hover{left:480px; top:480px; width:240px;background:url(../img/client/client.png) 240px -1920px;}


#psynox{width:240px;background:url(../img/client/client.png) 0 -2040px;}
#psynox:hover{width:240px;background:url(../img/client/client.png) 240px -2040px;}


#phoenix{width:240px;background:url(../img/client/client.png) 0px -2280px;}
#phoenix:hover{ width:240px;background:url(../img/client/client.png) 240px -2280px;}


#rockwell{width:240px;background:url(../img/client/client.png) 0px -2400px;}
#rockwell:hover{ width:240px;background:url(../img/client/client.png) 240px -2400px;}

#we4jobs{width:240px;background:url(../img/client/client.png) 0 -2520px;}
#we4jobs:hover{left:720px; top:480px; width:240px;background:url(../img/client/client.png) 240px -2520px;}


#blacktie{ width:240px;background:url(../img/client/client.png) 0 -2640px;}
#blacktie:hover{ left:480px; top:480px; width:240px;background:url(../img/client/client.png) 240px -2640px;}

#renaissance{width:240px;background:url(../img/client/client.png) 0 -2760px;}
#renaissance:hover{ width:240px;background:url(../img/client/client.png) 240px -2760px;}

#manash{width:240px;background:url(../img/client/client.png) 0 -2880px;}
#manash:hover{width:240px;background:url(../img/client/client.png) 240px -2880px;}

#lakulish{width:240px;background:url(../img/client/client.png) 0 -3000px;}
#lakulish:hover{width:240px;background:url(../img/client/client.png) 240px -3000px;}

#sanskriti{width:240px;background:url(../img/client/client.png) 0 -3120px;}
#sanskriti:hover{width:240px;background:url(../img/client/client.png) 240px -3120px;}

#lotus{width:240px;background:url(../img/client/client.png) 0 -3240px;}
#lotus:hover{width:240px;background:url(../img/client/client.png) 240px -3240px;}

#magicduster{width:240px;background:url(../img/client/client.png) 0 -3360px;}
#magicduster:hover{width:240px;background:url(../img/client/client.png) 240px -3360px;}

#rachana{width:240px;background:url(../img/client/client.png) 0 -3480px;}
#rachana:hover{width:240px;background:url(../img/client/client.png) 240px -3480px;}

#taptivalley{width:240px;background:url(../img/client/client.png) 0 -3600px;}
#taptivalley:hover{width:240px;background:url(../img/client/client.png) 240px -3600px;}

#v-soft{width:240px;background:url(../img/client/client.png) 0 -3720px;}
#v-soft:hover{width:240px;background:url(../img/client/client.png) 240px -3720px;}




.why_entourageback{
	width:960px;
	float:left;
}

.whyentourageback{
	width:930px;
	float:left;
	height:130px;
	/*border-bottom:1px solid #aaa;
	border-style:dashed;
	background:url(../img/devlopementback.png) no-repeat;*/
	padding:20px 15px 20px 15px;
}
.whyentouragebackbottom{
	width:930px;
	float:left;
	height:130px;
	/*background:url(../img/devlopementback.png) no-repeat;*/
	padding:0 15px 20px 15px;
}

.textblank{
	float:left;
	width:280px;
	padding:0 15px;
	margin:10px 0;
	height:130px;
}
.middletextblank{
	float:left;
	width:278px;
	padding:0 15px;
	margin:10px 0;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	border-style:dashed;
	height:130px;
}

.whyentourageimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 0;
}
.supportimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 70px;
}
.standardimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 50px;
}

.qualityimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 60px;
}
.pragmatic_approachimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 2px;
}

.user_experienceimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 25px;
}
.quic_turnedimg{
	width:40px;
	height:40px;
	float:left;
	margin:7px 0 0 10px;
}
.whyentourageinnertext{
	font-family:Arial,sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#272727;
	text-align:left;
	padding:8px 10px;
	text-shadow:1px 1px 1px #9C9B93;
	float:left;
	margin:7px 0 0 0;	
}
.whyentourageinnersmall{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	padding:12px 10px 0 13px;	
	line-height:20px;
	float:left;
	border-bottom:1px solid #aaa;
	border-bottom-style:dashed;
	height:81px;
}
.whyentourageinnersmallbottom{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	padding:12px 10px 0 13px;	
	line-height:20px;
	float:left;
	height:81px;
}

.ourclientimg{
	width:240px;
	height:100px;
	float:left;
	margin:10px 0 10px 0;
}



/*--------------------End Index Page-----------------------*/



/*------------Start Profile Images------------------------*/

.item {
	width:310px;
	height:221px;	
	/*border:4px solid #222;	
	margin:18px 25px 5px 3px;*/
	margin:10px 5px 0px 5px;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}

.item .caption {
	width:310px;
	height:221px;
	background:#000;
	color:#fff;
	font-weight:bold;	
	
	/* fix it at the bottom */
	/*position:absolute;
	left:-25;*/

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	width:310px;
	height:221px;
	/*vertical-align:bottom; display:table-cell; */
	/* add spacing and make the whole row clickable*/
	padding:0px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
/*	display: table-cell;
	vertical-align:bottom;*/
}

a img {
	border:0;
	
	/*allow javascript moves the img position*/
	position:absolute;
}



.page-title-mainback{
	width:960px;
	float:left;
}
.page-slide{
	width:960px;
	min-height:100px;
	float:left;
	margin-bottom:30px;
}
.page-back { float: right; padding:40px 0 0 0; width:200px; margin-top:0px; }
.page-back1 { float: right; }
.page-back2 { float: left; padding:40px 0 0 0; width:360px; margin-top:0px; }

.page-back2 span a { color:#000; }
.page-back2 span a:hover { color:#000; text-decoration:underline; }
.back {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;

	width: 260px;

}
.back1 {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;

	width: 260px;
	float:right;
	
}
h1.page-title {
	color: #222222;
    font-weight: normal;
	color: #222222;
    font-family: 'OpenSans',sans-serif;
    font-size: 30px;
    font-weight: normal;
    padding:30px 0 10px 0;
    text-shadow: 1px 1px 1px #AAAAAA;
    padding: 30px 0 10px;
    text-shadow: 1px 1px 1px #AAAAAA;
	/*font-style: italic;*/
	float:left;
	width:600px;
}
h1.page-title1{
	color: #222222;
    font-family: 'OpenSans',sans-serif;
    font-size: 30px;
    font-weight: normal;
    padding: 30px 0 10px;
    text-shadow: 1px 1px 1px #AAAAAA;
	/*font-style: italic;*/
	float:left;
	width:600px;
}
#filter {
	margin: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}

#filter input {
	background: #fff;
	display:block; 
}
#filter li {list-style:none; float:left; text-align:right; font-size:12px;}
#filter li a { color:#555; float:left; padding:5px 10px;  text-align:right; margin-right:1px;}
#filter li a:hover{ color:#fafafa; float:left;  text-align:right; background:url(../img/arrow.png) center bottom no-repeat #333; height:24px;}
li.selected-undefined a{ color:#fafafa !important; float:left; text-align:right; background:url(../img/arrow.png) center bottom no-repeat #333; height:24px;}

.item .caption h2 {font-family: 'OpenSans', sans-serif; font-size:25px; color:#ffffff; line-height:30px;  height:221px;}
.item .caption h2 a{color:#fff; text-decoration:none; font-size:25px; vertical-align:bottom; display:table-cell; height:221px; padding:0 0 6px 6px;}
.item .caption h2 a:hover{color:#fff; text-decoration:none; font-size:25px; vertical-align:bottom; display:table-cell; height:221px; padding:0 0 6px 6px;}
.item .caption h3 {font-family: 'OpenSans', sans-serif; font-size:25px; color:#ffffff; line-height:30px;  height:221px;}
.item .caption h3 a{color:#fff; text-decoration:none; font-size:25px; vertical-align:bottom; display:table-cell; height:221px; padding:0 0 6px 6px;}
.item .caption h3 a:hover{color:#fff; text-decoration:none; font-size:25px; vertical-align:bottom; display:table-cell; height:221px; padding:0 0 6px 6px;}
.image-grid{
/*	margin-left:15px;*/
}

/*------------End Profile Images------------------------*/


/*------------Start Contact Page ------------------------*/
h2 {
/*font-size:36px;*/
top:5px;
}
.leftsidecontant{
	float:left;
	margin-left:25px;
}
#content{
padding: 50px 0;
}
form.webform-client-form input{
padding:10px;
margin-top:5px;
height:auto;
width:385px;
}

form.webform-client-form .form-item, form.webform-client-form .webform-component-file {
margin-top:15px;
}

form.webform-client-form input.form-submit{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius: 5px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:15px 7px 10px 0;
padding:5px 17px;
background: #555;
border: none;
-webkit-transition-property: background;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease-in-out; 
width:85px;
}

form.webform-client-form input[type="submit"]:hover {
border: 0px;
background-color:#333;
}
form, legend, label{ font-size: 14px; line-height: 20px; }
input[type="text"],input[type="password"],input[type="select"],input[type="search"]
{ border: solid 1px #ccc; height: 30px; padding: 1px 5px; display: block; width:394px; }
p, pre, address{ 
	font-size: 14px; color:#666; line-height: 24px; position: relative; top: 5px; text-align:left; margin:0 0 15px 0;
}
.block h4 {
font-size:14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #56554F;
margin: 0px 0 0 0;
padding: 0;
}
section,
div{ padding-bottom: 0px; }
.unitx1{ width: 80px; } 
.unitx2{ width: 180px; } 
.unitx3{ width: 280px; }
.unitx4{ width: 380px; } 
.unitx5{ width: 400px; text-align:justify; }
.unitx6{ width: 580px; }
.unitx7{ width: 680px; } 
.unitx8{ width: 780px; } 
.unitx9{ width: 880px; }
.unitx10{ width: 980px; } 
.width1{ width: 180px; }
.width2{ width: 380px; }
/*.width3{ width: 558px; }*/
.width3{ width: 442px; margin-right:116px; }
.width4{ width: 780px; }
.width5{ width: 980px; }
.columnsx2{ -webkit-column-count: 2; -webkit-column-gap: 20px; -moz-column-count: 2; -moz-column-gap: 20px; column-count: 2; column-gap: 18px; }
.columnsx4{ -webkit-column-count: 4; -webkit-column-gap: 20px; -moz-column-count: 4; -moz-column-gap: 200px; column-count: 4; column-gap: 18px; }
.page{ width: 960px; position: relative; margin: 0px auto;}
.page:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.column	{ /*margin-left: 20px;*/ display: block; float: left; } 
.colgroup{ display: block; float: left; }
.first{ margin-left: 0; clear: left; line-height:24px; }
.gutter{ margin-left: 20px; } 
.no-gutter{ margin-left: 0; }
.align-left{ float: left; }
.align-right{ float: right; text-align: right; }

.leading{ margin-bottom: 20px; }

.leading a{ color:#666;}

.leading a:hover{ color:#000;}

.noleading{ margin-bottom: 0 !important; }

.email a{ color:#666;}

.email a:hover{ color:#000;}

/*------------End Contact Page ------------------------*/


/* Recent */
.home-recent .sidebar {
	/*width: 220px;*/
	width:320px;
	float: left;
	margin: 0 20px 0 0;
	border-top: 1px solid #efefef;
	padding: 10px 0 25px 0;
}

.home-recent .sidebarleft {
	width: 240px;
	float: left;
	margin: 0 17px 0 0;
	border-top: 1px solid #ccc;
	padding: 40px 0 25px 0;
}

.portfolio-recent .sidebar,
.no-border .sidebar,
.no-border .recent-wrap
{ border: none; }


.portfolio-recent .sidebar a{color:#000;}

.portfolio-recent .sidebar a:hover{color:#000; text-decoration:underline;}

.home-recent .sidebar h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

.home-recent .sidebar p {
	margin-bottom: 15px;
	padding-right: 20px;
}

.recent-wrap {
	width: 620px;
	float: left;
	padding: 20px 0 20px 0;
}

#similar_projectback{
	border-top:1px solid #ccc;
	width:703px;
}
.portfolio-recent .recent-wrap { border: none; }

.single-portfolio .portfolio-recent .sidebar {
	margin-right: 40px;
	width: 200px;
}

#home-border .recent-wrap,
#home-border .sidebar { padding: 0; }

.droid-italic {
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
	font-size: 11px;
}

.recent-wrap .hentry-wrap { width:730px; }

.recent-wrap .hentry {
	float: left;
	width: 215px;
	margin: 0 28px 0 0;
}

.recent-wrap .post-thumb { margin-bottom: 10px; }
.recent-wrap .post-thumb_port { margin-bottom: 0; }

.post-thumb a span.overlay {
	background: url(images/overlay.png) center no-repeat;
	position: absolute;
	width: 210px;
	height: 160px;
	display: block;
	z-index: 5;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
      -moz-opacity: 0;
		   opacity: 0;
}

.recent-wrap .post-thumb a {
	padding: 5px;
	display: block;
	width: 210px;
	height: 160px;
}
.recent-wrap .post-thumb_port a {
	padding: 5px;
	display: block;
	width: 290px;
	height: 221px;
}


.post-thumb a { cursor: pointer; }
.post-thumb_port a { cursor: pointer; }
.post-thumb_port {width:290px;}

.caption  {
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
.recent-wrap .post-thumb a:hover { background: #f5f5f5; }
.recent-wrap .post-thumb_port a:hover { background: #f5f5f5; }

#recent-portfolio .entry-title,
#recent-portfolio .entry-content,
#recent-portfolio .entry-meta 
{ padding-left: 10px; }

#recent-portfolio .entry-title
{ margin-bottom: 2px; }

.recent-wrap .entry-title a,
.recent-wrap .entry-title {
	color: #444444;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	margin-bottom: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#recent-portfolio-detail .entry-title { 
	margin-bottom: 5px;
	margin-left: 5px;
}

#recent-portfolio-detail .entry-content { margin-left: 5px; }

#content_contact{
	padding:0px 0;
	float:left;
}
.icon-vcard {
    background: url("../img/icon-vcard.png") no-repeat scroll 0 12px transparent;
    padding: 20px 30px;
}
.icon-document {
    background: url("../img/icon-document.png") no-repeat scroll 0 12px transparent;
    padding: 20px 30px;
}
.icon-document a{
	color:#666;
}
.icon-document a:hover{
	color:#000;
	text-decoration:underline;
}
.textparagraph{
	padding:0 0  12px 0;
	float:left;

} 
/*---------Start Services Page-------------------*/
.flashback{
	width:960px;
	height:250px;
	border-bottom:1px solid #ccc;
}
.servicesback{
	width:960px;
	float:left;
	margin:20px 0 0 0;
}
.designback{
	width:240px;
	min-height:240px;
	float:left;
}
div.design{
	width:240px;
	height:240px;
	float:left;
	background:url(../img/servicesmain.png) 0 0;
	cursor:pointer;
}
div.design:hover{
	background:url(../img/servicesmain.png) 240px 0;
	float:left;
	cursor:pointer;
}
div.devlopement{
	width:240px;
	height:240px;
	float:left;
	background:url(../img/servicesmain.png) 0 720px;
	cursor:pointer;
}
div.devlopement:hover{
	background:url(../img/servicesmain.png) 240px 720px;
	float:left;
	cursor:pointer;
}
div.branding{
	width:240px;
	height:240px;
	float:left;
	background:url(../img/servicesmain.png) 0 480px;
	cursor:pointer;
}
div.branding:hover{
	background:url(../img/servicesmain.png) 240px 480px;
	float:left;
	cursor:pointer;
}
div.information{
	width:240px;
	height:240px;
	float:left;
	background:url(../img/servicesmain.png) 0 240px;
	cursor:pointer;
}
div.information:hover{
	background:url(../img/servicesmain.png) 240px 240px;
	float:left;
	width:240px;
	height:240px;
	cursor:pointer;
}
.servicesinnerback{
	width:960px;
	float:left;
	height:321px;
	margin:40px 0 0 0;
	background:url(../img/servicespageinnerback.png) no-repeat;
}
.productdesignmainback{
	width:320px;
	float:left;	
}
.productdesignback{
	width:320px;
	float:left;
	height:83px;
	margin:10px 0 0 0;
	background:url(../img/productdesignback.png) no-repeat;
	
}
.productdesignimg{
	width:68px;
	float:left;
	height:83px;
	margin:0 0 0 49px;
	background:url(../img/productdesignimg.png) no-repeat;
	
}
.identityimg{
	width:63px;
	float:left;
	height:83px;
	margin:0 0 0 87px;
	background:url(../img/identityimg.png) no-repeat;
	
}
.webdesignimg{
	width:67px;
	float:left;
	height:83px;
	margin:0 0 0 69px;
	background:url(../img/webdesignimg.png) no-repeat;
	
}
.servicesmenuback{
	margin:10px 0 0 0;
	float:left;
	}
.servicesmenu{
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.servicesmenu li{
	font-size:12px;
	width:178px;
	margin:0 0 0 48px;
	float:left;
}
.servicesmenu li a{
	text-align:left;
	margin:0px;
	margin-top:10px;
	color: #000;
	text-decoration:none;
	font-size:12px;
	float:left;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/servicesarrow.png) top left no-repeat;
	padding:0 0 0 20px;
}
.servicesmenu li a:hover{
	color: #000;
	float:left;
}

.stationaryimg{
	width:68px;
	float:left;
	height:83px;
	margin:0 0 0 70px;
	background:url(../img/stationary.png) no-repeat;
	
}

.promotional_printsimg{
	width:63px;
	float:left;
	height:83px;
	margin:0 0 0 33px;
	background:url(../img/promotional_prints.png) no-repeat;
	
}

.webdesignimg{
	width:67px;
	float:left;
	height:83px;
	margin:0 0 0 30px;
	background:url(../img/product_packing.png) no-repeat;
	
}

.devlopementinnerback{
	width:960px;
	float:left;
	height:321px;
	margin:40px 0 0 0;
	background:url(../img/devlopementback.png) no-repeat;
}

.devlpoment_innerimg{
	width:63px;
	float:left;
	height:83px;
	margin:0 0 0 45px;
	background:url(../img/devlopement_inner.png) no-repeat;
	
}
.informationsystrem_innerimg{
	width:63px;
	float:left;
	height:83px;
	margin:0 0 0 40px;
	background:url(../img/information_systeminner.png) no-repeat;
	
}



.productdesigntext{
	font-family: 'OpenSans',sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#000000;
	text-shadow:1px 1px 1px #9c9b93;
	margin:30px 0 0 0;	
}



.designbox{
	width:228px;
	min-height:559px;
	border:1px solid #ccc;
	float:left;
	background: url(../img/design.png) no-repeat #e5e5e5;
	margin:13px 0px;
	cursor:pointer;
	color:#222;
}
.designbox:hover, .designac{
	border:1px solid #cc9900;
	background: url(../img/design_hover.png) no-repeat #ffe825;
	cursor:pointer;
	float:left;
	color: #993300;
}
.developmentbox{
	width:228px;
	min-height:559px;
	border:1px solid #ccc;
	float:left;
	background: url(../img/development.png) no-repeat #e5e5e5;
	margin:13px 13px;
	cursor:pointer;
	color:#222;
}
.developmentbox:hover, .developmentac{
	border:1px solid #0033FF;
	background: url(../img/development_hover.png) no-repeat #84afec;
	cursor:pointer;
	float:left;
	color: #003366;
}
.brandingbox{
	width:228px;
	min-height:559px;
	border:1px solid #ccc;
	float:left;
	background: url(../img/branding.png) no-repeat #e5e5e5;
	margin:13px 14px 13px 0;
	cursor:pointer;
	color:#222;
}
.brandingbox:hover, .brandingac{
	border:1px solid #336600;
	background: url(../img/branding_hover.png) no-repeat #97e049;
	cursor:pointer;
	float:left;
	color: #006600;
}
.informationbox{
	width:228px;
	min-height:559px;
	border:1px solid #ccc;
	float:left;
	background: url(../img/information.png) no-repeat #e5e5e5;
	margin:13px 0px;
	cursor:pointer;
	color:#222;
}
.informationbox:hover, .informationac {
	border:1px solid #990000;
	background: url(../img/information_hover.png) no-repeat #ff6060;
	cursor:pointer;
	float:left;
	color:#990000;
}
.allboxtext{
	width:208px;
	padding:140px 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.allboxtextheading{
	width:208px;
	padding:0px 0 10px 0;
	font-size:15px;
}


/*----------------------------Start Product Page-----------------------------------*/
.productback{
	width:960px;
	float:left;
	margin:0 0 20px 0;
	/*border-bottom:1px solid #aaa;
	border-style:dashed;
	background:url(../img/devlopementback.png) no-repeat;*/
	padding:20px 0 20px 0;
}

.producttextblank{
	float:left;
	width:310px;
	margin:10px 5px;
}
.productmiddletextblank{
	float:left;
	width:298px;
	padding:0 10px;
	margin:10px 0;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	border-style:dashed;
}
.productinnerimg{
	float:left;
}
.sitemortemimg{
	width:169px;
	height:78px;
	float:left;
	margin:0 0 0 65px;
}
.farewala{
	width:169px;
	height:78px;
	float:left;
	margin:0 0 0 58px;
	
}
.connectstudent{
	width:169px;
	height:78px;
	float:left;
	margin:0 0 0 65px;
}
.productinnersmall{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	padding:12px 10px 0 10px;	
	line-height:20px;
	float:left;
}

/*---------Start About Page-------------------*/
.aboutcontaintback{
	width:960px;
	/*height:250px;*/
	float:left;
}
.blogtry{
	width:960px;
	float:left;
	background:url(../img/try.png) no-repeat;
	height:260px;
}

/*---------Start blog Page-------------------*/
.blogcontaintback{
	width:960px;
	/*height:250px;*/
	float:left;
}
.blogback{
	width:960px;
	float:left;
	min-height:150px;
}
.bloginnerleft{
	width:690px;
	float:left;
	margin:10px 0 0 0;
	position:relative;
}

.bloginnerleftinner{
	width:690px;
	float:left;
	margin:15px 0 15px 0;
	position:relative;
}
.bloginnerbox{
	width:658px;
	float:left;
	border:1px solid #d0d0c6;
	min-height:150px;
	background:#e6e6de;
	margin:0 0 0 23px;
	-moz-box-shadow: 2px 2px 3px #d1d1d1;
	-webkit-box-shadow: 2px 2px 3px #d1d1d1;
	box-shadow: 2px 2px 3px #d1d1d1;
	background:url(../img/blog_innerbg.png) repeat;
	position:relative;
}
.redbox{
	width:77px;
	height:47px;
	float:left;
	background:url(../img/blog_redbox.png) no-repeat;
	position:absolute;
	top:10px;
	z-index:1;
}

.innerdate{
	color:#FFFFFF; 
	float:right; 
	font-size:16px; 
	padding:0 8px 0 0; 
	text-align:right; 
	width:69px;
}
.innermonth{
	color:#FFFFFF; 
	float:right; 
	font-size:12px; 
	padding:0 8px 0 0; 
	text-align:right; 
	width:69px;
}
.categories span{
	background:url(../img/categoriesback.png) repeat-x;
	width:223px;
	float:left;
	height:16px;
	margin:12px 0 0 32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#404040;
	padding:5px 5px;
	text-shadow:1px 1px 1px #ededed;
	border:1px solid #bcbcb4;
}
.categories div{
	width:225px;
	float:left;
	margin:0 0 0 32px;
}
.categoriesmenu{
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.categoriesmenu li{
	font-size:12px;
	/*width:178px;*/
	margin:0 0 0 0;
}
.categoriesmenu li a{
	text-align:left;
	margin:10px 0 0 8px;
	color: #666;
	text-decoration:none;
	font-size:12px;
	float:left;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/categoriesarrow.png) center left no-repeat;
	padding:0 0 0 15px;
}
.categoriesmenu li a:hover{
	color: #000;
	float:left;
}


.bloginner1{
	width:450px;
	float:right;
	padding:10px 0px;
}
.bloginnertext p{
	width:580px;
	margin:10px 0 0 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	color:#666;
	float:left;
	line-height:22px;
	position:relative;
	z-index:1;
}
.wisdomtext{
	float:right; 
	margin:20px 15px 15px 0; 
	font-size:14px;
}
.wisdomtext span{
	color:#750807;
	}

.bloginnerright{
	width:270px;
	float:left;
	margin:10px 0 0 0;
	position:relative;
}

.searchback{
	width:239px;
	height:44px;
	float:left;
	background:url(../img/searchbackimg.png) no-repeat;
	margin:10px 0 0 29px;
}
.searchleft{
	float:left;
	width:195px;
}
.searchright{
	float:right;
	width:40px;
	margin:7px 0 0 0;
	height:33px;
	border-left:1px solid #bfbfb6;
}
.searchright a{
	width:16px;
	height:16px;
	float:left;
	margin:7px 7px;
}
.searchtext{
	margin:10px 0 0 29px;
	padding:5px 5px;
	color:#666666;
	background:none;
	border:none;
}

.readmore a{
	font-family:"Open Sans Light";
	font-size:12px;
	text-align:justify;
	text-decoration:none;
	color:#666666;
	float:left;
	margin:10px 0 0 0;
}
.readmore a:hover{
	color:#000000;
	
}

/*.ourteamback{
	width:460px;
	float:left;
	padding:10px;
	margin:10px 0;
}*/
.ourteamback{
	width:940px;
	float:left;
	padding:20px 10px 20px 10px;
	border-bottom:1px solid #aaa;
	border-bottom-style:dashed;
}
.ourteamimage{
	width:150px;
	height:162px;
	float:left;
}

div.hiren{
	width:150px;
	height:162px;
	float:left;
	background:url(../img/hiren.jpg);
	cursor:pointer;
}
div.hiren:hover{
	background:url(../img/hiren.jpg) 0 162px;
	float:left;
	width:150px;
	height:162px;
	cursor:pointer;
}
div.pratik{
	width:150px;
	height:162px;
	float:left;
	background:url(../img/pratik.jpg);
	cursor:pointer;
}
div.pratik:hover{
	background:url(../img/pratik.jpg) 0 162px;
	float:left;
	width:150px;
	height:162px;
	cursor:pointer;
}
div.kartik{
	width:150px;
	height:162px;
	float:left;
	background:url(../img/kartik.jpg);
	cursor:pointer;
}
div.kartik:hover{
	background:url(../img/kartik.jpg) 0 162px;
	float:left;
	width:150px;
	height:162px;
	cursor:pointer;
}


.ourteamtext{
	width:740px;
	padding:0 20px;
	float:left;
	margin-left:5px;
	font-size:14px;
	line-height:22px;
	text-align:justify;
}
.ourteamtext div span{
	width:740px;
	float:left;
	padding:7px 0;
	
}
/*.ourteamheading{
	width:300px;
	float:left;
	font-size:24px;
	margin-bottom:10px;
	font-family:"Open Sans Light";
	font-weight:bold;
}*/

.ourteamheading{
	width:790px;
	float:left;
	font-size:24px;
	margin-bottom:10px;
	font-family:"Open Sans Light";
	font-weight:bold;
}
.ourteamheading sub{
	font-size:12px;
	color:#990000;
}

/*---------Start Process Page-------------------*/
.Processcontaintback{
	width:960px;
	/*height:330px;*/
	float:left;
}
.processimg{
	width:880px;
	height:330px;
	float:left;
	margin:40px 0 0 80px;
	
}
.processinnerimg{
	width:880px;
	float:left;
	margin:0 0 0 80px;
}
.processinnerimg_inner{
	width:880px;
	float:left;
	margin:20px 0 0 80px;
}


/*---------End Process Page-------------------*/


/*---------Start News Room Page-------------------*/
.newsroomcontaintback{
	width:960px;
	float:left;
}
.newsroomtext{
	width:300px;
	float:left;
	line-height:24px;
	margin:20px 0 0 0;
	
}
.newsroomimg{
	/*width:640px;*/
	width:800px;
	float:left;
	margin:20px 0 0 80px;
	
	
}


/*---------End News Room Page-------------------*/

/*--------------------------------------Start Footer-----------------------------*/

footer{
	border-top:1px solid #ccc;
	padding:0 0 2px 0;
	width:960px;
	float:left;
	height:30px;
	margin:10px 0 0 0;	
}
.allwritestext{
	font-size:12px;
	color:#000;
	text-align:left;
	padding:10px 0 10px 10px;
	float:left;
}
.poweredbytext{
	font-size:12px;
	color:#000;
	text-align:right;
	padding:10px 10px 10px 0px;
	float:right;
}



/*--------------------------------------End Footer-----------------------------*/

.our_team_containt{
	width:960px;
	float:left;
}
.team_cofounder_back{
	width:960px;
	float:left;
	border-bottom:1px solid #ccc;
	margin:10px 0 0 0 ;
}
.team_employee_back{
	width:960px;
	float:left;
	border-bottom:1px solid #ccc;
	margin:10px 0;
}
.team_thumbile_image{
	width:150px;
	height:150px;
	float:left;
	margin:20px;
}
.team_thumbile_image a img{
	width:130px;
	height:130px;
	border:3px solid #fafafa;
	border-radius:450px;
	-webkit-box-shadow: 1px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 2px 0px rgba(50, 50, 50, 0.75);
}
.team_thumbile_image a img:hover, .team_thumbile_image a img:active{
	width:130px;
	height:130px;
	border:3px solid #fff;
	border-radius:450px;
	-webkit-box-shadow: 0px 0px 20px rgba(33, 164, 227, 0.67);
	-moz-box-shadow:    0px 0px 20px rgba(33, 164, 227, 0.67);
	box-shadow:         0px 0px 20px rgba(33, 164, 227, 0.67);

}
.team_single_person{
	width:960px;
	float:left;
	margin:50px 0 0 0;
}
.team_single_person_image{
	width:265px;
	height:265px;
	float:left;
	margin:0 35px 35px 0;
}
.team_single_person_image img{
	float:left;
	width:250px;
	height:250px;
	/*border:3px solid #e6e6de;*/
	border-radius:450px;
	/*-webkit-box-shadow: 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 2px 0px rgba(50, 50, 50, 0.75);*/
	box-shadow: 
		0 0 0 10px rgba(250,250,250,0.2), 
		inset 0 0 3px rgba(218,218, 208, 0.8);
	-webkit-box-shadow: 
		0 0 0 10px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(218,218, 208, .8);
	-moz-box-shadow: 
		0 0 0 10px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(218,218, 208, .8);	
}
.team_single_person_text{
	width:600px;
	float:left;
}
.person_text_innertext{
	color: #706F6F;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 10px;
	text-shadow:1px 1px 1px #aaa;
}
.favorite_dialogue{
	font-size:16px; 
	color:#555555; 
	font-weight:bold;
	font-family:'OpenSans',sans-serif;
}
.favorite_dialogue b{
	font-size:16px; 
	color:#555555; 
	font-family: Arial, Helvetica, sans-serif;
}
.moviename{
	float:right; 
	font-size:12px; 
	font-weight:bold; 
	font-style:italic;
}
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
/*	width: 220px;
	height: 220px;*/
	width: 140px;
	height: 140px;
	display: inline-block;
	margin: 20px;
}

.ch-item {
	/*width: 100%;
	height: 100%;*/
	width:100%;
	height:100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
/*	width: 180px;
	height: 180px;*/
	width: 140px;
	height: 140px;
	border-radius: 50%;
}

.ch-info-wrap {
	/*top: 20px;
	left: 20px;*/
	top: 0;
	left: 0;
	background:url(../img/bg.jpg);
	box-shadow: 
		0 0 0 10px rgba(250,250,250,0.2), 
		inset 0 0 3px rgba(218,218, 208, .8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;

	/*background: #223e87;*/
	background:#5f5f5f;

	pointer-events: none;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 { 
	background-image: url(../img/tanmay_full.png);
}

.ch-img-2 { 
	background-image: url(../img/samay_full.png);
}

.ch-img-3 { 
	background-image: url(../img/deepak_full.png);
}
.ch-img-4 { 
	background-image: url(../img/hiren_full.png) ;
}

.ch-img-5 { 
	background-image: url(../img/pratik_full.png) ;
}

.ch-img-6 { 
	background-image: url(../img/kartik_full.png) ;
}
.ch-img-7 { 
	background-image: url(../img/hardik_full.png) ;
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	margin: 0 15px;
	padding: 30px 0 0 0;
	/*height: 80px;*/
	height:55px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 0 5px 0;
	font-style: italic;
	margin: 0 18px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-align:center;
}

.ch-info p a {
	display: block;
	color: #e7615e;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	opacity: 0;
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	opacity: 1;
	pointer-events: auto;
}


