@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700|Raleway:400,500');
@charset "utf-8";
/*body{background-color:#19446E;}*/
html, button, input, select, textarea,
/*.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {font-family:'Lato', 'Lucida Grande', Verdana, Arial, sans-serif;color:#333;}*/
*{font-family:'Lato';/*color:#000*/}
h1,h2,h3,h4,h5,h6{font-family:'Raleway', san-serif;color:#21405C;}
h1{font-size:1.5em!important}
h2{font-size:1.3em!important}
h3{font-size:1.2em!important}
noscript{padding: 1%;font-size:150%;color:#F04E65; }
#ctc_map{max-width:96%;margin:0 auto!important;border:none}
.tp-caption{color:#FFF}
.fr{float: right;}
.large {font-size: large;}
.xlarge {font-size: x-large;}
.xxlarge {font-size: xx-large;}
.small {font-size: small;}

#dates{border-collapse: collapse;}
#dates td{min-height:15px}
.xsmall {font-size: xx-small;}
.smcap {font-variant: small-caps;}
.red    {color: #F04E65!important;}
span.red{font-size: inherit!important;}
.white  {color: #FFFFFF!important;}
.blue{color:#4E7DA9!important}
.yellow {color: #e9a713!important;}
.green{color:#6C854E!important}
.tan{color: #FDB53C!important}
.bolder{font-weight:700;}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.date_info{cursor:pointer;}
.items li{font-size:1.2em;line-height:1.6em;margin-left:4%}

.topper{background: #4E7DA9 url("https://cdn.mojoweb.services/ss/storage-units-left.svg")  1% 1% no-repeat;
 background-size:auto 50px;}
.ctc{line-height:1.8em}
.pay-btn{background-color: #4E7DA9;text-transform: uppercase;min-width:400px}
a.pay-btn{color: #FFF!important;}
a.pay-btn:hover{color: rgb(22, 160, 133)!important;background-color:#FFF!important}
#no-js{min-height: 420px; color:#FFF;
    background: url("https://cdn.mojoweb.services/images/storage-sonoma.jpg") no-repeat scroll center center transparent; background-size:cover;}
.shadow{text-shadow: 0px 0px 4px rgba(54, 63, 69, 0.8);}
a.back-to-top {color:#fff!important;display:none;position:fixed;width:50px;height:50px;font-size:20px;line-height:50px;text-align:center;bottom:30px;right:30px;text-decoration:none;color:#fff;background:rgba(0,0,0,0.3);border:thin solid #fff;border-radius: 50%;}
a.back-to-top:hover { color:#e9a713!important;background:rgba(0,0,0,0.7);}
#pg,#pay_ok{display:none;}
/*#content{background-color:#FFF;width:98%;margin:0 auto;}*/
a,a:active,a:visited{color:#3B5E7F;text-decoration: none;font-weight: bold;}
a:hover{color:#FFF; background-color:#3B5E7F;}
.bdr{border-bottom: 3px solid #3B5E7F;}
.bdr:hover{
	color: #FFF !important;
}
#biz_info a,#biz_info a:active,#biz_info a:visited{color:#ECF0F1;text-decoration: none;font-weight: bold; border-bottom: 3px solid #ECF0F1;} 
#biz_info a:hover{color:#71B6F5;background-color:#ECF0F1;text-shadow:none} 
 header a:hover{color:#76BDFF;text-decoration: underline;}
 nav{position:fixed;background-color:rgba(255,255,255,1);border-bottom:solid 2px #4E7DA9; z-index:99}

.section{width:99%;margin:0 auto!important;}
.l-box {padding: .5em;}

.l-box a:hover{
	text-decoration: underline;
	color: #3B5E7F;	
}

.incentives{
	color: #fffa18;
}

.map-image{
	max-width: 80% !important;
    margin: auto;
	border: 1px solid #3B5E7F;
}
	

a.current, a:active.current ,a:visited.current{color:#a67018!important}
.top_nav ul{float:right;margin-right:4%}
#tos{font-size:1.2em;line-height: 1.4em;margin-top:4%}
#tos li{margin-bottom:1.4em}
.round img {    border-radius: 50%;    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);    margin-top: 10%;}
/*.close{opacity: 0.8!important;}*/
footer{text-align:center;/*border-top:1px solid #1e3b9e; */padding-bottom:2%;} 
footer hr{width:96%}

.map{overflow: hidden;}

#mapCanvas{margin: 0 auto;width: 520px; height: 440px;}

/* Bootstrap v2.3.2 Modal */ 
.close {float: right;  font-weight: bold;  color: #c91437;  opacity: 0.5; filter: alpha(opacity=20);}
.modal-backdrop {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040;  background-color: #000000;}
.modal-backdrop.fade {  opacity: 0;}
.modal-backdrop,.modal-backdrop.fade.in {  opacity: 0.8;  filter: alpha(opacity=80);}
.modal {  position: absolute;  top: 10%;  left: 50%;  z-index: 1050;  margin-left: -280px;
  background-color: #ffffff;  border: 1px solid #999;  border: 1px solid rgba(0, 0, 0, 0.3);  *border: 1px solid #999;
  border-radius: 6px;  outline: none;  
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 background-clip: padding-box;
}
.modal.fade {  top: -25%; transition: opacity 0.3s linear, top 0.3s ease-out;}
.modal.fade.in {  top: 10%;}
.modal-header {  padding: 9px 15px;  border-bottom: 1px solid #eee;}
.modal-header .close {  margin-top: 2px;}
.modal-header h3 {  margin: 0;  line-height: 30px;}
.modal-body {  position: relative;  max-height: 460px;  padding: 15px;  overflow-y: auto;}
.modal-form {  margin-bottom: 0;}
.modal-footer {  padding: 14px 15px 15px;  margin-bottom: 0;  text-align: right;background-color: #f5f5f5;  border-top: 1px solid #ddd; 
    border-radius: 0 0 6px 6px;  *zoom: 1;  box-shadow: inset 0 1px 0 #ffffff;}
.modal-footer:before,
.modal-footer:after {  display: table;  line-height: 0;  content: "";}
.modal-footer:after {  clear: both;}
.modal-footer .btn + .btn {  margin-bottom: 0;  margin-left: 5px;}
.modal-footer .btn-group .btn + .btn {  margin-left: -1px;}
.modal-footer .btn-block + .btn-block {  margin-left: 0;}
.hide {  display: none;}
.show {  display: block;}
.fade {  opacity: 0;          transition: opacity 0.15s linear;}
.fade.in {  opacity: 1;}


[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}