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

			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;

    z-index: 8;

    width: 120px;

    right: 10px;

    top: -60px;

    direction: ltr !important;

}

.customNavigation a {

  font-size: 0;

    position: absolute;

    font-weight: 300;

    height: 29px;

    width: 58px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

    line-height: 29px;

    padding: 0;

    color: #fff;

    background: #000;

    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 {

    left: 0px;

    background: #ececec;

    -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:hover.prev {

    background: #0D2968;

}

.customNavigation a.next {

    right: 0px;

    background: #ececec;

    -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:hover.next { background: #0D2968; }

.customNavigation a:before{

    font-size: 12px;

    font-family: "FontAwesome";

    color: #000;

}

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



.customNavigation a.prev:before {

  content: "\f177";

}

.customNavigation a.next:before {

  content: "\f178";

}

@media (max-width: 991px) {

  .customNavigation a.prev{

    left: -0px;

  }

  .customNavigation a.next {

    right: -0px;

  }

  .customNavigation { right: 10px; top: -56px; }

  .lastest_block .customNavigation { top: -56px; }

}



#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.8) 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 0 0;

    bottom: 20px;

    cursor: pointer;

    height: 40px;

    padding: 6px 12px;

    position: fixed;

    right: 20px;

    text-align: center;

    width: 40px;

    z-index: 99;

}



/* Flexslider */



.spinner {

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

    width: 100%;

    position: fixed;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 100000;

    background-size: 8%;

}





/* Preloader 



#czpreloader {

    position:fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    background-color:#fff;

    z-index:99;

}



#loading_status {

    width:200px;

    height:200px;

    position:absolute;

    left:50%; 

    top:50%; 

    background-image:url(../img/codezeel/preloader.gif); 

    background-repeat:no-repeat;

    background-position:center;

    margin:-100px 0 0 -100px;

}*/