/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
.page-home .leo-title .title_block {
  text-align: center;
  font-size: 36px;
  margin: 70px 0 60px; }
  @media (max-width: 575px) {
    .page-home .leo-title .title_block {
      font-size: 28px;
      margin: 40px 0; } }

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav div.iview-items ul li {
  height: auto; }
  .iview-controlNav div.iview-items ul li a.iview-control {
    text-indent: inherit;
    font-size: 20px;
    width: auto;
    height: auto;
    background: transparent;
    color: #222222;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .iview-controlNav div.iview-items ul li a.iview-control:before {
      display: none; }
    .iview-controlNav div.iview-items ul li a.iview-control:after {
      content: "";
      width: 0px;
      height: 1px;
      display: inline-block;
      background: #222222;
      margin-left: 5px;
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .rtl .iview-controlNav div.iview-items ul li a.iview-control:after {
        margin-right: 5px;
        margin-left: inherit; }
    .iview-controlNav div.iview-items ul li a.iview-control.active {
      font-size: 30px; }
      .iview-controlNav div.iview-items ul li a.iview-control.active:after {
        width: 45px; }

/*
  Widget Category Image
*/
.ApColumn .widget-category_image {
  font-family: "Josefin Sans", sans-serif;
  text-align: left; }
  .rtl .ApColumn .widget-category_image {
    text-align: right; }
  .ApColumn .widget-category_image .nbproducts {
    bottom: 50px;
    font-weight: 600;
    font-size: 36px;
    left: 50px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
    .rtl .ApColumn .widget-category_image .nbproducts {
      right: 50px;
      left: auto; }
    @media (max-width: 991px) {
      .ApColumn .widget-category_image .nbproducts {
        font-size: 24px; } }
    .ApColumn .widget-category_image .nbproducts .leo-qty {
      font-size: 16px;
      color: #222222;
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
  .ApColumn .widget-category_image.cate-top .nbproducts {
    top: 50px;
    bottom: inherit; }
  .ApColumn .widget-category_image:hover .nbproducts {
    bottom: 50px; }
    .ApColumn .widget-category_image:hover .nbproducts .leo-qty {
      color: #FFFFFF; }

/*** Banner style ****/
@media (min-width: 992px) {
  .banner-style .ApImage {
    margin-bottom: 0; } }
@media (max-width: 575px) {
  .banner-style .ApImage img {
    width: 100% !important; } }
.banner-style .ApImage .box-des {
  margin-top: 20px;
  color: #888888;
  font-size: 12px;
  text-transform: uppercase; }
  .banner-style .ApImage .box-des a {
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 10px;
    display: block;
    line-height: 24px; }
@media (min-width: 1200px) {
  .banner-style .ApImage.style-1 {
    padding-left: 100px; }
    .rtl .banner-style .ApImage.style-1 {
      padding-right: 100px;
      padding-left: inherit; } }
@media (min-width: 576px) {
  .banner-style .ApImage.style-1 {
    float: left; }
    .rtl .banner-style .ApImage.style-1 {
      float: right; } }
.banner-style .ApImage.style-2 {
  clear: both; }
  @media (min-width: 1200px) {
    .banner-style .ApImage.style-2 {
      padding-right: 135px; }
      .rtl .banner-style .ApImage.style-2 {
        padding-left: 135px;
        padding-right: inherit; } }
  @media (min-width: 992px) {
    .banner-style .ApImage.style-2 {
      margin-top: -80px; } }
  @media (min-width: 576px) {
    .banner-style .ApImage.style-2 {
      float: right; }
      .rtl .banner-style .ApImage.style-2 {
        float: left; } }
.banner-style .ApImage.text-left {
  clear: both; }
  @media (min-width: 1200px) {
    .banner-style .ApImage.text-left {
      padding-right: 70px; }
      .rtl .banner-style .ApImage.text-left {
        padding-left: 70px;
        padding-right: inherit; } }
  @media (min-width: 992px) {
    .banner-style .ApImage.text-left {
      margin-top: -150px; } }
  @media (min-width: 576px) {
    .banner-style .ApImage.text-left {
      float: right;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: reverse;
      -moz-box-direction: reverse;
      box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -ms-flex-direction: row-reverse; }
      .rtl .banner-style .ApImage.text-left {
        float: left; } }
  @media (min-width: 576px) {
    .banner-style .ApImage.text-left .image_description {
      padding-right: 30px;
      text-align: right; }
      .rtl .banner-style .ApImage.text-left .image_description {
        padding-left: 30px;
        padding-right: inherit; }
      .rtl .banner-style .ApImage.text-left .image_description {
        text-align: left; } }
.banner-style .ApImage.text-right {
  clear: both; }
  @media (min-width: 992px) {
    .banner-style .ApImage.text-right {
      margin-top: -80px; } }
  @media (min-width: 576px) {
    .banner-style .ApImage.text-right {
      float: left;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
      .rtl .banner-style .ApImage.text-right {
        float: right; } }
  @media (min-width: 576px) {
    .banner-style .ApImage.text-right .image_description {
      padding-left: 30px; }
      .rtl .banner-style .ApImage.text-right .image_description {
        padding-right: 30px;
        padding-left: inherit; } }
.banner-style .ApBlockLink {
  position: relative;
  clear: both;
  margin: -170px 0 0;
  float: left; }
  .rtl .banner-style .ApBlockLink {
    float: right; }
  @media (max-width: 767px) {
    .banner-style .ApBlockLink {
      margin: 0;
      text-align: center;
      float: none;
      width: 100%; } }
  .banner-style .ApBlockLink a {
    font-size: 24px;
    font-weight: 600;
    border-bottom: 2px solid;
    padding-bottom: 5px; }

.tabs-top {
  margin-top: 50px; }

/*# sourceMappingURL=profile1535817182.css.map */

body {
font-size: 16px;
}

.description-short {
color: black!important;
}

.grandcta {
margin-bottom: 40px;
    font-size: xx-large;
}

.add-to-cart, .continue, .lql-login-bt, .lql-register-bt {
 background: #4eb33c!important;
}
.add-to-cart:hover {
 background: #2b9618!important;
}

.btn-payer {
background-color: #0dd22e;
}

.btn-payer:hover {
background-color: #06981e!important;
}

.centrer {
  text-align: center !important; }

.texte_landing {
font-size: large;
    line-height: normal;
}

.thumbnail-container .product-title a {
font-size: 24px!important;
}
.thumbnail-container .product-price-and-shipping .price {
font-size: 26px!important;
}

.leo-bt-cart {
width: 60%;
margin: 20px;
}

@media (max-width: 680px) {
.leo-bt-cart {
width: 90%;
}
}

.product-quantities > .label {
text-transform: uppercase;
    background-color: yellow;
}

.cart-voucher > p.promo-code-button  > a {
text-decoration: underline;
}

.banner-style .ApImage .box-des {
font-size:18px!important;
text-transform:none!important
}

.banner-style .ApImage.style-1 {
padding-left: 0;
}

.width100 {
width: 100%;
}

.max690 {
margin-bottom: 20px!important;
}

@media (min-width: 1201px) and (max-width: 1600px) {
.max690, .max690 img {
max-width:690px!important;
}
}

@media (max-width: 480px) {
.page-home .ApColumn .title_block {
margin: 10px!important;
}
.grandcta {
font-size: larger
}
}

.citation_bg {
/*background-image: url("https://www.lunamask.fr/themes/at_nova/assets/img/modules/appagebuilder/images/citationbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 460px;
    margin-bottom: 40px;*/
}

.citation {
text-align: center;
    margin-top: 50px;
    margin-bottom: 50px!important;
}

.citation > .block_content > blockquote > p > em {
font-size: x-large;
}

.product-variants > .product-variants-item .color {
width: 80px;
height: 80px;
}

.product-variants > .product-variants-item .input-color:checked + span:before {
color: green
}
.product-variants > .product-variants-item .color:before {
font-size: 18px;
}

.thumbnail-container .product-title {
    margin-top: 30px;
    margin-bottom: 5px;
}


.homeheadercta {
width: 630px!important;
height: 90px!important;
line-height: 90px!important;
}

.leo-quicklogin-form .lql-action {
    margin-bottom: 0px;
}
.leo-login-title, .leo-register-title {
background: white;
    color: #666;
}
.leo-login-title span, .leo-register-title span {
    color: #666;
}