/*
font-family: 'Nunito', sans-serif;
font-family: 'Fjalla One', sans-serif;

*/

/* ========== Common CSS Starts ========== */
body { font-family: 'Nunito', sans-serif; font-weight:400; color: #303030; font-size: 15px; background: #FFFFFF; padding-top: 70px; }
.bg-overlay { display: none; }
a, img { outline: none !important; }
a { color: #303030; }
a:hover, a:focus { color: #987656; outline: none; text-decoration: none; }
a:focus { text-decoration: none; }
img, .img-responsive { display: inline-block; outline: none; }
button:focus, .btn:focus { outline: none; }
.form-control:focus { outline: none; box-shadow: none; }
ul { padding-left: 20px; }
ul > li { font-size: 15px; }

p { font-size: 15px; font-family: 'Nunito', sans-serif; font-weight: 400; color: #303030; line-height: 1.4; margin: 0 0 20px; padding: 0; }
p a{text-decoration: underline;}
p a:hover,p a:active{text-decoration: underline;}
h1, h2, h3, h4, h5, h6 { font-family: 'Fjalla One', sans-serif; font-weight: 400; margin: 0 0 15px; padding: 0; }
h1 { font-size: 51px; color: #fff; line-height: 0.94; }
h1 small { font-size: 100%; color: #FFFFFF; font-weight: 400; }
h2 { font-size: 32px; color: #4d4d4d; line-height: 0.85; margin-bottom: 20px; }
h2 a { color: #4d4d4d; }

h3 { font-size: 28px; color: #000000; line-height: 0.85; margin-bottom: 0; }
h4 { font-size: 20px; color: #282b3b; line-height: 1.2; }
h5 { font-size: 16px; font-weight: 500; }
h6 { font-size: 14px; color: #435671; font-weight: 500; }

.white-color{ color: #ffffff;  }
.brown-color{color: #987656;}
.light-brown-color{color: #dcad80;}


#wrapper { overflow: hidden; }
#wrapper, #header, .home-slider, .header-top, .header-middle, .header-bottom, .block, #footer { width: 100%; float: left; margin: 0; padding: 0; }

.block { position: relative; padding: 60px 0; }
.block .block .container { padding: 0; }
.image-bg { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.left-bg, .right-bg { /*width: 50%;*/ height: 100%; background-size: cover; background-position: 50% 50%; position: absolute; top:0; }
.left-bg { left: 0; }
.right-bg { right: 0; }
.no-border{border: 0 !important;}
.container-small { width: 970px;}
.gray-bg{background-color: #f8f8f8;}

.btn{width: 145px; height: 36px; border:1px solid #ffffff; border-radius: 0; font-size: 13px; color: #FFF; line-height: 36px; text-transform: uppercase; overflow: hidden; margin: 0; padding:0;}
.btn .btn-text{float: left; min-width: 109px; height: 34px; padding: 0 12px; transition:all 0.5s ease;}
.btn .btn-icon{ float: right; width: 34px; height: 34px; background-color: #FFF; color: #987656; padding:0px; transition:all 0.5s ease;}
.btn:hover .btn-text, .btn:focus .btn-text{ background-color: #FFF; color: #000;}
.btn:hover .btn-icon{ background-color: transparent; color: #FFF;}

.btn-line{ width: auto; border:1px solid #4d4d4d; color: #4d4d4d; transition:all 0.5s ease; padding: 0 30px;}
.btn-line:hover{background-color: #4d4d4d; color: #FFF;}

.btn-line-fill{  border:1px solid #4d4d4d; background-color: #4d4d4d; color: #FFF; transition:all 0.5s ease; padding: 0 30px;}
.btn-line-fill:hover{border:1px solid #4d4d4d; background-color: transparent; color: #4d4d4d;}

.btn-brown{ border:1px solid #dcad80; }
.btn-brown .btn-icon{ background-color: #dcad80; color: #4d4d4d;}
.btn-brown:hover .btn-text, .btn-brown:focus .btn-text{ background-color: #dcad80; color: #FFF;}

.btn-gray{ border:1px solid #4d4d4d; color: #4d4d4d; background-color: transparent;}
.btn-gray .btn-icon{ background-color: #4d4d4d; color: #FFF;}
.btn-gray:hover .btn-icon{color: #4d4d4d;}
.btn-gray:hover .btn-text, .btn-gray:focus .btn-text{ background-color: #4d4d4d; color: #FFF;}

.btn-white{ border:1px solid #FFF; color: #4d4d4d;}
.btn-white .btn-text{background-color: #FFF;}
.btn-white .btn-icon{ background-color: transparent; color: #FFF;}
.btn-white:hover .btn-icon{color: #FFF;}
.btn-white:hover .btn-text, .btn-white:focus .btn-text{ background-color: #FFF; color: #4d4d4d;}


.heading-box {position: relative; margin: 0 0 20px 0; }
.heading-box .heading{display: inline-block; position: relative; margin: 0;}
.heading-box .heading:after {content: ""; width: 7px; height: 7px; border: 1px solid #987656; border-radius: 10px; position: absolute; right: -10px; bottom: 2px; }

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

.m-menu-tab{display: none;}

.bullet-list{margin: 0; padding: 0;}
.bullet-list li{list-style: none; position: relative; font-size: 15px; line-height: 1.67; color: #767676; margin: 0; padding:0;}
.bullet-list li:before{content: "\f375"; font-family: "Ionicons"; color: #987656; font-size: 15px; padding-right: 10px;}

/* MISC */
h2:first-child:last-child{margin-bottom:0;}
.hr{background-color: #979797;margin:50px 0;display:block;width:100%;height:1px;}

/* Form CSS */
.forms { width: 100%; float: left; margin: 0; padding: 0; }
.forms .note{font-size: 9px; margin: 0;  padding-bottom: 10px;}
.forms .form-group { position: relative; margin-bottom: 30px; }
.forms label { width: 100%; display: inline-block; font-family: 'Nunito', sans-serif; font-weight: 400; font-size: 14px;  text-align: left; color: #4d4d4d; margin-bottom: 0; }
.forms label span { font-size: 16px; }
.forms .form-control { height:40px; background-color: #FFFFFF; border: 2px solid #a6a6a6; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 400; color: #4d4d4d; margin: 0; }
.forms textarea.form-control { height: 144px; }
.forms textarea.form-control.lg { height: 162px; }
.forms .form-control.input-lg{height: 60px; line-height: normal;}
.forms .drop-off-time .form-control.input-lg { height: 40px; }
.forms select{background:url(../assets/images/down-arrow-sm.png) no-repeat right center; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.forms select.input-lg{background:url(../assets/images/down-arrow.png) no-repeat right center;}
.forms .form-group:hover label { color: #987656; }
.forms .form-control:focus, .forms select:focus, .forms .form-group:hover .form-control, .forms .form-group:hover select { border-color: #987656; }
.forms input.error, .forms textarea.error, .forms select.error { border-color: #cf0000 }
.forms label.error { display: block; text-align: left; font-weight: 500; margin-top:0; color: #CF0000 !important; }
.bootstrap-filestyle { margin-top: 10px; }
.bootstrap-filestyle .btn-secondary { width: 170px; height: 36px; text-align: center; color: #FFFFFF; line-height: 35px; margin-right: 30px !important; }
.upload-control .bootstrap-filestyle { margin-top: 26px; }
#rfq textarea.form-control { height: 162px; }

.forms .form-group.days-wrap:hover label{color: #4d4d4d;}
.forms .days-wrap .radio-inline { padding-right: 34px; margin: 0; }
.forms .days-wrap .fri-sun .radio-inline:last-child { padding-right: 0; }
.forms .mon-thu, .forms .fri-sun{padding-top: 10px; display: inline-block;}
.forms .select-with-divider-line{width: 100%; float:left; position: relative; }
.forms .select-with-divider-line:after{content:""; height: 40px; width: 2px; background-color:#a6a6a6; position: absolute; right:22px; top: 0; transition:all 0.5s ease;  }
.forms .select-with-divider-line.lg:after{ right: 55px; }
.forms .form-group:hover .select-with-divider-line:after{background-color:#987656;}

.forms .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bebebe;
}
.forms .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #bebebe;
}
.forms .form-control:-ms-input-placeholder { /* IE 10+ */
  color: rgba(124, 153, 180, 0.5);
}
.forms .form-control:-moz-placeholder { /* Firefox 18- */
  color: #bebebe;
}

.quip-add-comment .quip-fld { margin-bottom: 15px; }
.quip-add-comment label { line-height: 40px; margin: 0; color: #4c4c4c; font-size: 17px; font-weight: 400; }
.quip-add-comment input[type=text] { height:40px; background-color: #FFFFFF; border: 2px solid #a6a6a6; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 400; color: #4d4d4d; margin: 0; }
.quip-add-comment textarea { height:150px; background-color: #FFFFFF; border: 2px solid #a6a6a6; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 400; color: #4d4d4d; margin: 0; }
.quip-add-comment p { color: #4c4c4c !important; font-size: 17px; font-weight: 400; }
.quip-add-comment input[type=checkbox], .quip-add-comment input[type=radio] { margin-top: 15px; }
.quip-add-comment button[type="submit"] { width: 130px; height: 40px; background-color: #987656; font-size: 13px; color: #FFFFFF; font-weight: 700; line-height: 36px; text-align: center; text-transform: uppercase; border: 0; border-radius: 0px; position: relative; margin: 0 5px 0 0; padding: 0; }
.quip-add-comment button[type="submit"]:hover { background-color: #dcad80; color: #FFFFFF; }

/*inner page*/
.inner-banner { width: 100%; height: 1356px; background-repeat: no-repeat; background-size: cover; background-position:center top; position: relative; margin: 0;  padding: 0; }
.inner-banner .banner-caption {padding-top: 250px; }
.inner-banner .banner-caption h1 {margin: 0; padding: 0; }
.inner-banner .banner-caption p {color: #FFF;}
.inner-banner .banner-caption .caption-icon{margin-bottom: 10px;}

.blog-banner .banner-caption{padding-top: 100px;}
.blog-banner .banner-caption .caption-icon{margin-bottom: 20px;}

.inner-banner01 { width: 100%; position: relative; background-color: #f8f8f8; margin: 0;  padding: 45px 0 15px 0; }
.inner-banner01 h1{font-size: 31px; color: #4d4d4d; margin: 0; padding: 0;}
.inner-banner01 p{width: 100%; max-width: 750px; margin: 0 auto;}
.inner-banner01 .icon{margin-top: -10px; margin-bottom: 15px;}

.banner-caption .heading-box{
    margin-bottom: 25px;
}


/* B_crumbBox CSS */
.B_crumbBox-block {margin-top: -827px; }
.no-skew.B_crumbBox-block { background-color: #103856; }
.B_crumbBox-block .container { position: relative; }
.B_crumbBox { width: 100%; height: 30px; float: left; background-color: transparent; display: inline-block; text-align: left; list-style-type: none; padding: 0; margin: 0; }
.B_crumbBox > li { float: left; display: inline-block; font-size: 11px; color: #dcad80; font-weight: 700; line-height: 1.71; position: relative; padding: 0px 10px 0; margin: 0; }
.B_crumbBox > li:first-child { padding-left: 0; }
.B_crumbBox > li + li:before { content: ""; width: 5px; height: 5px; border-radius: 30px; border: solid 1px #dcad80;  position: absolute; left: -2px; top: 6px;}
.B_crumbBox > li > a { color: #FFFFFF; font-weight: 400; line-height: 1.71; }
.B_crumbBox > li > a:hover { text-decoration: none; color: #f6a623; }

.B_crumbBox-block01{margin: 10px 0 20px 0;}
.B_crumbBox-block01 .B_crumbBox > li{color:#987656;}
.B_crumbBox-block01 .B_crumbBox > li > a { color: #4d4d4d;}

.blog-B_crumbBox{margin-top: -368px;}


.pagination-block{width: 100%; float: right; text-align: right;}
.pagination{margin-bottom: 0;}
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0;}
.pagination>li>a, .pagination>li>span{margin: 0 5px; border: solid 1px #979797; color: #303030; font-size: 15px; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{border-color: #979797;}
.pagination>li:last-child>a, .pagination>li:last-child>span{margin-right: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #dcad80; border: solid 1px #dcad80; }


.btn-request { width: 100%; height: 50px; text-align: right; color: #0e1e29; font-size: 20px; text-transform: uppercase; font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: 0.5px; line-height: 50px; position: absolute; right: 0; top: -20px; z-index: 0; }
.btn-request:before { width: 1000%; height: 100%; background-color: #f6a623; content: ""; position: absolute; left: 25px; top: 0; z-index: -1; -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%; -webkit-transform:skewX(-55deg); -ms-transform:skewX(-55deg); transform:skewX(-55deg); }
.btn-request:hover { color: #FFFFFF; }
 
.flexslider { width: 100%; float: left; background-color: transparent; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; padding: 0; }

/* ========== Common CSS Ends ========== */

/* Header Top CSS */
#header { width: 100%; height: 70px; position: fixed; left: 0; top: 0; z-index: 999; padding: 0; background-color: #987656; transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;  }
#header .container-fluid{max-width: 1400px;position: relative;background-color:#4d4d4d;}
.search-trigger{color: white; font-size: 18px; margin-left: 20px;float:right;margin-right:200px;}
.search-trigger i{margin-top: 25px;}
.search-trigger.active i:before{content:'\f00d';}
.search-trigger:hover{color:white}
.search-form { float: left; margin: 26px 0 0px 15px; padding: 0; display: none; width: 100%; height: 40px; position: absolute; bottom: -40px; right: 0; z-index: 1; background-color: white; }
.search-form  .search-field { width: 100%; float: left; }
.search-form  .search-field .form-control { height:40px; float: left; background-color:transparent; border:0; border-bottom: 1px solid #bebebe; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #4d4d4d; font-size: 12px; font-weight: 400; line-height:1.5; padding:0 15px 0 15px; }
.search-form .btn-search {position: absolute; right: 0; top: 6px; color: #4d4d4d; font-size: 18px; background-color: transparent; border: 0;}

.rsv-space{position:absolute; right: 0; top: 0px; margin-right: -15px;}
.rsv-space a{height: 70px; display: block; font-family: 'Fjalla One', sans-serif; font-size: 21px; color: #FFF; text-transform: uppercase; line-height: 70px; background-color: #987656; padding: 0 30px 0 15px;}
.rsv-space a:hover,.rsv-space a:active{background-color: #dcad80;}

.m-search-tab{display: none;}


.logo{height: 70px; background-color: #987656; float: left; padding-right: 15px; margin-left: -15px;}
.logo a {display: block; padding-top: 10px;}
.call-info { float: left; list-style-type: none;  margin: 0; padding:21px 0 0 20px; }
.call-info a { font-size: 26px; font-weight: 400; font-family: 'Fjalla One', sans-serif; color: #dedede; line-height: 1.19;}
.call-info .fa{display: none;}

.navbar {float: left; margin: 0; padding: 0; border: 0;}
.navbar-menu { width: 100%; float: left; margin: 0; padding: 0; }
.navbar-menu ul.navlist { width: 100%; float: left; list-style-type: none; margin: 0; padding: 0; }
.navbar-menu ul.navlist > li { float: left; line-height: normal; position: relative; border-right: solid 1px #7b7b7b; margin: 0; padding:0; }
.navbar-menu ul.navlist > li > a {height: 70px; line-height: 70px; color: #fff; font-size: 15px; font-weight: 400;  display: inline-block; padding: 0 20px; }
.navbar-menu ul.navlist > li > a > .ion-ios-arrow-down{margin-left:2px; font-size: 10px; }
.navbar-menu ul.navlist > li:hover > a, .navbar-menu ul.navlist > li.active > a { background-color: transparent; color: #dcad80; border-color: #f6a623; text-decoration: none; }
.navbar-menu ul.navlist > li:hover > a > .ion-ios-arrow-down, .navbar-menu ul.navlist > li.active > a .ion-ios-arrow-down{color: #FFF;}
.navlist > li.mm-dropdown > ul.inner { width: 250px; background-color: #777777; opacity: 0; visibility: hidden; border: 0; position: absolute; left: 0; top: 100%; list-style-type: none; text-align: left; margin: 0; padding:0; transition:all .3s cubic-bezier(.215, .61, .355, 1); -webkit-transition:all .3s cubic-bezier(.215, .61, .355, 1); -moz-transition:all .3s cubic-bezier(.215, .61, .355, 1); -ms-transition:all .3s cubic-bezier(.215, .61, .355, 1); -o-transition:all .3s cubic-bezier(.215, .61, .355, 1); }
.navlist > li.mm-dropdown:hover > ul.inner { opacity: 1; visibility: visible; }
.navlist > li.mm-dropdown > ul.inner li { position: relative; border-bottom: 1px solid #dddddd; margin: 0; padding: 5px 5px 5px 20px; }
.navlist > li.mm-dropdown > ul.inner li:last-child {border: 0;}

.navlist > li.mm-dropdown > ul.inner li a { font-size: 12px; color: #ffffff; font-weight: 400;  display: block; padding: 0; }
.navlist > li.mm-dropdown > ul.inner > li:hover > a, .navlist > li.mm-dropdown > ul.inner > li.active > a { color: #dcad80; }


.nav-toggle{display: none;}

/* Slider CSS */
#home-slider { width: 100%; float: left; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; padding: 0; }
#home-slider .slides > li { width: 100%; height: 600px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 0; }
#home-slider .slider-caption {width: 100%; float: left; text-align: center; position: relative; z-index: 2; padding-top: 75px; }
#home-slider .slider-caption h1{display: inline-block; font-size: 51px; color: #4d4d4d;  line-height: normal; text-transform: uppercase; margin: 0; padding: 0;}
#home-slider .slider-caption h1 span{display: block; font-size: 31px; position: relative; text-transform: none; }
#home-slider .slider-caption h1 span:after, #home-slider .slider-caption h1 span:before{content: ""; width: 30%; height: 1px;  position: absolute; top:50%; background: #000000; margin: 0; padding: 0;}
#home-slider .slider-caption h1 span:after{right: 0;}
#home-slider .slider-caption h1 span:before{left: 0;}


.home-bucket-block{background:rgba(152, 118, 86,0.76); min-height: 197px; padding: 0; margin-top: -197px; }

.bucket-box { width: 100%; min-height: 164px; float: left; text-align: center; position: relative; }
.bucket-box:after{content: ""; width: 1px; height: 153px; background-color: #FFF; opacity: 0.3; position: absolute; right: -15px; top: 0;}
.bucket-box:before{content: ""; width: 7px; height: 7px; border:1px solid #FFF; opacity: 0.3; border-radius: 10px; position: absolute; top: 156px; right: -18px;}
.bucket-box .bucket-title{width: 100%; float: left;}
.bucket-box .bucket-title h2 { font-size: 26px; line-height: 1.85; color: #ffffff; margin: 0; padding: 15px 0 0 0; }
.bucket-box .bucket-details{width: 100%; float: left;}
.bucket-box .bucket-details p {  font-size: 12px; color: #FFFFFF; padding-left: 50px; padding-right: 50px; }
.last .bucket-box:after, .last .bucket-box:before{display: none;}

.secure-building{padding-top: 0; min-height: 360px;}
.secure-building .heading, .secure-building p{color: #FFF;}
.secure-building .heading-box, .secure-building p{width: 100%; max-width: 500px;}
.security-bucket{padding: 75px 15% 15px 5%}


.rsv-my-space:after{ content: ""; width: 353px; height: 373px; background:url(../assets/images/box_image.png) no-repeat left top; background-size: 100%; position: absolute; left: -25px; top:5px; }
.storage-service p, .stay-connected p{padding-left: 80px; padding-right: 80px;}
.rsv-my-space p{max-width: 780px; margin: 0 auto;}
.rsv-my-space .btn, .stay-connected .btn{margin-top:20px; }
.rsv-my-space .col-xs-12:before{content:""; width: 100%;height: 1px; background-color: #979797; position: absolute; right: 0; bottom: 0; display: none;}
.rsv-my-space .col-xs-12:after{content:""; width:7px; height: 7px; border:1px solid #979797; border-radius: 20px; position: absolute; right: -10px; bottom: -3px; display: none;}

.storage-slider-box{min-height: 400px; }
.storage-slider-box .heading, .storage-slider-box p{color: #FFF;}
.storage-slider-box p{padding-left: 0; padding-right: 0;}
.storage-bucket{ height:400px; position: relative; z-index: 2; padding: 0 70px 0 30px }
.storage_bucket-bg{width:1000%; height:400px; position: absolute; right: 0; top: 0; z-index: 1;  margin: 0; padding: 0;}

.storage-slider-wrap { position: absolute; right: 0; top: 0; }
.storage-slider{width:100%; position: absolute; left: 0; top: 0;  margin: 0; padding: 0; }
.storage-slider .item{height: 400px; background-position: 50% 50%; background-size: cover;}
.storage-slider .flex-control-nav{width: auto; bottom:inherit; top: 50%; left: 0; z-index: 100; transform: translateY(-50%);}
.storage-slider .flex-control-nav li{display: block; margin: 10px 0; padding: 0;}
.storage-slider .flex-control-nav li a{width: 9px; height: 9px; background-color: transparent; border-radius: 30px; border: 1px solid #dcad80;}
.storage-slider .flex-control-nav li a.flex-active{background-color: #dcad80;}

.storage-content-slider { width: 100%; top: 50%; transform: translateY(-50%); padding-right: 50px; padding-left: 30px; }

.stay-connected{padding-top: 60px; /* border-bottom: 1px solid  #979797; */}

.sticky-sidebar{width: 70px; position: fixed; top:215px; right: 0; margin: 0; padding: 0; z-index: 3;}
.sticky-sidebar li{width: 70px; height: 60px; float: left; background-color: #d19a69; text-align: center; list-style: none; margin-bottom: 1px;}
.sticky-sidebar li a{height: 60px; display: block; vertical-align: middle; position: relative;}
.sticky-sidebar li a:hover,.sticky-sidebar li a:active{background-color: #987656;}
.sticky-sidebar li a img{position: relative; top: 50%; transform: translateY(-50%);}
.sticky-sidebar li span{display: none; width: 100px; font-family: 'Fjalla One', sans-serif; font-size: 14px; color: #987656; text-align: right; position: absolute; right:85px; top: 22px;}
.sticky-sidebar li:hover span{display: block;}

/*Footer Start*/
#footer { position: relative; padding-top: 35px; background-color: #eee;}
/*
.home-footer { border-top: 1px solid  #979797; }
.home-footer .dot-line{width: 50px; height: 7px; background-color: #FFF; position: absolute; left: 50%; top: -4px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); margin: 0; padding: 0; }
.home-footer .dot-line:after, .home-footer .dot-line:before{content: ""; width: 7px; height: 7px; border-radius: 20px; border: 1px solid #CCC; position: absolute; top: 0;}
.home-footer .dot-line:after{left: 3px;}
.home-footer .dot-line:before{right: 3px;}
*/
#footer .heading-box h4 {font-size: 21px; line-height: 0.9; margin: 0;}
#footer p { font-size:12px;  line-height: 1.5; }
#footer p a{text-decoration: none;}
#footer .btn{color: #FFF;text-transform: uppercase;background-color: #987656;}
#footer .btn:hover,#footer .btn:active{background-color: #dcad80;}
body.tpl-3 #footer,body.tpl-4 #footer{margin-top: 50px;}

.contact-info-box{width: auto; float: right;}
.company-info{ width: 100%; float: left; margin: 0; padding: 0; }
.checklocation {position: relative;}
.checklocation .fa{position:absolute; left: -15px; top: 1px; font-size: 15px; color: #987656;}
.checklocation a{border-bottom: 1px solid #979797; padding-bottom: 2px; text-decoration: none}

ul.footer-links { width: 100%; float: left; margin: 0; padding: 0; }
ul.footer-links li { position: relative; list-style: none; margin: 0; padding: 0 0 5px 15px; }
ul.footer-links > li.first{padding:0;}
ul.footer-links > li.first > a,ul.footer-links > li.first:before{display: none;}
ul.footer-links li:before { content: "\f3d6"; font-family: "Ionicons"; color: #303030; font-size: 12px;  position: absolute; left: 0; top: 2px; }
ul.footer-links li a { color: #303030;font-size: 12px; }
ul.footer-links li a:hover, ul.footer-links li.active > a, ul.quick-links li a:hover { color: #987656; }
ul.footer-links li ul{padding-left:0;}

.footer-bottom { width: 100%; float: left; background-color: #000000; padding: 15px 0; margin-top:20px; }
.footer-bottom .container{position: relative;}
#footer .footer-bottom p { float: right; font-size: 10px; line-height: normal; color: #999999; margin: 0; }
#footer .footer-bottom p.copyright{float: left;}
#footer .footer-bottom p a { color: #999999; font-weight: 700; }
#footer .footer-bottom p a:hover { color: #FFF; }

.back-to-top {width: 52px; height: 47px; border-radius: 7px; background-color: #000000; position: absolute; left: 15px; top: -50px; font-size: 30px; color: #FFF; text-align: center;}
.back-to-top i{margin-top:5px;padding-top:5px}
.back-to-top:hover, .back-to-top:focus{color: #FFF;}


/*Landing Page Start*/
.storage-services{margin-top: -800px; padding: 0; z-index: 1;}
.storage-services .row{margin-left: -3px; margin-right: -3px;}
.storage-services [class*="col-"]{padding-left: 3px; padding-right: 3px; padding-bottom: 3px; padding-top: 3px;}
.storage-services .bucket-box1{width: 100%; height: 470px; float:left; position: relative; background-color: #FFF; border: solid 1px #cdcdcd; text-align: center; padding:40px 40px; transition:all 0.5s ease-in-out;}
.storage-services .bucket-title{width: 100%; min-height: 46px;}
.storage-services .bucket-title h2{margin: -15px 0 15px 0; line-height: 40px;}
.storage-services .bucket-details{width: 100%; min-height: 65px;}
.storage-services .price-box{width: 100%; padding: 0 0 34px 0;}
.storage-services .price-label{font-family: 'Fjalla One', sans-serif; font-size: 14px; color: #4d4d4d; line-height: 1.14; margin: 0; padding: 0 0 8px 0; }
.storage-services .price{font-family: 'Fjalla One', sans-serif; font-size: 51px; color: #4d4d4d; line-height: 0.94; display: inline-block; position: relative; margin: 0; padding: 0 0 0 10px; }
.storage-services .price span{font-size: 14px; line-height: 1.14; position: absolute; left: 0; top: 0; }

.storage-services .bucket-box1:hover{background-color: #dcad80; border-color:#dcad80; }
.storage-services .bucket-box1:hover h2, .storage-services .bucket-box1:hover p{color: #FFF;}

.storage-services .bucket-box1 .link{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.storage-services .icon-box{width: 100%; min-height: 105px; margin-top: 10px;}

.storage-services .bucket-icon{display: inline-block;}
.storage-services .bucket-icon-hv{display: none;}
.storage-services .bucket-box1:hover .bucket-icon{display:none;}
.storage-services .bucket-box1:hover .bucket-icon-hv{display: inline-block;}

/*.storage-services .icon-box span.indoor-storage-icon{background:url(../assets/images/IndoorStorage_Outline_icon.png) no-repeat left top;}
.storage-services .icon-box span.personal-storage-icon{background:url(../assets/images/PersonalStorage_Outline_Icon.png) no-repeat left top;}
.storage-services .icon-box span.business-storage-icon{background:url(../assets/images/BusinessStorage_Outline_Icon.png) no-repeat left top;}
.storage-services .icon-box span.storage-size-icon{background:url(../assets/images/StorageSize_Outline_Icon.png) no-repeat left top;}

.storage-services .bucket-box1:hover .icon-box span.indoor-storage-icon{background:url(../assets/images/IndoorStorage_Outline_icon_hv.png) no-repeat left top;}
.storage-services .bucket-box1:hover .icon-box span.personal-storage-icon{background:url(../assets/images/PersonalStorage_Outline_Icon_hv.png) no-repeat left top;}
.storage-services .bucket-box1:hover .icon-box span.business-storage-icon{background:url(../assets/images/BusinessStorage_Outline_Icon_hv.png) no-repeat left top;}
.storage-services .bucket-box1:hover .icon-box span.storage-size-icon{background:url(../assets/images/StorageSize_Outline_Icon_hv.png) no-repeat left top;}*/


.how-it-works{ background-color: #f8f8f8; padding-bottom: 30px; margin-top: -410px; padding-top: 150px}
.how-it-works .text-center{ width: 100%; display: inline-block; padding-top: 20px; }
.step-list{margin: 0; padding: 0;}
.step-list li{width: 33.33%; float: left; list-style: none; position: relative; margin: 0; padding: 0 15px 0 0;}
.step-list li:after{content:"\f30f"; font-family: "Ionicons"; font-size: 15px; color: #4d4d4d; position: absolute; right: 23%; top: 0;}
.step-list li:last-child:after{display: none;}

.stay-connected-inner{border: 0;}
.contactform{padding-bottom: 30px;}

.map{ padding: 0; border-bottom: 1px solid white}
.map iframe { width: 100%; float: left; }

/*Landing Page End*/

/*Reserve My Space Start*/
.rsv-heading{height: 60px; background-color: #987656; text-align: center; line-height: 75px;}
.rsv-heading .heading:after{border-color: #FFF;}
/*Reserve My Space End*/

/*Details Page Start*/
.product-features{padding-top:20px; padding-bottom: 0; }
#middle .img-wrapper, .storageimage{height: 264px; background-position: right top !important; overflow:hidden;}
#middle .img-wrapper img, .storageimage img{width: 100%; height: auto;}
.features-list{float: left;}
.unitprice{float: right; padding-right: 15%;}
.unitprice p{text-align: right; font-family: 'Fjalla One', sans-serif; color: #a8a8a8; margin: 0; padding: 0;}
.unitprice .price-label{text-align: center;}
.unitprice .price-label{ font-size: 18px; color: #4d4d4d; line-height: 1.14; text-transform: uppercase; margin: 0; padding: 0 0 8px 0; }
.unitprice .price{ font-size: 58px; line-height: 1; display: inline-block; position: relative; margin: 0; padding: 0 0 0 15px; }
.unitprice .price span{font-size: 23px; line-height: normal; position: absolute; left: 0; top: 0; }
.unitprice .size{font-size: 31px;}


.testimonial { margin-top: 110px; }
.testimonial .container { height: 245px; display: table; }
.testimonial .quote { max-width: 625px; height: 100%; display: table-cell; vertical-align: middle; text-align: center; border: 0; }
.testimonial .content { color: #FFF; font-size: 20px; position: relative; margin: 0; padding: 0; }
.testimonial .content:after, .testimonial .content:before { font-family: 'Fjalla One', sans-serif; font-size: 51px; color: #ffffff; line-height: 0.94; position: absolute; }
.testimonial .content:after { content:"“";  left: -35px; top: -15px; }
.testimonial .content:before { content:"”"; right: -35px; bottom: -55px; }
.testimonial .quote .source { width: 100%; float: left; color: #FFFFFF; font-size: 22px; font-weight: 500; padding-top: 15px; }
/*Details Page End*/

/*Blog Page Start*/
.blog-banner{height: 847px;}
.blog-cards{margin-top: -352px; padding-top: 0;}
#blog-carousel .slides{margin-left: -5px; margin-right: -5px;}
#blog-carousel .slides > li{width: 33.33%; height:auto; float: left; display: block; padding: 10px 5px;}
.cart{width: 100%; float: left; background-color: #FFF; }
.cart .cart-thumb{width: 100%; float: left; position: relative;}
.cart .cart-thumb:after{content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 22px solid #FFF; position: absolute; left: 50%; bottom: 0; margin-left: -22px;}
.cart .cart-content{width: 100%; min-height: 250px; float: left; border: solid 1px #a8a8a8; border-top: 0; margin: 0; padding: 0 35px;}
.cart .cart-title{width: 100%; float: left; text-align: center; padding: 0; margin-top: 30px;}
.cart .cart-title h2{margin: 0; padding: 0 0 5px 0;}
.cart .cart-title p{font-size: 15px; color: #303030; margin: 0; padding: 0 0 2px 0;}
.cart .discription{width: 100%; min-height: 106px; float: left; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 0; padding: 13px 0;}
.cart .discription p{font-size: 15px; color: #303030; text-align: center; margin: 0; padding: 0;}
.cart-bottom{overflow: hidden; margin-left: -35px; margin-right: -35px; padding: 15px 10px 0 10px;}
.cart-bottom .left div{ float: left; display: inline-block;}
.cart-bottom .left .writter-pic{width: 27px; height: 27px; background-color: #d8d8d8; border: solid 1px #979797; text-align: center; line-height: 27px; border-radius: 50px; margin: 0 10px 0 0; padding: 0;}
.cart-bottom .left .writter-name{ line-height: 27px; font-size: 12px; color: #a8a8a8; font-style: italic;}
.cart-bottom .right span{color: #a8a8a8; font-size: 14px; padding-top: 10px; padding-right: 5px; display: inline-block;}
/*Blog Page End*/


/*edit page*/
#edit-page {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1;
	background:#2bc271;
	border-radius:0 0 8px 0;
	-moz-border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	width:40px;
	padding:5px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#edit-page:hover {
	color:#2bc271;
	background:#fff;
}


.btn1 {
    width: 145px;
    height: 36px;
    border: 1px solid ##d19a69;
    border-radius: 0;
    font-size: 13px;
    font-color: #000000 !important;
    background-color: #d19a69 !important;
    line-height: 36px;
    text-transform: uppercase;
    overflow: hidden;
    margin: 0;
    padding: 0;
}