/* START EBAY TEMPLATE CODE */
.pull-right{
  color: #fff;
}
.col-md-31 {
    width: 25%;
}
.wrapper {
  background: url("../images/background.jpg") repeat top left;
}
.header{
  background: rgba(185,37,37,1);
  background: -moz-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,37,37,1)), color-stop(100%, rgba(175,34,34,1)));
  background: -webkit-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: -o-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: -ms-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: linear-gradient(to bottom, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92525', endColorstr='#af2222', GradientType=0 );
}
.headercontent{
  margin:14px 0;
}
.logo {
  margin-top: 16px;
}
.support{
  text-align:center;
  font-size:16px;
}
.underheader {
  height: 5px;
  border-top:1px solid #7a7c77;
  border-bottom:1px solid #7a7c77;
  background: #949492;
}
.text-left{ 
  font-family: 'Open Sans',sans-serif;
}
/*Navigation Start*/
.main_nav{
  min-height:16px;
  background: rgba(175,175,175,1);
  background: -moz-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(175,175,175,1)), color-stop(100%, rgba(146,146,146,1)));
  background: -webkit-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: -o-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: -ms-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: linear-gradient(to bottom, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#929292', GradientType=0 );
  -webkit-box-shadow: 0px 0.5px 5px 0px rgba(0,0,0,0.50);
  -moz-box-shadow: 0px 0.5px 5px 0px rgba(0,0,0,0.50);
  box-shadow: 0px 0.5px 5px 0px rgba(0,0,0,0.50);
  border-bottom: 0.5px solid #7a7c77;
  position: relative;
}
.main_nav ul{
  margin:0;
  padding:0
}
.main_nav ul li{
  display:inline-block;
}
.main_nav ul li a{
  text-transform:uppercase;
  color:#fff;
  font-size:16px;
  font-family: 'Open Sans',sans-serif;
  padding:12px 40px;
  display: block;
}
.main_nav ul li a:hover{
  color: #fff;
  background:#b92525;
  text-decoration: none;
}
.content{margin-top:0;}

/* THIS IS FOR MOBILE POPOUT */
menu,menu label{
  /*position:absolute;
  top:0;
  right:0;*/
}
menu{margin:0;}
menu input[type=checkbox]{display:none;}
menu input[type=checkbox]:checked + .drawer-list{
  transform:translatex(0);
  border-bottom-left-radius:0;
}
menu input[type=checkbox]:checked + .drawer-list li{
  transform:translatex(0);
}
menu input[type=checkbox]:checked + .drawer-list li a{
  padding-right:15px;
}
menu input[type=checkbox]:checked ~ mainnav > i{
  background-color:transparent;
  transform:rotate(90deg);
}
menu input[type=checkbox]:checked ~ mainnav > i:before{
  transform:translate(-50%,-50%) rotate(315deg);
}
menu input[type=checkbox]:checked ~ mainnav > i:after{
  transform:translate(-50%,-50%) rotate(-315deg);
}
menu input[type=checkbox]:checked ~ mainnav close{
  color:#FEFEFE;
  width:100%;
}
menu input[type=checkbox]:checked ~ mainnav open{
  color:transparent;
  width:0;
}
menu .drawer-list{
  position:fixed;
  right:0;
  top:0;
  height:100vh;
  width:100vw;
  transform:translate(100vw,0);
  -ms-transform:translatex(-100vw);
  box-sizing:border-box;
  pointer-events:none;
  padding-top:125px;
  transition:width 475ms ease-out,transform 450ms ease,border-radius .8s .1s ease;
  border-bottom-left-radius:100vw;
  background-color:#0000;
  background-color:rgba(0,0,0,0.8);
  z-index:9999;
}
menu .drawer-list ul{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  overflow:auto;
  overflow-x:hidden;
  pointer-events:auto;
}
menu .drawer-list li{
  list-style:none;
  text-transform:uppercase;
  pointer-events:auto;
  white-space:nowrap;
  box-sizing:border-box;
  transform:translatex(100vw);
  -ms-transform:translatex(-100vw);
}
menu .drawer-list li:last-child{
  margin-bottom:2em;
}
menu .drawer-list li a{
  text-decoration:none;
  color:#FEFEFE;
  text-align:center;
  display:block;
  padding:.5rem;
  font-size:1.2em;
  font-family: 'Open Sans',sans-serif;
}
menu .drawer-list li a:hover{
  cursor:pointer;
  background-color: #b92525;
}
menu mainnav{
  position:absolute;
  display:block;
  top:20px;
  right:30px;
  height:50px;
  width:37px;
  z-index:9999999
}
menu mainnav:hover{
  cursor:pointer;
}
menu mainnav text close,menu mainnav text open{
  text-transform:uppercase;
  font-size:.8em;
  align-text:center;
  position:absolute;
  transform:translateY(50px);
  text-align:center;
  overflow:hidden;
  transition:width .25s .35s,color .45s .35s;
  top: -9px;
}
menu mainnav text close{
  color:transparent;
  right:0;width:0;
}
menu mainnav text open{
  color:#000;
  width:100%; 
  margin-top: 4px;
}
menu mainnav > i{
  position:absolute;
  width:100%;
  height:21px;
  top:35%;
  background: url("../images/threelines.png") no-repeat;
  pointer-events:auto;
  transition-duration:.35s;
  transition-delay:.35s;
  left: 6px;
}
/* END THIS IS FOR MOBILE POPOUT */
/* START TOP ICONS */
.top-icons {
  background: rgba(244,244,244,1);
  background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(216,216,216,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(100%, rgba(216,216,216,1)));
  background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(216,216,216,1) 100%);
  background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(216,216,216,1) 100%);
  background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(216,216,216,1) 100%);
  background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(216,216,216,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d8d8d8', GradientType=0 );
  border: 1px solid #c8c8c8;
  border-top: none;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 95px;
}
.square {
  position: relative; 
  padding: 0 0 0 15px;
}
.square img { 
  margin-top: 10px;
}
.square h3, .square span {
  text-align: center;
  margin: 0 0 4px 0;
}
.square h3 {
  font-size: 17px;
}
.square span {
  font-size: 12px;
  line-height: 12px;
}
/* END TOP ICONS */

/*START LEFT COLUMN - Categories, Pages, Newsletter*/
.content{
  margin-top:2em;
  border-color:#6fbe44!important;
  border-radius:0;
}
.content .list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
  background:#b92525!important;
  border-color:#b92525!important;
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  border-radius:0;
  font-family: 'Open Sans',sans-serif; 
  text-shadow:none;
}
.content .panel-default{
  border-color:#b92525!important;
  border-radius:0;
  font-family: 'Open Sans',sans-serif;
}
.content .panel-default h1, .content .panel-default h2{
  text-align: center;
  padding: 15px 0;
}
.content .panel-default .panel-heading{
  background:#b92525!important;
  border-color:#b92525!important;
  color:#fff;
  border-radius:0;
  font-size:18px;
  text-transform:uppercase;
  font-weight:400;
  font-family: 'Open Sans',sans-serif;
  padding-left: 20px;
}
.panel-body {
  padding: 8px;
}
.panel-heading {
  padding: 8px 10px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 8px 10px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.navsub {
  padding-left: 28px;
  color: #848282 !important;
}
a.list-group-item {
  color: #3c3b3b;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #b92525;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.list-group-item:last-child {
  border-radius:0px;
}
.list-group{
  box-shadow:none;
}
.subscribe{
  background:#8c8a8a;
  border:0;
  text-transform:uppercase;
  border-radius:0;
  margin-top:10px;
  font-size: 14px;
}
.subscribe:hover{
  background:#b92525 !important;
}
.subscribe i,.subscribe2 i{
  font-size:18px;
  padding: 0px 5px 0px 0px;
}
/*END LEFT COLUMN - Categories, Pages, Newsletter*/

/*START RIGHT SECTION - Images, Tabs, Join Us*/
.product-name{
  background:#6fbe44!important;
  border-color:#6fbe44!important;
  color:#fff;
  border-radius:0;
  font-size:18px;
  text-transform:uppercase;
  font-weight:400;
  padding:12px 10px;
}
.image-gallery{
  position:relative;
  width:100%;
  margin:1em auto auto;
  padding: 0 10px;
}
.imgwrap {
  width: 49%;
  float: left;
  border: 1px solid #ddd;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 2%;
  height: 550px;
  overflow: hidden;
}
.image-gallery img{
  margin:0 auto;
}
.dhl{
  margin-top: 10px;
}
.tab-content{
  display:inline-block;
  width:100%;
  position:relative;
  padding:44px 0 0;
  font-size:16px;
}
.tabarea section{
  display:none;
  width:100%;
  margin:0;
  padding:25px 0 35px;
  border-top:1px solid #000;
}
.tabarea input{
  display:none;
}
.tabarea label{
  display:inline-block;
  color:#000;
  text-transform:uppercase;
  font-size:15px;
  line-height:24px;
  font-weight:400;
  padding: 10px 23px;
  float:left;
  cursor:pointer;
  background:#ddd;
  position:absolute;
  z-index:2;
  border:0;
  margin:0 1px 0 0;
  top:0;
  left:0;
  font-family: 'Open Sans',sans-serif;
}
.tabarea label span{
  font-family: 'Open Sans',sans-serif;
}
.tabarea input:checked + label{
  color:#fff;
  border-bottom:0;
  background:#b92525;
  padding-bottom:10px;
}
.tabarea #tab2+ label{
  left:154px;
}
.tabarea #tab3+ label{
  left:283px;
}
.tabarea #tab4+ label{
  left:407px;
}
.tabarea #tab5+ label{
  left:595px;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5{
  display:inline-block;  
  background: #fff;
}
.tabarea section p img{margin-left:10px}
/*Tabs Fonts Start*/
.tabarea section,.tabarea section a,.tabarea section li,.tabarea section p,.tabarea section tr,.tabarea section td{
  margin-bottom:0;
  line-height:22px;
  font-size:15px;
  color:#555;
  font-family:'Open Sans',sans-serif;
}
.tabarea section{
  margin:0;
  padding:25px 20px 35px;
  border:1px solid #b92525;
}
.tabarea section a{
  color:#111;
  font-family:'Open Sans',sans-serif;
}
.tabarea section a:hover{
  text-decoration:underline;
}
.tabarea section ul{
  margin-bottom:10px;
}
.tabarea section ul li{
  margin:0 0 5px;
  position:relative;
}
.tabarea section ul li:last-child{
  margin-bottom:0;
}
.tabarea section h1{
  font-size:20px;
  color:#252525;
  text-transform:uppercase;
  font-weight:600;
  line-height:32px;
  margin-top:10px;
}
.tabarea section h2{
  font-size:18px;
  color:#252525;
  text-transform:uppercase;
  font-weight:600;
  line-height:25px;
  margin-top:10px;
}
.tabarea section h3,.tabarea section h4,.tabarea section h5,.tabarea section h6{
  font-size:15px;
  color:#b92525;
  font-weight:700;
  line-height:20px;
  margin-top:10px;
  margin-bottom: 5px;
}
.description-tab p{
  margin:0 0 0 15px;
}
.join { 
  width: 25%;
  float: left;
}
.join img {}
/*END RIGHT SECTION - Images, Tabs, Join Us*/


/*START FOOTER SECTION */
.footer{    
  margin-top: 21px;
}
.ftr-bar{
  background: rgba(175,175,175,1);
  background: -moz-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(175,175,175,1)), color-stop(100%, rgba(146,146,146,1)));
  background: -webkit-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: -o-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: -ms-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  background: linear-gradient(to bottom, rgba(175,175,175,1) 0%, rgba(146,146,146,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#929292', GradientType=0 );
  border-top: 0.5px solid #7a7c77;
}
.ftr-bot{
  background: rgba(185,37,37,1);
  background: -moz-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(185,37,37,1)), color-stop(100%, rgba(175,34,34,1)));
  background: -webkit-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: -o-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: -ms-linear-gradient(top, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  background: linear-gradient(to bottom, rgba(185,37,37,1) 0%, rgba(175,34,34,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92525', endColorstr='#af2222', GradientType=0 );
}
.footer .head{font-size:20px;
  color:#fff;
  text-transform:uppercase;
  border-bottom:1px solid #474747;
  padding-bottom:5px;
  font-family: 'Open Sans',sans-serif;
}
.footer p{
  margin:12px 0 0 0;
  padding:10px 0;
  font-family: 'Open Sans',sans-serif;
  color: #fff;
}
.footer a{
  color: #fff;
}
.ftr-bar ul{
  margin:0;
  padding:10px 0;
}
.ftr-bar ul li{
  display: inline;
  padding-right: 10px;
  border-right: 1px solid #fff;
}
.ftr-bar ul li a{    
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding-left: 15px;
  font-family: 'Open Sans',sans-serif;
}
.ftr-bar ul li a:hover{    
  color: #000;
}
.topbot {
  padding: 15px 0;
}
.hom {
  padding: 0px !important;
}
.payment-methods {
  padding-top: 4px;
}
.payment-methods img {
  float: right;
}
.col-sm-31 {
  width: 25%;
}
/*END RIGHT SECTION - Images, Tabs, Join Us*/

/*START MEDIA QUERY FOR PHONE, TABLETS, ETC..*/

@media screen and (max-width: 1199px) {
  .main_nav ul li a {
    padding: 12px 27px;
  }
}

@media screen and (max-width: 990px) {
.col-sm-5 {
  width: 100% !important;
}
.col-sm-3 {
  width: 0% !important;
  display: none !important;
}
.logo img {
  margin: 0 auto !important;
}
.support .callus {
  width: 100%;
  text-align: center;
  font-size: 16px;
  margin: 10px;
}
.square {
  margin-bottom: 15px;
}
.col-md-31 {
  width: 24%;
}
.top-icons {
  height: auto;
  padding: 0 0 0px 0;
}
}

@media (min-width: 768px) {
menu .drawer-list li a{
  font-size:1rem;
  text-align:right;
}
}
@media (max-width: 767px) {
.col-sm-5 {
  width: 100% !important;
}
.support .callus {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
menu mainnav {
  position: absolute;
  display: block;
  top: -7px;
  right: 16px;
  height: 50px;
  width: 37px;
  z-index: 9999999;
}
.logo {
  margin-top: 41px;
  margin-bottom: 10px;
}
.square {
  margin-bottom: 15px;
}
.col-md-31 {
  width: 50% !important;
}
.top-icons {
  height: auto;
  padding: 0 0 10px 0;
}
.imgwrap {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 2%;
  overflow: auto;
  height: auto;
}
.product-name{
  font-size:23px!important;
}
.tab-list{
  margin:0 0 30px;
}
.tabarea{
  border:0;
  margin:27px 0 0;
}
.tabarea::before{
  display:none;
}
.tabarea label{
  width:100%;
  display:inline-block;
  position:relative;
  padding:12px 0 12px 20px;
  font-size:16px;
  border-bottom:1px solid #fff;
  color:#fff;
  font-weight:400;
  background:#b92525;
}
.tabarea label::before{
  display:inline-block;
  width:24px;
  height:16px;
  content:"";
  position:absolute;
  right:20px;
  top:17px;
}
.tabarea input:checked + label{
  padding:12px 20px;
}
.tabarea input:checked + label::before{
  display:inline-block;
  width:24px;
  height:16px;
  content:"";
  position:absolute;
  right:20px;
  top:17px;
}
.tabarea #tab2 + label,.tabarea #tab3 + label,.tabarea #tab4 + label,.tabarea #tab5 + label,.tabarea #tab6 + label{
  left:0;
  border-bottom:0;
  background:#b92525;
  padding-bottom:12px;
  padding:12px 20px;
  border-bottom:1px solid #fff;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Open Sans',sans-serif;
}
.tabarea input:checked + label{
  border-bottom:1px solid #fff;
  color:#fff;
  font-weight:400;
  border-bottom:0;
  background:#b92525;
  padding-bottom:12px;
  border-bottom:1px solid #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Open Sans',sans-serif;
}
.content .panel-default .panel-heading{font-size: 16px;}
.tabarea section{
  padding:14px 10px 17px;
  margin:0;
  border-top:0;
  border-bottom:1px solid #b92525;
}
.tabarea section .content-right,.tabarea section .content-left{
  width:100%;
  padding:0;
}
.tab-content{
  padding:0;
}
.socc {
  margin-top: 15px;
}
.payment-methods {
  padding: 8px;
  text-align: center;
}
.ftr-bar ul {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
.footer p {
  text-align: center;
}
.topbot img, .payment-methods img, .logo img {
  margin: 0 auto !important;
}
}

@media screen and (max-width: 480px) {
.support .callus {
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.logo {
  margin-top: 41px;
  margin-bottom: 10px;
}
menu mainnav {
  top: -8px;
}
.ftr-bar ul li {
  display: inline-block;
  padding-right: 10px;
  border-right: 0px solid #fff; 
  width: 100%;
}
.col-md-31 {
  width: 92% !important;
  text-align: center;
}
.square {
  margin-bottom: 15px;
}
.top-icons {
  height: auto;
  padding: 0 0 10px 0;
}
.join { 
  width: 50%;
  float: left; 
  margin-bottom: 15px;
}
}