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

			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;

}



/* mouse grab icon */

.grabbing {

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

}

 

.customNavigation {

  position: absolute;

  width: 100%;

  top: 37%;

  direction: ltr !important;

}

.lastest_block .customNavigation {

  top: 40%;

  opacity: 0;

  filter: alpha(opacity=0);

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

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

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

  transition: all 0.5s ease 0s;

}

.lastest_block:hover .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

}

.customNavigation a {

	font-size: 0px;

  position: absolute;

  font-weight: 300;

  height: 25px;

  width: 50px;

  line-height: 26px;

  padding: 0px;

  color: #000000;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

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

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

  transition: all 0.5s ease 0s;

  border: 0;

}



.customNavigation a:hover {

	border-color: #262626;

}

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



.customNavigation a.prev {

  left: -20px;

}

.customNavigation a.next {

  right: -20px;

}

.customNavigation a.prev:before {

	content: '\f177';

  font-family: "FontAwesome";

  font-size: 20px;

  color: #ac182d;

}

.customNavigation a.next:before {

  content: '\f178';

  font-family: "FontAwesome";

  font-size: 20px;

  color: #ac182d;

}

.customNavigation a.prev:hover:before ,

.customNavigation a.next:hover:before { color: #000000; }

@media (max-width: 1670px) {

  .customNavigation a {

    width: 25px;

  }

  .customNavigation a.prev {

    left: 0px;

  }

  .customNavigation a.next {

    right: 0px;

  }

}



@media (max-width: 767px) {

  .lastest_block .customNavigation {

    top: 26%;

  }

}

@media (max-width: 650px) {

  .lastest_block .customNavigation {

    top: 30%;

  }

}

#czleftbanner img,

#czrightbanner img {

	max-width: 100%;

}	

#czleftbanner li, #czrightbanner li {

  display: inline-block;

}

#czleftbanner li a, #czrightbanner li a {

  display: inline-block;

  overflow: hidden;

  position: relative;

}

#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: url(../img/codezeel/top-arrow.png) no-repeat scroll 0px 0px;

  bottom: 20px;

  cursor: pointer;

  height: 50px;

  position: fixed;

  right: 20px;

  text-align: center;

  width: 50px;

  z-index: 99;

}





/* Flexslider */



#index .spinner {

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

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 100000;

  top: 0;

  left: 0;

  background-size: 15%;

}