@charset "utf-8";
.panel-body{background-color:#FFF;}
.antispam { display:none;}
.tab-pane{padding-top:15px;}
.content-bg{background-color:#fff;color:#333;margin-top:20px; margin-bottom:20px; padding-bottom:20px; }
.content-bg-alt{background-color:#546e7a;color:#37474f;padding-top:30px; padding-bottom:40px;}
.content-bg-titlebar{background-color:#757575;color:#FFF; padding-top:30px; padding-bottom:40px;}
.content-bg-alt2{background-color:#ECEFF1; color:#333; padding-top:20px; padding-bottom:40px; }
.content-bg-alt h2{color:#eceff1;}
.search-textbox{background-color:#DDD;color:#666;border:0px;}
.sub-heading{font-family:'Lato', sans-serif; font-size:24px; margin-bottom:20px; color:#c7081b; font-weight:bold;}
.sub-heading-2{font-size:20px; margin-bottom:30px; color:#333333;}
h1, h2, h3, h4, h5, h6, .header-points, .sub-heading-2{font-family:'Lato', sans-serif;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .sub-heading-2 span {font-weight:700;}
h2 { margin-bottom:20px;}
.red { color:#c7081b;}
.title-primary { color:#444444; }
.white { color:#FFFFFF; }

.business-hours-note { font-weight: bold; color:#c7081b;  }
.addthis_native_toolbox { padding-bottom:15px; }
.filter-selection {background-color:#E5E5E5; border-bottom:solid 3px #757575}
.filter-selection h4 { color: #333333}
.filter-options { background-color:#f5f5f5; margin-bottom:20px; }
.filter-options h4 { color: #333333}

.txtprice-large{font-family:'Lato', sans-serif;font-size:16px;}
.txtprice-large span{font-size:30px;font-weight:700;}
.txtprice-small{font-family:'Lato', sans-serif;}
.txtprice-small span{font-size:30px;font-weight:700;}
.callforprice-large{font-family:'Lato', sans-serif;font-size:14px;}
.callforprice-large span{font-size:24px;font-weight:700;}
.callforprice-small{font-family:'Lato', sans-serif;font-size:11px;}
.callforprice-small span{font-size:20px;font-weight:700;}
h4{margin-bottom:30px; font-size:20px;  }
.stocklevel-large{font-size:22px;font-weight:700;font-family:'Lato', sans-serif;}
.stocklevel-small{font-size:16px;font-family:'Lato', sans-serif;}
ul{padding:0;list-style-type:none;}

.packages-home-box { height:150px; }
.packages-home-title { margin-bottom:10px; }
.packages-home-image { max-width:300px; padding:20px 0px; }


.home-banner-bg {background-color:#616161; background-repeat:no-repeat; background-position: top center;}

.home-banner-subtitle {background-color:rgba(255, 255, 255, 0.5); padding: 0px 5px; color:#222; font-size:30px; font-family:'Open Sans', sans-serif;}
.home-banner-title { background-color:rgba(199, 8, 27, 0.7); padding: 0px 5px; color:#FFF; font-size:50px; font-family:'Open Sans', sans-serif; font-weight:800;}
.home-banner-callofaction {background-color:rgba(255, 235, 0, 0.8); padding: 0px 5px; color:#222; font-size:30px; font-family:'Roboto Condensed', sans-serif; font-weight:bold;}
.home-banner-bg .banner-text { margin-bottom:10px; }

.banner-text a:link,
.banner-text a:visited,
.banner-text a:active{color:#222222; text-decoration:none; }
.banner-text a:hover{background-color:rgba(255, 235, 0, 1.0); color:#000; text-decoration:none;}

.inner-banner-bg {background-color:#616161; background-repeat:no-repeat;  background-position: top center;}

.inner-banner-left { margin-top:30px; margin-bottom:30px; }
.inner-banner-left div { margin-bottom:15px; }
.inner-banner-right { margin-top:30px; margin-bottom:30px; padding-top: 10px; padding-bottom:10px; background-color:rgba(0, 0, 0, 0.6); }

.inner-banner-subtitle {background-color:rgba(255, 255, 255, 0.5); padding: 0px 5px; color:#222; font-size:24px; font-family:'Open Sans', sans-serif;}
.inner-banner-title { background-color:rgba(199, 8, 27, 0.7); padding: 0px 5px; color:#FFF; font-size:36px; font-family:'Roboto Condensed', sans-serif; font-weight:bold;}
.inner-banner-callofaction {background-color:rgba(255, 235, 0, 0.8); padding: 0px 5px; color:#222; font-size:44px; font-family:'Roboto Condensed', sans-serif; font-weight:bold;}

.inner-banner-right #title { margin-bottom:20px;color:#FFDD00; font-size:30px; font-weight:bold; font-family:'Lato', sans-serif; }


body{font-family:'Roboto', sans-serif; /* Makes font rendering look closer to illustrator (crisp). */ -webkit-font-smoothing: antialiased;}
::selection{background:#ed1c24;color:#ffffff;}
::-moz-selection{background:#ed1c24;color:#ffffff;}
.text-bold{font-weight:bold;}
.filter-options-col{padding-top:20px;}
.inner-right-column{padding-top:20px;padding-bottom:20px;}
.inner-right-column .btn-tempetyres{padding-top:30px;padding-bottom:30px;margin-bottom:10px;border-radius:0px;font-family:'Lato', sans-serif;text-align:center;}
.inner-right-column .btn-tempetyres span{font-weight:700;font-size:20px;}
.header-bar{background-color:#DDD;color:#fff;padding:10px 0px;}
.navigation-bg{background-color:#f3f3f3;color:#666;font-size:16px; font-weight: bold;}
.header-logo{padding-bottom:10px;}
.header-points { padding: 5px; font-weight:bold; font-size: 16px; font-family:'Roboto Condensed', sans-serif;}
.header-points i{  padding-right:5px; color:#c7081b; }
.search-box { padding-top: 20px; }
.header-navigation {margin-top:20px;}
.header-ticker {  padding-top:5px; color:#888; }
.social-icons a:link,
.social-icons a:visited,
.social-icons a:active{color:#666666;border-bottom:1px #aaa none; font-size:34px; margin-right:4px;}
.social-icons .social-fb a:hover{color:#3b5998;text-decoration:none;}
.social-icons .social-tw a:hover{color:#00b6f1;text-decoration:none;}
.social-icons .social-gp a:hover{color:#df4a32;text-decoration:none;}
.social-icons .social-in a:hover{color:#c32aa3;text-decoration:none;}
.social-icons .social-yt a:hover{color:#b31217;text-decoration:none;}

.footer-brands{background-color:#616161;color:#e0e0e0;padding-top:10px;padding-bottom:10px}
.footer-brands h2{color:#FFF;font-family:'Lato', cursive;}
.footer-brands a:link,
.footer-brands a:visited,
.footer-brands a:active{color:#e0e0e0;}
.footer-brands a:hover{color:#ffffff;text-decoration:underline;}
.footer-brands blockquote{background-color:#757575;margin-bottom:30px;}
.footer-brands blockquote footer{ color:#ccc;}
.footer-brands blockquote a{font-size:13px;}
.footer-brands li {padding-bottom:5px; }
.footer-links-bg{background-color:#ECEFF1;color:#3d3d3d;padding-top:25px;padding-bottom:25px;}
.footer-links-bg .companyname{color:#c7081b;font-weight:bold;border-bottom:none;}
.footer-links-bg a:link,
.footer-links-bg a:visited,
.footer-links-bg a:active{color:#666666;border-bottom:1px #aaa dotted;}
.footer-links-bg a:hover{color:#c7081b;text-decoration:none;}
.footer-quicklinks li{line-height:2.5;}
.footer-quicklinks li i{ margin-right: 5px;}
.footer-copyright-bg{background-color:#e1e1e1;padding-top:30px;padding-bottom:25px;}
.footer-payment-icons { margin-bottom:10px; }
.footer-payment-icons a:link { border-bottom:1px #aaa none; color:#78909C; }
.footer-payment-icons a:visited,
.footer-payment-icons a:active{color:#78909C;}
.footer-payment-icons a:hover{color:#617985;text-decoration:none;}
.footer-copyright{color:#78909C;}
.footer-copyright a:link,
.footer-copyright a:visited,
.footer-copyright a:active{color:#78909C;}
.footer-copyright a:hover{color:#617985;text-decoration:none;}
.features-bg{background-color:#c62828; color:#FFFFFF; padding-top:20px; padding-bottom:20px;}
.features-unit-bg{color:#ffcdd2;padding-top:30px;padding-bottom:30px;}
.features-unit-bg-alt{color:#ffcdd2;padding-top:30px;padding-bottom:30px;}
.features-bg h3{color:#FFFFFF;}
.features-bg a:link,
.features-bg a:visited,
.features-bg a:active{color:#ffcdd2; text-decoration:underline;}
.features-bg a:hover{color:#FFFFFF;text-decoration:none;}
.features-unit-icon { margin-bottom:10px; }
.services-unit-bg{color:#666666;padding-top:30px;padding-bottom:30px;}
.newsletter-wholesale-bg{background-color:#EEF0EB;border-top:1px solid #dedfdc;}
.newsletter-bg{background-color:#EEF0EB;color:#6E5A4D;padding-top:30px; padding-bottom:40px;}
.wholesale-bg{background-color:#EEF0EB;color:#6E5A4D;padding-top:30px; padding-bottom:40px;border-left:1px dashed #dedfdc;}
.banner-bg{background-color:#9a9a9a;}
.carousel{padding:0px;}
.homepage-right-column{padding-top:20px;padding-bottom:20px;}
.homepage-right-column .btn-tempetyres{padding-top:30px;padding-bottom:30px;margin-bottom:10px;border-radius:0px;font-family:'Lato', sans-serif;text-align:center;}
.homepage-right-column .btn-tempetyres span{font-weight:700;}
.btn-newsletter{background:#888;color:#ffffff;}
.btn-newsletter:hover, .btn-newsletter:focus, .btn-newsletter:active, .btn-newsletter.active, .open > .dropdown-toggle.btn-newsletter{background:#555;color:#ffffff;}
.btn-newsletter:active, .btn-newsletter.active{background:#3d3d3d;box-shadow:none;}
.btn-tempetyres{background:#eeeeee;color:#666;}
.btn-tempetyres:hover, .btn-tempetyres:focus, .btn-tempetyres:active, .btn-tempetyres.active, .open > .dropdown-toggle.btn-tempetyres{background:#c7081b;color:#ffffff;}
.btn-tempetyres:active, .btn-tempetyres.active { background:#ed1c24;box-shadow:none;}
.btn-tempetyres-alt{background:#ddd;color:#444;}
.btn-tempetyres-alt:hover, .btn-tempetyres-alt:focus, .btn-tempetyres-alt:active, .btn-tempetyres-alt.active, .open > .dropdown-toggle.btn-tempetyres-alt{background:#333;color:#ffffff;}
.btn-tempetyres-alt:active, .btn-tempetyres-alt.active{background:#ed1c24;box-shadow:none;}
.btn-tempetyres-2{background:#c7081b;color:#ffffff;}
.btn-tempetyres-2:hover, .btn-tempetyres-2:focus, .btn-tempetyres-2:active, .btn-tempetyres-2.active, .open > .dropdown-toggle.btn-tempetyres-2{background:#ed1c24;color:#ffffff;}
.btn-tempetyres-2:active, .btn-tempetyres-2.active {background:#333;box-shadow:none;}

.cart-no-items-icon { margin-bottom:10px; text-align:center; font-size:80px; color:#ccc; }
.cart-no-items-text { margin-bottom:100px; text-align:center; font-size:22px; color:#999; }

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0px;
  padding-left: 5px;
}

.btn-getprice {background:#e58600;color:#FFF;}
.btn-getprice:hover, .btn-getprice:focus, .btn-getprice:active, .btn-getprice.active, .open > .dropdown-toggle.btn-getprice {background:#ff9600;color:#FFF;}
.btn-getprice:active, .btn-getprice.active{background:#333;box-shadow:none;}

.btn-soldout { color:#ed1c24; background:#FFFFFF; }
.lnk-tempetyres{color:#c7081b;}
.lnk-tempetyres:hover, .lnk-tempetyres:focus, .lnk-tempetyres:active, .lnk-tempetyres.active{background:#c7081b;color:#ffffff;}
.lnk-tempetyres:active, .lnk-tempetyres.active{background:#333;box-shadow:none;}

.ddl-results-sorting { width: 180px; }

.navbar-default{background-color:#f3f3f3}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{background-color:#E6E6E6;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color:#c7081b}
.navbar-default{background-image:none;}
.navbar-default{border-color:#f3f3f3}
.navbar-default .navbar-brand{color:#c7081b}
.navbar-default .navbar-brand:hover{color:#c7081b}
.navbar-default .navbar-nav>li>a{color:#999999}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#c7081b}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#F9F9F9}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#c7081b}

.nav-tabs > li a { background-color: #f5f5f5; border-bottom: 1px solid #dddddd; }
.navbar-nav {margin-top:4px; } 



#testimonials-carousel .item{margin:3px;}
#testimonials-carousel .item p{color:#666666;}
#testimonials-carousel blockquote i.fa-star { color:#ffd203; font-size:34px;  }

.testimonial-box { border-left:solid 5px #eeeeee; padding-left:15px; padding-top:10px; padding-bottom:10px; }
.testimonial-box i { color:#ffd203; font-size:16px;  }


.form-control-inline {
	min-width: 0;
	width: auto;
	display: inline;
}

.breadcrumb a:hover {
    text-decoration: none;
}
.breadcrumb a:hover span {
    text-decoration: underline;
}
.alert .material-icons::before {
    position: relative;
    top: 4px;
    margin-right: 2px;
}
.input-group-addon .material-icons::before {
    position: relative;
    top: 3px;
}
.navbar-brand .material-icons::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.list-group-item .material-icons::before {
    position: relative;
    top: 3px;
    left: -3px
}


/*** BOOTSTRAP CUSTOMIZATION ***/


.alert-tempetyres {
	border-bottom: solid 3px #757575;
    border-radius: 0px;
    background-color: #E5E5E5;
    color: #555;
}


.calculator-ticker {
	color: #333;
	margin-top: 0px;
	font-size: 18px;
	font-family:'Roboto Condensed', sans-serif;
}

.calculator-ticker .title {
	font-weight:700;	
	font-size: 22px;
	margin-left: 10px;
}

.calculator-ticker .columns {
	padding-top:40px; padding-bottom:20px;
}

.calculator-ticker a:link {
	
	text-decoration:none;
}

.calculator-ticker a:hover {
	color:#133984;
	text-decoration:none;
}

#bannerdesktop {
  	display:block;
	text-align:center;
}

#bannermobile {
  	display:none;
}

.fixed-ratio-resize { /* basic responsive img */
    max-width: 100%;
    height: auto;
    width: auto\9; /* IE8 */
}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-top:20px;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.3);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(75px);
  -ms-transform: translateY(75px);
  transform: translateY(75px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.hovereffect span.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
 /* border: 1px solid #fff; */
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: 50px 0 0 0;
  /*padding: 75px 100px;*/
  padding: 10px 20px;
}

.hovereffect:hover span.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color:#c7081b;
}

.hovereffect span.info:hover {
 /* box-shadow: 0 0 5px #fff; */
}

.gallery-thumbnails-container
{
	background-color:#000;	
}

.gallery-thumbnails
{
 	opacity:1.0;
}
.gallery-thumbnails:hover
{
	opacity:0.7;
	transition: opacity .25s ease-in-out;
   	-moz-transition: opacity .25s ease-in-out;
   	-webkit-transition: opacity .25s ease-in-out;
}

#latestgallery-carousel .item {
	margin-left:5px;
	margin-right:5px;	
}

.image-container {
  position: relative;
  text-align: center;
}			


.image-label-new {
  position: absolute;
  top: 8px;
  left: 10px;
}

.image-label-backinstock {
  position: absolute;
  top: 8px;
  left: 10px;
}

.image-label-sale {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	background-color: rgba(201, 0, 0, 0.8);
	color: #fff;
	padding: 4px 4px;
	width: 100%;	
}

@media only screen and (min-width:960px){
	/* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
	/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
	/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (max-width:768px){
   /* default iPad screens */
   
	.inner-banner-subtitle {background-color:rgba(255, 255, 255, 0.5); padding: 0px 5px; color:#222; font-size:14px; font-weight:bold; }
	.inner-banner-title { background-color:rgba(199, 8, 27, 0.7); padding: 0px 5px; color:#FFF; font-size:26px; font-family:'Roboto Condensed', sans-serif; font-weight:bold;}
	.inner-banner-callofaction {background-color:rgba(255, 255, 0, 0.8); padding: 0px 5px; color:#222; font-size:30px; font-family:'Roboto Condensed', sans-serif; font-weight:bold;}
	
	.home-banner-subtitle {background-color:rgba(255, 255, 255, 0.5); padding: 0px 5px; color:#222; font-size:18px; font-weight:bold; font-family:'Architects Daughter', sans-serif;}
	.home-banner-title { background-color:rgba(199, 8, 27, 0.7); padding: 0px 5px; color:#FFF; font-size:32px; font-family:'Open Sans', sans-serif; font-weight:800;}
	.home-banner-callofaction {background-color:rgba(255, 255, 0, 0.8); padding: 0px 5px; color:#222; font-size:20px; font-family:'Roboto Condensed', sans-serif; font-weight:bold;}
	.home-banner-bg {  }
	
	#bannerdesktop {
	  	display:none;
	}
	
	#bannermobile {
	  	display:block;
	}
	
	.footer-copyright { text-align:center;  }

}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

}