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

.inner-bg { background-image:url(../images/infrastructuree_banner.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:fixed;}

.overview-bg, .power-bg, .trans-bg, .water-bg, .smart-cities-bg, .chem-bg, .nuclear-bg, .services-bg, .about-bg , .sustainablity-bg, .steel-bg, .mining-bg, .energy-bg, .car-bg, .contact-bg,.car-bg2 { background-image:url(../images/overview_bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:fixed;}
.power-bg { background-image:url(../images/power_bg.html);}
.trans-bg { background-image:url(../images/trans_bg.html);}
.water-bg { background-image:url(../images/water_bg.html);}
.smart-cities-bg{background-image:url(../images/smart-cities-bg.jpg);}
.chem-bg { background-image:url(../images/chemical_bg.html);}
.nuclear-bg { background-image:url(../images/nuclear_bg.html);}
.services-bg {background-image:url(../images/service_bg.jpg);}
.about-bg {background-image:url(../images/about_bg.jpg);}
.sustainablity-bg {background-image:url(../images/sustainablity_bg.html);}
.steel-bg {background-image:url(../images/steel.html);}
.mining-bg {background-image:url(../images/mining.html);}
.energy-bg {background-image:url(../images/energy_bg.html);}
.contact-bg {background-image:url(../images/contact_bg.html);}
.car-bg {background-image:url(../images/car_bg.html);}
.car-bg2 {background-image:url(../images/car_bg2.html);}

#header .header-con, .common-container, .footer-wrapper { width:980px; position:relative; margin:0 auto; }
#header .top-con { position:relative; height:32px;}
#header .top-con .top-link { float:right; color:#939393; padding-top:5px; margin-right:10px;}
#header .top-con .top-link a { color:#939393; text-transform:uppercase; font-size:12px; padding-left:3px; padding-right:3px}
#header .top-con .top-link a:hover { color:#000; text-transform:uppercase;}
#header .top-con .social { float:right;  padding-top:5px;} 

#header .logo-con { height:41px; margin-top:2px;}
#header .logo-con .tce-logo { float:left; margin-top:15px;}
#header .logo-con .tata-logo { float: right;
    position: absolute;
    top: 23px;
    right: 0;}
/*#header .logo-con .tata-logo { float:left; position: absolute;top: 23px;
    }*/
#header .navigation-con, .common-wrapper { width:980px; display:inline-block; margin-top:21px; position:relative;}
#header .navigation-con .nav-left { float:left; width:1200px;}
#header .navigation-con .search { /*float:right; */width:143px; display:inline-block; padding-top:12px; position:absolute; top:0px; right:0px;}
#header .navigation-con .search .search_bt { float:left; width:31px; margin-top:2px;} 
#header .navigation-con .search input[type="text"] { background-image:url(../images/search_bg.jpg); background-repeat:no-repeat; background-position:left top; /*width:91px;*/ border:none !important; background-color:transparent !important; height:25px !important; float:left; outline:none; /*padding-left:10px; padding-top:3px; padding-bottom:5px;*/ margin-top:3px !important; padding-left:10px !important; padding-right:10px !important; font-size:12px !important; }
.right-wrapper .cta { border:solid 1px #FFF; padding:8px 10px; color:#FFF; display:inline-block; margin-top:8px; font-size:12px;} 


#header .navigation { height:56px;}
#header .navigation ul { margin:0px; padding:0px; list-style-type:none;}
#header .navigation ul li { display:block; float:left; background-image:url(../images/nav_ser.jpg); background-repeat:no-repeat; background-position:right top;}
#header .navigation ul li a { display:block; padding:21px 13px; color:#505050; font-size:14px; font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; font-weight:600;}
#header .navigation ul li a:hover { background-image:url(../images/hover_bg.jpg); background-repeat:repeat-x; background-position:left top; color:#FFF;}
.cat-active {background-image:url(../images/hover_bg.jpg); background-repeat:repeat-x; background-position:left top; color:#FFF !important;}

#header .navigation ul li:last-child { background-image:none; }


#slide1 .box1 .title-1 { font-size:30px;  font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding-bottom:10px;}
#slide1 .box1 .title-2 { font-size:33px;  font-family: 'Source Sans Pro', sans-serif; padding-bottom:10px; font-weight:700;}
.blue-bt { margin-top:18px; }
.blue-bt a { color:#fff; font-size:15px;}
.blue-bt span { background-color:#1760a1; padding:5px;}
.blue-bt span

.title-3 { font-size:30px;  font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding-bottom:10px;}
.title-4 { font-size:33px;  font-family: 'MyriadProSemibold'; padding-bottom:10px;}
.innovatio-sub-desc { font-size:22px;}



.menu-container { position:absolute; width:800px;  border:solid 1px #333; border-bottom:solid 5px #333;  border-top:none; background-color:#FFF; display:none; z-index:9999; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; -webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.75); left:0px;}


.nav-desc-con { float:left; width:200px;  padding-left:10px; margin-right:0px; background-color:#1775b2; padding-right:10px;}
.nav-desc-con h2 { display:block; font-size:20px; font-weight:300; padding:20px 0px; color:#FFF; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif;}
.nav-desc-con p { color:#FFF; font-size:14px; line-height:1.4em; font-family: 'Source Sans Pro', sans-serif; padding-left:10px;  padding-top:15px; padding-bottom:13px;}
.nav-desc-con img { display:block;}

.pointer { position:absolute; width:12px; left:85px; right:0px; }
.link-nav { width:243px; float:left; border-right:solid 1px #e4e4e4; padding-right:5px; margin-left:5px; margin-top:8px; margin-bottom:10px;} 

.link-nav a { display:block; /*color:#989898;*/ color:#1775b2 !important; padding:15px 8px !important; padding-left:25px !important; font-size:16px !important; border-bottom:solid 1px #e4e4e4; margin-right:8px; background-image:url(../images/bullet_arrow.png); background-position:10px 17px; background-repeat:no-repeat; text-transform:capitalize !important; font-family: 'Source Sans Pro', sans-serif; line-height:1em;}
.link-nav a:hover {color:#000 !important; background-image:url(../images/bullet_arrow.png) !important; background-position:10px 16px !important; background-repeat:no-repeat !important; background-color:#e4e4e4;}
.link-nav:last-child { border-right:none; margin-right:0px;}

.sub-link { width:auto; padding-bottom:0px; line-height:0.7em;}
.sub-link a{ font-size:14px !important; background-image:url(../images/squre.jpg); background-repeat:no-repeat; background-position:20px 20px !important; padding-left:30px !important; border-bottom:none !important; padding-bottom:0px !important; color:#575757 !important; margin-right:0px !important;}  
.sub-link a:hover { background-image:url(../images/squre.jpg) !important; background-repeat:no-repeat; background-position:20px 20px !important; background-color:transparent; color:#1775b2 !important;}

.sub-link a.inner-sublink { margin-left:14px; color:#989898 !important; background-image:url(../images/grey_cricle.png); background-repeat:no-repeat; background-position:16px 12px !important; font-size:12px !important; margin-right:0px !important; padding-top:8px !important;}
.sub-link a:hover.inner-sublink {background-image:url(../images/grey_cricle.png) !important; background-repeat:no-repeat; background-position:16px 12px !important; color:#000 !important; } 
/* inner style */
#inner-container { width:100%; height:auto; padding-top:5px; /*padding-bottom:130px;*/  color:#FFF; display:block;}



.bread-crumb-con2 { background-color:#0066a9;  font-size:14px; padding-top:5px; padding-bottom:5px; height:28px; background-image:url(../images/stripe.png); background-repeat:repeat; padding-top:15px; position:relative; color:#6c6c6c;}

.bread-crumb-con2 a { color:#08569b; background-image:url(../images/grey_arrow.png); background-position:right 4px; background-repeat:no-repeat; padding-right:18px; padding-left:10px; font-size:14px;  font-weight:400; font-family: 'Source Sans Pro', sans-serif;}
.bread-crumb-con2 a.last-child { color:#6c6c6c !important; background-image:none !important; }

.share-con { position:absolute; right:20px; top:7px; }
.share-con a { background-image:none !important; padding-right:0px;}

.inner-left { width:740px; float:left;}
.inner-left-2 { width:695px; float:left;}
.full-width{ width:980px !important; float:none !important; }

.inner-right, .inner-right-2 { width:183px; float:right; background-image:url(../images/glow3.png); background-repeat:no-repeat; background-position:center top;  padding:15px; background-color:rgba(8,86,155,0.8);}
.inner-right-2 { width:285px; padding:0px; font-family: 'Source Sans Pro', sans-serif; padding-top:60px;}
.inner-right-2 h2 { display:block; border-bottom:solid 1px #5c91bd; font-size:20px;  padding-bottom:12px; font-weight:600; margin-left:8px; margin-right:8px;}


.tabs-con { width:720px; display:inline-block; background-image:url(../images/blue_transprent.png); background-repeat:repeat; border-bottom:solid 1px #2e6694; margin-bottom:50px;}
.tabs-con a { float:left; display:block; padding:8px; color:#79b4da; margin-top:5px; margin-left:10px; padding-right:10px; font-size:14px;}
.tabs-con a:hover { color:#FFF; -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px; background-color:#0066a9;}

.tabs-con a.active { color:#FFF; -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px; background-color:#0066a9;}


.page-desc h1 { font-family: 'Source Sans Pro', sans-serif; font-size:32px; font-weight:400l;}
.page-desc h1 span { font-weight:700;}
.page-desc h2 { font-size:24px; font-weight:400;} 
.engineering_bt { margin-top:37px; margin-bottom:50px;}

.infrastructure-con { width:703px;  background-image:url(../images/blue_transprent.png); background-repeat:repeat; padding:18px;}

.infrastructure-listing{ width:615px; display:inline-block;}
.infrastructure-listing ul { margin:0px; padding:0px; list-style-type:none;}
.infrastructure-listing ul li { float:left; display:block; position:relative; margin-right:3px; margin-bottom:5px;}
.infrastructure-listing ul li a {width:301px; height:218px; overflow:hidden; display:block; position:relative; }
.infrastructure-listing ul li:nth-child(2n+2) { margin-right:0px;} 

.infrastructure-listing ul li a .infrastructure-name {position:absolute; bottom:-170px; left:0px; color:#FFF;  padding:8px; width:285px; height:202px; z-index:888; display:block; background-color:#000; opacity:0.8; background-image:url(../images/stripe2.png); background-repeat:repeat; color:#fff;}

.infrastructure-listing ul li a .infrastructure-name .person {font-size:18px; font-family: 'Source Sans Pro', sans-serif; display:block; padding-bottom:22px; font-weight:700;}
.infrastructure-listing ul li a .infrastructure-name .job, .landing-listing ul li p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-size:13px; line-height:1.3em; display:block; padding-bottom:8px; }
/*.infrastructure-listing ul li a:hover .infrastructure-name { background-color:#0067aa; color:#fff;}*/
.landing-listing { width:900px; display:inline-block;}
.landing-listing ul { margin:0px; padding:0px; list-style-type:none;}
.landing-listing ul li { width:32.7%; height:520px; float:left; background-color:#08569b; padding-bottom:10px; margin-right:5px;}
.landing-listing ul li img { width:100%; }
.landing-listing ul li img:hover { opacity:0.9; }
.landing-listing ul li:hover, .landing-listing ul li:nth-child(2n+2):hover { background-color:#0965b6; }
.landing-listing ul li:nth-child(2n+2) { background-color:#2a2a2a; }
.landing-listing ul li h2 { display:block; color:#FFF; font-size:20px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; margin-top:10px; padding-left:10px;}
.landing-listing ul li p{ display:block; padding-left:10px; padding-right:10px;}
.landing-listing ul li .readmore a { display:block; padding-left:10px; padding-top:8px; font-size:12px; color:#fff;}

.double-quotes { background-image:url(../images/double_quotes1.png); background-repeat:no-repeat; background-position:left top; padding-left:18px; font-size:20px; font-style:italic; font-weight:300; line-height:1.1em;}
.double-quotes a { color:#FFF; font-size:12px; display:block; padding-top:10px; font-style:normal;}

.right-contact { background-image:url(../images/half_black.png); background-repeat:repeat; color:#FFF;  padding:18px 8px; font-weight:600; font-family: 'Source Sans Pro', sans-serif;}
.right-contact a {color:#fff; font-size:16px;}
.right-contact table { margin-left:10px; }
.right-contact table tr td { padding-top:5px; padding-bottom:5px}


.right-wrapper { margin-bottom:20px; position:relative;}

.inner-middle-nav { width:370px; height:70px; background-image:url(../images/dark_black.png); background-repeat:no-repeat; background-position:left bottom;  font-family: 'Source Sans Pro', sans-serif; margin-top:20px; border-bottom:solid 3px #08569b; font-size:14px;}

.inner-middle-nav a { display:block; float:left; padding:19px 1.1%; color:#FFF; text-transform:capitalize; font-size:600; padding-top:20px; margin-top:5px; background-image:url(../images/nav_ser_2.jpg); background-repeat:no-repeat; background-position:right bottom;}

.inner-middle-nav a.manage { margin-top:0px; padding-top:11px; background-position:right 22px; padding-bottom:0px; text-align:center; padding-left:1.6%; padding-right:1.6%;}


.inner-middle-nav a span { display:block; padding-top:12px; }

.inner-middle-nav a:hover { color:#1775b3; /*background-color:#08569b; background-image:url(../images/glow2.png); background-repeat:no-repeat; background-size:cover; background-position:center top*/}
.inner-middle-nav a:last-child { margin-right:0px; background-image:none; padding-left:21px; padding-right:21px;}
.inner-middle-nav a.active { background-color:#08569b;  background-image:url(../images/glow2.png); background-repeat:no-repeat; background-size:cover; background-position:center top}
.inner-middle-nav a:hover.active { color:#FFF; }

.inner-middle-nav a:last-child:hover {/*background-color:#08569b;  background-image:url(../images/glow2.png); background-repeat:no-repeat; background-size:cover; background-position:center top*/}


.middle-content-area { background-color:#FFF; padding:20px 40px; background-image:url(../images/shadow.jpg); background-repeat:repeat-y; background-position:right top; font-family: 'Source Sans Pro', sans-serif; width:615px; display:inline-block;} 
.middle-content-area h1 { font-weight:700; font-size:28px; color:#606060; display:block; padding-bottom:10px; border-bottom:solid 1px #dfdfdf; margin-bottom:10px;}
.middle-content-area .subdesc { color:#08569b; line-height:1em; border-bottom:solid 1px #dfdfdf; padding-bottom:10px; font-size:26px; font-weight:300; margin-bottom:10px;}
.middle-content-area p, .middle-content-area table { font-size:16px; color:#464545; padding-bottom:12px; font-weight:300;}
.middle-content-area p strong { font-weight:700; display:block; }
.middle-content-area p, .middle-content-area table tr td { padding-bottom:10px; padding-top:10px; line-height:1.4em;}
.middle-content-area p.listing { background-image:url(../images/dots.jpg); background-repeat:no-repeat; background-position:left 15px; padding-left:25px; }
.middle-content-area h2 span { padding:8px 10px; color:#FFF; font-family: 'Source Sans Pro', sans-serif; font-weight:700; background-color:#4781b4;}

.middle-content-area h3, .middle-content-area h4 { font-size:23px; color:#0067aa; text-transform:uppercase; font-weight:300; padding-top:10px;}
.middle-content-area h4 { font-size:20px; font-weight:600;}
.middle-content-area h5 {font-size:18px; color:#0067aa; text-transform:uppercase; font-weight:300; padding-top:10px; padding-left:30px;}
.middle-content-area h6 {font-size:18px; color:#0067aa; font-weight:300; padding-top:10px;}
.middle-content-area .next-prev { text-align:right; font-weight:700; color:#a3a3a3; font-size:18px; }
.next-prev a { color:#08569b;/* background-image:url(../images/blue_arrow.png); background-position:right 4px;*/ padding-right:15px; background-repeat:no-repeat; }

.inner-sub-tabs { border-bottom:solid 1px #e4e4e4; padding-bottom:10px;  color:#5f5f5f; font-size:16px; font-weight:600; margin-bottom:30px;}
.inner-sub-tabs a { padding-left:7px; padding-right:7px; color:#5f5f5f;}
.inner-sub-tabs a:hover { color:#085a9f; }
.inner-sub-tabs a.active { color:#085a9f; }

.website-links { font-size:36px !important; font-weight:300; color:#a9a9a9; font-family: 'Source Sans Pro', sans-serif;}
.website-links a { color:#66b045; text-decoration:underline;}

.bod-con { width:850px; display:inline-block; font-family: 'Source Sans Pro', sans-serif;}
.bod-con ul { margin:0px; padding:0px; list-style-type:none; }
.bod-con ul li {width:102px; height:150px; float:left; position:relative;}
.bod-con ul li a {color:#7a7a7a;}
.bod-con ul li:hover { color:#FFF !important; background-color:#08569b;} 
.bod-con ul li:hover a { color:#fff; }
.bod-con ul li a .bod-pic { display:block; width:px; margin:0 auto; margin-top:7px;}
.bod-con ul li a .bod-pic img {/*border:solid 1px #e4e4e4;*/}
.bod-con ul li a .bod-name { display:block; text-align:center; font-size:14px; padding-top:100px;}
.bod-con ul li a .bod-name span { display:block; font-size:14px; }

ul.bod-con2 { margin:0px; padding:0px; list-style-type:none; }
ul.bod-con2 li { width:126px; float:left; margin-right:4px; margin-bottom:4px;-webkit-transition: all 1s ease;
transition: all 1s ease;}
ul.bod-con2 li:nth-child(5n+5) { margin-right:0px; }

ul.bod-con2 li:hover {
opacity:0.8;
-webkit-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
}




.bod-content { padding:10px 8px; background-image:url(../images/tata_logo_drop_sha.html); background-repeat:no-repeat; background-position:left bottom; width:401px; position:absolute; top:0; left:196px; background-color:#08569b;  padding-bottom:80px; z-index:888; display:none;}
.bod-content p { padding-bottom:5px; line-height:1.3em;font-size:13px; color:#7fb7e9; font-family: 'Source Sans Pro', sans-serif; font-weight:400;}
.bod-content p span { color:#fff;}

.bod-con ul li:nth-child(3n+3) .bod-content { left:-204px; }
.bod-con ul li:nth-child(n+4) .bod-content { top:-204px; }

.bod-closed { position:absolute; right:7px; top:7px; cursor:pointer;}



.profile-container { position:absolute; width:636px; left:0px; top:0px; background-color:#08569b; /*height:254px;*/ z-index:9999; display:none; background-image:url(../images/tata_logo_drop_sha.html); background-repeat:no-repeat; background-position:right bottom;}

.bod-con ul li:nth-child(5) .profile-container, .bod-con ul li:nth-child(2) .profile-container { left:-202px; }
.bod-con ul li:nth-child(3n+3) .profile-container{left:-404px}

.profile-container .person-pic  {float:left; width:187px; margin-left:8px; margin-top:8px;}
.profile-container .person-desc {float:right; width:430px; display:block; position:relative;}
.profile-container .person-desc p { display:block; padding:10px 42px 20px 14px; color:#FFF; line-height:1.3em; font-size:15px;}

.profile-container .person-pic .team-members-name {position:absolute; left:1px; color:#FFF;  padding:8px; width:185px; z-index:999; display:block; font-size:24px; font-family: 'Source Sans Pro', sans-serif; text-align:center;}

.profile-container .person-pic .team-members-name span {font-size:14px; display:block;}
.profile-container .closed-bt { cursor:pointer; width:21px; background-image:url(../images/closed.png); background-repeat:no-repeat; height:22px; position:absolute; right:15px; top:12px;}
/*.profile-container .person-desc .closed-bt:hover { background-image:url(../images/closed.png); background-repeat:no-repeat; background-position:left -21px; -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;}*/


.tabs-con { float:left; width:135px; height:230px; background-color:#22619a; border:solid 1px #e3e3e3; border-left:none; position:absolute; left:-40px; top:0px;}

#archive, #latest { padding-left:10px; margin-top:10px; display:block; padding-bottom:20px; cursor:pointer;}

.tabe_style, .tabe_style2 { height:45px; display:inline-block; width:615px; margin-top:0px; padding-bottom:10px;}

.tabe_style2 { border-top:dotted 1px #000; padding-top:20px; margin-top:20px; }

.project-left { position:absolute; left:0px; top:237px;}

.project-right { width:455px; float:right; display:inline-block; /*min-height:336px;*/ margin-top:22px;}

.project-listing { width:455px; display:none;}
.project-listing ul { margin:0px; padding:0px; list-style-type:none; }
.project-listing ul li { width:218px; height:158px; position:relative; cursor:pointer; float:left; margin-right:10px; margin-bottom:10px;}
.project-listing ul li:nth-child(2n+2) { margin-right:0px; }
.project-listing ul li .project-title { position:absolute; left:0px; bottom:0px; padding-left:15px; padding-top:10px; padding-bottom:10px; color:#FFF; font-weight:600; font-size:14px; background-color:rgba(0,0,0,0.8); width:203px; z-index:7777;} 

.table-style {
width: 100%;
border-bottom: 1px solid #7fb7e9;
}

table.table-style  { padding-bottom:0px !important; }

.table-style tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 11px;
vertical-align: left;

/*background: transparent;*/
}

.table-style td {
padding: 3px 10px;
border: 1px solid #7fb7e9;
font-size:13px; color:#bfdaf2; font-family: 'Source Sans Pro', sans-serif; font-weight:400;
}

.table-style td:nth-child(2) { border-bottom:none; border-left:none; }
.table-style td:nth-child(1) { border-bottom:none; }

/*.table-style tr:hover {
background-color:#CCC;
}*/

.table-style tr:nth-child(even) {
/*background: #eaeaea;*/

}

/*.table-style tr:nth-child(even):hover {
background: #ccc;
}*/


.view-overlay { width:100%; height:158px; z-index:8888; top:0px; left:0px; background-color:rgba(0,0,0,0.8); position:absolute; display:none;}
.view-overlay a { width:115px; margin:0 auto; margin-top:25%; display:block;}

.project-content {  width:455px; padding:10px 8px; background-image:url(../images/tata_logo_drop_sha.html); background-repeat:no-repeat; background-position:left bottom; position:absolute; top:-1px; left:-5px; background-color:#08569b !important; padding-bottom:80px; display:none; z-index:9999; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; min-height:391px; }
.project-content h2, .project-content table tr td h2 { font-size:30px; font-weight:300; padding-left:13px; padding-bottom:10px; color:#FFF; padding-top:25px;}
.project-content img { float:left; margin-right:15px; margin-top:10px;}

.project-content h2 { font-size:23px; line-height:1.1em; }

.project-content p { padding-bottom:5px; line-height:1.3em;font-size:13px; color:#7fb7e9; font-family: 'Source Sans Pro', sans-serif; font-weight:400; padding-left:13px;}
.project-content p span { color:#fff;}
.listing-list { background-image:url(../images/circle_dots.png); background-repeat:no-repeat; background-position:left 14px; padding-left:15px; margin-left:10px;} 

.project-listing ul li:nth-child(2n+2) .project-content { left:-235px;}
.project-listing ul li:nth-child(n+3) .project-content { top:-170px; }

.project-content .closed-bt { cursor:pointer; width:21px; background-image:url(../images/closed.png); background-repeat:no-repeat; height:22px; position:absolute; right:15px; top:12px;}


.power-con { margin-bottom:15px; }


#scroll-top {
	position:fixed; 
	/* On top of everything */
	z-index:9999; 
	bottom:0;
	right:0;
	padding:8px !important;
	font-size:16px !important;
	margin:0.9em;
	display:inline-block;
	padding:0.15em 0.5em;
	border-radius:3px;
	color:#fafafa;
	text-decoration:none;
	border:1px solid transparent;
	background:#39b5e9;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* 
* Up Arrow for the scroll top link 
*/
#scroll-top:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-left:0.35em;
	width: 0;
	height: 0;
	border-left: 0.3em solid transparent;
	border-right:  0.3em solid transparent;
	border-bottom:  0.3em solid #fefefe;
}


/* 
* When the viewport is 55em 
* (15em wider than the 40em 
* max-width for #content ) 
* it gets a static postion to not 
* overlap the content area 
*/
@media screen and (max-width: 55em) {
#scroll-top {
		float:right;
		position:static;
		margin:0;
	}
}

.project-inner-gallery { position:relative; height:158px; overflow:hidden;  width:218px; float:left; margin-right:15px;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.services-con { width:auto; display:inline-block; padding-bottom:20px; border-bottom:dashed 1px #000; margin-bottom:10px;}
.services-con ul { margin:0px; padding:0px; list-style-type:none; }
.services-con ul li { width:200px; float:left;  font-family: 'Source Sans Pro', sans-serif; margin-bottom:26px; margin-right:7px;}
.services-con ul li:nth-child(3n+3) { margin-right:0px; }
.services-con ul li h2 { display:block;; text-transform:capitalize; color:#1760a1; font-weight:700; padding-top:10px; margin-bottom:10px;}
.services-con ul li p { color:#717171; display:block; padding-top:5px; padding-bottom:12px; font-size:13px; font-weight:600;}


.services-listing { width:615px; display:inline-block; }
.services-listing ul { margin:0px; padding:0px; list-style-type:none; }
.services-listing ul li { float:left; width:288px; height:61px; margin-bottom:3px;  border-bottom:dotted 1px #d0d0d0;}
/*.services-listing ul li.color1 { background-color:#286fab; }
.services-listing ul li.color2 { background-color:#0a2b46; }
.services-listing ul li.color3 { background-color:#31536f; }*/
.services-listing ul li p { display:block; background-image:url(../images/dots.jpg); background-repeat:no-repeat; background-position:left 13px; padding-left:25px; color:#676767; font-size:24px; font-family: 'Source Sans Pro', sans-serif; line-height: 1em;}
.services-listing ul li p.padding-para { margin-top:0px; }

.quality-listing { width:492px; margin:0 auto;}
.quality-listing ul { margin:0px; padding:0px; list-style-type:none; }
.quality-listing ul li { display:block; height:73px; width:492px; background-image:url(../images/services_listing_bg.jpg); background-repeat:no-repeat; background-position:left top; font-family: 'Source Sans Pro', sans-serif;font-size:22px;}
.quality-listing ul li .number { color:#FFF; font-weight:700;  float:left; padding-top: 17px;
padding-left: 11px; width:60px;}
.quality-listing ul li .quality{ float:left; color:#085a9f; font-weight:400; padding-top:16px;} 

.sustainability-con { width:615px; display:inline-block;}
.sustainability-con .sus-left { width:352px; float:left;} 
.sustainability-con .sus-right { width:263px; float:right;}

.sus-overview-listing { width:auto; padding-top: 70px; padding-left: 13px;}
.sus-overview-listing ul { margin:0px; padding:0px; list-style-type:none; }
.sus-overview-listing ul li { display:block; background-image:url(../images/grey_squre.jpg); background-repeat:no-repeat; background-position:left 12px; font-size:20px; padding-left:20px; padding-bottom:20px; line-height:1.5em; font-family: 'Source Sans Pro', sans-serif; color:#696969;}

.csr-listing { width:615px; display:inline-block; padding-top:20px; border-bottom:dotted 1px #000; padding-bottom:30px; margin-bottom:30px;}
.csr-listing ul { margin:0px; padding:0px; list-style-type:none;}
.csr-listing ul li { float:left; display:block; position:relative; width:277px; height:173px; overflow:hidden; background-color:#f2f2f2;  margin-right:30px; margin-bottom:20px; cursor:pointer; border:solid 1px #d6d6d6;}
.csr-listing ul li .csr-title { text-align:right; color:#08569b; font-size:23px; font-weight:700; font-family: 'Source Sans Pro', sans-serif; padding-right: 0px; padding-top: 0px;}
.csr-listing ul li .csr-title img { margin-bottom:8px; }
.csr-listing ul li:nth-child(2n+2) { margin-right:0px;} 
.csr-absolute { position:absolute; width:277px; height:163px; top:0px; left:0px; background-color:#08569b; padding-top:10px; display:none;}
.csr-absolute p { background-repeat:no-repeat; background-position:left 7px; background-image:url(../images/light_blue_squre.jpg); margin:0px; padding:0px; padding-left:15px; padding-bottom:6px; font-size:14px; color:#9dd0fc; font-family: 'Source Sans Pro', sans-serif; display:block; margin-left:10px; padding-right:10px; line-height:17px !important;}

.case-study, .case-study2, .case-study3, .land, .landmark, .white-con { position:absolute; top:201px; left:40px; width:615px; height:985px; background-color:#fff; z-index:9999; display:none;}
.case-study .closed-bt, .case-study2 .closed-bt, .case-study3 .closed-bt, .land .closed-bt, .landmark .closed-bt, .white-paper-con .closed-bt, .white-con .closed-bt .employee-engagement .closed-bt{ cursor:pointer; width:21px; background-image:url(../images/closed.png); background-repeat:no-repeat; background-position:left -22px; height:22px; position:absolute; right:15px; top:6px;}


.white-paper-con { position:absolute; top:0px; width:285px; z-index:9999; background-color:#FFF; padding-bottom:20px; display:none;}
.white-paper-con h2 { display:block; padding-left:5px;  color:#08569b; font-family: 'Source Sans Pro', sans-serif; font-size:22px; padding-top:10px; border-bottom:none !important; font-weight:400; padding-top:30px}
.white-paper-con h2 span { font-weight:700;}
.white-paper-con p { color:#000; padding-left:10px; padding-right:20px; display:block; line-height:1.3em; font-size:14px; padding-top:10px;}

.power-display { display:none;}
.show-more-2 { cursor:pointer; border-bottom:dotted 1px #e4e4e4;}
.readmore { font-weight:400; font-size:13px; color:#08569b; padding-left:10px;}


img.grey {
	position: absolute;
	left: 7px;
	top: 7px;
	z-index: 10;
}
 
img.color {
	position: absolute;
	left: 7px; top: 7px;
} 


.case-studies-container { width:auto;}
.case-studies-container ul { margin:0px; padding:0px; list-style-type:none; }
.case-studies-container ul li { width:190px; float:left; margin-right:20px; margin-bottom:10px; height:180px;}
.case-studies-container ul li.annual { height:315px; }
.case-studies-container img { display:block; }
.case-studies-container ul li a .case-title {display:block; color:#08569b; font-size:14px; font-family: 'Source Sans Pro', sans-serif; font-weight:700; margin-top:10px; display:block; padding-bottom:5px;}
.case-studies-container ul li:nth-child(3n+3) { margin-right:0px; }
.case-studies-container ul li a .sub-title { color:#101010; font-size:13px; font-family: 'Source Sans Pro', sans-serif;  display:block;}
.case-studies-container ul li a .sub-title strong { font-weight:700; }


.white-papres-container { width:auto;}
.white-papres-container ul { margin:0px; padding:0px; list-style-type:none; }
.white-papres-container ul li { width:280px; /*float:left;*/ margin-right:20px; padding-bottom:15px; border-bottom:solid 1px #e4e4e4; margin-bottom:15px; }
.white-papres-container ul li h2 {display:block; color:#08569b; font-size:15px; font-family: 'Source Sans Pro', sans-serif; font-weight:700;  display:block;  line-height:1.2em;}
.white-papres-container ul li p { color:#101010; font-size:15px; font-family: 'Source Sans Pro', sans-serif;  display:block; line-height:1.2em;}
.white-papres-container ul li p span { font-weight:700;}
.white-papres-container ul li a { display:block; padding-top:5px;}

.news-con { width:auto;}
.news-con ul { margin:0px; padding:0px; list-style-type:none; }
.news-con ul li { display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #CCC; color:#676767; font-size:20px; line-height:1.1em;}
.news-con ul li a { display:block; padding-top:8px; color:#686868; font-weight:700; font-size:14px;} 
.news-con ul li span { font-size:14px; display:block; color:#08569b;}

.new-bod { width:100%; }
.new-bod .bod-left { width:70%; float:left; }
.new-bod .bod-right { width:30%; float:right; position:relative;}
.new-bod .bod-right .bod-title { bottom:0px; padding:8px 0px; background-color:#000; text-align:center; color:#fff; font-size:16px; font-weight:bold; display:block; width:100%; line-height:20px;}
.new-bod .bod-right .bod-title span { font-size:12px; display:block;}
.new-bod .bod-con p { color:#606060; font-size:16px; padding-right:30px;}
.new-bod .bod-con p.big-text { font-size:16px; }



#footer-con { background-color:#e7e7e7; padding-top:30px; padding-bottom:30px;}
.footer-wrapper {color:#888888; font-size:12px; text-transform:uppercase;}
.footer-wrapper a { color:#888888; padding-right:10px;}
.footer-wrapper a:hover { color:#000;}
.footer-wrapper a:last-child { padding-right:289px; }


/*vishwajeet start*/
.sus-left-2{ width:352px; height:350px; margin:50px auto; background-image:url(../images/csr_strategy.html); background-repeat:no-repeat; background-position:0px 0px;}
.sustain-box{ width:174px; float:left; height:169px; cursor:pointer; position:relative;}
.sus-inner-box{ display:none;  width:100%; color:#000; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.sus-inner-box ul{ list-style:disc; list-style-type:disc; margin:0px; padding:0px;}
.sus-inner-box ul li{ color:#fff; font-size:14px; margin-bottom:10px;}
.sus-box-1{ position:absolute; top:-40px; left:-142px; background-color:rgba(4,190,231,0.7); padding:20px;}
.sus-box-2{ position: absolute;
top: -40px;
left: 116px; background-color:rgba(145,204,75,0.7); padding:20px;}
.sus-box-3{ position: absolute;
top: 76px;
left: -160px;  background-color:rgba(125,88,184,0.7); padding:20px;}
.sus-box-4{ position: absolute;
top: 76px;
left: 110px; background-color:rgba(201,36,34,0.7); padding:20px;}

.affirmative-listing{ width:100%; margin-bottom:40px;}
.affirmative-listing ul{ list-style-type:disc; list-style:disc; margin-left:20px;}
.affirmative-listing ul li{color:#696969; margin-bottom:10px;}

.contact-con { width:auto; }
.contact-con ul { margin:0px; padding:0px; list-style-type:none; padding-top:15px;}
.contact-con ul li { float:left; padding-right:25px; margin-right:25px; border-right:dotted 1px #e4e4e4; float:left;margin-bottom: 20px;}
.contact-con ul li:last-child { margin-right:0px; padding-right:0px; border-right:none }
.company-title { color:#08569b; font-size:18px; font-family: 'Source Sans Pro', sans-serif; text-align:left;}
.company-title2 { border-bottom:dotted 1px #e4e4e4; padding-bottom:10px;} 
.contact-con ul li a { font-weight:700; color:#135ea0; }
.contact-con ul li span { font-weight:700; }
/*vishwajeet end*/


.testimonial-con { border-bottom:solid 1px #e4e4e4; padding-bottom:20px; margin-right:20px; }
.testimonial-con h3 { color:#08569b; font-size:16px; font-weight:700; padding-bottom:8px; display:block; text-align:right; text-transform:none !important;}
.testimonial-con p { color:#606060; font-size:16px; }
.testimonial-con .quotes1 { background-image:url(../images/quotes2.png); background-repeat:no-repeat; background-position:left 19px; padding:20px; }
.testimonial-con .quotes2

.wrapper{
	width:100%;
	max-width:800px;
	
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: 25px;
    border-bottom: 1px solid #c7deef;
	margin-bottom:10px;
	padding-bottom:10px;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
	height:auto !important;
}
.st-accordion ul li > a{
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 20px;
	color:#676767;
    display: block;
	line-height:25px;
	position: relative;
	outline:none;
	 height: auto;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	background-image:url(../images/expand.png);
	background-position:98%;
	background-repeat:no-repeat;
	padding-right: 30px;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
	background-image:url(../images/collapse.png);
	background-position:98%;
	background-repeat:no-repeat;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}

.st-content p{
    font-size:  16px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height:  1.5em;
	padding-bottom:0px;
}

.st-content h2 { color:#000; padding-top:20px; padding-bottom:10px;}

.st-content p span { display:block; font-size:14px; }
#st-accordion5 ul li { height:inherit !important; }
/*.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}*/

.textbox, .textbox-2, .textbox-3  { width:250px; border:solid 1px #e4e4e4; background-image:url(images/textbox.html); background-repeat:repeat-x; background-position:left top; background-color:#FFF; height:30px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.textbox-2, .textbox-3 { width:328px;}
.textbox-3 { background-image:none; background-color:#ebebf0; }


.down, .up { position:absolute; top:0px; width:48px; height:47px; left:50%;}
.up { top:0; }


.customer-speak ul li {  width:225px; float:left; position:relative; margin-bottom: 6px; margin-right:5px; height:250px; position:relative;}  
.customer-speak ul li:nth-child(4n+4) { margin-right:0px; }
.client-name { font-size:16px; color: #08569b; font-weight:700; padding-bottom:6px;}
.client-degi { font-size:16px; color:#606060; font-weight:400; }
.client-pic { margin-bottom:8px; position:relative;}
.client-pic .play { width:28px; height:28px; background-image:url(../images/play.png); background-repeat:no-repeat; position:absolute; top:9px; right: 10px;}
.client-pic a:hover { opacity:0.8; }

.transcript { margin-top:15px; }
.transcript span { padding:3px 6px; color:#FFF; background-color:#08569b; padding-top:0px;}
.transcript span a { color:#FFF; text-transform:uppercase; font-size:12px; font-weight:700;}

.transcript2 { margin-top:15px; }
.transcript2 span { padding:3px 6px; color:#FFF; background-color:#08569b; padding-top:0px;}
.transcript2 span a { color:#FFF; text-transform:uppercase; font-size:12px; font-weight:700;}

.client-desc { font-family: 'Source Sans Pro', sans-serif; color:#FFF; background-color:#08569b; padding:10px; position:absolute; width:436px; top:0px; left:0px; z-index:9999; display:none; height: 215px;}
.client-desc-left {left:-232px; }
  
.client-desc p {font-size:14px; color:#FFF; padding-bottom:12px; font-weight:300; line-height:1.5em;}
.client-desc h2 {display:block; font-size:16px; color: #FFF; font-weight:700;}
.cus-closed-bt { cursor:pointer; width:21px; background-image:url(../images/closed.png); background-repeat:no-repeat; height:22px; position:absolute; right:9px; top:12px;}


@media only screen and (min-width: 480px) and (max-width: 1366px)
{
	#slide1 { background-image:url(../images/bg_1_1366.html); }
	#slide2 {background-image:url(../images/bg2_1366.jpg);}
	#slide4 {background-image:url(../images/bg4_1366.jpg);}
}


.fb-icn {
  width: 32px;
  height: 32px;
  float: right;
  margin-right: 5px;
}