/********************************************sandeep's stylesheet**************************************************/
/*============================================Reset Style========================================================*/
*{ margin:0; padding:0} 
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{ display:block; padding:0; margin:0;}
body{ font-size:14px; font-family: 'apex_newbook';  color:#fff; line-height:1;}
blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a, img{ outline:none; border:0 none}img{ width:100%; height:auto;}
table,tr,td{ vertical-align:top; padding:5px}
address{ font-style:normal}
a{ text-decoration:none; color:#fff}/*a:hover{ color:#FC6}*/
a.hvr-none:hover{ color:#fff !important}
ul,ol,li{ list-style:none}
h1,h2,h3,h4,h5,h6,b,strong { font-weight:bold;}h1 { font-size: 2em;}h2{ font-size: 1.5em;}h3{ font-size: 1.17em;}h5{ font-size: .83em; }h6 { font-size: .75em;}
textarea{ resize:none;}
select, textarea, input{ border:0 none; outline:none; vertical-align:top}
label{ vertical-align:top}
.fl{ float:left}.fr{ float:right}.clrBth{ clear:both}
.clearfix { zoom: 1;}.clearfix:before, .clearfix:after { display: table; content: "";}.clearfix:after { clear: both;}
.brdr-rdus{
	border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;
}
/*=========================================================Common Style============================================================*/
.top-multi-links{}
.social-links{ margin-left:12px}
.social-links a{ display:inline-block; margin-right:2px; width:18px; height:18px; vertical-align:middle}
.social-links a.icon-fb{ background:url(../images/social/fb.png) no-repeat 0 0;}
.social-links a.icon-fb:hover{ background:url(../images/social/fb_hover.png) no-repeat 0 0;}
.social-links a.icon-twitter{ background:url(../images/social/twitter.png) no-repeat 0 0;}
.social-links a.icon-twitter:hover{ background:url(../images/social/twitter_hover.png) no-repeat 0 0;}
.social-links a.icon-g-plus{ background:url(../images/social/plus.jpg) no-repeat 0 0;}
.social-links a.icon-g-plus:hover{ background:url(../images/social/plus_hover.jpg) no-repeat 0 0;}
.social-links a.icon-in{ background:url(../images/social/in.png) no-repeat 0 0;}
.social-links a.icon-in:hover{ background:url(../images/social/in_hover.png) no-repeat 0 0;}
.social-links a.icon-mail{ background:url(../images/social/mail.png) no-repeat 0 center;}
.social-links a.icon-mail:hover{ background:url(../images/social/mail_hover.png) no-repeat 0 0;}
.button-bg{ background:#686868/*url(../images/button_bg.jpg) repeat-x 0 center*/; height:25px; display:inline-block; border:1px solid #6666; padding:0 5px;}
.more-detail{color:#f2f0f0; font-weight:normal; font-family: 'apex_newbook'; line-height:25px;}
.more-detail:hover{ color:#CCC}
.body-bg{ background:#808285;}
.brdr-none{ border:0 none !important}
.surrounder-gutter{ padding:10px;}
.surrounder{padding:1px;}
.bg{ background:#386e9a /*#023367/*2F4F4F f0eee6 00a9f0 | 424c53 6b6f5a |364a20|2e4c1e | 7e8f6e*/;}
.inner{ margin:0 auto}
.inner-banner{ position:relative}
.inner-banner-title{position:absolute; top:15px; right:15%; font-family:'apex_newbook'; font-size:50px}
.inner-banner-art{position:absolute; top:38%; font-family: 'apex_newbook'; left:16.5%; line-height:48px; font-size:40px; text-shadow:1px 1px #333}
.inner-banner-art span{ font-size:40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.min-hght{ min-height:350px}
.main-content .lft-gutter{  margin-left:1px}
.fmly-arl{ font-family: Arial, Helvetica, sans-serif; font-size:17px}
.pos-rel{ position:relative}
/*=========================================================Common Properties============================================================*/
#wrapper,#header,#content,#footer{ width:100%; max-width:1980px; margin:0 auto; position:relative;}
#header .inner-spacer{ padding:4px 10% 2px 10%}
#footer .inner-spacer{ padding:8px 10% 6px 10%}


/*========================================Pop Menu Style Here==============================================*/
.icon-menu a{ 
	cursor:pointer; display:block; background:url(../images/icon-menu-sprite.png) no-repeat 0 0; width:40px; height:40px; margin-top:5px;
}
.icon-menu a:hover{ background-position:0px -41px}
#blanket { 
	background-color:#000; opacity: 0.35;  position:absolute; z-index: 9001; top:0px;  left:0px;  width:100%;
}
#popUpDiv {	
	position:fixed; background-color:#000;	opacity: 0.85; z-index:99999;bottom:0 !important;	
	top:0 !important; right:0 !important; left:inherit !important; overflow-y:scroll
	
}
.pop-head{ padding:20px 30px 20px 20px;}
.pop-head a{ display:inline-block; vertical-align:top;}
.pop-close{ width:64px;}
.pop-close .close{ 
	background:url(../images/icon-close.png) no-repeat 0 0; width:62px; height:63px; cursor:pointer; opacity:1
}
.pop-memu{ margin-top:20px}
.pop-memu li{ margin-bottom:25px;}
.pop-memu li a.brder-botm{ border-bottom:1px solid #ccc}
.pop-memu li a{ color:#fff; display:block; text-align:right; font-size:22px; margin-bottom:0px; line-height:28px; margin-bottom:5px}
.pop-memu li li a{ font-size:16px;}
.pop-memu a:hover,.pop-memu a.active{ color:#00bdf2}

/****************26102015**********************/
.fluid-width{ width:100%;}

.aside,.main-content{position:relative; line-height:0}
.aside .row1,.aside .row2,.aside .row3,.main-content row1,.main-content row2,.main-content .row3
{position:relative; margin-bottom:1px}
/*.aside .row1 a div.navbg1 img{ background-size:cover; width:100%; height:232px; display:block; position:relative}
.aside .row1 a:hover div.navbg1 img{ background-image:url(../images/colour/navbg1.jpg); background-size:cover; position:relative; z-index:999; width:100%; height:232px; display:block}*/
.navart,.main-art{ 
	position:absolute; color:#fff; font-size:18px; font-weight:normal; line-height:26px; letter-spacing:0.5px;
}
.main-content .row2 .col1,.main-content .row2 .col2,.main-content .row2 .col3,.main-content .row3 .col1,.main-content .row3 .col2,.main-content .row3 .col3,.main-content .row4 .col1,.main-content .row4 .col2,.main-content .row4 .col3,.main-content .row5 .col1,.main-content .row5 .col2
{ position:relative; width:33.25%}
.main-content .row1,.main-content .row2,.main-content .row3,.main-content .row4{ margin-bottom:1px;}
.logo-ecco{
    max-width: 172px; position: absolute;  bottom: -6px; left: 20px;
}
.next, .next2{ background:url(../images/next_button.png) no-repeat 0 0; cursor:pointer; left:15px; top:28%; font-size:0; width:7px; height:12px; position:absolute;}
.prev, .prev2{ background:url(../images/prev_button.png) no-repeat 0 0; font-size:0; position:absolute; cursor:pointer; right:15px; top:28%; width:7px; height:12px;}
.next3,.next4{ background:url(../images/next_button2.png) no-repeat 0 0; cursor:pointer; left:15px; top:28%; font-size:0; width:8px; height:19px; position:absolute;}
.prev3,.prev4{ background:url(../images/prev_button2.png) no-repeat 0 0; font-size:0; position:absolute; cursor:pointer; right:15px; top:28%; width:8px; height:19px;}

/*=========================================================General Style============================================================*/
.top-links{ color:#fff; font-size:11px; margin-left:22px; text-align:right}
.top-links a{vertical-align:middle; color:#fff}
.menu{ margin-top:8px;font-size:16px; text-transform:capitalize}
.menu li{ float:left; color:#fff; position:relative}
.menu li ul{display:none; }
.menu li ul li{float:none !important; }
.menu li:hover ul{ 
    display:block;    position: absolute;    left: 15px;    top: 20px;    min-height: 60px;padding: 5px 15px 12px 15px;  width: 165px;
    line-height: 20px;    z-index: 999999;    background: #000;    border-radius:0; opacity:0.85
}
.menu li:hover ul.last{ left:inherit; right:0; text-align:right}
.menu li.select a{color:#6d6a6a}
.menu a{ margin-left:23px;  padding-bottom: 3px; color:#fff; line-height: 17px;}
.menu li:hover ul li a{ display:block;padding-bottom: 0; font-size:14px;line-height: 18px;   margin-top: 10px;  margin-left: 0px;}
.menu a:hover,.menu a.selected,.top-links a.selected{color:#fc6/*034ea2*/}
#content{ position:relative;}
#content .inner-spacer { padding:0 10%}
.mid-figure .rht-spacer{ margin-right:15px}
.mid-figure .top-spacer{ margin-top:15px}
/*******************************************************main aside here*********************************************************/
.aside{ width:24.85%;position:relative;}
.nav-txt{ letter-spacing:0.5px}
.design, .advertising, .digital,.design2, .advertising2, .digital2{position:absolute}
.design2, .advertising2, .digital2{ font-size:20px;}
.design2{ top:26%; left:5%}
.digital2{top:40%; left:5%}
.advertising2{top:55%; left:5%; }
.design{ top:26%; right:8.5%;}
.digital{bottom:42%; right:2.5%;}
.advertising{bottom:43%; left:42%; }
.nav{ position:absolute; font-size:17px; text-align:right; bottom:0; line-height:18px; display:block; width:90%; padding:2.5% 5%; font-family: 'apex_newbook'; color:#fff;background:url(../images/trans_bg.png) repeat 0 0; letter-spacing:0.5px}
.navart{ font-size:20px; top:20%; left:5%; text-shadow:1px 1px #333; font-family: 'apex_newbook';}
/*******************************************************main content here*********************************************************/
.main-content{ width:75.05%;}
.main-content a:hover{ color:#fff !important;}
.main-art{ font-size:20px; font-family: 'apex_newbook'; left:5%; top:20%; text-shadow:1px 1px #333;}
/*.logo-ecco{ bottom:10px !important; top:inherit; left:10px !important;}*/
.fade-content{ 
	overflow:hidden; display:block; font-family:Verdana, Geneva, sans-serif; height:100% !important; font-size:14px; 
	padding:10px 23px 10px 23px; line-height:18px; background:#686868;
}
.news-art{ color:#ffffff; font-size:17px; font-weight:normal; letter-spacing:1px}
.news-art.colrBlack{ color:#fc6; font-weight:bold}
.fade-inner{ line-height:17px; background:none !important}
.fade-inner .news{ width:100%; margin:0 auto;/* overflow:hidden;*/}
.fade-inner span{ color:#cdcdcd; display:inline-block; padding:5px 0;}
.fade-inner span.colrBlack{ color:#CCC; font-style:italic; font-size:12px}
.fade-inner a.colrBlack{color:#fff}
.fade-inner a.colrBlack:hover{color:#fc6 !important}
.aside-links{ 
	background:#92a5b4; position:absolute; z-index:999; text-align:left; padding:20px 15px 10px 15px; top:-25px; 
	line-height:20px;  left:20px; letter-spacing:0.5px; font-size:14px; font-family: 'apex_newbook'; width:155px;
}
.aside-links a.lft-arrow{ background:url(../images/link_bg.png) no-repeat 0 4px;}
.aside-links a{ display:block; margin-bottom:6px}
.aside-links a:hover{ color:#ffcc66}
.aside-links a.selected{ color:#ffcc66}
.aside-links .title2,.aside-inner .title2,.aside-links .title2 a{ 
	text-transform:capitalize; color:#FC6; line-height:23px; margin-bottom:6px; font-size:18px; letter-spacing:0.5px;
	font-weight:normal;
}
.lending-page{ padding:20px 0 0 0;}
.title{ text-align:left; font-size:22px; font-weight:bold; line-height:25px; font-weight:normal; padding:0 0 20px 0; color:#000; font-family: 'apex_newbook';}
.mid-content .title2{ text-align:left; font-size:18px; color:#000; line-height:25px; font-weight:normal; letter-spacing:0.5px;}
.mid-content{width:60%; margin-left:85px; color:#000; font-size:14px; line-height:20px; letter-spacing:0.5px;}
.aside-inner{ width: 26%;  font-size: 14px; background: #92a5b4; color: #fff; padding: 20px 1.5% 2.3% 1.5%;}
.aside-inner .top-spacer{ margin-top:20px;}
.aside-list{ font-size:14px; letter-spacing:0.5px; line-height:20px}
.aside-list li{ margin-bottom:3px}
.aside-list a{ line-height:20px; display:inline-block; /*background:url(../images/link_bg.png) no-repeat 0 4px;*/}
/*.aside-list a:hover{ color:#FC6}*/
.aside-art{ font-size:14px; letter-spacing:0.5px; line-height:18px;}
.aside-art .button-bg{ border:1px solid #f0f0f2}
.co-art span{font-family:Arial, Helvetica, sans-serif;}
.co-addresses{ width:700px;}
.co-addresses li.first{ margin-top:0}
.co-addresses li{ float:left; width:45%;  margin:20px 0 0 0;}
.co-addresses li h3{ color:#09C; font-weight:normal; font-size:18px; margin-bottom:5px;}
.co-addresses a{ color:#666}
.co-addresses a.link-colr{ color:#fff}
.co-art a,.apply{ color:#fff}
.co-addresses li span{ font-family:Arial, Helvetica, sans-serif; color:#333}
.learn-more{ font-size:15px; color:#999;}
.learn-more:hover{ color:#6a6a6a;}
.work-by{ color:#6a6a6a; font-size:13px; margin:10px 5px 0 0; font-weight:normal;font-family: 'apex_newmedium'}
.work-by a{ color:#000;}
.work-by a:hover{ color:#F90}
/**********************************************************form style************************************************************************/
.content-form td,.content-form th{ padding-bottom:8px;}
.content-form input, .content-form textarea{ border:1px solid #ccc; padding:4px; width:100%; font-family: 'apex_newbook';}
.content-form input.submit{ width:63px;}
.career-form{ color:#000;box-shadow:1px 2px 3px #999; padding:10px 0;}
.career-form label{ width:150px; display:inline-block; vertical-align:middle; }
.career-form select{ width:160px !important; padding:0 !important}
.career-form select option{ padding:2px;}
.career-form input.comp-wdth, .career-form select{ width:150px;}
.career-form input, .career-form select, .career-form textarea{vertical-align:middle; margin-right:10px; border:1px solid #ccc; padding:0 4px; font-family: 'apex_newbook';}

#form1{ width:100.1%}
.form-stitch th{padding:5px 10px;text-align:left; line-height:20px; font-size:12px}
.form-stitch .form-detail td{ padding:8px 8px 8px 0; font-size:12px; color:#434343}
.form-stitch td{ color:#333; padding:5px 0 8px 5px; text-align:left}
.form-stitch input,.form-stitch textarea{ border:1px solid #ccc;}
.career-form .lft-spacer{ margin-left:12px}
.career-form td.lft-spacer{ padding-left:12px}
.fill-detail input.date{ display:inline-block; vertical-align:middle;}
#edu-work{ /*background:#f2f0f0;*/ text-align:center}
#edu-work td{ padding:0 0 0 5px;}

.career-form .button{ background:#f2f0f0; color:#000; border:1px solid #565656; padding:3px 5px; border-radius:4px; box-shadow:1px 1px 3px #000}
/*===============================================calender=================================================*/
.ui-datepicker{ 
	background:#363636; padding:12px;color:#fff; width:300px;position:relative;
	border:1px solid #f0f2f2;border-radius:4px; display:none
}
.ui-datepicker-calendar{ margin:12px auto 0 auto; width:100%;}
.ui-datepicker-calendar th{ padding:4px; border:1px solid #f2f0f0; font-size:14px;}
.ui-datepicker-calendar td{ padding:4px; border:1px solid #f2f0f0; text-align:center; font-family: "FuturaMdMedium"; }
.ui-datepicker-calendar a{ color:#FCA; }
.ui-datepicker-title{ text-align:center;}
.ui-datepicker-header a:hover{ color:#FCA}
.ui-datepicker-prev{ position:absolute; left:12px; top:12px}
.ui-datepicker-next{ position:absolute; right:12px; top:12px}
.ui-icon{ cursor:pointer}
.ui-datepicker-trigger{ width:22px; vertical-align:middle; height:24px; margin-left:10px; display:inline-block}


/************************************************************footer here***************************************************************************************/
#footer{ padding-top:22px}
#footer .inner{ font-size:11px;color:#fff; background:#386e9a; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.foot-links{ color:#fff}
.foot-links a{ color:#fff}
.foot-links a:hover{color:#fc6}

/**********************************************************banner start here******************************************************************/
.banner-title{ position: absolute; top: 40px; left:15%; font-family: 'apex_newbook'; font-size: 50px;text-shadow:1px 1px #333;}
.banner-art{ position: absolute;line-height:48px;color:#fff !important; top:38%; font-family: 'apex_newbook'; left: 15%;font-size: 40px; text-shadow:1px 1px #333;}
.slidesjs-container,.slidesjs-control{ height:332px !important}
.slidesjs-previous{ position:absolute; top:40%; left:1.5%; font-size:0; z-index:999;background:url(../images/prev_next.png) no-repeat 0 0;  width:21px; height:39px;}
.slidesjs-next{ position:absolute; top:40%; right:1%; font-size:0; z-index:999;background:url(../images/prev_next.png) no-repeat -21px; width:21px; height:39px;}
#slides {display: none;position:relative;}
#slides .slidesjs-navigation { margin-top:3px;}
#slides .slidesjs-previous {float: left; display:none}
#slides .slidesjs-next { float: left; display:none}
.slidesjs-pagination {	list-style: none;position:absolute;	z-index:999;bottom:0px;right:0px;	background:url(../images/trans_bg.png) repeat 0 0;width:100%;	padding:1% 0}
.slidesjs-pagination li:first-child{ margin-left:84%;}
.slidesjs-pagination li { float:left; margin: 0 3px 0 2px;}
.slidesjs-pagination li a { display: block; width: 13px; height: 0;font-size:0;padding-top: 13px;	background-image: url(../images/pagination.png); background-position: 0 0;float:right; overflow: hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover { background-position: 0 -26px}
#slides a:link,#slides a:visited { color: #333}
#slides a:hover,#slides a:active { color: #9e2020}
.navbar { margin-top:3px}
.banner-title2{ position: absolute; top:314px; left:1.7%; font-family: 'apex_newbook'; font-size: 17px;text-shadow:1px 1px #333; z-index:99999}
/**********************************************************Effective Hover start here******************************************************************/
.mid-figure .title2{ color:#fff; padding:5px; width:100%; text-align:left; font-weight:normal; bottom:0 !important;}
.mid-figure-inner{ margin-top:5px;}
.mid-figure-inner li.last{ margin-right:0} 
.mid-figure-inner .row1 li,.mid-figure-inner .row2 li,.mid-figure-inner .row3 li{ float:left; width:47%;}
.mid-figure-inner li{ margin-bottom:20px; position:relative; margin:10px;}
.mid-figure-inner li.lft-spacer{ margin-left:10px; margin-right:10px;}
.box{ box-shadow:0px 2px 2px #d9d9d9; border-right:1px solid #8d8d8d; border-bottom:1px solid #036;}
.hover-content{ width:100%;overflow:hidden; padding:5px 5px 0 5px; background:#f2f0f0;height:76%;}
.hover-content .col1{width:46%}
.hover-content .col1 a{ margin:5px 5px 0 0}
.hover-content .col2{ width:50%;}
.hover-content .col2 a, .hover-content .col a{ margin:5px 0 0 0}

.view { float: left; position: relative; overflow: hidden;}
.view .mask,.view .content {  position: absolute; overflow: hidden; top: 0; left: 0;}
.view img { display: block; position: relative;}
.mask a{ text-align:left; display:inline-block;font-size:11px;line-height:14px;text-decoration: none;color: #000;}
.mask a:hover{ color:#069}
.view-fifth .mask { 
		-webkit-transform: translateY(300px);-moz-transform: translateY(300px); -o-transform: translateY(300px);
   -ms-transform: translateY(300px); transform: translateY(300px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
}
.view-fifth:hover .mask {  -webkit-transform: translateY(0px);  -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
/*******************************sitemap page css*************************/
.sitemap{ width:100%; color:#000}
#sitemap{ width:100%; text-transform:capitalize; position:relative; z-index:1;margin:0 auto;}
#sitemap h2{ border-bottom:2px solid #666; padding-bottom:10px;}
#sitemap h2 span{	text-transform:lowercase;}
.sitemap-col1,.sitemap-col2{ width:40%;}
.sitemap-col1 a,.sitemap-col2 a{ color:#666}
.sitemap-col1 ul,.sitemap-col2 ul{ padding-top:15px}
.sitemap-col1 ul li,.sitemap-col2 ul li{ padding-bottom:20px;} 
.sitemap-col1 ul li h3,.sitemap-col2 ul li h3{ 
	border-bottom:1px solid #666; padding:5px 0px 5px 20px; font-size:14px;background:url(../images/common/icon_sitemap_heading.jpg) no-repeat 0 5px;	
}
.sitemap-col1 ul li h3 span{background:url(../images/common/down_nav.png) no-repeat 0 4px;font-weight:normal; padding-left:12px;}
.sitemap-col1 ul li a.our-service{ background:none; margin:0; padding-left:0px}
.sitemap-col1 ul li a,.sitemap-col2 ul li a{ 	margin:5px 0 0 5px; display:inline-block;	background:url(../images/common/icon_sitemap_link.jpg) no-repeat 0 2px;	padding-left:15px;	}

/***********************************Dropdown css for small devices here****************************/
.droopdown{ position:relative; margin-top:12px}
/*.nav-button { display:none; }  hide the navigation button by default */

.nav-button {	
	display: block;	position: absolute;	top:0; left:0; padding:7px 2%;	width:96%;	height:30px;cursor: pointer;z-index:9999
}
.nav-button div.col1{ text-transform:capitalize; color:#FC6;}
.nav-button div.col2{ width:15px; height:13px}
.primary-nav {
	width: 100%;	float: none;	background-color:#686868;/*#238be3;  change the menu color */
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));	background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));	background-image:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	display: block;	height:30px;	margin: 0;	padding: 0;	overflow: hidden;	box-shadow: 0 1px 2px rgba(0,0,0,.6);	position: absolute;
	top: 0px;		left: 0px;	z-index: 998;	clear: both;
	}
.primary-nav li {display: none;	width: 100%;}
.primary-nav li a {	
	display: block;	 padding:7px 2%;	width:96%;	font-size: 14px;text-shadow: -1px -1px 0 rgba(0,0,0,.15);
	color: white;	text-decoration: none;	border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid rgba(255,255,255,.1); 
}
.primary-nav li a:hover{background-color: rgba(0,0,0,.5);	border-top-color: transparent;}
.primary-nav > li:first-child{border-top: 1px solid rgba(0,0,0,.2);}

/* Toggle the navigation bar open  */
.primary-nav.open { height: auto; padding-top:30px;}
.primary-nav.open li{display: block;}

/* Submenus – optional .parent class indicates dropdowns */
.primary-nav > li:hover > a {	background:rgba(0,0,0,.5);	border-bottom-color:transparent;}

.client-detail{ font-size:15px; margin-right:10px}