.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* ===========================
	$GENERAL
============================ */

body {
	color:#414042;
	font:normal 15px 'Open Sans';
	background:#fff;
}

h1,h2,h3{
    font-family: 'Abel';
}

a{
	color: inherit;
}
.main-content a{
    color: #4c71b5;
}
a:hover{
	text-decoration: none;
	color:inherit;
}

a:visited{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}

.detail a{
    color: #4c71b5;
}

.detail a:hover{
    text-decoration: underline;
}

.hp-content p a{
    color: #4c71b5;
}

.hp-content p a:hover{
    text-decoration: underline;
}

.about-content p a{
    color: #4c71b5;
}

.about-content p a:hover {
    text-decoration: underline;
}
.faq-content a, .termofuse a{
    color: #4c71b5;
}
.faq-content a:hover, .termofuse a:hover{
    text-decoration: underline;
}


ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.faq-content ul ,.cke_editable ul{
    list-style: disc;
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.color-black{
	color: #414042;
}

.color-yellow{
	color:#906944;
}

.color-orange{
	color: #f26000;
}

.color-grey{
	color: #6D6E71;
}

.color-red{
    color: #EF4136;
}
.color-background-yellow{
	background-color: #906944;
}

.color-background-orange{
	background-color: #f26000 !important;
}

.color-gold{
    color: #906944;
}

.input-group[class*=col-]{
	float: left;
}

.font-opensans{
	font-family: 'Open Sans';
	font-style: normal;
}

.font-abel{
	font-family: 'Abel';
	font-weight: 100%;
	line-height: 120%;
}

.storage-unti-sizes{
    max-width: 100%;
    height: auto;
}

#rent-now iframe {
    width: 100%;
    min-height: 700px;
    overflow: auto;
    border: none;
}

#log-in-milton iframe, #log-in-woodstock iframe{
    width: 100%;
    min-height: 400px;
    overflow: auto;
    border: none;
}

.orange-button{
	display: inline-block;
	background-color: #f26000;
	color: white;
	font-size: 35px;
	border-radius: 5px;
	padding: 7px 18px;
    border: none;
    font-family: 'Abel';
}

.header .orange-button{
    font-size: 40px;
    padding: 5px 18px !important;
    margin-top: 40px;
}
.offer a.orange-button {
 	margin-top: -2px;
	padding: 3px 10px;
}
.offer-image{
    overflow: hidden;
    background: white
}
.orange-button:hover{
	color:#FBFBFB;
	background-color: #FF7700;
}

.orange-button-sml, .brown-button-sml{
	display: inline-block;
	background-color: #f26000;
	color: white;
	font-size: 14px;
	border-radius: 3px;
	padding: 2px 5px;
    border: none;
    font-family: 'Abel';

}

.brown-button-sml{
    background-color: #906944 !important;
    color: #fff  !important;
    font-size: 16px;
    padding: 5px 12px;
}

.orange-button-sml:hover, .brown-button-sml:hover{
	color:white;
}

.pagination .brown-button-sml{
    background-color: #c39a71 !important;
}

.pagination .active{
    background-color: #906944 !important;
}

.form-horizontal .control-label
{
    text-align: left;
}

.input-group[class*=col-]{
    padding-left:15px;
    padding-right:15px;
}
.clear{
    clear:both;
}

hr { width:100%; clear:both; margin:25px 0; height:1px; background:#C2C2C2;}
hr.dashed { border-top:1px dashed #9D9D9C; background:transparent;}

.no-padding{padding: 0;}

.white{color: #FFF;}
.black{color:#000;}

.date{font:normal 14px Open Sans; color: #737474;}


.bold {font-weight:bold;}
.italic {font-style:italic;}

.text-center {text-align:center;}
.responsive-center{margin:0 auto;}

.relative{position:relative;}

.uppercase {text-transform:uppercase;}

.heading {font:300 2.6em Open Sans; color:#000; line-height: 39px;}
.small-heading{font:normal 1.6em Open Sans; color: #000; margin-bottom: 10px; line-height: 24px;}
.small-title{font:normal 1.2em Open Sans; color: #000;}


.left25{margin-left: 25px;}

.spacer {clear:both; height:22px; display:block;}
.spacer.small {height:10px;}

.container{
	max-width: 1000px;
	width: auto;
}
.clear{
    clear: both;
}

img.pull-right {margin:0 0 15px 15px;}
img.pull-left {margin:0 15px 15px 0;}

.grey-border {border:1px solid #C5C5C5;}

img.left{margin: 0 10px 10px 0;}


form.inline{display: inline-block;}
.box-border{

}

h4 {
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: bold;
}

.reg-p{
	font-size: 14px;
	padding: 0 7px;
	margin-top: -7px;
}

.reg-d{
	font-size: 22px;
	padding: 0 7px;
	margin-top: -13px;
}


.small-p{
	font-size: 14px;
	padding: 0 38px;
}

.hint-p{
	font-size: 12px;
	font-style: italic;
	color: #727477;
}
.hint-p p{
	margin: 0;
}

table{
	border: 2px sold black;
	border-radius: 5px;
}

td,th{
	height:95px;
	border-width: 2px;
    padding: 2px;
}

table tr td img{
	padding: 0 5px;
}

.fa-mobile{
    font-size: 22px;
}

.hidden-large{
    display: none;
}

.contact-footer{
    float: left;
    width: 100%;
    font-family: 'Open Sans';
    font-size: large;
}

.g-recaptcha{
    padding-left: 15px;
}

p {
    font-weight: normal;
    
}

.youtube-video{
    width:470px;
    height: 264px;
}

 .youtube-video-full{
    width:640px;
    height: 360px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.stay-informed{
    width: 25%;
}
.google-rwh{
    position: relative;
    float: left;
    margin-left: 30px;
    margin-top: 40px;
    font-size: 14px;
}
.google-rwf{
    display: inline-table;
    padding-top: 15px;
    width: 100%;
}
.google-review-widget {
    box-shadow: 2px 3px 7px;
    width: 200px;
    height: 60px;
    padding: 10px;
    background: #fff;
    z-index:1000;
    font-weight: bold;
}
footer .google-review-widget {
    box-shadow: none;
}
.google-review-widget .google-logo{
    display: inline-block;
    width:40px;
    height: auto;
}
.google-rwf .google-review-widget .google-logo{
    margin: unset;
    float: none;
}
.google-review-widget .ratings{
    color: #f26000;
    font-weight: bold;
    margin-bottom: -8px;
    margin-top: -4px;
    margin-right: -10px;
}
.google-review-widget .text{
    font: 14px bold;
    font-family: 'Open Sans';
    float: right;
    margin-top: -5px;
    padding-left: 5px;
    padding-top:5px;
    padding-right: 5px;
}
.google-rwf .google-review-widget .text{
    margin-right: 8px;
}
.google-rwf .google-review-widget .review-text{
    float: right;
}
.google-review-widget .stars{
    font-size: 18px;
}
.google-review-widget .total{
    font-size: 10px;
}
.google-reviews {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 300px;
    z-index: 10000;
    background: #fff;
    padding: 20px;
    overflow: scroll;
}
.google-reviews a{
    color: #4c71b5;
}
.google-reviews  .userIcon{
    float: left;
    margin: 10px;
    width: 48px;
}
.google-reviews .review{
    color: #717171;
}
.google-reviews .date{
    font-style: italic;
    color: #999;
}
.google-reviews .close-google-reviews{
    background: top;
    border: none;
    font-size: 30px;
    font-weight: bold;
    color: #888;
    position: absolute;
    right: 0px;
    top: -4px;
}
.google-reviews .review{
    padding-left: 5px;
    padding-top: 2px;
    padding-top: 10px;
}

/* ===========================
	$HEADER
============================ */
.header-information{
	width: 100%;
	background-color: #906944;
	font-size: 16px;
	color:white;
	padding: 6px 0;
}

.header-information a{
	color:white;
	text-decoration: none;
}

.header-information i {
	padding-right: 4px;
}

.header-information span{
	padding: 0 1px;
}

.header{
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
}
.header-logo{
	float:left;
	margin:18px 0;
}
.header span{
	padding: 4px 12px 4px 12px;
	margin:23.5px 0;
}

.header ul{
	padding: 0;
	margin-top: 25px;
	color:#231F20;
}
.header ul.navigation {
	margin-top: 3px;
}
.header ul.dropdown-menu {
	margin-top: -2px;
	margin-left:-2px;
}
.header ul li:hover,
.header ul li.active{
	color: #906944;
	border-color: #f26000;
	border-bottom: 4px solid #f26000;
	margin-bottom: -4px;
}

.header ul.dropdown-menu li:hover,
.header ul.dropdown-menu li.active{
	border-bottom: 0px none #FFF;
	background-color: #f1f1f1;
	margin-bottom: 0px;
	width: 100%;
}

.header ul.dropdown-menu a:hover,
.header ul.dropdown-menu a.active{
	background-color: #f1f1f1 !important;
}
.header ul.dropdown-menu li.active a{
    margin: -7px -5px;
}
.header ul.dropdown-menu li.active a:hover{
    color: black;
}

li.menu_button a{
    display: inline-block;
    background-color: #906944;
    padding: 2px 10px;
    border-radius: 5px;
    color: white;
    border: 2px solid #906944;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

li.menu_button_blue a, a.menu_button_blue{
    background-color: midnightblue;
    padding: 2px 10px;
    border-radius: 5px;
    color: white;
    border: 2px solid midnightblue;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

li.menu_button_purple a, a.menu_button_purple{
    background-color: indigo;
    padding: 2px 10px;
    border-radius: 5px;
    color: white;
    border: 2px solid indigo;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}


a.menu_button_grey, li.menu_button_grey a{
    display: inline-block;
    background-color: grey;
    padding: 2px 10px;
    border-radius: 5px;
    color: white;
    border: 2px solid grey;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

a.menu_button_green, li.menu_button_green a{
    display: inline-block;
    background-color: #4CBB17;
    padding: 2px 10px;
    border-radius: 5px;
    color: white;
    border: 2px solid grey;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}


.header ul li.menu_button:hover, .header ul li.menu_button.active, .header ul li.menu_button_blue:hover, .header ul li.menu_button_blue.active,  .header ul li.menu_button_purple:hover, .header ul li.menu_button_purple.active  {
    color: #000 !important;
    border-color: none !important;
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

li.menu_button a:hover, a.menu_button_grey:hover, li.menu_button_grey a:hover, a.menu_button_green:hover, li.menu_button_green a:hover{
    color: #000 !important;
}

li.menu_button_blue a:hover, a.menu_button_blue:hover{
    color: #fff !important;
    background-color: teal !important;
    border: 2px solid teal;
}

li.menu_button_purple a:hover, a.menu_button_purple:hover{
    color: #fff !important;
    background-color: purple !important;
    border: 2px solid purple;
}

li.menu_button a:active{
    color: #000 !important;
    font-weight: bolder;
}

.mobile-title-image{
    display:none;
}

.icons{
	font-size: 18px;
	padding:5px;
}

.icons img{
	height: 16px;
	width: auto;
}

.icons-social-media{
    padding:3px;
}

.icons-social-first{
    padding-left:0px;
}

.footer-icons{
    text-align: right
}

.color-twitter{
	color:#49ABEF;
}

.color-twitter:hover{
	color:#49ABEF;
}

.color-facebook{
	color:#134DD0;
}
.color-facebook:hover{
	color:#134DD0;
}

.color-google{
	color:#BE1E2D;
}

.color-google:hover{
	color:#BE1E2D;
}

.navigation{
	font-size: 18px;
	display:inline-block;
    font-family: 'Abel';
}

.navigation li{
	list-style: none;
	display: inline-block;
	padding: 0 5px 7px 5px;
}
.navigation .glyphicon-menu-down{
    font-size: 10px;
    position: relative;
    top: -1px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: -1;
 }

.header-contact{
    background-color: white; 
    font-size:30px;
}
.header-contact #mobile{
    font-size: 35px;
    color: #906944;
}


/* ===========================
	$SIDE NAV
============================ */

.sidebar{
    padding-left: 0;
    margin: 30px 0 20px;
}

.sidebar li{
    list-style: none;
    margin: 0;
}

.sidebar li a{
    display: block;
    padding: 15px 10px;
    background: #EDEDED;
    border-bottom: 1px solid #FFF;
}

.storage-features img{
    float: none !important;
    margin: 0 !important;
}

/* ===================================
	$HOME
===================================== */
.posting{
	text-align: center;
	border: 3px solid #414042;
	display: block;
	padding: 20px 0;
	border-radius: 8px;
	font-size: 30px;
	margin-bottom: 20px;
    font-family: 'Abel';
}

.home .posting{
    
}

.promo-container{
    height: auto !important;
    background-color: #f5eee9;
    overflow: hidden;
    padding: 0 !important;
}

.promo-container-text {
    left: 0px;
    text-align: center;
    padding: 10px 20px;
    height: auto;
}

.promo-container-content {
    position: relative;
    top: auto;
    transform: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#promo_title{
    font-size: 48px;
}

#promo_sub_title{
    font-size: 42px;
}

#promo_offer p{
    font-size: 38px
}

#promo_terms {
    margin-top: -35px;
}

#promo_terms ul{
    list-style: disc;
    margin-left: 10px;
    padding-left: 10px;
}

.promo-container img{
    height: 350px;
    margin-right: -35px;
    padding-top: 0px;
    float: right;
    margin-left: -50%;
}

table.sizing-hint{
    border: 2px solid black;
    width: 100%;
}

.sizing-hint th {
    text-align: left;
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Abel';
    padding: 5px 20px 5px 20px !important;
    margin: 0 !important;
    height: 30px !important;
    border-right: 2px solid black;
}

.sizing-hint thead>tr>th{
    background-color: #f5eee9;
    border-bottom: none !important;
    vertical-align: middle;
    text-align: center;
}

.sizing-hint td {
    border-right: 2px solid black;
    height: auto !important;
}

.sizing-hint td.size{
    text-align: center;
}

.sizing-hint td.footage{
    text-align: center;
}

.posting span, .posting strong{
    font-weight: normal;
	font-size: 48px;
	line-height: 50px;
}
.posting a{
	display: inline-block;
	background-color: #f26000;
	padding: 0px 50px;
	border-radius: 5px;
	color: white;
    border: 2px solid #f26000;
    -webkit-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
}

.sizes-prices-jump-links a{
	display: inline-block;
	background-color: #906944;
	padding: 0px 50px;
	border-radius: 5px;
	font-size: 18px;
	color: white;
    border: 2px solid #906944;
    -webkit-transition: background-color 0.5s, color 0.5s;
	transition: background-color 0.5s, color 0.5s;
	width: 48%;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
}

.sizes-prices-jump-links a.full{
    width: 96.5%;
}

.sizes-prices-jump-links-3-per-row a{
    width: 32%;
    margin-left: 5px;
}

.sizes-prices-jump-links-2-per-row a{
    width: 49%;
}

.sizes-prices-jump-links a:hover {
    background-color: white;
    color: #906944;
    border: 2px solid #906944;
}

.job-posting ul {
    list-style: circle;
    padding-left: 20px;
    margin-left: 20px;
}

.job-posting ul li {
    padding-bottom: 5px;
}

.job-posting ul li ul li {
    padding-top: 5px;
}

.posting a:visited, .posting a:hover, .posting a:active, .posting a:focus{
    text-decoration:none;
}

.posting a:hover{
    background-color: white;
    color: #f26000;
    border: 2px solid #f26000;
}

.sizing-hint td.price {
    padding-left: 30px;
}

.posting p {
	color: #414042;
}
.sizing-pricing .posting{
    padding: 0;
}
.woodstock-pricing .posting{
    min-height: 300px;
} 

.sizing-pricing img{
    width: 100%;
}

.woodstock-pricing img{
    width: auto;
    margin-top: 30px;
    margin-bottom: 15px;
}

.woodstock-pricing img.woodstock{
    max-height: 110px;
    width: auto;
}

.woodstock-pricing img.woodstock-car{
    max-width:99%;
    margin-left: 1px;
    margin-top: -31px;
    margin-bottom: 5px;
}


.sizing-pricing p span{
    font-size: 40px;
}

.sizing-pricing a{
    padding: 0px 20px !important;
    margin-bottom: 10px !important;
}

.woodstock-units img{
    width: 100%;
}

.woodstock-units .image{
    height: 300px;
    overflow:hidden;
    margin-bottom: 20px;
}

.home .posting{
    padding: 10px;
}

.home .posting span{
	font-size: 30px;
}

.home .posting p{
	font-size: 30px;
}

.home .posting a{
    font-size: 30px;
    padding: 8px 30px;
}

.home .posting p{
    font-size: 24px;
}

.posting hr{
	position: relative;
	width: 90%;
	left: 5%;
}

.hp-content{
	margin-top: 16px;
	margin-bottom: 30px;
}

.hp-content h3{
	font-size: 32px;
}

.hp-content ul li{
	font-size: 24px;
	padding:5px 0;
}
.round-icon{
	background-color: #906944;
	color: white;
	width:38px;
	height:38px;
	border-radius: 50%;
	text-align: center;
	padding-top: 6px;
}

.secure-storage{
    background: url(../a/images/StorageSolutions_CircleIcons_SecureStorage.png);
}

.hp-content ul li span{
	padding-left: 20px;
}

.hp-content img{
	float: left;
	margin: 20px 0 0 20px;
}


.ads{
	border: 40px solid #414042;
	border-radius: 8px;
	padding: 50px 20px 30px;
}



.ads .learnmore{
	padding: 5px 5px;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 30px;

}

.ads .learnmore:hover{
	color: white;
}

.ads span{
 	font-size:34px; 

}

.ads img {
	text-align: center;
	
	margin:0;
}

 

.ads .current-promotion{
	margin: 20px auto 10px auto;
    font-family: 'Abel';
}

.current-promotion-title{
	margin-top: 40px;
    margin-bottom: 15px;
}

.slide-img{
	text-align: center ;
	padding: 40px 0;
}

.slide-style{
	-webkit-box-shadow: inset 0px -10px 12px -10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px -10px 12px -10px rgba(0,0,0,0.3);
	box-shadow: inset 0px -10px 12px -10px rgba(0,0,0,0.3);
	margin-bottom: 18px;
}

.carousel-indicators li{
	background-color:#A7A9AC;
	border-color: #A7A9AC;
	border-width: 2px;
	padding: 2px;

}

.about-content h3 i{
	margin-right: 12px;
}

.sub-p{
	padding-left:52px;
}

.sub-ul{
	padding-left: 30px;
}

.questions{
	font-family: 'Abel';
	color: #f26000;
	font-size: 15px;
}

.packing-content h2{
    margin-top: 40px;
}

.packing-content h3{
	color: #f26000;
    font-size: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.sizing-content h3{
    margin-top: 45px;
}


.blog .title{
    font-size: 21px;
    font-family: "Abel";
}

.blog-card{
    height: 200px;
    overflow: hidden;
    padding: 0;
}

.blog-cards img.wide {
    max-height: 100%;
    height: 100%;
}
.blog-cards img.tall {
    max-width: 100%;
    width: 100%;
}

.blog-card-image{
    opacity: 1;
    display: block;
    transition: .5s ease;
    backface-visibility: hidden;
}

.blog-card-image-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-card-image-wrapper img{
    flex-shrink: 1;
    max-width: 100%;
    min-height: 100%;
    flex-grow: 1;
}

.blog-card-text{
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    display: table;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.blog-card-text-content {
  display: table-cell;
  vertical-align: middle;
}

.blog-card-text-inner {
  margin-left: auto;
  margin-right: auto;
}

.blog-card:hover .blog-card-image {
  opacity: 1;
}

.blog-card:hover .blog-card-text {
  opacity: 1;
  background: rgba(0,0,0,0.6);
  width: 100%;
}

.blog-card-text .title{
    color: #fff;
    text-align: center;
    font-size: 26px;
}

.blog-card-text .date{
    color: #fff;
    text-align: center;
    font-family: "Abel";
    font-size: 16px;
    font-style: normal;
    margin-top: -14px;
}

.blog-card-text .card-btn{
    text-align: center;
}

.blog-post-image{
    float: right;
    width: 40%;
    margin-left: 30px;
    margin-bottom: 20px;
}

.blog-content img{
    max-width: 100%;
    height: auto;
}

.blog-content p, .blog-content a{
    max-width: 100%;
    word-wrap: break-word;
}

.blog-pagination{
    text-align: center;
}

#breadcrumbs{
    padding-top: 30px;
    padding-left: 0px;
    font-size: small;
    background-color: transparent !important;
}

.breadcrumb>li {
    display: inline !important;
}
.breadcrumb>.active {
    color: #717171;
}

.blog-pagination {
    padding-top: 30px;
    padding-bottom: 10px;
}

.post-title-image{
    width: 100%;
    padding: 0px 5px 20px 5px;
}

.blog-content{
    color: #656565;
    line-height: 1.5;
}

.blog-content strong{
    color: black;
}

.blog-content p{
    margin-bottom: 20px;
}

.blog-content ul{
    margin-bottom: 30px;
}

.blog-content ul li, .blog-content ol li{
    margin-bottom: 3px;
}

.blog-content strong > em{
    text-decoration: none;
}

.blog-content ul{
    list-style-type: disc;
    padding-left: 20px;
}

.blog-content h1,
.blog-content h2,
.blog-content h3{
    color: black;
}

.date{
    font-family: "Open Sans";
    font-size: 13px;
    font-style: italic;
    
}

.blog .date > span{
    color: #906944;
}

.blog .description{
    color: #414042;
}

.blog .blogimg{
    display: inline-block;
    margin-top: 20px;
}

.image-business{
    height:450px; 
    overflow: hidden;
    position:relative;
    z-index:-1;
}


.areatitle{
    font: 36px 'Abel';
    color: white;
    position: absolute;
    top:60%;
    padding: 18px 30px;
}

.area-h3{
    color: #f26000;
    font-size: 16px;
    font-family: 'Abel';
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}
.area_h2{
    font-family: 'Abel';
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
}
.gold-a{
    color: #906944;
}


.hidden-desktop{
    display: none !important;
}

.gold-border{
    border-color: #906944;
    border-width: 1px;

}

.gold-checkbox{
    border:1px solid #906944;
    display:inline-block;
    float:left;
    width:25px;
    height:25px;
    border-radius:4px;
    margin-right:8px;
    margin-bottom:5px;
    position: relative;
}

.gold-checkbox input[type="checkbox"]{
    display:none;
}

.gold-checkbox:hover{
    cursor:pointer;
}

.gold-checkbox.checked:before{
    font-family:FontAwesome;
    content: "\f00c";
    position: absolute;
    top:0;
    right:0;
    color:#906944;
    font-size:22px;
}

.termofuse p{
    line-height: 1.5;
    color: #656565;
    margin-bottom: 15px;
}

.termofuse ul{
    line-height: 1.5;
    color: #656565;
}

.img_right{
    height: 265px; 
    width: 265px; 
    overflow: hidden; 
    position: relative;
    display: inline-block; 
    float: right; 
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.img_right img {
    height: 100%;
    position:absolute; 
    right: 50%;
    transform: translateX(50%);
}

.termofuse li{
    margin: 10px 0 15px 30px;
}

.termofuse span{
    color: #353535;
    font-weight: bold;
}

.carstorage a{
    color: #4c71b5;
}

.mobile-storage strong {
	font-family: "Abel";
	font-size: 20px
}
.mobile-storage hr {
	background: #f8f8f8;
	border-style: dotted;
    clear: both;
    height: 1px;
    margin: 25px 0;
    width: 100%;
}
.mobile-storage-banner {
	background: #865827 url(../images/mstoragebg.jpg) no-repeat center top;
	padding: 30px;
	margin: 0 0 30px;
}
.mobile-storage-banner img {
	padding: 20px 0 0;
}
.mobile-storage h3 {
	margin: 0 0 20px;	
}
.mobile-storage-banner h3 {
	color: #fff;
	margin: 20px 0 10px;
}
.mobile-storage .posting {
	padding: 20px 5px;
	font-size: 24px;
	line-height: 100%;
	text-align: center
}
.mobile-storage .posting span {
	font-size: 30px;
}
.mobile-storage .posting a {
	font-size: 24px;
	line-height: 130%;
}
.mobile-storage .posting p {
	margin:  0;
}
.mobile-storage .posting img {
	max-width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.mobile-storage .sub-p p {
	margin-bottom: 20px;
}

			@media (max-width: 800px) {
				.mobile-storage-banner img {
					padding: 50px 0 0;
				}
				
			}
			@media (max-width: 767px) {
			    
			    .img_right{
                    height: auto; 
                    width: 100%; 
                    overflow: hidden; 
                    position: relative;
                    display: inline-block; 
                    float: none; 
                    margin: 0 auto;
                    text-align: center;
                }
                
                .img_right img {
                    height: auto;
                    width: 100%;
                    position:relative; 
                    right: 0%;
                    transform: none;
                }
				.mobile-storage-banner img {
					padding: 0;
					display: inline
				}
				.navigation li.menu_button_purple a, .navigation a.menu_button_purple{
                    background-color: #906944;
                    border: 2px solid #906944;
                }
				
				.sizes-prices-jump-links a, .sizes-prices-jump-links a.full, .sizes-prices-jump-links-2-per-row a, .sizes-prices-jump-links-3-per-row a{
                    width: 100%;
                    margin-left:auto;
                }
                
                .areatitle{
				    font: 26px 'Abel';
				}
				.full-width-image{
				    width: 100%;
				    height: auto;
				}
				.areatitle-business{
				    font: 26px 'Abel';
				}
				.areatitle-cc{
				    font: 26px 'Abel';
				    padding-botom: 20px;
				}
				.image-business{
				    height:230px; 
				}
				#promo_offer p {
                    font-size: 30px;
                }
                .posting {
                    font-size: 22px;
                }
				
				.sizing-pricing .posting, .container-sales .posting{
                    height: auto !important;
                    padding-bottom: 10px;
                }
                .sizing-hint th{
                    font-size:24px;
                }
                
                .sizing-pricing .hint-p{
                    margin-top: -15px;
                }
                
                .promo-info .hint-p{
                    margin-top: -30px;
                }
                
                .packing-supplies table {
                    font-size: small;
                }
                .top-image{
                    padding-left: 0;
                }
                
                .top-image img{
                    top: 0px !important; 
                }
                
                .milton img{
                    width: auto !important; 
                    height: 190px !important; 
                }
			}

/* ===================================
	$FOOTER
===================================== */
.footer-bottom{
	width: 100%;
	padding-top: 10px;
	background-color: #906944;
	color:white;
}

.footer{
	background-color: #906944;
}

.footer img{
	float: right;
	margin: 65px 0;
}

.footer ul{
	color: white;
	font-size: 16px;
	float: left;
	margin-top: 25px;
	margin-right: 50px;
}
.footer ul li{
    line-height: 1.4;
}
.footer ul.tight li{
    line-height: 1;
}
.cookiebanner-buton {
    padding: 1px 10px !important;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;  
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;  
    box-shadow:inset 0px 1px 0px 0px #ffffff;  
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );  
    background:-moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');  
    background-color:#ffffff;  
    -moz-border-radius:6px;  
    -webkit-border-radius:6px;  
    border-radius:6px;  
    border:1px solid #dcdcdc;  
    cursor: pointer !important;
    color: #000 !important;
    text-decoration: none;
    color: initial;
    display: inline-block;
    margin-left: 20px;
}

.cookiebanner-buton:hover {  
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff) );  
        background:-moz-linear-gradient( center top, #d1d1d1 5%, #ffffff 100% );  
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');  
        background-color:#d1d1d1;  
    }  
.cookiebanner-buton:active {  
    position:relative;  
    top:1px;  
} 

.cookiebanner-txt{
	display: inline-block;
}

.footer .menu-header{
    margin-bottom:5px;
}

.footer .footer-menu {
    display: table; 
    height: 100%; 
    overflow: hidden;
}

.footer .footer-menu .column{
    display: table-cell; 
    vertical-align: top;
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

.footer .footer-menu .column ul{
    margin-right: 0px;
}
.footer .footer-menu .column-1{
    
}

.footer .footer-menu .extra-space{
    padding-left: 0px;
}


/* ===================================
	$PAGE NUMBERS
===================================== */


/* ===========================
	$LOGIN
============================ */


/* ===================================
	$ADMIN
===================================== */
body.dragging, body.dragging * {
    cursor: move !important;
}
                
.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.sorted_table tr {cursor:pointer;}

.sorted_table tr.placeholder {
    position: relative;
    display:block;
    background-color:transparent;
    margin:0;
    padding:0;
    border:none;
    height:10px;                
}
.sorted_table tr.placeholder:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: 3px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: #f00;
    border-right: none;
}


/* ===================================
	$RESPONSIVE STYLES
===================================== */

/* Large desktop */
@media (min-width: 1200px) {  

}

@media (max-width: 1200px) {
    
    .ads{
        position: relative;
    }
    .ads span{
        font-size: 30px;
        top:10px;
    }
    .learnmore{
        top: 6px;
        right:10%;
    }
    

}


@media (min-width: 992px) {

}

/* In between desktop and tablet*/ 
@media (min-width: 992px) and (max-width: 1070px) {
	.navigation li{padding:0 5px;}

}

@media (max-width:1059px) {


}

/* anything below tablet size */
@media (max-width: 991px) {
	.header{background:#f26000;}
	.header .container{padding:0;}

    .header-contact .mobile-header-icons{
	    float: right;
	}
	
	.google-rwf {
	    padding-left: 25px;
	}
	
	.header-contact .mobile-header-reviews{
	    padding: 10px;
	}
	
	.header-contact .mobile-header-logo{
	    float: left;
	    margin-left: 15px;
	}

	.header .icons{display:none;}
	.header .navigation{
		display: none;
		width:100%;
		background:#906944;
		margin-top:0;
	}

	.header .navigation li{
		display:block;
		text-align: left;
		padding: 0;
	}

	.header .navigation li a{
		color:#FFF;
		display:block;
		padding:8px 25px;
		font-size:18px;
	}

	.header .navigation li:hover,
	.header .navigation li.active{
		border:none;
		background:#414042;
	}
	
	.nav-cta {
         margin-bottom: -20px;
    }
    
    .post-images{
        max-width: 300px;
        height: 200px;
        overflow: hidden;
    }
    .post-title-image{
        display:none;
    }
	
	.mobile-title-image{
	    display:block;
	    width: 100%;
	}
	
    .oakville img{
	     width: 170% !important; 
	     left: -40%;
	}
	
	#promo_title{
        font-size: 50px;
    }
    
    #promo_sub_title {
        font-size: 40px;
    }

    .posting, #promo_offer p{
        font-size: 25px;
    }

	#toggle-nav{
		background:#906944;
		color:#FFF;
		float:left;
		font-size:36px;
		padding:63px 15px;
	}
	
	.header .contcat {
	    text-align: center;
	}
	
	.header .orange-button {
	    margin-top: 0px;
	    text-align: center;
	    display: block;
	    font-size: 36px;
	}
	
	a.menu_button_blue, a.menu_button_purple {
        padding: 5px 10px;
        border-radius: 0px;
        font-size: 36px;
        text-align: center;
        font-family: 'Abel';
    }
    

	#toggle-nav:hover{cursor:pointer;}

	.header span{
		margin:0;
		border-radius:0;
	}
    
    .ads{
        
    }
    .ads span{
        position: static;
        font-size: 30px;
        
    }
    .ads .learnmore{
        position: static;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .ads .img-star{
        padding-left: 10px;
    }
    
    .mobile{
        font-size: 36px;
    }
    
    .fa-phone, .fa-comment, .fa-envelope {
        font-size: 36px;
    }
    .fa-comment {
        padding-left: 8px;
    }
    .sepparators-mobile {
        font-size: 25px;
    }
    .contact-us-cta i.fa-phone, .contact-us-cta i.fa-comment, .contact-us-cta i.fa-envelope {
        font-size: 22px;
    }
    
    .footer{
        text-align: center;
    }
    .footer img{
        float: none;
        margin: 25px 10px;
    }
    
    .footer .footer-menu .column {
        display: inline-block;
        /*float: left;*/
        width: 50%;
    }
    
    
    .footer .footer-menu .column ul {
        margin-top: 20px;
    }
    
    
    .footer .footer-menu .extra-space{
        padding-left: 15px;
    }
    
    
    
    .cookiebanner-txt{
	    display: block;
	    margin-bottom: 10px;
	}
    
    #vertical-xs{
        float:none;
        text-align: center;
        display: inline-block;
        list-style: armenian;
        margin: 10px 10px;
    }
    
    .footer ul{
        margin: 20px 30px;
    }
    
    .footer #vertical-xs li{
        float: none;
        display: inline-block;
        list-style: circle;
        padding: 0 10px;
    }
    
    .hidden-large{
        display: block;
    }
    
    .contact-footer{
        display: inline-block;
        float: left;
        width: 100%;
      /*  margin-left: 30px; */
        
    }
    
    .footer-icons{
        margin-top: 20px;
    }
    
    .sub-p{
        padding-left: 25px;
    }
    .sub-ul{
        padding-left: 30px;
    }
    .first-column img{
        
        width: 90px;;
    height: auto;}
    .img-star{
        padding: 0;
    }
    
    .footer{
	    padding-bottom: 20px;
    }
    
    .g-recaptcha{
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    
    .blog-card .blog-card-image {
         opacity: 1;
    }
    
    .blog-card .blog-card-text {
        opacity: 1;
        background: rgba(0,0,0,0.6);
        width: 100%;
    }
    
    .blog-cards img.wide {
        width: 100%;
    }
    
    .blog-card-image-wrapper {
        width: 100%;
        height: auto;
    }
    
    
    .blog-post-image img{
        max-width: 300px
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
	    display: block !important;
	}

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    .youtube-video-full{
        width:auto;
    }
    
    #promo_terms {
        margin-top: 0px;
    }
    .promo-container img {
        width: 120%;
        height: auto;
        margin-right: -30px;
        padding-top: 15px;
        margin-left: -30px;
    }
    
    .contact-form-special{
        border-left: none;
    }
    
    .google-rwf {
	    padding-left: 50px;
	}
    
    .nav-cta {
         margin-bottom: -20px;
    }
    
    .sub-p {
        padding-left: 5px;
    }
    
    .nav-cta a.contact{
        text-align: center !important;
        padding-right: 10px;
        margin-top: 2px;
        display: block;
    }
    .header-contact{
        padding-top: 3px;
    }
    #carousel-example-generic{
        z-index: 20;
    }
    
    .hidden-desktop {
	    display: block !important;
	}
    
    .mobile{
        font-size: 36px;
    }
    
    .fa-mobile{
        font-size: 38px;
    }
    
    .footer{
        text-align: center;
    }
    .footer img{
        float: none;
        margin: 25px 10px;
    }
    
    #vertical-xs{
        float:none;
        text-align: center;
        display: inline-block;
        list-style: armenian;
        margin: 10px 10px;
    }
    
    .footer ul{
        margin: 20px 50px;
    }
    
    .footer #vertical-xs li{
        float: none;
        display: inline-block;
        list-style: circle;
        padding: 0 10px;
    }
    
    .hidden-large{
        display: block;
    }
    .ads .img-star{
        width: 100px;
        
    }
    .post-images{
        height: 200px;
        overflow: hidden;
    }
    
    .post-images .blogimg{
        margin-top: -15px;
    }
    
    .blog-post-image{
        margin-left: 0px;
        float: none;
        max-width: 100%;
    }

}
 
@media (max-width: 540px){
    .youtube-video{
        width:auto;
    }
    
    .youtube-video-full{
        width:auto;
        height: auto;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {


    .header-contact .mobile-header-icons{
	    float: none;
	}
	
	.header-contact .mobile-header-reviews{
	    padding: none;
	}
	
	.header-contact .mobile-header-reviews .google-review-widget{
	    margin: 0 auto;
	}
	
	.google-rwf {
	    padding-left: 25px;
	}
    
	
	
	.header-contact .mobile-header-logo{
	    float: none;
	    margin-left: none;
	}
	
    .ads img{
        width: 50px;
        padding: 5px 5px;
    }
    .ads span{
        font-size: 25px;
        margin-top: 5px;
    }
    .ads .learnmore{
        font-size: 25px;
        padding: 5px;
        margin-bottom: 10px;
    }
    .orange-button{
        font-size: 22px;
    }
    .header .orange-button{
        font-size: 22px;
        margin-top: 5px;
    }
    .bars {
        font-size: 25px;
    }
    
    #toggle-nav {
        padding: 44px 15px 43px 15px;
    }
    
    a.menu_button_blue, a.menu_button_purple {
        padding: 7px 10px;
        border-radius: 0px;
        font-size: 22px;
        text-align: center;
        font-family: 'Abel';
    }
    
    .header ul.navigation {
        margin-top: 0px;
    }
    
    .mobile{
        font-size: 36px;
    }
    
    .fa-mobile{
        font-size: 38px;
    }
    
    .footer{
        text-align: center;
    }
    
    .footer img{
        float: none;
        margin: 25px 10px;
    }
    
    #vertical-xs{
        float:none;
        text-align: center;
        display: inline-block;
        list-style: armenian;
        margin: 10px 10px;
    }
    
    .footer ul{
        margin: 5px 20px;
        text-align: left;
    }
    
    .footer #vertical-xs li{
        float: none;
        display: inline-block;
        list-style: circle;
        padding: 0 10px;
        margin-left: 5px;
    }
    .first-column img{
        
        width: 40px;
    height: auto;
    }
    .ads .img-star{
        display: none;
        
    }
    
    .footer .footer-menu .column {
        width: 100%;
    }
    
    .ads .hidexsxs{
        width: 0;
    }
    .header-contact{
    background-color: white; 
    font-size:24px;
    }
    .header-contact #mobile{
        font-size: 25px;
    }
    
}

.sizing-pricing table{
    border: none;
    border-collapse: separate !important;
    border-spacing: 10px;
}

.sizing-pricing table td{
    border: none;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
}

.sizing-pricing table td:nth-child(1){
    width: 40% !important;
}
.sizing-pricing table td:nth-child(2){
    width: 25% !important;
}
.sizing-pricing table td:nth-child(3){
    width: 15% !important;
}
.sizing-pricing table td:nth-child(4){
    width: 20% !important;
}

.sizing-pricing table.size-selector, .sizing-pricing table.location-selector, .sizing-pricing table.features-selector{
    width: 100% !important;
    font-size: 2em;
    text-align: center;
    color: #fff;
    border-spacing: 3px;
}
.sizing-pricing table.location-selector {
    font-size: 1.5em;
}
.sizing-pricing table.features-selector{
    font-size: 1.2em;
}

.sizing-pricing table.size-selector td, .sizing-pricing table.location-selector td, .sizing-pricing table.features-selector td{
    width: 20% !important;
    cursor: pointer;
    background-color: #939599;
    transition: 1s;
    height: 75px;
}

.sizing-pricing table.size-selector td.current, .sizing-pricing table.location-selector td.current, .sizing-pricing table.features-selector td.current{
    background-color: #f26000;
}

.sizing-pricing table.size-selector td:hover, .sizing-pricing table.location-selector td:hover, .sizing-pricing table.features-selector td:hover{
    background-color: #FF7700;
}

.sizing-pricing table.size-selector td.disabled:hover, .sizing-pricing table.location-selector td.disabled:hover, .sizing-pricing table.features-selector td.disabled:hover,
.sizing-pricing table.size-selector td.disabled, .sizing-pricing table.location-selector td.disabled, .sizing-pricing table.features-selector td.disabled {
    cursor: default;
    background-color: lightgray;
    color: darkgray;
}

.sizing-pricing table span, .sizing-pricing table p{
    font-size: 1em !important;
    vertical-align: middle;
}


.sizing-pricing table tbody tr:nth-child(odd){
  background-color: #efeded;
}

.sizing-pricing table td:nth-child(1) p{
    display: block;
}

.sizing-pricing table td:nth-child(1) p:nth-child(1) {
    float: left;
}

.sizing-pricing table td:nth-child(1) p:nth-child(3) {
    margin-top: -10px;
}
.sizing-pricing table td:nth-child(1) p:nth-child(4) {
    margin-top: -10px;
}

.sizing-pricing table td:nth-child(2){
    padding-left: 20px;
}

.sizing-pricing table.size-selector td:nth-child(2), .sizing-pricing table.location-selector td:nth-child(2) {
    padding-left: 0px; 
}

.sizing-pricing table td:nth-child(4) p{
    margin-bottom: 0px !important;
}

.sizing-pricing table .storage-size-box{
    display: inline-block;
    padding: 0px 12px;
    font-size: 2em !important;
    margin: 30px 10px;
}
.sizing-pricing table .storage-small-size{
    background-color: #ef6421;
    color: #fff;
}
.sizing-pricing table .storage-medium-size{
    background-color: #4ab748;
    color: #fff;
}
.sizing-pricing table .storage-large-size{
    background-color: #4c2b7b;
    color: #fff;
}
.sizing-pricing table .storage-dimensions-text, .sizing-pricing table .storage-dimensions-text-3-lines{
    font-size: 2em !important;
    display: inline-block;
    margin-top: 15px;
}
.storage-dimensions-text-3-lines{
    margin-top: 10px !important;
}
.sizing-pricing table .storage-price{
    font-size: 2.0em !important;
    display: inline-block;
}
.sizing-pricing table .storage-promo-price{
    font-weight: bold;
    font-size: 2.5em !important;
    color: #2a2a69;
    display: inline-block;
    margin-top: -10px;
}
.sizing-pricing table .storage-pre-promo-price{
    text-decoration: line-through;
    text-decoration: red line-through;
    font-size: 1.5em !important;
    display: inline-block;
    margin-bottom: -10px;
}

.sizing-pricing table .rent-now-button{
    display: inline-block;
    background-color: #f26000;
    padding: 0px 50px;
    border-radius: 5px;
    color: white;
    border: 2px solid #f26000;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
    font-size: 1.5em !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.sizing-pricing table .rent-now-button:hover{
    background-color: white;
    color: #f26000;
    border: 2px solid #f26000;
}

.sizing-pricing table .storage-type-heated:before, .sizing-pricing table .storage-type-ground-floor:before, .sizing-pricing table .storage-type-indoor:before,
.sizing-pricing table .storage-type-driveup:before, .sizing-pricing table .storage-type-car:before{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
}

.sizing-pricing table .storage-type-heated:before {
    background: url("https://www.storagesolutionsontario.com/a/images/storage_icons/Storage_Solutions_Heated_Storage_Icon.png") no-repeat;
}
.sizing-pricing table .storage-type-ground-floor:before{
    background: url("https://www.storagesolutionsontario.com/a/images/storage_icons/Storage_Solutions_Ground_Level_Storage_Icon.png") no-repeat;
}
.sizing-pricing table .storage-type-indoor:before{
    background: url("https://www.storagesolutionsontario.com/a/images/storage_icons/Storage_Solutions_Inside_Storage_Icon.png") no-repeat;
}
.sizing-pricing table .storage-type-driveup:before{
    background: url("https://www.storagesolutionsontario.com/a/images/storage_icons/Storage_Solutions_Drive_Up_Storage_Icon.png") no-repeat;
}
.sizing-pricing table .storage-type-car:before{
    background: url("https://www.storagesolutionsontario.com/a/images/storage_icons/Storage_Solutions_Car_Storage_Icon.png") no-repeat;
}
.sizing-pricing-filters {
    padding-bottom: 20px;
}
#storage-types p{
    display: block;
    transition: opacity 1.5s ease-in;
    opacity: 1;
    height: auto;
    margin: 0px;
}

#storage-types p.inactive{
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}


@media (max-width: 767px) {
    
    .storage-unti-sizes{
        max-width: 100%;
        height: auto;
    }

    .sizing-pricing table.size-selector{
        font-size: 1.1em;
    }
    
    .sizing-pricing table.size-selector td{
        height: 75px;
    }
    
    .sizing-pricing-filters .select-features-second-column {
        margin-top: -6px;
    }
    
    .sizing-pricing table.location-selector td, .sizing-pricing table.features-selector td {
        display: block;
        width: 100% !important;
        text-align: center;
        padding-top: 25px;
        margin-bottom: 7px;
    }

    .main-pricing-table table{
        border-spacing: 0px;
    }
    .main-pricing-table table tbody {
        display: grid
    }
    .main-pricing-table table tr {
         height: 130px !important;
    }
    .main-pricing-table table td {

    }
    
    .main-pricing-table table td:nth-child(1) {
        display: inline-block;
        height: 100px !important;
        width: 45% !important;
        float: left;
        /*margin-left: -55%;
        -webkit-margin-left: -50%;*/
    }
    
    .main-pricing-table table  tr:first-child td:first-child, .woodstock-pricing .main-pricing-table table  tr:last-child td:first-child {
        margin-left: 0%;
    }
     .sizing-pricing table span, .sizing-pricing table p span.storage-type-driveup,
    .ayr-pricing .storage-type-ground-floor,
    .ayr-pricing .storage-type-indoor,
    .ayr-pricing .storage-type-heated 
    {
        font-size: 0.6em !important;
    }
    
    .main-pricing-table table td:nth-child(2) {
        display: block;
        height: 30px !important;
        width: 100% !important;
        margin-top: -5px !important;
        text-align: center !important;
        clear: both;
    }
    .main-pricing-table table td:nth-child(2) p {
        display: inline-block;
        font-size: 0.8em !important;
        padding-right: 5px;
    }
    .sizing-pricing table .storage-type-heated:before, .sizing-pricing table .storage-type-ground-floor:before, .sizing-pricing table .storage-type-indoor:before,
    .sizing-pricing table .storage-type-driveup:before, .sizing-pricing table .storage-type-car:before{
        margin: -2px 4px 0 0;
    }
    
    .main-pricing-table table td:nth-child(3) {
        display: block;
        height: 70px !important;
        width: 25% !important;
        margin-top: -115px;
        margin-left: 44%;
        padding-left: 10px;
        padding-right: 10px;
        border-left: solid 1px #000;
        border-right: solid 1px #000;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .main-pricing-table table td:nth-child(4) {
        display: block;
        height: 100px !important;
        width: 35% !important;
        margin-top: -65px;
        margin-left: 67%;
    }
    .main-pricing-table  table td{
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    
    .main-pricing-table table tr{
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
        -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);
        margin-top:10px;
    }
        
    .main-pricing-table table .storage-size-box{
        padding: 0px 10px;
        font-size: 1.5em !important;
        margin: 20px 10px 0px 10px;
    }
    
    
    .main-pricing-table table .storage-price{
        font-size: 1.5em !important;
        margin-top: 3px;
    }
    .main-pricing-table table td:nth-child(1) p:nth-child(3), .main-pricing-table table td:nth-child(1) p:nth-child(4) {
        font-size: 0.64em !important;
        clear: both;
        padding-left: 10px;
    }
    .main-pricing-table table td:nth-child(1) p:nth-last-child(2){
        font-size: 1em !important;
        clear: none;
    }
    .main-pricing-table table td:nth-child(4) p:nth-child(2){ 
        font-size: 0.64em !important;
    }
    .main-pricing-table table .storage-dimensions-text, .main-pricing-table table .storage-dimensions-text-3-lines{
        font-size: 1.5em !important;
        margin-top: 20px !important;
    }
    .main-pricing-table table .storage-dimensions-text-3-lines{
        margin-top: 8px !important;
    }
    
    .main-pricing-table table .storage-price{
        font-size: 1.8em !important;
    }
    .main-pricing-table table .storage-promo-price{
        font-size: 2em !important;
    }
    .main-pricing-table table .storage-pre-promo-price{
        font-size: 1.4em !important;
    }
    
    .main-pricing-table table .rent-now-button{
        padding: 10px 5px !important;
        font-size: 0.9em !important;
    }
    
    
    .footer .footer-menu .locations .spacer.small.ignore {height:0px;}
    
}

@media (max-width: 376px) {
    .main-content .row {
        margin-left: -17px !important;
        margin-right: -17px;
    }
    
    .main-content .h3, .main-content h3  {
        font-size: 19px !important;
    }
}