@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@font-face {
font-family: 'Trajan Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Trajan Pro Bold'), url('TrajanPro-Bold.woff') format('woff');
}


*{margin:0;padding:0;box-sizing: border-box;}
body{width:100%;font-size:18px;color:#fff;overflow-x:hidden;font-family:Lato;font-weight:300; background:#474747}
.projectContainer .bx-wrapper .bx-prev{ background:url(../images/arrows2.png) left top !important; width:74px; height:49px; left:20px}
.projectContainer .bx-wrapper .bx-prev:hover{ background-position:left bottom !important}

.projectContainer .bx-wrapper .bx-next{ background:url(../images/arrows2.png) right top !important; width:74px; height:49px; left:auto; right:20px; }
.projectContainer .bx-wrapper .bx-next:hover{ background-position:right bottom !important}
.photoImg{ padding:0 20px 20px 0}

.lefImg{ width:260px; margin:0 20px 0 0}
.edu p{ text-align:left; margin-top:0}
.edu p.subTxt{ font-size:18px; line-height:normal}

.leftPhoto{ width:286px;float:left; margin:0 40px; padding:20px 0; }
.leftPhoto img,.bannerImg{ box-shadow:15px 15px 0 0px #00293d}
.bannerImg{ margin-bottom:20px}
#banner{width:calc(100% - 366px);float:left;}
.header{ float:left; width:100%; padding:20px}
.headerContainer{ float:left; width:100%; background:url(../images/pagebg.jpg); padding-bottom:50px} 
.logo:link,.logo:visited{ font-family:'Trajan Pro Bold'; color:#f7cd61; font-size:36px;  text-decoration:none}
.cls{ clear:both}

.menuIcon{ width:43px; height:26px; background:url(../images/menu.png) no-repeat; display:block}
.closemenu{ background:url(../images/closemenu.png) no-repeat right top !important}

.menuIcon:hover{ background-position:left bottom}
.logoHeader{ float:left}
.rightheader{ float:right}

.punchLineBox{ position: absolute; top:20px; z-index:99;  width:320px;  right:50px; text-align:right}
.punchLine{ font-weight:300; font-size:36px;background:#f7cd61;padding:30px; margin-bottom:20px; text-align:left; line-height:normal}
.p1{ font-size:32px; font-weight:400}
.p2{ font-size:42px; font-weight:700}

.facebook:link,.facebook:visited{ background:url(../images/social-media.png); display:inline-block; width:33px; height:33px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.facebook:hover{  background-position: left -35px}

.instagram:link,.instagram:visited{ background:url(../images/social-media.png) right -1px; display:inline-block; width:33px; height:33px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.instagram:hover{  background-position: right -35px}

.linkedin:link,.linkedin:visited{ background:url(../images/social-media.png) -42px -1px; display:inline-block; width:33px; height:33px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin:0 10px }
.linkedin:hover{  background-position:  -42px -35px}

.outerContainer{ float:left; width:100%}
.boxFifty{ float:left; width:50%}
.boxFifty.center{ text-align:center}
.padding{ padding:50px 30px}

h1.heading,.heading{font-family:'Trajan Pro Bold'; color:#f7cd61; font-size:34px; letter-spacing:1px; padding:20px 0; margin:0}
.subTxt{ font-size:24px; font-weight:300;line-height:34px}
.photogallery li p{ text-align:center}
.readmore:link,.readmore:visited{ background:url(../images/arrow1.png) no-repeat #f7cd61 102px center; padding:10px 35px 10px 15px; border:1px solid #666; color:#333333; text-decoration:none; font-weight:400}
.readmore:hover{ background-color:#fff}
.readmore.mm{ float:left; margin:50px 0px 0 -130px; position:relative; z-index:9}

.bullet{ list-style:none}
.bullet li{ background:url(../images/bullet.png) no-repeat left 5px; padding-left:30px; margin-bottom:10px; line-height:22px}
.bullet li span{color:#f7cd61; font-weight:400}

.boxFifty.leftB, .boxFifty.rightB{min-height:auto}


p{ line-height:26px; padding:10px 0}
.introTxt{ padding:0 60px 0 10px; text-align:justify}

.bxslider2{ padding:30px}
.awardLeft{ float:left; width:55%}
.awardRight{ float:left; text-align:center; width:45%; padding:50px}
p.pp{ font-size:36px; font-weight:300; line-height:40px}
p.pp span{font-size:30px; font-weight:400}
p.p{ font-size:36px; font-weight:700; line-height:normal; margin-bottom:0; padding-bottom:0}
.awardLeft img{ width:100%;box-shadow:-15px -15px 0 0px #f7cd61; margin:20px}

.outerContainer.padding.alt2{ background:#505050}
.projectTxt{ font-size:24px; font-weight:300}
.projectTxt span{ font-size:18px; font-weight:300}
.bxslider3 p,.bxslider3 li{ text-align:center}
.bx-wrapper .bxslider3 li img{ text-align:center; display:inline-block;box-shadow:-15px -15px 0 0px #f7cd61; margin:30px}
.leftB,.rightB{ padding:30px; background:#565656}
.rightB{ border-left:1px solid #333333}

.boxFifty.leftB input,.boxFifty.leftB textarea{ background:#f4f4f4; border-radius:5px; padding:10px 15px; width:100%; border:0; margin:0 0 20px 0;font-size:18px; font-family:'Lato'; font-weight:300}
.boxFifty .inputSm.captcha{ width:50%;}
.boxFifty.leftB input[type="submit"]{ background:#f7cd61; text-transform:uppercase; cursor:pointer}
.boxFifty.leftB input[type="submit"]:hover{ background:#fff}

.boxFifty.leftB.tt,.boxFifty.rightB.tt{ min-height:660px}
.boxFifty.leftB .heading,.boxFifty.rightB .heading{ padding-bottom:30px}

.footer{ padding:30px; float:left; width:100%}
.leftFooter{ float:left; width:40%;}
.footerAddress{ float:left; width:30%;}
.footerli{ list-style:none}
.footerli li{ float:left; width:50%; margin-bottom:10px; background:url(../images/footerArrow.png) no-repeat left 10px; padding-left:15px}
.footerli li a:link,.footerli li a:visited{ color:#fff; text-decoration:none; font-size:16px}
.footerli li a:hover{color:#f7cd61;}
.footer p{font-size:16px}
.footersocial{ float:right; width:35px;}
.ofcadd{ float:left;}
.footersocial .linkedin{ margin:10px 0 !important}

.footerBottom{ background:#1c1c1c; float:left; width:100%; padding:20px 20px; font-size:14px}
.fiftyFB{ float:left; width:50%}
.fiftyFB img{ float:right}

p.footerHeading{font-family:'Trajan Pro Bold'; }


.footersocial .facebook:link,.footersocial .facebook:visited{ background:url(../images/social-media.png) left -35px; display:inline-block; width:33px; height:33px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.footersocial .facebook:hover{  background-position:left -0px }

.footersocial .instagram:link,.footersocial .instagram:visited{ background:url(../images/social-media.png) right -35px; display:inline-block; width:33px; height:33px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.footersocial .instagram:hover{  background-position: right -1px}

.footersocial .linkedin:link,.footersocial .linkedin:visited{ background:url(../images/social-media.png)  -42px -35px; display:inline-block; width:33px; height:33px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin:0 10px }
.footersocial .linkedin:hover{  background-position: -42px -1px}


/* slider arrows*/
#banner .bx-wrapper .bx-prev{ background:url(../images/arrows.png) left top !important; width:46px; height:74px; left:0}
#banner .bx-wrapper .bx-prev:hover{ background-position:left bottom !important}

#banner .bx-wrapper .bx-next{ background:url(../images/arrows.png) right top !important; width:46px; height:74px; left:47px; right:auto}
#banner .bx-wrapper .bx-next:hover{ background-position:right bottom !important}

#banner .bx-wrapper .bx-controls-direction a{ top: auto; bottom:0; margin:0 0 20px 0 !important;}

.legacyleft{ float:left; width:350px;background:rgba(0,0,0,0.2); padding:50px 50px; min-height:336px}
.legacyright{ float:left; width:725px;}
.legacyBox{width:1075px; margin:30px auto; background:#00293d}
.legacyBox .bx-wrapper .bx-prev{ background:url(../images/arrows1.png) left top !important; width:23px; height:40px; left:0}
.legacyBox .bx-wrapper .bx-prev:hover{ background-position:left bottom !important}

.legacyBox .bx-wrapper .bx-next{ background:url(../images/arrows1.png) right top !important; width:23px; height:40px; left:auto; right:0}
.legacyBox .bx-wrapper .bx-next:hover{ background-position:right bottom !important}

.legacyBox .bx-wrapper .bx-controls-auto,.legacyBox .bx-wrapper .bx-pager{ margin-top:10px}


.awardsSlider .bx-wrapper .bx-prev{ background:url(../images/arrows2.png) left top !important; width:74px; height:49px; left:calc(75% - 37px)}
.awardsSlider .bx-wrapper .bx-prev:hover{ background-position:left bottom !important}

.awardsSlider .bx-wrapper .bx-next{ background:url(../images/arrows2.png) right top !important; width:74px; height:49px; left:calc(75% - 37px + 74px); right:auto; }
.awardsSlider .bx-wrapper .bx-next:hover{ background-position:right bottom !important}

.awardsSlider .bx-wrapper .bx-controls-direction a{ top: 60%; bottom:0; margin:0 0 20px 0 !important;}
.mainMenuBox{background:rgba(51,51,51,1); position:absolute; top:60px; bottom:0; right:20px; width:320px; box-shadow:0 0 10px 10px rgba(0,0,0,0.5); display:none}
.mainMenu{ list-style:none;float:left; width:100%}
.mainMenu li{ padding:15px 0 15px 20px; border-bottom:1px solid rgba(255,255,255,0.1); float:left; width:100%; border-left:5px solid #666}
.mainMenu li a:link,.mainMenu li a:visited{ color:#fff; text-decoration:none;float:left; width:100%}
.mainMenu li:hover{border-left:5px solid #f7cd61; color:#f7cd61}
.mainMenu li:hover a{color:#f7cd61}
.menuSocialLink{ float:left; margin:20px 0 0 30px}
.emailLink{ margin-bottom:20px !important}
.emailLink:link, .emailLink:visited{color:#f7cd61; width:100%; float:left; text-decoration:none}
.emailLink:hover{ color:#fff}

.boxFifty.leftB.fullwidth,.boxFifty.rightB.fullwidth{ width:100%}
.boxFifty.leftB.fullwidth input, .boxFifty.leftB.fullwidth textarea{ width:50% !important; margin-left:25%}
.boxFifty.leftB.fullwidth{ padding-bottom:0 !important; margin-bottom:0 !important}
.boxFifty.leftB.fullwidth input.inputSm.captcha  { width:250px !important}
.boxFifty.rightB.fullwidth{ padding-top:0; margin-top:0}

.innerH{ padding-bottom:0}

.heading.innerHeading{ text-align:center; margin:0 auto; padding:50px 0; color:#fff; font-size:40px}
.innerBanner .heading{ text-align:center}
.contactus{ background:url(../images/contact-banner.jpg) no-repeat left center; background-size: cover}
.mediaB{ background:url(../images/media-banner.jpg) no-repeat left center; background-size: cover}

.photogallery{ list-style:none; margin:40px 0 20px 0; float:left; width:100%}
.photogallery li{ width:28.33%; margin:0 2.5% 20px ; float:left;}
.photogallery.hgtmin li{ min-height:370px}
.photogallery.hhgtmin li{ min-height:350px}
.photogallery li img{ width:100%; border:8px solid #999}
.photogallery li:hover img{border:8px solid #f7cd61}
.calign{ text-align:center; line-height:28px; margin-top:20px}
.subheading{ color:#f7cd61; font-size:20px; text-align:center; font-weight:700; margin:30px 0 0 0}

.subTxt span{ color:#f7cd61; font-size:20px; text-align:center; font-weight:700;}

.income p{ padding:20px; border:1px solid #666; font-size:18px; text-align:center; margin:30px 0 auto; font-style:italic}
.readmore.mm.innerB{ float:right; background-image:none; margin:20px; width:180px; text-align:center !important; padding:10px; z-index:0}
.photogallery.projects li{width:45%; margin:0 2.5% 20px ;}

.mitHeading{ padding:30px; background:url(../images/mit.jpg) no-repeat center center; background-size:cover; min-height:139px}

.subheading.mar{ margin:0px auto 30px auto; background:#00293d}
.edu td{ width:25%; padding:15px; vertical-align:top}
.edu td img{ width:80%; margin:0 auto; border:12px solid rgba(255,255,255,0.1)}
.edu td .subTxt{ font-weight:400; font-size:16px}

.punchLineContainer{ background:rgba(247,205,97,0.8); padding:10px 20px; color:#000; font-size:15px; position:absolute; bottom:20px; right: calc(100% - 703px); width:450px; z-index:999; font-weight:400; line-height:normal}
#contact-loader{ display:none}
.mobileView{  display:none}

.anouncement{ float:right;}
.headingA{ font-size:20px; color:#f7cd61; font-weight:bold; margin:30px 0 0 0}
.outerboxpop{position:fixed; top:0; bottom:0; left:0; right:0; z-index:99999; background:rgba(0,0,0,0.9); overflow-y:scroll; display:none}
.outerboxpopp{width:670px; margin:0 auto}
.closeBtn{ float:left; margin:10px; cursor:pointer}
.bricsimg{ cursor:pointer}


@media screen and (max-width:700px){
	.outerboxpopp{ width:100%}
	.inimg{ width:calc(100% - 60px)}
	.headingA{ margin:0}
	.anouncement {
    float: none;
    width: 150px;
    margin: 0 auto;
}
	
	.logo:link, .logo:visited{ font-size:30px}
	.mainMenuBox{ top:100px}
	.rightheader{ margin-top:0px}
	.punchLineBox{ position:relative; z-index:999; top:auto; width:80%; margin:20px 10%; left:auto; right:auto}
	.leftPhoto,#banner,.bx-wrapper img,.boxFifty{ width:100%}
	
	#banner .bx-wrapper .bx-controls-direction a{ top:auto !important; bottom:50px !important; }
	.leftPhoto img.photo{ width:200px}
	.leftPhoto{ text-align:center; margin:0}
	
	.punchLineBox .facebook,.punchLineBox .linkedin,.punchLineBox .instagram{ display:none}
	#banner .bx-wrapper .bx-prev{ left:-10px}
	#banner .bx-wrapper .bx-next{ right:-10px; left:auto !important}
	.leftPhoto{ display:none}
	.boxFifty.center img{ width:90%; margin:20px 5%}
	.introTxt{ padding:0}
	.subTxt { font-size: 20px; font-weight: 300;  line-height: 24px;}
	.readmore.mm{ margin:0}
	.awardLeft,.awardRight,.awardLeft .awardImg{ width:100%}
	.bxslider2,.awardRight{ padding:0}
	.awardsSlider .bx-wrapper .bx-prev{ left:auto !important}
	.awardsSlider .bx-wrapper .bx-controls-direction a{ top: 60% !important}
	p.pp,p.pp span{ font-size:20px; line-height:normal}
	.awardsSlider .bx-wrapper .bx-prev{ left:0 !important}
	.awardsSlider .bx-wrapper .bx-controls-direction a{ margin:0 !important}
	.awardsSlider .bx-wrapper .bx-next{ left:auto !important; right:0 !important}
	.awardsSlider .bx-controls-direction,.awardsSlider,.bxslider3 .awardImg,.leftFooter,.footerAddress,.fiftyFB{ width:100%}
	.outerContainer.padding.alt2{ padding:30px 10px}
	.bx-wrapper .bxslider3 li img{ margin:30px 0}
	.fiftyFB{ text-align:center; margin:10px 0}
	.fiftyFB img{ margin:0 auto; float:none}
	.mainMenuBox{ top:100px}
	.boxFifty.leftB.fullwidth input, .boxFifty.leftB.fullwidth textarea{ width:90% !important; margin-left:5%}
	.photogallery li{ width:95%; margin:0 2.5% 20px ; float:left;}
	.projectContainer .bx-wrapper .bx-prev{ background:url(../images/arrows2.png) left top !important; width:74px; height:49px; left:0px}
.projectContainer .bx-wrapper .bx-prev:hover{ background-position:left bottom !important}

.projectContainer .bx-wrapper .bx-next{ background:url(../images/arrows2.png) right top !important; width:74px; height:49px; left:auto; right:0px; }
.projectContainer .bx-wrapper .bx-next:hover{ background-position:right bottom !important}

.projectContainer .bx-wrapper .bx-controls-direction a{ top:auto !important; margin-top:0 !important}
.edu td{ width:100%; padding:15px; vertical-align:top; display:inline-block}
.edu td img{ width:100%}
.innerBanner .heading{ line-height:normal}
.photogallery.hgtmin li{ min-height:auto}



.legacyBox{width:100%; margin:30px auto; background:#00293d}
.legacyleft{ float:left; width:100%;background:rgba(0,0,0,0.2); padding:50px 50px; min-height:auto; text-align:center; margin:0 auto }
.legacyright{ float:left; width:100%;}
.imgphoto{ width:100%; padding:0}
.punchLineContainer{ right:0; width:100%; left:0; position:relative; text-align:center; font-size:20px; padding:10px; margin:0}
.punchLine{ padding:10px; margin:0; position:relative}
.p1,.punchLine{ font-size:24px; margin:0}
.p2{ font-size:30px; margin:0}
.punchLine.mobileHide{ display:none}
.punchLine.mobileView{ display:block !important; font-size:16px; min-height:77px; color:#333; text-align:center; font-weight:700}
.punchLineContainer.mobileHide{ display:none}
.punchLine,.punchLineContainer{ display:none}
.headerContainer{ padding-bottom:0}
.legacyBox{width:100%; margin:30px auto; background:#001659}
.legacyleft{ float:left; width:100%;background:rgba(0,0,0,0.2); padding:50px 50px; min-height:auto; text-align:center; margin:0 auto }
.legacyright{ float:left; width:100%;}
.headerContainer{ padding-bottom:0}
#banner .bx-wrapper .bx-controls-direction a{ bottom:0 !important}
.photoImg{ width:100%}
.padding{ padding:20px}
.legacyleft img{ width:180px}
.boxFifty.rightB .outerContainer.padding{ padding:0}

}
@media screen and (max-width:450px){
	.logo:link, .logo:visited{ font-size:24px}
	
}