/* 
 *  Created by: Cyro Morais
 *  Version: 1.0
 *
 * 	Core Owl Carousel CSS File
 *	v1.21
*/

/* Plugin stuff - no need for changes here /

	/* clearfix */
	.nmx__newtemplate .owl-carousel .owl-wrapper:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

		/* display none until init */
		.nmx__newtemplate .owl-carousel {
			display: none;
			-ms-touch-action: pan-y;

			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}

		.nmx__newtemplate .owl-carousel .owl-wrapper {
			display: none;
			position: relative;
			-webkit-transform: translate3d(0px, 0px, 0px);
			-webkit-perspective: 1000;
		}
			
			.nmx__newtemplate .owl-carousel .owl-wrapper-outer {
				overflow: hidden;
				position: relative;
			}

			.nmx__newtemplate .owl-carousel .owl-wrapper-outer.autoHeight {
				-webkit-transition: height 500ms ease-in-out;
				-moz-transition: height 500ms ease-in-out;
				-ms-transition: height 500ms ease-in-out;
				-o-transition: height 500ms ease-in-out;
				transition: height 500ms ease-in-out;
			}
		
			.nmx__newtemplate .owl-carousel .owl-item {
				float: left;
				position: relative;
				
				/*
					The value below control the space between the items.
					It will be not necessary when the screen is smaller than 978.
				*/
				padding-right: 34px;

				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				        
			}

	.nmx__newtemplate .owl-controls .owl-page,
	.nmx__newtemplate .owl-controls .owl-buttons div{
		cursor: pointer;
	}
		
		/* pagination */
		#indexHomeBody .owl-pagination {
			display: none;
		}


	/* mouse grab icon */
	.nmx__newtemplate .grabbing { 
	    /*cursor:url(grabbing.png) 8 8, move;*/
	}

	/* fix */
	.nmx__newtemplate .owl-carousel .owl-wrapper,
	.nmx__newtemplate .owl-carousel .owl-item{
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
	}


/* Numinix stuff */

	/* container carousel */
	.nmx__newtemplate .carousel--products,
	.nmx__newtemplate .carousel--products-off {
		/*border: 1px solid #ccc;*/
		/*position: relative;*/
		padding: 0;
	}
	
	/* if you are not using owl-carousel, you will need it */
	.nmx__newtemplate .carousel--products-off {
		width: auto
	}

	.nmx__newtemplate .owl-carousel {
		width: auto;
		padding: 0;
	}

	.nmx__newtemplate .owl-carousel-off {
		margin-top: -30px
	}

	.nmx__newtemplate .owl-carousel,
	.nmx__newtemplate .owl-carousel-off {

	}

		/* content */
		.nmx__newtemplate .carousel--products .product {
			padding: 0;
			text-align: left;
			margin-right: 0;
			-webkit-backface-visibility: hidden;
			max-width: 204px;
			/*margin: 0 auto;*/
		}

		.nmx__newtemplate .owl-carousel-off .product {
			float: none;
			display: inline-block;
			margin-left: 2.6%;
			vertical-align: top;
			margin-top: 30px;
			width: 22.69%;
			overflow: hidden;
		}

		.nmx__newtemplate .owl-carousel-off .product:first-child {
			margin-left: 0;
		}

		.nmx__newtemplate .carousel--products div a {
			display: block;
			height: auto;
			padding: 0;
			position: relative;
			text-decoration: none;

			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}

		.nmx__newtemplate .carousel--products .product--image__photo a:before {
			content: "";
			display: block;
			padding-top: 100%;
		}

		.nmx__newtemplate .carousel--products div a:hover .product--image {
			background: #dedede;
		}

		.nmx__newtemplate .product__badge {
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    z-index: 1;
		}
	
		.nmx__newtemplate .product--image {
			margin-right: 0;
			overflow: hidden;
			position: relative;

			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
	        
	        display: table;
	        border: none;
	        margin-bottom: 19px;

	        -webkit-transition: all .25s;
	           -moz-transition: all .25s;
	            -ms-transition: all .25s;
	             -o-transition: all .25s;
	                transition: all .25s;
		}

		.nmx__newtemplate .product--image,
		.nmx__newtemplate .product--info {
			max-width: 204px; /* width from the mockup */
			width: 100%;
			
			margin: 0;
		}

			.nmx__newtemplate .product--image .product--image__photo {
				display: block;
			}

				.nmx__newtemplate .product--image .product--image__photo img {
					vertical-align: middle;
					height: auto;
					max-height: 204px;
					max-width: 100%;
					display: block;
					width: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
				}

		.nmx__newtemplate .product--info {
			display: block;
			float: none;
			font-size: 14px;
			overflow: hidden;
			margin-top: 9px;
			margin-bottom: 14px;
		}
		
		.nmx__newtemplate .product--info > span {
			display: block;
			vertical-align: middle;
		}

		.nmx__newtemplate .product--info > span > span {
			display: block;
		}

			.nmx__newtemplate .product--brand {
				color: #262626;
				font-weight: bold;
				text-transform: uppercase;
			}
		
		/* buttons */
		.nmx__newtemplate .owl-controls {
			/*display: block !important;*/
			position: absolute;
			left: 0;
			right: 0;
			top: 69px;
			opacity: 0;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

			-webkit-transition: all .5s;
			   -moz-transition: all .5s;
			    -ms-transition: all .5s;
			     -o-transition: all .5s;
			        transition: all .5s;
		}

			.nmx__newtemplate .owl-carousel:hover .owl-controls {
				opacity: 1;
			}
			
			/* arrows */
			.nmx__newtemplate .owl-controls > div {
				color: #d97925;
				font-size: 14px;
				text-decoration: underline;
				width: auto;
				position: static;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateX(0);
				left: 0;
				right: 0;
			}

				.nmx__newtemplate .owl-buttons > div {
					background: rgb(52, 152, 219);
					background: rgba(52, 152, 219, 0.3);
					width: 42px;
					height: 204px;
					-webkit-transition: all .5s;
				   	   -moz-transition: all .5s;
				    	-ms-transition: all .5s;
				     	 -o-transition: all .5s;
				        	transition: all .5s;
				}

				.nmx__newtemplate .owl-buttons > div:hover {
					background: #3498db;
				}

				.nmx__newtemplate .owl-buttons > div:before {
					content: '';
					position: absolute;
					left: 10px;
					top: 43%;
					background-image: url(../../images/sprites.png);
					height: 36px;
					width: 21px;
				}

				.nmx__newtemplate .owl-controls .owl-prev:before {
					background-position: -550px 0;
				}

				.nmx__newtemplate .owl-controls .owl-prev {
					left: 0;
					border-bottom-left-radius: 8px;
					border-top-left-radius: 8px;
				}

				.nmx__newtemplate .owl-controls .owl-prev,
				.nmx__newtemplate .owl-controls .owl-next {
					text-decoration: none;
					position: absolute;
				}

				.nmx__newtemplate .owl-controls .owl-prev:hover,
				.nmx__newtemplate .owl-controls .owl-next:hover {
					opacity: 1;
				}
				
				.nmx__newtemplate .owl-controls .owl-next {
					right: 0;
					border-bottom-right-radius: 8px;
					border-top-right-radius: 8px;
				}	

				.nmx__newtemplate .owl-controls .owl-next:before {
					background-position: -600px 0;
					right: 0;
					z-index: 2;
				}

				.nmx__newtemplate .owl-controls .disabled {
					opacity: .3;
					text-decoration: none;
					cursor: normal
				}

@media only screen and (min-width: 1520px) {
	.nmx__newtemplate .owl-controls .owl-prev {
		left: 75px;
	}

	.nmx__newtemplate .owl-controls .owl-next {
		right: 75px;
	}
}

@media only screen and (max-width: 978px) {
	
	.nmx__newtemplate .owl-buttons {
		display: none;
	}

	.nmx__newtemplate .carousel--products {
		width: auto;
	}

	.nmx__newtemplate .owl-carousel {
		padding-left: 0
	}

		.nmx__newtemplate .owl-carousel .owl-wrapper-outer {
			overflow: visible;
		}
	
	/* numinix stuff */
	.nmx__newtemplate .owl-carousel-off .product {
		width: 49%;
		margin-left: 0;
	}		
		
	.nmx__newtemplate .carousel--products .product {
		margin: 0 auto;
	}

}

@media only screen and (max-width: 560px) {
	/* numinix stuff */
	.nmx__newtemplate .owl-carousel-off {
		margin-top: 0;
	}

		.nmx__newtemplate .owl-carousel-off .product {
			display: block;
			width: auto;
		}
}

@media only screen and (max-width: 460px) {
	#indexHomeBody .owl-carousel .owl-item {
		padding-right: 15px;
	}
}