* {
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0px;
  padding:0px;
  text-decoration:none;
}
:active {
   outline:0 !important;
}

:focus {
   outline:0 !important;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.3;
  background-color:/*#00bfd5*/#010101;

}


img.keep-original {
  max-width: 100% !important;
  height: auto;
}

.loading-container {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
}

.pulse {
  border: 3px solid #999;
  height: 30px;
  width: 30px;
  position: absolute;
  left: -15px;
  top: -15px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}


#connect {
  z-index: 10;
  position: fixed;
  width: 100%;
  list-style: none;
  margin: 0;
  margin-left: 90px;
  padding: 20px;
}
#connect li {
  float: left;
  margin-right: 20px;
  color: white;
}
#connect li span {
  display: block;
  font-size: 15px;
}
#connect li .version:before {
  content: "v";
}
@media screen and (max-width: 767px) {
  #connect {
    margin-left: 0;
  }
}

.button {
  font-weight: bold;
  padding: 8px 12px 5px;
  text-align: center;
  display: block;
  text-decoration: none;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
  position: relative;
  border-bottom: 1px solid transparent;
  color: #03A0FA;
}
.button:active {
  top: 1px;
}
.button:hover {
  color: #0280c8;
  background: #f1f1f1;
  border-color: white;
}

.container {
  position: relative;
  width: 50%;
  max-width: 500px;
  left: 90px;
  top: 13%;
  padding: 10px 20px;
}
@media screen and (max-width: 767px) {
  .container {
    margin-top: 70px;
    max-width: 100%;
    width: 100%;
    position: static;
  }
}

.slides-navigation {
  top: 50%;
}
.slides-navigation a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  display: block;
  text-decoration: none;
  font-weight: 200;
  font-size: 26px;
  margin: 0 25px;
  text-align: center;
  height: 40px;
  width: 40px;
  top: -40px;
  padding: 3px 3px;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.slides-navigation a:hover {
  color: #3a4046;
  background: rgba(255, 255, 255, 0.6);
}


.slides-pagination a {
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #ffffff;
  padding:3px;
  border:2px solid #3a4046; border-radius:10px;
}
.slides-pagination a.current {
  width: 10px;
  height: 10px;
  margin: 5px;
  padding:0px;
  background:#3a4046;
	border:2px solid #ffffff;
}

.contrast {
  background: rgba(0, 0, 0, 0.3);
  padding: 1px 10px;
  -webkit-box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}


/*    ----    new classes    ----    */

/* -- image shift -- */
.image-shift {background-position: left -20%;}

/* -- menu box backgrounds  */
.contact-box{position:fixed; top:0px; left:40px;bottom:22px; right:40px; z-index:9; display:none;}
.campus-specs-box{position:fixed; top:0px; left:40px;bottom:22px; right:40px; z-index:9; display:none;}
.test-fits-box{position:fixed; top:0px; left:40px; bottom:22px; right:40px; z-index:9; display:none;}

/* -- background image fix  */
.home {background-image:url(../images/hero_1700.jpg); background-repeat:no-repeat; background-size:cover; -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);}

.home2 {background-image:url(../images/arques.jpg); background-repeat:no-repeat; background-size:cover; -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);}	


/* -- click here message  */


.click-message {position: absolute; top:-42px; right:35px; padding: 5px 5px 7px 5px; /*background: #3a4046;*/ color:#ffffff; z-index:999; font-weight:400; font-size:18pt; z-index: 9999; display:none; cursor:pointer;}
.click-message2 {position: absolute; top:-42px; right:35px; padding: 5px 5px 7px 5px; /*background: #3a4046;*/ color:#ffffff; z-index:999; font-weight:400; font-size:18pt; z-index: 9999; cursor:pointer;}
.click-message:after{ /*arrow added to right arrow div DIV*/}

/* -- landscape message  */
#landscape-message {position: fixed; top: 0px; left:0px; width:100%; height:100%; z-index:999999; background-color:rgba(8,190,213,.92); display:none;}

/* -- mobile phone message portrait  */
#portrait-message-phone {display:none;}
/*#portrait-message-phone p { width:280px; padding: 0 0 10px 0; text-align:center; margin: 0 auto; }*/

.phone-message {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14pt; font-weight:normal; padding:0 5px 15px 5px; margin-top:25px; border-radius:10px; background-color:#ffffff; color:rgba(8,190,213,1.0); width:50px; height:35px;}
.phone-message a:hover {color:#333333;}
.phone-message a:visited {color:rgba(8,190,213,1.0)}
.phone-message a:active {color:#333333;}
.address-phone {text-align:center;}

.head-text-phone { width:100%;font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:20pt; padding:0px; letter-spacing:.10em; text-align:center;}
.head-text-phone-scroll { width:100%;font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:14pt; padding:10px; letter-spacing:.10em; text-align:left;}

.address-phone {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:13pt; font-weight:300; letter-spacing:.02em; padding:11px 0px 0px 0px; margin:10px 0 7px 0; border-top:1px solid #ffffff; display:block;}

.leed-phone {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:13pt; font-weight:200; letter-spacing:.02em; padding:0 0 5px 0; margin:0 0 5px 0; display:block; text-align:center;}

/*  mobile content styles  */
.mobi-header-style {position: fixed; top: 0px; left:0px; width:100%; height:55px; z-index:99; padding:10px; background-color:rgba(8,190,213,1.0);text-align:center; }
.mobi-header-style-scroll {position: fixed; top: 0px; left:0px; width:100%; height:50px; z-index:99; background:#00bfd5; padding:14px 15px;}
.mobi-header-style-scroll-dark {position: fixed; top: 0px; left:0px; width:100%; height:50px; z-index:99; background-color:rgba(50,50,50,1.0); padding:13px 15px;}
#mobile-content {position:absolute; top:30px; left:0px; width:100%; background:#00bfd5;}
#mobile-content-scroll {position:absolute; left:0px; top: 10px; margin:0px; padding:0px; overflow-x:hidden; background:#ffffff; border-bottom:10px solid #00bfd5;}
#mobile-content-header {background-color:#333333;}
.mobi-image {margin:0px; padding:0px; width:100%; display:block;}
.mobi-image1 {margin:0px; padding:0px; width:100%; display:block;}
.mobi-text {margin:0px; padding:5px 10px 10px 10px; width:100%; background:#333333;}
.mobi-text2 {margin:0px; padding:5px 10px 10px 10px; width:100%; background:#00bfd5;}
.mobi-text-subhead {margin:0px; padding:5px 10px 5px 10px; width:100%; background:#00bfd5;}
.mobi-headline { position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:bold; margin:0px; padding: 0px;}
.mobi-body-text {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:300; line-height:24px; margin:0px; padding: 0px;}
.slide-subhead-mobile {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:bold; margin:8px 0;}

#mobi-menu-button {position:fixed; top:4px; right:5px; color:#ffffff; font-size:24pt; margin:0px; padding:0px;display:none;}
.mobi-menu-button-click a{color:#ffffff;}
.mobi-menu-button-click a:hover{color:#777777;}
.mobi-menu-button-click a:active{color:#333333;}
.mobi-menu-button-click a:visited{color:#ffffff;}

.head-text-phone-mobile { width:300px;font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:14pt; letter-spacing:.10em; text-align:left;}

/*  mobile navigation menu  */
#mobi-menu {position: fixed; z-index:999; width:100%; height:100%; margin: 0px; bottom:0px; top:0px; background-color:#00bfd5; padding:40px 10px 10px 10px; display:none;}
.mobi-menu-text {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:18pt; font-weight:400; line-height:24px; margin:10px; padding: 10px 0;}
.mobi-close {position:fixed; top: 5px; right:5px; font-size:18pt; font-weight:bold; line-height:12px; margin:5px; padding: 10px 0 5px 0; color:#ffffff; }
.mobi-contact-close {position:fixed; top: 5px; right:5px; font-size:18pt; font-weight:bold; line-height:12px; margin:5px; padding: 10px 0 5px 0; color:#ffffff; }
.contact-list {overflow-y:scroll;}

/*  mobile contacts  */
#mobi-contact {position: fixed; z-index:999; width:100%; height:100%; margin: 0px; bottom:0px; top:0px; background-color:#00bfd5; padding:40px 10px 10px 10px; display:none; overflow:scroll;}
#mobi-contact-inner {background-color:#00bfd5; margin:40px 5px 10px 5px; overflow:scroll;}
.mobi-contact-image {height:30px; margin: 10px 0 0 -4px; padding:0px;}
.mobi-contact-head {font-size:11pt; margin: 0 0 5px 0;}


/* -- viewport  */
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

/* -- position slideshow  */

.wide-container {
	  position:fixed; bottom: 0px; left:0px;
	  width:100%;
      height:100%;
      margin: 0px; padding:0px;
	  overflow:hidden
	  
    }

/*#content-loader {position: fixed; top:0px; left:0px; bottom:0px; right:0px;  width:100%; height:100%; z-index: 999999;}*/

/* -- icon menu  */
.icon-menu{ cursor:pointer; font-size:20pt;}
.icon-menu-mobile{ cursor:pointer; font-weight:lighter;}
.icon-menu:hover{ color: rgb(0,191,213);}
.icon-close-thin2 {color:#3a4046;}
#menu-button {position:fixed; top: 1px; right:0px; padding: 6px 3px;}
#menu-button2 {position:relative; top: -5px; right:1px; padding:0px 3px;}
#menu-button2-2 {position:relative; top: 1px; right:0px; padding: 0px 15px 0px 5px;}

.blue-navi {color:#ffffff;}
/* -- icon menu items  */

/* old sliding menu #sliding-menu { position: fixed; top:18px; right: 40px; z-index:9999; display:none; width:530px; margin:0px; padding:0px; font-size:12pt;}
					  .menu-text-black, .menu-text-black a {color:#3a4046; padding: 0px 10px;cursor:pointer; display:inline-block; text-align:right;}
					  .menu-text-white, .menu-text-white a {color:#ffffff; padding: 0px 10px;cursor:pointer; display:inline-block;}
					  .menu-text-black2, .menu-text-black2 a {color:#3a4046; padding: 0px 10px;cursor:pointer; display:inline-block; background:rgba(255,255,255,.18)}
*/
#sliding-menu { position: fixed; top:-2px; left: 0px; z-index:99999; display:none; width:100%; height:46px; margin:0px; padding:6px 0px; font-size:12pt; background:rgba(58,64,70,0.60); min-width:940px;}
.menu-text-black, .menu-text-black a {color:#ffffff; padding: 0px 5px;cursor:pointer; display:inline-block;}
.menu-text-white, .menu-text-white a {color:#ffffff; padding: 0px 5px;cursor:pointer; display:inline-block;}
.menu-text-black2, .menu-text-black2 a {color:#ffffff; padding: 0px 5px;cursor:pointer; display:inline-block;}


/*   Old menu items   .menu-item {background:#00bfd5; border-radius:10px; padding:0px; margin: 0px 7px; float:right;}  
											.menu-text-black a:hover, .menu-text-black2 a:hover {color:#ffffff;}
											.menu-text-white a:hover {color:#3a4046;}
*/
.menu-item {padding:0px; margin: 8px 0px 8px 10px; float:right;}
.menu-item-size {font-size:11pt; margin: 9px 12px 0px 12px;}
.menu-text-black a:hover, .menu-text-black2 a:hover {color:#00BFD5;}
.menu-text-white a:hover {color:#00BFD5;}

/* -- floorplate chart close button  */
.close1 {position:absolute; top:5px; right:5px; color:#ffffff; font-size:14pt; cursor:pointer; padding:5px;}

/* -- hide show  */
.hidden {visibility:hidden;} 
.show {visibility:visible;}
.faded {opacity:0.0; filter:Alpha(opacity=50);}
/* -- icons  */
.navi {position:absolute; right:10px; top:12px;}

/* -- more link  */
.more {text-decoration:underline; color:#ffffff; font-size:12pt; text-align:right;}
.more a{color:#ffffff;}
.more:hover{color:#3a4046;}

/* -- more efficiency link  */
.efficiency { text-decoration:underline; color:#ffffff; font-size:12pt; text-align:right;position:relative; top: 15px; left:210px; cursor:pointer;}
.efficiency a{color:#ffffff;}
.efficiency:hover{color:#3a4046;}

/* -- menu link spacing  */
.test-fits-link, .campus-specs-link, .contact-link, .downloads-link, .press-link {margin:0px 10px; cursor:pointer; padding:3px 10px; background:#00bfd5; text-align:center; border-radius:12px; }

/* -- tags  */
.top-title {font-weight:normal; font-family:'Gill Sans Medium',"'Gill Sans'", "Gill Sans MT", sans-serif;}

.tag {position:fixed; left:17px; top: 10px; font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; font-size:14pt; font-weight:700; padding-bottom:10px; letter-spacing:3px; text-transform:uppercase; height:22px; z-index:999; width:900px;}

.tag2{position:fixed; left:17px; top: 10px; font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; font-size:14pt; font-weight:700; padding-bottom:10px; letter-spacing:3px; text-transform:uppercase; height:22px; z-index:999; color:#ffffff;}
/* -- tag black  */
.tag-black {color:#3a4046;}
.tag-black2 {color:#3a4046;}

.tag-black a{color:#3a4046;}
.tag-black2 a{color:#3a4046; background:rgba(255,255,255,.18); border-radius:10px;}

/* -- tag white  */
.tag-white {color:#ffffff;}
.tag-white a{color:#ffffff;}

/* -- blue arrows  */
.blue-arrows {color:#4794BA;}

/* -- white arrows  */
.white-arrows {color:#ffffff;}

/* -- slide pagination title  */
#message {position:fixed; left:0px; bottom:25px; width:100%; height:25px; z-index:999;padding:5px;}
.message {position:absolute; margin: 0 auto;left:49%; top:-10px; color:#ffffff; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12pt; font-weight:200; z-index:999; padding:5px 15px; text-align:center;display:inline; height:25px;}
.background {background-color:#3A4046; margin: 0 50% 20px -50%; padding:5px 10px; bottom:30px; border-radius:10px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12pt; font-weight:200;}

/* -- page 1  */
.page1 {position: absolute; top: 70px; left:50%; margin:0px 0px 0px -450px; width:900px; text-align:center;}

.head-text {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:53pt; font-weight:400; padding-bottom:10px; border-bottom:1px solid #ffffff;letter-spacing:.14em;}

.address {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:24pt; font-weight:300; letter-spacing:.25em; padding-top:20px; padding-left:5px; line-height:80px;}

.leed {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:16pt; font-weight:400; padding:0px; margin:0px; letter-spacing:2px;}

/* -- page 2  */
.page2 {position: absolute; top: 70px; left:50%; margin:0px 0px 0px -450px; width:900px; text-align:center;}
.head-title {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:normal; padding-bottom:20px;}
.head-title2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:20pt; font-weight:normal; padding-bottom:20px;}


/* -- page 3  */
.page3 {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 0px 0px 5px; width:680px; border-radius: 0 7px 7px 0; height:80px;}
.slide-headline { position:relative; top:-6px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:500; margin:0px; padding: 0px 20px; float:left; display:inline-block; height:75px;}
.slide-headline-alt {display:none;}
.slide-text {position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:400; padding-bottom:10px;  line-height:24px; display:inline-block;}

/* -- page 3b  */
.page3b {position: absolute; left:-1022px; bottom:60px; background:#00bfd5; padding: 15px 10px 3px 5px; width:1022px; border-radius: 0 7px 7px 0;}
.slide-text3b {position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:400; padding-bottom:10px;  line-height:24px; display:inline-block; width:725px;}
.close {position:absolute; top: 5px; right:5px; color:#ffffff; font-size:14pt; cursor:pointer;z-index:999; padding:5px;}

/* -- page 3c  */
.page3c {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 10px 5px 5px; border-radius: 0 7px 7px 0;}
.page3d {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 0px 5px 5px; -webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;}
.slide-text {position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:400; padding-bottom:10px;  line-height:24px;max-width:770px; display:inline-block;}

/* -- page 4  */
.page4 {position: absolute; right:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 5px 5px;width:500px; -webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.page4b {position: absolute; right:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 5px 5px; width:580px; -webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.page4c {position: absolute; right:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 5px 5px;width:570px;}
.page4d {position: absolute; right:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 18px 5px;width:570px; -webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
.page4e {position: absolute; right:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 5px 5px; width:580px;}
.page4f {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 5px 5px; width:580px; border-radius: 0 7px 7px 0}
.page4g {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 5px 5px 5px; width:565px; border-radius: 0 7px 7px 0}

.slide-headline2 { position:relative; top:-6px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:500; margin:0px; padding: 0px 20px;}

.slide-headline2b { position:relative; top:-6px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:19pt; font-weight:bold; margin:0px; padding: 0px 20px 5px 20px;}

.slide-text2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; line-height:24px; margin:0px; padding: 0px 20px 15px 20px; overflow:hidden;}
.slide-text2b {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; line-height:24px; margin:0px; padding: 0px 20px 10px 20px; overflow:hidden; width:720px;}
/* -- page 5  */
.page5 {position: absolute; left:0px; top:160px; background:#00bfd5; padding: 15px 5px; width:1000px; border-radius: 0 7px 7px 0;}
.slide-headline3 { position:relative; top:-6px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:500; margin:0px; padding: 0px 20px; float:left; display:inline-block; height:145px;}
.slide-text3 {position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:400; padding-bottom:10px;  line-height:24px;width:800px; display:inline-block; height:90px;}

/* -- page 6  */
.page6 {position: absolute; right:0px;bottom:60px; background:#00bfd5; padding: 15px 5px; width:570px; -webkit-border-top-left-radius: 7px;-webkit-border-bottom-left-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-bottomleft: 7px;border-top-left-radius: 7px; border-bottom-left-radius: 7px;}
/* -- page 6-2 new page2  */
.page6-2 {position: absolute; right:0px;top:80px; background:#00bfd5; padding: 15px 5px; width:900px;}
.page6-2a {position: absolute; right:0px;bottom:60px; background:#00bfd5; padding: 15px 5px; width:500px;border-radius: 7px 0 0 7px; height:311px;
			}
.page6-3 {position: absolute; right:0px;top:100px; background:#00bfd5; padding: 15px 0px; width:710px; height:175px; border-radius: 7px 0 0 7px;}

/* -- page 8  */
.page8 {position: absolute; top: 70px; left:50%; margin:0px 0px 0px -450px; width:900px; text-align:center;}
.head-text2 {position:relative; top: -5px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:200; padding-bottom:10px;  line-height:30px; margin-top:-20px;}
.head-menu2 {position: relative; top: -15px; right:12px; text-align:right; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:bold; display:inline-block;}
.head-menu2 a{color:#ffffff; text-decoration:none;}
.head-menu2 a:hover{color:#3a4046; text-decoration:none;}

/* -- page 9  */
.page9 {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 5px; width:360px; height:145px;}
.page9b {position: absolute; right:0px; bottom:60px; background:#00bfd5; padding: 15px 5px; width:520px; height:80px; border-radius:7px 0 0 7px}
.slide-headline4 { position:relative; top:-6px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:500; margin:0px; padding: 0px 20px; float:left; display:inline-block;}
.slide-headline4b { position:relative; top:-6px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:500; margin:0px; padding: 0px 10px 0 15px; float:left; display:inline-block;}
.slide-text4 {position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:normal; padding-bottom:10px; line-height:24px;width:200px; display:inline-block;}
.slide-text4b {position:relative; top:0px; left:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:normal; padding-bottom:10px; line-height:24px;width:340px; display:inline-block;}
.legend {position:absolute; bottom:60px; left:360px; z-index:999; margin:0px; padding:0 5px 0 0; display:inline-block; height:145px; background-color: #ffffff; border-radius: 0 7px 7px 0;}

/* -- page 10 and 10b floorplate addendum */

.floorplate1 {position: fixed; bottom:20px; top:10px; background:#00bfd5; padding: 20px; width:1060px; overflow-y:scroll; left:50%; margin: 50px 0px 0px -530px; display:none; border-bottom: 30px solid #00bfd5;-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px; }
/*.floorplate1 {position: fixed; bottom:20px; background:#00bfd5; padding: 20px; width:1050px; height:600px; overflow-y:scroll; left:50%; margin: 50px 0px 0px -525px; display:none; border-bottom: 30px solid #00bfd5}*/
.page10 {position: absolute; left:35px;  width:490px; top:20px; height:50%; }
.page10b {position: absolute; left:560px;  width:405px; top:30px; height:50%;}
.slide-headline10 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:19pt; font-weight:500; margin:0px;}
.slide-subhead10 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:500; margin:0px;}
.slide-text10 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; line-height:18pt; padding-bottom:10px;}
.inner-charts {padding:45px 15px 0px 5px;}


/* -- outer-stuff container for the contact, test-fits, and campus-specs popups */
#outer-stuff {position: fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height: 100%; z-index:9999; background-color:#6508CC; display:none;}

/* -- contact */

#contact {position:absolute; top:100px; left:50%; margin:30px 0px 0px -200px; background:#00bfd5; padding:50px 0px 15px 40px; width:400px; display:none; z-index:9999; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.contact-head {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; padding-bottom:10px;}
.contact-text {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400;}
.contact-content {position:relative; width:300px; top:0px; left:0px; display: inline-block; float:left; margin-right:5px;}
.contact-content-1 {position:relative; width:230px; top:0px; left:0px; display: inline-block; float:left; margin-right:-20px;}
.contact-content-2 {position:relative; width:230px; top:0px; left:0px; display: inline-block; float:left; margin-right:-15px;}
.contact-content-3 {position:relative; width:230px; top:0px; left:0px; display: inline-block; float:left; margin-right:-10px;}

.mailto {color:#ffffff; text-decoration:underline;}
.mailto:hover {color:#3a4046; text-decoration:underline;}
.contact-image {height:25px; padding:0px; margin-top:10px; margin-left:0px; margin-bottom:10px;}

.contact-header {color:#ffffff; width:100%; font-size: 14pt; padding-bottom:5px; border-bottom:1px solid #ffffff;}
.contact-header-owner {color:#ffffff; width:295px; font-size: 14pt; padding-bottom:5px; border-bottom:1px solid #ffffff;}
.contact-header-blank {color:#ffffff; width:175px; font-size: 14pt; padding-bottom:29px; border-bottom:1px solid #ffffff;}
.contact-header-advisors {color:#ffffff; width:200px; font-size: 14pt; padding-bottom:5px; border-bottom:1px solid #ffffff;}

/* -- campus specs */

#campus-specs {position:absolute; top:40px; left:50%; margin:30px 0px 0px -475px; background:#00bfd5; padding:20px 20px 0px 20px; width:950px; height:500px; display:none; z-index:9999; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.campus-head {position:relative; left:-20px; top:-20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:16pt; font-weight:400; padding-bottom:10px; list-style:none; margin-right:10px; border-right:1px solid #ffffff; padding-right:0px; width:250px; height:450px;}
.campus-text {position:relative; left:260px; display: block; padding:0px 20px 0px 40px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; line-height:24px; font-weight:200;  text-decoration:none; position:absolute; top:-12px; width:694px; height:470px;/*background:#3a4046; height:100%; background:rgba(0,191,213,.50);*/}
.campus-head a{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:200; cursor:pointer;}
.campus-head a:hover{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#3a4046; font-size:14pt; font-weight:200;}
.campus-head-area {position:relative; width:250px; top:0px; left:0px; display: inline-block; float:left; padding:5px;}
.campus-hidden {display:none;}
.campus-active { text-decoration:underline;}
.col2{position:absolute; right:50px;}
.col3{position:absolute; left:260px;}
.sust {padding-top: 30px;}
.parking {padding-top: 56px;}
.opensp {padding-top: 83px;}
.amen {padding-top: 83px;}
.eacc {padding-top: 136px;}
.trans {padding-top: 164px;}
.column {padding-top: 190px;}
.constr {padding-top: 219px;}
.ceil {padding-top: 244px;}
.elec {padding-top: 270px;}
.hvac {padding-top: 297px;}
.fiber {padding-top: 325px;}
.wsd {padding-top: 133px;}
.occd {padding-top: 379px;}
.team {padding-top: 90px;}
.indented{padding-left:30px;}

/* -- test fits */

#test-fits {position:absolute; top:20px; background:#00bfd5; padding:40px; left:50%; margin:30px 0px 0px -500px; width:1000px; display:none; z-index:9999; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.test-fit-width {width:920px;} 
#contact {top: 60px;}
.close2 {position:absolute; top: 5px; right:5px; color:#ffffff; font-size:14pt; cursor:pointer; padding:5px;}

/* downloads box */
#downloads-box {display:none; position:absolute; top:170px; left:50%; margin:30px 0px 0px -200px; background:#efefef; padding:20px 0px 15px 5px; width:400px; height:165px; z-index:9999; border-radius: 7px;}
.downloads-title {color:#3a4046; font-size:16pt; padding:0 30px 28px 10px;}
.downloads-head {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#3a4046; font-size:12pt; font-weight:500; padding:0 0 10px 5px;}
.downloads-list {overflow:scroll; margin:0; padding:10px 15px;}
.downloads-item {height:30px; padding: 5px 0;}
#downloads-box ul{list-style:none;}
#downloads-box ul li a{list-style:none; cursor:pointer}
#downloads-box ul li a:hover{color:#3a4046;}

/* press box */
#press-box {display:none; position:absolute; top:40px; left:50%; margin:30px 0px 0px -350px; background:#00bfd5; padding:30px 0 15px 0; width:700px;  z-index:9999; border-radius: 7px; -webkit-overflow-scrolling:touch; height:70%;}
#pressbox-navi{display:none;}
.press-list {height:100%; overflow:scroll; margin:0; padding: 15px;overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.press-item {height:70px; border-bottom:1px dotted #ffffff; padding: 7px 0; width:650px;}
.press-head {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:500; line-height:30px; }
.pub-date {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:300; padding-right:10px;}
#press-box ul{list-style:none;}
#press-box ul li a{list-style:none; cursor:pointer}
#press-box ul li a:hover{color:#3a4046;}

/* wolfe-mark */
	.wolfe-mark { width: 785px; margin: 0 0 10px 60px;}
	.wolfe-mark img {width: 100%; }

/* -- media queries for font sizes when you go full screen */
@media screen and (min-width: 1400px) {
/* wolfe mark */
	.wolfe-mark {width: 1070px; margin: 0 0 10px 115px;}

/* -- page 1 */
.page1 {position: absolute; top: 60px; left:50%; margin:0px 0px 0px -650px; width:1300px; text-align:center;}

.head-text {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:75pt; font-weight:500; padding-bottom:10px; border-bottom:1px solid #ffffff;letter-spacing:.14em;}

.address {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:36pt; font-weight:300; letter-spacing:.20em; padding-top:20px;  padding-left:5px; line-height:80px;}

.leed {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:24pt; font-weight:400; padding:30px 200px; margin:10px; letter-spacing:2px;}

/* -- page 2 */
.page2 {position: absolute; top: 20px; left:50%; margin:0px 0px 0px -620px; width:1240px; text-align:center;}
.head-title {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:40pt; font-weight:normal; padding:0px; }
.head-text2 {position:relative; top: -25px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:18pt; font-weight:200; padding:10px 24px;  line-height:40px;}

/* -- page 11  aka page 8*/
.page8 {position: absolute; top: 60px; left:50%; margin:0px 0px 0px -650px; width:1300px; text-align:center;}
.head-title2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:26pt; font-weight:normal; padding-bottom:20px;}
.head-menu2 {position: relative; top: -15px; right:12px; text-align:right; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:bold; display:inline-block;}
.head-menu2 a{color:#ffffff; text-decoration:none;}
.head-menu2 a:hover{color:#3a4046; text-decoration:none;} 
#test-fits {position:absolute; top:40px; background:#00bfd5; padding:40px; left:50%; margin:30px 0px 0px -600px; width:1200px; display:none; z-index:9999;}
.test-fit-width {width:1120px;} 
#contact {top: 80px;}
}

 /* -- media queries laptops */
@media screen 
and (min-width : 1024px) 
and (max-width : 1400px) 
 {
/* -- page1 */
.page1 {position: absolute; top: 50px; left:50%; margin:0px 0px 0px -550px; width:1100px; text-align:center;}
	 	.wolfe-mark { width: 775px; margin: 0 0 10px 160px;}

/* -- page2 */
.page2 {position: absolute; top: 20px; left:50%; margin:0px 0px 0px -500px; width:1000px; text-align:center;}
.head-title {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:30pt; font-weight:normal; padding-bottom:20px;}
.head-text2 {position:relative; top:-15px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:200; padding-top:10px;  line-height:30px;}

/* -- page11 */
.page8 {position: absolute; top: 70px; left:50%; margin:0px 0px 0px -500px; width:1000px; text-align:center;}
.head-menu2 {position: relative; top: -15px; right:12px; text-align:right; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:bold; display:inline-block;}
.head-title2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:20pt; font-weight:normal; padding-bottom:20px;}
.page5 {position:absolute; top:80px;}

.head-text2 {padding:0px;}
 }

/* -- media queries ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

/* -- page1 */
.wolfe-mark {width: 770px; margin: 0 0 10px 60px;}

.page1 {position: absolute; top: 60px; left:50%; margin:0px 0px 0px -450px; width:900px; text-align:center;}
.head-text {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:48pt; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #ffffff;letter-spacing:.20em;}

.address {font-family: "'Gill Sans'", "Gill Sans MT", sans-serif; color:#ffffff; font-size:18pt; font-weight:300; letter-spacing:.47em; padding-top:20px; line-height:80px;}

.leed {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:14pt; font-weight:400; padding:0px; margin-top:-20px; letter-spacing:2px;}
.slides-pagination, .more, .efficiency, .head-text-hide, .hide-tablet, .page3b, .slide-text4 {display:none;}

/* -- page2 & page 11 */
.page2 {position: absolute; top: 30px; left:50%; margin:0px 0px 0px -475px; width:950px; text-align:center;}
.head-title {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:26pt; font-weight:normal; padding-bottom:10px;}
.head-text2 {position:relative; top:-20px; width:800px; left:50%; margin:-10px 0px 0px -400px; font-size:12pt; font-weight:normal; line-height:24px; }
.page6-3 {height:170px;}
/* -- page11 */
.page8 {position: absolute; top: 50px; left:50%; margin:0px 0px 0px -450px; width:900px; text-align:center;}
.head-title2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:18pt; font-weight:normal; padding-bottom:20px;}
.head-menu2 {position: relative; top: -15px; right:12px; text-align:right; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:bold; display:inline-block;}

.page9 {height: 145px; width:155px;}
.legend {left:155px;}



.page3 {position: absolute; left:0px; bottom:60px; background:#00bfd5; padding: 15px 0px 11px 5px; width:675px;}

.page5 {top:70px;width:900px;}

#test-fits {position:absolute; top:30px; background:#00bfd5; padding:40px; left:50%; margin:20px 0px 0px -440px; width:880px; display:none; z-index:9999;}
.test-fit-width {width:800px;}
#contact {top: 60px;}
#campus-specs {top:40px; padding:15px 15px 0px 15px; width:940px; height:495px;}
/*#campus-specs {position:absolute; top:40px; left:50%; margin:30px 0px 0px -475px; background:#00bfd5; padding:20px 20px 0px 20px;  display:none; z-index:9999;}*/
.campus-head {position:relative; left:-35px; top:-20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:16pt; font-weight:600; padding-bottom:10px; list-style:none; margin-right:10px; border-right:1px solid #ffffff; padding-right:0px; width:250px; height:450px;}

.campus-text {position:absolute; top:-12px; width:694px; height:470px; font-weight:300;}

.slide-text2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; line-height:24px; margin:0px; padding: 0px 20px 15px 20px; overflow:hidden;}
.slide-text2b {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; line-height:24px; margin:0px; padding: 0px 20px 10px 20px; overflow:hidden; width:700px;}
.slide-headline {height:65px;}
.slide-headline3 {height:160px;}
/*   text background opacity and reset text area sizes */
.page3, .page4, .page4e, .page4b, .page3c, .page5, .page4d, .page6, .page6-3, .page9  {background:rgba(8,190,213,.92);}
.page3c {width:250px; padding-right:0px;}
.page4 {width:435px;}
.page4b {width:450px; bottom:60px;}
.page4d {width:445px; bottom:60px; height:170px;}
.page4e {width:450px;}
.page6 {width:450px; height:225px; overflow:hidden; border-bottom:10px solid rgba(8,190,213,.92); }
.menu-item-size {margin: 8px 12px 0px 12px;}
#menu-button {position:fixed; top: 1px; right:0px; padding: 10px 5px;}
#menu-button2 {position:relative; top: -6px; right:1px; padding:0px 5px;}

/* landscape message */ 
#landscape-message {position: fixed; top: 0px; left:0px; width:100%; height:100%; z-index:999999; padding:80px 40px; background-color:rgba(8,190,213,.92); display:none;}

/* press tablet */
/* press box */
/* .press {display:none;} */
#press-box {display:none; position:fixed; top:40px; left:50%; margin:30px 0px 0px -350px; background:#00bfd5; padding:30px 10px 15px 10px; width:700px;  z-index:9999; border-radius: 7px; height:500px; overflow:scroll;}
.press-list {height:100%; overflow:scroll; margin:0; padding: 15px;}
.press-item {height:70px; border-bottom:1px dotted #ffffff; padding: 7px 0; width:620px;}
.press-head {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:500; line-height:30px; }
.pub-date {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:300; padding-right:10px;}
#press-box ul{list-style:none; overflow:scroll;}
#press-box ul li a:hover{color:#3a4046;}

/* press box with navigation use for mobile */
#pressbox-navi {display:block; position:absolute;top: 60px; right:7px; width: 40px; height:50px; background:#82d1e1;}
.tablet-page1 {display:block;}
.tablet-page2 {display:none;}
.navi-item1 {width: 40px; height: 50px; display:block; color:#ffffff; padding: 0; cursor:pointer; background:#77bfd5; font-weight:200; text-align:center;}
.navi-item2 {width: 40px; height: 50px; display:block; color:#ffffff; padding: 0; cursor:pointer; background:#77bfd5; font-weight:200; text-align:center; margin-top:300px;}

.navi-item1:hover, .navi-item2:hover{background:#4794ba;}
.navi-active {background:#4794ba;}
.navi-active:hover {background:#4794ba;}

 } 

@media screen and (max-width: 767px) {
			 	.wolfe-mark {width: 780px; margin: 0 0 10px 60px;}

}
 
 /* -- media queries ipad portrait */
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {
/* new rotate message */
#landscape-message {display:block;}

#rotate-message {width: 500px; height:456px; position:fixed; left:50%; top:50%; margin: -228px 0 0 -250px;}
.rotate-image {width:500px;}
.rotate-text {position:relative; top: 20px; width:500px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#ffffff; font-size:12pt; font-weight:400; font-size:32pt; color:#ffffff; text-align:center; line-height:50px;}
#contact, #campus-specs, #test-fits {visibility:hidden;}
.slides-pagination, .more, .efficiency, .slide-text4, .head-text-hide, .hide-tablet, .page1, .page2, .page3, .page3b, .page3c, .page4, .page5, .page4b, .page4d, .page4e, .page6, .page8, #press-box, .press {visibility:hidden;}
.press {display:none;}
 
 }

 
 @media only screen 
and (max-device-width : 400px) 
and (orientation : portrait)  {
#portrait-message-phone {display:block;}
#contact, #campus-specs, #test-fits {visibility:hidden;}
.slides-pagination, .more, .efficiency, .slide-text4, .head-text-hide, .hide-tablet, .page1, .page2, .page3, .page3b, .page3c, .page4, .page5, .page4b, .page4d, .page4e, .page6, .page8, #press-box {visibility:hidden;}
.mobi-contact-name {display:block; width:100%;}
}

 @media only screen 
and (max-device-width : 750px) 
and (orientation : landscape)  {
#portrait-message-phone {display:block;}
#contact, #campus-specs, #test-fits {visibility:hidden;}
.slides-pagination, .more, .efficiency, .slide-text4, .head-text-hide, .hide-tablet, .page1, .page2, .page3, .page3b, .page3c, .page4, .page5, .page4b, .page4d, .page4e, .page6, .page8, #press-box {visibility:hidden;}
}

/*  hidden for now  */

.campus-specs-link2 {display:none;}
.more, .page3b {display:none;}