body{
	background-color:#f3f3f1;
	background-image:none;
}

.row_main {
  margin: 0 auto!important;
  -webkit-box-shadow: 0 0 2px rgba(6,8,8,.15);
  box-shadow: 0 0 2px rgba(6,8,8,.15);
  max-width: none;
}
.product-img {
	min-height:230px;
}
.material-icons {
	font-size: 1.2em !important;
    position: relative;
    top: 3px;
}

#header {
  width: 100%;
  z-index: 800;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px rgba(6,8,8,.15);
  box-shadow: 0 0 2px rgba(6,8,8,.15);
  max-width: none;
}

.header-container {
  position: relative;
  display: block;
  padding: 18px;
  overflow: visible;
  width: 100%;
  background: #fff;
  height: 70px;
  max-width: 1200px;
  margin: 0 auto;
}

.home-ad p{
	padding:0 5%;
	height: 100px;
    display: block;
    transition: all .3s;
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.1em;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	margin: -10px 0 0 0;
}

.subhead-nav {
  width: 100%;
  height: 65px;
}

.white {
  background-color: #FFF !important;
}

.hero {
  background-position: center;
  overflow: hidden;
  z-index: 10;
  width: auto;
  position: relative;
}

.hero200 {
	max-height:200px;
	vertical-align:bottom;
}

.section{
	border-bottom:none;
}

.homepage-blog-hero{
	width:100%;
	height:250px;
}

.homepage-blog-title{
	margin-bottom:20px;
	margin-top:-10px;
}

.toolbox-tray{
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.toolbox-open .toolbox-tray{
	/*height: auto;*/
	height:300px;
	border-top: 2px solid #323a45;
}

.homepage-blog p img, .mainpage-ad .caption-wrap p img { display:none; }
.homepage-blog-title {
  margin-bottom: 20px;
  margin-top: 0;
  font-size:1.5em;
}
.ad-image h2 {
  font-family: open_sansregular,Verdana,Arial,Helvetica,sans-serif;
  font-size: 18px;
  color: #FFF;
  text-align: left;
  padding: 15px;
  font-weight: bold;
  line-height: 1.2em;
  text-shadow: 0 0 5px #000;
}
.blog-ad {
	margin-top:0;
}
.page-header2 {
	font-size: 1.75em;
}
/*--
Homepage ads ---*/



.mainpage-ad{
	display:block;
	height:auto;
	text-align:left;
	background-color:#fff;
	padding-bottom:30px;
	border-bottom:none;
	padding:0px 0px 0px 0px;
	overflow:visible !important;
}

.mainpage-ad .title{
	text-align:left;
	padding:15px 15px 15px 15px;
	background:#efefef;
	overflow:visible;
}



.mainpage-ad .title p {
	margin:0px;
}

.mainpage-ad .title h2{
	margin-top:0px;
}

.mainpage-ad a {
  text-align: left;
  margin-bottom: 0px;
}
.mainpage-ad a:hover {
	text-decoration:none;
}

.mainpage-ad .title p{
	font-size:.9em;
}

.ad-image{
	width:100%;
	height:120px;
	display:block;
	transition: all .3s;
	color:#fff;
	vertical-align: middle;
	font-size:5em;
	font-weight:900;
	line-height: 2.1em;
	text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	background-size:cover !important;
	overflow:visible;
}

.ad-image i{
	font-size:5em;
	font-weight:900;
	line-height: 2.1em;
	text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
	color:#fff;
}

.ad-image:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	color:#fff;
	text-decoration:none;
	font-size:5.5em;
	line-height:1.95em;
}

.ad-image1{
	background:url(https://rubimages-liberty.netdna-ssl.com/slides/DL-AR_Advanced_WebBanner_1200x300.jpg) center no-repeat;

}

.ad-image2{
	background:url(https://rubimages-liberty.netdna-ssl.com/slides/brand-hero.jpg?v=1) center no-repeat;

}

.ad-image3{
	background:url(https://rubimages-liberty.netdna-ssl.com/slides/huddle-hero.jpg) center no-repeat;

}
.ad-imagessf{
	background:url(https://rubimages-liberty.netdna-ssl.com/slides/ssf-hero.jpg) right no-repeat;

}
.ad-imagescl{
	background:url(https://rubimages-liberty.netdna-ssl.com/slides/clearance_items_slide_1200.jpg) right no-repeat;

}

.ad-imagefi {
    background: url(https://rubimages-liberty.netdna-ssl.com/slides/featured_items_slide_1200.jpg) right no-repeat;
}

.home-ads { padding:2% 2% 0 2%; }
.breadcrumbs{
	background-image:none !important;
	margin: 0 auto;
	padding-left: 18px;
}

.bxslider li span:hover { background-color:transparent !important; }



.btn-header{
	margin-top: -7px;
}
.btn-header a, .btn-header span {
	padding:0 !important;
}
.toolbox-open .toolbox-tray{
	height: 300px;
}

.homepage-blog p img, .mainpage-ad .caption-wrap p img { display:none; }
.homepage-blog-title {
  margin-bottom: 20px;
  margin-top: 0;
  font-size:1.5em;
}
.ad-image h2 {
  font-family: open_sansregularregular,Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size: 18px;
  color: #FFF;
  text-align: left;
  padding: 15px;
  line-height: 1.2em;
  text-shadow: 0 0 5px #000;
}
.blog-ad {
	margin-top:0;
}
.crumb-toggle {
    float:left;
}
.small-screen .bx-wrapper .bx-caption, .small-screen .bx-wrapper span {
    position: absolute !important;
}

.col-masonry img {
    max-width: 100% !important;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    max-width: 100% !important;
}
.alert-grey {
    background-color: #F1F1F1;
    border-color: #DDDDDD;
    color: #1B1B1B;
}
.first-header {
	margin-top:3px;
}
.brandthumb {
    padding: 0;
    height: auto !important;
    text-align: center;
}
.breadcrumbs {
	padding:.25% 1%;
}
.toolbox-open .toolbox-tray {
    height: auto;
	border-top:none;
}
.home-toolbox-tray {
	height: auto;	
}
.toolbox-tray .container {
    padding: 8px 20px 3px 30px;
	max-width: 1200px;
}
.toolbox-tray .container hr {
    margin: 10px 0px;
}

.col-lg-1 {
	padding:5px 6px;
}
.toolbox-item {
	border-bottom:none;
	margin-bottom:0;
}
.toolbox-item p {
	margin: .4em .2em;
	font-size: .8em;
	height: auto;
	vertical-align: middle;
}
.tool-icon {
    width: 100%;
    height: 40px;
    display: block;
    transition: all .3s;
    color: #fff!important;
    vertical-align: middle;
    font-size: 2em;
    font-weight: 900;
    line-height: 1.5em;
    -webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.tool-icon:hover {
     line-height: 1.5em; 
}
.em8 {
    font-size: 1.5em;
    height: 40px;
}
.em8:hover {
    font-size: 1.75em;
}
.margin-zeroed {
     margin: 0 !important; 
}
.tm4 {
	padding-top: 4px;
}
.toolbox-item .tool-icon5 {
    padding-top: 10px;
}
.toolbox-item .tool-icon3 {
    padding-left: 14px;
}
.favbut {
    color: #BBB;
    cursor: pointer;
    font-size: 1.5em !important;
}
.favbut .on {
    color: #CEA125;
}
.img-100 { /*width:100%;*/ max-width:160px;max-height:90px; }
.cat-panel { min-height:230px !important; }
.cat-list { padding:30px; }
/*--
Media Queries ---*/

@media (min-width: 600px) {
	.bxslider li span {
	  position: absolute !important;
	  color: grey;
	  background:url('/img/hero-gradient.png') repeat-y;
	  background-position:left top;
	  bottom: 0;
	  top:0 !important;
	  padding:40px 0px 0px 40px;
	  width:100%;
	  margin:0 auto;
	  display:table-cell;
	  vertical-align:middle;
	}
	.bxslider li span:hover{
		top:0;
		bottom:0;
		padding:40px 0px 0px 40px;
	}
	
	.bx-wrapper h2 {
	  /*color: grey;*/
	  font-family: open_sansregular,Verdana,Arial,Helvetica,sans-serif;
  	  font-weight:bold;
	  display: block;
	  font-size: 2em;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  margin: -5px 0 5px;
	  color:#fff;
	  text-shadow: #222 0 4px 8px;
	}
	
	.bx-wrapper p{
		color:#fff;
		font-size:1.2em;
		text-shadow: #222 0 2px 4px;
	}
	
	.bxslider li span a{
		/*padding:20px;*/
		/*display: table;
		clear: both;*/
		/*background-color:#fff;*/
		/*margin-top:10px;*/
		text-decoration: none;
		/*color: #353434;*/
		text-shadow: none;
		font-size:.9em;
	}
	
	.bxslider li span a:hover{
		text-decoration: none;
		/*background-color:transparent;
		color:#fff;*/
	}
}

@media (min-width: 900px) {

	.slider-info h2, .slider-info p {
		max-width:60%;
	}
	.caption-wrap{
		min-height:100px;
	}
	
	.slider-info{
	  width: 100%;
	  max-width: 1230px;
	  position: relative;
	  margin: 0 auto;
	  display: block;
	  padding-top:0;
	}
	
	.sub-nav {
		left: 0;
	}

	.sub-nav ul {
	  width: 100%;
	  max-width: 1200px;
	  margin: 0 auto;
	  padding: 0 15px 0 10px;
	  margin-top: 10px;
	}

	.sub-nav a{
		color:grey;
	}

	.sub-nav a:hover{
		color:#337ab7;
		background-color:transparent !important;
	}
	
	.sub-nav li.droptop ul {
	  top: 32px;
	}
	
	#nav {
	  width: 100%;
	  max-width: 1200px;
	  margin: 0 auto;
	  padding-left: 30px;
	  margin-top: 10px;
	}
	
	.logo-dummy {
		float:left;
		width:170px;
		height:40px;
		cursor:pointer;
		margin-top:-10px;
	}
	
	.js-headerdropdown {
		float:right;
	}

	.header-container .btn{
		z-index:500;
	}


	#menu>.nav {
	  position: relative;
	  /* left: 0px; */
	  max-width: 1200px;
	  margin: 0 auto;
	  /* padding-left: 200px; */
	  z-index: 100;
	  left: 0;
	  padding-right: 10px;
	  width: 100%;
	  /* float: right; */
	}
	
	
	#menu>.nav {
	  top: 14px;
	}


	#menu, #menu-rt, #under-nav {
	  margin: 0 0 1em;
	  background: 0 0;
	  width: 100%;
	  max-width: none;
	}

	#menu, #menu-rt {
	  display: block;
	  position: fixed;
	  top: 10px;
	  left: -10px;
	  z-index: 1000;
	  clear: both;
	  max-width: 100%;
	
	}
	
	#side-menu {
	  border-right: none;
	  /*max-height:890px;
	  overflow:scroll;*/
	}
	#tour-sidenav {
		max-height: 933px; /*895px;*/ /*665px;*/
    	overflow: auto;
	}
	.multi-column .header-search-form {
	  margin-top: -7px;
	}


	.mainnav-link.btn.btn-grey{
	    text-transform: uppercase;
	    background:none;
	    box-shadow: none;
	    letter-spacing: 1px;
	    padding-right:10px;
	}

	.js .content-wrap {
	  width: 100%;
	  padding: 0;
	  margin-left: 0;
	  background: 0 0;
	  float: none;
	  position: relative;
	  background-color: #F6F6F3;
	}


	.bxslider li span {
	  position: absolute;
	  color: grey;
	  background:url('/img/hero-gradient.png') repeat-y;
	  background-position:left top;
	  bottom: 0;
	  top:0 !important;
	  padding:30px 0px 0px 60px;
	  width:100%;
	  margin:0 auto;
	  display:table-cell;
	  vertical-align:middle;
	}

	.bxslider li span:hover{
		/*top:0;
		bottom:0;*/
		padding:30px 0px 0px 60px;
	}
	
	.bx-wrapper h2 {
	  /*color: grey;*/
	  font-family: open_sansregular,Verdana,Arial,Helvetica,sans-serif;
  	  font-weight:bold;
	  display: block;
	  font-size: 2.5em;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  margin: -5px 0 5px;
	  color:#fff;
	  text-shadow: #222 0 4px 8px;
	}
	
	.bx-wrapper p{
		color:#fff;
		font-size:17px;
		text-shadow: #222 0 2px 4px;
	}
	
	.bxslider li span a{
		/*padding:20px;*/
		display: table;
		clear: both;
		/*background-color:#fff;*/
		margin-top:20px;
		text-decoration: none;
		/*color: #353434;*/
		text-shadow: none;
		font-size:1em;
	}
	
	.bxslider li span a:hover{
		text-decoration: none;
		/*background-color:transparent;
		color:#fff;*/
	}
	
	.site-footer .row, .sub-footer .row{
		max-width:1200px;
		margin: 0 auto;
	}
	
	.bx-wrapper img {
	  width: 100%;
	  display: block;
	  /*min-height: 300px;*/
	}
	.js .drawer-wrap {
		background-color: #FFF;
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	footer {
		background-color: #FFF;
	}
	
}
@media (min-width: 1000px) {
	.bxslider li span {
	  position: absolute;
	  color: grey;
	  background:url('/img/hero-gradient.png') repeat-y;
	  background-position:left top;
	  bottom: 0;
	  top:0 !important;
	  padding:60px 0px 0px 70px;
	  width:100%;
	  margin:0 auto;
	  display:table-cell;
	  vertical-align:middle;
	}
	.bxslider li span:hover{
		/*top:0;
		bottom:0;*/
		padding:60px 0px 0px 70px;
	}
	.bxslider li span,.bxslider li span:hover {
		padding: 20px 0px 0px 70px;
	}
	.bx-wrapper h2 {
		font-size: 2em;
	}
	.slider-info h2, .slider-info p {
		max-width: 100%;
	}
}

@media (min-width: 1200px) {

	.slider-info h2, .slider-info p {
		max-width:65%;
	}
	.mainpage-ad{
		margin-top:20px;
	}
	
	.breadcrumbs-container {
		width:1166px;
		margin:0 auto;
	}
	
	.js [role=main] {
	  width: 50%;
	  margin-right: 300px;
	  float: right;
	  z-index: 1;
	  position: relative;
	  overflow: visible;
	  clear: both;
	  background-color:#fff;
	}
	
	.js [role=main] .row {
	  float: left;
	  width: 900px;
	}
	
	.js .drawer-wrap{
		float:left;
		width:50%;
		margin-left:-300px;
	}
	
	.multi-column #sidebar {
	  position: relative;
	  padding: 0 10px;
	  width: 300px;
	  float: right;
	}
	
	#menu>.nav {
		/* padding-left:500px; */
		max-width: 1198px;
		width: 100%;
		margin: 0 auto;
	}
	.bx-wrapper h2 {
	  font-size: 3em;
	}
	.bx-wrapper h2 {
		font-size: 2.3em;
	}
	.slider-info h2, .slider-info p {
		max-width: 90%;
	}
	.col-masonry2 {
		width:10%;
	}
	.toolbox-item p {
		margin: .4em .2em;
		font-size: .8em;
		height: 30px;
		vertical-align: middle;
	}

}
@media (max-width: 1170px) and (min-width: 992px) {
	.hidden-smna {
	  display: none!important;
	}
}
@media (max-width:899px) {
	.cat-panel { min-height:140px !important; }
	.small-screen .hero {
    	min-height:inherit;
	}
	.btn-header {
		  position: absolute !important;
		  top: 24px;
		  /* display: block; */
		  float:right;
		  z-index: 6000;
	}
	.r0 {
		right:35px;
	}
	.r72 {
		right:100px;
	}
	.r0 button,.r72 button {
		  background-color: #EBEBEB !important;
	}
	.active-sidebar .r0, .active-sidebar .r72 {
		display:none;
		
	}
}
@media (min-width: 900px) and (max-width: 975px) {
	#menu-rt>ul>li, #menu>ul>li {
	  margin-right: 0;
	}
}
@media (max-width: 599px) {
	.small-screen .hero {
    	min-height:inherit;
	}
	.small-screen .bxslider li span p {
		padding: 5px;
		color: #222;
		font-size:1em;
	}
	.small-screen .bxslider li span p a {
		text-decoration:none;
	}
	.small-screen .bx-wrapper img {
		/*width: 150%;
		margin-left: -50%;*/
	}
	.small-screen .bxslider li span {
		left: 0!important;
		width: 100%!important;
		bottom: inherit !important;
		top: 0;
		background: rgba(255, 255, 255,.7) !important;
		height: 100%;
	}
	.small-screen .bx-wrapper h2, .small-screen .bx-wrapper p {
		padding-left: 20px!important;
		color: #555;
		letter-spacing:normal;
		margin:0;
	}
	.bx-wrapper h2 {
		font-size: 1.3em;
		font-family:inherit;
		letter-spacing:normal;
		text-transform:none;
	}
	.r0 {
		right:15px;
	}
	.r72 {
		right:70px;
	}
	.bxslider a.btn.btn-blue {
		border: none;
		outline: 0;
		padding: 0 0 3px 3px;
		color: #254e83 !important;
		font-weight: normal;
		font-family: inherit;
		-webkit-font-smoothing: antialiased;
		box-shadow: none;
		background: none;
		animation-timing-function: inherit;
		animation: none;
		line-height: 1.5em;
	}
	.home-ads {
		padding: 5% 3% 0 3%;
	}
}
@media (max-width: 480px) {
	.small-screen .bx-wrapper img {
		/*width: 200%;
		margin-left: -100%;*/
	}
}
@media (max-width: 320px) {
	.small-screen .hero {
    	min-height:inherit;
	}
	.small-screen .bxslider li span p {
		padding: 5px;
		color: #222;
		font-size:1em;
	}
	.small-screen .bxslider li span p a {
		text-decoration:none;
	}
	.small-screen .bx-wrapper img {
		width: 200%;
	}
	.small-screen .bxslider li span {
		left: 0!important;
		width: 100%!important;
		bottom: inherit !important;
		top: 0;
		background: rgba(255, 255, 255,.7) !important;
		height: 100%;
	}
	.small-screen .bx-wrapper h2, .small-screen .bx-wrapper p {
		padding-left: 20px!important;
		color: #555;
		letter-spacing:.04em;
		margin:0;
	}
	.bx-wrapper h2 {
		font-size: 2.2em;
	}
	.r0 {
		right:15px;
	}
	.r72 {
		right:70px;
	}
}