/****** HOME SLIDER ******/

#homePage .bx-wrapper {
	margin: 0 auto;
}

#homePage .bx-viewport {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  left:0 !important;
}

#homePage ul.bxslidermain {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

.homeSlide {
	text-align: left;
	background: rgba(192, 192, 192, 0);
	margin: 0;
	height:auto;
	height:500px;
}
 
#homePage .homeSlide:before {
	content: '\200B';
	/*   content: '';
	margin-left: -0.25em; */
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	transition:0.3s all;
}

#homePage .bannerLink {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
 
#homePage .centered {
  	display: table-cell;
	color:white;
	background: transparent;
	z-index:2;
    vertical-align: bottom;
    margin-bottom:0px;
    margin-left:0px;
    min-width: 260px;
    max-width: initial;
    padding: 31px 38px;
    width: initial;
}

#homePage .centered h1 {
	margin: 0 0 5px 0;
    line-height: 1.3;
    font-size: 23px;
    padding-bottom: 3px;
}

#homePage .centered p {
    font-size: 12px;
    display:none;
}

#homePage .shopCTA {
	font-size:15px;
	font-weight: 400;
	color:white;
	/*border-bottom:5px solid white;*/
	padding-bottom:3px;
	width:auto;
	margin:auto;
	cursor:pointer;
	display: block;
    margin-bottom: 10px;
    margin: 0;
}
 
#homePage .bx-controls-direction {
    display: none;
}
 
#homePage .newhomeslider-slideOut {
	display:none;
}

#homePage .newhomeslider-slideIn {
	display:block;
}
 
 
 
/****** SLIDER SELECTORS ******/ 

#homePage #bx-pager {
	width:100%;
	text-align:center;
	padding:0;
	height: 100%;
    position: absolute;
    z-index: 99999;
    top: 35%;
    right: 20px;
    width: 30px
}

#homePage #bx-pager a {
	color:black;
	text-decoration:none;
	padding:1%;
	width:30%;
	text-align:center;
    display: block;
    margin:10px 50px 10px 0;
    font-size: 10px;
}

#bx-pager .copy {
	
}

#bx-pager a .slideCopy {
	color:black;
	font-size:14px;
	vertical-align:middle;
	padding: 0 0 22px 10px;
    display: inline-table;
    font-weight: 700;
    text-transform: uppercase;
    display:none ;
}

#bx-pager .num {
	color:inherit;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	display: inline-table;
	font-weight:700;
    padding: 8px 0;
    width: 30px;
    height: 20px;
    font-size: 10px;
    border-radius: 200px;
    background: white;
}

#bx-pager a.active {
	color:#00A1D5 !important;
}

@media (min-width:1921px) {
	#homePage .bx-viewport {
		height:800px;
	}

	.homeSlide {
		height:800px;
	}	
}
 

 /****** CONTENT SPOTS ******/
 
#home-cts {
width:100%;
}

.homePage a {
text-decoration:none;
color:black;
}

.homePage .cts-row {
display:block;
width:100%;
margin-top:0px;
text-align:center;
position:relative;
overflow: hidden;
}

.homePage .cts-row a {
text-decoration: none;
display: block;
float: left;
background-size: cover;
background-repeat: no-repeat;
width: 33.33%;
height: calc(100vw * 0.42);
margin-left: 0;
background-position: center;
}

.homePage .cts-column {
position:relative;
display:inline-block;
color:black;
vertical-align:top;
width: 100%;
height: 100%;
}

.homePage .cts-row .ctsBlock {
position:absolute;
bottom:0;
left:0;
padding: 31px 38px;
background: transparent;
color:#373737;
z-index:5;
margin:0;
letter-spacing: 0.3px;
font-size: 18px;
min-width: 250px;
text-align:left;
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
     -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
}

.homePage .cts-row h1 {
	font-size: 25px;
	color:#373737;
	margin: 0 0 5px 0;
	line-height: 1.3;
	font-size: 23px;
	color: #fff;
}

.homePage .cts-row img {
	display:inline-block;
	margin:	auto;
	width:100%;
}
.homePage .cts-row .shopCTA {
	margin:initial;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}

.homePage .cts-row .dark-text h1, .homePage .cts-row .dark-text .shopCTA {
	color: #4a4a4a!important;
}



.homePage .centered.black, #homeContent .homePage .centered.black .shopCTA {
color: #4a4a4a!important;
}

@media (max-width:1200px) {
	.homePage .cts-row p {
	font-size:12px !important;
	}
}

@media (max-width:660px) {
	.homePage .cts-row p {
	font-size:9px !important;
	}
}


/* Image zoom on hover effect */
/*.cts-column {overflow: hidden;}

.cts-column img {
  max-width: 100%;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.cts-column:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}*/



/****** BRAND SLIDER ******/
  
#brands {
	padding: 20px;
    /*border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;*/
    min-height: 49px;
}

#brands .bx-wrapper {
    position: relative;
    margin: 0 auto 0;
    width:100% !important;
    max-width:1800px !important;
}

#brands .bx-wrapper .bx-viewport {
	left:0 !important;
	background: rgba(255, 255, 255, 0) !important;
	box-shadow: none !important;
	border:0 !important;
	height:100px;
}

#brands ul.brandSlider {
    margin: 0 !important;
    left: 0 !important;
    padding: 0 !important;
}

#brands .bx-controls.bx-has-controls-direction {
    bottom: 30px;
}

#brands .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

#brands .bx-wrapper .bx-prev {
    left: -12px;
    background: url(https://media-oneiotastore-com.s3.amazonaws.com/mesh-control/8403a1fbcc724858ae51034c888bb21e_arrow.png) no-repeat;
    opacity:0.7;
}

#brands .bx-wrapper .bx-prev:hover {
    opacity:1;
}

#brands .bx-wrapper .bx-next {
    right: -34px;
    background: url(https://media-oneiotastore-com.s3.amazonaws.com/mesh-control/19d532a4f77845828d4a4a14ae659c8c_arrow2.png) no-repeat;
    opacity:0.7;
}

#brands .bx-wrapper .bx-next:hover {
    opacity:1;
    background-position: inherit;
}

#brands .brandSlider ul {
	list-style-type: none !important;
	display:table;
}

#brands .brandSlider li {
    list-style-type: none !important;
    width: 150px !important;
    display: inline-table;
    vertical-align: middle;
    float: none !important;
    text-align: center !important;
}

#brands .brandSlider img {
	max-width:80px;
	max-height:59px;
	margin:auto;
	opacity: 0.7;
}

#brands .brandSlider img:hover {
	opacity: 1;
}


/****** NEW BRAND ******/

#brands .newBrands {
    width:100%;
    display: table;
    max-width:1200px;
    margin:auto;
    padding: 0;
}

#brands .newBrands li {
    display: inline-table;
    vertical-align: middle;
    width:10%;
    text-align: center;
    padding:1%;
}

#brands .newBrands img {
    width:70%;
    margin:auto;
    max-width:70px;
    opacity: 0.8;
    cursor:pointer;
}

#brands .newBrands img:hover {
    opacity: 1;
}

#brands .newBrands a {
    text-decoration:none;
    color:inherit;
}

#brands .newBrands .double {
    width:20%;
    text-align: center;
    font-size:20px;
    text-transform: uppercase;
    font-weight: 700;
}

#brands .double a {
    font-size: 20px;
    font-weight: 700;
}


/****** PRODUCT FEEDS ******/

/* Button Switch */
	
	#home-products {
		margin: 50px 20px;
		text-align: center;
	}
	
	#home-products h1 {
		margin-bottom: 30px;
		text-transform: uppercase;
		font-size: 40px;
	}
	
	#home-products ul {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	#home-products li {
		height: auto;
		width: 200px;
		margin: 0 10px 40px;
		border: 1px solid #F1F1F1;
		display: inline-block;
		padding: 10px 20px;
		font-size: 16px;
		text-align: center;
	}
	
	#home-products li:hover {
		border-bottom:6px solid #373737;
		cursor: pointer;
	}

	
	/* Product Feed */
	
	.dynamic-html {
	  text-align:center;
	}
  
  	.dynamic-html .dynamic-product {
	  display:inline-block;
	  text-align: left;
      padding: 8px;
      width: 24%;
      vertical-align: top;
	}
  
	.dynamic-html img {
      width: 100%;
	}
	
	.dynamic-html p {
		margin: 10px;
	}
	
	/* Quickbuy button */
	
	.dynamic-html #bannerQuickView {
		margin-top: -4px !important;
	}
	
	.dynamic-html span.itemQuickView.quickView.btn.btn-default {
		width: 100% !important;
		padding: 10px !important;
		font-weight: 400;
	}
	
	.dynamic-html i.fa.fa-eye {
		font-size: 16px;
		margin: -4px 5px 0px;
	}
	
	
	/* Show more CTA */
	
	#home-products .cta {
		margin: 10px 10px 20px !important;
		width: 220px;
		background: white;
		border: 1px solid #F1F1F1;
		color: black;
		display: inline-block;
		padding: 10px 20px;
		font-size: 16px;
		text-align: center;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#home-products .cta:hover {
		background: #36A7E2 !important;
		color: white;
		cursor: pointer;
	}


/* Make heights of content spots uniform - Browser height minus header */
.banRow.row1, #homeSlide, #homePage .bx-viewport, .homePage .singleBanner2, .homePage .singleBanner2 .homeSlide, .homePage .singleBanner, .homeSlide {
    height: calc(82vh - 53px)!important;
    margin-top: 0;
    max-height: 65vw;
    position: relative;
    display: block;
    margin-bottom: 0;
    min-height: 450px;
}

#footerSocial {
  border-top: none!important;
}