/*** 

====================================================================
	Custom Quote
====================================================================

 ***/

.custom-quote blockquote {
  margin-left: 0;
  margin-top: 25px;
  padding: 30px 10px 10px 50px;
  border-left: 2px solid #f4f4f4;
  position: relative;
}
.custom-quote blockquote:before {
  content: '\e914';
  font-family: 'factoryplus';
  font-size: 20px;
  color: #ff0000;
  position: absolute;
  left: 20px;
  top: 0;
  font-style: initial;
}
.custom-quote blockquote a {
  display: block;
  color: #ff0000;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  font-style: initial;
}
.custom-quote.quote-project blockquote {
  background-color: #fafafa;
  border-left: 1px solid #ff0000;
  padding: 20px 10px 20px 75px;
}
.custom-quote.quote-project blockquote:before {
  font-size: 32px;
  color: #ececec;
  top: 10px;
  left: 25px;
}
.custom-quote.quote-project blockquote:after {
  content: '';
  position: absolute;
  height: 90%;
  width: 1px;
  background-color: #ff0000;
  left: 3px;
  top: 0;
}
.custom-quote.quote-project blockquote h3 {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}

.small_text_normal { font-size: 17px !important; }
.small_text_normal_2 { font-size: 17.3px !important; }
.medium_text_normal{ font-size: 19px  !important; }		
.large_text_normal{ font-size: 21px; }		
.header-btn .btn{ min-width: 100px;
min-height: 35px;
line-height: 35px; padding: 0 16px;  }

.stripcontact2 {
    background: #4D4D4B;
    padding: 40px 0;
}
.stripcontact {
    background: #000321;;
    padding: 15px 0;
}

/**************** footer form *************************/


.custome-footer-form .fh-form-3 textarea {     height: 60px; padding: 1px 5px; font-size: 13px; background-color: transparent; color:#fff}
.custome-footer-form .fh-form-3 input[type="text"], .custome-footer-form .fh-form-3 input[type="email"], .custome-footer-form .fh-form-3 select {
    height: 30px;
    line-height: 30px;
	font-size: 13px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: transparent;color:#fff;
}

.custome-footer-form .fh-form-3 p.field {     margin-bottom: 8px; }
.custome-footer-form .fh-btn{
	min-width: 0px;
	min-height: 25px;
	line-height: 25px;
	font-size: 13px;
}




.border-custome {
	border-top-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 0;	
  -webkit-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
  
     -moz-box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
  
          box-shadow:
     0px 0px 0px 2px rgba(0,0,0,0.6),
                0px 0px 0px 14px #fff,
                0px 0px 0px 18px rgba(0,0,0,0.2),
                6px 6px 8px 17px #555;
}

.abotimglft { padding-right:50px; }

 
.self-storage {
    background: #000321 url(../images/storage/about-self-storage.jpg) center top no-repeat;
    background-size: cover;
} 
.self-storage h4 { font-size:26px; }
.header-padding-top{ padding-top: 150px; }




.footer-top .fh-icon-box  {     margin-bottom: 0px; }
.footer-top .fh-icon-box .fh-icon i { color:#fff !important;}
.footer-top  p {     font-size: 26px; margin-top: 10px;  margin-bottom: unset !important;}
.footer-top  a {     margin-top: 15px;}
.footer-top .fh-button{ background: #450000; float:left !important; border-radius: 50px;}
.footer-top .fh-button:hover{ background:#571919; }
.footer-top .fh-button.button-type-bordered {    min-width: 230px; }

.small-txt {
    margin-top: unset !important;
   font-size: 15px !important;
}

/*** 

====================================================================
    service style
====================================================================

***/
 
.service .service-item {
  margin-bottom: 30px;
  border: 1px solid transparent;
  padding: 28px 14px 25px;
  position: relative;
  text-align: center;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(221,221,221,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(221,221,221,1);
	box-shadow: 0px 0px 10px 0px rgba(221,221,221,1);
}
.service .service-item:before {
  position: absolute;
  content: "";
  border: 12px solid transparent;
  border-top-color: #dddddd;
  border-right-color: #dddddd;
  right: 8px;
  top: 8px;
  transition: .5s ease;
}
.service .service-item:hover:before {
  border-top-color: #000321;
  border-right-color: #000321;
  transition: .5s ease;
}
.service .service-item .icon-box {
  position: relative;
  height: 80px;
  width: 80px;
  margin: 17px auto 40px;
  line-height: 80px;
  transition: .4s ease;
}

.service .service-item .icon-box span {
  position: relative;
  color: #000321;
  font-size: 45px;
  transition: .5s ease;
}
.service .service-item:hover .icon-box span {
  color: #fff;
  transition: .5s ease;
}

.service .service-item .icon-box:before {
  position: absolute;
  content: "";
  border: 1px solid #ddd;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  transform: rotate(45deg);
  left: 0;
  transition: .5s ease;
}
.service .service-item h4 {
  font-size: 20px;
  margin-bottom: 10px;
}


.service .service-item:hover .icon-box:before {
  border-color: #000321;
  background: #000321;
  transition: .5s ease;
}

.service .service-item:hover {
  border-color: #000321;
  transition: .5s ease;
}




.two-column {
  padding: 30px 0 0 0;
}

.two-column .img-box{ margin-right:50px;}

.two-column .overlay-box {
    position: absolute;
    max-width: 250px; 
    background: rgba(50,66,102, 0.75);
    padding: 20px;
    border: 5px solid #fff;
    top: 137px;
	right: -5px;
    box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.18);
} 
.two-column .about-owner h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

 
.two-column .about-owner .company-title {
    color: #fff;
}
/*** 

====================================================================
	Highlights Section
====================================================================

***/



.highlights-section{
	position:relative;
	padding:85px 0px 55px;
	background-color:#F7F7F7;
}

.highlights-section .image-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:54%;
	height:100%;
	background-position:right top;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.highlights-section .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	border-right: 200px solid transparent;
    border-top: 389px solid #f7f7f7;
}



/*** 
=============================================
    Callto action area style
=============================================
***/
.callto-action-area{}
.callto-action-imgbox {
    position: relative;
    display: block;
    z-index: 1;
    margin: 10px;
}
.callto-action-imgbox:before {
    position: absolute;
    top: -22px;
	left: -22px;
    bottom: 40px;
    right: 40px;
    content: "";
    background: #f7f7f7;
    border: 2px solid #000321;
    z-index: -1;
}
.callto-action-imgbox img {
    width: 100%;
}

/*** 
=============================================
   Investor Relation Page
=============================================
***/
#headbg .container-fluid {
     background:#000321; 
	 color:#C7C8C4;
} 
#headbg h4,#headbg h5
{
    color:white;
}
.footer-widgets .contact-widget { background:#450000;  border-top: 1px solid #232951;}
.text-white { color:#fff; }
.mt-10 { margin-top:10px !important }
.mb-10 { margin-bottom:10px !important }
.pt-60 { padding-top:60px !important }

.vacancy .quofrm1 {  padding: 100px; background: #000321; margin-top: 10px; }

.investor-img {
    background-image:url(../images/storage/investor-relations.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	 
}
.fh-icon-box.style-2 .fh-icon {
	border-color:#000321;
}
/*** cuatom css ****/
.fh-icon-box.style-2.icon-left .fh-icon, .fh-icon-box.style-2.icon-left .img-icon {
	margin-right:30px;
	 margin-top: 33px;
}
.fh-icon-box.style-2.icon-left h4, .fh-icon-box.style-2.icon-left .desc {
	margin-left: 40px;
}

/*.btn-default{
    background-color:#450000 !important;
    border-bottom-color: #450000;
    border-left-color: #450000;
    border-right-color: #450000;
    border-top-color: #450000;
	color:#fff;
	margin-bottom: -125px;
    margin-left: 134px;
	border-radius:60px !important;
	font-size:14px;
	
}
.btn
{
	 padding-bottom: 14px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 14px;*/
}
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}
.tab button:hover {
    background-color: #ddd;
}
.tab button.active {
    background-color: #000321;
	color:#fff;
}
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.box-size img{
	width:100%;
}
.arrow-right {
 width: 50px;
    height: 50px;
    background: #571919;
	
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	 margin: 0px 0 10px 0px ;
    
    -moz-transform-origin: 0 100% !important;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
   
	 -webkit-margin-before:-21px !important;
 -webkit-margin-after:30px !important;
 -webkit-margin-start:-14px !important;

 -webkit-transform-origin: 78% 62% ; 
 /* border-right:#f7f7f7 !important ;
  margin-bottom: -125px;
  margin-left: 108px;
   border-top-left-radius: 63px;
   border-bottom-left-radius:63px;*/
   

}

/*.fh-icon-box.style-2.icon-center .fh-icon, .fh-icon-box.style-2.icon-center .img-icon {
	margin-top:-66px;
}*/
.btn-arrow-right{
	 margin-left: -61px;
	 background-color:#571919;
	 color:#fff;
	font-size:22px;
	 color:#fff;
	 border-width:0px;
	  transform: rotate(0deg);
	 /* margin: 0px 0px 0px 0px !important;*/
	 -webkit-margin-start:-37px;
	 -webkit-transform: rotate(0deg);
	 
	 
	
	
}
.font-white{
	color:#E0E0E0;
}
@media only screen and (min-width: 320px)and (max-width: 640px){
.stepwizard {
	transform:rotate(90deg);
	margin-left: -147%;
	top: 442px;
	margin-bottom: -30px !important;
    margin-top: -51px !important;
}
.stepwizard-step {
	right: 157px;
}

.btn-size{
	margin-left:240px;
}
.fh-icon-box.style-2.icon-center {
    padding-left: 48px !important;
}
.btn-arrow-right {
	  transform: rotate(-90deg);
}
/*tab*/
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}
.tab button:hover {
    background-color: #ddd;
}
.tab button.active {
    background-color: #000321;
	color:#fff;
}
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.box-size img{
	width:100%;
}
}
@media only screen and (min-width: 360px)and (max-width: 640px){
	.stepwizard {
		margin-left: -127%;
	}
}
.fh-btn
{
	color:#fff !important;
}

.floating-form {
  background: rgb(249, 249, 249) none repeat scroll 0 0;
  border: 1px solid rgb(221, 221, 221);
  box-shadow: -2px 0 8px rgba(43, 33, 33, 0.06);
  margin-top: 0;
  max-width: 330px;
  padding: 20px 20px 10px;
  position: fixed;
  right: 0;
  z-index: 10;
}

.contact-opener {
  background-color: rgb(70,1,1);
  border-radius: 5px 5px 0 0;
  box-shadow: -2px 0 8px rgba(43, 33, 33, 0.06);
  color: rgb(255, 255, 255);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  left: -90px;
  letter-spacing: 1px;
  padding: 9px;
  position: absolute;
  text-transform: uppercase;
  top: 270px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.contact-opener > a {
  color: rgb(255, 255, 255);
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */

/* Safari only override */

::i-block-chrome,.arrow-right{
  -webkit-transform-origin: 15% 35% ; 
}
}

.site-header {
    padding: 6px 20px;
}
#site-navigation{
	padding-top:9px;	
}