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

      Custom Styles by Agence202 ligne 549

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



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

			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-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;

    right: 0px;

    top: 34%;

    width: 100%;

    direction: ltr !important;

}

.customNavigation a {

    position: absolute;

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

    width: 25px;

    height: 42px;

    border: 0px;

    font-size: 0;

    padding: 0;

    cursor: pointer;

    overflow: hidden;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.customNavigation a.prev {

    left: -40px;

    background-position: 0px -75px;

    cursor: pointer;

}

.customNavigation a.next {

    right: -40px;

    cursor: pointer;

    background-position: -93px -76px;

}

.customNavigation a.prev:hover{

    background-position: 0px 5px;

}

.customNavigation a.next:hover {

    background-position: -93px 4px;

}

.czcategoryimagelist .customNavigation{

  top: 53%;

  display: none;

}



.nivo-directionNav a {

    width: 50px;

    height: 50px;

}

.czhomeslider .nivo-directionNav .nivo-prevNav {

  background-image: url(../img/codezeel/slider-left-arrow.svg);

}

.czhomeslider .nivo-directionNav .nivo-nextNav {

  background-image: url(../img/codezeel/slider-right-arrow.svg);

}

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

  background-image: url(../img/codezeel/slider-left-arrow-hover.svg);

}

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

  background-image: url(../img/codezeel/slider-right-arrow-hover.svg);

}

@media (max-width: 1530px){

  .customNavigation a.prev {

    left: -15px;

  }

  .customNavigation a.next{

    right: -15px;

  }

}

@media (max-width: 1199px){

   .customNavigation a.prev{

    left: -10px;

  }

  .customNavigation a.next{

    right: -10px;

  } 

}

@media (max-width: 991px) {

  .brands .customNavigation {

    top: 40%;

  }

  .customNavigation a.prev{

    left: 0;

  }

  .customNavigation a.next{

    right: 0;

  }

  .customNavigation{

    top: 31%;

  }

  .homeblog-latest .customNavigation {

    top: 28%;

  }

}

@media (max-width: 575px){

.czcategoryimagelist .customNavigation {

    top: 50%;

  }

}

@media (max-width: 420px){

  .homeblog-latest .customNavigation {

    top: 30%;

  }

  .customNavigation{

    top: 29%;

  }

}

#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/top-arrow.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 45px;

    background-color: transparent;

    right: 20px;

    bottom: 20px;

    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 #fde7da;

    width: 100%;

    background-size: 6%;

    min-height: 700px;

}

@media (max-width: 1459px) {

  #index .spinner {

    min-height: 540px;

  }

}

@media (max-width: 1199px) {

  #index .spinner {

    min-height: 440px;

  }

}

@media (max-width: 991px) {

  #index .spinner {

    min-height: 365px;

  }

}

@media (max-width: 767px){

  #index .spinner {

    min-height: 280px;

  }

}

@media (max-width: 575px){

  #index .spinner {

    min-height: 212px;

  }

}

@media (max-width: 480px) {

  #index .spinner {

    min-height: 180px;

  }

}

@media (max-width: 380px) {

  #index .spinner {

    min-height: 140px;

  }

}

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

      Custom Styles by Agence202

********************************************************/
.tmarge-25 {margin-top:25px;}
.bmarge-20 {margin-bottom:20px;}
.orange {color:#f39200;}
.vert {color:#94c11f;}

/* Couleurs produits */
.energie {color:#d22e63;}
.performance {color:#233b7b;}
.coeur {color:#ce412f;}
.articulation {color:#42ae49;}
.plaisir {color:#4DA2D2;}
.confort {color:#34bbc1;}
.immunite {color:#b290a0;}

/* Couleurs Background */
.gris {background:#F7F7F7;}

/* ----- HEADER ------ */

/* Header - modification de la couleur de fond */
#header .header-top,
.header-top.fixed {background-color:#27662d !important;}

/* Menu principal - modification padding des rubriques */
@media (max-width: 1459px) {
  .top-menu a[data-depth="0"] {padding-left:12px; padding-right:12px;}
}

/* Menu principal - Sous-menu */
.header-top-inner .menu .sub-menu {}

/* ----- HOME PAGE ------ */

/* Position du texte des subbanners sur la page d'accueil */
#czsubbannercmsblock .subbanners .one-third {padding-bottom:15px;}
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text {top:5px; right:10px; color:#fff; text-align:right;}
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow a {color:#fff;}
#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow a:hover {color:#fff; text-decoration:underline;}

@media (min-width: 500px) {
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text {bottom:15px; top:auto; right:15px;}
}

@media (min-width: 651px) and (max-width: 991px) {
	#czsubbannercmsblock .subbanners .one-third {width:100%; text-align:center; padding-bottom:15px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .main-title {font-size:20px; line-height:23px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .sub-title {font-size:30px; line-height:35px; padding-top:10px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow {margin-top:38px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow a {font-size:14px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .main-title {font-size:14px; line-height:16px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .sub-title {font-size:20px; line-height:22px; padding-top:10px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow a {font-size:14px;}
}

@media (min-width: 1200px) and (max-width: 1459px) {
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .main-title {font-size:18px; line-height:20px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .sub-title {font-size:26px; line-height:28px;}
	#czsubbannercmsblock .subbanners .one-third .subbanner .subbanner-text .shopnow a {font-size:14px;}
}

/* Hide du bouton View More Products sur la page d'accueil */
.products .view_more {display:none;}

/* Taille du bandeau le secret du melon sur la page d'accueil */
#czbannercmsblock1 .cmsbanners a.banner-anchor img {width:100%;}

/* Texte du bandeau le secret du melon sur la page d'accueil */
#czbannercmsblock1 .cmsbanner .cmsbanner-detail.container {position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%;}
#czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text {bottom:unset; right:15px; left:15px; top:50%; transform:translateY(-50%); max-width:650px; color:#fff;}
#czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .title {font-size:24px; font-weight:500; line-height:50px; text-transform:uppercase;}
#czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title {margin-bottom:20px; font-size:28px; font-weight:300; line-height:40px;}
#czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 {font-size:50px; line-height:46px;}
#czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 span {font-size:30px;}
#czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .shop.now {margin-top:30px;}

@media (max-width: 650px) {
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .title {font-size:16px; line-height:20px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title {display:none;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 {display:none;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .shop.now {margin-top:10px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text a.shop-now {background-color:#90bf2a; color:#fff; padding:4px 15px; border-radius:5px; display:inline-block; letter-spacing:0.5px; text-decoration:none;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .shop.now a:hover {background-color:#000;}
}

@media (max-width: 767px) {
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail.container {width:100%;}
}

@media (min-width: 651px) and (max-width: 991px) {
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .title {margin-bottom:15px; font-size:20px; line-height:26px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title {display:none;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 {font-size:30px; line-height:22px; font-weight:300;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 span {display:none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .title {margin-bottom:10px; font-size:30px; line-height:36px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title {font-size:20px; line-height:20px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 {font-size:36px; line-height:22px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 span {font-size:20px;}
}

@media (min-width: 1200px) and (max-width: 1459px) {
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .title {margin-bottom:10px; font-size:34px; line-height:40px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title {margin-bottom:10px; font-size:22px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 {font-size:38px;}
  #czbannercmsblock1 .cmsbanner .cmsbanner-detail .cmsbanner-text .offer-title2 span {font-size:26px;}
}

/* ----- PAGES CATALOGUE ------ */

/* Entête produit dans les pages catalogue */
.block-category #category-description .intro {font-size:16px; line-height:1.3; text-align:justify;}
.block-category #category-description p {margin-bottom:15px;}

.header-produit {margin-top:50px;}
.header-produit .bouton {display: flex; justify-content: center; margin-bottom:50px;}
img.header-produit-01 {display:block; width:100%; max-width:395px; margin:0 auto 50px;}
img.header-produit-02 {display:block; width:100%; max-width:339px; margin:0 auto 50px;}

img.header-produit-01.energie-01 {max-width:395px;}
img.header-produit-02.energie-02 {max-width:339px;}
.header-produit .bouton.btn-energie .btn-primary {border:1px solid #d22e63; background:#d22e63;}
.header-produit .bouton.btn-energie .btn-primary:hover,
.header-produit .bouton.btn-energie .btn-primary:focus {background:#fff; color:#d22e63;}

img.header-produit-01.performance-01 {max-width:391px;}
img.header-produit-02.performance-02 {max-width:339px;}
.header-produit .bouton.btn-performance .btn-primary {border:1px solid #233b7b; background:#233b7b;}
.header-produit .bouton.btn-performance .btn-primary:hover,
.header-produit .bouton.btn-performance .btn-primary:focus {background:#fff; color:#233b7b;}

img.header-produit-01.coeur-01 {max-width:395px;}
img.header-produit-02.coeur-02 {max-width:339px;}
.header-produit .bouton.btn-coeur .btn-primary {border:1px solid #ce412f; background:#ce412f;}
.header-produit .bouton.btn-coeur .btn-primary:hover,
.header-produit .bouton.btn-coeur .btn-primary:focus {background:#fff; color:#ce412f;}

img.header-produit-01.articulation-01 {max-width:570px;}
img.header-produit-02.articulation-02 {max-width:339px;}
.header-produit .bouton.btn-articulation .btn-primary {border:1px solid #42ae49; background:#42ae49;}
.header-produit .bouton.btn-articulation .btn-primary:hover,
.header-produit .bouton.btn-articulation .btn-primary:focus {background:#fff; color:#42ae49;}

img.header-produit-01.bienetre-01 {max-width:540px;}
img.header-produit-02.bienetre-02 {max-width:339px;}
.header-produit .bouton.btn-bienetre .btn-primary {border:1px solid #4DA2D2; background:#4DA2D2;}
.header-produit .bouton.btn-bienetre .btn-primary:hover,
.header-produit .bouton.btn-bienetre .btn-primary:focus {background:#fff; color:#4DA2D2;}

img.header-produit-01.conforturinaire-01 {max-width:497px;}
img.header-produit-02.conforturinaire-02 {max-width:339px;}
.header-produit .bouton.btn-conforturinaire .btn-primary {border:1px solid #34bbc1; background:#34bbc1;}
.header-produit .bouton.btn-conforturinaire .btn-primary:hover,
.header-produit .bouton.btn-conforturinaire .btn-primary:focus {background:#fff; color:#34bbc1;}

img.header-produit-01.immunitaire-01 {max-width:405px;}
img.header-produit-02.immunitaire-02 {max-width:339px;}
.header-produit .bouton.btn-immunitaire .btn-primary {border:1px solid #b290a0; background:#b290a0;}
.header-produit .bouton.btn-immunitaire .btn-primary:hover,
.header-produit .bouton.btn-immunitaire .btn-primary:focus {background:#fff; color:#b290a0;}

/* Hide des sous-catégories et du filtre de selection dans les pages catalogue */
#subcategories .subcategories-list, .products-selection {display:none;}

/* Left banners */
.page-category .block-categories {display:none;}
#search_filters_wrapper {display:none;}
.block_surcharge {padding-bottom:20px;}
#czleftbanner li {margin-bottom:25px;}

/* Page produits description */
.product-detail-1 {padding:30px;}
.product-detail-2 {padding:30px; background:#F7F7F7;}
.img-responsive {max-width:100%; height:auto;}

/* Page produits Hide du stock */
.product-variants {display:none;}

/* Page A propos de Vitasod */
.france {margin-top:35px; padding:0 20px; max-width:100%;}

/* Footer reassurance */
#czservicecmsblock .service_container .service-area .service-fourth.service1 .icon1 {background-position:center -105px;}
#czservicecmsblock .service_container .service-area .service-fourth.service1:hover .icon1 {background-position:center 0px;}
#czservicecmsblock .service_container .service-area .service-fourth.service2 .icon2 {background-position:center -336px;}
#czservicecmsblock .service_container .service-area .service-fourth.service2:hover .icon2 {background-position:center -222px;}
#czservicecmsblock .service_container .service-area .service-fourth.service3 .icon3 {background-position:center -564px;}
#czservicecmsblock .service_container .service-area .service-fourth.service3:hover .icon3 {background-position:center -449px;}
#czservicecmsblock .service_container .service-area .service-fourth.service4 .icon4 {background-position:center -790px;}
#czservicecmsblock .service_container .service-area .service-fourth.service4:hover .icon4 {background-position:center -679px;}

/* Footer réseaux sociaux */
.footer-container #czfootercmsblock {padding-top:0;}
#footer .rs {padding-right:15px;}

@media (max-width: 991px) {
  .footer-container .links .h3 {margin-bottom:10px;}
}