/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

.header-menu,
.back-button {
	display: none !important;
}


.tightBox {
	width: fit-content !important;
}


@media all and (max-width: 1000px) {

	.mega-menu {
		display: none !important;
	}

	/* menu button */

	.menu-title {
		width: 600px;
		margin: 0 auto 40px;
		max-width: 100%;
		background: #4ab2f1 url('images/menu-icon.png') right center no-repeat;
		padding: 15px;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}

		.menu-title span {
			display: block;
		}

	/* responsive menu */

	.mega-menu-responsive ~ .master-column-wrapper {
		margin-top: 40px !important;
	}

	.mega-menu-responsive {
		display: none;
		width: 300px;
		max-width: 100%;
		margin: -40px auto 40px;
		background-color: transparent !important;
		margin-top: 70px;
	}

		.mega-menu-responsive > li {
			position: relative;
			margin: 0px 0;
			background-color: #FFFFFF;
			z-index: 99999999999999999999999999;
			border-top: 1px solid #B0BEC5;
		}

			.mega-menu-responsive > li > a,
			.mega-menu-responsive > li > span {
				display: block;
				min-height: 55px;
				padding: 18px;
				font-size: 15px;
				color: #555;
			}

	.plus-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 55px;
		height: 55px;
		border-left: 1px solid #fff;
		background: url(images/toggle-black.png) center no-repeat;
		padding: 15px;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}

	.mega-menu-responsive .plus-button {
		border-bottom: none !important;
	}

	.mega-menu-responsive .sublist-wrap {
		display: none;
	}

		.mega-menu-responsive .sublist-wrap.active {
			display: block;
		}

	.mega-menu-responsive .sublist {
		background-color: #fff;
		padding: 5px 0;
	}

		.mega-menu-responsive .sublist li {
			position: relative;
			margin: 1px 0 1px 20px;
		}

			.mega-menu-responsive .sublist li a {
				display: block;
				padding: 15px 65px 15px 18px !important;
				font-size: 15px;
			}

		.mega-menu-responsive .sublist .plus-button {
			height: 49px;
		}

	.menu-title .spacetitle {
		background-color: #fff;
		display: block;
		margin: 10px 0;
		width: 50px;
		height: 4px;
	}

	.searchBoxMenu {
		display: none !important;
	}

	.mega-menu-responsive-logo {
		background: #d0021b;
		color: #fff;
		width: 100%;
		display: flex;
		height: 82px;
	}

	.LogoResponsive {
		padding-top: 15px;
		display: block;
		margin: auto;
	}

		.LogoResponsive img {
			height: 50px;
			margin-top: -10px;
			width: auto;
		}

	.menu-title {
		background: #d0021b;
		color: #fff;
		width: 20% !important;
		float: left;
	}

	.mega-menu-responsive-logo .nn-car, .mega-menu-responsive-logo .nn-heart-light, .mega-menu-responsive-logo .nn-user-light {
		font-size: 18px;
	}

	/* put none when active responsive mobile**/
	.header {
		display: block;
	}

	.borderLeft {
		border-left: 1px solid #ECEFF1;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 17px;
	}

	.dropdown-menu1 {
		position: absolute;
		margin-top: 63px;
		width: 183px;
		background: #fff;
		margin-left: -100px;
		padding: 16px;
		text-align: right;
		z-index: 1000000000000;
	}

		.dropdown-menu1 > a {
			color: #777;
			padding: 10px;
			line-height: 2.5;
		}

	.login-page {
		width: 100%;
	}

	.registration-page, .login-page {
		width: 100%;
		margin: auto;
	}

		.login-page .new-wrapper .text {
			width: 100%;
		}

	.borderLeftLogo {
		border-left: 1px solid #ECEFF1;
	}

	#navbarDropdown:hover {
		background: #fff;
		color: #546E7A;
	}

	.slider-wrapper img {
		max-width: initial !important;
		margin-left: 0px;
		margin-top: 0px;
		margin: auto;
	}

	.home-page-product-grid {
		max-width: 100%;
		margin: auto;
		display: block;
	}

		.home-page-product-grid .item-grid .item-box:first-child {
			width: 100% !important;
			height: 393px !important;
			margin: auto !important;
		}

	.home-page-product-grid {
		margin-top: 0 !important;
	}

		.home-page-product-grid .item-grid .item-box:first-child .buttons {
			float: right;
		}

	.home-page-category-grid .titleCategoryList {
		display: none;
	}

	.home-page-category-grid .btn {
		width: 50%;
	}

	.card-category-home {
		min-height: 231px;
	}

	.rejilla div:first-child {
		margin: auto;
	}

	.rejilla div:nth-child(2) {
		width: 100%;
		margin: auto;
		padding-left: 50px;
		padding-right: 50px;
	}

	.discoveryTitle {
		font-size: 44px !important;
		text-align: center;
		margin-top: 29px !important;
	}

	.imageDiscovery img {
		width: 100%;
		height: auto;
	}

	.discoveryTitle {
		width: 100% !important;
		padding-bottom: 21px;
	}

	.footer-schedule {
		text-align: center;
	}

	.redesSociales {
		width: 84%;
		text-align: center;
		padding: 20px;
		border-top: 1px solid #B0BEC5;
		margin-left: 38px;
		margin-top: 50px;
	}

	.footerresponsive {
		display: block !important;
	}

	/* put none when active responsive mobile**/
	.atlanta-office, .cincinnati-office, .nashville-office {
		display: block;
	}
	/* remove comments   when active responsive mobile**/

	/*.footer-block .list {
		display: none;
		margin: 0 0 20px;
		background-color: #90A4AE;
	}*/

		.footer-block .list a {
			float: left;
		}

	.list li {
		display: flex;
	}

	.product-grid .title strong {
		margin-top: 0;
		margin-bottom: 20px;
		
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 28px;
	}

	.home-page-product-grid, .jCarouselMainWrapper, .theme-discoveryHomePage {
		max-width: 100%;
		margin: auto;
		display: block;
		height: 200px;
	}

	.nop-jcarousel .carousel-title {
		margin: 15% 0 26%;
	}

	.home-page-product-grid .item-grid .item-box:first-child {
		width: 100% !important;
		height: 633px !important;
		margin: auto !important;
	}

	.home-page .FavoriteProduct .item-box .buttons {
		text-align: center;
		margin: auto;
		display: flex;
	}

	.FavoriteProduct .slick-carousel .slick-track {
		height: auto;
	}

	.home-page-product-grid, .jCarouselMainWrapper, .theme-discoveryHomePage {
		height: 240px;
	}

	.FavoriteProduct .item-grid .item-box {
		height: 390px !important;
	}

	.FavoriteProduct {
		margin-top: 0px !important;
	}

	.nop-jcarousel .carousel-title {
		margin-top: 140px;
	}

	.rejilla p {
		height: 190px !important;
	}

	.home-page-product-grid .title, home-page-product-grid .title strong {
		display: block !important;
		height: 20px;
	}

	.mega-menu-responsive .fa {
		display: none;
	}

	.mega-menu-responsive .sublist li a {
		color: #546E7A;
	}


	.mega-menu-responsive .sublist li {
		position: relative;
		margin: 1px 0 1px 20px;
		border-top: 2px solid #78909C;
	}

	.home-page-category-grid, .sub-category-grid {
		display: inline-grid;
	}

	.item-box .picture a img {
		width: auto;
		margin-top: 0;
	}

	.jCarouselMainWrapper .slick-prev {
		MARGIN-LEFT: 0;
		margin-top: 22px;
	}

	.jCarouselMainWrapper .slick-next {
		MARGIN-right: 0;
		margin-top: 22px;
	}

	.FavoriteProduct .slick-carousel {
		width: 80%;
	}

	.nop-jcarousel .carousel-title {
		margin: 18% 0 10%
	}

	.product-box-add-to-cart-button {
		display: block !important;
		background-image: url(/images/magnifying-glass.png);
		background-repeat: round;
	}


	.add-to-compare-list-button {
		display: none !important;
	}

	.reachLink {
		margin-top: 250px;
	}

	#bar-notification .success {
		width: 35% !important;
		left: 52% !important;
	}

	.home-page-product-grid {
		height: 112px;
	}

	/*.footer {
		margin-top: 295px;
	}*/

	.product-box-add-to-cart-button {
		display: none !important;
	}
}

@media screen and (max-width: 990px) {
	.category-grid {
		display: none;
	}
}

@media all and (min-width: 1001px) {

	/* RESETS */

	.menu-title,
	.plus-button,
	.mega-menu-responsive {
		display: none !important;
	}

	/* main level */

	.mega-menu {
		position: relative;
		z-index: 5;
		border-top: 1px solid #ddd;
		/*border-bottom: 1px solid #f1f1f1;*/
		color: #555;
		text-align: center;
		margin: 0 0 30px;
		font-size: 0;
	}

		.mega-menu:after {
			display: block;
			clear: both;
			content: "";
		}

		.mega-menu > li {
			display: inline-block;
			margin-right: 11px;
			float: left;
		}

			.mega-menu > li > a,
			.mega-menu > li > span {
				position: relative;
				display: block;
				font-size: 17px;
				line-height: 1;
				padding: 29px 26px;
			}

				.mega-menu > li > a:before,
				.mega-menu > li > span:before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					width: 1px;
					height: 25px;
					background: #ddd;
					margin: auto;
				}

			.mega-menu > li:first-child > a:before,
			.mega-menu > li:first-child > span:before {
				display: none;
			}

			.mega-menu > li:hover > a,
			.mega-menu > li:hover > span {
				color: #4ab2f1;
				cursor: pointer;
			}



		/* sublist */

		.mega-menu .sublist-wrap {
			display: none;
			position: absolute;
			/*width: fit-content;*/
			width: auto;
			background-color: #fff;
			padding: 10px 0;
			text-align: left;
			border-top: 1px solid #f1f1f1;
			z-index: 1;
			
		}
}





ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap {
	height: auto;
	overflow-y: scroll;
	top: 40px;
	margin-left: -210px;
}

ul.mega-menu > li > div.sublist-wrap > ul > li {
	width: 180px;
	border-bottom: 1px solid #eee;
}

.mega-menu .sublist-wrap.active {
	display: block;
}

.mega-menu .sublist li {
	position: relative;
	float: left;
	width: 161px;
}

	.mega-menu .sublist li a {
		display: block;
		position: relative;
		padding: 10px 0 10px 0;
		font-size: 14px;
		color: #444;
	}

	.mega-menu .sublist li:hover > a {
		background-color: #f6f6f6;
	}

.mega-menu .sublist-wrap .sublist-wrap {
	top: -10px;
	left: 100% !important;
}



/* dropdown */

.mega-menu .dropdown {
	display: none;
	position: absolute;
	text-align: left;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	border-top: 1px solid #f1f1f1;
	z-index: 1;
}

	.mega-menu .dropdown.active {
		display: block;
	}

.mega-menu .box {
	float: left;
	padding: 15px;
	position: relative;
}

.mega-menu .boxes-1 .box {
	width: 100%;
}

.mega-menu .boxes-2 .box {
	width: 50%;
}

.mega-menu .boxes-3 .box {
	width: 33.333%;
}

.mega-menu .boxes-4 .box {
	width: 25%;
}

.mega-menu .boxes-5 .box {
	width: 20%;
}

.mega-menu .boxes-6 .box {
	width: 16.666%;
}

.mega-menu .boxes-7 .box {
	width: 14.28%;
}

.mega-menu .boxes-8 .box {
	width: 12.5%;
}

.mega-menu .box .picture-title-wrap {
	position: relative;
	margin: 0 0 5px;
}

.mega-menu .box .title {
	color: #444;
	font-size: 18px;
	margin: 0 0 10px;
}

.mega-menu .box li a {
	display: block;
	position: relative;
	padding: 7px 0 7px 14px;
	font-size: 14px;
	color: #777;
}

	.mega-menu .box li a:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 5px;
		height: 5px;
		margin-top: -2px;
		background-color: #ddd;
	}

	.mega-menu .box li a:hover {
		color: #4ab2f1;
	}

	.mega-menu .box li a.vendor {
		padding: 0;
	}

		.mega-menu .box li a.vendor:before {
			display: none;
		}

.mega-menu .dropdown.fullWidth {
	left: 0;
	width: 100%;
}

.mega-menu .fullWidth.categories .row {
	overflow: hidden;
}

.mega-menu .fullWidth.categories .box {
	min-width: 0;
	padding: 10px 5px;
}

	.mega-menu .fullWidth.categories .box .picture > a {
		display: block;
		line-height: 0;
		font-size: 0;
		overflow: hidden;
	}

	.mega-menu .fullWidth.categories .box .picture img {
		max-width: 100%;
	}

	.mega-menu .fullWidth.categories .box .title {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		background: rgba(255,255,255,.85);
		z-index: 1;
	}

		.mega-menu .fullWidth.categories .box .title a {
			display: block;
			padding: 10px;
		}

.mega-menu .fullWidth.manufacturers,
.mega-menu .fullWidth.vendors {
	padding: 25px;
}

	.mega-menu .fullWidth.manufacturers .box,
	.mega-menu .fullWidth.vendors .box {
		min-width: 0;
		padding: 10px;
		text-align: center;
	}

		.mega-menu .fullWidth.manufacturers .box .title,
		.mega-menu .fullWidth.vendors .box .title {
			position: absolute;
			bottom: 10px;
			left: 0;
			right: 0;
			line-height: 1.2;
			height: 24px;
			overflow: hidden;
		}

		.mega-menu .fullWidth.manufacturers .box .picture a:before,
		.mega-menu .fullWidth.vendors .box .picture a:before {
			display: none;
		}

	.mega-menu .fullWidth.manufacturers .manufacturer,
	.mega-menu .fullWidth.vendors .vendor {
		padding: 0;
	}

	.mega-menu .fullWidth.manufacturers .picture,
	.mega-menu .fullWidth.vendors .picture {
		margin-bottom: 38px;
	}

		.mega-menu .fullWidth.manufacturers .picture .manufacturer,
		.mega-menu .fullWidth.vendors .picture .vendor {
			display: block;
			position: relative;
			border: 1px solid #eee;
			margin: 0 0 15px;
		}

		.mega-menu .fullWidth.manufacturers .picture img,
		.mega-menu .fullWidth.vendors .picture img {
			max-width: 100%;
			max-height: 100%;
		}

	.mega-menu .fullWidth.manufacturers .title,
	.mega-menu .fullWidth.vendors .title {
		margin: 0;
		font-size: 20px;
		text-align: center;
	}

		.mega-menu .fullWidth.manufacturers .title:hover,
		.mega-menu .fullWidth.vendors .title:hover {
			color: #4ab2f1;
		}

}


@media all and (min-width: 1367px) {

	.mega-menu > li > a,
	.mega-menu > li > span {
		font-weight: bold;
		font-size: 16px !important;
		color: #263238;
	}
}

/* Vertical Menu */

@media all and (min-width: 1001px) {
	.mega-menu.vertical {
		padding-left: 15px;
		text-align: left;
	}

		.mega-menu.vertical > li {
			display: block;
		}

			.mega-menu.vertical > li > a,
			.mega-menu.vertical > li > span {
				padding: 10px 0;
			}

				.mega-menu.vertical > li > a:before,
				.mega-menu.vertical > li > span:before {
					display: none;
				}
}

.mega-menu .has-sublist .MenuItemLarge {
	width: 180px !important;
}

ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap::-webkit-scrollbar {
	-webkit-appearance: none;
}

	ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap::-webkit-scrollbar:vertical {
		width: 7px;
	}

ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap::-webkit-scrollbar-button:increment, .contenedor::-webkit-scrollbar-button {
	display: none;
}

ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap::-webkit-scrollbar:horizontal {
	height: 10px;
}

ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap::-webkit-scrollbar-thumb {
	background-color: #37AEF3;
	border-radius: 20px;
	border: 2px solid #f1f2f3;
}

ul.mega-menu > li > div.sublist-wrap > ul > li > div.sublist-wrap::-webkit-scrollbar-track {
	border-radius: 10px;
}

.sublist a span {
	color: #546E7A;
	font-weight: bold;
	font-size: 14px;
}