/* RESET 
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0 auto;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
}


body {overflow-x: hidden;}
.my-body {overflow-x: hidden!important;}

.my-body a {
	color:#fff;
	text-decoration:none;
	margin: 0 auto!important;
	
}

.my-body a:hover{
	color:#D1C02C;
	text-decoration:none;
}

p{
	padding:7px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.my-left {float:left;}
.my-right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box!important;
}



.my-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.my-no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.my-header{
	width:102%;
	display:inline-block;
	margin:0 auto;
}

.my-logo{
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:10px 20px;
	
}
.my-logo img{
	width:250px;
	margin:0 auto;
	display: inline-block;
}

.my-side-bar{
	background:#146634;
	padding: 20px 10px 0;
	color:#fff;
	transform: skewX(-20deg);
	text-align: center;
}

.my-side-bar h3 {
	transform: skewX(20deg);
}

/* HOME PAGE STYLES
-----------------------------------------------*/

.my-halfs {
	width:70%
}

.my-thirds {
	width:30%
}

.body {overflow-x: hidden;}

.my-grey {background:#535353; padding: 40px 20px; color:#fff!important;}

.yellow-btn {background: #D1C02C; color:#000!important; padding: 10px 15px; text-decoration: none; font-family: "oswald",sans-serif; font-weight: bold; text-transform: uppercase; width:47%;     border-bottom: 7px solid #535353;}

.yellow-btn:hover {background:#fff; color:#000!important;}

.spacer-bottom {padding-bottom: 10px;}
.spacer-top {padding-top:160px; }
.spacer {padding:50px 15px;}


h2.borders   {
	color:#146634!important;
	font-family: "oswald",sans-serif!important;
	font-weight: bold;
}
.borders   {
	line-height:10px;
}
.borders span  {
	display: inline-block;
	position: relative;
}

.borders span:before,
.borders span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 3px solid #146634;
  top: 0;
  width: 95%;
}
.borders span:before {
  right: 100%;
  margin-right: 15px;
}
.borders span:after {
  left: 100%;
  margin-left: 15px;
}

.mfgs {width:200px; border:#146634 2px solid; padding:20px; margin-top: 20px;}
.mfgs:hover {border:0px;}

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#146634 !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-size: 20px!important;}

.attachment-search .search-checkboxes label .row {line-height: 17px!important;}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .extra-space {width: 100%!important;}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:110px;
    overflow:hidden;
	background:#146634;
	padding:10px 0px;
}
 
.scrolling{
    width:100%;
    height:92px;
}




/* FOOTER
------------------------------*/
.my-footer{
	width:100%;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:#000;
	padding:  30px 15px;
	margin: 0 auto!important;
}



.my-footer a{
	text-decoration: none;
	
}

.my-footer a:hover{
	text-decoration:none;
	
}
.my-divfooter{
	width:60%;
	margin:20px auto;
}





@media screen and (max-width:1600px){
	.yellow-btn {width:45%;}
	
	.my-halfs {
	width:50%
}

	.my-thirds {
		width:50%
}
	
}

@media screen and (max-width:1550px){
	
	.my-halfs {
	width:100%
}

	.my-thirds {
		width:100%
}
}
	

@media screen and (max-width:1100px){
	.mfgs {width:40%;}
}

@media screen and (max-width:768px){
	.yellow-btn {width:95%;}
	
	.my-header {width:100%;}
	
	.my-side-bar{transform: skewX(0deg); padding-bottom: 10px;}
	.my-side-bar h3 {transform: skewX(0deg);}
	
	.spacer-top {padding-top: 20px;}
	
}