/* ----------------------------------------------------------------------------------------------------

CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861?ref=human1nt

---------------------------------------------------------------------------------------------------- */

/*
	Columns Fixed (f)
*/

.f1, /* set margins below all boxes, just for display purposes */
.f2,
.f4
{
	padding-bottom:10px;
}
.f3
{
	padding-bottom:9px;
}
.f5 {
	padding-bottom:8px;
}
.f6 {
	padding-bottom:10px;
}
.f7 {
	padding-bottom:7px;
}
.f8 {
	padding-bottom:2px;
}


.f1, /* outer div width */
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8 {
	width:462px;
}


.f1 .one {
	width:100%;
}


.f2 .one {
	width:226px;
	float:left;
}
.f2 .two {
	width:226px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 226 + 10 = 236
	*/
	margin-left:236px;
}


.f3 .one {
	width:148px;
	float:left;
}
.f3 .one-two {
	width:305px;
	margin-left:0px;
	float:left;
}
.f3 .two {
	width:148px;
	margin-left:9px;
	float:left;
}
.f3 .two-three {
	width:305px;
	margin-left:157px;
}
.f3 .three {
	width:148px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 148 x 2 + 9 + 9 = 314
	*/
	margin-left:314px;
}


.f4 .one {
	width:108px;
	float:left;
}
.f4 .one-two {
	width:226px;
	float:left;
}
.f4 .one-three {
	width:344px;
	float:left;
}
.f4 .two {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .two-three {
	width:226px;
	margin-left:10px;
	float:left;
}
.f4 .two-four {
	width:344px;
	margin-left:118px;
}
.f4 .three {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .three-four {
	width:226px;
	margin-left:236px;
}
.f4 .four {
	width:108px;
	margin-left:354px;
}


.f5 .one {
	width:86px;
	float:left;
}
.f5 .one-two {
	width:180px;
	float:left;
}
.f5 .one-three {
	width:274px;
	float:left;
}
.f5 .one-four {
	width:368px;
	float:left;
}
.f5 .two {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .two-three {
	width:180px;
	float:left;
	margin-left:8px;
}
.f5 .two-four {
	width:274px;
	margin-left:8px;
	float:left;
}
.f5 .two-five {
	width:368px;
	margin-left:94px;
}
.f5 .three {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .three-five {
	width:274px;
	margin-left:188px;
}
.f5 .four {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .four-five {
	width:180px;
	margin-left:282px;
}
.f5 .five {
	width:86px;
	margin-left:376px;
}


.f6 .one {
	width:72px;
	float:left;
}
.f6 .one-two {
	width:150px;
	float:left;
}
.f6 .one-three {
	width:228px;
	float:left;
}
.f6 .one-four {
	width:306px;
	float:left;
}
.f6 .one-five {
	width:384px;
	float:left;
}
.f6 .two {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .two-three {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .two-four {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .two-five {
	width:306px;
	float:left;
	margin-left:6px;
}
.f6 .two-six {
	width:384px;
	margin-left:78px;
}
.f6 .three {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .three-four {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .three-five {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .three-six {
	width:306px;
	margin-left:156px;
}
.f6 .four {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .four-five {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .four-six {
	width:228px;
	margin-left:234px;
}
.f6 .five {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .five-six {
	width:150px;
	margin-left:312px;
}
.f6 .six {
	width:72px;
	margin-left:390px;
}


.f7 .one {
	width:60px;
	float:left;
}
.f7 .one-two {
	width:127px;
	float:left;
}
.f7 .one-three {
	width:194px;
	float:left;
}
.f7 .one-four {
	width:261px;
	float:left;
}
.f7 .one-five {
	width:328px;
	float:left;
}
.f7 .one-six {
	width:395px;
	float:left;
}
.f7 .two {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .two-three {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .two-four {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .two-five {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .two-six {
	width:328px;
	float:left;
	margin-left:7px;
}
.f7 .two-seven {
	width:395px;
	margin-left:67px;
}
.f7 .three {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .three-four {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .three-five {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .three-six {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .three-seven {
	width:328px;
	margin-left:134px;
}
.f7 .four {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .four-five {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .four-seven {
	width:261px;
	margin-left:201px;
}
.f7 .five {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .five-seven {
	width:194px;
	margin-left:268px;
}
.f7 .six {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .six-seven {
	width:127px;
	margin-left:335px;
}
.f7 .seven {
	width:60px;
	margin-left:402px;
}


.f8 .one {
	width:56px;
	float:left;
}
.f8 .one-two {
	width:114px;
	float:left;
}
.f8 .one-three {
	width:170px;
	float:left;
}
.f8 .one-four {
	width:230px;
	float:left;
}
.f8 .one-five {
	width:288px;
	float:left;
}
.f8 .one-six {
	width:346px;
	float:left;
}
.f8 .one-seven {
	width:404px;
	float:left;
}
.f8 .two {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .two-three {
	width:112px;
	float:left;
	margin-left:2px;
}
.f8 .two-four {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .two-five {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .two-six {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .two-seven {
	width:346px;
	float:left;
	margin-left:2px;
}
.f8 .two-eight {
	width:404px;
	margin-left:58px;
}
.f8 .three {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .three-four {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .three-five {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .three-six {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .three-seven {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .three-eight {
	width:346px;
	margin-left:116px;
}
.f8 .four {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .four-five {
	width:116px;
	float:left;
	margin-left:2px;
}
.f8 .four-six {
	width:174px;
	float:left;
	margin-left:2px;
}
.f8 .four-seven {
	width:232px;
	float:left;
	margin-left:2px;
}
.f8 .four-eight {
	width:290px;
	margin-left:172px;
}
.f8 .five {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .five-six {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .five-seven {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .five-eight {
	width:230px;
	margin-left:232px;
}
.f8 .six {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .six-seven {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .six-eight {
	width:172px;
	margin-left:290px;
}
.f8 .seven {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .seven-eight {
	width:114px;
	margin-left:348px;
}
.f8 .eight {
	width:56px;
	margin-left:406px;
}

section.utility {
	display:none;
}
div.bottom a.btn {
	background-color: white;
	border-radius: 3px;
	color: #ff1ba4;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0;
	padding: 10px 20px;
}
div.bottom p.button {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;

	width: 100%;
}
section.hero {
	display: table;
	height: 300px;
}
section.hero .bottom {
	width:100%;
	height:280px;
	padding-bottom:20px;
	text-align:center;
}

section.hero .bottom h1 {
	width:100%;
}

section.hero .bottom h1 {
	font-size: 26px;
	line-height: 1em;
	text-align: center;
	display:block;
	  margin-top: 160px;
	  padding:0px;
}

section.hero {
	height:300px;
}
section.hero .top {
	display:none;
}
section.hero .bottom p.button {
	display:block;
}

.logo { display:none;}

section.features h2#flexi {
    background: rgba(0, 0, 0, 0) url("../images/IconBox.png") no-repeat scroll center top;
    margin: 0;
    padding: 80px 0 0;
    text-align: center;
}

section.features h2#free {
    background: rgba(0, 0, 0, 0) url("../images/IconRoof.png") no-repeat scroll center top;
    margin: 0;
    padding: 80px 0 0;
    text-align: center;
}

section.features h2#friend {
    background: rgba(0, 0, 0, 0) url("../images/cctv.png") no-repeat scroll center top;
    margin: 0;
    padding: 80px 0 0;
    text-align: center;
}

section.features h2#van {
    background: rgba(0, 0, 0, 0) url("../images/van-hire.png") no-repeat scroll center top;
    margin: 0;
    padding: 80px 0 0;
    text-align: center;
}

section.call ul li {

    display: block;

    margin: 15px 0;
    text-align: center;

}

section.hero { margin-top:40px;}

section.signposts {
    margin: 0;
    padding: 10px 0 20px;
}

.navigation { background:#000;}
ul.navig li ul li a { background:black; text-align:left; font-weight:600; padding: 12px 10px;}
ul.navig ul a { background:black; text-align:left; font-weight:600; padding: 12px 10px; }

ul.navig li ul li a { font-size:12px;font-weight:600; line-height: 10px; padding: 12px 10px 12px 20px;}
ul.navig li ul li a:hover { font-size:12px; font-weight:600; line-height: 10px;  padding: 10px; padding: 12px 10px 12px 20px;}

ul.navig li a { font-size:12px;font-weight:600; text-align:left; background:black;   line-height: 30px;}
ul.navig li a:hover { font-size:12px; font-weight:600; background:#222; color:#ff0099;   line-height: 30px;}

ul.navig li a.dropdown {
    background-color: #000;}

	ul.navig ul li { height:auto;}

	ul.navig li a.dropdown:hover
{  font-weight:600; background:#222; color:#ff0099;}

body.home ul.navig li a.home:hover { background:#222; color:#ff0099!important;}

.logomobile { width:100%; height: 40px; text-align:left; top:0px;  display:block; position:relative; background:black; z-index:400;}

 section.masthead { border-bottom:none; }


   div.base ul li {
    color: #ccc;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1.8em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center; float:none!important;}

	div.phone { display:block; background:#222; text-align:center; width:100%; margin:0px; padding:20px 0px;}
div.phone p { color:pink;}

div.phone p { color:white; font-size:12px; text-align:center; margin:0px; padding:20px 0px; display: block;}
div.phone p span { color:#ff1ba4; display:block; font-weight:600; font-size:36px;  margin:0px; padding:0px; display: display: block; line-height:1em;}

section.call ul li span.text {   margin: 15px 15px 15px 15px; display:inline-block;}

		.map{ width:100%;}



article.main ul.address {  width:100%;}


article.main div#contact { margin:0px!important; padding:0px!important;}

div.maincontent article.main h2 { font-size:20px;}

div.wrapper div.banner {   margin-top: 40px; padding: 20px 0;}

div.callbox { background:#171717!important; padding:20px!important;   box-sizing: border-box;}

 div.wrapper div.banner {   margin-top: 40px; padding: 20px 0;  background-size: 750px; }

   div.wrapper div.banner h1 {   font-size: 20px;}

    div.wrapper div.banner1 {   margin-top: 40px; padding: 20px 0;  background-size: 750px; }

   div.wrapper div.banner1 h1 {   font-size: 20px;}



 div.maincontent {
    padding: 10px 0;
    text-align: left;
}

section.signposts .item {padding: 0 0 30px;}


div.phone { display:block; background:#171717; text-align:center; width:100%; margin:0px; padding:20px 0px;}


	div.vanhire { display:block; background:#171717; text-align:center; width:100%; margin:0px; padding:20px 0px;}




div.phone p { color:white; font-size:12px; text-align:center; margin:0px; padding:0px; display: block;}
div.phone p span { color:#ff1ba4; display:block; font-weight:600; font-size:36px;  margin:0px; padding:0px; display: display: block; line-height:1em;}

div.vanhire p { color:white; font-size:12px; text-align:left; margin:0px; padding:0px 0px 0px 65px; display: block; background: #171717 url("../images/Image-Van.png") no-repeat scroll left center / 60px auto;     display: inline-block; margin:0px auot; }
div.vanhire p span { color:#ff1ba4; display:block; font-weight:600; font-size:30px;  margin:0px; padding:0px; display: display: block; line-height:1em;}