@import url(https://fonts.googleapis.com/css?family=Ubuntu:700);/*
Theme Name: Access Storage Mobile Responsive
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/

.widget:after,
.post-password-form p:after,
.search-form:after,
#header .nav-holder .nav-frame:after,
#nav:after,
#twocolumns aside .text-widget:after {
	content: " ";
	display: block;
	clear: both;
}

.widget {
	margin: 0 0 22px;
}

.widget.form-holder h3 {
	text-align: center;
}

.widget.form-holder h4 {
	color: #ee1c25;
}

.widget h3 {
	margin: 0 0 11px;
}

.widget h3 a {
	text-decoration: underline;
}

.widget ul {
	margin: 0;
	padding: 6px 0 0;
}

.widget ul li {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 10px 0 12px;
	vertical-align: top;
}

.widget ul li:first-child {
	padding-top: 0;
}

.widget ul .image-holder {
	border: 1px solid #eee;
	float: left;
	/*padding: 3px;*/
	margin: 2px 10px 0 0;
	width: 53px;
}

.widget ul .txt {
	overflow: hidden;
}

.widget ul h4 {
	color: #ee1c25;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
}

.widget ul h4 a:hover {
	text-decoration: none;
}

.widget ul .date {
	font-size: 11px;
	color: #bbb;
}

.widget ul .date:hover,
.widget ul .date:active {
	color: #7b7b7b;
}

.widget ul .date:hover {
	text-decoration: none;
}

.widget select {
	background: #fff;
	border: 1px solid #ffa500;
	min-width: 150px;
	padding: 5px 8px 5px 5px;
	-webkit-border-radius: 0;
}

.widget .form-storage {
	background-color: #fddd79;
	background: -webkit-linear-gradient(top, #fff799 0%, #fff79a 31%, #fddd79 53%, #fbbb4f 71%, #f7941d 100%);
	background: linear-gradient(to bottom, #fff799 0%, #fff79a 31%, #fddd79 53%, #fbbb4f 71%, #f7941d 100%);
	border: 3px outset #ffa500;
	font-size: 10px;
	line-height: 1.6;
	margin: 0 auto;
	padding: 7px 6px 14px;
	text-align: center;
}

.widget .form-storage h4 {
	font-size: 21px;
	margin: 0 0 8px;
}

.widget .form-storage p {
	margin: 0 -5px 9px;
}

.widget .form-storage .wpcf7-form-control-wrap {
	display: block;
	margin: 0 0 16px;
}

.widget .form-storage select {
	display: block;
	font-size: 13px;
	line-height: 16px;
	min-width: 100%;
	padding-left: 0;
}

.widget .form-storage textarea {
	height: 52px;
	resize: vertical;
}

.widget .form-storage input[type=submit] {
	background: url(images/bg-submit.png) no-repeat;
	background-size: 100% 114px;
	border: 0;
	color: #fff;
	font: bold 16px/54px Ubuntu, sans-serif;
	height: 54px;
	margin: 0 -5px;
	padding: 0 10px;
	width: 100%;
}

.widget .form-storage input[type=submit]:hover {
	background-position: 0 -60px;
}

.widget .form-storage .placeheld {
	color: #000;
}

.widget .form-storage .ajax-loader {
	display: none;
}

.comment-form textarea,
.post-password-form input[type="password"],
.comment-form input[type="text"],
.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"],
.search-form input[type="search"] {
	width: 150px;
}

#sidebar .search-form input[type="search"] {
	margin: 0 0 10px;
	width: 100%;
}

#sidebar .search-form input[type=submit] {
	display: block;
	width: 100%;
}

.post-password-form input,
.search-form input {
	float: left;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #ed1b24;
	color: #fff;
	height: 30px;
	border: none;
	padding: 0 10px;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.comment-form input[type="submit"] {
	float: none;
	display: block;
}

.commentlist {
	margin: 0 0 14px;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist-item .commentlist-item {
	padding: 0 0 0 3em;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 14px;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 14px 4px 0;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	padding: 3px 4px;
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
	resize: vertical;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation {
	overflow: hidden;
	margin: 0 0 14px;
}

.navigation .next,
.navigation .prev {
	float: left;
	width: 50%;
}

.navigation .prev {
	float: right;
	text-align: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 14px;
}

.wp-caption img {
	vertical-align: top;
	margin: 0;
}

.wp-caption p {
	margin: 10px 0 0;
}

div.aligncenter {
	margin: 0 auto 14px;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 14px 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 14px;
}

.mejs-container {
	margin-bottom: 14px;
}

.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

h1 {
	margin: 0 0 17px;
}

h2 {
	color: #ee1c25;
	margin: 0 0 8px;
}

h2 a {
	color: #ee1c25;
}

h2 a:hover {
	text-decoration: none;
}

h3 {
	color: #ee1c25;clear:both;
}

p {
	margin: 0 0 10px;
}

textarea {
	min-height: 52px;
}

input[type=text],
input[type=password],
input[type=file],
input[type=submit],
input[type=search],
input[type=email],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input[type=text],
input[type=password],
input[type=search],
input[type=email],
textarea {
	display: block;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ffa500;
	border-radius: 0;
	color: #000;
	height: 30px;
	padding: 6px 4px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	width: 100%;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #000;
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=email]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #000;
}

input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=email]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #000;
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #000;
}

input[type=text].placeholder,
input[type=password].placeholder,
input[type=search].placeholder,
input[type=email].placeholder,
textarea.placeholder {
	color: #000;
}

#header {
	background: #ed1b24;
	position: relative;
	z-index: 5;
}

#header .btn-quote {
	display: none;
}

#header .banners-bar {
	padding: 4px 0 14px 40px;
}

#header .banners-bar .opener {
	display: none;
}

#header .banners-bar .column {
	float: left;
	min-height: 1px;
	padding: 0 7px;
	width: 20%;
}

.mobileonly .column {
	float: left;
	min-height: 1px;
	padding: 0;
	width: 190px;
}

#header .banners-bar .box, .mobileonly .box {
	background: url(images/bg-banner.jpg) no-repeat;
	display: block;
	margin: 0 auto;
	max-width: 183px;
	min-height: 111px;
	overflow: hidden;
	text-align: center;
}

#header .banners-bar .box a:hover, .mobileonly .box a:hover {
	text-decoration: none;
}

#header .banners-bar .box .title, .mobileonly .box .title {
	color: #272324;
	display: block;
	font-size: 24px;
	line-height: 1.1;
	margin: 6px 0 3px;
}

.mobileonly .box .title {
	margin: 6px 0 0 0;padding:0;
}

#header .banners-bar .box .title a, .mobileonly .box .title a {
	color: #272324;
}

#header .banners-bar .box .number, .mobileonly .box .number {
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.1;
	padding: 11px 4px;
	text-align: center;
}

.mobileonly .box .number {padding: 0 4px;}

#header .banners-bar .box address, .mobileonly .box address {
	color: #fff;
	font-size: 11px;
	line-height: 1.1;
	margin: 0;
	padding: 4px 0 0;
}

.mobileonly .box address {padding:2px 0;}

#header .banners-bar .box address a, .mobileonly .box address a {
	color: #fff;
}


.mobileonly{margin:0 auto;display:block;clear:both;height:111px;width:100%}

#header .logo {
	bottom: -56px;
	left: 19px;
	position: absolute;
	z-index: 5;
}

#header .nav-holder {
	background: none;
	border: 0;
	border-radius: 0;
	margin: 0;
}

#header .nav-holder .navbar-collapse {
	border: 0;
	padding: 0;
}

#header .navbar-toggle {
	background: none;
	border-color: #fff;
}

#header .navbar-toggle:hover {
	background: #fff;
}

#header .navbar-toggle:hover .icon-bar {
	background: #ed1b24;
}

#header .navbar-toggle .icon-bar {
	background: #fff;
}

#nav {
	font: bold 12px/14px Ubuntu, sans-serif;
	margin: 0 0 0 34px;
	text-transform: uppercase;
}

#nav > li {
	float: left;
	margin: 0 0 0 10px;
}

#nav > li:first-child {
	margin-left: 0;
}

#nav > li.hover {
	position: relative;
}

#nav > li.hover a {
	background: #f00;
	border-color: #934447 #fff #eb7177 #934447;
}

#nav > li.hover .drop {
	left: 0;
	top: 100%;
}

#nav a {
	background: #ed1b24;
	border: 1px solid #eb7177;
	border-right-color: #934447;
	color: #fff;
	display: block;
	padding: 7px 8px;
}

#nav .drop {
	left: -9999px;
	position: absolute;
	top: -9999px;
	width: 138px;
}

#nav .drop li {
	overflow: hidden;
	padding: 1px 0 0;
	vertical-align: top;
}

#nav .drop li.hover a {
	background: #a80000;
	text-decoration: none;
}

body {
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	min-width: 320px;
}

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

.image-holder img,
.banners-bar img {
	vertical-align: top;
}

#wrapper {
	overflow: hidden;
}

#main {
	background: #fff;
}

.section-content {
	padding: 23px 0 76px;
}

#twocolumns #content {
	float: left;
	padding: 0;
	width: 100%;
}

#twocolumns #content .content-holder {
	margin: 0 30px 0 245px;
}

#twocolumns aside {
	float: left;
	margin: 65px 0 0 -100%;
	width: 230px;
}

#twocolumns aside .text-widget {
	font-size: 10px;
	line-height: 1.6;
	/* margin: -16px 0 0 20px; Commented by Ilya@Kwasi 16/04/15 */
	position: relative;
}

#twocolumns aside .text-widget img {
	float: left;
}

#twocolumns aside .text-widget p {
	float: right;
	margin: 16px 0 10px;
	width: 66.5%;
}

#content {
	padding: 50px 20px 20px;
}

#content .image-holder {
	padding: 10px 0 1px;
}

#content .image-holder .alignright {
	margin: 0;
}

#sidebar {
	margin: 0 0 0 -17px;
	padding: 9px 6px 0 0;
}

#footer {
	font-size: 10px;
	line-height: 1.6;
	padding: 44px 0 5px;
	text-align: center;
}

#footer p,
#footer a {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

#footer a {
	margin: 0 0 0 1px;
	padding: 0 0 0 5px;
	position: relative;
	text-decoration: underline;
}

#footer a:before {
	background: #000;
	content: "";
	height: 10px;
	left: 0;
	margin: -5px 0 0;
	position: absolute;
	top: 50%;
	width: 1px;
}

@media (min-width: 1064px) {
	#header .banners-bar .columns-holder {
		display: block;
		visibility: visible;
	}
	
	.mobileonly{display:none;visibility:hidden;}
}

@media (max-width: 1064px) {
	#header .logo {
		bottom: -47px;
		left: 10px;
		width: 178px;
	}

	#header .btn-quote {
		display: block;
		float: left;
		margin: 2px 0 0;
	}

	#header .banners-bar {
		float: left;
		padding: 5px 18px 0;
	}

	#header .banners-bar .opener {
		background: none !important;
		border: 0;
		color: #fff;
		display: block;
		font-size: 24px;
		margin: 0;
		padding: 0;
	}

	#header .banners-bar .opener:hover,
	#header .banners-bar .opener:focus {
		background: none;
		text-decoration: none;
	}

	#header .banners-bar .columns-holder {
		display: block;
		height: auto !important;
		left: -10px;
		max-height: 0;
		overflow: hidden;
		padding: 0 10px;
		position: absolute;
		right: -10px;
		top: 100%;
		-webkit-transition: max-height .5s;
		transition: max-height .5s;
		visibility: visible;
	}

	#header .banners-bar .columns-holder .frame {
		background: #ed1b24;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: -webkit-transform .5s;
		transition: transform .5s;
	}

	#header .banners-bar .column {
		float: none;
		min-height: 0;
		padding: 0 0 10px;
		text-align: center;
		width: auto;
	}

	#header .header-holder {
		float: right;
		padding: 10px 0;
	}

	#header .nav-holder {
		float: left;
		position: static;
	}

	#header .nav-holder .row {
		margin: 0;
	}

	#header .nav-holder .nav-frame {
		padding: 0;
		position: static;
	}

	#header .nav-holder .navbar-collapse {
		box-shadow: none;
		display: block;
		left: 0;
		max-height: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 100%;
		-webkit-transition: max-height .5s;
		transition: max-height .5s;
		visibility: visible;
		z-index: 1;
	}

	#nav {
		background: #ed1b24;
		margin: 0;
		padding: 10px 10px 10px 198px;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: -webkit-transform .5s;
		transition: transform .5s;
	}

	#nav > li {
		float: none;
		margin: 0;
		padding: 0 0 10px;
	}

	#nav > li.hover .drop {
		position: static;
		width: 100%;
	}

	#nav .drop a {
		padding-left: 20px;
	}

	body.nav-active #header .navbar-toggle {
		background: #fff;
	}

	body.nav-active #header .navbar-toggle .icon-bar {
		background: #ed1b24;
	}

	body.nav-active #header .nav-holder .navbar-collapse {
		max-height: 4000px;
	}

	body.nav-active #nav {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	body.banners-active #header .banners-bar .columns-holder {
		max-height: 4000px;
	}

	body.banners-active #header .banners-bar .columns-holder .frame {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	.section-content {
		padding-bottom: 0;
	}

	#content {
		padding-right: 10px;
		padding-left: 10px;
	}

	#sidebar {
		margin: 0;
		padding: 20px 10px 0;
	}
	
	.mobileonly{display:block;visibility:visible;}	
}

@media (max-width: 992px) {
	.widget .form-storage {
		max-width: none;
	}

	.widget .form-storage input[type=submit] {
		background-size: auto;
		margin: 0 auto;
		max-width: 175px;
	}

	.mobileonly{display:block;visibility:visible;}		
}

@media (max-width: 768px) {
	#header {
		margin: 0 -15px;
		padding: 0 5px;
	}

	#header .logo {
		bottom: 5px;
		left: 15px;
		width: 90px;
	}

	#header .header-holder {
		float: right;
	}

	#header .nav-holder {
		float: left;
		position: static;
	}

	#header .nav-holder .nav-frame {
		position: static;
	}

	#nav {
		padding-left: 10px;
	}

	body {
		background: none;
	}

	#twocolumns #content .content-holder {
		margin: 0;
	}

	#twocolumns aside {
		display: none;
	}

	#content {
		padding: 0;
	}

	#footer p {
		display: block;
	}

	#footer a:before {
		display: none;
	}
	
	.mobileonly{display:block;visibility:visible;}	
}

@media only screen and (max-width: 767px) {
	.commentlist-item .commentlist-item {
		padding: 0;
	}
	
	.mobileonly{display:block;visibility:visible;}		
}


/* Added by Ilya@Kwasi 16/04/15 to support space calc styles */
#paneselector {background:#FF2001;padding:2px;color:white;}
#ddl_pane {color:black;}
.panetitle { font-size:120%; padding:3px}
.panetitle {display:none;}

.questions, .panetitle {border-left:1px solid #FF2001; border-right:1px solid #FF2001;}
.questions th {text-align:left;}

.questions table {width:100%;}
.rowalt {background:#dddddd;}
.rowstd {background:#cccccc;}

.questions th {background:black;color:white;padding:3px;}
.questions tr {height:25px}

.pane#menu {height:25px;background:#FF2001;color:white; margin-top:-10px;}
.pane#menu a, .pane#menu a:visited {color:white;text-decoration:none;}
.pane#menu img {border:0;vertical-align:middle}
.pane#menu .previous {float:left;}
.pane#menu .next {float:right;text-align:right;}
.subtotal,.grandtotal {font-weight:bold}

.panenav {height:25px;background:#FF2001;color:white;}
.panenav a, .panenav a:visited {color:white;text-decoration:none;}
.panenav img {border:0;vertical-align:middle}
.panenav .previous {float:left;}
.panenav .next {float:right;text-align:right;}

.rowalt td:nth-child(2), .rowstd td:nth-child(2) {padding-left:10px;}
/* end-of-addition by Ilya@Kwasi */

.mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 1px)
   and (max-device-width : 1024px){ .mobileShow { display: inline;}}

.map {
	width:100%;
	height:500px;	
}


.map-wrap {
	position:relative; 
}
	
.overlay {
	width:100%;
	min-height:500px; 
	position:absolute; 
	top:0;
}