/*--> FONTS */
body,
h1, h2, h3, h4, h5, h6, .title a,
h1, .h1, h1.home, h2.title,
  a.button, 
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"]{ 
    /*font-family: Arial, Arial, Helvetica, sans-serif !important;*/
    /*font-family: 'Open Sans', sans-serif !important;*/
    /*font-family: 'Arimo', sans-serif !important;*/
    font-family: 'Roboto', sans-serif !important;
}
body,
h1, h2, h3, h4, h5, h6, .title a,
h1, .h1, h1.home, h2.title,
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
.footer .credits {
  color: #000 !important;
}

.logo a {
  font-size: 2.1em !important;  
}

/*--> CONTAINER */
.container {
  width: 100% !important;
}
.outer-inner-wrap {
  position: absolute;
  display: block;
  width: 100% !important;
  height: 150px;
  margin: 0;
  padding: 0;
  background: #fff;
}
.inner-wrap {
  margin: 15px auto 0px auto !important;  
  position: relative;
}

/*--> HEADER */
.top_bar .contact_group {
    margin-top: 65px !important;
  display: none !important;
}
.top_bar ul {
  position: absolute !important;
  top: -60px;
  right: 0px;
}
.top_bar ul li {
  width: 120px !important;
  float: none !important;
  text-align: right !important;
  background: none !important; z-index: 2000 !important;
}
.top_bar ul li a {
  color: #000 !important;
  text-decoration: underline !important;
  height: 20px !important;
  line-height: 20px !important; z-index: 2001 !important;
}
.top_bar ul li a:hover {
  text-decoration: none !important;
}

/*--> MENU */
.clearfix #nav {
  z-index: 2002 !important;
}
#nav {
  width: 100% !important;
  text-align: center !important;
  /*background: #fff !important;*/
}
#nav.borders-none {
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}
#nav ul#menu {
  margin: 0 auto !important;
}
#nav ul#menu ul {
  /*width: 100% !important;*/
  width: 940px !important;
  margin: 0 auto !important;
}

#menu ul li {
    padding: 0 3.5%;
    width: 24% !important;
}
#menu ul li a {
  text-transform: uppercase !important;
}

li.haschild div {
  position: absolute !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
#menu li.haschild div {
    border: 0px solid black !important;
}
#menu div {
  opacity:0.9; /*0.8;*/
}

#nav ul li a, nav ul li a:visited, nav ul li a:active {
  color: #000 !important;
  font-size: 13.5px !important; /*15px !important;*/ 
  font-weight: 500 !important;
}
#nav ul li li a, nav ul li li a:visited, nav ul li li a:active {
  font-size: 12.25px !important;  
  font-weight: 500 !important;
}
#nav ul li a.sale-nav, nav ul li a.sale-nav:visited, nav ul li a.sale-nav:active {
  color: #ff6666 !important;
  font-weight: 500 !important;
}

.top_bar_search {
  float: none !important;
}

/*--> SLIDESHOW */
.flexslider {
  z-index: 100 !important;
}
.outer-inner-wrap {
  z-index: 101 !important;
}

/*--> CONTENT */
div.content {
  padding: 20px 0 0 0 !important;
}
.column, .columns {
    margin-left: auto !important;
    margin-right: auto !important;
}
.columns.offset-by-six {
    margin-left: 480px !important;
}
.columns.offset-by-six#image-zoom {
  margin-left: 460px !important;
}
.thumbnail {
  margin-left: 20px /*4px*/ !important;
}
.thumbnail.first {
  margin-left: 0px !important;
}

.twelve .section .nine.columns {
width: 100%;
}
.twelve .section p img {
width: 100%;
height: auto;
}

/*--> ITEMS */
.home-new h2 {
  font-size: 16px !important;
  line-height: 20px !important;
}
.home-new h2.more {
  font-size: 12px !important;
  line-height: 13px !important;
}
.search-result.columns.three,
.search-result img{
  width: 220px !important;
}
.search-result {
  /*height: auto !important;
  margin-bottom: 35px !important;*/
  margin-bottom: 135px !important;
}
.search-result .info {
  display: block !important; position: relative !important;
  background: none !important;
    padding: 8px 10px 20px 10px !important;
    line-height: 130% !important;
    font-size: 12px;
    text-align: left !important;
  width: auto !important;
  height: 50px !important;
  min-height: 20px !important;
    font-weight: 600 !important;
  border-top: 1px solid #555 !important;
  border-bottom: 1px solid #555 !important;
}
.search-result .info span {
  color: #555 !important;
}

.search-result .info span.price span.was_price {
    color: #ff0000 !important;
}

.search-result .transparent {
  display: block !important; position: relative !important;
  background: none !important;
    padding: 10px;
    line-height: 12px;
    font-size: 12px;
    text-align: left !important;
  width: auto !important;
  height: 1px !important;
  min-height: 1px !important;
    font-weight: bold;
  border-top: 0px solid #000 !important;
  border-bottom: 0px solid #000 !important;
}
.search-result .vendor {
  padding-top: 0px !important;
}
.bring-to-front {
  z-index: 2001 !important;
}
h1.product_name {
  line-height: 130% !important;
}

.sale {
  font-family: 'Open Sans', sans-serif !important;
  padding: 10px 15px !important;
}

.product_details_col .description p {
  margin: 0 0 12px !important;
}

/*--> FORMS */
input[type='text'], input[type='number'], input[type='password'], input[type='email'], textarea, select,
input.search_box, #contact_email, #contact_name {
  color: #000 !important;
  font-family: 'Open Sans', sans-serif !important;
}
/* subscribe fix */
form.contact-form {
  position: relative;
  z-index: 20001; 
}

/*--> BUTTONS */
a.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
  background: #000 !important;
  color: #fff !important;
}
a.button:hover, button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
  background: #ccc !important;
  color: #000 !important;
}

/*--> FOOTER */
.footer .credits, .footer .credits a {
  color: #000 !important;
  text-transform: uppercase !important; overflow: visible !important;
}
.footer .credits a:hover {
  text-decoration: underline !important;
}

.side-nav {
  display: inline !important;
  float:left !important;
  width:23% !important;
}
.side-products {
  display: inline !important;
  float:right !important;
  width:77% !important;
}

/*--> NEW FONT RULES */
.inner-wrap .twelve p { font-weight: 300 !important; margin: 0 0 5px; }
.inner-wrap .twelve p a { font-weight: 400; margin: 0 0 5px; }

/*--> NEW HOME */
.columns .home-top,
.columns .home-bottom {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}
.columns .home-top-left {
display: inline; float: left;
width: 503px;
height: 553px;
  margin-right: 10px;  
}
.columns .home-top-right {
  margin-bottom: 10px; 
  height: 269px;
}
.columns .home-top-right-low {
  height: 274px;
}
.columns .home-top-right,
.columns .home-top-right-low {
display: inline; float: left;
width: 427px;
}
.columns .home-bottom-left {
display: inline; float: left;
width: 432px;
height: 551px;
  margin-right: 10px;  
}
.columns .home-bottom-right {
display: inline; float: left;
width: 498px;
height: 551px;  
}
.columns .home-top,
.columns .home-bottom {
  background-size: cover !important;
  background-color: #000;
}
.columns .home-top-right-low:hover {
  cursor: pointer; opacity: 1;
}
.columns .home-top-left:hover,
.columns .home-top-right:hover,
.columns .home-bottom-left:hover,
.columns .home-bottom-right:hover{
  opacity: 0.9;
  cursor: pointer;
}
.columns .home-top .home-top-filler,
.columns .home-bottom .home-top-filler{
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden; position: relative;
  opacity: 0;
}
.columns .home-top:hover .home-top-filler,
.columns .home-bottom:hover .home-top-filler{
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.5s;
}
.columns .home-filler-text {
  position: absolute;
  display: block;
  width: 70%;
  top: 40%;
  left: 15%;
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 140%; letter-spacing: 2px;
}
.columns .home-top-left .home-filler-text {
  top: 45% !important;
}
.columns .home-top-right-low .home-filler-text {
  top: 40% !important;
  visibility: visible !important;
}
.columns .home-top .home-top-filler.home-top-new {
  visibility: visible !important;
  opacity: 1 !important;
}
.columns .home-top-left,
.columns .home-top-right,
.columns .home-top-right-low,
.columns .home-bottom-left,
.columns .home-bottom-right {
background-size: cover;
}

@media only screen and (min-width:801px) {
  div.footer .footer-third { width: 33% !important; }
  .feature-slide {
width: 48% !important;
display: inline;
float: left;
}
}

@media only screen and (max-width:800px)  and (min-width:480px) {
.columns .home-top-left,
.columns .home-top-right,
.columns .home-top-right-low,
.columns .home-bottom-left,
.columns .home-bottom-right {
width: 470px;
margin-bottom: 2%;
}
.columns .home-top-left {
height: 516px;
}
.columns .home-top-right {
height: 296px;
}
.columns .home-top-right-low {
height: 301px;
}
.columns .home-bottom-left {
height: 599px;
}
.columns .home-bottom-right {
height: 520px;
}
  div.footer .footer-third { width: 50% !important; }
  .feature-slide {
width: 100% !important;
}
}

@media only screen and (max-width:800px)  and (min-width:605px) {
.center-home-about {
  top: 2510px !important;
  left: auto !important;
}
  .trendy-left { width: 25% !important; }
  .trendy-right { width: 72% !important; }
}

@media only screen and (max-width:604px)  and (min-width:480px) {
  .columns .home-top-left {
    /*margin-top: 15%;*/
  }
  .inner-wrap .logo a {
position: absolute;
display: block;
top: 0;
left: 0;
}
  .center-home-about {
  top: 2435px !important;
  left: auto !important;
}
  .trendy-left { width: 100% !important; }
  .trendy-right { width: 100% !important; }
  .trendy-left .social-media a { display: inline !important; }
}

@media only screen and (max-width:579px) {
.center-home-about,
.center-home-about-1 {
  display: none !important;
}
}

@media only screen and (max-width:479px) {
  .columns .home-top-left {
    /*margin-top: 20%;*/
  }
  .inner-wrap .logo a {
position: absolute;
display: block;
top: 0;
left: 0;
}
.columns .home-top-left,
.columns .home-top-right,
.columns .home-top-right-low,
.columns .home-bottom-left,
.columns .home-bottom-right {
width: 100%;
margin-bottom: 2%;
}
.columns .home-top-left {
height: 516px;
}
.columns .home-top-right {
height: 296px;
}
.columns .home-top-right-low {
height: 301px;
}
.columns .home-bottom-left {
height: 599px;
}
.columns .home-bottom-right {
height: 520px;
}
  div.footer .footer-third { width: 100% !important; }
  .feature-slide {
width: 100% !important;
}
  .trendy-left { width: 100% !important; }
  .trendy-right { width: 100% !important; }
  .trendy-left .social-media a { display: inline !important; }
}

@media only screen and (max-width: 939px) and (min-width: 604px) {
  .top_bar ul {
  position: absolute !important;
  top: 20px !important;
  right: 0px !important;
}
}
@media only screen and (max-width: 603px) and (min-width: 480px) {
  .top_bar ul {
  top: 20px !important;
  right: -40px !important;
}
}
@media only screen and (max-width: 479px) {
  .top_bar ul {
  top: 20px !important;
  right: -20px !important;
}
  .feature-slide .feature-text { 
  height: auto !important;
  line-height: 150% !important;
}
}
@media only screen and (max-width: 321px) {
.logo a {
    font-size: 9vw !important;
}
}

.center-piece-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 940px;
  height: 100%;
  margin: 0 auto;
}
.center-piece {
  display: inline;
  float: left;
  width: 50%;
  height: 100%;
}
.center-left a {
  display: block;
  width: 70%;
  margin-left: 15%;
  margin-top: 35%;
  text-align: center;
  color: #fff !important;
  line-height: 80px;
  height: 80px;
  border: 1px solid #fff;
  font-size: 2.5em;
  font-weight: 300; letter-spacing: 2px;
}
.center-right {
  color: #fff;
  padding-top: 15%;
  font-size: 1.15em;
  font-weight: 300;
}
.center-right a {
  color: #fff !important;
}
.center-left a:hover,
.center-right a:hover {
  color: #ddd !important;
}

/*--> NEW MENU */
#nav {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}
.top_bar a {
  font-weight: 500 !important;  
}
#nav ul li a, nav ul li a:visited, nav ul li a:active {
  letter-spacing: 1px !important;
}

/*--> NEW CART */
.cart-itemz {
z-index: 20 !important;
}

/*--> NEW FEATURES */
.feature-slide {
  margin-bottom: 40px;
  position: relative;
}
.feature-slide .feature-text { 
  position: absolute;
  display: block;
  width: 60%;
  top: 35%;
  left: 20%;
  color: #fff !important;
  border: 1px solid #fff !important;
  text-align: center;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 300; letter-spacing: 1px;
}
.feature-slide .flex-caption {
    color: #333;
    font-size: 14px !important;
  position: relative !important;
  margin-top: 20px !important;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    height: auto;
    padding-bottom: 20px;
}
.feature-slide .flex-caption span {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: normal !important;
    margin-top: 15px;
}
.feature-slide img {
width: 100% !important;
}
.feature-even {
margin-right: 3%;
}

.two p.featured-title {
  font-size: 18px;
  font-weight: bold;
}
.two p.featured-note {
  font-size: 13px;
  font-weight: normal;
  line-height: 130% !important;
}

/*--> NEW FOOTER */
div.footer .footer-third {
display: inline;
float: left;
width: 33%;
  text-align: left !important;
  font-size: 13.5px !important;
}
div.footer .footer-third h4 {
border-bottom: 0px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 0px !important;
}
.contact_group.footer-third ul.link_group li {
    background: transparent;
    display: block;
    font-size: 11px;
    padding: 0;
    position: relative;
float: none !important;
}
div.footer .footer-third .contact-form {
text-align: left !important;
}
div.footer .footer-third ul.social_group li {
display: inline !important;
float: left !important;
}
div.footer .footer-third ul.social_group li img {
width: 26px !important;
height: 26px !important;
  margin-right: 5px;
}
div.footer .footer-third ul.link_group li {
line-height: 28px;
}

/*--> MEDIA QUERIES */
@media only screen and (min-width: 939px) {
  .inner-wrap {
  width: 940px !important;
}
  
  
#nav { 
    background-image: linear-gradient(transparent 35px, #f4f4f4 35px) !important; /*style-adds 77*/
  background-size: 100% 277px; /*background-size: 100% 252px;*/ 
  overflow: hidden;
}
ul#menu { 
    background: transparent !important; /*style-adds 77*/
}
#menu div {
    background-color: #f4f4f4; opacity: 1;   /*style-adds 112*/
}
#menu div ul {
    background: #f4f4f4 !important;
}
#menu ul a, #menu li:hover > ul a {
    background: transparent !important;
}
#menu li.haschild div {
    padding-top: 6px !important;
    padding-bottom: 0px !important;
}
/* Departments */
#menu li.haschild#Departments-link {
  padding: 3px 30px 0px 0 !important;
    -webkit-transition: padding 1s; /* Safari */
     transition: padding 1s;
}
#menu li.haschild#Departments-link:hover {
    padding: 3px 30px 130px 0 !important;
    -webkit-transition: padding 1s; /* Safari */
     transition: padding 1s;
}  

#menu li.haschild#Departments-link div ul {
    height: 1px; overflow: hidden;
    background: #f4f4f4;
    -webkit-transition: height 1s; /* Safari */
     transition: height 1s;
}
#menu li.haschild#Departments-link:hover div ul {
    height: 127px;
    -webkit-transition: height 1s; /* Safari */
     transition: height 1s;
}    
/* Brands */
#menu li.haschild#Brands-link {
  padding: 3px 30px 0px 0 !important;
    -webkit-transition: padding 1s; /* Safari */
     transition: padding 1s;
}
#menu li.haschild#Brands-link:hover {
    padding: 3px 30px 245px 0 !important; /*3px 30px 220px 0 !important;*/
    -webkit-transition: padding 1s; /* Safari */
     transition: padding 1s;
}  

#menu li.haschild#Brands-link div ul {
    height: 1px; overflow: hidden;
    background: #f4f4f4;
    -webkit-transition: height 1s; /* Safari */
     transition: height 1s;
}
#menu li.haschild#Brands-link:hover div ul {
    height: 242px; /*217px;*/
    -webkit-transition: height 1s; /* Safari */
     transition: height 1s;
}  
  
  
  #nav ul#menu {
  max-width: 940px !important;
    /*text-align: center !important;*/
}
  #nav ul li {
    padding: 3px 30px 0 0 !important;
}
  .container-twelve .two {
    width: auto !important; z-index: 20 !important;
}
  .container-twelve .footer .two {
  width: 10%; z-index: 1 !important;
}
  .columns.logo {
   left: 0 !important; 
  margin-left: 0px !important;
    position: absolute !important;
}
  .container-twelve .columns.ten {
    width: 100% !important;
}
  .container-twelve .footer .columns.ten {
  width: 90%!important;
}
.top_bar .container {
    margin-top: 110px !important;
}
  div.feature_text {
    margin: 0 0 20px 20px !important;
    border:1px solid #000;
    float:left; width:73%; height: auto; overflow: hidden !important; clear:none !important; padding-right: 15px;
}  
  .flexslider {
    top: 1270px;
}
  .flexslider-faux {
    margin-top: 0px !important;
  }
}

@media only screen and (max-width: 939px) {
  .outer-inner-wrap,
  form.search {
    display: none !important;
  }
  .product_image_col img {
    width: 90% !important;
    max-width: 90% !important;
  }
  .container {
    width: 90% !important;
    overflow-x: hidden !important;
  }
  .top_bar .container {
    overflow-x: visible !important;
  }
  div.content {
    padding: 0 15px 0px !important;
  }
  #menu {
    overflow: hidden !important;
  }
  #menu li.haschild div {
    visibility: hidden !important;
    overflow: hidden !important;
  }
  .container-twelve .columns.twelve.align_right {
    max-width: 85% !important;
  }
  div.feature_text {
    margin: 10px 0 10px 0 !important;
    border:1px solid transparent; 
    float:left; width:73%; height: auto; overflow: visible !important; clear:none !important; padding-right: 15px;
}  
}

@media only screen and (max-width:959px) and (min-width:800px) {
 .container-twelve .columns.twelve.align_right {
    width: 85% !important;
}
  form p.right {
    margin-right: 20% !important;
  }
}

@media only screen and (max-width:800px) and (min-width:480px) {
.search-result.columns.three {
    width: 45% !important;
  }
  media all
.thumbnail {
    margin-right: 10% !important;
}
  .thumbnail {
  margin-left: 0px /*4px*/ !important;
}
.thumbnail.first {
  margin-left: 0px !important;
}
  .thumbnail, .thumbnail.first {
    margin-left: 0px !important;
}
  #menu {
    overflow: hidden !important;
  }
  #menu li.haschild div {
    visibility: hidden !important;
    overflow: hidden !important;
  }
  .three.columns.search-result, .search-result img {
    width: 90% !important;
}
  .three.columns.search-result {
    width: 45% !important;
}
  search-result img {
    width: 98% !important;
}
  .side-nav {
  display: block !important;
  float:none !important;
  width:100% !important;
    height: 100px !important;
    overflow-y: auto !important;
    border: 1px solid #555;
    margin-bottom: 20px !important;
    padding: 10px !important;
}
.side-products {
  display: block !important;
  float:none !important;
  width:100% !important;
}
  .container .columns.twelve {
    width: 95% !important;
}
  .container .columns.four {
    width: 100% !important;
}
  div.feature_text {
    width:99%; height: auto; overflow: visible !important; clear:both !important; padding-right: 0px;
}
}


@media only screen and (max-width:580px) {
  .search-result.columns.three {
    width: 45% !important;
  }
  media all
.thumbnail {
    margin-right: 10% !important;
}
  .thumbnail {
  margin-left: 0px /*4px*/ !important;
}
.thumbnail.first {
  margin-left: 0px !important;
}
  .thumbnail, .thumbnail.first {
    margin-left: 0px !important;
}
  #menu {
    overflow: hidden !important;
  }
  #menu li.haschild div {
    visibility: hidden !important;
    overflow: hidden !important;
  }
  .three.columns.search-result, .search-result img {
    width: 90% !important;
}
  .three.columns.search-result {
    width: 90% !important;
}
  search-result img {
    width: 98% !important;
}
  .side-nav {
  display: none !important;
}
.side-products {
  display: block !important;
  float:none !important;
  width:100% !important;
}
  .container .columns.twelve {
    width: 95% !important;
}
  .container .columns.four {
    width: 100% !important;
}
}