/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* #Site Styles
================================================== */

#promo-section {

background-color:#d3dae0;
height:auto;
padding-top:40px;
padding-bottom:40px;



}

.about-sss-list {

padding-left:20px;
list-style-type:circle;
}

.promo-listing {

padding-left:0px;

}


h2.promo-list {


color:#516274;

}

h2.promo-list-2 {

text-align:center;
color:#516274;

}

p.van-promo {

text-align:center;

}

header {
	position: absolute;
	width: 100%;
}

header > div {
	margin: 0 auto;
	max-width: 940px;
}


h1#brand-ident {
	position:absolute;
	top: 38px;
	background: url(../images/logo2.png?123) no-repeat;
	height: 52px;
	width:528px;
	text-indent: 100%; /* rather than text-indent: -9999px;*/
	white-space: nowrap;
	overflow: hidden;
}

@media( max-width: 600px ) {
	h1#brand-ident {
		background-size: contain;
		width: 396px;
		height: 39px;
	}
}

/*** Standard Nav styles ***/

/*
nav {
	float:right;
} 

nav ul {
	padding: 0;
	margin:0;
}

	nav ul li {
		float:left;
		margin: 0 0 0 40px;
	}
	
		nav ul li:first-child {
			margin-left: 0;	
		}
		
	nav li a, nav li a:visited {
		text-decoration: none;
		color: #516274;
		font-family:'Proxima N W01 Bold';
		font-size: 12px;
		text-transform: uppercase;
	}
	
		nav li a:hover, nav li.current a {
			color:#003061;
		}
*/

footer {
	padding: 80px 0;
}

	footer ul {
	}

		footer ul li {
			color:#82909e;
			font-size: 12px;
		}

			footer ul li a, footer ul li a:visited {
				color:#82909e;
				padding:2px 0;
				text-decoration:none;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			footer ul li a:hover {
				color:#516274;
				text-decoration:none;
			}
			
			footer ul li#call-us {
				background:url(../images/phone.png) left center no-repeat;
				padding-left:30px;
			}
			
			footer ul li a#email-us {
				background:url(../images/email.png) left center no-repeat;
				padding-left:30px;
			}
			
			footer ul li a#our-location {
				background:url(../images/location.png) left center no-repeat;
				padding-left:30px;
			}
			
			footer ul li a#online-enquiries {
				background:url(../images/enquiry.png) left center no-repeat;
				padding-left:30px;
			}
			
			footer ul li a#facebook {
				background:url(../images/facebook.png) left center no-repeat;
				padding-left:30px;
			}
			
			footer ul li a#facebook:hover {
				background:url(../images/facebook-hover.png) left center no-repeat;
				color:#3b5998;
				padding-left:30px;
			}
			
			footer ul li a#twitter {
				background:url(../images/twitter.png) left center no-repeat;
				padding-left:30px;
			}
			
			footer ul li a#twitter:hover {
				background:url(../images/twitter-hover.png) left center no-repeat;
				color:#4099ff;
				padding-left:30px;
			}

	p#copyright {
		margin-top:30px;
		color:#82909e;
		font-size: 12px;
	}
	
		p#copyright a, p#copyright a:visited {
			margin-top:30px;
			color:#516274;
			font-size: 12px;
			border-bottom:1px solid #c4ccd2;
			text-decoration:none;
		}

/* Home Page
================================================== */

.banner {
	background: #000034;
	background: url(../images/home_banner.jpg) center no-repeat;
	background-size: cover;
}

.home .banner {
	padding: 180px 0 0px 0;
}

.home h1 {
	font-size: 64px;
	line-height: 72px;
	margin-bottom: 50px;
}



/* CAROUSEL */

#owlthing {
	background: #fff;
}

	/*#owl-demo .item img{
	    display: block;
	    width: 100%;
	    height: auto;
	}*/
	
	#owl-demo .item {
		padding: 80px 0;
		margin: 0 auto;
		padding: 80px 0;
		width:100%;
		overflow: hidden;
	}
	
	#owl-demo div.owl-buttons {
		display: none;
	}
	
	
		
	#owlthing .owl-pagination {
		background: #ffd800;
	}
	
		#owlthing .owl-page {
			font-family: 'Proxima N W01 Bold', "HelveticaNeue", "Helvetica Neue", Helvetica;
			width:320px;
			text-align: center;
			padding: 30px 0;
			color:#003061;
		}
		
		#owlthing .owl-page.active {
			background: #f4bd00;
		}
		
			#owlthing .owl-page span {
				display: none !important;
			}
			
			#owl-demo .owl-controls {
				
				text-align:center;
			}
			
			.form-box {

				background-color:white;
				height:500px;
				

			}

			h3.something-else {

				text-align:center;
				padding-top:30px;
				border-bottom:1px solid #ebeff2;
				width:90%;
				margin:0 auto;

			}


    .testimonials-left {
	    
	    margin-top:100px;
	    height:200px;
	    padding-bottom:100px;
	    padding-top:40px;
    }
    
    .testimonials-left h2 {
	    
	    color:#003061;
    }
    
    
    .testimonials-right {
	    
	    float:right;
	    
    }
    
    button.more-testimonials  {
	    
	    background-color:#FFF;
	    color:#b5bbc1;
	    border:1px solid #b5bbc1;
    }
    
    
    .quote-box {
	    
	    
	    background-color:#003061;
	    height:180px;
	    margin-top:100px;
	    -moz-box-sizing:border-box;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    
    }
    
    .bluefooterarrow {
	    
	    position:absolute;
	    margin-top:27.5%;
	    margin-left:212px;
	    
    }
    
    p.testimonial-text {
	    
	    color: #fff;
	    padding-top: 50px;
	    font-style: italic;
	    width: 86% !important;
	    padding-left: 5%;
	    padding-right: 5%;
	    padding-bottom: 20%;
    }
  
	p.name {
		
		color:black;
		text-align:center;
		margin-top:35px;
		margin:0 auto;
		padding-top:25px;
		
	}
	
	p.company {
		
		color:#bac1c8;
		text-align:center;
		margin-top:-15px;
		margin:0 auto;
	}
	
	
	.brand-logos-wrapper {
		
		background-color:#fff;
		height:140px;
		
		padding-top:20px;
		margin-top:60px;
		
	}
	
	
	.white {
		
		background-color:#fff;
	    padding-bottom: 100px;
	    border-top:1px solid #d3dae0;
	}
	
	#owl-testimonials .item {
	    display: block;
	    width: 100%;
	    height: auto;
	}
	
	
	#owl-testimonials .owl-page {

		display:none;
	}

	#owl-testimonials .owl-next {

		position: relative;
		top: -40px;
		left: 80%;

	}

	#owl-testimonials .owl-prev {

		position:relative;
		left: 0px;
		top: -40px;
	}
/* Brands Slider Code */

#owl-brands .owl-page {
	
	display:none;
}

#owl-brands .owl-next {
	
	position: relative;
	top: -71px;
	left: 95%;
	
}

#owl-brands .owl-prev {
	
	position:relative;
	left: -45px;
	top: -71px;
}


#owl-brands .item{
  display: block;
  padding: 30px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}
 
.owl-theme .owl-buttons i{
  margin-top: 2px;
}

 
//To move navigation buttons outside use these settings:
 
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -45px;
  top: 55px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -45px;
  top: 55px;
}


.form-slide {
	display:none;
}

.form-slide.active {
	display:block;
}

.form-switch {
	cursor:pointer;
}

.home-quick-form .form-line {
	width:80%;
	margin:0 auto 10px;
}

.home-quick-form select, .home-quick-form input {
	height: 40px;
	width:100%;
	margin:0 auto;
}

.home-quick-form .form-checkbox {
	width: 17px;
	vertical-align: middle;
	margin-left: 14px;
	margin-top: -4px;
}

/* OUR STORAGE CENTRE */

#our_storage_centre {
	background: url(../images/our_storage_centre.jpg) left center no-repeat, #003061;
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

#our_storage_centre img {
	position: absolute;
	left: 50%;
	bottom: 0;
}

#our_storage_centre h2 {
	color: #ffd800;
}

#our_storage_centre p {
	color: #fff;
}





.goodshotel {
	background: #003061;
	padding: 115px 0 95px 0;
	color: #fff;
}
	
	.goodshotel .one-third.column {
		width: 240px;
	}

	.goodshotel .one-third.column.first {
		margin-right: 100px;
	}

	.goodshotel .one-third.column.last {
		margin-left: 100px;
	}

	.goodshotel h2 {
		margin-bottom: 45px;
		text-align: center;
	}
	
	.goodshotel h2, .goodshotel h3, .goodshotel p {
		color:#fff;
	}
	
	.goodshotel figure {
		text-align: center;
		margin-bottom:30px;
	}

.trustworthy {
	background: #fff;
	padding: 120px 0;
	
}

.trustworthy h2 {
	margin-bottom: 45px;
	color:#ffd800;
	text-shadow: 0px 1px 0px #ffc600;
}

.testimonial-wrapper {
	background: #ebeff2;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 60px 60px 40px 60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.testimonial-wrapper:after {
	content: url(../images/testimonial-after.png);
	width: 24px;
	height: 9px;
	display: block;
}

blockquote {
	text-align: left;
}

blockquote p:before {
	content: url(../images/before-quote.png) center no-repeat;
	margin-right: 10px;
}

blockquote p:after {
	content: url(../images/after-quote.png);
	margin-left: 10px;
}

/* Personal Storage Page
================================================== */

.personal .banner {
	background: url(../images/personal-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 200px 0;
	position: relative;
	z-index: 0;
}

img#personal-belongings {
	position: absolute;
	left: 50%;
	bottom: -200px;
	margin-left: -216px;
}

.personal .content {
	padding: 80px 0;
}

.personal .one-third.column {
		width: 240px;
	}

	.personal .one-third.column.first {
		margin-right: 100px;
	}

	.personal .one-third.column.last {
		margin-left: 100px;
	}

/* Business Storage Page
================================================== */

.business .banner {
	background: url(../images/business-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 200px 0;
	position: relative;
	z-index: 0;
}

img#business-belongings {
	position: absolute;
	left: 50%;
	bottom: -200px;
	margin-left: -117px;
}

.business .content {
	padding: 80px 0;
}

/* Student Storage Page
================================================== */

.student .banner {
	background: url(../images/student-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 200px 0;
	position: relative;
	z-index: 0;
}

img#student-belongings {
	position: absolute;
	left: 50%;
	bottom: -200px;
	margin-left: -198px;
}

.student .content {
	padding: 80px 0;
}

/* Van Hire Page
================================================== */

.van-hire .banner {
	background: url(../images/van-hire-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px 0;
	position: relative;
	z-index: 0;
}

.van-hire .content {
	padding: 80px 0;
}

.van-hire .footnote:first-child {
	margin-top: 30px;
}

/* About Page
================================================== */

.about .banner {
	background: url(../images/about-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px 0;
	position: relative;
	z-index: 0;
}

.about .content {
	padding: 80px 0 70px 0;
}

#choice {
	background: url(../images/choice-bg.jpg) center no-repeat;
	background-size: cover;
	padding: 120px 0;
}

#access {
	background: url(../images/access-bg.jpg) center no-repeat;
	background-size: cover;
	padding: 120px 0;
}

#security {
	background: url(../images/security-bg.jpg) center no-repeat;
	background-size: cover;
	padding: 120px 0;
}

.about #choice .content, 
.about #access .content, 
.about #security .content {
	padding: 60px 0 70px 0;
}

ul.nav {
	width: 100%;
}

ul.nav li {
	float: left;
	width: 33.3%;
	text-align: center;
	margin-bottom: 60px;
}

ul.nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border: 1px solid #d8e0e5;
	display: inline-block;
	width: 100%;
	background: #fff;
	color: #8997a5;
	font-size: 13px;
	font-family: 'Proxima N W01 Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 20px 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.nav li a:hover, 
ul.nav li a.current {
	background: #ebeff2;
	color: #516274;
}

ul.nav li:first-child a {
	border-right: none;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

ul.nav li:last-child a {
	border-left: none;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

/* Space Calculator Page
================================================== */

.space-calculator .banner {
	background: url(../images/calculator-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px 0;
	position: relative;
	z-index: 0;
}

img#calculator {
	position: absolute;
	left: 50%;
	margin-left: -54px;
}

.space-calculator .content {
	padding-top: 60px;
}

/* Table */

table {
	width: 100%;
	color: #516274;
	font-size: 13px;
	text-align: left;
	margin-bottom: 100px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #cdd3d8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	tr {
		border-bottom: 1px solid #cdd3d8;
		background: #fff;
	}

	tr:nth-child(even) {
		background: #f6f8f9;
	}

		th {
			font-size: 16px;
			font-family: 'Proxima N W01 Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #003061;
		}

		td, th {
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			border-left: 1px solid #dfe3e6;
		}

		td:first-child, th:first-child {
			border-left: none;
		}

		td.standard-sizes {
			width: 24%;
			padding: 30px 0;
		}

		th.standard-sizes {
			width: 24%;
			background: #fff;
			padding: 30px;
		}

			td.standard-sizes img {
				float: left;
			}

		td.accommodation,
		th.accommodation {
			width: 24%;
			padding: 30px;
		}

		td.vehicle,
		th.vehicle {
			width: 24%;
			padding: 30px;
		}

		td.typical-uses,
		th.typical-uses {
			width: 28%;
			padding: 30px;
		}

		td.table-note {
			font-size: 12px;
			color: #8997a5;
			width: 100%;
			text-align: center;
			padding: 40px;
		}

/* FAQ's Page
================================================== */

.faqs .banner {
	background: url(../images/faq-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px 0;
	position: relative;
	z-index: 0;
}

.faq {
	border-bottom: 1px solid #dfe3e6;
	padding: 50px 0px 30px 0px;
	margin: 0;
}

.faq:first-child {
	margin-top: 40px;
}

.faq:last-child {
	border-bottom: none;
	margin-bottom: 40px;
}	

/* Get Help Moving Page
================================================== */

.get-help-moving .banner {
	background: url(../images/get-help-moving-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px 0;
	position: relative;
	z-index: 0;
}

.get-help-moving .content {
	padding: 80px 0;
} 

.get-help-moving .one-third.column {
		width: 240px;
	}

.get-help-moving .one-third.column.first {
	margin-right: 100px;
}

.get-help-moving .one-third.column.last {
	margin-left: 100px;
}

ul.help-contact {
	margin-bottom: 40px;
}
	
	ul.help-contact li {
		font-size: 13px;
		color:#516274;
	}

	ul.help-contact li a {
		color: #2c343c;
		border-bottom: 1px solid #cdd5dd;
		text-decoration: none;
	}

	li.help-phone {
		background: url(../images/telephone.png) left center no-repeat;
		padding-left: 30px;
		line-height: 16px;
	}

	li.help-mobile {
		background: url(../images/phone.png) left center no-repeat;
		padding-left: 30px;
		line-height: 16px;
	}

	li.help-email {
		background: url(../images/email.png) left center no-repeat;
		padding-left: 30px;
		line-height: 16px;
	}

	li.help-web {
		background: url(../images/web.png) left center no-repeat;
		padding-left: 30px;
		line-height: 16px;
	}

.footnote {
	border: 1px solid #dfe3e6;
	border-bottom: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 40px;
}

.footnote:first-child {
	border: 1px solid #dfe3e6;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.footnote:last-child {
	border: 1px solid #dfe3e6;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.footnote img {
	float: left;
	margin-right: 40px; 
}

/* Contact Page
================================================== */

.contact .banner {
	background: url(../images/contact-bg.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0 80px 0;
	position: relative;
	z-index: 0;
}

#map {
}

.content {
	background: #fff;
}

.content h2 {
	color:#516274;
	
}

.left-sidebar {
	border-right: 1px solid #dfe3e6;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

	#get-in-touch {
		padding: 50px 60px 45px 0;
		border-bottom: 1px solid #dfe3e6;
	}

	#opening-hours {
		padding: 60px 60px 45px 0;
		border-bottom: 1px solid #dfe3e6;
	}

	#social-links {
		padding: 60px 60px 100px 0;
	}

#request-a-quote {
	padding: 0px 0 100px 0px;
	width:617px;
}


/* Contact Form */

.form-all {
	padding-top: 20px;
}

.form-label-top {
	font-size: 12px;
	text-transform: uppercase;
	color: #516274;
	font-family: 'Proxima N W01 Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#our_storage_centre img {
			display:none;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		

		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* Main menu wrapper */
header #brand-ident {
	float: left;
	position: relative;
	z-index: 10;
}

header .top-nav {
	float: right;
	padding: 60px 0;
}

header .top-nav li {
	display: inline-block;
}

header .top-nav > ul > li > a {
	text-decoration: none;
	color: #fff;
	font-family: 'Proxima N W01 Bold';
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	z-index: 10000;
	outline: none;
	margin-left: 40px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header .top-nav > ul > li > a:not(:only-child):after {
	display: inline-block;
	speak: none;
	content: url(../images/dropdown.png);
	margin-left: 10px;
	vertical-align: middle;
	margin-top: -3px;
}

header .top-nav ul > li > ul {
	display: none;
}

@media (max-width: 959px) {

	header {
		/*margin: 0 20px;*/
	}

	header > div {
		max-width: 768px;
	}

	header .top-nav li {
		/*display: block;*/
	}

}

@media (min-width: 701px) {

	header .top-nav ul > li > ul {
		background: #003061;
		display: block;
		position: absolute;
		opacity: 0.7;
		top: 0;
		left: -20px;
		right: 0;
		margin: 0;
		height: 0;
		overflow: hidden;
		/*z-index: -500000;*/
		text-align: center;
	}

	header .top-nav ul > li > ul > li {
		float: left;
		padding: 30px 0;
		width: 25%;
		height: 75px;
		text-decoration: none;
		font-family: 'Proxima N W01 Bold';
		font-size: 14px;
		line-height: 14px;
	}

	header .top-nav ul > li > ul > li a {
		color: #fff;
	}

	/* Add images as bullets */

	li#nav-about-us a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/info-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-space-calculator a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/calculator-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-faq a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/talk-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-help-moving a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/help-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-personal-storage a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/personal-storage-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-business-storage a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/business-storage-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-student-storage a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/student-storage-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	li#nav-van-hire a:before {
		content: " ";
		display: inline-block;
		width: 20px;
		height: 16px;
		background: url(../images/van-hire-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.get-a-quote {
		position: absolute;
		bottom: 0;
	}

	.get-a-quote .form-box {
		height: 450px;
	}

}

@media (max-width: 700px) {

	body {
		margin-top: 0 !important;
	}

	header {
		margin: 0;
	}

	header h1 {
		margin-left: 20px;
	}

	header ul, header ul ul, header a {
		margin: 0 !important;
		padding: 0 !important;
	}

	header .top-nav {
		float: none;
		padding-top: 120px;
		text-align: center;
	}

	header .top-nav li {
		padding-top: 5px;
	}

	header .top-nav ul {
		padding: 0;
	}

	header .top-nav ul > li {
		display: block;
	}

	header .top-nav > ul > li:nth-child(2), header .top-nav > ul > li:nth-child(3) {
		padding: 0;
	}

	header .top-nav > ul > li:nth-child(2) > a, header .top-nav > ul > li:nth-child(3) > a {
		display: none;
	}

	header .top-nav > ul > li > ul {
		display: block;
		height: auto !important;
	}

	header .top-nav > ul > li > ul > li {
		display: block;
	}

	header .top-nav > ul > li > ul > li > a {
		color: #fff;
		font-family: 'Proxima N W01 Bold';
		font-size: 12px;
		text-decoration: none;
		text-transform: uppercase;
	}

	.banner {
		padding-top: 440px !important;
		z-index: -1 !important;
	}

}

/* Main menu wrapper - Note: Old, may be able to be removed, needs testing. */
.cbp-hsmenu-wrapper {
	position: relative;
	width: 100%;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
	position: relative;
	z-index: 100;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	text-align: right;
	max-width: 940px;
	margin: 0 auto;
	padding: 60px 0;
}

.cbp-hsmenu > li {
	display: inline-block;
	margin: 0;
}

.cbp-hsmenu > li:first-child {
	margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
	text-decoration: none;
	color: #fff;
	font-family:'Proxima N W01 Bold';
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	z-index: 10000;
	outline: none;
	margin-left: 40px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.no-touch .cbp-hsmenu > li > a:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a,
.home .cbp-hsmenu li#nav-home a,
.contact .cbp-hsmenu li#nav-contact a {
	color: #fff;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):after {
	display: inline-block;
	speak: none;
	content: url(../images/dropdown.png);
	margin-left: 10px;
	vertical-align: middle;
	margin-top: -3px;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):after {
	content: url(../images/dropup.png);
}

/* Submenu style */
.cbp-hssubmenu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	z-index: 100000;
	text-align: center; /* for aligning the sub items */
	overflow: hidden;
}

.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
	content: " "; 
	display: table; 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	width: 25%;
	float: left;
	display: inline-block;
	vertical-align: top;
	/*opacity: 0;*/
	margin: 0;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
}

.cbp-hssubmenu > li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-family:'Proxima N W01 Bold';
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	opacity: 0.7;
	background: #003061;
	border-left: 1px solid #003c7a;
	outline: none;
	padding: 30px 0;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
	opacity: 1;
	background: #003c7a;
}

.cbp-hssubmenu > li:first-child a {
	border-left: none;
}

	.cbp-hssubmenu > li#nav-about-us a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/info-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-space-calculator a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/calculator-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-faq a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/talk-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-help-moving a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/help-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-personal-storage a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/personal-storage-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-business-storage a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/business-storage-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-student-storage a:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../images/student-storage-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

	.cbp-hssubmenu > li#nav-van-hire a:before {
		content: " ";
		display: inline-block;
		width: 20px;
		height: 16px;
		background: url(../images/van-hire-icon.png) center no-repeat;
		margin-top: -1px;
		margin-right: 20px;
		vertical-align: middle;
	}

.no-touch .cbp-hssubmenu > li a:hover img {
	opacity: 0.5;
}

.cbp-hssubmenu > li a span {
	display: block;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	z-index: 1000;
	visibility: visible;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	background: #003061;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 1;
	height: 0px;
}

.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

@media screen and (max-width: 65em){
	.cbp-hsmenu-wrapper {
		font-size: 80%;
	}
	.item img{

		margin-bottom:20px;
	}
}

@media screen and (max-width: 51.4375em){
	.home h1{
		font-size:54px;
	}
	.cbp-hsmenu-wrapper {
		font-size: 100%;
	}

	.cbp-hsmenu-wrapper .cbp-hsmenu {
		padding: 0;
		max-width: none;
		width: 100%;
	}

	.cbp-hsmenu > li {
		border-top: 1px solid rgba(255,255,255,0.5);
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.cbp-hsmenu > li:first-child {
		border-top: none;
	}

	.cbp-hsmenu > li > a {
		display: block;
	}

	.cbp-hsmenu > li > a:not(:only-child):before {
		line-height: 1.8;
		right: 0;
		position: absolute;
		font-size: 200%;
	}

	.cbp-hsmenubg {
		display: none;
	}

	.cbp-hssubmenu {
		background: #f7f7f7;
		position: relative;
		overflow: hidden;
		height: 0;
	}

	.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
		height: auto;
	}

	/* Let's only allow 3 item in a row now */
	.cbp-hssubmenu > li {
		width: 30%;
	}

	/* Reset box shadows for the 6 items in row case */
	.cbp-hssubmenu > li:nth-child(-n+6),
	.cbp-hssubmenu > li:nth-child(6n+1) {
		box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	}

	/* First 4 items don't have upper box shadow */
	.cbp-hssubmenu > li:nth-child(-n+3) {
		box-shadow: -28px 0 0 -27px #ddd;
	} 

	/* Every 5th item does not have a left box shadow */
	.cbp-hssubmenu > li:nth-child(3n+1) {
		box-shadow:  0 -28px 0 -27px #ddd;
	}


}

@media screen and (max-width: 25em){
	.home h1{
		font-size:48px;
	}
	.item img{
		width:150px;
		margin-bottom:20px;
	}

	/* Let's only allow 1 item in a row now */
	.cbp-hssubmenu > li {
		width: 100%;
		display: block;
	}

	.cbp-hsmenu-wrapper .cbp-hssubmenu > li {
		box-shadow: 0 1px #cecece;
		text-align: left;
	}

	.cbp-hssubmenu > li a {
		text-align: left;
		line-height: 50px;
		padding: 0.4em 1em;
	}

	.cbp-hssubmenu > li a img {
		float: left;
		max-height: 50px;
	}

	.cbp-hssubmenu > li a span {
		min-height: 0;
		margin: 0;
	}
}
/* reset  list style */
.cbp-tm-menu,
.cbp-tm-menu ul {
	list-style: none;
}

/* set menu position; change here to set to relative or float, etc. */
.cbp-tm-menu {

}

/* first level menu items */
.cbp-tm-menu > li {
	display: inline-block;
	position: relative;
}

.cbp-tm-menu > li > a {;
	display: inline-block;
}

/* sumbenu with transitions */
.cbp-tm-submenu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
	padding: 0;
	text-align: left;
	pointer-events: none;
	-webkit-transition: visibility 0s, opacity 0s;
	-moz-transition: visibility 0s, opacity 0s;
	transition: visibility 0s, opacity 0s;
}

.cbp-tm-show .cbp-tm-submenu {
	width: 195px;
	left: 50%;
	margin: 0 0 0 -100px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
}

.cbp-tm-show-above .cbp-tm-submenu {
	bottom: 100%;
	padding-bottom: 10px;
}

.cbp-tm-show-below .cbp-tm-submenu {
	top: 100%;
	padding-top: 10px;
}

/* extreme cases: not enough space on the sides */
.cbp-tm-nospace-right .cbp-tm-submenu {
	right: 0;
	left: auto;
}

.cbp-tm-nospace-left .cbp-tm-submenu {
	left: 0;
}

/* last menu item has to fit on the screen */
.cbp-tm-menu > li:last-child .cbp-tm-submenu {
	right: 0;
}

/* 	
arrow: depending on where the menu will be shown, we set 
the right position for the arrow
*/

.cbp-tm-submenu:after {
	border: solid transparent;
	height: 8px;
	width: 22px;
	position: absolute;
	pointer-events: none;
}

.cbp-tm-show-above .cbp-tm-submenu:after {
	content: url(../images/dropup-arrow.png);
	top: 100%;
	margin-top: -17px;
}

.cbp-tm-show-below .cbp-tm-submenu:after {
	content: url(../images/dropdown-arrow.png);
	bottom: 100%;
	margin-bottom: -10px;
}

.cbp-tm-submenu:after {
	border-color: transparent;
	margin-left: -11px;
	left: 50%;
}

.cbp-tm-submenu > li {
	display: block;
	background: #2c343c;
	margin: 0;
	border-bottom: 1px solid #1d2329;
}

.cbp-tm-submenu > li > a {
	padding: 15px 20px;
	display: block;
	font-family: 'Proxima N W01 Bold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	position: relative;
	color: #fff;
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.no-touch .cbp-tm-submenu > li > a:hover,
.no-touch .cbp-tm-submenu > li > a:active {
	color: #fff;
}

.cbp-tm-submenu li:first-child,
.cbp-tm-submenu li a:first-child {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.cbp-tm-submenu li:last-child,
.cbp-tm-submenu li a:last-child {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.cbp-tm-submenu li:last-child {
	border-bottom: none;
}

.cbp-tm-submenu li#tooltip-personal a {
	background: url(../images/personal-storage-icon.png) 20px center no-repeat;
	padding-left: 50px;
}

.cbp-tm-submenu li#tooltip-business a {
	background: url(../images/business-storage-icon.png) 20px center no-repeat;
	padding-left: 50px;
}

.cbp-tm-submenu li#tooltip-student a {
	background: url(../images/student-storage-icon.png) 20px center no-repeat;
	padding-left: 50px;
}

.cbp-tm-submenu li#tooltip-van-hire a {
	background: url(../images/van-hire-icon.png) 18px center no-repeat;
	padding-left: 50px;
}

.cbp-tm-submenu li#tooltip-personal a:hover,
.cbp-tm-submenu li#tooltip-business a:hover,
.cbp-tm-submenu li#tooltip-student a:hover:hover,
.cbp-tm-submenu li#tooltip-van-hire a:hover {
	opacity: 1;
	background-color: #1d2329;
}

/* Media Queries */
@media screen and (max-width: 55.6875em) {
	.cbp-tm-menu {
		font-size: 80%;
	}
}

@media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {


	.cbp-tm-menu {
		font-size: 100%;
		position: relative;
		text-align: center;
		padding: 0;
		top: auto;
	}

	.cbp-tm-menu > li {
		display: block;
		margin: 0;
		border-bottom: 4px solid #3793ca;
	}

	.cbp-tm-menu > li:first-child {
		border-top: 4px solid #3793ca;
	}

	li.cbp-tm-show > a,
	.no-touch .cbp-tm-menu > li > a:hover,
	.no-touch .cbp-tm-menu > li > a:active {
		color: #fff;
		background: #02639d;
	}

	.cbp-tm-submenu {
		position: relative;
		display: none;
		width: 100%;
	}

	.cbp-tm-submenu > li {
		padding: 0;
	}

	.cbp-tm-submenu > li > a {
		padding: 0.6em 2.3em 0.6em 0.6em;
		border: none;
		border-bottom: 2px solid #6fbbe9;
	}

	.cbp-tm-submenu:after {
		display: none;
	}

	.cbp-tm-menu .cbp-tm-show .cbp-tm-submenu {
		display: block;
		width: 100%;
		left: 0;
		margin: 0;
		padding: 0;
	}
	
	
	
	#owl-brands .owl-next {
	position: relative;
	top: -71px;
	left: 70%;
	}
	
	#owl-testimonials .owl-next {
	position: relative;
	top: -40px;
	left: 66%;
	}
	
	
	#owlthing .owl-page {
		width:100%;
		text-align: center;
		padding: 30px 0;
		color:#fff;
	}
	
	#form-pagebreak-next_6 {
	width: 155%;
	
	}
	
	.form-label-left {
	width: 0px !important;
	}
	
	.form-section, .form-section-closed {
	list-style: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	position: relative;
	zoom: 1;
	clear: both;
	width: 100%;
	}
	
	.form-line {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 1px !important;
	margin: 6px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	.form-box {
		height: 580px;
		height: 450px;
		margin-bottom: 20px;
	}
	
	.form-line label {
		padding-left: 20px !important;
	}
	
	.form-dropdown {
		width:280px !important;
	}
	

	
	#form-pagebreak-next6 {
		
		z-index:100000000 !important;
		margin-top:-30px !important;
	}
	

	.form-label-top {
		font-size:16px !important;
		width:200px;
		font-weight:300;
		}



}