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

			Codezeel Custom Styles

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



.header {

    background-color: white!important;

}

.cz-carousel {

  display: none;

  position: relative;

  float: left;

  width: 100%;

  margin: 0;

  touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  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 */

  backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  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: 100px;

  right: 15px;

  direction: ltr !important;

}

.customNavigation a {

  font-size: 0;

  position: absolute;

  font-weight: 300;

  height: 30px;

  width: 30px;

  line-height: 30px;

  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;

  background: #f2f2f2;

}

.customNavigation a.prev, 

.customNavigation a.btn.prev {

  left: 0;

}

.customNavigation a.next, 

.customNavigation a.btn.next {

  right: 0;

}

.customNavigation a:hover {

  background-color: #eeb091;

}

.czhomeslider .nivo-directionNav .nivo-prevNav {

  background-position: 0px 0px;

}

.czhomeslider .nivo-directionNav .nivo-nextNav {

  background-position: right 0px;

}

.czhomeslider .nivo-directionNav .nivo-prevNav:hover {

  background-position: 0px -104px;

}

.czhomeslider .nivo-directionNav .nivo-nextNav:hover {

  background-position: right -104px;

}

.customNavigation a:before{

  font-size: 20px;

  font-family: "FontAwesome";

  color: #000000;

}

.customNavigation a:hover:before {

  color: #fff;

}

.customNavigation a.prev:before {

  content: "\f104";

}

.customNavigation a.next:before {

  content: "\f105";

}

.brands .customNavigation a.prev {

  left: -15px;

}

.brands .customNavigation a.next {

  right: -15px;

}

.nivo-directionNav a {

  width: 35px;

  height: 45px;

  background: transparent url(../img/codezeel/arrow.png) no-repeat scroll;

}





@media (max-width: 480px) {

  .customNavigation {

    top: -60px;

  }

  .customNavigation a.prev, .customNavigation a.btn.prev {

    background-position: 9px 3px;

  }

  .customNavigation a.prev:hover {

    background-position: 9px -33px;

  }

  .customNavigation a.next, 

  .customNavigation a.btn.next {

    background-position: -26px 3px;

  }

  .customNavigation a.next:hover {

    background-position: -26px -32px;

  }

}



#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,.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-image: url(../img/codezeel/subir.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 45px;

    background-color: transparent;

    right: 20px;

    bottom: 70px;

    position: fixed;

    z-index: 999;

    width: 50px;

    height: 50px;

    font-size: 0;

    display: block;

}



/* Flexslider */



#index .spinner {

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

    width: 100%;

    background-size: 21%;

    min-height: 1080px;

}

@media (max-width: 1459px) {

  #index .spinner {

    min-height: 821px;

  }

}

@media (max-width: 1199px) {

  #index .spinner {

    min-height: 674px;

  }

}

@media (max-width: 991px) {

  #index .spinner {

    min-height: 557px;

  }

}

@media (max-width: 480px) {

  #index .spinner {

    min-height: 270px;

  }

}

@media (max-width: 380px) {

  #index .spinner {

    min-height: 214px;

  }

}


.titlemayo
{
  text-align: center;
}
        .intro {
            margin: 0;
            padding: 0;
           /* background-color: #f9f9f9;*/
            color: #333;
        }
        .headerintro {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .logointro  {
          
        text-align: center;
        }
        .logointro img {
          width: 80%;
          margin: auto;
        }
        .presentationintro {
            /*max-width: 600px;*/
            padding: 30px;
        }
        .presentationintro h1 {
            color: #2ebbbf;
            margin-bottom: 10px;
            font-size: 2rem;
        }
        .presentationintro p {
            line-height: 1.6;
            margin-top: 0;
        }
        .containerintro {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: 20px;
        }



    .wholesale-video {
      background-color: #f9f9f9;
      padding: 30px 20px;
      text-align: center;
  }
  .wholesale-video .container {
      max-width: 800px;
      margin: auto;
  }
  .wholesale-video .title {
      font-size: 1.8rem;
      color: #2ebbbf;
      margin-bottom: 15px;
  }
  .wholesale-video p {
      line-height: 1.6;
      margin-bottom: 20px;
      color: #333;
  }
  .video-container {
      margin: 20px 0;
  }
  .videonew {
      width: 100%;
      max-width: 700px;
      /*border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
  }


  #subcategories
  {
    
		/*display:none!important;*/
  }
  
  #newproduct_block
  {
    
		display:none!important;
  }
  
  .page-header .logo img {
    width:50%!important;
  }