/**********************************
*>Reset
**********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
  font-family: inherit;
  font-weight: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

html, body {
  line-height: 1;
  min-width: 320px;
  height: 100%;
  width: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**********************************
*>Global
**********************************/
body {
  margin: 0 auto;
  font: 15px "Open Sans", sans-serif;
  background: #fff; }

a {
  color: #dd1d1d; }

/*> IDs*/
#container {
  position: relative;
  min-height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding-bottom: 725px; }
  @media screen and (max-width: 750px) {
    #container {
      padding-bottom: 193px; } }

/*> Classes*/
.clearfloat {
  clear: both; }

.wrapper, #header .contact_info, #index #about_facility {
  width: auto;
  max-width: 1145px;
  margin: 0 auto;
  box-sizing: border-box; }

.btn, #size_tools #sc-bottom #sc-button, #size_tools .wf-left a, #rates #rates_chart .unit_row .rate_button .rate_btn:hover {
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
  transform: translateZ(0);
  background: #dd1d1d; }
  .btn:before, #size_tools #sc-bottom #sc-button:before, #size_tools .wf-left a:before, #rates #rates_chart .unit_row .rate_button .rate_btn:hover:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transition: transform 0.3s;
    transform-origin: 0;
    background: #e84f4f; }
  .btn:after, #size_tools #sc-bottom #sc-button:after, #size_tools .wf-left a:after, #rates #rates_chart .unit_row .rate_button .rate_btn:hover:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url(../images/arrow.png) no-repeat;
    transform: rotate(-90deg);
    margin-left: 5px; }
  .btn:hover:before, #size_tools #sc-bottom #sc-button:hover:before, #size_tools .wf-left a:hover:before, #rates #rates_chart .unit_row .rate_button .rate_btn:hover:before {
    transform: scaleX(1); }

/**********************************
*>Header
**********************************/
#skip_nav {
  position: absolute;
  left: -9999px; }

#header {
  position: relative;
  z-index: 500; }
  #header .wrapper, #header .contact_info, #header #index #about_facility, #index #header #about_facility {
    max-width: 1400px; }
  #header .contact_info {
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    padding: 10px; }
    #header .contact_info a {
      color: #000;
      text-decoration: none; }
    #header .contact_info span {
      display: inline-block;
      margin-left: 1.5%; }
  #header #navigation {
    background: #fed001; }
    #header #navigation .wrapper, #header #navigation .contact_info, #header #navigation #index #about_facility, #index #header #navigation #about_facility {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
    #header #navigation .logo {
      text-align: center;
      color: #000;
      font-size: 10px;
      font-family: "Oswald", sans-serif;
      text-decoration: none;
      padding: 15px 0;
      letter-spacing: 2px; }
      #header #navigation .logo img {
        display: block;
        width: auto;
        max-width: 100%;
        margin: auto; }
    #header #navigation .uhaul {
      width: 10%;
      min-width: 60px;
      margin: 30px 3%; }
      #header #navigation .uhaul img {
        width: 100%; }
    #header #navigation .pay_btn {
      position: relative;
      display: block;
      font-size: 16px;
      font-weight: 700;
      font-family: "Oswald", sans-serif;
      color: #fff;
      text-decoration: none;
      background: #e84f4f;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      padding: 15px 3%;
      letter-spacing: 4px;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
      #header #navigation .pay_btn:after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #dd1d1d;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform-origin: left;
        transform-origin: left; }
      #header #navigation .pay_btn:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
  #header #mobile_nav, #header #mobile_menu {
    display: none; }
  #header #desktop_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 2% 15px 2%; }
    #header #desktop_nav > li {
      position: relative;
      border-left: 1px solid #cc9900;
      box-sizing: border-box; }
      #header #desktop_nav > li:last-child {
        border-right: 1px solid #cc9900; }
      #header #desktop_nav > li:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #dd1d1d;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform-origin: top;
        transform-origin: top; }
      #header #desktop_nav > li > a {
        position: relative;
        z-index: 1;
        display: block;
        padding: 55px 15px 35px 15px;
        color: #000;
        font-size: 16px;
        font-family: "Oswald", sans-serif;
        letter-spacing: 3px;
        text-decoration: none;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
        overflow: hidden; }
        #header #desktop_nav > li > a.drop_tab {
          position: relative; }
          #header #desktop_nav > li > a.drop_tab:after {
            content: "";
            display: block;
            position: absolute;
            background: url(../images/arrow.png) center;
            width: 18px;
            height: 14px;
            left: 0;
            right: 0;
            bottom: 20px;
            margin: 0 auto; }
        #header #desktop_nav > li > a:hover {
          color: #fff; }
      #header #desktop_nav > li .submenu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 177px;
        box-sizing: border-box;
        overflow: hidden;
        max-height: 0;
        padding-top: 14px;
        -webkit-transition: max-height 0s;
        transition: max-height 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
        #header #desktop_nav > li .submenu li {
          display: block;
          border-top: 1px solid #fed001; }
          #header #desktop_nav > li .submenu li a {
            display: block;
            position: relative;
            color: #fff;
            font-size: 15px;
            font-family: "Oswald", sans-serif;
            letter-spacing: 2px;
            text-decoration: none;
            background: #1c1c1c;
            padding: 13px 15px;
            transition: background 0.3s; }
            #header #desktop_nav > li .submenu li a:hover {
              background: #fed001; }
      #header #desktop_nav > li:hover:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); }
      #header #desktop_nav > li:hover a, #header #desktop_nav > li:hover .drop_tab {
        color: #fff; }
        #header #desktop_nav > li:hover a:before, #header #desktop_nav > li:hover .drop_tab:before {
          transform: scale(1); }
      #header #desktop_nav > li:hover .submenu {
        max-height: 300px;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s; }

@media screen and (max-width: 1100px) {
  #header .contact_info {
    font-size: 12px; }
    #header .contact_info span {
      margin-left: 1%; }
  #header #navigation .uhaul {
    margin: 30px 1.5%; }
  #header #navigation .pay_btn {
    font-size: 14px;
    letter-spacing: 2px; }
  #header #desktop_nav {
    margin: 0 0 15px; }
    #header #desktop_nav li a {
      font-size: 14px; }
    #header #desktop_nav li .submenu li a {
      font-size: 14px; } }
@media screen and (max-width: 950px) {
  #header #navigation .pay_btn {
    display: none; }
  #header #navigation .uhaul {
    margin: 0;
    align-self: center; }
  #header #desktop_nav {
    display: none; }
  #header #mobile_menu {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    align-self: center;
    cursor: pointer; }
    #header #mobile_menu .line {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      margin: auto;
      background: #dd1d1d; }
    #header #mobile_menu:before {
      position: absolute;
      top: 0;
      display: block;
      width: 100%;
      height: 4px;
      content: '';
      -webkit-transition: top .25s ease .3s, -webkit-transform .25s;
      transition: top .25s ease .3s, -webkit-transform .25s;
      transition: top .25s ease .3s, transform .25s;
      transition: top .25s ease .3s, transform .25s, -webkit-transform .25s;
      background: #dd1d1d; }
    #header #mobile_menu:after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 4px;
      content: '';
      -webkit-transition: bottom .25s ease .3s, -webkit-transform .25s;
      transition: bottom .25s ease .3s, -webkit-transform .25s;
      transition: bottom .25s ease .3s, transform .25s;
      transition: bottom .25s ease .3s, transform .25s, -webkit-transform .25s;
      background: #dd1d1d; }
    #header #mobile_menu.active .line {
      display: none; }
    #header #mobile_menu.active:before {
      top: 8px;
      -webkit-transition: top .25s, -webkit-transform .25s ease .3s;
      transition: top .25s, -webkit-transform .25s ease .3s;
      transition: top .25s, transform .25s ease .3s;
      transition: top .25s, transform .25s ease .3s, -webkit-transform .25s ease .3s;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #header #mobile_menu.active:after {
      bottom: 9px;
      -webkit-transition: bottom .25s, -webkit-transform .25s ease .3s;
      transition: bottom .25s, -webkit-transform .25s ease .3s;
      transition: bottom .25s, transform .25s ease .3s;
      transition: bottom .25s, transform .25s ease .3s, -webkit-transform .25s ease .3s;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  #header #mobile_nav {
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: width 0.3s; }
    #header #mobile_nav.active {
      width: 280px; }
    #header #mobile_nav li {
      display: block; }
      #header #mobile_nav li a {
        display: block;
        color: #fff;
        background: #dd1d1d;
        padding: 10px 20px;
        text-decoration: none; } }
@media screen and (max-width: 750px) {
  #header .contact_info {
    display: none; }
  #header #navigation .logo {
    width: 200px; } }
/**********************************
*>Footer
**********************************/
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #dd1d1d; }
  #footer .menu, #footer #ada_privacy_nav {
    padding: 40px 10px;
    text-align: center; }
    #footer .menu ul, #footer #ada_privacy_nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #footer .menu li, #footer #ada_privacy_nav li {
      position: relative; }
      #footer .menu li a, #footer #ada_privacy_nav li a {
        display: block;
        color: #fed001;
        font-size: 16px;
        font-family: "Oswald", sans-serif;
        text-decoration: none;
        letter-spacing: 2px;
        transition: color 0.3s; }
        #footer .menu li a:hover, #footer #ada_privacy_nav li a:hover {
          color: #000; }
  #footer #ada_privacy_nav ul {
    display: flex;
    align-items: center;
    justify-content: center; }
  #footer #ada_privacy_nav li {
    margin: 0 80px; }
  #footer .facility_info {
    padding: 30px 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    #footer .facility_info .info {
      float: left;
      width: 60%;
      color: #000; }
      #footer .facility_info .info .section {
        margin-bottom: 20px;
        font-size: 14px; }
      #footer .facility_info .info strong {
        display: block;
        font-size: 18px;
        font-weight: 700; }
    #footer .facility_info .map_canvas {
      float: right;
      width: 40%;
      height: 260px; }
  #footer .logos {
    margin: 30px 0; }
    #footer .logos .uhaul {
      display: inline-block;
      margin: 20px 0 0 20px; }
  #footer .copyright {
    padding: 10px;
    color: #949494;
    background: #000;
    font-size: 12px; }
    #footer .copyright .wrapper, #footer .copyright #header .contact_info, #header #footer .copyright .contact_info, #footer .copyright #index #about_facility, #index #footer .copyright #about_facility {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #footer .copyright .automatit img {
      display: inline-block;
      margin: 2px 0 0 5px; }
  #footer #footer_mobile {
    display: none; }

@media screen and (max-width: 750px) {
  #footer .menu, #footer .facility_info, #footer #ada_privacy_nav {
    display: none; }
  #footer .logos {
    margin: 20px 0;
    text-align: center; }
    #footer .logos .esquire {
      width: 150px;
      display: inline-block; }
      #footer .logos .esquire img {
        width: 100%; }
    #footer .logos .uhaul {
      margin-top: 5px; }
  #footer .copyright {
    padding-bottom: 55px; }
    #footer .copyright .wrapper, #footer .copyright #header .contact_info, #header #footer .copyright .contact_info, #footer .copyright #index #about_facility, #index #footer .copyright #about_facility {
      display: block;
      text-align: center; }
  #footer #footer_mobile {
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 42px;
    padding: 3px 0 0;
    text-align: center;
    background: #231F20; }
    #footer #footer_mobile img {
      width: 120px; }
    #footer #footer_mobile #footer_divide {
      display: inline-block;
      width: 1px;
      height: 35px;
      margin: 0 10px;
      background: #FFF; } }
/**********************************
*>Index
**********************************/
@keyframes slideDown {
  0% {
    transform: skew(-20deg) translateX(800px); }
  100% {
    transform: skew(-20deg) translateX(0); } }
#index #hero {
  position: relative;
  width: auto;
  height: 660px;
  background: url(/assets/images/hero_home2.jpg) center;
  background-size: cover;
  overflow: hidden; }
  #index #hero:after {
    content: "";
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -120px;
    width: 800px;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-animation: slideDown 1s;
    animation: slideDown 1s; }
  #index #hero .intro {
    position: relative;
    z-index: 5;
    float: right;
    width: 400px;
    font-family: "Oswald", sans-serif;
    margin: 80px 350px 0 0; }
    #index #hero .intro .welcome {
      color: #000;
      font-size: 64px;
      font-weight: 700;
      text-align: center;
      letter-spacing: 8px;
      background: #fed001;
      margin-bottom: 20px; }
    #index #hero .intro .special {
      font-size: 32px;
      font-weight: 700;
      color: #dd1d1d;
      background: #fff;
      padding: 5px 25px;
      margin-right: 60px; }
    #index #hero .intro .with {
      font-size: 21px;
      font-weight: 700;
      background: #fff;
      margin-right: 120px;
      padding: 0 35px 5px 25px; }
    #index #hero .intro .discount {
      font-size: 14px;
      padding: 5px 10px;
      background: rgba(255, 255, 255, 0.7);
      margin: 10px 0; }
    #index #hero .intro .btn, #index #hero .intro #size_tools #sc-bottom #sc-button, #size_tools #sc-bottom #index #hero .intro #sc-button, #index #hero .intro #size_tools .wf-left a, #size_tools .wf-left #index #hero .intro a, #index #hero .intro #rates #rates_chart .unit_row .rate_button .rate_btn:hover, #rates #rates_chart .unit_row .rate_button #index #hero .intro .rate_btn:hover {
      font-size: 18px;
      margin-top: 30px;
      padding: 15px 60px; }
#index #storage_tools {
  position: relative;
  z-index: 5;
  height: 250px;
  background: #f2f2f2; }
  #index #storage_tools .wrapper, #index #storage_tools #header .contact_info, #header #index #storage_tools .contact_info, #index #storage_tools #about_facility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #index #storage_tools .button {
    display: inline-block;
    width: 30%;
    background: #fed001;
    color: #000;
    padding: 35px 0;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-transition: margin 0.4s;
    transition: margin 0.4s;
    transform: translateY(-29px); }
    #index #storage_tools .button .icon {
      position: relative;
      display: block;
      margin: 20px auto;
      width: auto;
      height: 115px; }
      #index #storage_tools .button .icon img {
        display: block;
        position: absolute;
        width: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 90%; }
    #index #storage_tools .button .type {
      display: block;
      font-size: 36px;
      font-weight: 700;
      font-family: "Oswald", sans-serif; }
    #index #storage_tools .button .view {
      display: block;
      color: #fff;
      font-size: 22px;
      font-family: "Oswald", sans-serif;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 0.4s;
      transition: max-height 0.4s; }
      #index #storage_tools .button .view:after {
        content: "";
        display: inline-block;
        width: 18px;
        height: 14px;
        background: url(../images/arrow.png) no-repeat;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-left: 10px; }
    #index #storage_tools .button:hover {
      margin-top: -40px; }
      #index #storage_tools .button:hover .view {
        max-height: 40px; }
#index #about_facility {
  margin: 80px auto; }
  #index #about_facility .about {
    float: left;
    width: calc(100% - 425px);
    box-sizing: border-box;
    padding: 0 8% 0 20px; }
    #index #about_facility .about p {
      font-size: 16px;
      margin-bottom: 20px; }
  #index #about_facility h1 {
    font-size: 42px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    margin-bottom: 20px;
    letter-spacing: 5px; }
    #index #about_facility h1:after {
      display: block;
      content: "";
      width: 110px;
      height: 3px;
      background: #dd1d1d;
      margin: 10px 0; }
#index #gallery {
  position: relative;
  float: right;
  width: 405px;
  margin: 0 0 0 20px;
  box-sizing: border-box;
  overflow: hidden; }
  #index #gallery .slider {
    position: relative;
    font-size: 0;
    width: 9999px;
    height: 610px;
    overflow: hidden;
    margin-bottom: 20px; }
  #index #gallery .slide {
    display: inline-block;
    overflow: hidden; }
  #index #gallery .dots {
    text-align: center; }
    #index #gallery .dots li {
      display: inline-block;
      width: 13px;
      height: 13px;
      background: #cccccc;
      border-radius: 50%;
      margin: 0 3px;
      cursor: pointer; }
      #index #gallery .dots li.active {
        background: #dd1d1d; }
  #index #gallery .control {
    position: absolute;
    bottom: 0;
    cursor: pointer; }
    #index #gallery .control.left {
      left: 20%; }
    #index #gallery .control.right {
      right: 20%; }
#index #map_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #index #map_info .map_canvas {
    width: 50%; }
  #index #map_info .facility_info {
    width: 50%;
    background: #fed001;
    box-sizing: border-box;
    padding: 30px; }
    #index #map_info .facility_info .wrap {
      max-width: 555px; }
    #index #map_info .facility_info .divider {
      width: 100%;
      height: 1px;
      margin: 20px auto;
      background: #cc9900; }
    #index #map_info .facility_info .info {
      display: inline-block;
      width: 49%; }
      #index #map_info .facility_info .info .type {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        display: inline-block;
        background: #dd1d1d;
        padding: 15px 5px 0 5px;
        margin-bottom: 5px; }
      #index #map_info .facility_info .info span {
        display: block;
        font-size: 14px;
        font-weight: 600; }
        #index #map_info .facility_info .info span a {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
          color: #000;
          text-decoration: none; }
    #index #map_info .facility_info .location {
      margin-top: 10px;
      color: #fff;
      padding: 20px;
      font-size: 18px;
      background: #dd1d1d; }
      #index #map_info .facility_info .location .we {
        display: inline-block;
        vertical-align: baseline;
        font-size: 41px;
        font-weight: 700;
        font-family: "Oswald", sans-serif; }
      #index #map_info .facility_info .location strong {
        font-weight: 700; }
      #index #map_info .facility_info .location a {
        display: inline-block;
        color: #fed001;
        font-weight: 700; }
#index #video_container {
  display: none;
  padding: 30px 10px;
  background: url(../images/bg_video.jpg) center; }
  #index #video_container .slogan {
    float: left;
    width: 50%;
    text-align: right; }
    #index #video_container .slogan span {
      display: inline-block;
      color: #fff;
      font-size: 79px;
      font-weight: 700;
      font-family: "Oswald", sans-serif;
      padding: 0 4%;
      background: #dd1d1d;
      margin-bottom: 10px;
      letter-spacing: 7px; }
  #index #video_container .video {
    float: right;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box; }
    #index #video_container .video .placeholder {
      display: block;
      width: 100%;
      max-width: 700px; }

@media screen and (max-width: 900px) {
  #index #hero .intro {
    float: none;
    margin: 80px auto; }
  #index #hero:after {
    width: 650px; }
  #index #about_facility .about {
    width: calc(100% - 405px); }
  #index #gallery {
    margin: 0; }
  #index #map_info .map_canvas {
    width: 40%; }
  #index #map_info .facility_info {
    width: 60%; } }
@media screen and (max-width: 750px) {
  #index #hero {
    height: auto; }
    #index #hero:after {
      animation: none;
      width: 500px; }
    #index #hero .intro {
      margin: 50px auto;
      width: auto;
      text-align: center;
      max-width: 400px; }
      #index #hero .intro .welcome {
        font-size: 50px; }
      #index #hero .intro .with {
        margin-right: 0; }
  #index #storage_tools {
    height: auto; }
    #index #storage_tools .wrapper, #index #storage_tools #header .contact_info, #header #index #storage_tools .contact_info, #index #storage_tools #about_facility {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 10px 5%; }
      #index #storage_tools .wrapper .button, #index #storage_tools #header .contact_info .button, #header #index #storage_tools .contact_info .button, #index #storage_tools #about_facility .button {
        width: 100%;
        -ms-flex-item-align: normal;
        -ms-grid-row-align: normal;
        align-self: normal;
        margin: 10px 0;
        transform: none; }
        #index #storage_tools .wrapper .button:hover, #index #storage_tools #header .contact_info .button:hover, #header #index #storage_tools .contact_info .button:hover, #index #storage_tools #about_facility .button:hover {
          margin: 10px 0; }
  #index #about_facility {
    margin: 0; }
    #index #about_facility .about {
      float: none;
      width: auto;
      padding: 20px; }
  #index #gallery {
    display: none;
    float: none;
    width: auto; }
  #index #map_info .map_canvas {
    display: none; }
  #index #map_info .facility_info {
    width: 100%;
    padding: 20px; }
    #index #map_info .facility_info .info {
      display: block;
      width: auto;
      margin: 15px 0; }
    #index #map_info .facility_info .divider {
      display: none; }
  #index #video_container {
    padding: 20px; }
    #index #video_container .slogan {
      display: none; }
    #index #video_container .video {
      float: none;
      width: auto;
      padding-left: 0; } }
/**********************************
*>Internal
**********************************/
.internal .inner_wrapper {
  width: auto;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box; }
.internal .page_title {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  letter-spacing: 7px; }
  .internal .page_title:after {
    display: block;
    content: "";
    width: 110px;
    height: 3px;
    background: #dd1d1d;
    margin: 10px 0; }
.internal #content {
  margin: 25px auto; }

#size_tools {
  margin: 40px auto; }
  #size_tools .inner_wrapper {
    padding: 0; }
  #size_tools #sc-bottom #sc-button, #size_tools .wf-left a {
    display: block;
    font-size: 18px;
    height: auto;
    border-radius: 0;
    margin: 10px auto;
    box-shadow: none;
    width: 250px; }

#tips_faqs {
  margin: 40px auto; }
  #tips_faqs .list {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 0 10px; }
    #tips_faqs .list h2 {
      font-size: 16px;
      font-weight: 700; }
    #tips_faqs .list p {
      font-size: 14px;
      color: #666666;
      line-height: 1.5;
      margin-bottom: 20px; }
  #tips_faqs .tips {
    counter-reset: item; }
    #tips_faqs .tips h2 {
      counter-increment: item; }
      #tips_faqs .tips h2:before {
        content: counter(item) ". "; }

#accessibility.internal {
  margin: 40px auto; }
  #accessibility.internal #content.accessibility .accessibility-page h1 {
    font-size: 34px;
    padding: 10px 0; }
  #accessibility.internal #content.accessibility .accessibility-page h2 {
    font-size: 28px;
    padding: 10px 0; }
  #accessibility.internal #content.accessibility .accessibility-page p {
    font: inherit;
    padding: 10px 0;
    line-height: 1.3; }
  #accessibility.internal #content.accessibility .accessibility-page li {
    font-size: 18px;
    list-style: circle inside;
    padding: 24px 20px; }

#privacy.internal {
  margin: 40px auto; }
  #privacy.internal #content.privacy .privacy-policy-page li {
    list-style: circle inside;
    padding: 9px 20px; }
  #privacy.internal #content.privacy .privacy-policy-page h2 {
    font-size: 28px;
    padding: 10px 0; }
  #privacy.internal #content.privacy .privacy-policy-page p {
    padding: 9px 0;
    line-height: 1.3; }
  #privacy.internal #content.privacy .privacy-policy-page a {
    word-break: break-all; }

@media screen and (max-width: 750px) {
  .internal .page_title {
    font-size: 26px; }

  #tips_faqs .list {
    display: block;
    width: auto; } }
/***>>Facility***/
#rates {
  margin: 30px auto; }
  #rates #unit_filters {
    padding: 20px;
    background: #f2f2f2;
    display: flex;
    justify-content: space-between; }
    #rates #unit_filters .filter {
      display: inline-block;
      position: relative;
      font-size: 15px;
      font-weight: 700;
      font-family: "Oswald", sans-serif;
      cursor: pointer;
      margin: 5px; }
      #rates #unit_filters .filter:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background: #cccccc;
        margin-right: 10px;
        transition: background 0.3s; }
      #rates #unit_filters .filter:hover:before, #rates #unit_filters .filter.select:before {
        background: #dd1d1d; }
  #rates #rates_chart {
    width: 95%;
    margin: 30px auto; }
    #rates #rates_chart .unit_row {
      border-top: 1px solid #cccccc; }
      #rates #rates_chart .unit_row td {
        vertical-align: middle; }
      #rates #rates_chart .unit_row .unit_size {
        font-size: 40px;
        font-weight: 700;
        color: #b3b3b3;
        text-align: center; }
      #rates #rates_chart .unit_row .unit_details {
        font-size: 14px;
        padding: 10px 5px; }
        #rates #rates_chart .unit_row .unit_details li {
          list-style: none; }
      #rates #rates_chart .unit_row .monthly_rent {
        padding: 20px 0;
        text-align: center; }
        #rates #rates_chart .unit_row .monthly_rent .wrap {
          max-width: 120px;
          padding: 10px 0;
          margin: auto;
          box-sizing: border-box;
          background: #fed001; }
        #rates #rates_chart .unit_row .monthly_rent .rate {
          display: inline-block;
          vertical-align: baseline;
          font-size: 24px; }
        #rates #rates_chart .unit_row .monthly_rent .month {
          display: inline-block;
          vertical-align: baseline;
          font-size: 12px; }
      #rates #rates_chart .unit_row .rate_button {
        width: 20%;
        padding: 0 5px; }
        #rates #rates_chart .unit_row .rate_button .rate_btn {
          display: block;
          color: #000;
          max-width: 85%;
          text-align: center;
          font-size: 14px;
          font-weight: 700;
          font-family: "Oswald", sans-serif;
          border: 1px solid #000;
          letter-spacing: 4px;
          padding: 5px 0;
          text-decoration: none;
          transition: all 0.3s;
          box-sizing: border-box; }
          #rates #rates_chart .unit_row .rate_button .rate_btn:hover {
            display: block;
            max-width: 100%;
            border: 0; }
            #rates #rates_chart .unit_row .rate_button .rate_btn:hover:before {
              display: none; }
  #rates #units_none {
    display: none;
    text-align: center;
    font-size: 18px;
    font-weight: 700; }

#reservation {
  margin: 20px auto; }
  #reservation #content {
    max-width: 600px;
    margin: 40px 0; }
  #reservation .hpwrap {
    position: absolute;
    left: -9999px; }
  #reservation input, #reservation textarea {
    display: block;
    width: 100%;
    padding: 7px;
    font-size: 15px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background: #f1f1f1;
    box-sizing: border-box;
    margin-bottom: 15px;
    border: 0; }
    #reservation input.error, #reservation textarea.error {
      border: 1px solid #ff0000; }
  #reservation .btn, #reservation #size_tools #sc-bottom #sc-button, #size_tools #sc-bottom #reservation #sc-button, #reservation #size_tools .wf-left a, #size_tools .wf-left #reservation a, #reservation #rates #rates_chart .unit_row .rate_button .rate_btn:hover, #rates #rates_chart .unit_row .rate_button #reservation .rate_btn:hover {
    padding: 15px 40px;
    cursor: pointer; }

@media screen and (max-width: 750px) {
  #rates #unit_filters .filter:hover:before {
    background: #ccc; }
  #rates #rates_chart {
    width: 100%;
    margin: 20px auto; }
    #rates #rates_chart .unit_row .unit_size {
      font-size: 20px; }
    #rates #rates_chart .unit_row .unit_details {
      font-size: 11px; }
    #rates #rates_chart .unit_row .monthly_rent .rate {
      font-size: 16px; }
    #rates #rates_chart .unit_row .monthly_rent .month {
      font-size: 11px; }
    #rates #rates_chart .unit_row .rate_button .rate_btn {
      font-size: 12px;
      padding: 5px;
      letter-spacing: 2px;
      max-width: 100%; }
      #rates #rates_chart .unit_row .rate_button .rate_btn:hover {
        letter-spacing: 2px; }
        #rates #rates_chart .unit_row .rate_button .rate_btn:hover:after {
          display: none; } }
@media screen and (max-width: 350px) {
  #rates #unit_filters {
    padding: 10px; }
    #rates #unit_filters .filter {
      display: block;
      margin: 5px 0; } }
/***>>Contact***/
#contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #contact .facility_info {
    width: 50%;
    text-align: center; }
    #contact .facility_info .wrap {
      float: right;
      width: auto;
      max-width: 450px;
      margin: 50px 4%; }
    #contact .facility_info .page_title {
      margin-bottom: 25px; }
      #contact .facility_info .page_title:after {
        margin: 10px auto; }
    #contact .facility_info .info {
      margin: 20px 0;
      font-size: 0; }
      #contact .facility_info .info .type {
        display: inline-block;
        width: 35%;
        font-size: 18px;
        font-weight: 700;
        text-align: right;
        line-height: 1; }
      #contact .facility_info .info .detail {
        display: inline-block;
        font-size: 15px;
        font-weight: 300;
        width: 65%;
        color: #000;
        text-decoration: none;
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box; }
  #contact .form {
    width: 50%;
    background: #e6e6e6; }
    #contact .form .wrap {
      margin: 100px 10px 0 6%;
      width: auto;
      max-width: 450px; }
    #contact .form .hpwrap {
      position: absolute;
      left: -9999px; }
    #contact .form input, #contact .form textarea {
      border: 0;
      font-size: 15px;
      font-weight: 300;
      font-family: "Open Sans", sans-serif;
      box-sizing: border-box;
      display: block;
      width: 100%;
      margin-bottom: 15px;
      padding: 7px;
      background: #fff; }
      #contact .form input.error, #contact .form textarea.error {
        border: 1px solid #ff0000; }
    #contact .form .inputs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #contact .form .inputs input {
        width: 48%; }
    #contact .form .btn, #contact .form #size_tools #sc-bottom #sc-button, #size_tools #sc-bottom #contact .form #sc-button, #contact .form #size_tools .wf-left a, #size_tools .wf-left #contact .form a, #contact .form #rates #rates_chart .unit_row .rate_button .rate_btn:hover, #rates #rates_chart .unit_row .rate_button #contact .form .rate_btn:hover {
      padding: 15px 25%;
      cursor: pointer; }
    #contact .form .response_message {
      font-size: 16px;
      font-weight: 600;
      color: #000; }

@media screen and (max-width: 750px) {
  #contact {
    flex-direction: column; }
    #contact .facility_info {
      width: 100%; }
      #contact .facility_info .wrap {
        float: none;
        max-width: inherit; }
      #contact .facility_info .info .type {
        font-size: 14px;
        line-height: inherit; }
      #contact .facility_info .info .detail {
        font-size: 13px; }
    #contact .form {
      width: 100%; }
      #contact .form .wrap {
        margin: 20px auto;
        padding: 0 20px; } }

/*# sourceMappingURL=styles.css.map */