/********************************************************

			Codezeel Custom Styles

********************************************************/

.cz-carousel {

  display: none;

  position: relative;

  float: left;

  width: 100%;

  margin: 0;

  -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  width: 100%;

}

.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;

}

.owl-carousel .owl-item {

  float: left;

}

.owl-carousel .owl-item .manu_image a {

  display: inline-block;

}

.owl-carousel .owl-item .manu_image a img {

  max-width: 100%;

}

.owl-carousel .owl-item:hover a img {

  border-color: blue;

}

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  /* fix */

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  text-align: center;

}



/* mouse grab icon */

.grabbing {

  cursor: url("../img/codezeel/grabbing.png") 8 8, move;

}



.customNavigation {

  position: absolute;

  z-index: 959;

  width: 100%;

  top: 32%;

  direction: ltr !important;

}

.customNavigation a {

  font-size: 0;

  position: absolute;

  padding: 0;

  color: #888888;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  	background: rgba(0, 0, 0, 0) url(../img/codezeel/slider-arrow.png) no-repeat scroll 0 0;

	width: 18px;

	height: 36px;

}



.customNavigation a:hover{



}

.customNavigation a:hover:before{ color: #262626; }



.customNavigation a.prev {

  left: -30px;

  background-position: 1px 2px;

}

.customNavigation a.next {

  right: -30px;

  background-position: -56px 2px;

}

.customNavigation a.prev:hover{

	background-position: 1px -35px;

}

.customNavigation a.next:hover{

	 background-position: -56px -35px;

}

@media (max-width: 1350px) {

	.customNavigation a.prev{

		left: -15px;

	}

	.customNavigation a.next {

		right: -15px;

	}

}



@media (max-width: 991px) {

	.customNavigation a.prev{

		left: -10px;

	}

	.customNavigation a.next {

		right: -10px;

	}

}



#czleftbanner{

	margin-bottom: 20px;

}



#czleftbanner img,

#czrightbanner img{

	max-width: 100%;

	margin-bottom: 15px;

}

#czleftbanner li a,

#czrightbanner li a{

	display: block;

}



#czleftbanner li a:before,

#czrightbanner li a:before{

    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

    bottom: 20px;

    content: "";

    left: 20px;

    opacity: 1;

    position: absolute;

    right: 20px;

    top: 20px;

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}

#czleftbanner li:hover a:before,

#czrightbanner li:hover a:before{

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}

.top_button {

	background: #1d3467;

    bottom: 20px;

    cursor: pointer;

    padding: 6px 12px;

    position: fixed;

    right: 20px;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 30px;

    z-index: 99;

	color: #ffffff;

	border-radius: 50%;

}

.top_button .fa{ font-size: 24px;}

.top_button:after{

	border: 2px solid #bbbbbb;

    border-radius: 50%;

    bottom: 18px;

    content: "";

    height: 0;

    opacity: 0;

    position: absolute;

    right: 18px;

    width: 0;

}

.top_button:hover{

	background: #bbbbbb;

    color: #000000;

}

.top_button:hover::after {

    bottom: -5px;

    height: 50px;

    opacity: 1;

    right: -5px;

    transition: all 400ms ease-in-out 0s;

    width: 50px;

}

.nivo-directionNav a:after{

	border: 2px solid #bbbbbb;

    border-radius: 50%;

    bottom: 18px;

    content: "";

    height: 0;

    opacity: 0;

    position: absolute;

    right: 18px;

    width: 0;

}

.nivo-directionNav a:hover::after {

    bottom: -10px;

    height: 60px;

    opacity: 1;

    right: -10px;

    transition: all 400ms ease-in-out 0s;

    width: 60px;

}

/* Flexslider */

#header {

}



#footer {

    background: #000000 url(../img/codezeel/footer-bkg.jpg) no-repeat fixed center bottom;

}

#index .spinner {

    min-height: 750px;

    background: url(../img/codezeel/loading.gif) no-repeat center center #f5f5f5;

    width: 100%;

}



/*.breadcrumb {

    background: url(../img/codezeel/breadcumb.jpg) no-repeat fixed top center #f5f5f5;

}*/



@media (max-width: 1399px) {

	#index .spinner {min-height: 450px;}

}

@media (max-width: 1199px) {

	#index .spinner {min-height: 380px;}

}

@media (max-width: 991px) {

	#index .spinner {min-height: 320px;}

}

@media (max-width: 767px) {

	#index .spinner {min-height: 250px;}

}

@media (max-width: 479x) {

	#index .spinner {min-height: 180px;}

}

.product-add-to-cart .product-quantity .qty .input-group {
    display: none;
}