* { margin: 0; }

body,
html { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #000; font-size: 16px; height: 100%; min-height: 100%; }
body {  background-color: #fff; }
body.black {  background-color: #000; }

h1,
h2,
h3,
h4,
h5,
h6 { color: #000; margin: 0 0 20px 0; padding: 0; line-height: 0.9; font-size: 80px; font-weight: normal; font-style:normal; }

p { color: #000; font-size: 14px; margin: 0 0 23px 0; font-weight: 300; line-height: 1.35; }
p strong { font-weight: 600; }

ol,
ul { }

li { }

span { }

input,
textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; outline: none; }

h1 { font-size: 15px; font-weight: bold; margin: 0 0 3px 0; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { }
h5 { }

a,
a:visited,
a:focus { color: #000; outline: none; text-decoration: underline; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
a:hover { color: #333; outline: none; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.last-child p:last-child { margin: 0; }

::-webkit-input-placeholder { color: #47220a; }
::-webkit-textarea-placeholder { color: #47220a; }
::-moz-placeholder { color: #47220a; }
::-moz-placeholder { color: #47220a; }
::-ms-input-placeholder { color: #47220a; }
::-ms-textarea-placeholder { color: #47220a; }

#wrapper { /*display: none;*/ }

#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000; }
#loading img { position: absolute; top: 50%; left: 50%; margin: -64px 0 0 -64px; }

#wrap { float: left; width: 100%; }

#header { position: fixed; top: 0; left: 0; width: 100%; height: 51px; z-index: 9999; }
.shaded #header { }
#shaded { background-color: rgba(0,0,0,0.7); position: fixed; top: -100px; left: 0; width: 100%; height: 51px; z-index: 777; }
#logo { position: absolute; top: 16px; left: 44px; width: 201px; height: 15px; }
#logo h1 { width: 201px; height: 15px; margin: 0; padding: 0; }
#logo h1 a { display: block; width: 201px; height: 15px; background: transparent url('../images/wolveridge.png') 0 0 no-repeat; text-indent: -9999px; }

#menu { position: absolute; right: 24px; top: 15px; }
#menu ul { float: left; margin: 0; padding: 0; list-style: none; }
#menu ul li { float: left; margin: 0 20px 0 50px; font-size: 15px; font-weight: 300; letter-spacing: 0.05em; }
#menu ul li ul { display: none; }

#menu ul li a { color: #999; text-decoration: none; }
#menu ul li a:hover,
#menu ul li a.current,
#menu ul li a.section { color: #000; }

.shaded #menu ul li a:hover,
.shaded #menu ul li a.current,
.shaded #menu ul li a.section { color: #fff; }

.project #menu ul li a:hover,
.project #menu ul li a.current,
.project #menu ul li a.section { color: #fff; }

.black #menu ul li a:hover,
.black #menu ul li a.current,
.black #menu ul li a.section { color: #fff; }

.home #menu ul li a { color: #fff; }
.home #menu ul li a:hover,
.home #menu ul li a.current,
.home #menu ul li a.section { color: #000; }

#mobile-menu { display: none; position: absolute; right: 24px; top: 15px; }
#mobile-menu ul { float: left; margin: 0; padding: 0; list-style: none; }
#mobile-menu ul li { float: left; margin: 0 20px 0 50px; font-size: 15px; font-weight: 300; letter-spacing: 0.05em; }
#mobile-menu ul li ul { display: none; }

#mobile-menu ul li a { color: #999; text-decoration: none; }
#mobile-menu ul li a:hover,
#mobile-menu ul li a.current,
#mobile-menu ul li a.section { color: #000; }

.shaded #mobile-menu ul li a:hover,
.shaded #mobile-menu ul li a.current,
.shaded #mobile-menu ul li a.section { color: #fff; }

.black #mobile-menu ul li a:hover,
.black #mobile-menu ul li a.current,
.black #mobile-menu ul li a.section { color: #fff; }

.home #mobile-menu ul li a { color: #fff; }
.home #mobile-menu ul li a:hover,
.home #mobile-menu ul li a.current,
.home #mobile-menu ul li a.section { color: #000; }

body.home { overflow: hidden; }
body.project { overflow: hidden; }
body.black { background-color: #000; }

.home #menu { display: none; }

#menu-toggle { display: none; position: absolute; top: 15px; right: 44px; }
#menu-toggle span { display: block; width: 26px; height: 20px; background: transparent url('../images/bar-nav.png') 0 0 no-repeat; text-indent: -9999px; cursor: pointer; }

.home #menu-toggle { display: block; }
.menuexposed #menu-toggle { display: none; }

#project-grid { float: left; width: 100%; background-color: #000; }
#project-grid .project { float: left; width: 33.3333333%; position: relative; overflow: hidden; }
#project-grid .project img { width: 100%; max-width: 100%; }
#project-grid .project .project-overlay { position: absolute; display: none; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; }
#project-grid .project .project-overlay span { font-size: 14px; color: #fff; letter-spacing: 0.07em; }


#media-grid { float: left; width: 100%; background-color: #000; }
#media-grid .media { float: left; width: 20%; position: relative; overflow: hidden; }
#media-grid .media a { display: block; height: 100%; width: 100%; }
#media-grid .media img { width: 100%; }
#media-grid .media .media-overlay { position: absolute; display: none; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; }
#media-grid .media .media-overlay span { font-size: 14px; color: #fff; letter-spacing: 0.07em; }

#sub-menu { height: 51px; position: fixed; bottom: 0; left: 25px; z-index: 999; background-color: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0 0; }
#sub-menu ul { float: left; width: auto; margin: 0; padding: 0; list-style: none; }
#sub-menu li { float: left; width: auto; margin: 0; padding: 0 30px 15px 30px; line-height: 1; letter-spacing: 0.05em; font-weight: 300; }
#sub-menu li a { display: block; color: #999999; text-decoration: none; }
#sub-menu li a:hover,
#sub-menu li a.current { color: #fff; }

#slide-toggle { position: fixed; bottom: 0; right: 25px; width: 285px; z-index: 999; background-color: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 0 20px; }
#slide-toggle a { color: #fff; text-decoration: none; }
#slide-toggle span { float: left; width: 100%; padding: 0 0 15px 0; line-height: 1; letter-spacing: 0.05em; }
#slide-toggle span a { display: block; background: transparent url('../images/icon-arrow-toggle.png') right 0 no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; }
#slide-toggle span a.active { display: block; background: transparent url('../images/icon-arrow-toggle.png') right -50px no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; }
#slide-toggle ul { display: none; float: left; width: 100%; margin: 0; padding: 0 0 5px 0; list-style: none; }
#slide-toggle li { float: left; width: 100%; margin: 0; padding: 0 0 15px 0; line-height: 1; letter-spacing: 0.05em; }
#slide-toggle li a { display: block; }
#slide-toggle li a:hover { display: block; color: #999; }

#page { position: absolute; top: 52px; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 40px 0 30px; }

#dual-columns { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#dual-column-left { position: fixed; width: 65%; height: 100%; }
#dual-column-right { background-color: #000; float: right; width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 40px 0 40px; }
#dual-column-right-inner { float: left; max-width: 850px; }
#dual-column-right p { color: #fff; }
#dual-column-right li { color: #fff; }
#dual-column-right a { color: #fff; text-decoration: underline; }
#dual-column-right a:hover { color: #999; text-decoration: underline; }

#dual-coloumn-shade { position: fixed; width: 35%; top: 0px; right: 0px; height: 51px; background-color: #000; z-index: 10; }

#content-content-alpha { float: left; width: 56%; }
#content-content-beta { float: right; width: 36%; }
#content-content-beta p { margin: 0 0 17px 0; color: #fff; }
#content-content-beta ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#content-content-beta ul li { float: left; width: 100%; height: 34px; margin: 0 0 3px 0; padding: 0; line-height: 32px; font-size: 14px; }
#content-content-beta ul li.facebook { background: transparent url('../images/social-facebook-black.png') 0 0 no-repeat;  }
#content-content-beta ul li.twitter { background: transparent url('../images/social-twitter-black.png') 0 0 no-repeat;  }
#content-content-beta ul li.pinterest { background: transparent url('../images/social-pinterest-black.png') 0 0 no-repeat;  }
#content-content-beta ul li.tumblr { background: transparent url('../images/social-tumblr-black.png') 0 0 no-repeat;  }
#content-content-beta ul li.linkedin { background: transparent url('../images/social-linkedin-black.png') 0 0 no-repeat;  }
#content-content-beta ul li a { display: block; padding: 0 0 0 44px; text-decoration: none; }

#contact-content-secondary { float: left; width: 100%; }

#slider { position: absolute; width: 100%; height: 100%; background-color: #000; }
#slides { position: absolute; width: 100%; height: 100%; z-index: 1; }
#slides .slide { position: absolute; width: 100%; height: 100%; }
#slides .slide img { display: none; }

#slide-pagination { position: fixed; bottom: 65px; left: 25px; z-index: 50; display: none; }
#slide-pagination span { display: inline-block; width: 11px; height: 10px; text-indent: -9999px; background: transparent url('../images/back-slider-pagination.png') 0 0 no-repeat; cursor: pointer; margin: 0 7px 0 0; }
#slide-pagination span.cycle-pager-active { background: transparent url('../images/back-slider-pagination.png') 0 -10px no-repeat; }

#gridnav { display: none; }

#gallery { background-color: #000; }
#gallery .rsSlide { opacity: 0.1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#gallery .rsActiveSlide { opacity: 1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }

#map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#media { text-align: center; width: 100%; padding: 80px 25px 140px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#media img { max-width: 100%; }
#media .media-image { float: left; width: 100%; margin: 0 0 50px 0; }

#media-controls { position: fixed; bottom: 0; left: 25px; width: 405px; z-index: 999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#media-controls .back { float: left; width: 80px; height: 51px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; margin: 0 1px 0 0; }
#media-controls .back a { display: block; background: rgba(0,0,0,0.7) url('../images/icon-arrow-left.png') 17px 17px no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-decoration: none; font-size: 11px; padding: 0 0 0 38px; }
#media-controls .back a:hover { color: #999; }
#media-controls .download-link { float: left; /*width: 284px;*/ height: 51px; background-color: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; padding: 0 28px 0 0; }
#media-controls .download-link .download { width: 100px; height: 51px; padding: 0 43px 0 0; background: transparent url('../images/icon-download.png') center right no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-decoration: none; font-size: 11px; text-align: right;  }
#media-controls .download-link .link { width: 100px; height: 51px; padding: 0 43px 0 0; background: transparent url('../images/icon-link.png') center right no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-decoration: none; font-size: 11px; text-align: right; }
#media-controls .download-link .project { width: 100px; height: 51px; padding: 0 43px 0 0; background: transparent url('../images/icon-viewproject.png') center right no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-decoration: none; font-size: 11px; text-align: right; }

#info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 25px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; height: 51px; }
.ie #info { padding: 0; }
#info-inner { width: 100%; height: 51px; }
#news-panel { width: 20%; height: 51px; margin: 0 1px 0 0; position: relative;  }
#news-slideout { position: absolute; min-height: 51px; width: 100%; bottom: 0; background: rgba(0,0,0,0.7) url('../images/icon-news.png') 15px 11px no-repeat; overflow: hidden; }
#news-slideout span { display: block; min-height: 51px; cursor: pointer; font-size: 14px; background: transparent url('../images/icon-news-toggle.png') right 0 no-repeat; }
#news-slideout span.active { background: transparent url('../images/icon-news-toggle.png') right -51px no-repeat; }
#news-slideout span a { display: block; height: 51px; padding: 9px 80px 9px 60px; color: #fff; text-decoration: none; font-size: 14px; line-height: 1.2; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
#news-slideout span a:hover { color: #ccc; }
#news-slideout #news-content { display: none; float: left; width: 98%; height: 300px; overflow: hidden; margin: 0 0 10px 0; padding: 0 15px; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#news-slideout #news-content p { color: #fff; }
#news-slideout #news-content a { color: #fff; text-decoration: underline; }
#news-slideout #news-content a:hover { color: #ccc; text-decoration: underline; }
#news-slideout #news-content ul { margin: 0; padding: 0 0 0 20px; }
#news-slideout #news-content li { color: #fff; font-size: 14px; font-weight: 300; line-height: 1.35; }

#why-panel { width: 20%; height: 51px; margin: 0 1px 0 0; position: relative;  }
#why-slideout { position: absolute; min-height: 51px; width: 100%; bottom: 0; background: rgba(0,0,0,0.7) url('../images/icon-help.png') 15px 11px no-repeat; overflow: hidden; }
#why-slideout span { display: block; min-height: 51px; cursor: pointer; font-size: 14px; background: transparent url('../images/icon-news-toggle.png') right 0 no-repeat; }
#why-slideout span.active { background: transparent url('../images/icon-news-toggle.png') right -51px no-repeat; }
#why-slideout span a { display: block; height: 51px; padding: 9px 80px 9px 60px; color: #fff; text-decoration: none; font-size: 14px; line-height: 1.2; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
#why-slideout span a:hover { color: #ccc; }
#why-slideout #why-content { display: none; float: left; width: 98%; height: 300px; overflow: hidden; margin: 0 0 10px 0; padding: 0 15px; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#why-slideout #why-content p { color: #fff; }
#why-slideout #why-content a { color: #fff; text-decoration: underline; }
#why-slideout #why-content a:hover { color: #ccc; text-decoration: underline; }
#why-slideout #why-content ul { margin: 0; padding: 0 0 0 20px; }
#why-slideout #why-content li { color: #fff; font-size: 14px; font-weight: 300; line-height: 1.35; }

#what-panel { width: 20%; height: 51px; margin: 0 1px 0 0; position: relative;  }
#what-slideout { position: absolute; min-height: 51px; width: 100%; bottom: 0; background: rgba(0,0,0,0.7) url('../images/icon-contact.png') 15px 11px no-repeat; overflow: hidden; }
#what-slideout span { display: block; min-height: 51px; cursor: pointer; font-size: 14px; background: transparent url('../images/icon-news-toggle.png') right 0 no-repeat; }
#what-slideout span.active { background: transparent url('../images/icon-news-toggle.png') right -51px no-repeat; }
#what-slideout span a { display: block; height: 51px; padding: 9px 80px 9px 60px; color: #fff; text-decoration: none; font-size: 14px; line-height: 1.2; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
#what-slideout span a:hover { color: #ccc; }
#what-slideout #what-content { display: none; float: left; width: 98%; height: 300px; overflow: hidden; margin: 0 0 10px 0; padding: 0 15px; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#what-slideout #what-content p { color: #fff; }
#what-slideout #what-content a { color: #fff; text-decoration: underline; }
#what-slideout #what-content a:hover { color: #ccc; text-decoration: underline; }
#what-slideout #what-content li { color: #fff; }

#background-control { height: 51px; width: 152px; }
#share-container { display: none; position: absolute; top: -50px; left: -101px; height: 50px; width: 202px; background-color: rgba(255,255,255,0.7); }
.active #share-container { display: block; }
#share-container a { float: left; width: 50px; height: 50px; }
#share-container a:last-child { float: right; }
#share-container a i { float: left; font-size: 20px; color: #000; margin: 15px; }
#share-container a i.fa-facebook { margin: 15px 17px; }
#share-toggle { float: left; height: 51px; margin: 0 1px 0 0; width: 50px; position: relative; }
#share-toggle a.toggle { display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.7) url('../images/share-white.png') center center no-repeat; text-indent: -9999px; }
#share-toggle.active a.toggle { background: rgba(255,255,255,0.7) url('../images/share-black.png') center center no-repeat; }
#control-left { float: left; height: 51px; background-color: rgba(0,0,0,0.7); width: 50px; }
#control-left a { display: block; height: 100%; width: 100%; background: transparent url('../images/icon-arrow-left.png') center center no-repeat; text-indent: -9999px; }
#control-right { float: right; height: 51px; background-color: rgba(0,0,0,0.7); width: 50px; }
#control-right a { display: block; height: 100%; width: 100%; background: transparent url('../images/icon-arrow-right.png') center center no-repeat; text-indent: -9999px; }

#info .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
#info .flex-item:nth-child(1) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#info .flex-item:nth-child(2) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#info .flex-item:nth-child(3) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#info .flex-item:nth-child(4) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#info .flex-item:nth-child(5) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

.ie #info .flex-container {  }
.ie #info .flex-item:nth-child(1) { float: left; }
.ie #info .flex-item:nth-child(2) { float: left; }
.ie #info .flex-item:nth-child(3) { float: left; }
.ie #info .flex-item:nth-child(4) { float: left; }
.ie #info .flex-item:nth-child(5) { float: right; }

#mobile-info-trigger { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7); height: 51px; z-index: 50; text-align: center; }
#mobile-info-trigger a { display: block; width: 100%; height: 51px; text-indent: -9999px; background: transparent url('../images/icon-news-toggle.png') center 0 no-repeat; }
#mobile-info-trigger a.active {  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }



#project-info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 25px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 555; height: 51px; }
#project-info-inner { width: 100%; height: 51px; }
#project-info-inner .project-back { width: 80px; height: 51px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; }
#project-info-inner .project-back a { display: block; background: rgba(0,0,0,0.7) url('../images/icon-arrow-left.png') 17px 17px no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-decoration: none; font-size: 11px; padding: 0 0 0 38px; }
#project-info-inner .project-back a:hover { color: #999; }

#project-info-inner .project-overview { height: 51px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1px 0 1px; background-color: rgba(0,0,0,0.7); }
#project-info-inner .project-overview .project-title { float: left; padding: 0 0 0 30px; height: 51px; display: table; }
#project-info-inner .project-overview .project-title span {  display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; }
#project-info-inner .project-overview .project-links { float: right; padding: 0 0 0 30px; height: 51px; display: table; }
#project-info-inner .project-overview .project-links ul { float: left; width: 100%; margin: 0; }
#project-info-inner .project-overview .project-links ul li { display: table-cell; height: 51px; vertical-align: middle; color: #fff; padding: 0 30px 0 30px; font-weight: 300; font-size: 14px; cursor: pointer; }
#project-info-inner .project-overview .project-links ul li.active { background-color: rgba(255,255,255,0.7); color: #000; }

#project-info-inner .project-share { width: 100px; height: 51px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; margin: 0 1px 0 0; position: relative; }
#project-info-inner .project-share-inner { position: absolute; background: rgba(0,0,0,0.7) ; bottom: 0; left: 0; width: 100%; }
#project-info-inner .project-share-inner span { display: block; width: 100px; height: 51px; }
#project-info-inner .project-share-inner span a { display: block; width: 100px; height: 51px; background: transparent url('../images/icon-plus.png') 60px center no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-decoration: none; font-size: 13px; padding: 0 0 0 17px; }
#project-info-inner .project-share-inner span a:hover { color: #999; }
#project-info-inner .project-share-inner ul { display: none; float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#project-info-inner .project-share-inner ul li { float: left; width: 100%; height: 34px; margin: 0 0 3px 0; padding: 0; }
#project-info-inner .project-share-inner ul li.facebook { background: transparent url('../images/social-facebook-white.png') 60px 0 no-repeat;  }
#project-info-inner .project-share-inner ul li.twitter { background: transparent url('../images/social-twitter-white.png') 60px 0 no-repeat;  }
#project-info-inner .project-share-inner ul li.pinterest { background: transparent url('../images/social-pinterest-white.png') 60px 0 no-repeat;  }
#project-info-inner .project-share-inner ul li a { display: block; width: 100%; height: 27px; padding: 0; text-decoration: none; text-indent: -9999px; }

#project-info-inner .project-controls { height: 51px; width: 101px; position: relative; }
#project-info-inner .project-controls .control-left { float: left; height: 51px; background-color: rgba(0,0,0,0.7); width: 50px; position: absolute; top: 0; left: 0; }
#project-info-inner .project-controls .control-left a { display: block; height: 100%; width: 100%; background: transparent url('../images/icon-arrow-left.png') center center no-repeat; text-indent: -9999px; }
#project-info-inner .project-controls .control-right { float: right; height: 51px; background-color: rgba(0,0,0,0.7); width: 50px; position: absolute; top: 0; right: 0; }
#project-info-inner .project-controls .control-right a { display: block; height: 100%; width: 100%; background: transparent url('../images/icon-arrow-right.png') center center no-repeat; text-indent: -9999px; }

#project-info .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
#project-info .flex-item:nth-child(1) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#project-info .flex-item:nth-child(2) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#project-info .flex-item:nth-child(3) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#project-info .flex-item:nth-child(4) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
#project-info .flex-item:nth-child(5) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

.ie #project-info .flex-container {  }
.ie #project-info .flex-item:nth-child(1) { float: left; }
.ie #project-info .flex-item:nth-child(2) { float: left; }
.ie #project-info .flex-item:nth-child(3) { float: left; }
.ie #project-info .flex-item:nth-child(4) { float: left; }
.ie #project-info .flex-item:nth-child(5) { float: right; }

#project-text { display: none; position: absolute; bottom: 51px; right: 59px; background-color: rgba(255,255,255,0.8); width: 500px; z-index: 10; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#project-text p:last-child { margin: 0; }

#project-text ul.details { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
#project-text ul.details li { margin: 0 0 5px 0; padding: 0;  color: #000000; font-size: 14px; font-weight: 300; }
#project-text ul li.title { float: left; width: 30%; font-weight: bold; }
#project-text ul li.detail { float: right; width: 70%; }

#publication-list { float: left; width: 460px; height: 300px; overflow: hidden; overflow-x: hidden;  }
#publication-list-inner { float: left; width: 480px; /*height: 300px;*/ overflow: hidden;  }
.publication-item { float: left; width: 230px; height: auto; position: relative; overflow: hidden; }
.publication-item img { float: left; margin: 0; width: 100%; }
.publication-item .media-overlay { position: absolute; display: none; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; }
.publication-item .media-overlay span { font-size: 14px; color: #fff; letter-spacing: 0.07em; }


#why-grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; position: absolute; top: 74px; left: 0; z-index: 20; display: table; padding: 0 25px 60px 25px; }
#why-grid .why-item { width: 33.3333333%; height: 25%; display: inline-block; padding: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; }
#why-grid .why-item p { color: #fff; }

.black-40 { background-color: rgba(0,0,0,0.4); }
.black-50 { background-color: rgba(0,0,0,0.5); }
.black-60 { background-color: rgba(0,0,0,0.6); }

#background-slides { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; }
#background-slides .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#background-slides .slide img { display: none; }


#project-slides { display: none; }

#mobile-project-info { display: none; }

#carousel-wrapper {
    background-color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#carousel img {
    display: block;
    float: left;
    min-height: 100%;
    opacity: 0.2;
}
#carousel img:nth-child(2) {
    opacity: 1;
}


@-moz-document url-prefix() {
    .flex-container {
        width: 100%;
        -moz-box-sizing: border-box;
    }
}


/* Very large screens */
@media only screen and (min-width: 1441px) {
    #media-grid .media { width: 20%; }
}

/* Medium screens */
@media only screen and (max-width: 1279px) and (min-width: 768px) {

    #media-grid .media { width: 25%; }

    #menu ul li { margin: 0 15px 0 15px; }
    #sub-menu ul { padding: 0 10px; }
    #sub-menu li { padding: 0 10px 15px 10px; }

    #content-content-alpha { float: left; width: 100%; }
    #content-content-beta { float: left; width: 100%; margin: 0 0 20px 0; }

    #news-slideout span { font-size: 10px; }
    #news-slideout span a { font-size: 10px;  padding: 9px 50px 9px 60px; }

    #news-slideout #news-content p { font-size: 10px; }
    #news-slideout #news-content li { font-size: 10px; }

    #why-slideout span { font-size: 10px; }
    #why-slideout span a { font-size: 10px;  padding: 9px 50px 9px 60px; }

    #why-slideout #why-content p { font-size: 10px; }
    #why-slideout #why-content li { font-size: 10px; }

    #what-slideout span { font-size: 10px; }
    #what-slideout span a { font-size: 10px;  padding: 9px 50px 9px 60px; }

    #what-slideout #what-content p { font-size: 10px; }
    #what-slideout #what-content li { font-size: 10px; }

    #news-slideout ul li { font-size: 10px; }
    #what-panel a { padding: 9px 10px 9px 60px; font-size: 10px; }

    #info .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
    #info .flex-item:nth-child(1) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(2) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(3) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(4) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(5) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

}

/* Small screens */
@media only screen and (max-width: 767px) {

    #carousel-wrapper { display: none; }
    #project-slides { display: block; }

    #projet-grid { margin: 52px 0 0 0; }
    #media-grid { margin: 52px 0 0 0; }

    #project-grid .project { width: 50% }
    #media-grid .media { width: 33.3333333%; }

    #menu ul li { margin: 0 15px 0 15px; }
    #sub-menu ul { padding: 0 10px; }
    #sub-menu li { padding: 0 15px 15px 15px; }

    #content-content-alpha { float: left; width: 100%; }
    #content-content-beta { float: left; width: 100%; }

    #news-slideout span { font-size: 10px; }
    #news-slideout span a { font-size: 10px;  padding: 9px 50px 9px 60px; }

    #news-slideout #news-content p { font-size: 10px; }
    #news-slideout #news-content li { font-size: 10px; }

    #why-slideout span { font-size: 10px; }
    #why-slideout span a { font-size: 10px;  padding: 9px 50px 9px 60px; }

    #why-slideout #why-content p { font-size: 10px; }
    #why-slideout #why-content li { font-size: 10px; }

    #what-slideout span { font-size: 10px; }
    #what-slideout span a { font-size: 10px;  padding: 9px 50px 9px 60px; }

    #what-slideout #what-content p { font-size: 10px; }
    #what-slideout #what-content li { font-size: 10px; }

    #news-slideout ul li { font-size: 10px; }
    #what-panel a { padding: 9px 10px 9px 60px; font-size: 10px; }

    #info .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
    #info .flex-item:nth-child(1) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(2) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(3) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 1 1 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(4) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #info .flex-item:nth-child(5) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }

    .project-share { display: none; }
    #project-info .flex-item:nth-child(3) { display: none; }
}

/* Small screens */
@media only screen and (max-width: 640px) {

    #logo { left: 24px; }

    #header,
    .shaded #header { background-color: rgba(0,0,0,0.85); }

    #menu { display: none; }
    #mobile-menu { display: none; position: absolute; width: 100%; right: 0; top: 51px; background-color: rgba(255,255,255,0.85); z-index: 999; }
    #mobile-menu ul { float: left; margin: 0; padding: 0 0; list-style: none; width: 100%; }
    #mobile-menu ul li { float: left; width: 100%; margin: 0; font-size: 15px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #mobile-menu ul li ul { display: none; }

    #mobile-menu ul li a { color: #000; text-decoration: none; padding: 10px 25px; display: block; border-top: 1px solid #999; }
    #mobile-menu ul li a:hover,
    #mobile-menu ul li a.current,
    #mobile-menu ul li a.section { color: #fff; background-color: rgba(0,0,0,0.85); }

    .shaded #mobile-menu ul li a:hover,
    .shaded #mobile-menu ul li a.current,
    .shaded #mobile-menu ul li a.section { color: #fff; background-color: rgba(0,0,0,0.85); }

    .home #mobile-menu ul li a { color: #000; }
    .home #mobile-menu ul li a:hover,
    .home #mobile-menu ul li a.current,
    .home #mobile-menu ul li a.section { color: #fff; background-color: rgba(0,0,0,0.85); }

    #mobile-menu ul li ul li a { padding: 10px 50px; }

    .home #mobile-menu { display: none; }

    #menu-toggle { display: block; position: absolute; top: 0; right: 0; border-left: 1px solid #999999; height: 51px; }
    #menu-toggle span { display: block; width: 51px; height: 51px; margin: 0; background: transparent url('../images/bar-nav.png') center center no-repeat; text-indent: -9999px; cursor: pointer; }

    .menuexposed #menu-toggle { display: block; }


    #info { display: none; padding: 0; width: 100%; height: auto; bottom: 52px; }
    #info-inner { height: auto; }
    #news-panel { float: left; position: relative; width: 100%; margin: 0 0 1px 0; height: auto; min-height: 51px; }
    #news-slideout { position: relative; }
    #news-slideout #news-content { height: 150px; }
    #why-panel { float: left; position: relative; width: 100%; margin: 0 0 1px 0; height: auto; min-height: 51px; }
    #why-slideout { position: relative; }
    #why-slideout #why-content { height: 150px; }
    #what-panel { float: left; position: relative; width: 100%; margin: 0 0 0 0; height: auto; min-height: 51px; }
    #what-slideout { position: relative; }
    #what-slideout #what-content { height: 150px; }

    #background-control { float: left; display: block; height: 51px; width: 100%; }
    #share-container { display: block; position: absolute; top: 0; left: 0; height: 50px; width: 100%; background-color: rgba(255,255,255,0.7); }
    .active #share-container { display: block; }
    #share-container a { float: left; width: 25%; height: 50px; text-align: center; }
    #share-container a:last-child { float: right; }
    #share-container a i { float: none; font-size: 20px; color: #000; margin: 15px; }
    #share-container a i.fa-facebook { margin: 15px 17px; }
    #share-toggle { float: left; height: 51px; margin: 0; width: 100%; }
    #share-toggle a.toggle { display: none; }
    #control-left,
    #control-right { display: none; }

    #info .flex-container { display: block; }

    #project-grid .project { width: 100%; }

    #slide-toggle { left: 5%; width: 90%; }

    #mobile-info-trigger { display: block; }

    #dual-columns { position: relative; top: 0; left: 0; width: 100%; height: auto; }

    #dual-coloumn-shade { display: none; }

    #dual-column-left { float: left; position: relative; width: 100%; height: 300px; top: 0; overflow: hidden; margin: 51px 0 0 0; }
    #dual-column-right { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 40px 30px 30px; }

    #content-content-alpha { float: left; width: 100%; }
    #content-content-beta { float: left; width: 100%; }

    #slide-pagination { position: absolute; bottom: 30px; left: auto; right: 30px; z-index: 50; }
    #slide-pagination span { display: inline-block; width: 11px; height: 10px; text-indent: -9999px; background: transparent url('../images/back-slider-pagination.png') 0 0 no-repeat; cursor: pointer; margin: 0 7px 0 0; }
    #slide-pagination span.cycle-pager-active { background: transparent url('../images/back-slider-pagination.png') 0 -10px no-repeat; }

    #media-grid .media { width: 50%; }

    #media-controls { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #media-controls .back { display: none; }
    #media-controls .download-link { float: left; width: 100%; height: 51px; background-color: #000; padding: 0; }
    #media-controls .download-link .download { float: left; width: 100%; height: 51px; line-height: 51px; padding: 0 25px 0 75px; background: transparent url('../images/icon-download.png') 25px center no-repeat; display: block; text-align: left; border-top: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #media-controls .download-link .link { float: left; width: 100%; height: 51px; line-height: 51px; padding: 0 25px 0 75px; background: transparent url('../images/icon-link.png') 25px center no-repeat; display: block; text-align: left; border-top: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #media-controls .download-link .project { float: left; width: 100%; height: 51px; line-height: 51px; padding: 0 25px 0 75px; background: transparent url('../images/icon-viewproject.png') 25px center no-repeat; display: block; text-align: left; border-top: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    #sub-menu { float: left; height: auto; position: relative; width: 100%; bottom: auto; left: auto; z-index: 999; background-color: #000; padding: 0; }
    #sub-menu ul { float: left; width: 100%; margin: 0; padding: 0; }
    #sub-menu li { float: left; width: 100%; margin: 0; padding: 15px 30px 15px 30px; line-height: auto; border-top: 1px solid #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #sub-menu li a { display: block; color: #999999; text-decoration: none; }
    #sub-menu li a:hover,
    #sub-menu li a.current { color: #fff; }

    #project-info { position: absolute; height: auto; background-color: #000; padding: 0; }
    #project-info-inner { display: none; }
    #project-info-inner .project-back { display: none; }

    #project-info-inner .project-overview { height: 51px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1px 0 0; background-color: rgba(0,0,0,0.7); }
    #project-info-inner .project-overview .project-title { float: left; padding: 0 0 0 0; height: 51px; display: table; }
    #project-info-inner .project-overview .project-title span {  display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; }
    #project-info-inner .project-overview .project-links { display: none; }

    #project-info-inner .project-overview { display: none; }


    #project-info-inner .project-share { width: 100px; height: 51px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table; margin: 0 40px 0 0; }
    #project-info-inner .project-share a { background: rgba(0,0,0,0.7) url('../images/icon-plus.png') right center no-repeat; }
    #project-info-inner .project-share a:hover { color: #999; }

    #project-info-inner .project-controls { display: none; }

    #mobile-project-info .project-title { float: left; padding: 0 0 0 25px; height: 51px; display: table; }
    #mobile-project-info .project-title span {  display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; }

    #project-info .flex-container { display: none; }
    #project-info .flex-item:nth-child(1) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #project-info .flex-item:nth-child(2) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #project-info .flex-item:nth-child(3) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #project-info .flex-item:nth-child(4) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
    #project-info .flex-item:nth-child(5) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }


    #project-info-inner { display: none; }

    #project-text { display: none; position: absolute; bottom: 51px; right: 228px; background-color: #fff; width: 425px; z-index: 10; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    #project-text p:last-child { margin: 0; }

    #project-text { display: none; }

    #map { position: relative; float; left; top: 0; left: 0; width: 100%; height: 300px; }

    #mobile-project-info { display: block; float: left; width: 100%; background-color: #000; }
    .project-info-pane { float: left; width: 100%; border-top: 1px solid #333; }
    .project-info-pane h3 { float: left; width: 100%; color: #fff; display: block; padding: 15px 25px; margin: 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .project-info-pane .project-info-pane-inner { display: block; padding: 0 25px 25px 25px; max-height: 300px; overflow: hidden; }
    .project-info-pane .project-info-pane-inner ul { margin: 0; padding: 0 0 0 15px; }
    .project-info-pane .project-info-pane-inner li { color: #fff; font-size: 13px; margin: 0 0 5px 0; padding: 0; }
    .project-info-pane .project-info-pane-inner li a { color: #fff; text-decoration: none; }
    .project-info-pane .project-info-pane-inner li a:hover { color: #999; }
    .project-info-pane .project-info-pane-inner p { color: #fff; }
    .project-info-pane .project-info-pane-inner p:last-child { margin: 0; }
    .project-info-pane .project-info-pane-inner p a { color: #fff; text-decoration: none; }
    .project-info-pane .project-info-pane-inner p a:hover { color: #999; }
    .project-info-pane ul.details { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
    .project-info-pane ul.details li { margin: 0 0 5px 0; padding: 0;  color: #fff; font-size: 14px; font-weight: 300; }
    .project-info-pane ul li.title { float: left; width: 35%; font-weight: bold; }
    .project-info-pane ul li.detail { float: right; width: 60%; }

    .project-info-pane-social { float: left; width: 100%; border-top: 1px solid #333; }

    .project-info-pane-social ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
    .project-info-pane-social ul li { float: left; width: 25%; height: 34px; margin: 30px 0; padding: 0; }
    .project-info-pane-social ul li.facebook {   }
    .project-info-pane-social ul li.twitter {  }
    .project-info-pane-social ul li.pinterest {  }
    .project-info-pane-social ul li.instagram {  }
    .project-info-pane-social ul li a { display: block; text-align: center; font-size: 20px; width: 100%; height: 27px; padding: 0; text-decoration: none; color: #fff; }

    #gallery {
        position: relative;
        float: left;
        padding: 52px 0 0 0;
        width: 100%;
        height: 250px;
    }
}

/* Landscape Orientation */
@media screen and (orientation: landscape) {

}

/* Portrait Orientation */
@media screen and (orientation: portrait) {

}


/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {

    #logo h1 a { background: transparent url('../images/wolveridge@2x.png') 0 0 no-repeat; background-size: 201px 15px; }

}

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
    width: 100%;
    height: 100%;
    position: absolute;
    direction: ltr;
}
.royalSlider > * {
    float: left;
}

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;

}
.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition:  0s;
    transition:  0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;

    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position:absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}
.rsNavItem {
    -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}
.rsTabs {
    float: left;
    background: none !important;
}
.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
    /*left: 0;
    top: 0;
    position: absolute;*/
    /*width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}
.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
    opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;

}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor:url(grab.png) 8 8, move;
}

.grabbing-cursor{
    cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    z-index: 20;
    background: url(blank.gif);
}
#info{padding: 0;}
#meet-panel{width: 20%; height: 51px; margin: 0 1px 0 0; position: relative;}
#meet-team{
    position: absolute;
    min-height: 51px;
    width: 100%;
    bottom: 0;
    background: rgba(0,0,0,0.7) url(../images/icon-video-play.png) 15px 11px no-repeat;
    overflow: hidden;
}
#meet-team span {
    display: block;
    min-height: 51px;
    cursor: pointer;
    font-size: 14px;
}
#meet-team span a{
    padding: 18px 80px 9px 60px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
}
#meet-team span a:hover{
    color: #ccc;
}
#meettheteam{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index: 99997;
    display: none;
    overflow-y: scroll;
}
#meettheteam .modal-dialog{
    max-width: 1024px;
    width: 100%;
    height: 100%;
    display: table;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
    z-index: 99999;

}
#meettheteam .modal-content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
#meettheteam .modal-content h2{
    font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 50px;
}
#meettheteam .modal-content h2 span{
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}
#meettheteam .close{
    position: absolute;
    right: 15px;
    top: 15px;
    background: url("../images/icon-close.png") no-repeat center center;
    width: 40px;
    height: 40px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 999999;
}
#meettheteam .close:hover{opacity: 1;}
#meettheteam .overlay-hidden{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background-color: transparent;

}
/*Contact Page Style*/
.form-contact .row{
    margin-bottom: 5px;
}
.form-contact input,
.form-contact textarea{
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
}
.form-contact input{
    height: 39px;
}
.form-contact h2, .form-contact h3, .form-contact h4{
    color: #ffffff;
}
.form-contact textarea{
    min-height: 125px;
    resize: none;
    padding-top: 10px;
}
.form-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #cccccc;
}
.form-contact ::-moz-placeholder { /* Firefox 19+ */
    color: #cccccc;
}
.form-contact :-ms-input-placeholder { /* IE 10+ */
    color: #cccccc;
}
.form-contact :-moz-placeholder { /* Firefox 18- */
    color: #cccccc;
}
.form-contact button{
    color: #000000;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #ffffff;
    padding: 10px 40px;
    margin-top: 15px;
    margin-bottom: 50px;
}
.form-contact button:hover,
.form-contact button:focus{
    background-color: transparent;
    color: #ffffff;
}
/*dropdown custom*/
.dropdown-custom{
    position: relative;
}
.dropdown-custom input{
    padding-right: 40px;
}
.dropdown-custom .arrow{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: url("../images/icon-arrow-up.png") no-repeat right -10px center;
    width: 100%;
    height: 39px;
    cursor: pointer;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    /*-moz-transform: rotate(180deg);*/
    /*-webkit-transform: rotate(180deg);*/
    /*-o-transform: rotate(180deg);*/
    /*transform: rotate(180deg) ;*/
}
.dropdown-custom .arrow.up{
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg) ;
}
.dropdown-custom ul{
    padding-left: 15px;
    display: none;
}
.dropdown-custom ul li{
    list-style-type: none;
    font-size: 14px;
    padding: 5px 0;
    cursor: pointer;
}
/*pop up latest news*/
.latest-news-list{
    padding: 0;
    margin: 0 -15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.latest-news-list  li{
    list-style-type: none;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cd-testimonials-all .cd-testimonials-all-wrapper h2.title{
    width: 90%;
    max-width: 1170px;
    font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #ffffff;
    margin: 0 auto 50px;
    text-align: center;
}
.cd-testimonials-all .cd-testimonials-all-wrapper h2.title span{
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}
.latest-news-list > li{
    width: 33.3333%;
    padding: 30px 15px 15px;
}
.latest-news-list > li img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.latest-news-list > li h4{
    font-size: 15px;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 10px;
}
.latest-news-list > li h4 a{
    color: inherit;
    text-decoration: none;
}
.latest-news-list > li h4 a:hover,
.latest-news-list > li h4 a:focus{
    text-decoration: none;
}
.latest-news-list .area-info {
    padding: 0;
}
.latest-news-list .area-info > li{
    font-family: "Helvetica Neue Light", helvetica, arial, san-serif;
    font-size: 13px;
    display: block;
    width: 65%;
    color: #ffffff;
    text-align: left;
}
.latest-news-list .area-info > li.like{
    text-align: right;
    width: 35%;
}
.latest-news-list > li.ct-virtual{
    width: 100%;
    height: 60px;
}
p.error-message {
    background: #fdc3c3 none repeat scroll 0 0;
    border: 1px solid #fdc3c3;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    color: black!important;
    font-size: 14px;
    margin-left: 9em;
    margin-top: -2em;
    padding: 0.5em 0.4em;
    position: absolute;
}
p.error-message::before {
    border-color: #fdc3c3 transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    content: "";
    display: block;
    height: 0;
    left: 1.5em;
    position: absolute;
    width: 0;
}
.content-map-area #header{
    background: rgba(0,0,0,1);
}
@media only screen and (max-width: 1279px) and (min-width: 768px){
    #meet-team span a{font-size: 10px;}
}
@media only screen and (min-width: 641px) {
    .home #menu{display: block;}
    .home #menu-toggle{ display: none;}
    #mobile-menu .mobile-phone{display: none;}

}
@media only screen and (max-width: 991px) {
    .content-map-area #dual-column-left{
        position: relative;
        width: 100%;
    }
    .content-map-area #dual-column-right{
        width: 100%;
    }
    .content-map-area .nano > .nano-content{
        position: relative;
        padding-bottom: 60px;
    }
}
@media only screen and (max-width: 767px) {
    #meet-team span a{ font-size: 10px;}
}
@media only screen and (max-width: 640px) {
    .mobile-phone .icon-phone {
        width: 22px;
        display: inline-block;
        margin-right: 10px;
    }
    .mobile-phone .icon-phone img{
        width: 100%;
    }
    #meet-panel{
        float: left;
        position: relative;
        width: 100%;
        margin: 1px 0 0 0;
        height: auto;
        min-height: 51px;
    }
    #meet-team{
        position: relative;
    }
    #meettheteam iframe{height: 250px;}
    #meettheteam .close{right: 0;}
    .latest-news-list  li{
        width: 50%;
    }
    .close-btn{
        right: 1%;
    }
}
@media only screen and (max-width: 479px) {
    .latest-news-list  li{
        width: 100%;
    }
}