
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.67;
	background: #fff;
	margin: 0;
	padding: 0;
}
h2 {
  font-weight: 300;
  font-size: 2.5rem;
  margin-bottom: 0;
}
h2+span {
	font-size: 1.25rem;
	color: #777;
}
img {
	min-width: 100%;
	max-width: 100%;
}

/* Buttons */
.button, button {
	background-color:#c95a2f;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: .75rem 1rem;
	text-decoration:none;
}
/* Jumbo */
.jumbo {
	width: 100%;
	background-color: #ccc;
	padding: 6rem 0;
}
.jumbo h1 {
	color: #f1f1f1;
	font-weight: 300;
	font-size: 3rem;
	margin: 0;
	padding-bottom: 2rem;
}

@media screen and (max-width: 48.5em) {
	.jumbo {
		padding: 4rem 0;
	}
	.jumbo h1 {
		font-size: 1.5rem;
	}
}


/* Header */
header {
	background-color:#3D9CCC;
}
header img {	
	display: block;
	height: 151px;
    max-width: 100%;
    min-width: 100%;
}
header section.top {
	background-color: #252729;
    padding: 1rem 0;
	text-align: right;
}
header section.top ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
header section.top ul li {
	display: inline-block;
}
header section.top ul li {
	color: #808889;
	text-transform: uppercase;
	font-weight: 700;

}
header section.top ul li:nth-child(1):before {
	content:'\f095';
	padding-right: 1rem;
	font-size:1rem;
}
header section.top ul li:nth-child(2) {
	padding-left: 2rem;
}
header section.top ul li:last-child {
	padding-right: 2rem;
}
header nav[role=navigation] {
	background-color: #2e3133;
	padding: 2rem 0 .5rem 0;

}
header nav[role=navigation] a {
	color: #8a9296;
	text-transform: uppercase;
	font-size: 1.5rem;
    text-decoration: none;
}
header nav[role=navigation] a:last-child {
	padding-right: 0;	
}


header nav[role=navigation] a:hover {
	color: #fff;
	text-decoration: none;
}
header section.top ul li:nth-child(1):before,
header a.search,
header a.cart {
	color: #808889;
	font-family: 'FontAwesome';
	font-size: 1.5rem;
	text-decoration: none;
}

header a.cart:before {
	content: '\f07a';
}
header a.search:before {
	content: '\f002';
	padding: 0 2rem;
}


/* nav icons */
header nav[role=navigation] a:last-child:before {
  content: url(img/outdoor.svg);
  width: 35%;
  display: block;
  margin: 0 auto;
}
header nav[role=navigation] a:last-child(2):before {
  content: url(img/outdoor.svg);
 font-family:'FontAwesome';
  display: block;
  margin: 0 auto;
}

/* sellpoints */
.sellpoints {
	border-bottom:1px solid #ddd;
	padding:0.5rem 0;
	background-color: rgba(138, 146, 150, 0.11);
}
.sellpoint h3 {
	text-transform: uppercase;
	margin-bottom:-0.5rem;
}
.sellpoint h3+span {
  color: #777;
  font-size: 1rem;
  text-transform: capitalize;
}
.freeship:before,
.service:before {
	font-family:'FontAwesome';
	color:#000;
	font-size:3.25rem;

}
.freeship:before {
	content:'\f0d1';
}
.service:before {
	content:'\f1cd';
}
/* Top sellers */
.top_selling_product {
	border:1px solid #ddd;
	border-radius:4px;
	padding:1rem;
	margin: 1rem auto;
	transition:0.2s all ease-in-out;
}
.top_selling_product a {
	font-weight:600;
	color:#000;
	text-decoration:none;
}
.top_selling_product:hover {
	background-color: rgba(240, 243, 245, 0.38);
	transition:0.2s all ease-in-out;
}
/* Featured products */
.featured_product {
	background:#ddd;
	height: 400px;
	padding:2rem 0.75rem;
	text-align: right;
}
.featured_product.margin-left {
	margin-left:1rem;
}
.featured_product .block_cta {
	margin-top: 320px;
}
.featured_product .button.hollow {
	background: transparent;
    border: 4px solid rgba(255, 255, 255, 1);
    padding: .5rem 1.25rem;
    transition: 0.3s all ease-in-out;
}
.featured_product .button.hollow:hover {
	background-color: rgb(201, 90, 47);
	border: 4px solid rgb(201, 90, 47);
	transition: 0.3s all ease-in-out;
}

.shop_by img {
	transition: 0.26s all ease-in-out;
}
.shop_by img:hover {
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	transform: scale(1.04);
    transition: 0.26s all ease-in-out;


}

/* Select vehicle */
.find_vehicle {
   width: 100%;
   padding: 2rem 0;
   background-color: #C95A2F;
}
.find_vehicle h3 {
   font-size: 1.75rem;
   margin-top: 0;
   color: #fff;
   font-weight: 700;
}
.find_vehicle select {
  width: 100%;
   
  padding: .75rem 0.5rem;
  border: 4px solid #F1F2F2;
  background: #f1f2f2;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: 'Open Sans';
}
.find_vehicle select:active,
.find_vehicle select:focus {
	outline: 0;
}
/*.find_vehicle .col-sm-4:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  color: #000;
  font-size: 1.5rem;
}*/

@media screen and (max-width:48em) {
	.featured_product.margin-left {
		margin-left: 0;
		margin-top:1rem;
	}
}
section.joinlist {
	padding: 1.5rem 0;
    background: #3D9CCC;
}
section.joinlist label {
	display: inline-block;
  font-size: 1.25rem;
  padding-right: 2.5rem;
  color: #fff;
}
section.joinlist label:before {
	content: '\f1d9';
	font-family: 'FontAwesome';
	padding-right:1rem;
}
section.joinlist input[type=email] {
	   border: 5px solid #F1F2F2;
  font-size: 1.25rem;
  border-radius: 4px;
  text-indent: 0.5rem;
  padding: 0.75rem 0.5rem;
}

@media screen and (max-width: 48.5em) {
	section.joinlist label {
		font-size: 1rem;
		padding-bottom: 1rem;
	}
	section.joinlist label:before {
	  padding-right: 0;
	  display: block;
	  font-size: 2rem;
	}
}

/* Footer */
footer {
	background-color: rgb(224, 230, 237);

}

