/* LOGIN PAGE */

body.login-page{
	float: left;
	width: 100%;
	background-color: #000;
}

#login-container{
	width: 300px;
	height: 300px;
	position: fixed;
  	top: 25%;
  	left: 50%;
 	transform: translate(-50%, -50%);
}

.login-box{
	width: 100%;
	text-align: center;
}

.login-box p{
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	font-weight: 300;
}

.login-box label{
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}

.login-box fieldset{
	float: left;
	margin-top: 25px;
	width: 100%;
	padding: 10px;
	background-color: #000;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border: none;
	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	-khtml-border-radius: 5px;
    	border-radius: 5px;
}

.login-box fieldset input{
	padding: 5px;
	background-color: #fff;
	border: 1px solid #000;

	font-weight: 400;
	font-size: 18px;
	-webkit-transition: .2s;
    	transition: .2s;
	font-size: 15px;
	font-weight: 400;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.login-box fieldset input:hover{
	background-color: #fff;
}

.login-box fieldset input:focus{
	background-color: #fff;
}

.login-box fieldset .button{
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	text-shadow: rgba(255, 255, 255, .8)1px 1px 1px;
	background-color: #99d420;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	min-width: 100px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer;
	text-align: center;}

.login-box fieldset .button:hover{
	background-color: #7aac0f;}
/* STANDARD CSS */

body{
	margin: 0px;
	padding: 0px;
	font-family: 'Ubuntu', sans-serif;
}

.pull-right{
	display: none;
}

.hidden{
	display: none !important;
}

.slicknav_menu{
	display: none;
}

.coming-soon{
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 25px;
	text-align: center;
	color: #2c2c2c;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 4px;
    font-weight: 300;
    margin-top: 0px;
    text-transform: uppercase;
}
	

/* FONTS */

.sc_link{
	color: #5d7e40;
}

small {
    font-size: 60%;
}

p{
	font-weight: 400;
	font-size: 17px;
	color: #5a5a5a;
	line-height: 24px;
}


h1{
	font-size: 40px;
	color: #2a2a2a;
	margin-top: 25px;
	/*text-transform: uppercase;*/
	font-weight: 800;
	text-transform: uppercase;
}

h1 span{
	font-weight: 400;
}

h2{
	font-size: 30px;
	font-weight: 300;
	color: #d41a23;
	margin-bottom: 25px;
	text-transform: uppercase;
}

h3{
	font-size: 20px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0px;
	padding: 0px;
}

h4{
	font-size: 20px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0px;
	padding: 0px;

}

h5{
	font-size: 20px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0px;
	padding: 0px;

}

ul{
	font-weight: 400;
	font-size: 18px;
	color: #000;
	line-height: 24px;
}

#content p a{
	color: #000;
}

/* BUTTONS */

.btn-link{
	display: inline-block;
    min-width: 200px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
	transition: all .2s ease-in-out;
    cursor: pointer;
    text-align: center;
	/*border: 2px solid #ea5b0c;*/
	background: #c3161e;
	text-transform: uppercase;
	text-shadow: none;
	-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	-khtml-border-radius: 2px;
    	border-radius: 2px;
}

.btn span{
	font-size: 25px !important;
	line-height: 25px !important;
}

.btn-link:hover{
	background: #f93740;
	
}

.button-link{
	display: inline-block;
    min-width: 200px;
    padding: 6px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
	transition: all .2s ease-in-out;
    cursor: pointer;
    text-align: center;
	/*border: 2px solid #ea5b0c;*/
	background: #c3161e;
	text-transform: uppercase;
	text-shadow: none;
	-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	-khtml-border-radius: 2px;
    	border-radius: 2px;
}

.btn span{
	font-size: 25px !important;
	line-height: 25px !important;
}

.button-link:hover{
	background: #f93740;
	
}

.btn:hover span{
		
}

.btn-solid{
	background: #fdc902;
    color: #000;
}	


/* CONTENT CONTAINERS */

#wrapper{
	position: relative;
	float: left;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}

.container{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.header-container{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}	

.container-wide{
	width: 100%;
	max-width: 1700px;
	margin: 0 auto;
}

.container2{
	max-width: 1000px;
	margin: 0 auto;
}

.container-narrow{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}	

#content{
	position: relative;
	float: left;
	width: 100%;

}

.item-page{
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 50px;
}

.article-body{
	float: left;
	width: 100%;
}
	
.page-header{
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
  	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	margin-bottom: 50px;
	background-color: #ececec;
	
}

.page-header h1{
	text-align: left;
	color: #d41a23;
	font-size: 40px;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
}

/* BOXES */

.box1{
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	background-size: cover;
}

.box2{
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box3{
	float: left;
	width: 33.33%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box4{
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.box5{
	float: left;
	width: 20%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}



.text-right{
	float: right;
	width: 100%;
	max-width: 600px;
	text-align: left;
	padding-right: 50px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.text-left{
	float: left;
	width: 100%;
	max-width: 600px;
	text-align: left;
}

.text-left img{
	float: right;
	width: 100%;
	margin-bottom: 25px;
	max-width: 450px;
}

.box-pad{
	padding: 50px;
}

.center{
	text-align: center;
}



/* HEADER */

.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	-webkit-transition: .5s;
    transition: .5s;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: center;
	/*background: #ededed;*/

}

.header-homepage{
	float: left;
	width: 100%;
	z-index: 9999;
	-webkit-transition: .5s;
    transition: .5s;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: center;
}

.header-top{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: .5s;
    transition: .5s;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	overflow: hidden;

}

.header-box{
	float: right;
	padding-top: 5px;
	max-width: 60%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.header #logo{
	float: left;
	width: 100%;
	max-width: 40%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.header #logo img{
	float: left;
	width: 100%;
	max-width: 375px;
	-webkit-transition: .3s;
    transition: .3s;
}

.header-homepage #logohomepage{
	float: left;
	width: 100%;
	max-width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.header-homepage #logohomepage img{
	float: left;
	width: 100%;
	-webkit-transition: .3s;
    transition: .3s;
}

.header-strapline{
	float: left;
	padding-left: 50px;
	padding-top: 50px;
}

.header-strapline span{
	font-size: 30px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	text-transform: uppercase;
}

#header-box{
	float: right;
}

#header_phone{
	float: right;
	margin-left: 20px;
	margin-top: 6px;
	color: #fff;}

span.header_phone{
	float: right;
	margin-right: 20px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	background-image: url(../images/icons/phone.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
}

span.header_phone a{
	color: #fff;
	text-decoration: none;}

span.header_email{
	float: right;
	margin-right: 20px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	background-image: url(../images/icons/email.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
}


span.header_email a{
	color: #fff;
	text-decoration: none;}

.login-txt{
	float: right;
	margin-right: 20px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
text-decoration: none;
}

.account-txt{
	float: right;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/icons/account.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left center;
}



/* SHRINK */
.shrink{
	
	background: #ededed;
	
}

.shrink .header-top{
	padding-top: 2px;
	padding-bottom: 2px;
}

.shrink .header-top .header_phone{
	display: none;
}

.shrink .header-top .header_email{
	display: none;
}

.shrink #logo{
	
}

.shrink #logo img{
	max-width: 230px;
}

.shrink #logohomepage{
	
}

.shrink #logohomepage img{
	max-width: 230px;
}

.shrink #nav ul li a{
	
} 

.shrink #menu{
	padding-top: 0px;
	height: 0px;
	overflow: hidden;
	-webkit-transition: .3s;
    transition: .3s;
}

/* MENU */


#menu {
	float: right;
	-webkit-transition: .3s;
    transition: .3s;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}


#nav{
	float: left;
	

}


#nav ul
{
    
    /*box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
    list-style: none !important;
    position: relative;
	float: right;
    display: inline-table;
    padding: 0px;
    margin: 0px;
   	/*border-left: 1px solid #b70d69;
	border-right: 1px solid #ff3da6;*/
	z-index: 999;
}
.#{
    content: ""; clear: both; display: block;
}
 
/*Hide child lists by default*/
#nav ul ul
{
    display: none;
    position: absolute; top: 100%;
}
 
/*display on hover*/
#nav ul li:hover > ul {
    display: block;
}
 
/*Floating the main list left*/
#nav ul li
{
    float: left;
}
 
#nav ul li:hover > a
{
   ;
}
 
#nav ul li a 
{
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: 400;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s;
    transition: .3s;
	text-transform: uppercase;


}

#nav ul li a:hover{
	background: #c3161e!important;
}

li.current a{
	
	background: #c3161e!important;
}

#nav  li.current ul li a{
    color: red!important;
		
}

#nav  li.active ul li.active a{

	color: red!important;
		
}


#nav ul li:hover > ul
{
    display: block;
    background: #ffffff; border-radius: 0px; padding: 0;
}
#nav ul ul li a
{
    color: #fff;
}
 
#nav ul li:first-child { border-left: none; }
#nav ul li:last-child { border-right: none; }
 
#nav ul ul li 
{
    float: none; 
   
    border-left: none;
    border-right: none;
    position: relative;
}
 
#nav ul ul ul  
{
    position: absolute; left: 100%; top:0;
 
}
 
#nav ul ul li a 
{
	height: auto;
	width: 235px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #ededed;
	color: #000 !important;
	text-align: left;
	font-size: 15px !important;
	-moz-border-radius: 0px;
    	-webkit-border-radius: 0px;
    	-khtml-border-radius: 0px;
    	border-radius: 0px;
	
}


#nav ul ul li a:hover
{
	background: #5d7e40!important;
	color: #fff !important;
}

#nav ul ul{
	
	border-left: none !important;
	border-right: none; !important;
	width: 220px;
	background: #5d7e40 !important;}
 
#nav ul li:hover > ul
{
    display: block;
    padding-top: 0px;
}

#nav ul{
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding-right: 0px;}

#nav ul li{
	float: left;
	margin-right: 1px;
}

#nav ul li a.register{
	background-color: #33a1ff;
	background-image: url(../images/plus-icon.png);
	background-repeat: no-repeat;
	background-position: right;
	-moz-border-radius: 0px 5px 5px 0px;
    	-webkit-border-radius: 0px 5px 5px 0px;
    	-khtml-border-radius: 0px 5px 5px 0px;
    	border-radius: 0px 5px 5px 0px;}

#nav ul li a.register:hover{
	background-color: #2383d4;}

/* FOOTER */

#footer-top{
	float: left;
	width: 100%;
	padding: 50px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	background-color: #ededed;
	border-top: 1px solid #d9d9d9;
}

#footer-top img{
	float: left;
	width: 100%;
	max-width: 200px;
}

#footer-top span{
	float: right;
	width: 100%;
	padding-bottom: 20px;
	font-size: 20px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
}

#footer-top span a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}

#footer{
	float: left;
	width: 100%;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

#footer ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	color: #19af91;
	font-size: 15px;

}

#footer-bottom .box1{
	max-width: 350px;
}

#footer_box_container{
	float: left;
	width: 100%;
}
	
#footer .icon{
	float: left;
	width: 35px;
}

#footer .icon img{
	width: 100%;
    max-width: 20px;
}

#footer .box3{
	text-align: center;
}


#footer-bottom ul li{
}

#footer .box1 {
   	width: auto;
	float: none;
	display: inline-block;
}

#footer-bottom ul a:hover{
	text-decoration: underline;
}

.address-txt {
    float: left;
	text-align: left;
}
	
#footer h3{
	margin-top: 0px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}

#footer span{
	color: #fff;
	font-size: 16px;

}

#footer-box-right{
	float: right;
	text-align: right;
	padding-top: 25px;
}

#footer-box-right img{
	width: 100%;
	max-width: 250px;
}	


.footer-box{
	float: left;
	padding-top: 25px;
     width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.footer-logo{
	float: left;
	padding-bottom: 25px;
     width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: center;
}	

.footer-logo img{
	max-width: 300px;
}

#footer .footer-logo h3{
	color: #ed1c24;
	margin-top: 10px;
	margin-bottom: 0px;
}

#copyright-container{
	float: left;
	width: 100%;
	padding-top: 50px;
	color: #fff;
}

#copyright-container span{
	color: #fff;
}

#footer-container{
	float: left;
	width: 100%;
	/*background: #3e3e3f;
	background: #0f2363;*/
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/footer-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

#footer-container h2{
	text-align: center;
	color: #fdc902;
}

#footer-container p{
	color: #fff;
}

#footer-container .box2 img{
	max-width: 150px;
}

.definition{
	float: left;
	text-align: left;
}

.definition h3{
	color: #fff;
	margin-top: 0px;
}

.definition span{
	font-size: 15px;
	color: #fff;
}
	
.copyright{
	float: left;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 50px;
	text-align: center;
}

#footer .copyright span{
	font-size: 12px;
}

.copyright span a{
	color: #fff;
}

/* BANNER */


.banner-container{
	float: left;
	width: 100%;
	padding-top: 145px;
}
	
.banner{
	float: left;
	width: 100%;
	/*min-height: 100vh;*/
	min-height: 450px;
	text-align: center;
  	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
	
.banner-short{
	height: 430px;
	background-position: center center !important;
}

.banner-homepage #banner-txt{
	float: left;
	width: 100%;
	max-width: 650px;
	padding-top: 200px;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: left;
}

.banner-homepage img{
	float: right;
	margin-top: 190px;
	max-width: 300px;
}

.banner-txt{
	float: left;
	width: 100%;
	padding-top: 130px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	text-align: center;
}
	
.banner-short #banner-txt{
	padding-top: 200px;
}

	
.banner-homepage #banner-txt h1{

	color: #fff;
	font-size: 50px;
	line-height: 50px;
	font-weight: 300;
	margin: 0px;
	/*background-color: #878787;*/
	margin-bottom: 15px;
	text-transform: none;
}


.banner-txt h1{

	color: #fff;
	font-size: 50px;
	line-height: 50px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px;
	/*background-color: #878787;*/
	margin-bottom: 15px;}

.banner-txt span h1{
	display: inline-block;
	padding: 7px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px;
	/*background-color: #878787;*/
	border-bottom: 1px solid #fff;}


.banner-txt p{
	display: inline-block;
	margin-bottom: 25px;
	width: 100%;
	color: #fff;
	max-width: 700px;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

#banner-txt ul{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
	list-style: none;
	color: #fff;
	font-size: 25px;
	font-weight: 300;
}
	
#banner-btn-container{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

#banner-btn-container span{
	font-weight: 500;
}

#banner-btn-container p{
	font-size: 16px;
	font-weight: 800;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

#bxbanner{
	float: left;
	position: relative;
	width: 100%;
}

#bxbanner .btn-back{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	padding-left: 40px;
	background-position: 10px center;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-size: 30px;
}

.banner-homepage .btn{
	background: #19af91;
	border: 2px solid #19af91;
	margin-right: 25px;
}

.banner-homepage .btn:hover{
	background: #148a72;
}

.banner-homepage .btn2{
	background: none;
	border: 2px solid #19af91;
	color: #000;
}

.banner-homepage .btn2:hover{
	background: #19af91;
	color: #fff;
}

/* FORMS */

.form-field-row em{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

.form-field-row label{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.form-field-row input{
	float: left;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	padding: 15px;
	width: 100%;
	font-size: 18px;
	font-weight: 800;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: .3s;
    	transition: .3s;
}

.form-field-row input:hover{
	
}

.form-field-row input:focus{
	
}


.form-field-row textarea{
	font: 13.3333px Arial;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	padding: 15px;
	width: 100%;
	height: 100px;
	font-size: 18px;
	font-weight: 800;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: .3s;
    	transition: .3s;

}

.form-field-row textarea:hover{
	
}

.form-field-row textarea:focus{
	
}

.form-field-row select{
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	padding: 10px;
	width: 100%;
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: .3s;
    transition: .3s;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.form-field-row .btn{
	float: left;
    max-width: 200px;
    padding: 10px;
    font-size: 25px;
    font-weight: 800;
    text-decoration: none;
    border: none;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    text-align: center;
	/*border: 2px solid #ea5b0c;*/
	
	background: #19af91;
    border: 2px solid #19af91;
	text-transform: uppercase;
}

.form-field-row .btn:hover{
	background: #148a72;
    color: #fff;
}

.form-field{
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.form-field-row{
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
/* END STANDARD CSS */

/* HEADER */

.header{
	background-image: linear-gradient(#474747,#313131);
	border-bottom: 1px solid #ed1c24;
}

.header-top{
	background: #0a1742;
	border-bottom: 1px solid #203782;
}


span.header-phone{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;

	font-size: 15px;
	color: #fff;
	font-weight: 300;
	background-image: url(../images/icons/phone.png);
	background-repeat: no-repeat;
	background-position:  left 8px;
	background-size: 15px;
}

span.header-phone a{
	color: #fff;
	text-decoration: none;
}

span.header-account{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: 25px;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	background-image: url(../images/icons/account.png);
	background-repeat: no-repeat;
	background-position:  left 8px;
	background-size: 15px;
	text-transform: uppercase;
}

span.header-account a{
	color: #fff;
	text-decoration: none;
}

a.header-link{
	float: right;
	padding: 5px;
	margin-right: 20px;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	-webkit-transition: .2s;
    transition: .2s;
text-transform: uppercase;
}	

a.header-link:hover{
	background: #535353;
}

a.logout{
	float: right;
	padding: 5px;
	margin-right: 20px;
	font-size: 17px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}	

a.login{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 25px;
	font-size: 17px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}	

span.header-email{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 20px;
	font-size: 17px;
	color: #fff;
	font-weight: 300;
	background-image: url(../images/icons/email.png);
	background-repeat: no-repeat;
	background-position:  left 8px;
	background-size: 16px;
}

span.header-email a{
	color: #fff;
	text-decoration: none;
}

#menu {
	float: left;
	width: 100%;
	background-image: linear-gradient(#ef1d27,#c3161e);
}

#footer-container{
	min-height: 300px;
}

/*
.item-page{
	padding-top: 122px;
}
*/

.homepage-content{
	padding-top: 0px;
	padding-bottom: 0px;
}

.homepage-content h1{
	text-align: center;
}

.homepage-content p{
	max-width: 900px;
	display: inline-block;
}

.about-page{
	text-align: center;
}

.about-page p{
	max-width: 900px;
	display: inline-block;
}

.services-page{
	text-align: center;
}

.services-page p{
	max-width: 900px;
	display: inline-block;

}

.services-page img{
	max-width: 50%;
}

.services-page .box1{
	padding-top: 25px;
	text-align: left;
}

.services-page .box1 p{
	display: block;
	text-align: left;
	max-width: 100%;
}

.services-page .box1 h2{
	text-align: left;
	margin-top: 0px;
}

/* SLIDER */

#djslider90{
	height: 600px !important;
	overflow: hidden;
}


/* HOMEPAGE BOXES */

.homepage-box-container{
	margin-top: 25px;

}

.homepage-box-container .box2{
	padding: 50px;
	min-height: 500px;
}

.homepage-box-container .box2 h2{
	color: #fff;
	text-align: center;
	margin-top: 0px;
}

.homepage-box-container .box2 p{
	color: #fff;
}

.homepage-box-container .gas-safe-box{
	background-image: url(/images/gas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	/*background: #0f1d4b;*/
	padding-right: 75px;
	text-align: center;

}

.homepage-box-container .gas-safe-box p{
	text-align: left;
}

.homepage-box-container .services-info-box{
	/*background: #1c2c5e;*/
	background-image: url(/images/boilers.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	padding-left: 75px;
}

.services-info-box ul{
	color: #fff;
	list-style: none;
font-weight: 400;
    font-size: 16px;
    line-height: 24px;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

.homepage-box-container .box2 .box1{
	text-align: center;
	padding-top: 25px;
}

.homepage-box-container .btn{
	background: none;
	border: 1px solid #fff;
}
.homepage-box-container .btn:hover{
	background: #b01132;
	border: 1px solid #b01132;
	color: #fff;
}

.why-choose-us .box3{
	padding: 50px;
	text-align: center;
}

.why-choose-us .box4{
	padding: 50px;
	text-align: center;
	padding-top: 0px;
}

.why-choose-us{
	padding-top: 230px;
    padding-bottom: 25px;
    background: #d2d2d2;
    margin-top: -200px;
}

.why-choose-us h2{
	color: #2a2a2a;
	text-align: center;
font-size: 40px;
font-weight: 800;
}
	
.why-choose-us h3{
	color: #0f1d4b;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 25px;
}

.icon-box{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.icon-box img{
	height: 90px;
}

/* TESTIMONIAL SLIDER */

.testimonials{
	margin: 0px;
    padding: 0px;
}
	
#testimonial-container {
	float: left;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	/*background-color: #e3e3e3;*/
	border-top: 1px solid #cdcdcd;
	text-align: center;
}

#testimonial-container h3{
	text-transform: uppercase;
	font-weight: 300;
    font-size: 25px;
    margin-bottom: 25px;
}

#testimonial-container .bx-wrapper .bx-prev{
    background: url(../images/left.png);
	background-repeat: no-repeat;
width: 30px;
    height: 30px;
	background-size: 30px;
}

#testimonial-container .bx-wrapper .bx-prev:hover{
	left: -5px;
}


#testimonial-container .bx-wrapper .bx-next{
    background: url(../images/right.png);
	background-repeat: no-repeat;
width: 30px;
    height:30px;
	background-size: 30px;
}

#testimonial-container .bx-wrapper .bx-next:hover{
	right: -5px;
}

#testimonial-container .bx-pager{
bottom: -20px;
}

#testimonial-container .bx-default-pager a{
    width: 10px;
    height: 10px;
    margin: 0 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background: #cdcdcd;
}

#testimonial-container .bx-default-pager a.active{
	background: #0f2363;	
}	

.testimonial-box {
    float: left;
    width: 100%;
    background: url(../images/quotes-openning.png);
	background-size: 50px;
    background-repeat: no-repeat;
	background-position: 80px;
    padding-left: 200px;
    margin-top: 50px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#testimonial-container .testimonial-box{
	    padding-left: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
	border-bottom: none;
	text-align: center;
}



#testimonial-container .testimonial-box .testimonial-txt{
	background: url(../images/quotes-closing.png);
	 background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	padding-right: 200px;
	font-style: italic;
	background-size: 50px;
	background-position: right 80px bottom;
}

/* FOOOTER */

#footer .footer-accreditations{
	float: left;
	width: 100%;
	text-align: center;

}

.footer-accreditations h3{
	color: #fff;
	margin-bottom: 25px;
}

.footer-acc-box{
	display: inline-block;
}

.footer-accreditations img{
	max-width: 100%;
}

/* GAS SAFE LOGO */

.gas-safe-logo{
	float: left;
	padding-left: 25px;
	padding-top: 10px;
}

.gas-safe-logo img{
	max-width: 50px;
}

.service-icons{
	padding: 50px;
background-color:#0a1742;
	text-align: center;
    border-top: 1px solid #203782;
}

.service-icons h2{
	margin-top: 0px;
	color: #fff;
}

.service-icons h3{
	color: #fff;
}

.service-icons .btn{
	margin-top: 25px;
	min-width: 120px;
	background: none;
    border: 1px solid #fff;
}

.service-icons .btn:hover {
    background: #b01132;
    border: 1px solid #b01132;
    color: #fff;
}

/* PAGE HEADERS */

.about-page-page-header{
background: none;
	padding-bottom: 0px;
	text-align: center;
}

/* PAGES */

.about-page{
    background-image: url(/images/about.jpg);
	background-size: cover;
	padding-top: 50px;

}

.about-page h1{
	color: #fff;}

.about-page p{
	color: #fff;
}

/* CONTACT */

.contact-container{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.contact-container h2{
	text-align: left;

	font-size: 25px;
	color: #d41a23;
	margin-bottom: 25px;
	margin-top: 0px;
}

.contact-container .box-text-right{
	width: 100%;
	max-width: 500px;
}

.contact-map h2{
	text-align: center;
	margin-bottom: 25px;
	color: #0a1742;
	font-size: 25px;

}

.contact-details{
	float: left;
	width: 100%;
	padding-top: 50px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.contact-details .icon{
	float: left;
	width: 50px;
}

.contact-details .icon img{
	max-width: 30px;
}

.contact-details span{
	color: #424242;
	font-size: 18px;
	line-height: 22px;
}

.contact-details a{
	color: #424242;
	text-decoration: none;
}


.contact-details strong{
	color: #d41a23;
}

.form-container{
	float: left;
	width: 100%;
	max-width: 500px;
	padding-top: 50px;
	padding-bottom: 25px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.form-box{
	float: left;
	width: 100%;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #ededed;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.form-box label{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
	
.form-box p{
	float: left;
	width: 100%;
}

.form-box h3{
	margin-top: 0px;
}
	
.payment-box{
	border-right: 20px solid #fff;
}

.payment-box .form-box{
	background: none;
}

.form_field_row .btn-link{
	float: left;
	width: 100%;
	max-width: 235px;
	padding: 12px;
	font-weight: 400;
	background-color:#c3161e;
	border: 1px solid #c3161e;
	 font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.form_field_row .btn-link:hover{
	   background-color: #f93740;
	border: 1px solid #f93740;}

.form_field_row{
	float: left;
	width: 100%;
	padding-bottom: 15px;}

.form_field{
	float: left;
	width: 50%;
	padding-right: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}

.form_field_wide{
	float: left;
	width: 100%;
	padding-right: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}

.form_field_right{
	float: right;
	width: 202px;}

.form_field_btn{
	float: left;
	width: 100%;
}

.form_field_row textarea{
	width: 100%;
	border: 1px solid #e0e0e0;
	background-color: #efefef;
	padding: 15px;
	min-height: 150px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	-webkit-transition: .2s;
    transition: .2s;
		font-family: 'Open Sans', sans-serif;
}

.form_field_row textarea:hover{
	background-color: #eaeaea;
}

.form_field_row textarea:focus{
	background-color: #eaeaea;
}


.form_field_row input{
	width: 100%;
	border: 1px solid #e0e0e0;
	background-color: #efefef;
	padding: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	-webkit-transition: .2s;
    transition: .2s;}

.form_field_row input:hover{
	background-color: #eaeaea;
}

.form_field_row input:focus{
	background-color: #eaeaea;
}

/* LOGOS */
	

.logo-grid {
    float: left;
    width: 100%;
	padding-top: 75px;
    padding-bottom: 75px;
}

.logo-grid h2{
	color: #2c2c2c;
	text-align: center;
	font-size: 30px;
    line-height: 35px;
	letter-spacing: 4px;
    font-weight: 300;
	margin-top: 0px;
	margin-bottom: 50px;
}

.logo{
	max-width: 140px;
	max-height: 70px;
	margin-right: 25px;
}

.logo-box{
	float: left;
	width: 12%;
	padding-left: 10px;
	padding-right: 10px;
	height: 120px; 
	text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
white-space: nowrap;

}

.logo-box img{
	width: 100%;
	max-width: 140px;
	max-height: 130px;
	vertical-align:middle;
	/*filter: grayscale(100%);*/
}

img.non-greyscale{
	filter: grayscale(0%);
}

.bmw{
	max-width: 100px !important;
}

.logo-short{
	width: auto  !important;
	max-height: 70px  !important;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* FRANCHISEE PAGE */

.franchisee-page{
	padding-top: 30px;
	text-align: center;
}

.franchisee-page p{
	display: inline-block;
	max-width: 900px;
}

.franchisee-form{
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 25px;
	background: #dbdbdb;
	text-align: center;
}

.franchisee-form h2{
	margin-top: 0px;
}

.franchisee-form-container{
	display: inline-block;
	max-width: 900px;
	text-align: left;
}

/* TYRE SEARCH */

.eshop_advanced_search{
	float: left;
	width: 100%;
	background: #313131;
	padding-top: 10px;
	padding-bottom: 10px;
}

.search-criteria-box{
	width: auto;
padding-right: 15px;
    max-width: 130px;
}

.filter-options .search-criteria-box:nth-child(6){
	display: none;
}

.filter-options .search-criteria-box:nth-child(7){
	display: none;
}

.tyre-search .filter-options .search-criteria-box:nth-child(6){
	display: block;
}

.tyre-search .filter-options .search-criteria-box:nth-child(7){
	display: block;
}

.search-btn-box{
	padding-top: 23px;
}

.tyre-search .search-criteria-box{
	width: 100%;
	padding-right: 0px;
    max-width: 100%;
}

.search-criteria-box strong{
	font-size: 17px!important;
	color: #fff;
	float: left;
	width: 100%;
	padding-left: 5px;
	padding-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-criteria-box select{
	width: auto !important;
	max-width: 100px;
}

.search-criteria-box #keyword{
	width: auto !important;
	max-width: 70px;
	text-transform: uppercase;
}

.tyre-search #eshop-options{
	background: #ededed;
	float: left;
	width: 100%;
    margin-bottom: 15px;
}

/* PRODUCT LIST */

.eshop-products-list{
	float: right;
	width: 70%;
}

.eshop-products-list h2{
	text-transform: none;
	font-size: 20px;
    background-image: url(../images/icons/pin2.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 28px;
	padding-left: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.eshop-products-list h1{
	text-transform: none;
	font-size: 20px;
	color: #5a5a5a;
	padding-left: 32px;
	margin-top: 0px;
    background-image: url(../images/icons/tyre.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 28px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.product-filter{
	float: left;
	width: 30%;
	padding-right: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
}	

.product-filter .eshop_advanced_search{
	padding-top: 0px;
}

.product-filter h2{
	float: left;
	width: 100%;
	background: #d41a23;
	font-size: 20px;
	padding: 10px;
	margin-bottom: 0px;
	color: #fff;
	font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.product-filter h4{
	float: left;
	width: 100%;
	background: #e0e0e0;
	font-size: 20px;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	font-weight: 300;
	font-size: 18px;
}

.product-filter .filter-options{
	float: left;
	width: 100%;
	padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.product-filter .filter-options label{
	text-transform: uppercase;
}

.product-filter .filter-options strong{
	display: inline-block;
	width: 100px;
	color: #000;
	font-weight: 300;
	font-size: 16px;
}

.product-filter  #eshop-price b{
	display: inline-block;
	width: 100px;
	color: #000;
	font-weight: 300;
	font-size: 16px;
}

.product-filter  #eshop-price .box1{
	padding-bottom: 5px;
}

.product-filter .noUi-connect{
	background: #d41a23 !important;
}


.product-filter .search-criteria-box{
	background: #ededed;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	margin-bottom: 15px;
}
	

.product-filter .eshop_advanced_search{
	background: none;
}

.product-filter #min_price{
	width: 50px;
}

.product-filter #max_price{
	width: 50px;
}

.product-filter .search-btn-box{
	background: none;
	text-align: center;
}

.tyre-search{
	float: left;
	width: 100%;
}

.eshop_advanced_search .button-link{
	min-width: 150px;
}

.product-filter .search-btn-box .button-link{
	min-width: 100%;
}
/* PRODUCT PAGE */

.product-right{
	float: right;
	width: 50%;

	padding-top: 20px;

	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.back-link{
	display: inline-block;
    text-transform: none;
	text-decoration: none;
    font-size: 16px;
    color: #000;
    padding-left: 32px;
    margin-top: 0px;
    background-image: url(../images/icons/back.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
	margin-top: 15px;
}


.product-right h1{
	text-align: left;
	font-size: 25px;
	color: #5a5a5a;
}

.product-right p{
	color: #5a5a5a;
}

.product-right table{
	color: #5a5a5a;
	font-size: 14px;
}

.product-info{
	/*position: fixed;
	top: 300px;*/
	float:left;
	width: 100%;
	
}

.product-availability span{
	color: #575757;
}	

.product-right .product-price{
	float: right;
	width: 100%;
	text-align: left;
	padding-left: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.product-right .product-price h2{
	color: #5a5a5a;
	font-weight: 300 !important;
	font-size: 20px;
}

.product-right .product-price h2 p{
	text-transform: none;
	font-size: 15px;
}

.product-right .product-cart{
	float: right;
	width: 100%;
	padding-left: 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.product-right .eshop-quantity-value{
	width: 20px !important;
}

.product-right .product-info .product-review, .product-share{
	border: none;
	padding: 0px;
}

.addthis_inline_share_toolbox_1j0a{
	float: left;
	width: 100%;
	padding-top: 50px;
}

.product-right .nav-tabs{
	border: none;
}

.product-right .product-price{
	border: none;
}

.product-right .product-cart{
	border: none;
}

.product-right .product-desc{
	border: none;
}

.product-right .span8{
	margin: 0px;
}

.product-right .form-horizontal .control-group .control-label{
	width:100%;
	padding-bottom: 5px;
	text-align: left;
}

.product-right .form-horizontal .control-group .controls{
	margin-left: 0px;
	width: 100%;
}

.product-right legend{
	margin-bottom: 0px;
}

.product-right b{
	font-weight: 400;
}
	
#review-form{
	display: none;
}

.product-left{
	float: left;
	width: 50%;
	padding-right: 100px;
	padding-top: 20px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.product-left .product-img{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;	
}

.braking{
	position: absolute;
	top: 50px;
	right: -25px;
	width: 80px;
	padding: 5px;
    background-image: url(../images/braking.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: auto 35px;
	background-color: #fff;
	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	border-radius: 3px;
}

.fuel{
	position: absolute;
	top: 100px;
	right: -25px;
	width: 80px;
	padding: 5px;
    background-image: url(../images/fuel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: auto 35px;
	background-color: #fff;
	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	border-radius: 3px;
}

.noise{
	position: absolute;
	top: 150px;
	right: -25px;
	width: 80px;
	padding: 5px;
    background-image: url(../images/noise.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: auto 28px;
	background-color: #fff;
	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	border-radius: 3px;
}



.attribute-value{
	float: right;
	width: 30px;
	height: 30px;
	color: #000;
	font-size: 14px;
	font-weight: 800;
	line-height: 30px;
	text-align: center;
	background-color: #dedede;
	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	border-radius: 3px;
}
	

.product-left .product-img img{
	display: inline-block;
	
	max-width: 100%;
}

.product-left .product-sub-img{
	float: left;
	width: 100%;
	text-align: center;	
}

.product-left .product-sub-img img{
	display: inline-block;
	
	max-width: 300px;
}


.product-info .product-options{
	border: none;
	padding: 0px;
	display: none;
}	

.product-info .product-options{
	float: left;
	width: 100%;
	text-align: center;

}	

.product-info .product-options div{
	float: left;
	width: 100%;
	text-align: center;
}	

.product-info .product-desc{
	padding: 0px;
}

.product-info .product-price .eshop-base-price{
    font-size: 22px;
}

.eshop-base-price{
	color: #5a5a5a;
	font-size: 20px;
}	

.review-list{
	border: none;
	color: #575757;
	font-size: 16px;
}

.product-right .brand-logo img{
	max-height: 80px;
	max-width: 180px;
	margin-bottom: 15px;
}

.info-bar{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e0e0e0;
	text-align: center;
}

.homepage-intro{
	border-bottom: none;
	background: #dedede;
	padding-top: 50px;
	padding-bottom: 50px;
}

.homepage-intro h2{
	font-size: 25px
	font-weight: 300
}

.homepage-intro img{
    max-width: 300px !important;
}

.banner-bottom{
	background: #535353;
}

.banner-bottom span{
	color: #fff!important;
}

.banner-bottom img{
filter: invert(100%);
vertical-align: top!important;
}	

.info-bar .box3{
	padding-left: 25px;
	padding-right: 25px;
	border-right: 2px solid #e0e0e0;
}	

.info-bar .box-last{
	border-right: none;
}

.info-bar img{
	display: inline-block;
	max-width: 33px;
}

.info-bar img.stars{
	max-width: 130px;
	margin-top: 5px;
}	

.info-bar span{
	display: inline-block;
	text-align: left;
	padding-left: 15px;
	text-transform: uppercase;
	font-size: 15px;
	color: #6d6d6d;
max-width: 200px;
}

/* PAGINATION */

.pagination a{
	color: #c3161e;
}

.pagination span{
    font-size: 17px;
    color: #5a5a5a;
	font-weight: 800;
}

.pagination-next .pagenav{
	font-weight: 400;
}

.pagination-end .pagenav{
	font-weight: 400;
}

.pagination-start .pagenav{
	font-weight: 400;
}

.pagination-prev .pagenav{
	font-weight: 400;
}
/* CART */

.cart-info a{
	color:#000;
	text-decoration: none;
}

.cart-info th{
	font-size: 14px;
}

.cart-info td{
	font-size: 14px;
}

.cart-coupon{
	float: left;
	width: 50%;
}

.cart-buttons{
	float: right;
	width: 100%;
	max-width: 500px;
}

.cart-update{
	background: #292929 !important;
}

.cart-update:hover{
	background: #000 !important;
}

/* POPOUT CART*/

#colorbox #cboxContent h1{
	background: #474747;
	font-weight: 300;
	color: #fff;
	text-align: center;
	font-size: 25px;
}

#colorbox #cboxContent th{
	background: none;
	font-weight: 300;
	border-bottom: 1px solid #000;
}

#colorbox #cboxContent a{
	color: #000;
	text-decoration: none;
}

.totals > div{
	border: none;
}

#colorbox #cboxContent .btn-primary{
	font-size: 16px !important;
	color: #fff !important;
	padding: 6px !important;
    margin-bottom: 10px;
	text-transform: uppercase;
}

.continue{
	background: #292929 !important;
}

.continue:hover{
	background: #000 !important;
}

.update{
	background: #292929 !important;
}

.update:hover{
	background: #000 !important;
}

.cart{
	background: #292929 !important;
}

.cart:hover{
	background: #000 !important;
}

#cboxContent .checkout{
	background: #c3161e;
}

#cboxContent .checkout:hover{
    background: #f93740;
}	

/* PRODUCT LIST */

.product-box{
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	border-radius: 3px;
}

.product-box .brand-logo img{
	max-height: 30px;
	max-width: 150px;
}

#products-list .box3{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.product-box h5{
	text-align: center;
}

.product-box h5 a{
	text-decoration: none;
	color: #5a5a5a;
	font-size: 20px;
    -webkit-transition: .2s;
    transition: .2s;
}

.product-box h5 a:hover{
	color: #c3161e;
}

.product-box .eshop-product-price{
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px;
}

.product-box .eshop-base-price{
	font-size: 17px;
}

.product-box .eshop-sale-price{
	font-size: 20px;
}	

.product-box .price{
	font-size: 20px;
    padding-top: 0px;
}	

.product-box .eshop-info-block{
    padding: 0px; 
}

.product-box .eshop-product-desc{
	height: 0px;
	margin: 0px;
}

.product-box .brand-logo{
	text-align: center;
}

.product-box .product-qty{
	float: right;
	/*width: 147px;*/
	text-align: left;
}

.product-box .eshop-quantity-value{
	width: 20px !important;
}

.product-box .addtocart-container{
	padding-bottom: 15px;
}

.product-box .txt-link{
	color: #c3161e;
	text-decoration: none;
	font-size: 16px;
}

.product-box .txt-link:hover{
	text-decoration: underline;	
}

/* HOMEPAGE */

.banner-form{
	padding-bottom: 0px;
}

.search-info{
	float: right;
	width: 60%;
	padding-bottom: 300px;
	padding-top: 50px;
}

.search-info h2{
	color: #fff;
}

.search-info .box3{
	text-align: left;
}

.search-info .box3 span{
	float: left;
	width: 40px;
	margin-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #d41a23;
	color: #fff;
	font-size: 20px;
    	-webkit-border-radius: 50px;
    	-khtml-border-radius: 50px;
    	border-radius: 50px;
	text-align: center;
}

.search-info .box3 p{
	display: inline;
	width: auto;
	text-align: left;
	font-size: 16px;
	line-height: 18px;

}

.search-info .box3 strong{
	text-transform: uppercase;
}

.banner-form-box{
	float: left;
	max-width: 300px;
	margin-top: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 15px;
	padding-top: 30px;
	padding-bottom: 0px;
	background: #e8e8e8;
    	-webkit-border-radius: 7px;
    	-khtml-border-radius: 7px;
    	border-radius: 7px;

}	

.banner-form-box h2{
	font-size: 20px;
	margin: 0px;
	margin-bottom: 20px;
}

.banner-form-box .eshop_advanced_search{
	background: none;
}

.banner-form-box .search-criteria-box{
	width: 33.3%;
	padding-bottom: 10px;
}

.banner-form-box #eshop-postcode{
	width: 100%;

}
.banner-form-box #eshop-postcode input{
	padding: 10px;
}

.banner-form-box .search-btn-box{
	width: 100%;
	padding-top: 10px;
}

.banner-form-box #eshop-options{
	width: 100%;
}

.banner-form-box .search-criteria-box strong{
	float: left;
	width: 100%;
	color: #000;
	padding-bottom: 5px;
	font-weight: 300;
	font-size: 16px;
}

.banner-form-box .button-link{
	min-width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}

.banner-form-box .search-criteria-box:nth-child(4){
	display: none;
}

.banner-form-box .search-criteria-box:nth-child(5){
	display: none;
}

.banner-form-box .tyre-search .search-criteria-box:nth-child(6){
	display: none;
}

.banner-form-box .tyre-search .search-criteria-box:nth-child(7){
	display: none;
}


.banner-form-box .search-criteria-box #keyword{
	width: 100% !important;
	max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-info{
	background-image: url(../images/tyre.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.banner-form-box .search-btn-box{
	padding-bottom: 0px;
	padding-top: 0px;
}

/* CHECKOUT */

.checkout-main-heading{
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.checkout-container{
	float: left;
	width: 100%;
	padding-bottom: 50px;
}	

.checkout-container .btn{
	font-size: 18px;
}

.checkout-heading{
	background: #f1f1f1;
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	color: #000;
	margin-bottom: 0px;
	border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
text-align: center;
	text-transform: uppercase;
}

.checkout-heading a{
	color: #d41a23;
}

.checkout-content{
	background: #f4f4f4;
	border: 1px solid #dbdbdb;
	border-top: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 15px;
}

.checkout-content h4{
	text-transform: uppercase;
    margin-bottom: 10px;
}

.checkout-content #login ul{
	list-style: none;
}

.checkout-content #login a{
	color: #000;
	text-decoration: none;
}

.checkout-content #login a:hover{;
	text-decoration: underline;
}

/* INPUTS */

.checkout-content .controls input:hover{
	border: 1px solid #000;
}

.checkout-content .controls input:focus{
	border: 1px solid #000;
}

.checkout-content .controls textarea{
	max-width: 300px;
}

.checkout-content .controls textarea:hover{
	border: 1px solid #000;
}

.checkout-content .controls textarea:focus{
	border: 1px solid #000;
}

.checkout-content  .error{
	font-size: 12px;
}

.checkout-content .form-horizontal{
	padding-top: 20px;
}

.cart-info{
	padding-top: 20px;
}

.checkout-content td{
	border: none;
}

.register-fields .control-group:nth-child(5){
	display: none;
}

.payment-container{
	display: inline-block;
	text-align: center;
}

.payment-container input{
	float: left !important;
}

.payment-container .box1 input{
	float: none !important;
}	


/* HEADER BASKET */

.basket{
	float: right;
    padding-top: 4px;
	padding-right: 35px;
	margin-top: 20px;
  	position: relative;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s;
    transition: .3s;
	text-transform: uppercase;
	background-size: 25px;
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 99;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	background-image: url(/images/icons/basket-white.png);
	-webkit-transition: .3s;
    	transition: .3s;
}

a.basket span{
	-webkit-transition: .3s;
    	transition: .3s;
}

a.basket:hover span{
	color: #c0c0c0;
}

a.basket:hover{
	color: #c0c0c0;
}

.eshop-items{
	float: left;
	padding-right: 5px;
}

/* LOGIN FORM */

#login-form{
	float: left;
	width: 100%;
	/*background-color: #e8e8e8;*/
	
	webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

#login-form h2.osm-heading{
	display: none;
}

#login-form .eb-heading{
	display: none;
}

#signup-form{
	float: left;
	width: 100%;
	/*background-color: #e8e8e8;*/
	
	webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.login input{
	background: #fff;
	border: 1px solid #111d33;
}

.login fieldset{
	border: none !important;
    display: inline-block;
}

.login label{

	font-size: 15px !important;
}

.login-links{
	list-style: none;
}

.login-links a{
	color: #6b6b6b;
	text-decoration: none;
}

/* MY ACCOUNT */

.my-account-links{
	float: left;
	width: 100%;
	text-align: center;
	min-height: 500px;
}

.my-account-links a{
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
    min-width: 190px;
    padding: 10px;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    border: none;
    color: #000;
    -webkit-transition: .2s;
    transition: .2s;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-align: center;
	text-transform: uppercase;
    background: #dcdcdc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: !important;
}

.my-account-links a:hover{
    background: #c8c8c8;
}	

.useful-links-page-header{
	margin: 0px!important;
	margin-bottom: 50px!important;
}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 1530px) {

.container{
	float: left;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 1230px) {

.header-container{
	float: left;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 1090px) {

.info-bar .box3{
	text-align: center;
}
	
.info-bar span{
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-left: 0px;
}

.product-filter{
	padding-right: 25px;
}

.product-box .eshop-product-price{
	width: 100%;
	height: auto;
	text-align: center;
}	

.product-box .product-qty{
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.product-box .button-link{
	min-width: 100%;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 940px) {

.cart-buttons{
	max-width: 100%;
}

.cart-coupon{
	width: 100%;
	padding-bottom: 15px;
}

#apply-coupon{
	margin-top: 10px;
	float: left;
}

.search-criteria-box{
	padding-bottom: 5px;
}

.why-choose-us .box4{
	width: 50%;
}

#menu{
	display: none;
}

.slicknav_menu{
	display: block;
}

.banner-container{
	padding-top: 0px !important;
}

.header{
	position: static;
	float: left;
	border-bottom: none;
}

.header-box{
	width: 100%;
	max-width: 100%;
	padding-bottom: 10px;
}

span.header-account{
	float: left;
}

a.header-link{
	float: left;
}

.header #logo{
	padding-bottom: 10px;
	width: 100%;
	max-width: 100%;
}

.basket{
	margin-top: 0px;
}

.header-box .box1{
	float: right;
	width: auto;
}

.eshop_advanced_search{
	background: #494949;
}

.banner-container{
	padding-top: 0px;
}

span.header-email{
	float: left;
	padding-left: 25px;
	font-size: 16px;
}

span.header-phone{
	float: left;
	padding-right: 20px;
	font-size: 16px;
}

.banner-txt{
	padding-left: 50px;
	padding-right: 50px;
}

.bx-wrapper .bx-prev{
	background-size: 20px !important;
	background-position: left 5px center !important;
}

.bx-wrapper .bx-prev:hover{
	left: 3px!important;
}

.bx-wrapper .bx-next{
	background-size: 20px!important;
	background-position: right 5px center !important;
}

.bx-wrapper .bx-next:hover{
	right: 3px!important;
}

.bx-wrapper .bx-controls-direction a{
	width: 50px!important;
	height: 50px!important;
}

#products-list .box3{
	width: 50%;
}

.eshop-product-sorting{
	float: left;
}

.eshop-product-sorting b{
	padding: 5px 10px 0;
}
	
.eshop-product-show{
	float: left;
	padding-right: 15px;
}

.eshop-product-show b{
	padding: 5px 10px 0;
}


}


/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 800px) {

.banner-form{
	text-align: center;
}

.banner-form-box{
	float: none;
	display: inline-block;
	margin-top: 25px;
	max-width: 300px;
}

.search-info{
	width: 100%;
	padding-top: 0px;
}

.product-filter{
	width: 100%;
	padding-right: 0px;
}

.eshop-products-list{
	width: 100%;
}

.filter-search{
	display: none;
}

.product-filter h2{
    -moz-border-radius: 5px;	
    -webkit-border-radius: 5px;	
    -khtml-border-radius: 5px;	
    border-radius: 5px;
    background-image: url(../images/icons/arrow-down.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	cursor: pointer;
	background-size: 30px;
}	

span.header-account{
	float: left;
margin-right: 10px;
}

a.header-link{
	float: left;
margin-right: 10px;
}

#footer-container{
    background-image: url(../images/footer-background.jpg);
}

.homepage-box-container .box2{
	width: 105%;
	padding: 50px;
	min-height: 500px;
	margin-left: -15px;
}

.why-choose-us{
	padding-top: 50px;
margin-top: 0px;
}

#footer .box3{
	width: 100%;
	padding-bottom: 15px;
}

#testimonial-container .testimonial-box{
	background-position: top left 30px;
	padding-left: 75px;
}

#testimonial-container .testimonial-box .testimonial-txt{
	background-position: bottom right 30px;
	padding-right: 75px;
}

.form-container{
	max-width: 100%;
	padding-top: 15px;
}

.contact-container .box2{
	width: 100%;
}

.form-container h2{
	text-align: center;
}

.services-page img{
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}

.services-page .box1{
	padding-top: 0px;
	padding-bottom: 25px;
}

.basket{
	margin-top: 0px;
	float: left;
}

.header-box .box1{
	float: right;
	width: 100%;
}

.product-left .product-sub-img img{
	max-width: 300px;
}


}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 625px) {

.product-right{
	width: 100%;
}

.product-left{
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
}

.homepage-intro .box2{
	width: 100%;
}

.homepage-intro .center{
	padding-top: 25px;
}

.homepage-intro .box2 img{
	max-width: 100%!important;
}

.about-page p{
	text-align: left;
}

.services-page p{
	text-align: left;
}

.homepage-box-container .box2{
	width: 110%;
}

.homepage-box-container .box2 p{
	margin-bottom: 10px!important;
}

.why-choose-us .box4{
	padding: 25px;
}

.homepage-box-container .box2{
	padding-left: 25px;
	padding-right: 25px;
}

#testimonial-container .testimonial-box{
	background-size: 30px;
}

#testimonial-container .testimonial-box .testimonial-txt{
	background-size: 30px;
}

#testimonial-container .testimonial-box .testimonial-txt p{
	margin-top: 0px;
}

.service-icons .box4{
	width: 50%;
	padding-bottom: 25px;
}

.service-icons{
	padding-left: 0px;
	padding-right: 0px;
}

.search-info .box3 p{
	width: 100%;
	display: inline-block;
	margin-top: 3px;
}

.search-info .box3{
	padding-right: 5px;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 550px) {

.search-info{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px !important;
	padding-bottom: 300px !important;
background-size: 100%;
}


.search-info .box3{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.search-info .box3 span{
	float: none;
	display: inline-block;
}

#products-list .box3{
	width: 100%;
	margin-bottom: 15px;
}

.search-info .box3 p{
	text-align: center;
}

.product-box .eshop-product-price {
    float: left;
    width: 70px;
    height: 58px;
    text-align: left;
}

.product-box .product-qty {
    float: right;
    width: 147px;
    text-align: left;
}


}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 550px) {

.info-bar .box3{
	padding-left: 10px;
	padding-right: 10px;
}

.search-criteria-box{
max-width: 100px;
}

#eshop-postcode{
max-width: 130px;
}
	

.gas-safe-page img{
	width: 100%;
}

.page-header{
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.page-header h1{
    text-align: left;
	font-size: 25px;
	font-weight: 800;
}

.about-page h1{
    text-align: center;
	font-size: 25px;
}

.banner-txt h1{
	font-size: 25px;
	line-height: 30px;
}

.homepage-content h1{
	font-size: 25px;
}

.why-choose-us h2{
	font-size: 25px;
}

.why-choose-us h3{
	font-size: 20px;
}

.about-page{
	padding-top: 25px;
}

.contact-details{
	padding-top: 25px;
}


h2{
	font-size: 25px;
}

about-page p {
    max-width: 100%;
    display: inline-block;
}

.header #logo{
float: none;
display: inline-block;
}

.header #logo img{
	float: none;
	max-width: 300px;
}

.gas-safe-logo{
float: none;
display: inline-block;
width: auto;
}

.why-choose-us .box4{
	width: 100%;
}

.why-choose-us h3{
	margin-top: 0px;
}

.banner-txt{
	padding-top: 75px;
	padding-bottom: 75px;
}

.banner{
	min-height: 400px;
}

.homepage-content p{
	text-align: left !important;
	margin-bottom: 0px;
}

span.header-email{
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align: left;
}

span.header-phone{
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align: left;
}

.form_field_row{
	padding-bottom: 0px;
}

.form_field{
	padding-bottom: 15px;
	width: 100%;
	padding-right: 0px
}

.form_field_wide{
	padding-right: 0px;
	padding-bottom: 15px;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 450px) {


.search-info{
	padding-bottom: 250px !important;
}

.product-left .product-sub-img img{
	max-width: 100%;
}

#update-cart{
	margin-bottom: 15px;
}

#apply-coupon{
	float: none;
}

.header #logo{
	float: left;
	width: auto;
}

.header #logo img{
	max-width: 260px;
	float: left;
}

.gas-safe-logo{
	float: left;
	width: auto;
	padding-left: 15px;
}

.gas-safe-logo img{
	max-width: 40px;
}	

#footer .box3 .box1{
	width: 100%;
	float: left;
    text-align: left;
}

#footer-container{
	padding-left: 15px;
	padding-right: 15px;
}

.service-icons .box4{
	width: 100%;
}

.copyright{
	text-align: left;
	padding-bottom: 0px;
    padding-top: 15px;
}

.info-bar .box3{
	width: 50%;
	border-right: none;
}

.info-bar .box-last{
	width: 100%;
	display: none;
}

}

/* SMartphones and Tablets */
@media only screen 
and (min-width : 1px) 
and (max-width : 350px) {

.search-info{
	padding-bottom: 160px !important;
}

.header #logo img{
	max-width: 240px;
	float: left;
}


.gas-safe-logo{
	float: left;
	width: auto;
	padding-left: 10px;
}

.gas-safe-logo img{
	max-width: 40px;
}	

}