/* 
Wireframe: Webshop 01
Version: 2.0
Update: 2020.08.25
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
## Superfish
## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
  font-family: 'Century-Gothic';
  src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
    url('../fonts/CenturyGothic-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'century_gothicregular';
  src: url('../fonts/gothic-webfont.woff2') format('woff2'),
    url('../fonts/gothic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'latoregular';
  src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
    url('../fonts/lato-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'latolight';
  src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
    url('../fonts/lato-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('../fonts/MyriadPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'barlow_condensedregular';
  src: url('../fonts/barlowcondensed-regular-webfont.woff2') format('woff2'),
    url('../fonts/barlowcondensed-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'montserratregular';
  src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('../fonts/montserrat-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'barlowsemibold';
  src: url('../fonts/barlow-semibold-webfont.woff2') format('woff2'),
    url('../fonts/barlow-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/*--------------------------------------------------
# General
--------------------------------------------------*/

:root{
  --fa-family-classic: "Font Awesome 6 Pro";
}

body {
  background-color: #000000 ;
  background-image:url(../images/bg.jpg) ;
  color: #ffffff;
  font-family: 'latoregular';
  font-size: 16px;
  line-height: 1.6em;
}
a {
  color: #06cc06;
  text-decoration: underline;
  transition: all .4s;
}
a:active, a:hover, a:focus {
  color: #06cc06;
  text-decoration: none;
}

.onlydesk{    display: block;}
  footer.bottom .social .appstore .btn-store img.qrcode{
    max-height: 110px;
    width: 110px;
    margin: 4px;
}

.lire-plus {
  position: relative;
  display : table;
  text-decoration: none!important;
  width: 130px;
  height: 40px;
  text-align: center;
  background: #01d201;
  line-height: 40px;
  font-size: 15px;
  color: #fff!important;
  margin-top: 0px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.lire-plus:hover {
  background: #2ae92a!important;
  color: #fff!important;
}
.image-right {
  float: right;
  margin: 0 0 10px 15px;
}
.image-left {
  float: left;
  margin: 0 15px 10px 0;
}
.green {
  color: #53aca1;
}
#lien {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;

}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.5em;

}
h1 {
  font-size:36px;
}
h2 {
  font-size: 24px;
  font-family: 'century_gothicregular';
  font-weight: normal;
}
h3 {
  font-size:24px;
}
h4 {
  font-size:20px;
}
h5 {
  font-size:18px;
}
h6 {
  font-size:14px;
}
select {color:#333;}

.modal__inner #news-popup .popup-wrapper {
  color: #000;
}
section.topbar {
  background: #333;
  color: #999;
  padding: 10px 0;
}
section.topbar a {
  text-decoration: none;
}
section.topbar nav.language {
  text-transform: uppercase;
}
section.topbar nav.language a {
  color: #ccc;
  font-weight: bold;
  display: block;
  float: left;
  border-left: 1px solid #999;
  padding: 0 8px;
}
section.topbar nav.language a:first-child {
  border-left: none;
}
section.topbar nav.language a:hover,
section.topbar nav.language a.selected {
  color: #68b6ac;
}
section.topbar .social {
  text-align: right;
}
section.topbar .social a {
  display: inline-block;
  padding: 0 8px;
}
section.topbar .social a + a {
  border-left: 1px solid #999;
}

#news-popup .popup-wrapper .popup-content .news-item-title {
  color:#000000;
}

header.top {
  background: rgba(0,0,0,.87);
  z-index: 201;
  position: relative;
  padding-top: 46px;
  padding-bottom: 41px;
}
header.top .logo {
  display: table;
  margin: auto;
  position: relative;
  left: 9px;
}
header.top .cta {
  float: right;
  text-align: right;
  margin-top: -68px;
  letter-spacing: 1.7px;
}
header.top .cta p {
  margin: 0;
  padding: 0;
}
header.top .cta a {
  text-decoration: none;
  font-size: 17px;
  color: #fff;
  font-family: 'century_gothicregular';
  background: url(../images/bgcta.png) left center no-repeat;
  padding-left: 48px;
  display: inline-block;
  padding-bottom: 1px;
}
header.top .cta a:hover {
  color :#06c106;
}
header.top .cta .phone {
  font-size: 23px;
  font-family: 'Century-Gothic';
  display: inline-block;
  margin-top: 2px;
}
header.top .cta .phone-responsive {
  display : none;
}
section.banner {
  position: relative;
  z-index: 200;
  height: 723px;
  margin-bottom: 30px;
  background: #fff;
  margin-top: -169px;
}
section.banner.small {
  height: 550px;

}
section.banner.smaller {height: 224px;background: url(../images/bg-banner.jpg) top center no-repeat;background-size: cover;}
section.banner nav.main-nav {
  position: absolute;
  z-index: 200;
  left: 0;
  right: 0;
  top: 0;
  background: #000;
  z-index: 50;
  transition: background .4s;
}
/*section.banner.small nav.main-nav {
position: relative;
top: 0;
}*/
section.banner nav.main-nav {
  top: 168px;
  left: 0;
  right: 0;
  z-index: 100;
  background: #000;
  transition: transform .6s;
  border-bottom: 3px solid #1b1c1c;
}
section.banner nav.main-nav.sticky-appear {
  position: fixed;
  animation: sticky-nav .5s forwards;
  top: 0;
}
@keyframes sticky-nav {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
section.banner nav.main-nav a.nav-logo {
  float: left;
  padding: 7px 3px 7px 3px;
  visibility: hidden;
  opacity: 0;
  transition: all .4s;
  pointer-events: none;
  transform: translateX(-100%);
}
section.banner nav.main-nav.sticky-appear a.nav-logo {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
section.banner nav.main-nav a.nav-logo img {
  height: 38px;
  width: auto;
}
section.banner nav.main-nav .nav-cta {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 5px 25px;
  visibility: hidden;
  opacity: 0;
  background: #646464;
  color: #fff;
  text-align: left;
  font-size: 17px;
  transition: all .4s;
  pointer-events: none;
  transform: translateX(-100%);

  margin-top: 3px;
}

.black-box{    background: #000000;
  margin-top: -30px;
  padding-top: 29px;
  padding-bottom: 50px;}


section.banner nav.main-nav.sticky-appear .nav-cta {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
section.banner nav.main-nav .nav-cta a {
  color: #fff;
  text-decoration : none;
}
section.banner nav.main-nav .nav-cta a:hover {
  color :#06c006;
}
section.banner nav.main-nav .nav-cta p {
  margin: 0;
  padding: 0;
}
section.banner nav.main-nav .nav-cta .green {
  color: #fff;
}
/*section.banner nav.main-nav:hover {

}*/
section.banner nav.main-nav #nav-group {
  position: relative;
}
section.banner nav.main-nav #nav-group .WishlistButton,
section.banner nav.main-nav #nav-group .SearchButton {
  float: right;
  padding-top: 9px;
}
section.banner nav.main-nav #nav-group .WishlistButton {
  margin-left: 5px;
}
section.banner nav.main-nav #nav-group .WishlistButton a,
section.banner nav.main-nav #nav-group .SearchButton a,
section.banner nav.main-nav #nav-group .loginnav > a {
  color: #fff;
  text-decoration: none;
  /* box-shadow: 0 3px 0 #3b7c74; */
  border-radius: 50%;
  /* font-size: 18px; */
  line-height: 38px;
  height: 38px;
  width: 38px;
  text-align: center;
  display: block;

  background: #06c106;
  border: 1px solid #06c106;
  position: relative;
}
section.banner nav.main-nav #nav-group .SearchButton a:hover i.fa.fa-search:before {/*background :url(../images/toolh.png) center center no-repeat;*/}

section.banner nav.main-nav #nav-group .WishlistButton a .fa-heart:before,
section.banner nav.main-nav #nav-group .SearchButton > a i:before,
section.banner nav.main-nav #nav-group .loginnav > a i:before{     color: #ffffff !important;}

section.banner nav.main-nav #nav-group .WishlistButton a:hover,
section.banner nav.main-nav #nav-group .SearchButton a:hover,
section.banner nav.main-nav #nav-group .loginnav > a:hover {
  background: transparent;
  border: 1px solid #959595;
}
section.banner nav.main-nav #nav-group .SearchButton a i.fa {
  transition: all .4s;
  line-height: 38px;
}
section.banner nav.main-nav #nav-group .loginnav > a:hover i:before,
section.banner nav.main-nav #nav-group .SearchButton > a:hover i:before {color: #959595 !important;}
a:hover .fa-heart:before {    content: "\f004";    color: #959595 !important;}
section.banner nav.main-nav #nav-group .SearchButton a i.fa.fa-search {	/*display: block;*/}
section.banner nav.main-nav #nav-group .SearchButton a i.fa.fa-search:before {
  /*position : absolute;
  content:'';
  top:0;
  bottom:0;
  left:0;
  right:0;
  background :url(../images/tool.png) center center no-repeat;*/
}
section.banner nav.main-nav #nav-group .SearchButton a i.fa.fa-times {	display: none;}
section.banner nav.main-nav #nav-group .SearchButton a.active i.fa.fa-search {	display: none;}
section.banner nav.main-nav #nav-group .SearchButton a.active i.fa.fa-times {	display: block;}
section.banner nav.main-nav #nav-group .searchForm {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 120px;
  top: 0;
  bottom: 100%;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: all .4s;
}
section.banner nav.main-nav #nav-group .searchForm.active {
  bottom: 0;
  padding: 5px 0;
  opacity: 1;
}
section.banner nav.main-nav #nav-group .searchForm::after {
  content: '\f002';
  font-family: var(--fa-family-classic);
  font-weight: 900;
  font-size: 18px;
  color: #000000;
  position: absolute;
  right: 10px;
  top: 5px;
  line-height: 45px;
  width: 35px;
  text-align: center;
  z-index: 20;
  pointer-events: none;
}
section.banner nav.main-nav #nav-group .searchForm label {
  display: none;
}
section.banner nav.main-nav #nav-group .searchForm input#tags {
  background: #fff;
  padding: 5px 50px 5px 15px;
  margin: 0;
  width: 99%;
  height: 50px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  border-radius: 0;
  border: 2px solid #b3abab;
}
.slogan {
  position: absolute;
  bottom: 30.5%;
  color: #fff;
  font-size: 55.8px;
  font-family: 'Century-Gothic';
  line-height: 57px;
  letter-spacing: 1.6px;
  text-shadow: 0px 0px 13px rgb(0 0 0);
}

.camera_wrap .camera_pag .camera_pag_ul {

  text-align: left !important;
}
.camera_wrap .camera_pag .camera_pag_ul li {

  border-radius: 50% !important;

  height: 9px !important;
  margin: 5px 4px !important;
  border : 2px solid #fff;
  width: 9px !important;
  background: #fff !important;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
  background : transparent !important;
  height : 12px !important;
  width : 12px !important;
  margin: 4px 2px !important;
}
.camera_wrap .camera_pag .camera_pag_ul li span {

  background : transparent !important;
}
.camera_pag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17.2%;
  max-width: 1290px;
  margin: auto; 
}
.slogan .sp1 {
  font-size: 46.5px;
  font-family: 'century_gothicregular';
}
section.banner nav.main-nav #nav-group .searchForm input#BtnSearch {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 5px;
  height: 45px;
  width: 35px;
  font-size: 0;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
}
section.banner nav.main-nav #nav-group .ShopCaddy,
section.banner nav.main-nav #nav-group .loginnav {
  position: relative;
  float: right;
  padding-top: 9px;
  margin-left: 5px;
}
section.banner nav.main-nav #nav-group .ShopCaddy > a.CartBtn:first-child {
  display: none !important;
}
section.banner nav.main-nav #nav-group .ShopCaddy > a.CartBtn:not(:first-child) {
  position: absolute;
  left: 0;
  right: -15px;
  top: 10px;
  font-size: 0;
  line-height: 0;
  z-index: 1;
  height: 35px;
  border-radius: 3px;
}
section.banner nav.main-nav #nav-group .ShopCaddy > a.CartBtn:not(:first-child) img {
  display: none;
}
section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini {
  font-size: 0;
  line-height: 0;
}
section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini::before {
  content: '';

  background: transparent;
  color: #fff;
  text-decoration: none;

  border-radius: 50%;

  line-height: 38px;
  height: 38px;
  width: 38px;
  text-align: center;
  display: block;
  background: #06c106 url(../images/shopping-basketh.png) center center no-repeat;
  border: 1px solid #06c106;
}
section.banner nav.main-nav #nav-group .ShopCaddy:hover #catalog_cart_mini::before {
  background: url(../images/shopping-basket.png) center center no-repeat;
  border: 1px solid #959595;
}
section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini span:not(#catalog_cart_mini-nbr-items) {
  display: none;
}
section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini span#catalog_cart_mini-nbr-items {
  position: absolute;
  right: -18px;
  top: 5px;
  font-size: 12px;
  line-height: 25px;
  width: 25px;
  background: #333;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  border-radius: 50%;
}
section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini span#catalog_cart_mini-price {
  display: block;
  position: absolute;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  white-space: nowrap;
  right: 15px;
  top: 70px;
  width: 270px;
  text-align: right;
  z-index: 10;
  color: #000000;
  border-bottom: 2px solid #000000;
  transition: all .4s ease-out 1s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
}
section.banner nav.main-nav #nav-group .ShopCaddy:hover #catalog_cart_mini span#catalog_cart_mini-price {
  transition: all .4s;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
/*
section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini #catalog_cart {
display: none;
}
*/
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList {
  position: absolute;
  top: 55px;
  right: 0;
  background: #979797;
  font-size: 14px;
  padding: 45px 15px 15px;
  display: block;
  width: 300px;
  box-shadow: 0 2px 15px rgba(0,0,0,.25);
  transition: all .4s ease-out 1s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList::before {
  content: '';
  position: absolute;
  top: -7px;
  right: 12px;
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
section.banner nav.main-nav #nav-group .ShopCaddy:hover .CaddyList {
  transition: all .4s;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul,
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 5px 15px 5px 0;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row span.cartPromoPrice,
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row strong.cartPrice {
  display: inline-block;
  white-space: nowrap;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row strong.cartPrice.d-none {
  display: none;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row a.Remove {
  font-size: 12px;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 5px;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row a.Remove::before {
  content: '\f00d';
  font-family: var(--fa-family-classic);
  font-weight: 900;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList a.CartBtn,
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList a.mini-cart-option {
  background: #000;
  color: #fff;
  /*	border-radius: 3px;
  box-shadow: 0 3px 0 #3b7c74;*/
  /*float: none;*/
  /*clear: both;*/
  margin: 10px 0 0;
  font-size: 17px;

  padding: 5px 15px;
  text-decoration: none;
  float: right;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList a.mini-cart-option-cart {
  margin-left: 5px;
}
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList a.CartBtn:hover,
section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList a.mini-cart-option:hover {
  background: #646464;
}
section.banner nav.main-nav #nav-group .ShopCaddy .d-none {
  display: none;
}
section.banner nav.main-nav #nav-group::after {
  content: '';
  display: block;
  clear: both;
}
section.banner nav.main-nav a.mobile-nav {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
  font-size: 18px;
  padding: 15px 10px;
  line-height: 25px;
  color: #545454;
  font-weight: 800;
}
section.banner nav.main-nav a.mobile-nav i.fa {
  font-weight: normal;
  margin-right: 5px;
}
section.banner #slideshow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-bottom: 0 !important;
}
section.banner #slideshow .prev,
section.banner #slideshow .next {
  background: rgba(51,51,51,.15);
  width: 50px;
  height: 50px;
  text-align: center;
  top: 55%;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border-radius: 3px;
  opacity: 1;
  font-size: 36px;
  line-height: 48px;
  color: rgba(255,255,255,.7);
  transition: color .4s,  background .4s;
}
section.banner #slideshow .prev:hover,
section.banner #slideshow .next:hover {
  background: rgba(83,172,161,.65);
  color: #fff;
}
section.banner #slideshow .prev {
  left: 20px;
}
section.banner #slideshow .next {
  right: 20px;
}
section.banner #slideshow .prev i.fa::before {
  content: '\f104';
  padding-right: 3px;
}
section.banner #slideshow .next i.fa::before {
  content: '\f105';
  padding-left: 3px;
}
section.banner #slideshow > div > .camera_caption {
  display: none;
}
section.banner #slideshow figure::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0,0,0,0);
  pointer-events: none;
  transition: background .4s;
}
section.banner #slideshow:hover figure::before {
  background: rgba(0,0,0,.15);
}
section.banner #slideshow figure figcaption {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background: none;
  font-size: 48px;
  line-height: 60px;
  font-weight: 800;
  text-align: center;
  text-shadow: 0 2px 5px rgba(0,0,0,.25);
  left: 50%;
  top: 0%;
  right: auto;
  bottom: auto;
  padding: 0;
  max-width: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
}
section.banner #slideshow figure.show figcaption {
  animation: slide-in .5s forwards;
}
@keyframes slide-in {
  0% {
    top: 0;
    opacity: 0;
  }
  100% {
    top: 55%; 
    opacity: 1;
  }
}
.boxs {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.boxs4 {    display: flex;     justify-content: center;}
.boxs2 .bx5,
.boxs2 .bx8 {opacity:1;}
.boxs .bx {
  position : relative;
  width: 32%;
  overflow: hidden;
}
.boxs4 .bx {    width: 25%;}
.boxs .bx:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: url(../images/mask-bx.png) left center no-repeat;*/


}
.boxs .bx:after {
  position : absolute;
  content:'';
  top:0;
  bottom:0;
  left:0;
  right:0;
  border: 1px solid rgba(255,255,255,.28);
}
.boxs .bx:hover:after {

  border: 1px solid rgba(255,255,255,0);
}
.boxs .bx-img:after {
  position : absolute;
  content:'';
  top:0;
  bottom:0;
  left:0;
  right:0;
  border: 5px solid rgba(255,255,255,1);
  opacity:0;
}
.boxs .bx:hover .bx-img:after {

  opacity:1;
}
.boxs .bx-img {
  position : relative;
  display: flex;
  justify-content: center;
}
.boxs .bx-img img {
  max-width: 100%;
  /* height: auto; */
  height: 100% !important;
}
.boxs .bx-txt {
  position: absolute;
  /* left: 24px; */
  bottom: 25px;
  right: auto;
  text-align: center;
  background: #333333b8;
  width: 100%;
  padding: 10px 5px;
}
.boxs .bx-txt h3 {
  margin: 0;
  font-size: 21px;
  color: #fff;
  font-family: 'century_gothicregular';
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 28px;
}
.boxs .bx-txt h5 {
  position : relative;
  width: 117px;
  height: 34px;
  margin: 20px auto 0px;
  font-size: 15px;
  color: #ffffff;
  font-family: 'latoregular';
  letter-spacing: 2.3px;
  font-weight: normal;
  line-height: 31px;
  border: 1px solid rgba(255,255,255,.34);
}
.boxs .bx:hover .bx-txt h5 {background :#00ff00;border: 1px solid #00ff00;}
.boxs .bx:hover .bx-txt h5 span{color: #fff !important;}
.boxs .bx h5:after {
  position: absolute;
  content: '';
  top: -9px;
  bottom: -8px;
  left: 0;
  right: 0;
  background: url(../images/bgh5.png) center top no-repeat;
}
.boxs .bx-txt p {
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 2px; 
}
.webshop-content {
  position: relative;
  padding-bottom: 30px;
}
.webshop-content .boxes {
  position: relative;
  margin-bottom: 30px;
}
.webshop-content .boxes::after {
  content: '';
  display: block;
  clear: both;
}
.webshop-content .boxes > div {
  position: relative;
  height: 300px;
  background: center no-repeat;
  background-size: cover;
  float: left;
  width: 48.5%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-shadow: 0 2px 5px rgba(0,0,0,.25);
  letter-spacing: 0px;
  transition: all .4s;
}
.webshop-content .boxes > div:hover {
  text-shadow: 0 2px 5px rgba(0,0,0,.25), 0 0 25px rgba(0,0,0,.15);
  letter-spacing: 5px;
  box-shadow: 0 0 0 5px #fff;
}
.webshop-content .boxes > div.women {
  background-image: url(../images/block-women.jpg);
  margin-right: 1.5%;
}
.webshop-content .boxes > div.men {
  background-image: url(../images/block-men.jpg);
  margin-left: 1.5%;
}
.webshop-content .boxes > div::after {
  content: '';
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
  transition: box-shadow .6s;
}
.webshop-content .boxes > div:hover::after {
  box-shadow: inset 0 0 0 20px rgba(255,255,255,.5);
}
.webshop-content .boxes > div p {
  margin: 0;
  padding: 0;
}
.webshop-content .boxes > div a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
  font-size: 0;
  text-decoration: none;
}

article.content {
  position: relative;

  margin-top: -30px;
  padding-bottom: 30px;
}
article.content header.page-title {
  position: relative;

  color: #fff;
  padding: 20px 0;
  /*margin-bottom: 30px;*/
}
article.content h1 {
  position: relative;

  font-size: 27px;
  line-height: 30px;
  margin: 0;
  padding: 15px 0 15px;
  font-weight: normal;
  font-family: 'century_gothicregular';
}
article.content header.page-title h1 {
  position: relative;

  font-size: 27px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 15px;
  font-weight: normal;
  font-family: 'century_gothicregular';
}
article.content header.page-title.NewsItemTitle {
  height: 500px;
  overflow: hidden;
}
article.content header.page-title.NewsItemTitle .photo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: cover;
}
article.content header.page-title.NewsItemTitle h1 {
  font-size: 48px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 0 20px;
  text-align: center;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
  text-shadow: 0 0 10px rgba(0,0,0,.5);
}
article.content hr {
  border-top-color: #ddd;
}
article.content p {
  margin-bottom: 15px;
}
article.content ul {
  padding-left: 10px;
}
article.content ul li {
  list-style: none;
  background: url(../images/list-icon01.png) no-repeat 0 5px;
  padding-left: 25px;
}
article.content ul ul li {
  background-image: url(../images/list-icon02.png);
  padding-left: 20px;
}
article.content .table-style {
  position: relative;
}
article.content .table-style th {
  background: #eee;
}
article.content .table-style th,
article.content .table-style td {
  border: 1px solid #ccc;
  padding: 2px 5px;
}
article.content #News {
  position: relative;
  padding-top: 20px;
}
article.content #News figure.Item {
  position: relative;
  padding-bottom: 60%;
  background: #68b6ac;
  transition: all .6s;
  margin-bottom: 20px;
}
article.content #News figure.Item:hover {
  box-shadow: 0 0 0 5px #68b6ac;
}
article.content #News figure.Item .photo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: cover;
}
article.content #News figure.Item .photo.nophoto {
  background-image: url(../images/logo-no-news.png);
  background-repeat: repeat;
  background-size: auto;
}
article.content #News figure.Item .photo::before {
  content: '';
  position: absolute;
  z-index: 25;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  border: 1px solid rgba(255,255,255,.7);
  transition: border .6s;
}
article.content #News figure.Item:hover .photo::before {
  border-color: #fff;
}
article.content #News figure.Item .photo::after {
  content: '';
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
  transition: box-shadow .6s;
}
article.content #News figure.Item:hover .photo::after {
  box-shadow: inset 0 0 0 15px rgba(255,255,255,.5);
}
article.content #News figure.Item figcaption {
  position: absolute;
  z-index: 15;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px 30px 30px;
  margin: 0;
  color: #fff;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
  transition: all .4s;
}
article.content #News figure.Item figcaption h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 5px;
  color: #fff;
  text-shadow: 0 2px 5px rgba(0,0,0,.5);
}
article.content #News figure.Item figcaption p {
  margin: 0;
  padding: 0;
}
article.content #News figure.Item figcaption span.button {
  background: #68b6ac;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 3px 0 #3b7c74;
  border-radius: 3px;
  line-height: 28px;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
  display: none;
  transition: all .4s;
}
article.content #News figure.Item:hover figcaption span.button {
  background: #53aca1;
}
article.content #News figure.Item > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
article.content #news-categories .news-category-list {
  background: #eee;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  transition: color .6s, background .4s;
}
article.content #news-categories .news-category-list.active {
  background: #00ff00;
  color: #fff;
  pointer-events: none;
}
article.content #news-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
article.content #news-items .news-item {
  position: relative;
  padding-bottom: 54%;
  background: #646464;
  transition: all .6s;
  overflow: visible;
}
article.content #news-items .news-item.inactive {
  display: none;
}
article.content #news-items .news-item:hover {
  box-shadow: 0 0 0 5px #00ff00;
}
article.content #news-items .news-item .news-item-wrapper {
  position: static;
  display: block;
  margin: 0;
}
article.content #news-items .news-item .news-item-wrapper .news-item-photo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
}
article.content #news-items .news-item .news-item-wrapper .news-item-photo.nophoto {
  position: absolute;
  display: block;
  background: #000;
  /*  background: #68b6ac url(../images/logo-no-news.png) repeat center;*/
}
article.content #news-items .news-item .news-item-wrapper .news-item-photo.nophoto img {
  display: none;
}
article.content #news-items .news-item .news-item-wrapper .news-item-photo::before {
  content: '';
  position: absolute;
  z-index: 25;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  border: 1px solid rgba(255,255,255,.7);
  transition: border .6s;
}
article.content #news-items .news-item:hover .news-item-wrapper .news-item-photo::before {
  border-color: #fff;
}
article.content #news-items .news-item .news-item-wrapper .news-item-photo::after {
  content: '';
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
  transition: box-shadow .6s;
}
article.content #news-items .news-item:hover .news-item-wrapper .news-item-photo::after {
  box-shadow: inset 0 0 0 15px rgba(255,255,255,.5)
}
article.content #news-items .news-item .news-item-wrapper .news-item-content {
  position: absolute;
  z-index: 15;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 30px 30px;
  margin: 0;
  color: #fff;
  text-align: center;
  transition: all .4s;
}
article.content #news-items .news-item .news-item-wrapper .news-item-content h3.news-item-title {
  font-size: 30px;
  line-height: 1.2em;
  font-family: 'barlow_condensedregular';
  margin: 0;
  padding-bottom: 5px;
  color: #fff;

}
article.content #news-items .news-item .news-item-wrapper .news-item-content h5.news-item-date {
  display: none;
}
article.content #news-items .news-item .news-item-wrapper .news-item-content .news-item-text {
  margin: 0;
  min-height: 85px;

}
article.content #news-items .news-item .news-item-wrapper > a {
  z-index: 100;
}
article.content .news-footer {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #eee;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
article.content .news-footer .news-share .addthis_toolbox {
  display: inline-block;
  vertical-align: middle;
}
article.content .news-footer .news-share .addthis_toolbox a {
  cursor: pointer;
  margin-left: 5px;
  padding: 0;
}
article.content .news-footer .news-share .addthis_toolbox a::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  color: #fff;
  background: #09d909;
  border-radius: 3px;
  width: 32px;
  line-height: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  transition: background .6s;
}
article.content .news-footer .news-share .addthis_toolbox a:hover:after {
  background: #10b610;
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_facebook:after {
  content: '\f39e';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_twitter:after {
  content: '\f099';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_linkedin:after {
  content: '\f0e1';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone_share:after {
  content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_email:after {
  font-family: var(--fa-family-classic);
  font-weight: 900;
  content: '\f0e0';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_pinterest_share:after {
  content: '\f231';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone:after {
  content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a span {
  display: none;
}
article.content .news-footer .news-back a {
  background: #00ff00;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  padding: 5px 10px;
  text-align: center;
  display: block;
}
article.content .news-footer .news-back a:hover {
  background: #09d909;
}

section.brands {
  position: relative;
  background: #fff;
  padding: 50px 0;
  text-align: center;
}
section.brands > div > img {
  display: none;
}
section.brands .slick-slide img {
  display: inline-block;
  width: auto;
  height: 80px;
  border: 1px solid #e5e5e5;
}

section.home-news {
  position: relative;
  /*background: #fff;*/
  padding: 50px 0;
  min-height: 374px;
  padding-top: 74px;
}

section.home-news.news-related {
  padding-top: 0;
}
section.home-news header.news-title h3 {
  position: relative;
  color: #434343;
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 0 63px;
  padding: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'playfair_displaybold';
}
/*section.home-news header.news-title h4 {
position: relative;
margin: 0 0 30px;
padding: 0 0 10px;
}
section.home-news header.news-title h3::after,
section.home-news header.news-title h4::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 30px;
border-bottom: 1px solid #222;
}*/

section.home-news #AllNews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
}
section.home-news #AllNews figure.Item {
  position: relative;
  display: grid;
  grid-template-rows: 160px 1fr;
  /* border: 1px solid #eee; */
  transition: border-color .6s;
}
/*section.home-news #AllNews figure.Item:before {
position: absolute;
content: '';
top: 15px;
bottom: 0;
left: 0;
right: 0;
font-size: 170px;
font-family: 'Work Sans-bd';
color: #3b3b3b;
opacity: .1;

text-align: center;


}
section.home-news #AllNews figure.Item:nth-child(1):before {
content: '1'; 
}
section.home-news #AllNews figure.Item:nth-child(2):before {
content: '2'; 
}
section.home-news #AllNews figure.Item:nth-child(3):before {
content: '3'; 
}*/
section.home-news #AllNews figure.Item:hover {
  border-color: #dd6b33;
}
section.home-news #AllNews figure.Item .photo {
  position: relative;
  background-color: #f6f4f2;
  display: none;
}
section.home-news #AllNews figure.Item:hover .photo.nophoto {
}
section.home-news #AllNews figure.Item .photo img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
  transition: opacity 1.25s;
}
section.home-news #AllNews figure.Item:hover .photo img {
  opacity: .5;
}
section.home-news #AllNews figure.Item .photo.nophoto img {
  object-fit: scale-down;
}
section.home-news #AllNews figure.Item .photo i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #dd6b33;
  font-size: 2em;
  z-index: 2;
  opacity: 0;
  transition: opacity 1.25s;
}
section.home-news #AllNews figure.Item:hover .photo i {
  opacity: 1;
}
section.home-news #AllNews figure.Item figcaption {
  z-index: 10;
  /*padding: 20px;*/
  text-align: center;
}
section.home-news #AllNews figure.Item figcaption h3 {
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 32px;
  /* color: #757575;*/
  text-transform: uppercase;
  margin: 0px auto 24px;
  letter-spacing: 1px;
  font-family: 'barlowsemibold';
  max-width: 77%;
  position: relative;
}
section.home-news #AllNews figure.Item figcaption h3:before {
  position: absolute;
  content: '';
  bottom: -16px;
  left: 0;
  right: 0;
  height: 4px;
  width: 16px;
  background: #979797;
  margin: auto;
}
section.home-news #AllNews figure.Item:hover figcaption h3:before {
  background: #2c2c2c;
}
section.home-news #AllNews figure.Item:hover figcaption h3,
section.home-news #AllNews figure.Item:hover a{
  color :#747474;
}
section.home-news #AllNews figure.Item figcaption p {
  margin: 0;
  text-align: center;
  margin-bottom: 7px;
  letter-spacing: 1px;
  min-height: 112px;
  color: #868686;
  font-size: 15px;
  line-height: 37px;
}
section.home-news #AllNews figure.Item figcaption a.button {

  line-height: 0;
  display: block;
  text-decoration: none;
  width: 140px;
  height: 40px;
  margin: auto;
  border: 1px solid rgba(20,20,20,.14);
  line-height: 40px;
  /* font-family: 'playfair_displaybold'; */
  font-family: 'Work Sans-bd';
  text-transform: uppercase;
  font-size: 14px;
  /* font-family: 'Work Sans-bd'; */
  /* color: #6e6e6e;*/
  font-family: 'montserratregular';
  letter-spacing: 1px;
}
section.home-news #AllNews figure.Item figcaption a.button::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
/*section.home-news #AllNews figure.Item:hover figcaption a.button {
background :#cda444;
border-color :#cda444;
color :#ffffff;
}*/

/*section.news h2 {
margin: 0;
padding: 0;
color: #333;
}
section.news h2::after {
content: '';
position: relative;
width: 100px;
height: 5px;
background: rgba(83,172,161,.7);
display: block;
margin: 15px auto;
}
section.news #HomeNews {
position: relative;
padding-top: 20px;
}
section.news #HomeNews figure.Item {
position: relative;
padding-bottom: 60%;
background: #68b6ac;
transition: all .6s;
}
section.news #HomeNews figure.Item:hover {
box-shadow: 0 0 0 5px #68b6ac;
}
section.news #HomeNews figure.Item .photo {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: center no-repeat;
background-size: cover;
}
section.news #HomeNews figure.Item .photo.nophoto {
background-image: url(../images/logo-no-news.png);
background-repeat: repeat;
background-size: auto;
}
section.news #HomeNews figure.Item .photo::before {
content: '';
position: absolute;
z-index: 25;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
border: 1px solid rgba(255,255,255,.7);
transition: border .6s;
}
section.news #HomeNews figure.Item:hover .photo::before {
border-color: #fff;
}
section.news #HomeNews figure.Item .photo::after {
content: '';
position: absolute;
z-index: 20;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-shadow: inset 0 0 0 0 rgba(255,255,255,0);
transition: box-shadow .6s;
}
section.news #HomeNews figure.Item:hover .photo::after {
box-shadow: inset 0 0 0 15px rgba(255,255,255,.5);
}
section.news #HomeNews figure.Item figcaption {
position: absolute;
z-index: 15;
left: 0;
right: 0;
bottom: 0;
padding: 40px 30px 30px;
margin: 0;
color: #fff;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
transition: all .4s;
}
section.news #HomeNews figure.Item figcaption h3 {
font-size: 30px;
font-weight: bold;
margin: 0;
padding-bottom: 5px;
color: #fff;
text-shadow: 0 2px 5px rgba(0,0,0,.5);
}
section.news #HomeNews figure.Item figcaption p {
margin: 0;
padding: 0;
}
section.news #HomeNews figure.Item figcaption span.button {
background: #68b6ac;
color: #fff;
text-decoration: none;
box-shadow: 0 3px 0 #3b7c74;
border-radius: 3px;
line-height: 28px;
font-weight: bold;
padding: 0 10px;
text-align: center;
display: none;
transition: all .4s;
}
section.news #HomeNews figure.Item:hover figcaption span.button {
background: #53aca1;
}
section.news #HomeNews figure.Item > a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 50;
}
*/
.blocks {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 38px;
  padding-bottom: 18px;
}
.blocks .blck {
  position: relative;
  max-width: 273px;
  width: 100%;
  overflow: hidden;
  height: 240px;

}
.blocks .blck:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: -12px;
  right: -12px;
  top: -12px;
  bottom: -12px;
  border: 1px solid rgba(255,255,255,.12);
  transition: box-shadow .6s;
}
.blocks .blck:hover h3 {
  color :#05c205;
}
.blocks .blck h3 {
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-weight: 100;
  font-size: 22px;
  z-index: 2;
  font-family: 'Century-Gothic';
  letter-spacing: 1.7px;
  max-width: 170px;
  line-height: 21px;
  margin: auto;
  width: 100%;
  text-align: center;
}
.blocks .box-img {
  position: relative;
  /* height: 200px; 
  /* width: auto; */
  text-align: center;
  /* display: table; */
}
.blocks .box-img:after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*    background: rgba(38,38,38,.73);*/
  transition: box-shadow .6s;
}
.blocks .box-img img {
  max-width : 100%; 
  height : auto;
}
section.newsletter {
  position: relative;
  background: url(../images/bgnewsletter.jpg) center no-repeat;
  padding: 50px 0;
  text-align: center;
  font-size: 16px;
  min-height: 330px;
  padding-top: 61px;
}
section.newsletter .container {
  position: relative;
}
section.newsletter h3 {
  margin: 0;
  padding: 0;
  font-family: 'barlow_condensedregular';
  font-size: 30px;
  color: #fff;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
section.newsletter h2::after {
  content: '';
  position: relative;
  width: 100px;
  height: 5px;
  background: rgba(83,172,161,.7);
  display: block;
  margin: 15px auto;
}
section.newsletter p {
  margin-bottom: 25px;
}

section.googlemaps {
  position: relative;
  background: #eee;
  height: 300px;
  overflow: hidden;
}
section.googlemaps .box_googlemapsv2 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: auto!important;
  width: auto!important;
}
section.googlemaps .box_googlemapsv2 iframe {
  margin: 0!important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


footer.bottom {
  position: relative;
  padding: 20px 0;
  background: #000000;
  color: #ffffff;
  font-size: 15px;
  min-height: 413px;
  padding-top: 49px;
}
footer.bottom:before {
  position: absolute;
  content: '';
  bottom: 155px;
  height: 3px;
  left: 0;
  right: 0;
  background: url(../images/line-footer.png) top center no-repeat;
}
footer.bottom .col-sm-3 {
  padding:0;
}
footer.bottom .logo-footer {

  margin-top: 95px;
}
footer.bottom .hours {
  margin-left: 20px;
  position: relative;
  left: 34px;
}
footer.bottom .bloc-contact {
  margin-left: 15px;
}
footer.bottom .bloc-contact .adr {
  background: url(../images/bgadr.png) left top 5px no-repeat;
  padding-left: 50px;
  letter-spacing: 1px;
  line-height: 23px;
}
footer.bottom .bloc-contact .infos {
  background: url(../images/bginfos.png) left top 5px no-repeat;
  padding-left: 50px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-top: 42px;
}
footer.bottom .logo-footer img {
  max-width : 100%; 
  height : auto;
}
footer.bottom h3 {
  position: relative;
  margin: 0 0 18px;
  color: #fff;
  font-size: 18px;
  font-family: 'century_gothicregular';
  text-transform: uppercase;
  letter-spacing: 2px;
  display: table;
  padding-right: 64px;
}
footer.bottom .phone-responsive {
  display : none;
}
footer.bottom .client {
  float: right; 
}
footer.bottom .client a {
  letter-spacing: 1.5px;
  padding-left: 22px;
  display: inline-block;
  margin-bottom: 3px;
  background: url(../images/list.png) left 4px bottom 7px no-repeat;
  position : relative;
  text-decoration : none;

}
footer.bottom .client a:before {
  position : absolute;
  content:'';
  bottom:0;
  left:0;
  right:0;
  height: 1px;
  background :#00ff00;
}
footer.bottom .client a:hover:before {

  background :#fff;
}
footer.bottom .client a:hover {

  background: url(../images/listh.png) left 4px bottom 7px no-repeat; 
}
footer.bottom h3::after {
  content: '';
  width: 55px;
  height: 1px;

  background: rgba(255,255,255,.2);

  position: absolute;
  right: 0;
  top: 14px;
}
footer.bottom label.modal-label,footer.bottom a {
  color: #00ff00;
  transition: color .4s;
}
footer.bottom label.modal-label:hover,footer.bottom a:hover {
  color: #ffffff;
  text-decoration: none;
}
footer.bottom .address .phone-responsive {
  display: none;
}
footer.bottom .containerOpening {
  margin-top: -2px;
  letter-spacing: 1px;
}
footer.bottom .containerOpening .openingLine {
  margin-bottom: 5px;
}
footer.bottom .containerOpening .openingLine .openingDay {
  display: inline-block;
  width: 99px;
  height: 27px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.57);


  margin-right: 19px;
}
footer.bottom .links ul,
footer.bottom .links ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer.bottom .links ul li {
  background: url(../images/icon-footer-list.png) no-repeat 0px 5px;
  padding-left: 20px;
  margin-left: 10px;
  margin-bottom: 5px;
}
footer.bottom .links ul li a {
  font-weight: bold;
}
footer.bottom .adresse {
  display: block;
  position: relative;
  float: none;
  clear: both;
  min-height: 280px;
}
footer.bottom .adresse:not(:first-child) {
  margin-top: 40px;
}
footer.bottom .social {
  padding: 0;
  padding-top: 72px;
  display: flex;
  font-size: 14px;
  color: #f9f9f9;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding-left: 6px;
  align-items: center;
}
footer.bottom .social .fb {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/bgfb.png) top center no-repeat;
  border-radius: 5px;
}
footer.bottom .social .fb:hover {    background: url(../images/bgfbh.png) top center no-repeat;}
footer.bottom .social .inst {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/bginst.png) top center no-repeat;
  margin: 0px 6px;
  border-radius: 5px;
}
footer.bottom .social .inst:hover {    background: url(../images/bginsth.png) top center no-repeat;}
footer.bottom .social > div {    width: 50%;}
footer.bottom .social  .appstore {
  text-align: right;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
footer.bottom .social  .appstore .btn-store {
  max-width: 330px;
  display: flex;
  margin: 4px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
footer.bottom .social .appstore .btn-store img{
  width: 100%;
  max-width: 115px;
  height: auto;
}
footer.bottom .social .appstore .btn-store.applestr-btn {}

#footerSlideContainer a {    color :#00ff00;}

a#scrollTopBtn {
  z-index: 1;
  bottom: 30px;
  right: 8px;
  border-radius: 3px;
  background: #00ff00;
  color: #fff;
  text-decoration: none;
}
a#scrollTopBtn:hover {
  background: #67f267;
}

#moduleContent form#user-new-password .ctrlHolder label {
  position: relative;
}
#moduleContent form#user-new-password .ctrlHolder label em {
  float: right;
  color: #c00;
  font-style: normal;
  display: inline-block;
  padding: 0 10px 0 5px;
}
#moduleContent form#user-new-password .ctrlHolder input#email {
  border: none;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #666;
  padding: 5px 15px;
  outline: none !important;
  background: #eee;
  height: 40px;
  margin: 0px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  transition: all .4s;
}
#moduleContent form#user-new-password .ctrlHolder input#email:focus{
  box-shadow: inset 0 0 0 3px rgba(0,0,0,.2);
  background: #f2f2f2;
}
#moduleContent form#user-new-password .buttonHolder {
  padding-top: 10px;
}
#moduleContent form#user-new-password .buttonHolder button {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  padding: 5px 20px;
  outline: none !important;
  background: #68b6ac;
  border: 0;
  width: auto;
  display: inline-block;
  border-radius: 3px;
  margin: 0 auto;
  height: auto;
  transition: all .4s;
  z-index: 5;
  cursor: pointer;
  box-shadow: 0 3px 0 #3b7c74;
}
#moduleContent form#user-new-password .buttonHolder button:hover {
  background: #3b7c74;
  color: #fff;
  box-shadow: 0 3px 0 #0d6056;
}
#customSubProduct {
  color:black!important;
}


#Qty {
  background: white!important;
  color: black!important;
}

.promo{
  font-size: 24px;
  background: black;
  padding: 0 40px;
  color: #01d201;
}

.promosite {
  font-size: 24px;
  color: #01d201;
}


.toplogin {
  z-index: 110;
  position: absolute;
  right: 5px;
  top: 100%;
  margin-top: 2px;
  width: 250px;
  border: 2px solid #e5e5e5;
  background: rgba(255,255,255,.95);
  padding: 15px 20px 20px;
  color: #ccc;
  text-align: center;
  box-shadow: 0px 2px 8px 1px rgba(0,0,0,.1);
  transition: all .4s ease-out 1s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
}
.toplogin.active {
  transition: all .4s;
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.toplogin::after {
  content: '';
  position: absolute;
  right: 10px;
  top: -7px;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom-color: #e5e5e5;
}
.toplogin a {

}
.toplogin a.registrate,
.toplogin a.forgot {
  display: inline-block;
  padding: 0;
  margin: 0 5px;
}
.toplogin h2 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  color: #4a4a4a;
}
.toplogin #user-login input.field {
  display: block;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 30px;
  height: auto;
  color: #4a4a4a;
  transition: border-color .4s;
}
.toplogin #user-login input.field:focus {
  border-color: #4a4a4a;
}
.toplogin #user-login a.Send {
  display: block;
  width: 100%;
  border: none;
  font-size: 18px;
  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 5px;
  transition: background .4s;
}
.toplogin #user-login a.Send span {
  display: none;
}
.toplogin #user-login a.Send:hover {
  background: #4a4a4a;
}
.toplogin #user-login .LoggedIn {
  text-align: right
}
.toplogin #user-login .LoggedIn small {
  font-size: 14px;
}



@media (min-width: 1310px){
  .container {
    width: 1310px;
  }
}
@media (min-width: 1920px){
  .container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 1280px) {
  .container {
    width: 100%;
  }
  section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini span#catalog_cart_mini-nbr-items {
    position: absolute;
    right: -14px;

  }
  section.banner nav.main-nav a.nav-logo {

    position: absolute;
    top: 100%;
    background: #646464;;
  }
  #Shop {
    grid-gap: 25px;
  }
  .boxs .bx, .boxs4 .bx {
    margin: 0px 10px;
  }
  #navigation .sf-menu a {

    letter-spacing: 0 !important;

  }header.top .logo {
    display: inline-block;
    margin: inherit;
    position: relative;
    left: 0;
    float: left;
  }
  header.top .cta {

    margin-top: 0;

  }
  section.banner nav.main-nav .nav-cta {

    padding: 5px 27px;

    margin-top: 51px;
  }
  section.home-news #AllNews figure.Item figcaption p {

    line-height: 26px;
  }
  section.home-news #AllNews figure.Item figcaption h3 {

    font-size: 28px;

    letter-spacing: 0;

  }
  footer.bottom .hours {
    margin-left: 10px;

  }
}
@media only screen and (max-width : 1024px) {
  .adresse {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  section.banner nav.main-nav .nav-cta {
    display: none;
  }
  .boxs .bx-txt {

    left: 15px;
    bottom: 40px;

  }
  section.banner nav.main-nav #nav-group ul.sf-menu {
    display: none;
  }
  section.banner nav.main-nav a.mobile-nav {
    display: block;
    font-size: 20px;

    color: #fff;
  }
  section.home-news #AllNews figure.Item figcaption h3 {

    max-width: 90%;

  }
  footer.bottom .col-sm-3 {
    padding: 0;
    width: 100%;
  }
  footer.bottom .logo-footer {
    margin-top: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  footer.bottom .bloc-contact {
    margin-left: 0;
    width: 285px;
    margin: 0px auto 15px;
  }
  footer.bottom .social {

    display: block;

    text-align: center;
  }
  footer.bottom .client {
    float: none;
    width: 285px;
    margin: auto;
  }
  footer.bottom h3 {

    letter-spacing: 1px;

  }
  footer.bottom .hours {
    /* margin-left: 10px; */
    /* width: 285px; */
    margin: 0px auto 15px;
    display: table;
    left: 0;
  }
  .boxs {


    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 992px) {
  .fullsite {
    background: #000 url(../images/bg.jpg);
  }
  article.content #News figure.Item figcaption {
    line-height: 1.4em;
    padding: 30px 25px 25px;
  }
  section.home-news #AllNews figure.Item figcaption h3 {
    font-size: 28px;
    letter-spacing: 1px;
    max-width: 100%;
  }
  article.content #News figure.Item figcaption h3 {
    font-size: 24px;
  }
  section.news #HomeNews figure.Item figcaption {
    line-height: 1.4em;
    padding: 30px 25px 25px;
  }
  section.news #HomeNews figure.Item figcaption h3 {
    font-size: 24px;
  }
  article.content #News figure.Item figcaption p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  article.content #news-items .news-item .news-item-wrapper .news-item-content h3.news-item-title {
    font-size: 24px;
  }
  article.content #news-items .news-item .news-item-wrapper .news-item-content .news-item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width : 991.98px) {
  section.banner {
    height: 580px;
  }
  .boxs {
    margin-bottom: 40px;
    /* flex-direction: column; */
    flex-wrap: wrap;
  }

  .boxs .bx, .boxs4 .bx {
    /* margin: 0px 10px; */
    /* display: table; */
    margin: 0px auto 15px;
    width: 48%;
  }

  .boxs2 .bx5,
  .boxs2 .bx8 {/*display:none;*/}

  .slogan {

    letter-spacing: 0;

  }
  header.top .cta {
    float: none;
    text-align: center;
    margin-top: 0;

    display: table;
    margin: 20px auto 0px;
  }

  section.banner #slideshow figure figcaption {
    font-size: 36px;
    line-height: 48px;
    max-width: 75%;
  }
  .webshop-content .boxes > div {
    height: 250px;
  }
  footer.bottom .address .phone {
    display: none;
  }
  footer.bottom .address .phone-responsive {
    display: inline-block;
  }
}
@media only screen and (max-width : 800px) {
  section.banner nav.main-nav {

    min-height: 56px;
  }
  .slogan {

    bottom: 25.5%;

  }

  .adresse {

    grid-template-columns: 1fr;
  }
  header.top {

    padding-top: 25px;
    padding-bottom: 25px;
  }
  section.banner nav.main-nav {
    top: 210px;

  }
  section.banner {

    margin-top: -210px;
  }
  header.top .call {
    display: none !important;
  }
  header.top .cta .phone-responsive {
    display: inline-block;
  }
  header.top .cta .num {
    font-size: 23px;
    font-family: 'Century-Gothic';
    display: inline-block;
    margin-top: 2px;
  }
  header.top .logo {
    display: table;
    margin: inherit;
    position: relative;
    left: 0;
    float: none;
  }
  body {

    background-size: cover;
  }
  .boxs .bx, .boxs4 .bx {
    margin: 0px 10px;
    margin: 0px auto 15px;
    /* width: 100%; */
  }
  .boxs .bx-txt h3{
    font-size: 18px;
    line-height: 20px;
  }
  .boxs .bx-txt p{
    font-size: 14px;
    line-height: initial;
  }


  .boxs .bx img{width:100%;}
  section.home-news #AllNews figure.Item figcaption h3 {

    letter-spacing: 0;

  }
  section.home-news #AllNews figure.Item figcaption p {
    line-height: 26px;
    min-height: auto;
  }
  section.home-news #AllNews {

    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
  }
}
@media only screen and (max-width : 767.98px) {
  header.top .logo {
    width: 50%;
  }
  section.newsletter {

    background-size: cover;
  }
  .slogan {

    font-size: 44.8px;

  }
  .slogan .sp1 {
    font-size: 35.5px;

  }

  header.top .logo img {
    max-width: 100%;
  }
  header.top .cta {
    width: 50%;
  }
  section.banner nav.main-nav #nav-group .ShopCaddy #catalog_cart_mini span#catalog_cart_mini-nbr-items {
    right: -15px;
  }
  article.content header.page-title.NewsItemTitle {
    height: 300px;
  }
  article.content header.page-title.NewsItemTitle h1 {
    font-size: 36px;
  }
  section.home-news #AllNews figure.Item {
    grid-template-rows: auto 1fr;
  }
  #Shop div#ShopContent #article-content div#CatContent p > iframe {
    width: 100%;
    height: 300px;
  }
}

@media only screen and (max-width : 575.98px) {
  .onlydesk{display:none;}

  header.top {		padding: 20px 0;	}
  header.top .logo {
    float: none;
    width: auto;
    text-align: center;
    display: block;
  }
  .boxs .bx-txt {
    left: 7px;
    bottom: 2px;
    right: 7px;
    left: auto;
    right: auto;
  }
  .boxs .bx-txt h5 {    margin: 10px auto 0px;}
  .boxs .bx-txt h3 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing:2px;
  }
  .boxs .bx-txt p {    font-size: 13px;}
  .slogan {    bottom: 24.5%;}
  .blocks {  grid-template-columns: repeat(1,1fr);}
  .blocks .blck {    margin: auto;}
  header.top .cta {
    float: none;
    width: auto;
    text-align: center;
    padding: 10px 0;
  }
  section.banner {
    height: 570px;
  }
  section.banner.smaller{
    height: 250px;
  }
  section.banner nav.main-nav a.nav-logo {
    display: none;
  }
  section.banner nav.main-nav #nav-group {
    min-height: 55px;
  }
  section.banner nav.main-nav a.mobile-nav {
    left: 10px;
    transform: translateX(0);
  }
  section.banner #slideshow figure figcaption {
    font-size: 24px;
    line-height: 30px;
    max-width: 90%;
  }
  .webshop-content .boxes > div {
    height: 150px;
    font-size: 30px;
    text-shadow: 0 2px 5px rgba(0,0,0,.25), 0 0px 10px rgba(0,0,0,.25);
  }
  article.content #News figure.Item {
    padding-bottom: 75%;
  }
  article.content #news-items {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  section.news {
    padding: 25px 0;
  }
  section.news #HomeNews figure.Item {
    padding-bottom: 75%;
  }
  section.news #HomeNews .col-sm-6:not(:first-child) figure.Item {
    margin-top: 20px;
  }
  section.newsletter {
    padding: 25px 0;
  }
  footer.bottom:before {bottom: 265px;}
  footer.bottom .social > div{width:60%; margin: 10px auto;}
  footer.bottom .social .appstore {justify-content: center;}
  footer.bottom .social .appstore .btn-store {margin-top:10px;}
}
@media only screen and (max-width : 414px) {

  .slogan {
    bottom: 22.5%;
    line-height: 38px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
  }
  .slogan .sp1 {
    font-size: 28.5px;
  }

}
@media only screen and (max-width : 375px) {
  .blocks {

    grid-template-columns: repeat(1,1fr);

  }

}

/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
#navigation .sf-menu, #navigation .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation .sf-menu li {
  /*position: relative;*/
}
#navigation .sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
#navigation .sf-menu > li {
  float: left;
}
#navigation .sf-menu li:hover > ul,
#navigation .sf-menu li.sfHover > ul {
  display: block;
}
#navigation .sf-menu > li > ul {
  opacity: 0;
  transition: opacity .4s;
}
#navigation .sf-menu > li:hover > ul,
#navigation .sf-menu > li.sfHover > ul {
  opacity: 1;
}

#navigation .sf-menu a {
  display: block;
  position: relative;
}
#navigation .sf-menu ul ul {
  top: 0;
  left: 0;
}


/*** DEMO SKIN ***/
#navigation .sf-menu a {
  text-decoration: none;
  color: #ffffff;
  font-size: 17px;
  line-height: 25px;
  padding: 14px 17px;
  font-family: 'latolight';
  letter-spacing: 1.5px;
  position: relative;
}
#navigation .sf-menu li {
  background: url(../images/sep.png) right center no-repeat;
  padding-right: 1px;
}
#navigation .sf-menu > li:last-child {
  background: transparent;
  padding-right: 0px;	
}
#navigation .sf-menu li a:hover,
#navigation .sf-menu li.sfHover > a {

  background: #646464;
}
#navigation .sf-menu > li > a:hover,
#navigation .sf-menu > li.sfHover > a {
  /*background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.1);*/
}
#navigation .sf-menu > li > a:not(.sf-with-ul) + ul {
  display: none;
}
#navigation .sf-menu > li > ul {
  background: rgba(255,255,255,.9);
  padding: 5px;
  left: 0;
  right: 0;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  overflow : inherit !important;
}
#navigation .sf-menu > li > ul > li {
  width: 20%;
  padding: 5px;
  float: left;
}
#navigation .sf-menu > li > ul > li > a {
  background: #959595;
  color: #fff;
  padding: 8px;

}
#navigation .sf-menu > li > ul > li > a:hover,
#navigation .sf-menu > li > ul > li.sfHover > a {
  background: #000000;
  color: #fff;
}
#navigation .sf-menu > li > ul > li > ul {
  position: relative;
  display: block!important;
  height: auto!important;
}
#navigation .sf-menu > li > ul > li > ul li {
  border-top: 1px solid rgba(147,191,186,.5);
}
#navigation .sf-menu > li > ul > li > ul li:first-child {
  border-top: 0;
}
#navigation .sf-menu > li > ul > li > ul li a {
  font-weight: normal;
  font-size: 14px;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  /*padding-right: 2.5em;*/
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '\f0d7';
  font-family: var(--fa-family-classic);
  font-weight: 900;
  padding-left: 0;
  font-size: 16px;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  /*color: #68b6ac;*/
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  content: none;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
}
@media only screen and (max-width : 1600px) {
  section.banner nav.main-nav a.nav-logo, section.banner nav.main-nav .nav-cta {
    display: none;
  }
}
@media only screen and (max-width : 1400px) {
  #navigation .sf-menu a {
    padding: 14px 9px;
  }
}
@media only screen and (max-width : 1024px) {
  #navigation .sf-menu > li {
    padding-left: 0;
    padding-right: 0;
  }
  #navigation .sf-menu a {
    font-size: 17px;
  }
}
@media only screen and (max-width : 992px) {
  #navigation .sf-menu a {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transform: translate3d(100%,0,0);
  transition: opacity 0.4s, transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  font-size: 0.75em;
  border: none;
  background: transparent;
  color: transparent;
}
.close-button::before,
.close-button::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #ccc;
  transition: background .4s;
}
.close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
  background: #fff;
}
/* Menu */
.menu-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 300px;
  height: 100%;
  background: #222;
  box-shadow: 0 0 20px rgba(0,0,0,1);
  padding: 40px 20px 20px;
  transform: translateX(-100vw);
  transition: transform 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
  transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
  display: block;
  transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
  transition: transform 0s 0.4s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu ul ul {
  font-size: 1em;
  background: rgba(255,255,255,.1);
  margin-top: 5px;
  margin-bottom: -5px;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
  border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li {
  padding: 5px 0;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
  position: relative;
  border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
  content: '\f105';
  font-family: var(--fa-family-classic);
  font-weight: bold;
  position: absolute;
  color: rgba(255,255,255,.5);
  z-index: 5;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.mobile-menu a {
  padding: 5px 10px;
  display: block;
  color: #fff;
  text-decoration: none;
  transition: background .4s, color .4s
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
  background: #0bdd0b;
  color: #fff;
}
.mobile-menu li li a {
  padding-left: 25px;
}
/* Language menu */
.mobile-menu .language {
  text-align: center;
  margin-top: 15px;
}
.mobile-menu .language a {
  text-transform: uppercase;
  padding: 5px 10px;
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: .7em;
}
/* Shown menu */
.show-menu .menu-wrap {
  transform: translate3d(0,0,0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transform: translate3d(0,0,0);
  transition: transform 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
  transition-duration: 0.9s;
}
.show-menu .site-overlay {
  opacity: 1;
  transition: opacity 0.8s;
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transform: translate3d(0,0,0);
}

#fancybox-content #checkoutConfirmationBox { color: #333;}


#accountContent table.summary,
#accountContent #order_history table,
#accountContent .contentAccount table{    width: 100%;}
#accountContent table.summary th,
#accountContent #order_history table th,
#accountContent .contentAccount table th {    width: 20%;}

.contentAccount .Tabs .tabNavigation {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: flex-start;margin-bottom: 40px;}
.contentAccount .Tabs .tabNavigation li {    background: none;    padding: 0; margin:10px 2px;}
.contentAccount .Tabs .tabNavigation li a,
#TabProfileForm a.btn{
  padding: 10px;
  background: #06cc06;
  color: #eee;
  text-decoration: none;
  border-radius:5px;
}
.contentAccount .Tabs .tabNavigation li a:hover,
#TabProfileForm a.btn:hover {    background:#eee;  color:#06cc06;}
#TabProfileForm .col-12 a.btn{    margin: 0px auto;    width: 100px;    display: block;    clear: both;    float: none;    position: relative;}

@media only screen and (max-width : 720px) {
  #accountContent table.summary,
  #accountContent #order_history table,
  #accountContent .contentAccount table { width: 100%!important;}
  #accountContent table.summary thead,
  #accountContent #order_history table thead,
  #accountContent .contentAccount table thead{ display: none; }
  #accountContent table.summary tr,
  #accountContent #order_history table tr,
  #accountContent .contentAccount table tr{    border-bottom: 1px solid #00ff00;    }
  #accountContent table.summary td,
  #accountContent #order_history table td,
  #accountContent .contentAccount table td{
    display: block;
    width: auto!important;
    padding: 2px 0;
    border: 0;
    line-height: 1.4em;
  }
  #accountContent table.summary td[colspan]{    font-size: 1.2em;    }
  #accountContent table.summary tr > td:first-child{    padding-top: 10px;   }
  #accountContent table.summary tr > td:last-child{    padding-bottom: 10px;   }
  #accountContent table.summary td p{   padding: 0;  }
  #accountContent table.summary > tbody > tr > td {   display: block;   width: auto;}
}


/* *NOEL* */
body.noel {background-image:url(../images/bg-noel.jpg) ;}

body.noel #news-popup .popup-wrapper .popup-photo{ background-image: url(../images/popup-news-noel.jpg) !important;}

body.noel section.banner nav.main-nav,
body.noel .black-box,
body.noel footer.bottom,
body.noel section.newsletter form#form-nl #subscriber-submit:hover,
body.noel article.content #news-categories .news-category-list.active,
body.noel article.content #news-categories .news-category-list:hover,

body.noel a#scrollTopBtn,
body.noel .lire-plus,
body.noel #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle,
body.noel .displayMessageStockShortage #inStock,
body.noel #Shop div#ShopContent #Checkout a.Checkout,
body.noel #Shop div#ShopContent #Checkout a.Send,
body.noel #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit,
body.noel #Shop div#ShopContent .articleReviews .ReviewBtn,
body.noel #Shop div#ShopContent #Breadcrumbs a.myAccount,
body.noel .boxs .bx:hover .bx-txt h5,
body.noel #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover,

body.noel #Shop #mobile-sidebar a,
body.noel .mobile-menu a:hover,
body.noel .mobile-menu .selected > a,
body.noel .mobile-menu .active > a{
  background:#2f0a0a ;
}

body.noel .contactForm .gdpr_policy a,
body.noel section.newsletter a,
body.noel #Shop div#ShopContent #Products #Items .ProdItem .ProdPrice,
body.noel #Shop div#ShopContent #Checkout ol.Checkout-steps > li a,
body.noel #qtychoice a.Decrease,
body.noel #qtychoice a.Increase,
body.noel a.review-count,
body.noel #Shop div#ShopContent #Breadcrumbs a,
body.noel article.content #news-categories .news-category-list,
body.noel section.banner nav.main-nav #nav-group .ShopCaddy .CaddyList ul.Cart li.row a{
  color: #a9444c;
}
body.noel .boxs .bx-txt span{  
  color: #a9444c !important;
  background:#ffffff69;
  padding:2px;
}

body.noel section.banner nav.main-nav #nav-group .WishlistButton a:hover,
body.noel section.banner nav.main-nav #nav-group .SearchButton a:hover,
body.noel section.banner nav.main-nav #nav-group .ShopCaddy:hover #catalog_cart_mini::before,
body.noel .boxs .bx-txt h5{
  background-color: #a9444c;
  border-color:#a9444c;
}


body.noel section.newsletter form#form-nl #subscriber-submit,
body.noel .contactForm .form-submit-button,
body.noel #Shop div#ShopContent #Checkout ol table#checkoutDetail thead th,
body.noel #Shop div#ShopContent #Checkout ol table#checkoutAddress thead th,
body.noel #Shop div#ShopContent #Checkout ol table#checkoutShippingMethod th,
body.noel #Shop div#ShopContent #Checkout ol table#checkoutBillingMethod th,
body.noel #Shop div#ShopContent #Checkout ol table#checkoutDetail tbody th,
body.noel #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm label.livrtxtmess,
body.noel #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart,
body.noel #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox a#resetChoices,
body.noel article.content .news-footer .news-back a{
  background-color: #a9444c;
}


body.noel #Shop div#ShopContent #Products #Items .ProdItem:hover{box-shadow: 0 0 0 5px #a9444c;}

body.noel section.newsletter form#form-nl #subscriber-submi,
body.noel .boxs .bx-txt h5 span,
body.noel section.newsletter form#form-nl #subscriber-submit:hover,
body.noel article.content #news-categories .news-category-list.active,
body.noel article.content #news-categories .news-category-list:hover{
  color:#fff !important;
}

body.noel .boxs .bx-txt h5 span{background:none;}
body.noel .boxs .bx:hover .bx-txt h5,
body.noel #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button a{
  border-color:#a9444c;
}

body.noel #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button a{color:#fff;}
body.noel #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button a:hover{color:#a9444c;}

body.noel #Shop div#ShopContent #Products #Items .ProdItem .ordering a:after,
body.noel #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:after{
  content: '';
  height: 25px;
  width: 25px;
  /* background: red; */
  background: url(../images/santa-hat.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: -9px;
  right: 0px;
}

body.noel #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart { position: relative;}
body.noel #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:after{right: -10px;}


/* TPL SEARCH / CART / CHECKOUT */
.search-tpl #Shop div#ShopContent #article-content {    display: flex;    flex-direction: column;}
.search-tpl #Shop div#ShopContent #article-content #Title {    order: 1;}
.search-tpl #Shop div#ShopContent #article-content #Products {    order: 2;}
.search-tpl #Shop div#ShopContent #article-content #CatSubCats {    order: 3;}
.search-tpl #Shop div#ShopContent #article-content #CatContent {    order: 4;}

.checkout-tpl section.banner{height:auto;min-height: 100px;margin: 0;background: #000;}
.checkout-tpl section.banner nav.main-nav{    top: 0;}
.checkout-tpl section.banner .fluid_container,
.checkout-tpl section.banner > .container{    display: none !important;}

.account-tpl section.banner{height:auto;min-height: 100px;margin: 0;background: #000;}
.account-tpl section.banner nav.main-nav{    top: 0;}
.account-tpl section.banner .fluid_container,
.account-tpl section.banner > .container{    display: none !important;}
.account-tpl article.content{margin-top:0;}

/*CSS popup*/
@media only screen and (max-width : 580px) {
  #news-popup .popup-wrapper .popup-photo{min-height:150px !important;}
  #news-popup .popup-wrapper .popup-content {
    /*overflow-y: scroll !important;*/
    height: 60vh;
  }
}


/*.boxs .bx-txt{background:none;}*/
.boxs .bx-txt h3,
.boxs .bx-txt p{display:none;}
.boxs .bx-txt h5{margin: 2px auto;}


@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  .menu-wrap {overflow:overlay; z-index:9999; max-width:300px; overflow-x: hidden;}
  .show-menu .mobile-menu {z-index: 9999; max-width:300px;overflow-x:hidden;}
}