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

			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;

  float: left;

  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;

}

#czleftbanner .czleftbanner-container a, 

#czrightbanner .czrightbanner-container a {

    display: inline-block;

    position: relative;

}

#czleftbanner .czleftbanner-container a:before, 

#czrightbanner .czrightbanner-container a:before {

    content: "";

    position: absolute;

    box-shadow: 0 0 50px rgba(0,0,0,0.7) inset;

    -moz-box-shadow: 0 0 70px rgba(0,0,0,0.7) inset;

    -webkit-box-shadow: 0 0 70px rgba(0,0,0,0.7) inset;

    height: 100%;

    width: 100%;

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -khtml-opacity: 0;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    z-index: 9;

}

#czleftbanner .czleftbanner-container a:hover:before, 

#czrightbanner .czrightbanner-container a:hover:before {

    opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    -khtml-opacity: 1;

}

/* mouse grab icon */

.grabbing {

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

}

 



.customNavigation {

    position: absolute;

    z-index: 959;

    width: 66px;

    right: 20px;

    top: -52px;

    direction: ltr!important;

}

.customNavigation a {

    font-size: 0;

    position: absolute;

    font-weight: 300;

    background-color: #a85e2b;

    height: 32px;

    width: 32px;

    line-height: 30px;

    padding: 0;

    color: #fff;

    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;

}

.customNavigation a.prev:before {

    content: "\f104";

}

.customNavigation a.next:before {

    content: "\f105";

}

.customNavigation a:before {

    font-size: 20px;

    font-family: "FontAwesome";

    color: #ffffff;

}

.customNavigation a:hover{

	background-color: #ffffff;

}

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



.customNavigation a.prev {

  left: 0px;

}

.customNavigation a.next {

  right: 0px;

}

@media (max-width: 1350px) {

	.customNavigation a.prev{

		left: 0px;

	}

	.customNavigation a.next {

		right: 0px;

	}

}



@media (max-width: 991px) {



}

#czleftbanner,

#czrightbanner{

	background: #fff;;

	padding: 0px;   

	margin-bottom: 30px;

}



#czleftbanner img,

#czrightbanner img{

	max-width: 100%;

}	





.top_button {

	background: #a85e2b;

    border: 1px solid #fff;

    bottom: 20px;

    cursor: pointer;

    height: 38px;

    padding: 6px 12px;

    position: fixed;

    right: 20px;

    text-align: center;

    width: 38px;

    z-index: 99;

}

.top_button:hover{ background: #000000; }

.top_button:before{

	color: #fff;

    content: "\f106";

    font-family: "FontAwesome";

    font-size: 18px;

    font-weight: 700;

}

/* Flexslider */

.nivo-directionNav a {

    background: url(../img/codezeel/slider_arrow.png) no-repeat 0 0;

    width: 65px;

    height: 65px;

}

.nivo-directionNav .nivo-prevNav {

    left: -40px;

    background-position: 0 0px;

}

.nivo-directionNav .nivo-nextNav{

    right: -40px;

    background-position: -100px 3px;

}

.nivo-directionNav .nivo-prevNav:hover {

    background-position: 0 -90px;

}

.nivo-directionNav .nivo-nextNav:hover{

    background-position: -100px -88px;

}



.spinner {

    min-height: 690px;

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

    width: 100%;

}

@media (max-width: 1399px) {

	.spinner {min-height: 500px;}

}

@media (max-width: 1199px) {

	.spinner {min-height: 435px;}

}

@media (max-width: 991px) {

	.spinner {min-height: 360px;}

}

@media (max-width: 767px) {

	.spinner {min-height: 280px;}

}

@media (max-width: 479px) {

	.spinner {min-height: 180px;}

}



.breadcrumb {

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

}

@media (min-width: 991px) {
.footer-after .copyright {

    padding: 5px 0;
    float: left;
	width: 70%;
}
}
.brands {

    text-align: center;
    clear: both;
    padding: 0px 0 0px;
	visibility:hidden;
	height: 0px;

}
.footer-after .copyright {
color: #fff;
}