@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "Helvetica Neue";
	src: url('../fonts/392120362-helveticaneuecondensed.eot');
	src: url('../fonts/392120362-helveticaneuecondensed.eot?#iefix') format('embedded-opentype'),  url('../fonts/392120362-helveticaneuecondensed.svg#Helvetica Neue') format('svg'),  url('../fonts/392120362-helveticaneuecondensed.woff') format('woff'),  url('../fonts/392120362-helveticaneuecondensed.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Helvetica Neue Thin";
	src: url('../fonts/827239991-HelveticaNeue-Thin.eot');
	src: url('../fonts/827239991-HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/827239991-HelveticaNeue-Thin.svg#Helvetica Neue') format('svg'),  url('../fonts/827239991-HelveticaNeue-Thin.woff') format('woff'),  url('../fonts/827239991-HelveticaNeue-Thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
a { outline:none !important; }
a:hover { text-decoration:none !important; }
.nav-white { background:#FFF !important; }
.nav-cont { padding:20px 15px !important;}
.home-head { font-size:18px; }
.logo { display:inline-block; padding:0 !important; height:auto !important; margin:0 !important; line-height:14px !important; }
.logo span { width:100%; display:inline-block; font-size:16px; letter-spacing:1.2px; color:#999; }
.navbar-inner { border-bottom:solid 5px #e5e5e5 !important; }
.cst-nav li { background:#f4f3f3; padding:0 10px; margin-left:2px;  }
.cst-nav li:hover, .cst-nav li.active { background:#fb9800; }
.cst-nav li:hover > a { color:#FFF !important; }
.carousel-caption.home {  margin:0 !important; padding:0 !important; left:0% !important; right:0% !important; bottom:50px;}
.carousel-caption.home span {
	display:inline-block; padding:10px 20px;background:rgba(0,0,0, .8); letter-spacing:1px; font-style:italic; font-size:16px; color:#FFF; float:right; }
.cst-nav li a { line-height:58px !important; font-size:20px; width:50px; height:58px; color:#2a2a2a !important; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } 
.tooltip { font-size:15px !important; letter-spacing:1px; text-transform:uppercase; }
.tooltip-inner { padding:5px 15px !important; }
.cst-nav li a.office { background:url(../images/office.png) no-repeat top center; }
.cst-nav li:hover a.office, .cst-nav li.active a.office, .cst-nav li.active a.office:hover { background:url(../images/office.png) no-repeat bottom center; }
.cst-nav li a.projects { background:url(../images/projects.png) no-repeat top center; }
.cst-nav li:hover a.projects, .cst-nav li.active a.projects, .cst-nav li.active a.projects:hover { background:url(../images/projects.png) no-repeat bottom center; }
.cst-nav li a.research { background:url(../images/research.png) no-repeat top center; }
.cst-nav li:hover a.research, .cst-nav li.active a.research, .cst-nav li.active a.research:hover { background:url(../images/research.png) no-repeat bottom center; }
.cst-nav li a.contact { background:url(../images/contact.png) no-repeat top center; }
.cst-nav li:hover a.contact, .cst-nav li.active a.contact, .cst-nav li.active a.contact:hover { background:url(../images/contact.png) no-repeat bottom center; }
#footer { position:fixed; bottom:0px; left:0px; width:100%; background:#FFF; }
.footer {  width:100%; background:#FFF; }
.footer-cont { padding:20px 15px !important;}
.copyright { padding-top:5px; }
.copyright, .copyright a { font-size:12px; letter-spacing:1px; color:#2f2f2f; text-transform:uppercase; line-height:16px; }
.poweredby { color:#999; }
.poweredby a { display:inline-block; }
.poweredby a img { height:14px; }
.copyright a:hover, .copyright a:active, .copyright a:focus { color:#fb9800; text-decoration:none; }
.social-icon a { display:inline-block; font-size:20px; padding:0 10px; color:#4f4f4f; }
.social-icon a:hover, .social-icon a:active, .social-icon a:focus { color:#fb9800; text-decoration:none;}
.carousel-indicators { bottom:45px !important; }
.nopadding { padding:0 !important;}
p { font-size:16px; color:#666;}
h2.h-bold { font-size:20px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; border-bottom: solid 1px #e5e5e5; color:#666; } 
h2.h-light { font-size:20px; font-weight:lighter; letter-spacing:1px; text-transform:capitalize; border-bottom: solid 1px #e5e5e5; color:#666; } 
.strong-detail { color:#000; font-weight:bold;  }
a.more-black { padding:8px 20px; color:#FFF; background:#4d4d4d; font-size:16px; border-radius:2px;	
	-moz-border-radius:2px;	
	-webkit-border-radius:2px;	 font-weight:bold; letter-spacing:1px; margin-top:20px; display:inline-block; }
a.more-black:focus, a.more-black:active, a.more-black:hover,
a.more-orange:focus, a.more-orange:active, a.more-orange:hover { text-decoration:none; color:#FFF; }
a.more-orange { padding:8px 20px; color:#FFF; background:#fb9800; font-size:16px;  border-radius:2px;	
	-moz-border-radius:2px;	
	-webkit-border-radius:2px;	 font-weight:bold; letter-spacing:1px; margin-top:20px; display:inline-block; }
a.more-black:active, a.more-orange:active { padding:7px 19px; margin:21px 1px 9px 1px; }
/* Thumb Carousel  */
.left.carousel-control.orange { position:absolute; top:-35px; right:29px; left:inherit; width:28px; height:28px; background:url(../images/carousel-control.png) no-repeat top left !important; opacity: 1 !important; }
.right.carousel-control.orange { position:absolute; top:-35px; right:0px; left:inherit; width:28px; height:28px; background:url(../images/carousel-control.png) no-repeat top right !important;opacity: 1 !important; }
.left.carousel-control.orange:active, .right.carousel-control.orange:active { border:solid 1px #FFF; }
.margin-bott-0 { margin-bottom:0 !important; }
.social-icon { text-align:right; }
.thumb-click { width:100%; display:inline-block; text-align:center; cursor:pointer;}
.thumb-hover { padding:30px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.pic, .pic img { display:inline-block; width:109px; height:109px; overflow:hidden; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px; }
.pic img { border:solid 3px #FFF; }
.thumb-click h3 { font-weight:bold; margin:10px 0; color:#000; font-size:20px; }
.thumb-click p { font-size:16px; letter-spacing:1px; }
.thumb-hover:hover { background:#424242; padding:30px 10px 10px 10px; }
.thumb-hover:hover .thumb-click h3 { color:#FFF; }
.thumb-hover:hover .thumb-click p { color:#ccc; }
.client { padding:30px 0; }
.client-click {width:100%; display:inline-block; text-align:center;}
.client-pic { display:inline-block; }
.contact-map {
	width:100%;
	height:325px;
	display:inline-block;
	position:relative;	
}
#map { width:100%; height:325px; display:inline-block; }
.contact-text { position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0, .5); padding:30px 0; }
.center-100 { width:100%; display:inline-block; text-align:center; padding:10px 0; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:1px; }
.center-100 a, .center-100 a:focus, .center-100 a:active, .center-100 a:hover { color:#FFF; }
.message { width:48px; height:43px; display:inline-block; background:url(../images/message.png) no-repeat top left; }
.pad-top-40 { padding-top:40px; }

#nt-example1-prev, #nt-example1-next {
	width:28px;
	height:28px;
	float:right;
	margin-left:1px;
	display:inline-block;
	background:url(../images/carousel-control-v.png) no-repeat;	
}
#nt-example1-prev { background-position: top left; }
#nt-example1-next { background-position: bottom left; }
.news-box i {
	font-size: 18px;
	padding:5px;
	display:inline-block;
	background:#424242;
	color:#FFF;
	cursor: pointer ;
	border-radius:2px;	
	-moz-border-radius:2px;	
	-webkit-border-radius:2px;	
}

.news-box i:active {
	color:#999;
	padding:4px;
	margin:1px;
}

#nt-example1 li {
	background: #f5f5f5;
	display:inline-block;
	overflow: hidden;
	float:left;
}

#nt-example1 li:hover {
	background: #424242;
}
.news-cont { padding-left:30px !important; }
.video-cont { padding-left:30px !important; padding-top:20px; cursor:pointer; }
.video-cont .video { background:#999; color:#FFF; padding:20px; padding-left:65px; }
.video-cont .video h2 { margin:0; font-size:22px; letter-spacing:1px; }
.video-cont .video.sga { background:#999 url(../images/Media-Play.png) no-repeat left center; background-size: auto 100%; }
.video-cont .video.flickr { background:#999 url(../images/Flickr.png) no-repeat left center; background-size: auto 100%; }
.news-box { background:#f5f5f5; width:100%; display:inline-block; padding:0 15px 15px 15px; }
a.media, a.media:active, a.media:hover, a.media:focus { text-decoration:none; color:#202020; }
.news { font-size:16px; padding:10px; display:block; border-bottom:solid 1px #ccc; line-height:20px;   }
a.media:hover { color:#FFF; }
a.media:hover em { background:#FFF; color:#424242; }
a.media em { color:#FFF; background:#fb9800; font-size:14px; padding:0 5px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.news p { color:#333; margin:0; }
a.media:hover p { color:#FFF; }
#projects { display:inline-block; width:100%; }
.pro-bg { background:#f8f8f8; width:100%; display:inline-block; margin-top:30px; }
.pro-bg > h4 { padding:15px 0; margin:0; text-align:center; border-bottom:solid 2px #FFF; background:#ddd; }
.pro-cont { width:100%; display:inline-block; padding:10px; padding-bottom:0; cursor:pointer; }
.image-holder { position:relative; width:100%; overflow:hidden; display:inline-block; text-decoration:none; }
.image-holder img { width:100%; height: 330px; display:block; }
.image-holder .caption { position:absolute; bottom:0px; left:0px; width:100%; padding:10px 0; background:rgba(0,0,0, .8); font-size:16px; color:#FFF; text-align:center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; z-index:99; }
.image-holder .download { display:none; position:absolute; z-index:88; top:0px; left:0px; height:100%; width:100%; padding:30px 10px; background:rgba(0,0,0, .87); font-size:16px; color:#FFF; text-align:center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.image-holder .download a {
	width:100%; padding:5px; margin:5px 0; color:#333; text-decoration:none; border-radius:4px; background:#f5f5f5; display:inline-block;
}
.image-holder:hover .download { display:inline-block; }
.image-holder:hover .caption { background:rgba(251,152,0, .9); text-shadow:1px 1px 1px #000; }
.modal-dialog.pro { min-width:900px !important; }
.modal-body.pro { display:inline-block; width:100%; background:#e9e9e9; }
.more { color:#fb9800 !important;  text-shadow:1px 1px 1px #FFF;}
.more ._less { display:none;}
.more.active ._less { display:inline-block;}
.more.active ._more { display:none; }
.modal-dialog.video { min-width:800px !important; }
.modal-body.video { display:inline-block; width:100%; height:400px;}

.nopad-right { padding-right:0 !important; }
.nopad-left { padding-left:0 !important; }
.modal-header { border-bottom:solid 2px #e5e5e5 !important; }
.pro-desc h4 { color:#000; border:none; text-align:left; padding-top:0 !important; }
.pro-desc p { color:#333 !important; text-align:justify; }
.carousel-indicators li { box-shadow:0 2px 5px #000; width:15px !important; height:15px !important; margin:0 3px !important; }
.loc-orange {
	display:inline-block;
	width:40px;	
	height:50px;
	background:url(../images/loc-orange.png) no-repeat top center;
	cursor:pointer;
}
.contact-map.active .contact-text .loc-orange {
	background:url(../images/loc-orange-close.png) no-repeat top center;
}
.contact-map.active { height:auto; }
.contact-map.active .contact-text {
	position:inherit;
	left:inherit;
	top:inherit;
	display:inline-block;
	width:100%;
	background:#666;
	transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
.contact-form { padding:20px 0; }
.contact-form input[type=text], .contact-form textarea {
	width:80%;
	display:inline-block;
	height:40px;
	font-size:16px;
	color:#666;
	padding:0 10px;
	border:solid 1px #ccc;	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.contact-form input[type=text]:focus, .contact-form textarea:focus{ color:#333; border:solid 1px #999; box-shadow: inset 0 0 3px #999; }
.contact-form textarea { height:80px; padding:10px; }
.c-label { font-size:16px; color:#666; text-align:right; line-height:40px; padding-right:0 !important; }
.contact-form .row { padding:5px 0; }
.contact-form input[type=submit] {
	height:40px;
	padding:0 30px;
	font-size:18px;	
	border:none;
	background:#333;
	border:solid 1px #333;
	color:#FFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.contact-form input[type=submit]:active { border:solid 1px #FFF; }
.msg { width:100%; display:inline-block; text-align:center; padding-bottom:20px; }
.msg span { font-size:16px; 
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px 20px;
	display:inline-block;
}
.msg.success span { background:#ceedce; color:#019b01; }
.msg.error span { background:#f1dbdb; color:#9d0202; }
.mem-detail { font-size:16px; color:#333; }
.mem-name small { font-size:16px; color:#666; }
.color-666 { color:#666; }
.carousel-indicators .active { background:#fb9800 !important; box-shadow:0 2px 2px #000; }
.news-box ul { height:190px !important; }
a.video:hover, a.video:focus { text-decoration:none !important; }
.scroller { height:520px; }
.search-box { height:58px; width:200px; }
.search-box:hover {background:#f4f3f3 !important;}
.search-box .input-group { margin-top:10px; }
.search-box .input-group .search, .search-box .input-group .search-submit { height:38px; }
.modal-dialog.survey {
	min-width:640px;	
}
.survey-close { cursor:pointer; text-align:center; padding-top:10px; }
#sm_e_s { height:1100px; overflow:visible; text-align:center; }
.research_hi {height:705px;}
@media (max-width:991px) {
.modal-dialog.video { min-width:700px !important; }
.modal-body.video { height:350px;}
.mem-name small, .copyright span { width:100%; display:inline-block; }
.copyright span.pipe { display:none;}
.news-cont { padding-left:15px !important; padding-top:40px; }
.video-cont { padding-left:15px !important; padding-top:20px; cursor:pointer; }
a.video { display:inline-block; width:100%; }
.search-box { width:156px; }
}

@media (max-width:767px) {
.c-label { text-align:left; line-height:20px;}
.contact-form input[type=text], .contact-form textarea, .contact-form input[type=submit] { width:100%; }
.news-cont { padding:0 15px !important; margin-top:30px; }
.modal-dialog.video { min-width:inherit !important; }
.modal-body.video { height:280px;}
.nopad-left, .nopad-right { padding:0 !important; }
.modal-dialog.pro { width:auto !important; min-width:inherit !important; }
.navbar-fixed-top, .navbar-fixed-bottom, #footer { position:inherit !important; margin-bottom:0 !important; }
.logo { padding-left:15px !important; }
.navbar-collapse { width:100%; margin:0 !important; padding-top:10px; }
.navbar-collapse ul li { float:left; width:24%;}
.navbar-collapse ul li a { width:100%; }
.copyright, .social-icon { text-align:center; margin-bottom:30px; }
.message { background:url(../images/message.png) no-repeat top right; }
.mem-detail { padding:20px 0 0 0 !important;}
.mem-name { line-height:20px !important;}
.mem-name small { width:100%; display:inline-block; }
.copyright span.pipe { display:none;}
.navbar-collapse { margin-top:15px !important; }
.search-box { border-top:solid 2px #FFF; width:97.5% !important; }
.modal-dialog.survey { min-width:100%; margin:0; }
.modal-dialog.survey .modal-body { padding:10px; }
.modal-dialog.survey img { width:100%; }
.research_hi {height:auto;}
}
@media (max-width:480px) {
.center-100 br { display:none; }
}
.flickr-pop, .flickr-pop:hover { background:#333; padding:3px 10px 3px 5px; color:#Fff; margin:10px 0; display:inline-block; border-radius:2px; }
.flickr-pop:hover { background:#fb9800; }
