a { text-decoration: none; }
a:hover { text-decoration: underline; }


body { width: 100%; min-width: 1200px;  padding: 0px; border: 0px; background: #fff; margin: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, "Brandon Grotesque", "Myriad Pro", sans-serif; }


.clearing { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 0px; }
.clearingIE { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 1px;font-size: 1px; height: 0px; }
.clearing-top {	height: 0; font-size: 1px; margin: 0; clear: left; line-height: 1px; }
.clearfix:after {
    content: " ";
    display: block;
	font-size: 1px;
	line-height: 1px;
    height: 0;
    clear: both;
    visibility: hidden;
	overflow: hidden;
}


.left { float: left; }
.centered, .center { float: none; display: block; clear: both; margin: 0 auto; text-align: center;}
.right { float: right; }

.table { display: table; }
.table-cell { display: table-cell; vertical-align: middle; height: auto; }



* { -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-family: "Raleway", "Gotham", "Helvetica Neue", Helvetica, "Brandon Grotesque", "Myriad Pro", sans-serif; color: #555; }

.inner { width: 1200px; margin: 0 auto; position: relative; z-index: 10; }

.wrapper { width: 100%; position: relative; }
.home-hero-wrapper { z-index: 1; position: relative; overflow: hidden; min-height: 700px; }
.home-hero-wrapper .inner { height: 100%; }

.header { position: fixed; top: 0; left: 0; width: 100%; color: #fff; z-index: 10000; }
.header .inner { width: 100%; }

.logo { width: 100px; height: 100px; background: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -28px -28px; display: block; }

.logo.small { width: 75px; height: 75px; background-position: -698px -102px; }
.header .logo { margin: 25px 0 0 25px; }
.footer .logo { margin: 10px auto 20px; opacity: 0.6; }


.button { color: #fff; font-size: 14px; padding: 0.85em 2.4em; margin: 0 5px; text-transform: uppercase; border: solid 1px transparent; border-radius: 0.3em; border: solid 1px white; display: inline-block; }
.button:hover { text-decoration: none; background: #fff; color: #3095df; }

.header .inner { position: absolute; left: 0; width: 100%; }


.header .nav { margin-top: 52px; margin-right: 35px; }
.header .nav a { color: #fff; font-size: 14px; padding: 1em 2em; margin: 0 5px; text-transform: uppercase; border: solid 1px transparent; border-radius: 0.3em; }
.header .nav a.button { border: solid 1px white; }
.header .nav a:hover { border: solid 1px white; background: #fff; color: #1b82cd; text-decoration: none; }
.home-hero { overflow: hidden; width: 100%; position: absolute; top: 0; left: 0; height: 100%; }
.hero-image { width: 100%; position: absolute; top: 0; left: 0; height: 100%; }


.header.small .inner { background: #fff; background: rgba(255,255,255,0.95); box-shadow: 0 0 15px 0 rgba(0,0,0,0.15); }
.header.small .logo { background-position: -29px -154px; width: 50px; height: 50px; margin: 15px; }
.header.small .nav { margin-top: 18px; }
.header.small .nav a { color: #333; }
.header.small .nav a:hover { background: #333; color: #fff; }
.header.small .nav a.button { border-color: #333; }




.header, .header .inner, .header .logo, .header .nav, .header .nav a, .header .nav a.button {   
-webkit-transition: margin 0.3s linear, color 0.3s linear, background-size 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: margin 0.3s linear, color 0.3s linear, background-size 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-ms-transition: margin 0.3s linear, color 0.3s linear, background-size 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: margin 0.3s linear, color 0.3s linear, background-size 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
 }







.godzilla-logo { width: 390px; height: 390px; display: block; margin: 0 auto; background: url('../images/sprite.png') -28px -381px no-repeat; }
.home-hero-wrapper h2 { font-size: 31px; font-weight: 300; text-align: center; margin: 30px auto 20px; color: #fff; }
.welcome-placard { font-weight: 700; font-size: 31px; text-align: center; }
.welcome-placard p { font-weight: 700; font-size: 31px; text-align: center; margin: 0 auto; display: inline-block; color: #247cc6; background: #fff; background: rgba(255,255,255,0.7); padding: 2px 15px 6px; }


.x { width: 100%; height: 24px; position: absolute; text-align: center; z-index: 10; left: 0; }
.x-inner { width: 50px; height: 100%; margin: 0 auto; position: relative; }
.x-left, .x-right { width: 50%; height: 2px; background: #fff; overflow: hidden; display: block; float: left; position:relative; margin-top: 11px; }

.x.blue .x-left, .x.blue .x-right { background: #1b82cd; }
.x.salmon .x-left, .x.salmon .x-right { background: #f96a53; }
.x.charcoal .x-left, .charcoal .x-right { background: #252525; }



.x-left { left: 1px; }
.x-right { right: 1px; }

.x.bottom { bottom: 0;  }
.x.top { top: 0; }

.x.bottom .x-left { float: left;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
writing-mode: lr-tb;
 }
.x.bottom .x-right { float: right; 
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
writing-mode: lr-tb; }

.x.top .x-left { float: left;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
writing-mode: lr-tb;
 }
.x.top .x-right { float: right; 
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
writing-mode: lr-tb; }



h1 { font-size: 50px; font-weight: 300; color: #3095df; text-transform: uppercase; margin: 0.3em auto; text-align: center; letter-spacing: 2px; }
h2 { font-size: 24px; font-weight: 400; color: #3095df; margin: 0 auto 1em auto; text-align: center; }
h3 { font-family: Montserrat, Raleway, Gotham, "Helvetica Neue", Helvetica, sans-serif; font-size: 19px; color: #3095df; margin: 1em auto; text-align: center; text-transform: uppercase; font-weight: 700; }


.space-is-simple { min-height: 750px; }
.space-is-simple .inner { padding: 10px 0 30px; height: 100%; }

.three-col {  margin-top: 55px; padding: 0 35px;}
.three-col .column { width: 30%; float: left; margin-right: 5%; }
.three-col .column.column-3 { margin-right: 0; }
.space-is-simple .column .glyph { width: 160px; height: 175px; margin: 0 auto; background-image: url('/lib/images/sprite.png'); background-repeat: none; background-position: -151px -28px; }

.space-is-simple .column.column-2 .glyph { background-position: -332px -28px; }
.space-is-simple .column.column-3 .glyph { background-position: -514px -28px; }

.space-is-simple .column p { font-size: 17px; color: #3095df; line-height: 1.6em; text-align: center; font-weight: 500; }


.space-is-smart { background: #f96a53; min-height: 800px; }
.space-is-smart .inner { padding: 10px 0 30px; height: 100%; }
.four-col {  margin-top: 65px; padding: 0 35px; margin-bottom: 65px; }
.four-col .column { width: 21.2%; float: left; margin-right: 5%; }
.four-col .column.column-4 { margin-right: 0; }
.four-col .column p { font-size: 15px; line-height: 1.6em; text-align: center; font-weight: 400; }

.space-is-smart h1, .space-is-smart h2, .space-is-smart h3, .space-is-smart p, .space-is-smart * { color: #fff; }
.space-is-smart .column .glyph { width: 100px; height: 50px; margin: 0 auto; background-image: url('/lib/images/sprite.png'); background-repeat: none; background-position: -694px -26px; }

.space-is-smart .column.column-2 .glyph { background-position: -809px -22px; width: 60px; }
.space-is-smart .column.column-3 .glyph { background-position: -887px -13px; width: 145px; }
.space-is-smart .column.column-4 .glyph { background-position: -1027px -26px; width: 60px; }

.space-is-smart .button { font-size: 20px; }
.space-is-smart .button:hover { color: #f96a53; }


.get-your-space .three-col { padding: 0 15px; }
.get-your-space { background: #252525; min-height: 820px; text-align: center; }
.get-your-space .inner { padding: 10px 0 30px; height: 100%; }
.get-your-space .centering-wrapper { width: 785px; margin: 0 auto;  }

.get-your-space h1, .get-your-space h2, .get-your-space h3, .get-your-space p, .get-your-space * { color: #fff; }

.get-your-space .column { width: 230px; border: solid 1px #5c5c5c; border-radius: 5px; margin: 0; }
.get-your-space .column-2 { margin: 0 32px; }

.get-your-space .column p { font-size: 14px; line-height: 1.6em; text-align: center; font-weight: 500; }
.get-your-space .column.column-3 { margin-right: 0; }

.get-your-space h3 { font-size: 28px; margin: 23px 0; }

.get-your-space .price { width: 100px; border: solid 1px #fff; line-height: 54px; height: 54px; text-align: center; margin: 0 auto; border-radius: 5px; font-size: 24px; font-weight: 800; font-family: montserrat, gotham, raleway, "Helvetica Neue", Helvetica, sans-serif; margin-bottom: 20px; }

.get-your-space .price span { font-family: inherit; font-size: 14px; position: relative; top: -7px; }

.get-your-space p { margin: 5px; }
.get-your-space p strong { font-weight: 700; }
.get-your-space p.dim { color: #696767; }

.get-your-space .column a { font-size: 26px; margin: 10px auto 23px; padding: 10px 0; display: block; text-transform: uppercase; width: 150px; border: solid 1px transparent; border-radius: 5px; }
.get-your-space .column a:hover, .get-your-space .column a.selected { border-color: #fff; text-decoration: none; }

.get-your-space .call-us { margin: 35px auto 0; color: #888; font-size: 38px; font-weight: 300; }




.contact-us { min-height: 650px; }
.contact-us .inner { padding: 10px 0 30px; height: 100%; }
.contact-us h1, .contact-us h2, .contact-us h3, .contact-us p, .contact-us * { color: #252525; }

.contact-us .button { font-size: 20px; border: solid 1px #bbb; color: #777; font-weight: 400; }
.contact-us .button:hover { color: #fff; background: #777; border-color: #777; }

input[type=text], textarea, select { font-size: 17px; border: solid 1px #bbb; border-radius: 5px; margin-bottom: 25px; margin-right: 25px; height: 48px; width: 420px; padding: 8px 15px; outline: none; }
input[type=text]:focus, textarea:focus { border: solid 1px #999; }

textarea { height: 194px; margin-right: 0; padding: 13px 15px; }


.contact-form-wrapper { width: 865px; margin: 40px auto; }
.contact-form-wrapper .right { height: 100%; }




.footer { color: #777; background: #252525;}
.footer p { color: #777; }
.footer .inner { padding: 120px 0; }
.footer-short { color: #fff; background: #1c1c1c; }
.footer-short p { margin: 0 auto; padding: 20px; color: #999; }




.signup-form { margin-bottom: 90px; }

.signup-form label.form-label { width: 120px; display: inline-block; text-align: right; margin-right: 10px; margin-left: -110px;  color: #999;}

.get-your-space input, .get-your-space select { color: #555; /*-webkit-appearance: none;*/ border-color: #222; }

.get-your-space .button { margin-top: 10px; font-size: 20px; }
.get-your-space .button:hover { color: #222; }


#credit-card-number { position: relative; }

.credit-card-glyph { width: 45px; height: 30px; background-image: url(/lib/images/sprite.png); background-repeat: no-repeat; background-position: -799px -152px; position: absolute; top: 8px; right: 191px; display: none; }

.credit-card-glyph.discover { background-position: -800px -152px; }
.credit-card-glyph.visa { background-position: -973px -152px; display: block; }
.credit-card-glyph.mastercard { background-position: -858px -152px; }
.credit-card-glyph.amex { background-position: -916px -152px; }

.error input, .error select { border: solid 1px #f63 !important; background-color: #fff6f3; color: #f63; }
label.error-message { display: none; clear: both; width: 420px; text-align: left; color: #f63; position: relative; }
.error-message-container { display: block; margin-top: -15px; margin-bottom: 15px; }

.signup-form .three-col { margin-top: 0; }

.sign-up h3#complete-message { margin-bottom: 100px; font-size: 21px; padding: 0 100px; line-height: 1.3em; font-weight: 600; font-family: raleway; text-transform: none; }
.sign-up .footer .x.top { display: none; }
.sign-up h3 { font-family: raleway; font-weight: 300; margin-bottom: 10px; font-size: 30px }

.sign-up .get-your-space .inner { height: auto; }
.sign-up .wrapper { min-height: 0; }

.sign-up { background: #1c1c1c; }

.contact-success-message { color: #fff; background: rgba(249, 106, 83, 1); padding: 24px 35px; font-size: 25px; font-weight: 300; text-align: center; margin: 0px auto 50px; width: 560px; border-radius: 5px; }


.old-browser { width: 100%; height: 100%; position: fixed; z-index: 1000000000; background: #222; padding: 250px 0; text-align: center;  }

.old-browser p { width: 350px; margin: 0 auto 40px; text-align: center; line-height: 1.9em; color: #fff; }

.old-browser .logo { width: 100px; margin: 30px auto; }

.old-browser a { display: block; color: #fff; line-height: 1.5em; font-weight: 600; font-size: 30px; }