@charset "utf-8";
/* CSS Document */
body { font-family:'OpenSansRegular'; font-size:15px; height:100%; }
/* MAIN LAYOUT
========================================================================*/
.wrapper { width:1000px; margin:auto; }
/* HEADER
========================================================================*/
header { position:fixed; width:100%; top:0; z-index: 9999; text-align:right; background:#ffffff; height:160px;}
header.header{ background:none;}
.headerWrap { }
/* LOGO
========================================================================*/
.logo { z-index:99999; position:absolute; top:0; left:2%; background:url(../images/logobg.png) no-repeat left top; width:322px; height:160px; }
.logo a { display: inline-block; margin:2px 130px 0 0; }
.logo .slogan { }
/* Social Media
========================================================================*/
.sociallink { margin:20px 0 0 0; display:inline-block; }
.sociallink ul { text-align:right; }
.sociallink ul li { height:29px; width:29px; display:inline-block; }
.sociallink ul li a { background:url(../images/socialbg.png) no-repeat top center; padding:1px 10px 9px 10px; position:relative; }
.sociallink ul li a:hover { background:url(../images/socialbg-active.png) no-repeat top center; }
/* Reach Us Button flip effect
=========================================================================*/
.reachus { display:inline-block; }
.flipeffect a { position: relative; display: inline-block; margin: 5px 15px; outline: none; color: #787878; text-decoration: none; text-align: center; line-height: 18px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; font-family:'OpenSansRegular'; font-size: 14px; }
.flipeffect a span { position: relative; display: inline-block; padding: 14px 56px; background: #231f20; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; color: #fff;}
.flipeffect a span::before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #2A2A2A; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; }
.flipeffect a:hover span, .flipeffect a:focus span { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); }
.flipeffect a:hover span::before, .flipeffect a:focus span::before { background: #dedede !important; line-height:22px;color: #000000;}

/* BANNER
========================================================================*/
.banner { }
.bannerWrap { }
/* CONTAINER
========================================================================*/
.container { }
.containerWrap { }
/* Home Nav
=========================================================================*/
.homeNav { background:url(../images/homebg.png) no-repeat left top; min-height:556px; margin: 58px auto -60px auto; ; width:1200px; font-family:'baskoldface'; position:fixed; left:0; right:0;}
.homeNav nav ul li { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg) }
.homeNav nav ul li.about { border: 5px solid #ffffff; cursor: pointer; width: 118px; height: 118px; float: left; margin:171px 0 0 84px; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; }
.homeNav nav ul li.leadrship { border: 5px solid #ffffff; cursor: pointer; width: 190px; height: 190px; float: left; margin:55px 0 0 -2px; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; }
.homeNav nav ul li.csr { border: 5px solid #ffffff; cursor: pointer; width: 237px; height: 237px; float: left; margin:128px 0 0 0; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; }
.homeNav nav ul li.buisness { border: 5px solid #ffffff; cursor: pointer; width: 136px; height: 136px; float: left; margin:258px 0 0 13px; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; }
.homeNav nav ul li.enquiry { border: 5px solid #ffffff; cursor: pointer; width: 116px; height: 116px; float: left; margin:223px 0 0 17px; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; }
.homeNav nav ul li.contact { border: 5px solid #ffffff; cursor: pointer; width: 155px; height: 155px; float: left; margin: 150px 0 0 14px; position: relative; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; }
.homeNav nav ul li img { position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.homeNav nav ul li a:hover img { -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.homeNav nav ul li a span.bordernav { border: 1px solid #ffffff; color: #ffffff; height: 85%; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 7.5%; width: 85%; z-index: 9999; }
.homeNav nav ul li a span.navText { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); position:absolute; font-size:24px; }
.homeNav nav ul li.about a span.navText { margin: 38px 0 0 -49px; width: 100px; }
.homeNav nav ul li.leadrship a span.navText { margin: 64px 0 0 -52px; width: 115px; }
.homeNav nav ul li.csr a span.navText { margin: 65px 0 0 -34px; width: 70px; }
.homeNav nav ul li.contact a span.navText { margin: 56px 0 0 -53px; width: 112px; }
.homeNav nav ul li.enquiry a span.navText { margin:34px 0 0 -50px; width: 100px; }
.homeNav nav ul li.buisness a span.navText { margin:36px 0 0 -50px; width: 108px; }

/* Level 1
==========================================================================*/
.innerMenu { display:inline-block; font-family:'OpenSansCondLight'; }
.innerMenu nav { }
.innerMenu nav ul { }
.innerMenu nav ul li { float:left; padding:0 7px; border-right:1px solid #383935; line-height:20px; }
.innerMenu nav ul li:last-child { border-right:none; }
.innerMenu nav ul li a { color:#383935; text-transform:uppercase; font-size:18px; padding: 0 4px;}
.innerMenu nav ul li a:hover, .innerMenu nav ul li.active a { color:#000000; border-bottom:1px solid #333333; }
/* COLUMN
========================================================================*/
.content { text-align:justify;}
.content h1{ margin-top: -64px; position: fixed; width: 100%; background:#ffffff; z-index:99999;}
.content .item-page {margin-top: 200px; min-height: 374px;}
.leftColumn { }
.pageData { }
.rightColumn { }
.coming-soon { text-align:center; }

/*Leadership
=========================================================================*/
.leadershipCont{ width:70%; float:left;}
.leadershipProf{ width:30%; float:left; }
.leadershipProf img{ width:100%; }

/*CSR Page
========================================================================*/
.csrLeft { width:70%; float:left; }
.csrRight { width:30%; float:left; }
.csrRight img { width:100%; }
.groupControl { overflow:hidden; border-bottom:1px solid #cccccc; margin-bottom:10px; padding-bottom:20px; }
.profileImg { float:left; width:10%; }
.profileImg img { width:100%; margin-top:10px; }
.profileCont { float:left; width:90%; }
.profileCont ul{ margin:5px 0;}
.profileCont ul li{ background:url(../images/bullet.png) no-repeat left top 4px; padding-left:22px; margin-bottom:5px;}
/* Enquiry Form 
========================================================================*/
ul.enqForm h2{ font-size: 42px; line-height:52px; color:#333333; font-family:'OpenSansCondLight'; margin-bottom:10px;  text-align:center;}
.enquiryGroup { background:url(../images/enquiryBg.jpg) no-repeat top center; margin-top: -32px; margin-bottom: -40px;}
ul.enqForm { width:31.2%; padding:8px 20px 10px 20px; border:1px solid #dadada; margin:0 auto; background:#ffffff; }
.label { margin-bottom: 3px; }
.label label { }
.inputBox { }
.inputBox input { width:94% !important; height:22px; padding:4px 8px; margin-bottom:10px; }
.inputBox textarea { width:94% !important; padding:4px 8px; margin-bottom:10px; }
.subBtn { text-align:center;}
.subBtn input { padding:0; border:none; }
.inputBox .formError { position:absolute; margin-top:-10px; margin-left:20px; background:#eeeeee;-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75); padding: 2px 30px;}
.inputBox .formError:after {content: ''; position: absolute; bottom: 100%; left: 10%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #eeeeee; border-right: 8px solid transparent; border-left: 8px solid transparent;}
/* Contact Us
========================================================================*/
.contactcontrol {float: left; margin-left: 5%; width: 30%;}
.contactMap { float:left; width:65%; }
.contactCont { margin-bottom:20px; }
.contactCont ul { margin-top:10px; }
.contactCont ul li { margin-bottom:1px; }
li.website { background:url(../images/website.png) no-repeat left top; padding-left:30px; }
li.phone { background:url(../images/phone-icon.png) no-repeat left top; padding-left:30px; }
li.email { background:url(../images/mail-icon.png) no-repeat left top; padding-left:30px; }
.mapBg{ position:absolute; z-index:99;}
.contactMap iframe { margin: 0 0 0 131px;}
/* FOOTER
========================================================================*/
footer { background: url("../images/footerBg.png") no-repeat scroll right bottom; font-size: 12px; height: 248px; margin-top: -170px; position: absolute; right: 0; width: 248px;}
footer.footer{ position:fixed; bottom:0; width:100%;}
.footerWrap { }
.copyRight { text-align:right; display:block;width:100%; position:absolute; margin:184px 20px 0 0; right:0px; line-height:16px;}
.designBy { text-align:right; display:block; width:100%; position:absolute; margin:220px 20px 0 0; right:0px;}
.copyRight span{ display:block;}
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 42px; line-height:62px; color:#333333; font-family:'OpenSansCondLight'; margin-bottom:10px; }
h2 { font-size: 24px; line-height:25px; }
h3 { font-size: 30px; line-height:32px; color:#666666; margin:10px 0 10px 0; font-family:'OpenSansCondLight'; }
h4 { font-size: 18px; line-height:19px; color:#00a7ef; margin-bottom:10px; }
h5 { font-size: 16px; line-height:17px; }
h6 { font-size: 14px; line-height:16px; }
p { margin-top:10px; }
p:first-child { margin:0; }
/* BREADCRUMB
========================================================================*/
.breadCrumb { display:block; float:left; height:26px; outline:none; overflow:hidden; width:100% }
.breadCrumb ul { display:block; }
.breadCrumb ul li { background:url(../images/crumbs.html) right center no-repeat; display:block; float:left; height:21px; line-height:21px; margin:0 6px 0 0; overflow:hidden; padding:3px 10px 3px 3px; }
.breadCrumb ul li a { color:#555; display:block; float:left; height:21px; line-height:21px; overflow:hidden; }
.breadCrumb ul li a:hover { color:#369 }
.breadCrumb ul li.first a { background:url(../images/IconHome.html) no-repeat 0 0; height:16px!important; margin-top:2px; overflow:hidden; padding:0;text-indent:-1000em; width:16px }
.breadCrumb ul li.first a:hover { background-position:0 -16px; }
.breadCrumb ul li.active { background:none; color:#369; margin-right:0; padding-right:0; }
/* SEARCH FORM
========================================================================*/

/* FORM
========================================================================*/
label { }
input, textarea, select { font-size:12px; background: url(../images/input-grad.html) repeat-x top #FFF; border: 1px solid #dadada; padding: 4px 8px 3px; margin: 0 0 5px 0; }
input:focus, textarea:focus { border-color:#c1c1c1; background:#FFF; }
.smallest { width: 120px; }
.small { width: 185px; }
.medium { width: 240px; }
.large { width: 350px; }
/* BOTTON
========================================================================*/
.readMore { }
.readMore:hover { }
/* Scroller
========================================================================*/
.nicescroll-rails{ z-index:99999 !important;}

/*
==========================================================================*/
.cl-effect-10{ position: relative; z-index: 1; margin-top:8px; }
.cl-effect-10 a { overflow: hidden; margin: 0 15px; position: relative;  display: inline-block;  color: #fff; text-decoration: none;}
.cl-effect-10 a span { display: block; padding:10px 54px; background: #333333; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.cl-effect-10 a::before { position: absolute; top: 0; left: 0; z-index: -1; padding: 5px 0px; width: 100%; height: 100%; background: #DEDEDE; color: #333333; content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(-25%); line-height:15px; font-size:13px; text-align:center;}

.cl-effect-10 a:hover span, .cl-effect-10 a:focus span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
.cl-effect-10 a:hover::before, .cl-effect-10 a:focus::before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); }
/* 404
========================================================================*/
.pagenotFound{ text-align:center; margin: 127px 0 0;}
/* Fonts
=========================================================================*/

@font-face { font-family: 'OpenSans-Light'; src: url('fonts/OpenSans-Light.eot'); src: url('fonts/OpenSans-Lightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.svg#svgFontName') format('svg'); }

@font-face { 
	font-family: 'OpenSansCondLight';  
	src: url('fonts/OpenSans-CondLight-webfont.eot'); 
	src: url('fonts/OpenSans-CondLight-webfontd41d.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/OpenSans-CondLight-webfont.woff') format('woff'), 
		 url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), 
		 url('fonts/OpenSans-CondLight-webfont.svg#svgFontName') format('svg'); 
 	font-weight: normal;
    font-style: normal;
}
@font-face { font-family: 'OpenSansRegular'; src: url('fonts/OpenSans-Regular-webfont.eot');  src: url('fonts/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal;font-style: normal;}

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