/*input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}*/
input{ border-radius: 0; }
/* FONTS */

.slide-content, .slide-content a, .slide-content p, .slide-content h2{
	font-family: 'Raleway', Arial, sans-serif !important;
}
header{
	padding: 5px 0 0 0;
}

#hello span{
	margin-right: 10px;
	margin-left: 10px;
}

#hello a{
  color: #FFF;
}

#cart{ color: #FFF; }

.top-area-container form{
	display: inline-block;
	position: relative;
	width: 45%;
}

.top-area-container input{
  background: transparent;
  border: 1px solid #fff;
  height: 32px;
  margin-top: 32px;
  margin-bottom: 0;
  color: #fff;
  padding:0; 
  padding-right: 25px;
  text-indent: 8px;
}

.top-area-container input:focus{
	background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.top-area-container form button{
	position: absolute;
	right: 10px;
    bottom: 10px;
    font-size: 11px;
    background: transparent;
    padding: 0;
    margin: 0;
    width: auto;
}

.top-area-container a, .top-area-container i{
	color: #fff;
}

.cart-overview{
	margin-left: 20px;
	display:inline-block;
}

.cart-overview a, .cart-overview i{
	font-size: 16px;
}

.top-right{
	text-align: right;
	padding-right: 15px;
}

.text-left{
	text-align: left !important;
}

.text-center{
	text-align: center !important;
}

.text-right{
	text-align: right !important;
}


.welcome{
	padding: 50px 0 20px 50px;
  background: #fbfbfb;
	position: relative;
  padding-bottom: 128px;
  z-index: 3;
}

.welcome h1{
	font-size: 36px;
    margin-top: 26px;
    margin-bottom: 30px;
    letter-spacing: 0px;
    font-weight: 500;
}

.welcome p{
	font-size: 22px;
    line-height: 30px;
}

.welcome .left-box{
	padding-right: 58px;
}

.welcome .right-box{
	padding: 36px 56px;
	background: #d9debc;
	position: relative;
  right: -1px;
	-webkit-box-shadow: -10px 10px 17px -6px #E0E0E0;
	        box-shadow: -10px 10px 17px -6px #E0E0E0;
  
  border-radius: 12px 0 0 12px;
}

.welcome .right-box p{
	font-size: 33px;
    line-height: 44px;
    font-weight: 500;

}

.welcome .right-box a{
	font-size: 19px;
    font-weight: 400;
	white-space: nowrap;
}


#product-description h1{ text-align: left; text-transform: none;}
#product-description p, #product-description > ul > li{ text-align: left; font-weight: 300; font-size: 18px; line-height: 180%;}


#product-description form{ text-align: left;}

#product-description .select{ width: 30%; display: inline-block; vertical-align: baseline; margin-right: 5%;}
#product-description .select label { text-align: left; font-size: 16px; color: #3A4F3B; font-weight: 400; margin-top: 12px; float: none; display: block; }
#product-description .select select,
#product-description .product-add select{ background-color: #3A4F3B; color: #FFF; font-size: 18px; width: 100%; padding: 4px 0; margin:0; margin-top: 10px; }
#product-description .product-add select.quantity{ text-indent: 8px; text-align: left; }

#product-description .product-add { width: 30%; display: inline-block; vertical-align: bottom; text-align: right; }
#product-description .product-add h5{ display: inline;}
#product-description .product-add .quantity{ margin: 0;}
#product-description .product-add .add{ background-color: #3A4F3B; color: #FFF; font-size: 18px; width: 160px; padding: 6px 0; text-transform: none!important; margin-bottom: 0; font-weight: 400; }

#lower-description{ padding-top: 32px; }
.tabHeader{display: none;}
.subContent > p{ font-size: 18px; font-weight: 300; line-height: 180%; text-align: left; padding: 16px; letter-spacing: 1px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
}
.subContent > p.no-column{
    -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;
  -webkit-column-gap: normal;
     -moz-column-gap: normal;
          column-gap: normal;
}
.subContent > table{	width: 60%; margin: 32px auto 0; font-size: 18px; line-height: 180%;	}
.subContent > table td{ vertical-align: top; text-align: left; }
.subContent > table td:nth-child(2){ vertical-align: top; text-align: left; font-weight: 300; padding-left: 32px;}
.subContent a{ color: #B6C894; font-weight: bold; text-decoration: underline; }



.product-info h3{
    font-weight: 500;
    text-transform: none;
}


.all-full .section-title h3{ text-align: left; font-size: 36px; padding: 16px; padding-top: 0; font-weight: 500; }

.home-content{ position: relative; background: #B6C894!important; padding: 10px 0 0 75px; overflow: visible!important;}
.home-content:before{
  z-index: 4;
  content: "";
  display: block;
  position: absolute;
  top: -74px;
  left: 0; right: 0;
 border-right: 1200px solid #B6C894;
 border-top: 74px solid transparent;
}


.padded-loop .item{
	padding-right: 80px;
.
}

.home-collections{
	margin-bottom: 30px;
}

.image-container-link{
	display: block;
	line-height: 0;
	position: relative;
}
h1.page-title{ margin-bottom: 0; }

#page h1{ margin-left: 32px; }
#page .rte{}


.page .page-wrap{ background: #fbfbfb; }

.collections-content .collections-text p{ float: left; }
.collections-content .collections-text img{ float: right; }
.collection_landing, .collection_container{ position: relative; padding-top: 64px; background: #b5c793; }
.collection_container{ padding-top: 32px; }
.collection_landing:before, .collection_container:before{
  content: "";
  display: block;
  position: absolute;
  left: 0; right: 0;
  top: -80px;
 border-right: 1200px solid #b5c793;
 border-top: 80px solid transparent;
}

.collection-collection {padding: 20px 2%; background:#b5c793;}
.collection-collection h3 {font-size:20px;}
.collection-collection img {width:100%;}
.collections-content {padding:0 50px;}
.collections-text { margin-left:2px!important; padding: 10px 0 0; width:100% !important;}
.collections-text p { font-size: 20px; line-height: 140%; max-width: 500px; }

.collection_img{ text-align: center; overflow: hidden; position: relative; }
.collection_img img{ width: 250px;display: inline-block; margin: 0 auto; margin-bottom:50px;}
@media only screen and (max-width:979px){
.collection_img img{ margin-bottom:24px;}
}
@media only screen and (max-width:900px){
.collection_img img{ margin-bottom:0px;}
}
#collection-description { float: left; }
#collection-description p{ font-size: 14px; line-height: 160%;}

.filter-wrapper{ padding: 0 16px; }
.filter-wrapper h3.filter-title{ font-size: 16px; color: #3B503C; font-weight: 400; margin-bottom:32px; -webkit-user-select: none; user-select: none; }
.filter-wrapper h4.toggler:before{ content: "-"; display: inline-block; background: #3B503C; color: #FFF; width: 22px; height: 22px; text-align: center; margin-right: 8px; text-indent: 2px; cursor: pointer; }
.filter-wrapper h4.close:before{ content: "+"; }

.advanced-filters a:before, .advanced-filters a:after{ top: 8px; }
.filter-wrapper .advanced-filters .advanced-filter a{ font-weight: 300; font-size: 18px; margin-left: 32px; padding-top: 4px; padding-bottom: 4px; }


#sort-container{ text-align: right; position: absolute; top: -20px; right: 0; padding-right: 24px; }
#sort-container li{ display: inline-block; margin: 0 8px; }
#sort-container li select.styled-select{ width: auto; padding: 4px 0; padding-right: 38px; background-color: #3B503C; color: #FFF; font-size: 18px; }
#sort-container #view-as{ width: 100px; }


#product-loop{ padding-top: 16px; }

.list .product-index{ overflow: hidden; white-space: nowrap; }
.list .product-index img,
.list .product-index .product-info{ display: inline-block; vertical-align: top; padding: 0; margin: 16px 0 32px; text-align: left; }
.list .product-index .product-info{ width: calc(100% - 300px); margin-left: 20px; }
.list .product-index .product-info h3{ display: block; font-size: 36px; text-align: left; font-weight: 400; margin-bottom: 10px; white-space: normal; }
.list .product-index .product-info p{ display: block; width: 100%; font-size: 20px; line-height: 160%; text-align: left; font-weight: 300; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.price{ text-align: left; }
.price .prod-price{ display: inline-block; vertical-align: top; font-weight: 300; font-size: 26px; padding: 24px 16px 16px 0;}
.list .product-index .price .prod-price{ color: #FFF; }

.grid .price{ text-align: center; }
.grid .price *{ font-size: 18px; font-weight: 400; padding:0; display: block; color: #3B503C; }

.four .grid .product-index:nth-child(4n+1), 
.four .product-car:nth-child(4n+1), 
.three .grid .product-index:nth-child(3n+1){
  clear: both;
}

.grid h3{ font-weight: bold; }
.grid .price *{ color: #FFF; font-weight: normal; }
.search .grid .price *{ color: #3b503c; }

  
.list .product-index .product-info-inner{ min-height: 240px; position: relative; padding-bottom: 44px }

.list .product-index form{ vertical-align: bottom; }

.list .product-index form, .list .product-index form *{ vertical-align: bottom; }
.list .product-index form .select { padding-right: 36px; }
.list .product-index form .select, .list .product-index form .product-add{ display: inline-block; }
.list .product-index form .product-add{ text-align: right; width: 200px; position: absolute; bottom: 44px; right: 0; }
.list .product-index form .select label, .list .product-index form h5{ display: inline-block; font-weight: 300; font-size: 18px; padding-right: 12px; }
.list .product-index form h5{ color: #FFF; font-weight: 400; padding-right: 0px; margin-bottom: 4px; }
.list .product-index form .select{ display: inline-block; width: 160px; }
.list .product-index form .select .selector-wrapper { display: block; }
.list .product-index form .select .selector-wrapper label { display: block; float: none; margin-top: 12px;  }
.list .product-index form .select .selector-wrapper select, .list .product-index form select.quantity{  width: 100%; background-color: #3B503C; color: #FFF; font-size: 18px; margin: 0; }
.list .product-index form select.quantity{ text-indent: 2px; text-align: left; font-weight: 400; padding: 5px 8px !important; }
.list .product-index form input.add{ font-size: 22px; padding: 2px 22px; text-transform: none; margin:0; width: 100%; background-color: #3B503C; border: 2px solid #3B503C; display: block; margin-top: 8px;}
.list .product-index form input.add:hover{ background-color: #B5C793; }

@media screen and (min-width:960px) { 
  .list .product-index form .select,
  #product-description .select{ display: inline-block; width: 400px; }
}

@media screen and (max-width: 1220px) and (min-width:960px) { 
  .list .product-index form .select,
  #product-description .select{ width: 300px!important; }
  .list .product-index form .product-add{
    width: 200px;
    position: absolute;
    bottom: 44px;
    right: 0;
  }
  .list .product-index form input.add{
  	position: static;
    display: block;
    margin-top: 16px;
  }
}


#footer{
}

.footer-row:after{
	display: none !important;
}

#footer-wrapper{
	border-top: 10px solid #3b503c;
}

#footer ul{
	margin: 0;
	list-style-type: none;
	padding: 0px 0px 0px 40px;
}

.footer-images{
	padding: 0 !important;
}

.footer-images li{
	padding-right: 0px !important;
  	max-width: 25%;
	display: inline-block;
}
.footer-images li img{ max-width: 100%; display: block; }

#footer ul li a{
	text-transform: uppercase;
  font-weight: 400;
}

#footer ul li{
	margin-bottom: 10px;
}

#po-number{}

/* RIBBON */

.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  padding: 4px 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 82px;
  display: block;
  background: #79A70A;
  background: -webkit-gradient(linear, left top, left bottom, from(#3B513C), to(#3B513C));
  background: -webkit-linear-gradient(#3B513C 0%, #3B513C 100%);
  background: linear-gradient(#3B513C 0%, #3B513C 100%);
  -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
          box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 7px; left: -20px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #3B513C;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #3B513C;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #3B513C;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #3B513C;
}

.article .rte{
  font-size: 1.4em;
  line-height: 1.8;
}


#page.search-page{
  margin: 0 42px;
  padding:0;
}

/* ONE PAGE ORDER FORM */

#q{ border-radius: 0;}

.search_opo{ margin-bottom: 32px; }
.search_opo input, .search_opo label, #search-bar #q, #search-bar p{ display: inline-block; }
.search_opo label{ margin-right: 16px; }

.search_opo input, #search-bar #q{ 
  padding: 8px 4px; 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #3B503C;
  background: url('//cdn.shopify.com/s/files/1/0955/9060/t/2/assets/search.png?v=16828016182322274102') center right no-repeat;
  background-size: 26px 26px;
  width: 200px;
}
.page-wrap { background: #FBFBFB; }
.opo{ padding: 0 50px;}
#page.opo table{ width: 100%; }
.opo .add{ }


.opo .add-to-cart-msg{
  position: fixed;
  top: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%); 
     -moz-transform: translateX(-50%); 
       -o-transform: translateX(-50%); 
  		  transform: translateX(-50%); 
  
  background: #FFF;
  
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  
  padding: 32px 16px;
  display: none;
}

.one_tr.sticky{position: -webkit-sticky; position: sticky; top: 0; background: #FBFBFB; }

.one_table {display:table; width: 100%;}
.one_tr{display:table-row;}
.one_td, .one_th{display:table-cell; padding:0;}
.one_td, .one_td *{ vertical-align: middle;}

.one_th{ padding: 4px; }

.one_td:first-child{ border-left: 1px solid #3B503C;}
.one_td{ border-right: 1px solid #3B503C; border-top: 1px solid #3B503C; padding: 0;}
.one_table{ border-bottom: 1px solid #3B503C;}
.opo .prod_name *{ vertical-align: middle;}
.opo .prod_name{ padding: 16px;}
.opo .prod_img{ float: left; display: block; width: 100px; height: 100px; position: relative; text-align: center; margin: 0 16px 0 0; }
.opo .prod_img img{ position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%); 
     -moz-transform: translate(-50%, -50%); 
       -o-transform: translate(-50%, -50%); 
  		  transform: translate(-50%, -50%); 
}

.opo .prod-price{ display: block;}

.opo input{
	margin: 0;
  border-radius: 0;
}

.opo .prod_variants label{ width: 100px; margin-left: 8px; height: 35px; line-height: 35px; padding: 0;}
.opo .prod_variants label,
.opo .prod_variants .selector-wrapper,
.opo .prod_variants select{ display: inline-block; }
.opo .prod_variants .selector-wrapper{ margin-bottom: 8px;}
.opo .prod_variants .selector-wrapper:last-child{ margin-bottom: 0px;}
.opo .prod_variants select{ margin: 0; }




.opo .prod_name{ width: 25%; }
.opo .prod_sku{ width: 10%; text-align: center; }
.opo .prod_price{ width: 15%; text-align: center; }
.opo .prod_variants{ width: 35%; }
.opo .prod_quantity{ width: 5%; }
.opo .prod_add{ width: 10%; }

/*.opo .prod_quantity input[type='number'] {
    -moz-appearance:textfield;
    appearance:textfield;
}

.opo .prod_quantity input::-webkit-outer-spin-button,
.opo .prod_quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -webkit-appearance: none;
}*/


/*MEDIA QUERIES*/

@media screen and (max-width: 1220px) { 
  .home-content:before,.collection_landing:before, .collection_container:before{ border-right-width: 960px; }
}

@media screen and (max-width: 979px) { 
  .collection_img{ width: 100%!important; }
	.home-content:before,.collection_landing:before, .collection_container:before{ border-right-width: 100vw; }
	#logo{
		margin: 25px 0 !important;
		padding: 0 !important;
 	}

 	
 	.top-right{
	 	text-align: center;
	 	margin: 0 0 40px 0;
 	}

 	.top-area-container form{
 		width: 32% !important;
 	}
  #logo{ margin-bottom: 0!important; }
  

}

@media screen and (max-width: 739px) { 
  #hello p{ text-align: center; }
  .collection_img{ top: 0px; }
  
  .three .grid .product-index:nth-child(3n+1){
    clear: none;
  }
  
  
  .grid .product-index:nth-child(2n+1),
  #related .product-car:nth-child(4n+1),
  #accessories .product-car:nth-child(4n+1), 
  .product-car:nth-child(2n+1){
     clear: both;
  }
  
  #product-description .product-add{ width: 100%; }
  
  #product-description .select,
  #product-description .select select, 
  #product-description .product-add select{ width: 100%;}
  
  .list .product-index img{ width: 80px; }
  .list .product-index .product-info{ width: calc(100% - 80px); }
  .list .product-index .product-info h3{ font-size: 20px; }
  .list .product-index .product-info .price{ white-space: normal; }
  .list .product-index .product-info .price .prod-price{ padding: 12px 8px 8px 0; font-size: 18px; }
/*  .list .product-index .product-info .product-add{ display: block; }*/
  .list .product-index .product-info .product-add .add{ display: block; position: static; margin-top: 12px; }
  
  
  ul.simpleTabsNavigation{ 
    display: block;
    overflow-x: auto; 
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  ul.simpleTabsNavigation li{
    width: auto;
  }
  ul.simpleTabsNavigation li a{
    padding-left: 8px;
    padding-right: 8px;
  }
  /*.home-content{ padding: 10px 12px; }*/
  
}


@media screen and (max-width: 500px) { 
	
	.left-box{
		margin-bottom: 30px;
	}

	#hello p{
		text-align: center !important;
	}
  #hello p span{ display: block; }

	#footer ul{
		text-align: center !important;
		padding: 10px !important;
	}
  .footer-images li{ max-width: 50%; }
  
  #sort-container li{margin-top: 24px;}

}


@media screen and (max-width: 350px) { 
  #sort-by{ width: 105px!important; }
  #view-as{ width: 85px!important; }
}


.search-page-search {position:relative; display:inline-block;}
.search-page-search .search_opo input, #search-bar #q{background:transparent !important}
.search-page-btn{
    position: absolute;
    right: 10px;
    bottom: 29px;
    font-size: 11px;
    background: transparent;
    padding: 0;
    margin: 0;
    width: auto;
  	color:#000 !important;
  	background: transparent !important;
  
}

body{
  overflow-x:hidden;
}