.free-wall {margin: auto;}
.size2-2 {width: 145px;height: 160px;}
.size21 {width: 320px;height: 160px;}
.size22 {width: 320px;height: 320px}


#freewall h2
 {	color:#FFFFFF;	font-size:1em;	font-style: normal;}

.homeborder {
		border: 5px solid #ffffff !important;
    border-radius: 3px !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) !important;
}



.hsearch {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hsearch2.jpg) no-repeat center;
	background-size: cover;
}

.hmotability {
	height: 48.5%;
	background: url(/system/modules/sgpetch/assets/i/photo/hmotability.jpg) no-repeat center;
	background-size: cover;
}

.hpickups {
  height: 49%;
  margin-top: 9px;
	background: url(/system/modules/sgpetch/assets/i/photo/hpickups.jpg) no-repeat center;
	background-size: cover;
}

.hpickups.eco{
  height: 49%;
  margin-top: 9px;
	background: url(/system/modules/sgpetch/assets/i/photo/heco.jpg) no-repeat center;
	background-size: cover;
}

.hservicing {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hservicing.jpg) no-repeat center;
	background-size: cover;
}

.hmot {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hmot.jpg) no-repeat center;
	background-size: cover;
}

.hlocator {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hlocator2.jpg) no-repeat center;
	background-size: cover;
}

.hcareer {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/careers.jpg) no-repeat center;
	background-size: cover;
}

.hcalculator {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hcalculator.jpg) no-repeat center;
	background-size: cover;
}



.hcommunity {
	height: 100%;
  background: url(/system/modules/sgpetch/assets/i/photo/hreview.jpg) no-repeat center;
  /*  background: url(/system/modules/sgpetch/assets/i/photo/hxmas.jpg) no-repeat center; */
	background-size: cover;
}




.hreview {
	height: 100%;
  background: url(/system/modules/sgpetch/assets/i/photo/big-one-sale.jpg) no-repeat center;
	background-size: cover;
}


/*
.hreview {
	height: 100%;
  background: url(/system/modules/sgpetch/assets/i/photo/opening-hours.jpg) no-repeat center;
	background-size: cover;
}
*/

/*
#homepage-section.s-review {
	display:none;
}
*/
.haboutus {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/haffordable.jpg) no-repeat center;
	background-size: cover;
}


.hdemoclear {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hdemoclear.jpg) no-repeat center;
	background-size: cover;
}


.sclub {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/service-club.jpg) no-repeat center;
	background-size: cover;
}

.hcontactus {
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/hscrappage.jpg) no-repeat center;
	background-size: cover;
}

.freewall {
	  height: 100%;
    background-size:     cover;                   
    background-repeat:   no-repeat;
    background-position: center center; 
}



.hmfrs {
	/*
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/blurred.jpg) no-repeat center;
	background-size: cover;
	*/
	padding-top: 5px;
}


.hnews {
	/*
	height: 100%;
	background: url(/system/modules/sgpetch/assets/i/photo/blurred3.jpg) no-repeat center;
	background-size: cover;
	*/
	padding-top: 20px;
	height: 122%;
}




/**************************layout****************************/

#homepage-section,
#homepage-section-two {
    float: left;
    margin: 10px 10px 10px;
    min-width: 93%;
    background-color:rgba(255, 255, 255, 0.8);
    border: 5px solid rgba(255, 255, 255, 0) !important;
    border-radius: 3px !important;
    padding-top:0px;
}

#homepage-section-two.s-eco .homepage-header {
    margin-top: -11px;
}

.hpickups.eco.homeborder #homepage-section-two.s-eco {
	 background-color:rgba(255, 255, 255, 0);
}


#homepage-section-two {
	margin-top: 32px;
}


#homepage-section.s-aboutus {
background-color:rgba(255, 255, 255, 0.85);	
}

#homepage-section-two.s-pickups,
#homepage-section-two.s-eco {
background-color:rgba(255, 255, 255, 0.87);	
}

#homepage-section.s-news {
background-color:rgba(255, 255, 255, 0.87);	
}




#homepage-small-section {
		background-color: rgba(255, 255, 255, 0.85);
    border: 5px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 3px !important;
    float: left;
    min-width: 95%;
}

.homepage-small-header {
 		clear: both;
    float: left;
    font-family: Lato,sans-serif;
    font-size: 1.15em;
    line-height: 1.15;
    margin-bottom: 6px;
    margin-left: -2px;
    margin-top: 5px;
    text-align: left;
}

.homepage-small-des {
 		clear: both;
    float: left;
    font-size: 0.8em;
    line-height: 1.2;
    margin-bottom: 4px;
    margin-left: 0px;
    text-align: left;
}



.hred {
	color:#BA162B;
}

.short {
	margin-top: -10px;
}



.hblue{
	color:#3262AA
}

.homepage-header {
 		clear: both;
    float: left;
    font-size: 1.15em;
    margin-bottom: 6px;
    margin-left: 8px;
    margin-top: 5px;
  /*  font-weight: 0;
    letter-spacing: -0.5px; */
    font-family: Lato,sans-serif; 
    text-align: left;
    white-space: nowrap;
}




.brand-header {
 		clear: both;
    float: left;
    font-size: 1.15em;
    margin-bottom: -5px;
    margin-left: 9px;
    margin-top: 5px;
  /*  font-weight: 0;
    letter-spacing: -0.5px; */
    font-family: Lato,sans-serif; 
}

#homepage-section.s-service,
#homepage-section.s-mot,
#homepage-section.s-contactus,
#homepage-section.s-aboutus,
#homepage-section.s-review,
#homepage-section.s-community,
#homepage-section.s-career,
#homepage-section.s-calculator {
padding-top: 0px;
margin-top: 30px;
/* width: 60%; */
}


#homepage-section.s-calculator {
	margin-top: 60px;
}

#homepage-section.s-service {
	margin-top: 60px;
}

#homepage-section.s-mot {
	margin-top: 60px;
}

#homepage-section.s-aboutus {
	margin-top: 10px;
}

#homepage-section.s-contactus {
	margin-top: 9px;
}

#homepage-section-two.s-pickups,
#homepage-section-two.s-eco {
	margin-top: 10px;
}


#homepage-section.s-locator {
	padding-top: 0px;
	margin-top: 8px;
}

#homepage-section.s-mfr {
	padding-top: 0px;
	margin-top: 0px;
}

/*
#homepage-section.s-career {
	padding-top: 0px;
	margin-top: 8px;
}
*/

#homepage-section.s-news {
		margin-left: 14px;
    margin-top: -5px;
    padding-top: 0;
}



#homepage-section-two:hover {
	  background-color:rgba(255, 255, 255, 0.75);
    border: 5px solid rgba(255, 255, 255, 0) !important;
}

#homepage-section:hover {
	  background-color:rgba(255, 255, 255, 0.75);
    border: 5px solid rgba(255, 255, 255, 0) !important;
}


#homepage-small-section:hover {
	  background-color:rgba(255, 255, 255, 0.75);
    border: 5px solid rgba(255, 255, 255, 0) !important;
}

#freewall .newsitem:hover {
	  background-color:rgba(255, 255, 255, 0.75);
    border: 5px solid rgba(255, 255, 255, 0) !important;
}

/*
#freewall .hmfrs img:hover {
		background-color:rgba(255, 255, 255, 0.65);
		border-radius: 2px !important;
    border: 0px solid rgba(255, 255, 255, 0) !important;
}
*/

.hservicing:hover,
.hmot:hover,
.hcommunity:hover,
.hreview:hover,
.haboutus:hover,
.sclub:hover,
.hdemoclear:hover,
.hcontactus:hover,
.hnews:hover,
.hmotability:hover,
.hpickups:hover,
#homepage-section.s-service:hover,
#homepage-section.s-news:hover,
#homepage-section.s-career:hover,
#homepage-section.s-calculator:hover,
#homepage-section-two.s-motability:hover,
#homepage-section-two.s-pickups:hover,
#homepage-section-two.s-eco:hover,
#homepage-section.s-mot:hover { 
    cursor: pointer;
}



.homepage-des {
    float: left;
    font-size: 0.8em;
    margin-bottom: 0px;
    margin-left: 10px;
    clear:both;
    text-align: left;
}


[class^="layout-demo"] {
	background-size: 70px auto;
  height: 70px;
	display: block;
	margin: 35px auto;
	width: 151px;
}

.layout-demo1 {
	/* background-position: top center; */
}

.layout-demo2 {
	/* background-position: center -70px; */
}

.item.size22.level1 {
	background-color: #f5f5f5 !important;
}

.short-pickup {
   margin-bottom: 13px;
   margin-top: -12px;
}