/* Theme Name: Twenty Thirteen Child Author: Netgains Developer Template: twentythirteen Version: 1.0.0 Text Domain: twentythirteen-child */ @font-face { font-family: 'DancingScript-Bold'; src: url('fonts/DancingScript-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/DancingScript-Bold.woff') format('woff'), url('fonts/DancingScript-Bold.ttf') format('truetype'), url('fonts/DancingScript-Bold.svg#DancingScript-Bold') format('svg'); font-weight: normal; font-style: normal; } div.wpcf7-mail-sent-ok { width: 100%; float: left; padding: 0; margin: 0; color: #398f14; font-weight: 700; border: 0px !important; } footer#colophon div.wpcf7-mail-sent-ok { border: 0; margin: -40px 0 0 0; } .priceTable li b { color: #ff0000; font-size: 13px; display: inline-block; bottom: 5px; position: relative; } table { line-height: inherit; } body { width:100%; float:left; margin:0; background: url("images/bg.jpg") no-repeat top center; font-family: 'Raleway',sans-serif; background-size: cover; font-size:19px; line-height: 27px; } h1 { padding: 0px 0 20px 0; margin: 0; font-family: 'Raleway',sans-serif; font-weight: 700; color: #1c1b54; font-size: 42px; } h1 span { border-bottom:2px solid #1c1b54; } h2 { padding: 15px 0 8px 0; margin:0; color:#101044; font-size:35px; font-weight:500; font-family: 'Raleway',sans-serif; line-height:38px; } h3 { padding: 15px 0; margin:0; color:#110b2a; font-size:45px; font-weight:700; font-family: 'Raleway',sans-serif; line-height:38px; } h4 { padding:20px 0 45px; margin:0; color:#6194bc; font-size:72px; font-weight:600; font-family: 'Raleway', sans-serif; line-height:38px; text-align:center; } .lineIn { display:inline; } ul { list-style-type: circle; } a, a:visited { text-decoration:none; outline:none; color:#bd1735; } a:hover,.widget a:hover { text-decoration:none; color:#181748; } .pageContent a { color: #bd1735; font-weight: 700; } .pageContent h2 a, .pageContent h2 a:visited { color:#181748; } .pageContent h2 a:hover { color:#bd1735; } img { max-width:100%; } * { webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; } .sidebar .site-footer .widget-area { max-width:100%; left:0; } .site-main .sidebar-container { position:relative; top:0; left:0; width:100%; float:left; height:auto; } .site-main .sidebar-inner { max-width:100%; width:100%; float:left; margin:0; } .site-main .widget-area { width:100%; float:left; } .widget { width:100%; float:left; margin:0; padding:0; background:transparent; } .site { background-color:transparent; border:0px; margin:0; max-width:100%; width: 100%; float:left; } .site-main { width:100%; float:left; } .site-footer { width:100%; float:left; background-color:#120c2e; background:url('images/footerBg.png') #120c2e; line-height: 18px; margin:0 !important; } ul.nav-menu, div.nav-menu > ul { padding:0; } .nav-menu li a { padding: 45px 0 4px 0; font-size:16px; font-weight:700; border-bottom: 2px solid rgba(255,255,255,0); } .nav-menu li { padding:0 1.5%; } .nav-menu li:last-child { padding: 0 0 0 2%; } .nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { background-color:transparent; color:#141412; border-bottom:2px solid #1b1a53; font-style:normal; } .wrapper { width:100%; max-width:1100px; margin:0 auto; } .container { width:100%; float:left; position:relative; } .headBlock { width:100%; float:left; background:#bd1735; } .rightContainer { width:100%; float:left; text-align:right; color:#ffffff; padding: 6px 0 10px; min-height:40px; } .rightContainer a { color:#ffffff; font-weight:700; font-size: 16px; padding: 0 1%; } .rightContainer a:nth-child(2) { border-left: 2px solid #fff;padding:0 1.2%; } .rightContainer a:nth-child(3) { font-size: 22px; padding: 0 0 0 3%; } .rightContainer a:hover { color:#f9f600; } .navMain { width:100%; float:left; border-bottom: 10px solid #bd1735; } .navContainer { width:100%; float:left; padding: 0 0 10px 0; position:relative; } .navMain .logoBlock { width:30%; float:left; color:#ffffff; padding:10px; } .navMain .logoBlock img { margin-top:-30px; } .navMain .navbar { width:70%; float:right; background-color:transparent; text-align: right; } a.findYourUnit { background: #bd1735; color: #ffffff; font-size: 22px; font-weight: 600; padding: 13px 35px; border-radius: 7px; position:absolute; bottom:-34px; right:0; z-index:10; } a.findYourUnit:hover { background: #1c1b54; } .banner { width:100%; float:left; max-height:600px; overflow: hidden; position:relative; } .banner .bannerText { width:100%; float:left; position:absolute; top:23%; left:0; text-align:center; } .bannerText h4 { font-family: 'DancingScript-Bold', cursive!important; } /*.bannerText h4 {font-family: 'Raleway', sans-serif;}*/ .banner .bannerText span { width:100%; float:left; font-size:35px; font-family:'Raleway',sans-serif; color:#fff; text-align:center; line-height:36px; padding: 3px 0; text-shadow: 2px 2px 2px #000000; } .banner .bannerText a { background: #bd1735; color: #ffffff; font-size: 22px; font-weight: 600; padding: 13px 35px; border-radius:7px; margin:2.5% 0 0 0; display:inline-block; } .banner .bannerText a:hover { background: #1c1b54; } .homeTitle { width:100%; float:left;font-size:32px; text-align:center; font-weight:400; line-height: 40px; padding: 43px 0 18px; } ul.homeServices { width:100%; float:left; padding:0; margin:0; list-style-type:none; } ul.homeServices li { width: 31.5%; float: left; margin: 13px 0.9%; } ul.homeServices li span { width:100%; float:left; text-align:center; background:#1c1b54; color:#ffffff; font-weight:700; padding: 15px 0; text-transform: uppercase; } ul.homeServices li:hover span { background:#bd1735; } .homeContent { width:100%; float:left; font-size:19px; font-weight:400; padding:33px 0 25px 0; line-height: 34px; text-align: justify; } .site-footer .sidebar-container { width:100%; float:left; background-color:transparent; padding:30px 0; } .site-footer .widget-area { margin:0; max-width:100%; width: 100%; float:left; height:auto !important; } .site-footer h1 { width:100%; float:left; padding:5px 0 10px 0; margin:0; color:#6194bc; font-size:18px; font-weight:800; } .site-footer .widget { padding:0; margin:0; position:relative !important; float:left; top: 0 !important; left: 0 !important; } .site-footer .widget:first-child { width:20%; } .site-footer .widget:nth-child(2) { width:52%; padding: 0px 4%; } .site-footer .widget:nth-child(3) { width:26%; padding:0 0 0 1%; } .site-footer .widget:last-child { width:100%; } .site-footer .widget .footerLogo { width: 100%; float: left; background: #fff; padding: 13px 20px; } .site-footer .widget .socialLinks { width: 100%; float: left; text-align: center; padding: 20px 0px; } .site-footer .widget .socialLinks a { display: inline-block; margin: 0 2px; } .site-footer .widget .socialLinks a:hover img { border-radius:4px; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .site-footer .widget .footerForm .formLeft { width:50%; float: left; padding:0 3% 0 0; } .site-footer .widget .footerForm .formRight { width:50%; float: right; } .site-footer .widget .footerForm { width: 100%; float: left; } .footerForm .formLeft input { width: 100%; float: left; font-size: 10px; color: #000; border: 0px; margin: 0px 0 6px 0; padding: 8px 20px; border-radius: 4px; } .footerForm .formRight textarea { width: 100%; float: left; font-size: 10px; color: #000; border:0px; margin:0px 0 6px 0; padding:8px 11px; border-radius: 4px; max-height:94px; } ::-webkit-input-placeholder { color:#202020; } :-moz-placeholder { color:#202020; } ::-moz-placeholder { color:#202020; } :-ms-input-placeholder { color:#202020; } .footerForm .formRight input[type="submit"] { background: #bd1735; font-size: 18px; font-weight: 700; border: 0; padding: 9px 14px; float: right; border-radius: 1px; position: relative; top: -25px; right: -15px; } .site-footer .widget .calUs { width: 100%; float: left; font-size: 30px; font-weight: 800; text-align: center; margin: -6px 0 0 0; } .site-footer .widget .calUs a { color:#ffffff; } .site-footer .widget .calUs a:hover { color:#ff3a5e; } .site-footer .widget ul.contactInfo { width:100%; float:left; margin:0; padding:0; list-style-type:none; } .site-footer .widget ul.contactInfo li { width:100%; float:left; margin:0; padding:0 0 13px 25px; font-size:14px; } .site-footer .widget ul.contactInfo li:first-child { background:url("images/address.png")no-repeat 0px 2px; } .site-footer .widget ul.contactInfo li:nth-child(2) { background:url("images/phone.png")no-repeat 0px 2px; } .site-footer .widget ul.contactInfo li:nth-child(3) { background:url("images/email.png")no-repeat 0px 0px; font-size:13px; } .site-footer .widget ul.contactInfo li:nth-child(4) { background:url("images/timing.png")no-repeat 0px 0px; } .site-footer .widget ul.contactInfo li a { color:#ffffff; } .site-footer .widget ul.contactInfo li a:hover { color:#ff3a5e; } .site-footer .widget ul.contactInfo li b { width:100%; float:left; font-size:15px; } .site-footer .widget ul.contactInfo li span { width:100%; float:left; } .site-footer .widget ul.menu { width:100%; float:left; text-align:center; padding: 0 6% 0 0; margin: -18px 0 0 0; } .site-footer .widget ul.menu li { width:auto; display:inline-block; } .site-footer .widget ul.menu li a { color:rgba(255,255,255,0.5); font-size:15px; padding: 0 8px; border-right:1px solid rgba(255,255,255,0.5); } .site-footer .widget ul.menu li:last-child a { border-right:0; } .site-footer .widget ul.menu li a:hover,.site-footer .widget ul.menu li.current-menu-item a { color:#ffffff; } .site-footer .widget ul.menu li.current-menu-item a { font-weight:700; } span.wpcf7-not-valid-tip { width: 100%; float: left; margin: -7px 0 1px 0; } div.wpcf7-validation-errors { display:none !important; } .banner_inner { width:100%; float:left; background:url("images/bannerInner.jpg") top center; text-align:center; } .banner_inner h2 { width:100%; float:left; padding:70px 0 0 0; margin:0; font-family: 'Raleway', sans-serif; font-weight:700; color:#ffffff; font-size:50px; text-transform:capitalize; } div#crumbs { width:100%; float:left; text-align:center; font-size:18px; color:#fb2f54; padding:15px 0 55px 0; font-weight:500; } div#crumbs a { color:#ffffff; font-weight:400; } div#crumbs a:hover { color:#ff3a5e; } .pageContent { width:100%; float:left; padding:40px 0; } .reserveNow { width:100%; float:left; background:url("images/reserve.jpg")top center; padding: 50px 0 25px 0; } .reserveNow .reserveLeft { width:60%; float:left; font-size:20px; font-weight:500; color:#111111; } .reserveNow .reserveLeft a { font-weight:700; color:#cb242c; } .reserveNow .reserveLeft a:hover { color:#1b1a53; } .reserveNow .reserveLeft a.reserveBtn { font-weight:500; color:#ffffff; font-size:24px; background:#c92229; padding:22px 80px; margin:20px 0 0 0; display:inline-block; } .reserveNow .reserveLeft a.reserveBtn:hover { background:#1b1a53; } .reserveNow .reserveRight { width:40%; float:right; } .nav-menu .sub-menu { background:url("images/arrow.png")no-repeat 7px 0px; padding:12px 0 0 0; border:0; } .nav-menu .sub-menu li { margin: 0; padding: 0; } .nav-menu .sub-menu li a { border-bottom:1px solid #dddddd; padding: 13px; text-align: left; color: #fff; background:#120c2e; border: 1px solid #dddddd; border-top:0; } .nav-menu .sub-menu li a:hover, .nav-menu .sub-menu li.current-menu-item a { background: #bd1735; color: #ffffff; } ul.storageList { width:100%; float:left; margin:0; padding:0; list-style-type:none; } ul.storageList li { width:29.33%; float:left; margin:20px 2%; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.1); border: 1px solid #ccc; padding: 9px 15px 0; background: #fff; font-size: 16px; line-height: 23px; } ul.storageList li h2 { width:100%; float:left; margin:0; padding:5px 0 8px 0; font-size:20px; line-height: 25px; } ul.tab { list-style-type: none; margin: 0 0 -1px 0; padding: 0; overflow: hidden; position:relative; } ul.tab li {width:12%; float: left; border:1px solid #c9c39c; border-right:0; border-bottom:0; background: rgba(255,255,255,0.7); } ul.tab li:nth-child(6) { width:13.5%; } ul.tab li:last-child { width:14.5%; border-right:1px solid #c9c39c; } ul.tab li a { width:100%; display: inline-block; color: black; text-align: center; padding: 8px 25px; text-decoration: none; transition: 0.3s; font-size: 17px; margin:0; } ul.tab li a.active:hover { background-color:#f7fdff; } ul.tab li a:hover { background-color: #ddd; } ul.tab li a:focus, .active { background-color:#f7fdff; } .tabcontent { width:100%; float:left; display: none; padding: 6px 12px; border:1px solid #c9c39c; background:#f7fdff; } .contactLeft { width:65%; float:left; padding:0 2% 0 0; font-size:15px; line-height:30px; font-weight:500; } .contactRight { width:35%; float:left; text-align:center; } .contactLeft h1 { font-size:35px; font-weight:600; padding: 20px 0 16px 0; } .contactLeft .contactForm { width:100%; float:left; } .contactLeft .contactForm p { margin:0; } .contactLeft .contactForm input, .contactLeft .contactForm textarea { width:100%; float:left; font-size:17px; font-weight:500; background:#ffffff; padding:16.2px 20px; border:0px; margin:13px 0; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.1); } .contactLeft .contactForm input[type="submit"] { background:#1f1e56; font-weight:700; font-size:28px; margin:13px 0 0; } .contactLeft .contactForm span.wpcf7-not-valid-tip { margin: -17px 0 -13px 0; } .addressBlock { width: 100%; float: left; text-align: left; background: #ffffff; } .addressBlock h2 { width: 100%; float: left; text-align: center; background: #bd1735; color:#ffffff; font-size:35px;font-weight:500; padding:15px 0; } .addressBlock ul { width: 100%; float: left; list-style-type:none; padding: 25px 13px 10px 22px; margin:0; } .addressBlock li { width: 100%; float: left; margin:0; padding:0 0 20px 40px; font-size:17px; font-weight:400; color:#000000; } .addressBlock li a { color:#000000; } .addressBlock li:first-child { background:url("images/address1.png")no-repeat 0px 6px; } .addressBlock li:nth-child(2) { background:url("images/phone1.png")no-repeat 0px 4px; } .addressBlock li:nth-child(3) { background:url("images/mail1.png")no-repeat 0px 6px; } .addressBlock li:nth-child(3) a { font-size:16px; } .addressBlock li:nth-child(4) { background:url("images/time1.png")no-repeat 0px 6px; } .followBlock { width: 100%; float: left; text-align: left; background: #ffffff; margin:30px 0 0 0; } .followBlock h2 { width: 100%; float: left; text-align: center; background: #474747; color:#ffffff; font-size:35px; font-family: 'Raleway',sans-serif; padding:15px 0; } .followBlock span { width: 100%; float: left; padding:30px 23px; text-align:center; } .followBlock img { margin:0 4px; } .followBlock img:hover { border-radius:5px; filter: grayscale(100%); -webkit-filter: grayscale(100%);} .accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .accordion { overflow:hidden; box-shadow:0px 1px 3px rgba(0,0,0,0.25); border-radius:3px; background:#f7f7f7; } .accordion p { margin:0; } .accordion-section-title { width: 100%; padding: 13px; display: inline-block; background: #f7f7f7; transition: all linear 0.15s; font-size:18px; text-shadow: 0px 1px 0px #1a1a1a; color: #23282d; border-top: 1px solid #c9c39c; background-color: #f7f7f7; border-right: 1px solid #c9c39c; border-left: 1px solid #c9c39c; outline:none; } .accordion-section-title.active, .accordion-section-title:hover { background:#f2fbff; text-decoration:none; outline:none; } div.accordion-section-content.open { background: #f2fbff; } div.accordion-section-content { transition:none; webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; } .accordion-section:last-child .accordion-section-title { border-bottom:none; } .accordion-section-content { padding:15px; display:none; border-right: 1px solid #c9c39c; border-left: 1px solid #c9c39c; } a.accordion-section-title:after { content: "+"; position: absolute; right: 20px; font-family: 'Georgia'; font-size: 20px; color: #6e6e6e; font-weight:500; } a.accordion-section-title.active:after { content: "-"; } .priceTable { width:100%; float:left; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.17); } .priceTable ul { width:100%; float:left; margin:0; padding:0; list-style-type: none; border: 1px solid #c9c39c; border-top: 0px; background:rgba(255, 254, 254, 0.9); } .priceTable ul.heading { border-top:1px solid #c9c39c; background: #f2fbff; font-weight:600; } .priceTable li { float:left; margin:0; padding:9px 1% 9px 3%; border-left:1px solid #c9c39c; min-height: 47px; } .priceTable li:first-child { width:22%; border-left:0; } .priceTable li:nth-child(2) { width:27%; } .priceTable li:nth-child(3) { width:24%; } .priceTable li:last-child { width:25%; padding:7px 2% 2px 4%; } .priceTable li a { background: #1c1b54; color: #fff; padding:3px 20px; display: inline-block; font-size: 16px; border-radius: 5px; font-weight: 500; } .priceTable li a:hover { background:#bd1735; } .tabLeft { width:60%; float:left; padding:13px 15px 0; } .tabLeft h3 { padding: 0 0 11px 0; font-size: 30px; } .tabLeft a { background: #1c1b54; color: #fff; font-weight: 600; padding: 6px 20px 7px; border-radius: 4px; display: inline-block; margin: 0 0 15px 0; } .tabLeft a:hover { background:#bd1735; } .tabRight { width:39%; float:right; } .tabIntro { width: 100%; display: inline-block; background: #f7fdff; font-weight: 500; border: 1px solid #c9c39c; margin: 0 0 17px 0; padding: 4px 0; text-align: center; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.17); } .reserveFrame { width: 100%; float: left; text-align: center; background: #fff; padding: 20px 0 0 0; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.07); } .holdUnit { width:43%; float: left; padding: 25px; background: #101966; color: #fff; } .holdUnit:hover { background:#181748; } .lockUnit { width:43%; float: right; padding: 25px; background:#676666; color: #fff; position:relative; } .lockUnit a { color:#ffffff; } .lockUnit:hover { background:#4f4f4f; } .lockUnit img.clickBar { position: absolute; right: 0; top: 0; } .holdUnit h3, .lockUnit h3 { color:#ffffff; padding:0; margin:0; font-size:26px; font-weight:600; } .holdUnit ul, .lockUnit ul { width:100%; float:left; list-style-type: circle; padding: 6px 0 5px 27px; margin:0; font-size:16px; } .orUnit { width: 14%; float: left; text-align: center; font-size: 35px; font-weight: 700; padding: 7% 0 0 0; color: #1b1a53; } .resText { width: 100%; float: left; padding: 25px 0 10px; } .resText a { font-weight:600; } form#memberForm { width:100%; float:left; } form#memberForm ul { width:100%; float:left; list-style-type:none; margin:0; padding:0; } form#memberForm ul li { width:50%; float:left; margin:0; } form#memberForm ul li:nth-child(odd) { padding:0 2.5% 0 0; } form#memberForm ul li:nth-child(even) { padding:0 0 0 2.5%; } form#memberForm ul li label { width:100%; float:left; margin:0; padding:0; font-size:17px; font-weight:600; } form#memberForm ul li label span { width:auto; float:none; color:#ff0000; font-size:22px; } form#memberForm ul li span { width:100%; float:left; color:#ff0000; min-height: 27px; font-weight:600; font-size:15px; text-align:right; } form#memberForm ul li input, form#memberForm ul li select { width: 100%; float: left; font-size: 17px; font-weight: 500; background: #ffffff; padding:13px 15px; border: 0px; margin:0; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.1); outline:none; font-family:'Raleway',sans-serif; } form#memberForm ul li input.submitBtn { background:#1f1e56; font-weight: 700; font-size: 28px; margin: 15px 0 0; } form#memberForm ul li input.submitBtn:hover { background:#bd1735; } ul.reviewForm { width:100%; float:left; list-style-type:none; margin:0; padding:0; } ul.reviewForm li { width:100%; float:left; margin:0; padding:13px 0; } ul.reviewForm li label { width:20%; float:left; margin:0; padding:8px 20px 0 0; text-align:right; font-weight:600; } ul.reviewForm li input, ul.reviewForm li textarea { width:70%; float:left; font-size: 17px; font-weight: 500; background: #ffffff; padding:13px 15px; border: 0px; margin:0; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.1); } ul.reviewForm li input[type="submit"] { background: #1f1e56; font-weight: 700; font-size: 28px; width: 70%; float: left; margin: 0 0 0 20%; } ul.reviewForm li .reviewCaptcha { width: 70%; float: left; margin: 0 0 0 20%; } ul.reviewForm li span.wpcf7-not-valid-tip { margin: 0; text-align: right; font-weight: 600; padding: 0 10% 0 0; font-size: 16px; } ul.blogListing { width:100%; float:left; list-style-type:none; margin:0; padding:0; } ul.blogListing li { width:100%; float:left; margin:0; padding:13px 0; border-bottom: 1px solid rgba(28, 27, 84, 0.18); } ul.blogListing li:first-child { padding:0 0 13px 0; } ul.blogListing div { width:100%; float:left; } ul.blogListing span { width: 100%; float: left; background: url('images/calendar.png')no-repeat 0px 0px; padding: 0 0 8px 29px; font-size: 18px; font-weight: 500; line-height: 22px; color: #050538; } ul.blogListing div a { font-weight: 600; font-size: 16px; padding: 5px 0 0 0; display: inline-block; } .pageContent a.reservebutton { color: #ffffff; background: #1b1a53; padding: 15px 35px; display: inline-block; margin: 5px 0 0 0; } .pageContent a.reservebutton:hover { background:#c92229; } a.mapGoogle { width:100%; float:left; text-align:center; } a.mapGoogle img { width: 100%; } .widget { hyphens:manual; } a.accordion-section-title { color:#202020; text-shadow: none; } ul.lilist2 li a { font-weight: 600; } ul.lilist2 li { padding: 0 0 10px 0; } ul.lilist2 li ul li { padding: 0 0 3px 0; } ul.lilist2 li ul { padding-bottom: 10px; } .promoBlock { width:100%; float:left; padding:40px 0; background:#ffffff; } .promoBlock .promoLeft { width: 45%; float: left; background: #120c2e; font-size: 25px; color: #fff; font-weight: 500; padding: 48.5px 15px; text-align: center; box-shadow: 1px 0 9px 0 rgba(50,50,50,.58); } .promoBlock .promoLeft:hover { background: #0e004a; } .promoBlock .promoRight { width:45%; float:right; background:#c92229; font-size:25px; color:#ffffff; font-weight:500; padding:48.5px 15px; text-align:center; box-shadow: 1px 0 9px 0 rgba(50, 50, 50, 0.58); } .promoBlock .promoRight:hover { background:#ad040c; } @media (max-width:1100px) { .headBlock,.navMain,.bannerText,.site-main, .banner_inner,.reserveNow, .promoBlock { padding-left:20px; padding-right:20px; } .navMain .logoBlock { width:25%; } .navMain .navbar { width:75%; } .nav-menu li { padding:0 1%; } .nav-menu li a { font-size:14px; padding: 35px 0 4px; } .site-footer .widget:nth-child(2) { width:49%; } .site-footer .widget:nth-child(3) { width:31%; } .site-footer .widget ul.menu { margin: 5px 0 0; } ul.storageList.smallList li:nth-child(1), ul.storageList.smallList li:nth-child(2), ul.storageList.smallList li:nth-child(3) { height:455px; } ul.tab li a { min-height:96px; } .site-main .sidebar-container { max-width:100%; } } @media (max-width:900px) { .navMain .navbar { width:100%; } a.findYourUnit { bottom:auto; top: 19px; } h4 { font-size:50px; padding: 20px 0 25px; } .banner .bannerText span { font-size: 28px; line-height: 28px; } ul.homeServices li span { padding:12px; font-size: 16px; } .site-footer .widget:first-child { width:30%; } .site-footer .widget:nth-child(2) { width:70%; margin: 0 0 40px; padding-left:4%; } .site-footer .widget:nth-child(3) { width:70%; padding-top:20px; } .site-footer .widget ul.contactInfo li { width:50%; } .site-footer .widget:last-child { width:30%; padding:30px 0 0; } .site-footer .widget ul.menu li { width:100%; } .site-footer .widget ul.menu li a { border:0px; } .contactLeft, .contactRight { width:100%; } .nav-menu li:last-child .sub-menu li a { max-width:105px; } } @media (max-width:800px) { .site-footer .widget:nth-child(3) { width:100%; padding-top:20px; } .site-footer .widget ul.contactInfo li { width:50%; } .site-footer .widget:last-child { width:100%; padding:0; } .site-footer .widget ul.menu li { width:auto; } .site-footer .widget ul.menu li a { border-right: 1px solid rgba(255, 255, 255, 0.5); } ul.storageList li { font-size:14px; } ul.storageList li h2 { font-size: 15px; line-height: 19px; } } @media (max-width:643px) { .rightContainer a:nth-child(3) { width:100%; float:left; } .rightContainer a { padding:0 3%; } .rightContainer a:nth-child(2) { padding:0 4%; } .navMain .logoBlock { width:100%; padding:10px 0; text-align:center; } .navMain .logoBlock img { margin:0; } a.findYourUnit { position:relative; display:inline-block; margin:0 0 25px 0; } .banner_inner h2 { padding:35px 0 0 0; font-size:35px; line-height: 40px; } div#crumbs { padding: 15px 0 55px; font-size:15px; } .holdUnit, .orUnit, .lockUnit { width:100%; } .orUnit { padding:15px 0; } form#memberForm ul li { width:100%; padding:0!important; } .reserveNow .reserveLeft,.reserveNow .reserveRight { width:100%; } .reserveNow .reserveLeft a.reserveBtn { width:100%; text-align:center; padding:15px 0; margin:0 0 15px 0; } .reserveNow .reserveLeft { font-size:16px; } h3 { font-size:32px; } body { font-size:15px; } .site-footer .widget:first-child, .site-footer .widget:last-child { width:100%; } .site-footer .widget:nth-child(2),.site-footer .widget:nth-child(3) { width:100%; } .site-footer .widget ul.contactInfo li { width:100%; } .site-footer .widget .calUs { font-size:20px; } h1 { font-size:28px; } h2 { font-size:26px; } ul.reviewForm li label, ul.reviewForm li input, ul.reviewForm li textarea { width:100%; text-align:left; } ul.reviewForm li .reviewCaptcha, ul.reviewForm li input[type="submit"] { width:100%; margin:0; text-align:center; overflow:hidden; } .site-footer .widget .footerForm .formLeft,.site-footer .widget .footerForm .formRight { width:100%; } .footerForm .formRight input[type="submit"] { top:0; right:auto; left:0; float:left; } .site-footer .widget .calUs { margin:0; padding:13px 0 0 0; } .site-footer .widget:nth-child(3) { padding-top:0; } .nav-menu li a { padding:13px 0; } .homeTitle { font-size:25px; line-height:33px; padding:20px 0 15px 0; } ul.homeServices li { width:100%; } h4 { font-size:20px; padding:20px 0 0; } .banner .bannerText { top:0; } .banner .bannerText span { font-size: 17px; line-height: 19px; padding: 0; } .banner .bannerText a { display:none; } nav#site-navigation { display:none; } a.findYourUnit { margin:8px 0 25px; } .responsive-menu-button { right:0 !important; } #responsive-menu-button { float:right; } a.findYourUnit { margin: 8px 0 25px; font-size:18px; } button#responsive-menu-button, button#responsive-menu-button:active { background:#1c1b54; border:0; padding:0; } button#responsive-menu-button:hover { background:#bd1735; } .tabLeft, .tabRight { width:100%; } ul.tab li a { padding:0; } .priceTable { overflow-x: scroll; } .priceTable ul { min-width:506px; } .followBlock span { padding: 15px 5px; } ul.storageList.smallList li:nth-child(1), ul.storageList.smallList li:nth-child(2), ul.storageList.smallList li:nth-child(3) { height:auto; } ul.storageList li { width:100%; text-align: center; } .promoBlock .promoLeft, .promoBlock .promoRight { width:100%; } } #trustspot { background-color:#ffffff; width:100%!important; max-width:1100px!important; margin-bottom: 2em; margin-top: 2em; margin-left:auto; margin-right: auto; padding-bottom:0; } .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { display: inline!important; font-size: .813em; letter-spacing: .5pt; white-space: nowrap; } .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { margin: 0!important; } .site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text { /* color: #fff; */ width: 100%; float: left; padding: 5px 0 10px; margin: 0; color: #6194bc; font-size: 18px; font-weight: 800!important; font-style: normal!important; font-family: raleway,sans-serif!important; } .widget .widget-title { font-family: raleway,sans-serif!important; margin: 0 0 10px; width: 100%; float: left; padding: 5px 0 10px; margin: 0; color: #6194bc; font-size: 18px; font-weight: 800!important; font-style: normal!important; } body .gform_wrapper ul li.gfield { margin-top: 5px!important; padding-top: 0; } body .gform_wrapper .top_label div.ginput_container { margin-top: 0px!important; } li#field_2_5 { display: none; } .gform_wrapper .gform_footer { padding: 16px 0 10px; margin: 0 0 3em 0!important; clear: both; width: 100%; } @media only screen and (min-width: 641px){ .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) { width: 100%!important; margin: 2px 0 0!important; padding-left: 0; padding-right: 0;} } button, input[type=submit], input[type=button], input[type=reset] { background: #c92229; background: -webkit-linear-gradient(top,#c92229 0%,#990000 100%); background: linear-gradient(to bottom,#c92229 0%,#990000 100%); border: 0; border-bottom: none; border-radius: 2px; color: #fff; display: inline-block; padding: 11px 24px 10px; text-decoration: none; } button:hover, button:focus, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus { background: #990000; background: -webkit-linear-gradient(top,#990000 0%,#c92229 100%); background: linear-gradient(to bottom,#990000 0%,#c92229 100%); outline: 0; border-bottom: none; } .navMain .logoBlock { width: 30%; float: left; background-color: #ffffff; padding: 10px; margin-top: 25px; } .navMain .navbar { padding-top: 50px; width: 70%; float: right; background-color: transparent; text-align: right; vertical-align: middle; height: 200px; }