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

			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: 38%;

  direction: ltr !important;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.czcategoryimagelist .customNavigation {

    top: 42%;

    display: none;

}

.czcategoryimagelist:hover .customNavigation{

  opacity: 1;

}

.lastest_block .customNavigation {

  opacity: 0;

  filter: alpha(opacity=0);

  z-index: 9;

}

.lastest_block:hover .customNavigation {

  opacity: 1;

  filter: alpha(opacity=100);

}

.customNavigation a {

	font-size: 0;

	position: absolute;

	font-weight: 300;

	height: 35px;

	width: 35px;

	line-height: 33px;

	padding: 0;

	color: #000000;

	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;

	border: 0;

	z-index: 9;

	background-color: #888;

	-webkit-mask-repeat: no-repeat;

	mask-repeat: no-repeat;

	mask-position: center;

  -webkit-mask-position: center;

  -webkit-mask-size: 30px;

	mask-size: 30px;

}

.customNavigation a.prev {

	-webkit-mask-image: url(../img/codezeel/left-angle.svg);

	mask-image: url(../img/codezeel/left-angle.svg);

}

.customNavigation a.next{

  -webkit-mask-image: url(../img/codezeel/right-angle.svg);

	mask-image: url(../img/codezeel/right-angle.svg);

}

.customNavigation a.next:hover,

.customNavigation a.prev:hover{

  background-color: #c90000;

}

.customNavigation a:hover{

   color: #fff; 

 }



.customNavigation a.prev {

  left: -20px;

}

.customNavigation a.next {

  right: -20px;

}





.nivo-directionNav a {

  width: 50px;

  height: 50px;

}





@media (max-width: 1500px) {

#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 {

   content: "";

    position: absolute;

    left: 0;

    top: 0;

    border: 80px double transparent;

    width: 100%;

    height: 100%;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}



#czleftbanner li:hover a:before, #czrightbanner li:hover a:before {

    border: 0px double rgba(255, 255, 255, 0.45);

    opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -ms-opacity: 0;

    -o-opacity: 0;

}

  .customNavigation a.prev {

      left: 0px;

    }

  .customNavigation a.next {

      right: 0px;

    }

  }

  .top_button {

    background: #c90000;

    bottom: 90px;

    cursor: pointer;

    height: 37px;

    padding: 0;

    position: fixed;

    right: 24px;

    text-align: center;

    display: none;

    width: 37px;

    z-index: 9;

    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;

    animation-name: hvr-icon-bob-float, hvr-icon-bob;

    -webkit-animation-duration: .3s, 1.5s;

    animation-duration: .3s, 1.5s;

    -webkit-animation-delay: 0s, .3s;

    animation-delay: 0s, .3s;

    -webkit-animation-timing-function: ease-out, ease-in-out;

    animation-timing-function: ease-out, ease-in-out;

    -webkit-animation-iteration-count: 1, infinite;

    animation-iteration-count: 1, infinite;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-direction: normal, alternate;

    animation-direction: normal, alternate;

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

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

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

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

  }

  .top_button::before {

    font-family: "FontAwesome";

    content: "\f102";

    color: #fff;

    font-size: 25px;

    position: absolute;

    top: 5px;

    left: 10px;

  }

  .top_button::after {

    border: 2px solid #c90000;

    bottom: -5px;

    height: 47px;

    opacity: 1;

    right: -5px;

    content: "";

    position: absolute;

    width: 47px;

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

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

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

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

  }

  .top_button:hover:after {

    animation: unset;

    -webkit-animation:unset;

  }

  

  /* Icon Bob */

  @-webkit-keyframes hvr-icon-bob {

    0% {

      -webkit-transform: translateY(-6px);

      transform: translateY(-6px);

    }

    50% {

      -webkit-transform: translateY(-2px);

      transform: translateY(-2px);

    }

    100% {

      -webkit-transform: translateY(-6px);

      transform: translateY(-6px);

    }

  }

  @keyframes hvr-icon-bob {

    0% {

      -webkit-transform: translateY(-6px);

      transform: translateY(-6px);

    }

    50% {

      -webkit-transform: translateY(-2px);

      transform: translateY(-2px);

    }

    100% {

      -webkit-transform: translateY(-6px);

      transform: translateY(-6px);

    }

  }

  @-webkit-keyframes hvr-icon-bob-float {

    100% {

      -webkit-transform: translateY(-6px);

      transform: translateY(-6px);

    }

  }

  @keyframes hvr-icon-bob-float {

    100% {

      -webkit-transform: translateY(-6px);

      transform: translateY(-6px);

    }

  }

  

  

  

@media (max-width: 1259px){

  .customNavigation a.prev {

    left: -15px;

  }

  .customNavigation a.next {

    right: -15px;

  }

}

@media (max-width: 767px){

  .customNavigation a.prev {

    left: 0px;

  }

.customNavigation a.next {

    right: 0px;

  }

}

/* Flexslider */



#index .spinner {

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

    min-height: 700px;

    width: 100%;

    z-index: 9999;

    background-size: 4%;

}

@media (max-width: 1459px) {

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

}

@media (max-width: 1199px) {

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

}

@media (max-width: 991px) {

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

}

@media (max-width: 575px) {

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

}

@media (max-width: 480px) {

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

}







/* CSS3 Transitions */



.owl-origin {

  -webkit-perspective: 1200px;

  -webkit-perspective-origin-x : 50%;

  -webkit-perspective-origin-y : 50%;

  -moz-perspective : 1200px;

  -moz-perspective-origin-x : 50%;

  -moz-perspective-origin-y : 50%;

  perspective : 1200px;

}

/* fade */

.owl-fade-out {

  z-index: 10;

  -webkit-animation: fadeOut .7s both ease;

  -moz-animation: fadeOut .7s both ease;

  animation: fadeOut .7s both ease;

}

.owl-fade-in {

  -webkit-animation: empty 1ms both ease;

  -moz-animation: empty 1ms both ease;

  animation: empty 1ms both ease;

}





/* Keyframes */

/*empty*/

@-webkit-keyframes empty {

  0% {opacity: 1}

}

@-moz-keyframes empty {

  0% {opacity: 1}

}

@keyframes empty {

  0% {opacity: 1}

}

@-webkit-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@-moz-keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}

@keyframes fadeOut {

  0% { opacity:1; }

  100% { opacity:0; }

}



/*Modification theme page maintenance*/
.logo {
  display: none;
}
.flex {
  display: flex;
  justify-content: space-around;
}
h1 {
  text-align: center;
}