/**
 * Style Sheet
 * Developed by: N-Gen Desing <http://ngendesign.net>
 * Author: Andrew Nite <info@ngendesign.net>
 * "Building to simply build"
 */
body{
  overflow-x: hidden;
}
#page-content {
  
}
#page-content.min-height {
  min-height:90vh;
  padding-bottom:20vh;
}
.min-height-60 {
  min-height:60vh;
}
/*--------------------------------------------------------------------------
  misc styles
--------------------------------------------------------------------------*/
hr {
  border-top: 2px dotted #eee;
}
.dotted {
    background-color: #fff;
    border-top: 2px dotted #eee;
    margin: 30px 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
h1.heading-h1 {
  font-size:32px;
  border-bottom: 2px dotted #eee;
  margin: 0 0 25px;
  padding: 30px 0 10px;
}
.btn.call-button {
  padding: 8px 14px 16px;
}
.btn.call-button i {
  position: relative;
  top: 6px;
}
/*--------------------------------------------------------------------------
  misc margin/padding styles
--------------------------------------------------------------------------*/
.no-margin {
  margin:0px;
}
.no-margin-top {
  margin-top:0px !important;
}
.no-margin-right {
  margin-right:0px !important;
}
.no-margin-bottom {
  margin-bottom:0px !important;
}
.no-margin-left {
  margin-left:0px !important;
}
.margin-bottom-10 {
  margin-bottom:10px;
}
.margin-bottom-20 {
  margin-bottom:20px;
}
.margin-bottom-30 {
  margin-bottom:30px;
}
.margin-bottom-40 {
  margin-bottom:40px;
}
.no-padding {
  padding:0px;
}
.no-padding-top {
  padding-top:0px !important;
}
.no-padding-right {
  padding-right:0px !important;
}
.no-padding-bottom {
  padding-bottom:0px !important;
}
.no-padding-left {
  padding-left:0px !important;
}
/*--------------------------------------------------------------------------
  Breadcrumb
--------------------------------------------------------------------------*/
.breadcrumb.full-width {
	margin-bottom:0px;
	padding-top:22px;
	padding-bottom:22px;
}
/*--------------------------------------------------------------------------
  Navbar
--------------------------------------------------------------------------*/
.navbar .logo-image {
  width:48px;
}
/*--------------------------------------------------------------------------
  Header
--------------------------------------------------------------------------*/
#header {
  background-color:#FFFFFF;
  border-bottom:4px solid #1947a2;
  padding:6px 0px;
}

.header-logo {
  height:100px;
}
#header .contact-us {
  margin-top:26px;
}
#header .contact-us h1 {
  font-size:22px;
  margin:0px;
  color:#192254;
  text-transform: uppercase;
}
#header .contact-us p {
  font-size:20px;
  line-height:26px;
  margin:0px;
}
#header .contact-us p.address {
  
}
#header .contact-us p.phone-number {
  
}
#header .contact-us p.email {
  
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  #header .contact-us .contact-address {
    text-align: center;
    margin-bottom:6px;
  }
  #header .contact-us .contact-address i {
    display:none;
  }
}
#header .contact-us i {
  border:1px solid #222e72;
  background-color:#2b3a90;
  padding:10px;
  font-size:26px;
  color:#FFFFFF;
  float:left;
  margin-right:8px;
}
/*--------------------------------------------------------------------------
  Page Content
--------------------------------------------------------------------------*/
#page-content {
  padding: 0px;

}
#page-content .container-fluid {
  padding: 0px;
}
#page-content .row {
  margin-right:0px;
  margin-left:0px;
}
#page-content .content-body {
  margin-top:42px;
  margin-bottom:42px;
}
#page-content .content-body p {
  line-height: initial;
  font-size: 16px;
}
/*-------------------Information pages--------------------*/
#information-page {
  font-size:18px;
  min-height:80vh;
  padding-bottom:12px;
}
#information-page h1 {
  font-size:32px;
}

#information-page h1.underline {
	border-bottom: 2px dotted #eee;
	margin: 0 0 25px;
	padding: 30px 0 10px;
}
#information-page h2 {
  font-size: 26px;
  margin-bottom:22px;
}
#information-page p {
  margin-bottom:12px;
}
/*--------------------------------------------------------------------------
  Page Header Image
--------------------------------------------------------------------------*/
.page-header-image {
	padding: 105px 160px;
	position: relative;
	width: 100vw;
	left: calc(-50vw + 50%);
}
/*--------------------------------------
  Mobile styles
--------------------------------------*/
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .page-header-image {
    padding: 1px 0px 28px 0px;
  }
}
/*Background images*/
.page-header-image.bg-1 {
  background: url(../image/background/storage-blue-1.jpg) center center no-repeat fixed;
}
.page-header-image.bg-2 {
  background: url(../image/background/storage-blue-lg.jpg) center center no-repeat fixed;
}
.page-header-image.bg-3 {
  background: url(https://www.lifestorage.com/assets/img/article/vehicle-storage.jpg)  center -20px no-repeat fixed;
}
.page-header-image.bg-4 {
  background: url(../image/background/article.jpg) center center no-repeat fixed;
}
.page-header-image.bg-camara {
  background: url(../image/background/cctv-camera.jpg) center -86px no-repeat ;
  background-size: cover;
}
.page-header-image .text-content {
  color:#FFFFFF;
  margin: 0 auto;
text-align: center;
vertical-align: middle;
}
.page-header-image .text-content h1 {
  font-size:50px;
}
.page-header-image .text-content p {
  font-size:20px;
}
.page-header-image .text-content  i {
  font-size:42px;
  position:relative;
  top:12px;
}
/*--------------------------------------------------------------------------
  Home Intro
--------------------------------------------------------------------------*/
.home-intro {
  text-align:center;
  /*
  background-color: #e7e7e7;
  */
  padding:0px 0px 0px;
}
.home-intro .text-content {
  margin-top:82px;
}
.home-intro h1 {
  font-size:38px;
}
.home-intro p {
  font-size:16px;
}
/*--------------------------------------------------------------------------
  Services
--------------------------------------------------------------------------*/
.services {
  text-align: center;
  background-color: #FFFFFF;
  border-bottom: 4px;
  position:relative;
  top:-68px;
  border-top:2px solid #ffe700;
  /*
  -webkit-box-shadow: 0px 7px 5px -3px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 7px 5px -3px rgba(0,0,0,0.27);
  box-shadow: 0px 7px 5px -3px rgba(0,0,0,0.27);
  */
}
.services h1 {
  font-size:32px;
  margin: 0px;
}
.services p.title {
  font-size:32px;
  margin:0px;
}
.services i {
  font-size:82px;
}
.services .service-block {
  padding: 42px 12px 0px;
}
/*--------------------------------------------------------------------------
  Help Section
--------------------------------------------------------------------------*/
.help-section {
  padding:32px 0px;
}
.help-section h1 {
  font-size:32px;
  margin-bottom:18px;
  text-align: center;
}
/*--------------------------------------------------------------------------
  Prices
--------------------------------------------------------------------------*/
.price-list {
  padding:32px 0px;
  text-align: center;
}
.price-list h1 {
  font-size:54px;
  font-weight:bold;
  color:#192254;
  margin-bottom:22px;
}
.price-table {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 7px solid #eeeeee;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.price-table:hover {
  background: rgba(0,0,0, .03);
  border-color: #192254;
}
.price-table .price-table-heading {
  color: #333333;
  background: #f9f9f9;
  padding: 10px 0;
  margin: 0;
}
.price-table .price-table-heading .title {
  color: #333333;
  font-size:34px;
}
.price-table > .price-table-body {
  color: #FFFFFF;
  background: #192254;
  padding: 50px 0 30px;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.price-table > .price-table-body .value {
  font-size: 66px;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
}
.price-table > .price-table-body .value small {
  font-size: 16px;
}
.price-table > .list-group {
  color: #333;
  font-weight: 400;
  margin-bottom: 0;
}
.price-table > .list-group .list-group-item {
  color: #333;
  font-size:18px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; 
  border: 1px solid #ddd;
}
/*--------------------------------------------------------------------------
  Footer
--------------------------------------------------------------------------*/
#footer {
  background-color: #222E72;
  border-top: 4px solid #FFE700;
  padding:32px 0px;
  color:#FFFFFF;
}
#footer h1 {
  font-size:22px;
  font-weight:bold;
  margin: 0 0 20px;
}
#footer a {
  color:#FFFFFF;
}
#footer a:hover {
  text-decoration:underline;
}


/*--------------------------------------------------------------------------
  miscellaneous/modules
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
  panel blockquote
--------------------------------------------------------------------------*/
.panel.blockquote blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	border-left: none;
}
.panel.blockquote blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -2px;
	top: -20px;
	color: #7a7a7a;
}
.panel.blockquote blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
/*--------------------------------------------------------------------------
  Custom Card
--------------------------------------------------------------------------*/
.pmd-card.no-padding {
  padding:0px;
}
.pmd-card.padding-top {
  padding-top:2px;
}
.pmd-card.no-padding .pmd-card-body {
  padding: 0px;
  margin-top:0px;
}
.pmd-card.no-padding .pmd-card-body p {
  padding: 0 12px 2px;
  margin:0px;
}

.pmd-card-custom-form {
  border-bottom:2px solid #ffe700;
  background-color: #f8f8f8;
  border-radius:0px !important;
  padding: 22px 0 22px 0px;
}
.pmd-card-custom-form h1 {
  margin-top: 0px;
}
.pmd-card-custom-form h2 {
   font-size:24px !important;
 }
.pmd-card-custom-form .icon {
  position:relative;
  top:-32px;
  background-color:#222e72;
  border-radius:50%;
  width:90px;
  height:90px;
  color:#FFFFFF;
}
.pmd-card-custom-form .icon i {
  font-size:52px;
  position: relative;
  top:18px;
  left:18px;
}
/*--------------------------------------
  Mobile styles
--------------------------------------*/
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .pmd-card-custom-form .icon {
    top: 14px;
  }
}

.pmd-card-custom-form .pmd-card-title-text {
  margin-bottom: -2px;
  margin-left: 10px;
  font-weight:bold;
  color:#333333 !important;
}
.pmd-card-custom-form ul {
   padding-left:15px !important;
}
.pmd-card-custom-form .pmd-card-icon {
  width:90px;
  height:90px;
  border-radius:50%;
  border:2px solid #222e72;
  background-color:#2b3a90;
  padding:22px;
  margin: 6px auto;
} 
.pmd-card-icon i {
  font-size:54px;
  color:#FFFFFF;
  position:relative;
  top:-6px;
  left:-6px;
}
.pmd-card-custom-form .btn {
  margin-bottom:4px;
}
/*--------------------------------------------------------------------------
  Panel List
--------------------------------------------------------------------------*/
.panel-list .img-circle {
  width: 200px;
  padding:12px;
  background-color:#FFFFFF;
}
.panel-list .pmd-card {
  margin-bottom:30px;
}
/*--------------------------------------------------------------------------
  Units Carousel
--------------------------------------------------------------------------*/
#units-carousel {

}
.col-item {
  border: 1px solid #E1E1E1;
  background: #FFF;
}
.col-item .photo img {
  margin: 0 auto;
  width: 100%;
}
.col-item .info {
  padding: 10px;
  margin-top: 1px;
}
.col-item .price {
  text-align:center;
  margin-top: 5px;
}
.col-item .price h5 {
  line-height: 20px;
  margin: 0;
  font-size:18px;
  font-weight:bold;
}
.price-text-color {
  color: #219FD1;
}
.col-item .separator {
  margin:6px 0px;
}
.col-item .separator p {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center;
}
.col-item .separator p i {
  margin-right: 5px;
}
.controls {
  margin-top: 20px;
}
[data-slide="prev"] {
  margin-right: 10px;
}
/*--------------------------------------------------------------------------
  Select style
--------------------------------------------------------------------------*/
.pmd-select-style select {
	border: 1px solid #222e72;
	padding: 6px;
	height: initial;
	background: #222e72;
	color: #FFFFFF;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

/*--------------------------------------------------------------------------
  Card Styles
--------------------------------------------------------------------------*/
.article-post-module {
	margin-bottom: 62px;
}
.card {
	font-size: 1em;
	overflow: hidden;
	padding: 0;
	border: none;
	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
.card-block {
	font-size: 1em;
	position: relative;
	margin: 0;
	padding: 1em;
	border: none;
	border-top: 1px solid rgba(34, 36, 38, .1);
	box-shadow: none;
}
.card-img-top {
	display: block;
	width: 100%;
	height: 250px;
}
.iframe-keeper {
	height: 250px;
}
.card-title {
	font-size: 1.28571429em;
	font-weight: 700;
	line-height: 1.2857em;
}
.card-text {
	clear: both;
	margin-top: .5em;
	color: rgba(0, 0, 0, .68);
}
.card-footer {
	font-size: 1em;
	position: static;
	top: 0;
	left: 0;
	max-width: 100%;
	padding: .75em 1em;
	color: rgba(0, 0, 0, .4);
	border-top: 1px solid rgba(0, 0, 0, .05) !important;
	background: #fff;
}
.card-inverse .btn {
	border: 1px solid rgba(0, 0, 0, .05);
}
.profile {
	position: absolute;
	top: -12px;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 50%;
}
.profile-avatar {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.profile-inline {
	position: relative;
	top: 0;
	display: inline-block;
}
.profile-inline ~ .card-title {
	display: inline-block;
	margin-left: 4px;
	vertical-align: top;
}
.text-bold {
	font-weight: 700;
}
.meta {
	font-size: 1em;
	color: rgba(0, 0, 0, .4);
}
.meta a {
	text-decoration: none;
	color: rgba(0, 0, 0, .4);
}
.meta a:hover {
	color: rgba(0, 0, 0, .87);
}
/*--------------------------------------------------------------------------
  Checkout Cart styles
--------------------------------------------------------------------------*/
.checkout-cart .panel-heading h1{
  font-size:22px;
  margin:0px;
  padding:0px;
}
.checkout-cart .panel-body {
  padding:0px;
}
.checkout-cart .panel-body-top {
  border-bottom:2px solid #ffe700;
}
.checkout-cart .panel-body-top h1 {
  font-size: 20px;
}
.checkout-cart .panel-body-bottom {
  padding-top:12px;
  font-size:18px;
}
.checkout-cart .panel-body-bottom p {
  margin:12px;
}
/*--------------------------------------------------------------------------
  User Account styles
--------------------------------------------------------------------------*/
.panel-account .panel-body .btn{
  margin-bottom:10px;
  font-size: 16px;
}
.panel-account .panel-body .btn i {
  font-size:42px;
}
/*--------------------------------------------------------------------------
  Coming Soon Styles
--------------------------------------------------------------------------*/
.coming-soon {
  text-align:center;
}
.coming-soon h1 {
  font-family:"Arial Black", sans-serif !important;
  text-shadow: 3px 3px 0px rgba(150, 150, 150, 1);
  font-size:56px !important;
}
.coming-soon img {
  margin-top:32px;
}
.coming-soon p {
  
  font-size:26px !important;
  margin-top:22px
}