/* Main stylesheet
Author : Alexandradra from space
*/

/* ------------------------GENERAL------------------------ */

body {
  font-family: 'Open Sans', sans-serif;
  color:#000;
}

body, p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
}

.raleway-title {
  font-family: 'Raleway';
  font-weight: 800;
}

a, a:hover {
    color: var(--color2) ;
    text-decoration: none;
}

a:hover, button:hover {
  transition: 0.2s ease;
  cursor: pointer;
}

.grecaptcha-badge { display: none}

#eapps-instagram-feed-1::after {
    content: ' ';
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    z-index: 1111111;
}


.eapps-instagram-feed-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 600;
}

#eapps-instagram-feed-1 {
    margin-bottom: -80px;
}

.hidden-md {
  display: none;
}

main.fixed-header-main {
  margin-top: 125px;
  position: relative;
}

main.fixed-header-main.decal-top {
    margin-top:168px
}


main.no-hero-main {
  margin-top: 125px;
}

main.with-hero-main {
  margin-top: 0px;
}

.autocomplete-suggestions{
background: rgba(255,255,255,0.9);
padding: 10px;
}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: relative;
}



/* ------------Typography------------ */

/* White text */

.white-txt, .top-header a, .top-header .dropdown button, .top-header .dropdown-menu a, .top-header .dropdown-menu>li>a:focus, .top-header .dropdown-menu>li>a:hover, .round-input input, .round-input .input-group-addon:last-child {
  color: #fff;
}

/* Colors */

::-moz-selection {
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}

.ptrelais {
	margin-bottom:20px;
}

.ptrelais label {
	font-weight:300;
	max-width: 90%;
}

.ptrelais input[type="radio"] {
	margin-right:10px;
	vertical-align:top;
}

.btfilter {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.btfilter:hover, .btfilter:focus, .btfilter:active {
		background:#000
}


.black-txt {
  color: #000000;
}

.gold-txt {
  color: var(--color2) !important;
font-style: normal !important;
}

.gold-txt del {
    color: #000;
    font-size: 12px;
}

.gold-bg {
  background-color: var(--color2);
}

.grey-txt {
  color: #989898;
}

.green-txt {
  color: #48BD0F;
}


.red-txt {
  color: red;
}

.light-grey-bg {
  background-color: #e5e5e5;
}

.dark-white-bg {
  background-color: #f1f1f1;
}

.all-seasons-txt, a.all-seasons-txt:hover, .allseasons-txt, a.allseasons-txt:hover {
  color: var(--color2);
}

.spring-txt, a.spring-txt:hover {
  color: #01FFA9;
}

.summer-txt, a.summer-txt:hover {
  color: #FF334D;
}

.end-summer-txt, a.end-summer-txt:hover, .endsummer-txt, a.endsummer-txt:hover {
  color: #ff7003;
}

.fall-txt, a.fall-txt:hover {
  color: #D0D4D7;
}

.winter-txt, a.winter-txt:hover {
  color: #0ad9ec;
}

.seasons_button  h2 { font-family:'Raleway'; font-size:36px; color:#2a2a2a; font-weight:900; letter-spacing:normal; margin-bottom:10px}
.seasons_button span { font-family:'Oswald'; font-size:15px; text-transform:uppercase; color:var(--color2); letter-spacing:3px }
.seasons_button:hover span { color:#2a2a2a }
.seasons_button .blocimg { position:relative }
.seasons_button .blocimg img { width: 100%; }
.seasons_button.spring-bloc .blocimg:after {content:' '; bottom:0; position:absolute; background:#01FFA9; height:20%; left:15px; right:15px; transition:height 0.5s ease; }
.seasons_button.summer-bloc .blocimg:after {content:' '; bottom:0; position:absolute; background:#FF334D; height:20%; left:15px; right:15px; transition:height 0.5s ease; }
.seasons_button.endsummer-bloc .blocimg:after {content:' '; bottom:0; position:absolute; background:#ff7003; height:20%; left:15px; right:15px; transition:height 0.5s ease; }
.seasons_button.fall-bloc .blocimg:after {content:' '; bottom:0; position:absolute; background:#D0D4D7; height:20%; left:15px; right:15px; transition:height 0.5s ease; }
.seasons_button.winter-bloc .blocimg:after {content:' '; bottom:0; position:absolute; background:#0ad9ec; height:20%; left:15px; right:15px; transition:height 0.5s ease; }
.seasons_button.allseasons-bloc .blocimg:after {content:' '; bottom:0; position:absolute; background:#7746ED; height:20%; left:15px; right:15px; transition:height 0.5s ease; }

 
.seasons_button.spring-bloc:hover h2 { color:#01FFA9}
.seasons_button.summer-bloc:hover h2 { color:#FF334D}
.seasons_button.endsummer-bloc:hover h2 { color:#ff7003}
.seasons_button.fall-bloc:hover h2 { color:#D0D4D7}
.seasons_button.winter-bloc:hover h2 { color:#0ad9ec}
.seasons_button.allseasons-bloc:hover h2 { color:#7746ED}

.seasons_button:hover .blocimg:after {height:50%; transition:height 0.5s ease; }

.seasons_button { margin-bottom:40px }

.seasons_button .bloctxt {
	min-height:168px;
	display: flex;
	justify-content: end;
	flex-direction: column;
}

a.facebook:hover {
  color: #3b5998;
}

a.twitter:hover {
  color: #1da1f2;
}

a.googleplus:hover {
  color: #dd4b39;
}

a.youtube:hover {
  color: #ff0000;
}

#google-map {
    height: 500px;
    position: relative;
    background-color: #eee !important;
    z-index: 1;
}


.marge-top {
	margin-top:40px;
}

.bloccontact {
    margin-top: 30px;
}

.bloccontact h3 {
    font-family: 'open sans',inherit;
    font-size: 16px;
}

#contact-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 100;
    color: #a1a1a1;
    font-family: 'oswald';
	min-width: 70px;
}

.cnil { 
    color: #a1a1a1;
	font-size:12px;	
} 

#contact-form .form-group {
    border-bottom: 1px dashed #e1e1e1;
    padding-bottom: 10px;
}
#contact-form .form-controle {
	display: inline-block;
width: auto;
border:0;
font-weight: 100;
color: #515151;
font-family: 'oswald';
width: 100%;
}

textarea.form-controle { color: #a1a1a1!important; }

#contact-form label.error {
    color: red;
    font-size: 12px;
}

/* ------------Buttons------------ */

.btn {
    border-radius: 0;
	font-family: oswald;
	padding: 10px;
}

.pan .btn {
    padding: 12px 45px!important;
    font-family: 'oswald';
    font-weight: 500;
    font-size: 16px;
	
}

.popup_panier {
    position:absolute; margin:auto; background:#fff; top:35%; left:50%; margin-left:-285px; width:550px; padding:10px; z-index:100000; color:#333; display: block; text-align:center;
}

#formnews { position:relative }
#formnews label.error {
    position: absolute;
    right: 0;
    top: -25px;
}

/* BORDERED BUTTONS */

.btn.bordered-btn {
  border: 1px solid black;
  color: black ;
  background: transparent;
}

.btn.bordered-btn:hover {
  background: #fff;
  color: var(--color2) !important;
  border:1px solid var(--color2)
}

.btn.bordered-btn.white {
  border: 1px solid white;
  color: white !important;
  background: transparent;
}

.btn.bordered-btn.white:hover {
  background: white;
  color: black !important;
}

/* PLAIN BUTTONS */

.btn.plain-btn {
  border: 1px solid var(--color1);
  color: white;
  background: var(--color1);
  font-family: oswald;
font-weight: 500;
font-size: 16px;
padding: 10px;
}

.pan {

    background: #fff;
    display: inline-block;

}

.plusminus { color:#000; background:#fff; display: inline-block; padding: 10px 15px; }
.plusminus a, .plusminus a:hover { color:#000; text-decoration:none }

#qteb {
    text-align: center;
    border: 0;
	padding: 0 10px;
}

.btn.plain-btn:hover {
  background: #00000099;
  color: white;
}

.plain-btn.btn-grey-gold {
  border: 1px solid #373737;
  background: #373737;
  color: var(--color2);
  padding: 5px;
}

.plain-btn.btn-grey-gold:hover {
  border: 1px solid var(--color2);
  background: var(--color2);
  color: #373737;
}

.plain-btn.btn-white {
  border: 1px solid #000;
  background: #ffffff;
  color: #000000;
}

.plain-btn.btn-white:hover {
  border: 1px solid #ffffff99;
  background: #ffffff99;
  color: #000000;
}

/* Sizes */

.mg-bt-10 {
  margin-bottom: 10px !important;
}

.distrib { margin-top:10px; }
.distrib input { border:1px solid #000; border-radius:0 }
.distrib .input-group-addon { background:#000; border-radius:0; border:1px solid #000 }
.distrib button { background:none; border:0; color:#fff; font-family: 'Oswald', sans-serif;
font-size: 16px; }

.onedistrib { cursor:pointer; padding-left:35px; position:relative; padding-bottom:15px; border-bottom:1px solid #999999; margin-bottom:15px; color: #999999; font-weight:600 }
.onedistrib h4, .onedistrib b { color:#080601 }
.onedistrib h4 { margin: 0 0 5px; }
.onedistrib:before { position:absolute; font-family:Font Awesome\ 5 Free; content:'\f3c5'; left:3px; font-size:22px; }

.onedistrib:hover h4 {  color:var(--color2) }
.onedistrib:hover:before { color:var(--color2) }


.top-footer .active {
    background: var(--color2);
}
.top-footer .active .gold-txt {
    color: #fff!important;
}

.blocdescriptif h1 { font-family:'Raleway'; font-weight:900;letter-spacing: normal; font-size:64px; color:var(--color2) }
.blocdescriptif { background:rgba(255,255,255,0.7); width:65%; margin:auto; text-align:center; margin-top:40px; margin-bottom:40px; padding:80px 100px 40px;  }
.blocdescriptif p { font-family:'oswald'; font-weight:bold; font-size:18px; }

.blocdescription { padding:60px 0; background:url('../../../images/logobg.png') center center no-repeat; } 
.blocdescription  { font-family:'oswald'; font-size:18px; color:#555555 }
.blocdescription h2 { font-family:'Raleway'; font-weight:900;letter-spacing: normal; font-size:40px; color:var(--color2) }

.founder { font-size:12px; font-style:italic; color:var(--color2); text-transform:uppercase; display:block; text-align:center} 
.dawning { font-family:'Dawning of a New Day', cursive; font-size:35px;  display:block; text-align:center }


.accessseason  { padding:60px 0; background:url('../../../images/bgsaisons2.jpg') center center; } 

.presse { padding:60px 0 0; }
.blocpresse h2 {font-family:Raleway; font-weight:900; font-size:30px; color:#000; line-height: 26px; }
.blocpresse h2 span { color:var(--color2); display:block }
.blocpresse { font-family:Oswald; font-weight:100; font-size:14px; color:#a1a1a1; line-height: 25px; }
.articlepresse { margin-bottom:20px; position:relative }
.articlepresse .overlay { display: none; position:absolute; background:rgba(255,255,255,0.6); justify-content: center;
flex-direction: column;
text-align: center;width: 100%;
height: 100%; }
.articlepresse:hover .overlay { display:flex }
.articlepresse .overlay { color:#222222; font-family:oswald; font-size:14px; font-weight:bold }
.articlepresse .overlay .subtitle { color:#222222; font-family:'open sans'; font-size:14px; font-weight:100; font-style:italic }

.slidetem { padding:0 50px}
.slidetem h2 { font-family:'Oswald'; font-size:36px; font-weight:900; color:#000; font-style:normal; text-transform:uppercase; }
.slidetem { font-family:'open sans'; font-size:16px; line-height:20px; font-weight:800; font-style:italic; color:#555555 }
.slidetem span { font-family:'Oswald'; font-size:12px; font-weight:100;  text-transform:uppercase; color:var(--color2);  font-style:normal; }
.slidetem b, .slidetem strong { color:var(--color2)}

.bloctemoigne .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: left;
    left: 50px;
} 

.bloctemoigne .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 0;
    height: 4px;
    width: 15px;
	background: #cccccc;
}

.bloctemoigne .bx-wrapper .bx-pager.bx-default-pager a:hover, .bloctemoigne .bx-wrapper .bx-pager.bx-default-pager a.active, .bloctemoigne .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: var(--color2);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: var(--color2);
}

/* ------------Header / Navigation------------ */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url('../../../images/left.png');
    background-size: auto;
    background-size: cover;
    width: 44px!important;
    height: 32px!important;
    visi
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url('../../../images/right.png');
    background-size: auto;
    background-size: cover;
    width: 44px!important;
    height: 32px!important;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper:hover .bx-prev,
.bx-wrapper:hover .bx-next{
    opacity: 1;
}

.dropdown-menu.container {
	position:absolute!important	
}

.top-header {
  background: #000000;
  padding: 12px 0;
  position: fixed;
  width: 100%;
  top: 0;
  min-height: 78px;
}

.top-header, .top-header .dropdown-menu {
  z-index: 1031;
}

.top-header .logo {
  width: 220px;
    padding-left: 25px;
    padding-left: 0px;
}

.logo img {
    max-height: 54px;
    height: 54px;
    margin:0
}

.top-header .search-header {
  margin-bottom: 0;
  padding: 10px 0;
}

.top-header .search-header button {
border: 0;
background:transparent;	
}

.top-header .dropdown button:not(.close) {
  background: none;
  border: none;
}

.top-header .dropdown button:hover {
  background: none;
  border: none;
  /*color: var(--color2);*/
}

.top-header .dropdown-menu {
  background: #000;
}

.top-header .dropdown-menu>li>a:focus, .top-header .dropdown-menu>li>a:hover {
  background: var(--color2);
  transition: 0.3s ease;
}

.top-header #lang-dropdown .dropdown-menu {
  min-width: auto;
  left: -1px;
}

.top-header .dropdown {
  padding: 15px;
  padding-top: 17px;
}

.top-header .nav>li>a {
  padding-top: 18px;
  padding-bottom: 15px;
}

.top-header a:hover {
  text-decoration: none;
}

.right-topbar .nav>li {
  float: left;
}

.right-topbar .nav>li>a:hover, #cart-dropdown.dropdown:hover button:not(.close) {
  background: none;
  /*color: var(--color2);*/
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 5%;
    padding: 0;
    margin: 0;
    max-width: 200px;
}


/* ------------Cart dropdown------------ */

#cart-dropdown {
  padding-top: 16px;
  position:relative;
}

.nbprod { 
	position:absolute;
	border-radius:50%;
	width:20px; 
	height:20px; 
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff;
	background:var(--color2);
	top: 4px;
right: 7px;
}

#cart-dropdown.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

#cart-dropdown .dropdown-menu {
  background: #fff;
  right: 0;
  left: unset;
  border-radius: 0;
  padding: 15px;
  width: 350px;
}

.cart-product {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #dcdcdc;
}

.cart-product:last-of-type {
  border-bottom: none;
}

.cart-product:first-of-type {
  padding-top: 0;
}

#cart-dropdown .cart-product .close {
  float: right;
  color: grey;
}

.cart-product .cproduct-title .title, .cart-product .cproduct-title .price {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
}

.cart-product .cproduct-title .title {
  font-weight: 700;
  font-size: 16px;
}

.cart-product .cproduct-title .price {
  font-weight: 400;
  font-size: 16px;
  font-family: 'Oswald', sans-serif;
}

.cart-product .cproduct-title .quantity {
      font-size: 12px;
    margin-top: 20px;
    color: #a1a1a1;
    font-family: 'oswald';
    font-weight: 100;
}

.cart-product .cproduct-title .quantity span { color:#000 }

.total-cart, .cart-actions {
  padding: 5px 0;
}

.total-cart p {
  font-weight: 300;
font-size: 14px;
margin-bottom: 0;
font-family: oswald;
}


.total-cart p.gold-txt {
font-size:18px; 
}

.cart-actions a.btn {
  display: inline;
  clear: none;
  padding: 5px 11px !important;
}



/* ------------Main navigation------------ */

/* Override Bootstrap */

.navbar-fixed-top {
  top: 75px;
}

.navbar-inverse {
  background: #373737;
  /*box-shadow: inset 10px 3px 43px 15px rgba(0, 0, 0, 0.25);*/
}

.navbar-toggle {
  border: none;
}

.navbar-inverse .navbar-nav>li>a {
  color: #aaaaaa;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active,
.navbar-inverse .navbar-nav>.active:focus,
.navbar-inverse .navbar-nav>.active:hover,
.navbar-inverse .navbar-nav>li:hover{
  background: var(--color2);
}

.navbar-inverse .navbar-nav>li a:hover {
  transition: 0.6s ease;
}

.nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
    border: 0;
}

.nav>li.atom>a {
    padding-top:7px;
    padding-bottom:8px;

    height: 50px;
    width: 134px;

}

.products-tabs .nav>li>a {  
  padding-left: 0;
  padding-right: 0; }
.products-tabs .nav>li { 
  padding-left: 25px;
  padding-right: 25px; }


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: transparent;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.yamm .yamm-content {
  padding: 0 15px 0 0;
}

.megamenu-content .large-col {
  padding: 30px 20px 20px 30px;
}

.megamenu-content .title {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 20px;
}

.megamenu-content .rubric-list li {
  font-weight: 400;
  font-style: italic;
  margin-bottom: 10px;
}

.megamenu-content .rubric-list li.high-link, .megamenu-content .rubric-list li.high-link a {
  font-weight: 600;
}

.megamenu-content .rubric-list li:not(.high-link) a {
  color: #555555;
}

.megamenu-content .rubric-list li:not(.high-link) a:hover {
  color: #555555aa;
}

.megamenu-content .rubric-list li a:hover {
  text-decoration: none;
}

.megamenu-content .info-col img {
  width: 100%;
}

.pagination li a {
  border: none;
  font-family: 'Oswald';
  font-weight: 600;
  color: #555555;
}
.pagination li a:hover,.pagination li.active a {
  color: var(--color2);
  background-color: transparent;
}
.pagination>li>a, .pagination>li>span {
  padding: 6px 20px;
}

/* Colors by seasons */

.navbar-fixed-top {
    border: 0!important;
}

.dropdown-menu {
    border-top:0;
    box-shadow: 0 6px 12px -6px rgba(0,0,0,.175);
}

/*
.navbar-inverse .navbar-nav>li#nav-atom>a {
    background-color: var(--color2);
    background-image: url(../../../images/Logo-Atom-Blanc.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.navbar-inverse .navbar-nav>li#nav-atom>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-atom > a,
.navbar-inverse .navbar-nav>.open#nav-atom>a,
.navbar-inverse .navbar-nav>.open#nav-atom>a:focus,
.navbar-inverse .navbar-nav>.open#nav-atom>a:hover,

.navbar-inverse .navbar-nav>li#nav-atom:hover > a,
.navbar-inverse .navbar-nav>.open#nav-atom:focus > a,
.navbar-inverse .navbar-nav>.open#nav-atom:hover > a  {
    background-color: #fff!important;
    background-image: url(../../../images/Logo-Atom-Noir.svg);
    background-repeat: no-repeat;
    background-position: center;
}

 */


.navbar-inverse .navbar-nav>li#nav-allseasons>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-allseasons > a,
.navbar-inverse .navbar-nav>.open#nav-allseasons>a,
.navbar-inverse .navbar-nav>.open#nav-allseasons>a:focus,
.navbar-inverse .navbar-nav>.open#nav-allseasons>a:hover,

.navbar-inverse .navbar-nav>li#nav-allseasons:hover > a,
.navbar-inverse .navbar-nav>.open#nav-allseasons:focus > a,
.navbar-inverse .navbar-nav>.open#nav-allseasons:hover > a {
    background: var(--color2);
    color:#fff
}

.navbar-inverse .navbar-nav>li#nav-endo>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-endo > a,
.navbar-inverse .navbar-nav>.open#nav-endo>a,
.navbar-inverse .navbar-nav>.open#nav-endo>a:focus,
.navbar-inverse .navbar-nav>.open#nav-endo>a:hover,

.navbar-inverse .navbar-nav>li#nav-endo:hover > a,
.navbar-inverse .navbar-nav>.open#nav-endo:focus > a,
.navbar-inverse .navbar-nav>.open#nav-endo:hover > a {
    background: #376276;
    color:#fff
}

.navbar-inverse .navbar-nav>li#nav-iso>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-iso > a,
.navbar-inverse .navbar-nav>.open#nav-iso>a,
.navbar-inverse .navbar-nav>.open#nav-iso>a:focus,
.navbar-inverse .navbar-nav>.open#nav-iso>a:hover,

.navbar-inverse .navbar-nav>li#nav-iso:hover > a,
.navbar-inverse .navbar-nav>.open#nav-iso:focus > a,
.navbar-inverse .navbar-nav>.open#nav-iso:hover > a {
    background: #BBA677;
    color:#fff
}

.navbar-inverse .navbar-nav>li#nav-exo>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-exo > a,
.navbar-inverse .navbar-nav>.open#nav-exo>a,
.navbar-inverse .navbar-nav>.open#nav-exo>a:focus,
.navbar-inverse .navbar-nav>.open#nav-exo>a:hover,

.navbar-inverse .navbar-nav>li#nav-exo:hover > a,
.navbar-inverse .navbar-nav>.open#nav-exo:focus > a,
.navbar-inverse .navbar-nav>.open#nav-exo:hover > a {
    background: #8F4E3D;
    color:#fff
}








.navbar-inverse .navbar-nav>li#nav-spring>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-spring > a,
.navbar-inverse .navbar-nav>.open#nav-spring>a,
.navbar-inverse .navbar-nav>.open#nav-spring>a:focus,
.navbar-inverse .navbar-nav>.open#nav-spring>a:hover,

.navbar-inverse .navbar-nav>li#nav-spring:hover > a,
.navbar-inverse .navbar-nav>.open#nav-spring:focus > a,
.navbar-inverse .navbar-nav>.open#nav-spring:hover > a {
  background: #01FFA9;
  color: #373737;
}

.navbar-inverse .navbar-nav>li#nav-summer>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-summer > a,
.navbar-inverse .navbar-nav>.open#nav-summer>a,
.navbar-inverse .navbar-nav>.open#nav-summer>a:focus,
.navbar-inverse .navbar-nav>.open#nav-summer>a:hover,

.navbar-inverse .navbar-nav>li#nav-summer:hover > a,
.navbar-inverse .navbar-nav>.open#nav-summer:focus > a,
.navbar-inverse .navbar-nav>.open#nav-summer:hover > a {
  background: #FF334D;
    color:#fff
}

.navbar-inverse .navbar-nav>li#nav-end-summer>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-end-summer > a,
.navbar-inverse .navbar-nav>.open#nav-end-summer>a,
.navbar-inverse .navbar-nav>.open#nav-end-summer>a:focus,
.navbar-inverse .navbar-nav>.open#nav-end-summer>a:hover,

.navbar-inverse .navbar-nav>li#nav-end-summer:hover > a,
.navbar-inverse .navbar-nav>.open#nav-end-summer:focus > a,
.navbar-inverse .navbar-nav>.open#nav-end-summer:hover > a,


.navbar-inverse .navbar-nav>li#nav-endsummer>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-endsummer > a,
.navbar-inverse .navbar-nav>.open#nav-endsummer>a,
.navbar-inverse .navbar-nav>.open#nav-endsummer>a:focus,
.navbar-inverse .navbar-nav>.open#nav-endsummer>a:hover,

.navbar-inverse .navbar-nav>li#nav-endsummer:hover > a,
.navbar-inverse .navbar-nav>.open#nav-endsummer:focus > a,
.navbar-inverse .navbar-nav>.open#nav-endsummer:hover > a{
  background: #ff7003;
    color:#fff
}

.navbar-inverse .navbar-nav>li#nav-fall>a:hover,
.navbar-inverse .navbar-nav>li.active#nav-fall > a,
.navbar-inverse .navbar-nav>.open#nav-fall>a,
.navbar-inverse .navbar-nav>.open#nav-fall>a:focus,
.navbar-inverse .navbar-nav>.open#nav-fall>a:hover,

.navbar-inverse .navbar-nav>li#nav-fall:hover > a,
.navbar-inverse .navbar-nav>.open#nav-fall:focus > a,
.navbar-inverse .navbar-nav>.open#nav-fall:hover > a {
  background: #D0D4D7;
  color: #373737;
}

.navbar-inverse .navbar-nav>li#nav-winter:hover > a,
.navbar-inverse .navbar-nav>.open#nav-winter:focus > a,
.navbar-inverse .navbar-nav>.open#nav-winter:hover > a {
  background: #0ad9ec;
  color: #373737;
}

/* .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover */

/* ------------Forms override------------ */

.round-input input, .round-input .input-group-addon:last-child {
  background-color: #201f1c;
  border: none;
}

.round-input input {
  border-radius: 30px 0 0 30px;
}

.round-input input:focus {
  border-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, 0.6);
}

.round-input .input-group-addon:last-child {
  border-radius: 0 30px 30px 0;
}

/* ------------FOOTER------------ */

footer {
  background-color: #000000;
  padding: 35px 0 0;
}

footer, footer p {
  font-size: 14px;
}

footer, .footer-contact a {
  color: #999999;
}

.footer-logo {
  width: 280px;
  margin-bottom: 30px;
    margin: 0 0 10px 0!important;
}

footer address {
  font-weight: 600;
}

.footer-contact a {
  color: #999999;
}

.footer-row {
  margin-bottom: 20px;
}

.footer-row h4 {
  font-weight: 300;
  color: #cccccc;
  margin-bottom: 25px;
  text-transform:uppercase;
}

.footer-nav li {
  padding: 5px 0;
}

.footer-nav li a, footer .details-list li {
  color: #555555;
}

.footer-nav li a:hover {
  color: var(--color2);
  text-decoration: none;
}

footer .details-list {
  display: flex;
  justify-content: space-between;
}


.copyright-ctn {
  background: #242424;
  margin-top: 20px;
}

.copyright p {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #636363;
}

footer .social-icons, .social-row {
    padding: 5px 0;
    float: left;
    margin-bottom: 0;
	margin: 10px 0;
}

footer .social-icons li, .social-row li {
  padding: 0 15px;
}

footer .social-icons a, .social-row a {
  font-size: 25px;
  color: #595959;
}

footer .form-inline {
  display: flex;
}

footer .form-inline .form-group {
  flex: 3;
}

footer .form-inline .form-group .form-control {
  width: 28%;
  background-color: #373737;
  border-color: #373737;
  color: #e1e1e1;
  border-radius: 0;
  margin: 0;
}

footer .form-inline .form-group .form-control.genre { width:20% }

footer .form-inline .form-group .form-control.genre label {
    margin: 0 0px;
}

footer .form-inline .form-group .form-control.max {
	width:50%;
}	

footer .form-inline .form-group input::placeholder {
  font-style: italic;
}

footer .form-inline button {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Top footer */

.top-footer {
  background-color: #f4f4f4;
  margin-top: 85px;
}

.list-inline.icons-flex-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.list-inline>li.icon-col {
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 20px 10px 15px;
}

.icon-col p {
  margin-bottom: 0;
}

.icon-col>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.icon-col .icon img {
  height: 50px;
}

.icon-col .text-icon {
  margin-left: 15px;
}

.icon-col .text-icon p {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 18px;
}

.icon-col .text-icon p a, .icon-col .text-icon p a:hover { color:#000!important }

.icon-col .text-icon p .grey-txt {
  font-weight: 400;
}

.icon-col .text-icon p.reseller a, .icon-col .text-icon p.reseller a:hover {
  color: #000;
  text-decoration:none;
}

.icon-col .text-icon p a:hover {
  text-decoration-color: var(--color2);
  color: var(--color2);
}


/* ------------HOMEPAGE------------ */

/* Slider */


.bx-wrapper {
  border: none;
  margin-bottom: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none  !important;
    box-shadow: none !important;
    border: 0px solid #fff!important;
    background: #fff;
}

.slide {
    background-color: #000;
}

.slide.atom {
    background-color: #fff;
}

.slide .titles h3 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 300;
  color: #a1a1a1;
  margin-top: 0;
}

.slide .titles h2 {
  font-size: 48px;
  font-weight: 900;
  font-family: "Raleway";
  color: rgb(255, 255, 255);
  line-height: 0.9;
  text-transform:uppercase;
}


.slide .titles p {
  font-size: 14px;
  color: rgb(161, 161, 161);
  margin-top: 15px;
  margin-bottom: 0;
}

.slide .titles a {
  font-family: 'Oswald', sans-serif;
  color: rgb(255, 255, 255);
  margin-top: 20px;
  text-transform:uppercase;
}

.slide .onslides {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: 30px;
	width: 40%;
}



.atom .titles h2 {
    color: #000;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
}

.atom .titles h2 span {
    font-weight: 900;
}

.atom .titles p {
    color: #000;
}


.atom .btn.bordered-btn.white {
    border: 1px solid #000;
    color: #000 !important;
    background: transparent;
}

.sliderseason { background:#080701 }

.sliderseason .slide .onslides {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  left: 30px;
	width: 50%;
}

.bx-wrapper .bx-pager {
  position: absolute;
  bottom: 15px;
}

.bx-wrapper .bx-controls-direction a {
  z-index: 1000;
}

/* PAGE SECTIONS */

.padd-50 { padding-left:50px }


.atom .padd-50 {
    padding-left: 0px;
    padding-top: 20px;
}
.atom .title {
    color: #000;
    font-weight: 500;
    margin-left: 20px;
}

.atom ul {
    padding-top: 20px;
}

.atom .rubric-list li {
    margin-bottom: 2px;
    margin-left: -1px;
}

.atom .rubric-list a {
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #000 !important;
    line-height: 18px;

    text-align: left;
    padding-left: 35px;
}

.atom .rubric-list li:nth-child(1) a:hover {
    background-color: rgba(0, 98, 121, 0.1);
    color: #006279 !important;
}

.atom .rubric-list li:nth-child(2) a:hover {
    background-color: rgba(134, 173, 118, 0.1);
    color: #86AD76 !important;
}

.atom .rubric-list li:nth-child(3) a:hover {
    background-color: rgba(162, 77, 57, 0.1);
    color: #A24D39 !important;
}

.atom .rubric-list li:nth-child(4) a:hover {
    background-color: rgba(190, 148, 99, 0.1);
    color: #BE9463 !important;
}

.atom .rubric-list a::before {
    content: 'Gamme';
    display: block;
    font-weight: 500;
    font-size: 12px;
    text-transform: initial;
    font-style: italic;
    color: #000 !important;
}

main section:not(.slider-ctn) {
  margin-bottom: 70px;
}

section h2, section h1 {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 3px;
  margin-bottom: 25px;
  text-transform:uppercase;
}

.static_content h1, .static_content h2 {
	font-family: 'Open Sans';
    letter-spacing: 0;
    font-size: 24px;
    font-weight: 700;
	margin-bottom: 15px;
}

.main-single-product{
    margin-bottom: 20px;
}

.products-section h2, .blog-section h2, .text-section h2  { font-size:25px; letter-spacing: 5px; color:var(--color1) }

.text-section p { color:#a1a1a1; font-size:18px }

section .end-cta {
  margin-top: 25px;
  margin-bottom: 25px;
}

section .end-cta a {
  min-width: 300px;
  text-transform:uppercase;
  font-family: oswald;
 font-size: 16px;
border: 1px solid var(--color2) !important;
color: var(--color2) !important;
padding: 10px;
}

.two-sides-section div.col-md-6:first-child { padding-right:50px }

.two-sides-section h1 {
  margin-top: 35px;
  margin-bottom: 25px;
  font-size: 30px;
  text-transform:uppercase;
  letter-spacing: 0!important;
  color:var(--color1);
}

.two-sides-section h2 {
  font-size: 50px;
  font-weight: 400;
  margin-top: 29px;
  line-height: 58px;
  text-transform:uppercase;
  color:var(--color1);
}

.nopadr { padding-right:0 }

.two-sides-section h3 {
  font-size: 17px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 22px;
  text-transform: uppercase;
}

.two-sides-section .picto {
  margin-left: 25px;
  margin-top: 15px;
  height: 65px;
}

/* Products tabs */

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    margin: auto;
}


.products-tabs {
  margin-top: 20px;
}

.products-tabs .nav-tabs {
  text-align: center;
}

.products-tabs .nav-tabs>li {
  display: inline-block;
  float: none;
  min-width: 200px;
}

.products-tabs .nav-tabs>li>a, .products-tabs .nav-tabs {
  border: none;
}

.products-tabs .nav-tabs>li>a {
  border-radius: 0;
  color: #A1A1A1;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: italic;
}

.products-tabs .nav-tabs>li>a:hover {
  transition: 0.5s ease;
}

.products-tabs .nav-tabs>li>a:hover, .products-tabs .nav-tabs>li.active>a {
  font-weight: 600;
  color: #000;
  font-style: normal;
  border-bottom: 2px solid #000;
}

.products-tabs .nav-tabs>li.active>a, .products-tabs .nav-tabs>li.active>a:focus, .products-tabs .nav-tabs>li.active>a:hover, .products-tabs .nav-tabs>li>a:hover {
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #000;
}

.products-tabs .tab-content {
  padding-top: 25px;
}

.bandeau { overflow:hidden }

/* SINGLE PRODUCT */

.single-product {
	position: relative;
}

.single-product .product-img {
  position: relative;
  /*background: #f1f1f1;*/

}

.megamenu-content .single-product .product-img img {
  margin: 0 auto;
  position: relative;
  max-height:260px;
}

.single-product .product-img .overlay {
  /* display: none; */
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(174, 152, 109, 0.7);
  opacity: 0;
  transition: transform 250ms ease-out, opacity 250ms ease-out;
}

.single-product .product-img:hover .overlay {
  /* display: block; */
  opacity: 1;
}

.single-product .product-img .overlay .actions {
  width: 90%;
  margin: 0 auto;
  margin-top: 50%;
}

.single-product .product-img .overlay .actions .rating {
  color: white;
  text-align: center;
  margin-bottom: 30px;
}

.single-product .product-img .overlay .buttons {
  width: 90%;
  margin: 0 auto;
}

.single-product .product-img .overlay .actions a {
  width: 100%;
  margin-bottom: 15px;
}

.single-product .product-label {
  position: absolute;
  right: 0;
  top: 35px;
  background-color: var(--color2);
  z-index: 10;
  padding: 5px 10px;
  color: white;
  font-family: 'Oswald';
  letter-spacing: 1px;
  font-weight: 400;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.single-product .product-label.promo {
  background-color: #ff0000;
}

.product-title a {
  color: #333;
}

.product-title a:hover {
  text-decoration: none;
}

.product-title h5 {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.megamenu-content .product-title h5 {
  font-size: 16px;
}

.product-title .collection {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
  /*text-transform: uppercase;*/
}

.megamenu-content .product-title .collection {
  font-size: 14px;
}

.product-title .price {
  font-family: 'Oswald';
  font-size: 18px;
}

/* Blog articles */

.blog-section .end-cta {
  margin-top: 100px;
}

.blog-art {
  position: relative;
}

.blog-art .header-img{
    max-height: 310px;
    height: 310px;
    overflow: hidden;
}

.blog-art .header-img img {
  width: 100%;
}

.blog-art .title-art {
  width: 90%;
  float: right;
  background-color: white;
}

.blog-art .title-art {
  width: 90%;
  background-color: white;
  position: absolute;
  bottom: -95px;
  right: 0;
  padding: 25px 30px;
}

.blog-art .title-art p.date-art {
  font-family: 'Oswald';
  font-size: 26px;
  font-weight: 300;
  text-transform:uppercase;
}

.blog-art .title-art p.date-art .day {
  font-size: 80px;
  line-height: 80px;
}

.blog-art .title-art h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
}

.blog-art .title-art h6, .blog-art .title-art h6 a {
  min-height: 60px;
}

.blog-art .title-art h6 a {
  color: black;
}

.blog-art .title-art h6 a:hover, .blog-art .title-art h6 a:focus {
  text-decoration: none;
}

.blog-art .title-art p.tags {
  font-family: 'Oswald';
  font-weight: 300;
  font-size: 13px;
}

.blog-art .title-art p.tags, .blog-art .title-art p.tags a {
  color: #aaaaaa;
}

/* Text section */

section.text-section {
  text-align: center;
}

.blocreve { background:#f1f1f1; padding:20px; margin-top:40px }
.blocreve_inside { display:block; overflow:hidden; border:1px solid #fff; padding:10px; }
.blocreve_inside .btn { text-transform: uppercase; margin: 35px 0; padding:10px 40px; font-size: 16px; }

.blocreve_inside div { font-size:20px; text-transform:uppercase; }

.blocreve_inside div div { font-family:'Raleway'; font-weight:900; font-size:48px; color:var(--color2); line-height: 40px; }



/* ----------- SINGLE PRODUCT PAGE ----------- */

.breadcrumb {
  background-color: transparent;
}

.breadcrumb {
    margin-bottom: 0px;
    margin:10px 0;
}

.breadcrumb a, .breadcrumb li {
  font-size: 12px;
  color: #656565;
}

.breadcrumb li.active {
  color: var(--color2);
}

.breadcrumb>li+li:before {
  content: url('../../../images/arrox.png');
  font-size: 10px;
  color: #65656599;
}

.payment_type {
    margin-bottom: 20px;
}

.payment_type label {
    border: 1px solid #efefef;
    display: block;
    padding: 10px;
}

.payment_type img {
    max-height: 24px;
}

.product-slider li {
    list-style: none!important;
}

#productDetail .lslide {
  text-align: center;
  height: 450px !important;
}

#productDetail .lslide img {
	height:100%;
}

.product-slider {
  margin-top: 30px;
}

.product-slider .lSGallery li img {
  border: 1px solid white;
}

.product-slider .lSGallery li.active img {
  border: 1px solid var(--color2);
}

.product-slider .lSGallery li img {
  margin: 0 auto;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0;
}

.main-single-product .product-details h1 {
  font-weight: 800;
  font-size: 29px;
  line-height: 29px;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 26px;
  color:var(--color1);
}

.main-single-product .product-details h2 {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.main-single-product .product-details .price {
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 1px;
  margin-top: 0px;
}

.main-single-product .rating {
  color: var(--color2);
}

.row.infos {
   margin-top: 15px;
   margin-bottom: 15px;
}

.row.infos>div {
  border-right: 1px solid #a1a1a1;
}

.row.infos>div:last-of-type {
  border-right: none;
}

.main-single-product .rating i {
  margin-right: 5px;
}

.main-single-product .rating i:last-of-type {
  margin-right: 0px;
}

.row.infos, .row.infos a {
  color: #a1a1a1;
  font-family: 'Oswald';
  font-weight: 500;
  font-size: 14px;
}

.row.infos i { color:var(--color2) }

.main-single-product p {
  font-size: 14px;
  margin-bottom: 20px;
}

.main-single-product p.desc {
  color:#a1a1a1;
}

.main-single-product p .green-txt {
  font-weight: 700;
}

.main-single-product p.ref-content span {
  font-size: 16px;
  font-weight: 700;
}

.main-single-product .ui-widget input {
  width: 50px;
}

.main-single-product .social-row-product {
  padding: 0;
  margin-bottom: 35Px;
}

.main-single-product .social-row-product p {
  margin-bottom: 0;
  margin-top: 5px;
  font-family: 'Oswald';
  font-size: 14px;
}

.nav-tabs-ctn .nav-tabs {
  border-bottom: none;
}

.nav-tabs-ctn .nav-tabs>li a {
  color: #000000;
}

.nav-tabs-ctn .nav-tabs>li.active>a, .nav-tabs-ctn .nav-tabs>li.active>a:focus, .nav-tabs-ctn .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
  border: none;
  color: var(--color2);
  background: white;
  border-radius: 0;
}

.nav-tabs-ctn .nav-tabs>li {
  margin-bottom: -3px;
  text-transform: uppercase;
  font-family: 'Oswald';
  font-size: 18px;
  font-weight: 500;
  border-width: 2px;
  border-radius: 0;
  position:relative;
}

.nav-tabs-ctn .nav-tabs>li.active:after,  .nav-tabs-ctn .nav-tabs>li:hover:after {

    content: ' ';
    position: absolute;
    border-bottom: 3px solid var(--color2);
    left: 25px;
    right: 25px;

}

.product-more-details h2 {
  font-size: 18px;
  font-family: "Oswald";
  margin-top: 0;
  color:var(--color1);
}

.product-more-details .caution img {
  margin: 15px auto;
}

.product-more-details {
	position:relative;
}

.product-more-details .anchor { position:absolute; top:-300px }

.product-more-details .tab-pane .row {
  margin-bottom: 25px;
}

.product-more-details .ingredients, .product-more-details .ingredients p {
  font-size: 14px;
  font-weight: 400;
}

.product-more-details .customer-rating {
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 25px;
  padding-top: 20px;
}

/* ----------- SHOP PAGE ----------- */

/* HERO */

.shop-hero-ctn {
  padding: 0;
}

.shop-hero {
  /*margin-top: 115px;*/
  min-height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background:#000;
}

.atom .shop-hero {
    background-color: #cecece;
}

.atompopup .cont {
    font-size: 18px;
    margin-top:15px;
    color:#000;
}

.atompopup h4 {
    font-size: 24px;
}

.atompopup .close {
    position: absolute;
    right: 20px;
    z-index: 1;
}

.blocprods {
    margin-bottom: 30px;
    position: relative;
}

.arrow  {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    font-size: 50px;
    color: #969696;
    margin-top: -25px;
}

.atompopup .blocprods a  {
    color: #fff;
    background: var(--color2);
    padding: 5px 10px;
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}

.liaison_atom {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    text-align: left;
    position:relative;
    padding: 20px 120px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.liaison_atom a {
    color: var(--color2);
}

.liaison_atom:before {
    content:'';
    background: url('../../../images/warning.png');
    width: 35px;
    height: 100%;
    position: absolute;
    left: 2%;
    background-repeat: no-repeat;
    top: 0;
    background-position: center;
}

.liaison_atom:after {
    content:'';
    background: url('../../../images/logo-atom-fond-noir.svg');
    width: 94px;
    height: 100%;
    position: absolute;
    right: 2%;
    background-repeat: no-repeat;
    top: 0;
    background-position: center;
}

.hero-txt {
  margin-top: 60px;
}

.hero-txt h2 {
  font-size: 13px;
  line-height: 2.167;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 300;
  letter-spacing: 3px;
}

.hero-txt h1 {
  color: white;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 48px;
  font-family: "Raleway";
  font-weight: bold;
  text-transform:uppercase;
}

.hero-txt p {
  font-size: 14px;
  color: #a4a4a4;
  line-height: 25px;
  font-weight: 200;
}

/* Sidebar */

.filters .panel, .filters .panel-heading, .filters .panel-collapse, .filters .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
}

.panel-body p { margin:0 0 3px }

.filters .panel {
  box-shadow: none;
}

.filters .panel-group {
  margin-bottom: 0;
}

.filters .panel-heading {
  background-color: transparent;
}

.filters .panel-heading a:hover, .filters .panel-heading a:focus, .filters .panel-heading a:active {
  text-decoration: none;
}

.filters .panel-heading i {
  font-size: 80%;
  margin-left: 10px;
}

/* THXX to https://codepen.io/CreativeJuiz/pen/BiHzp */

/* Base for label styling */

.filters [type="checkbox"]:not(:checked), .filters [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.filters [type="checkbox"]:not(:checked)+label, .filters [type="checkbox"]:checked+label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */

.filters [type="checkbox"]:not(:checked)+label:before, .filters [type="checkbox"]:checked+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25em;
  height: 1.25em;
  border: none;
}

/* checked mark aspect */

.filters [type="checkbox"]:not(:checked)+label:after, .filters [type="checkbox"]:checked+label:after {
  content: '✔';
  position: absolute;
  top: 0;
  left: 3px;
  font-size: 1.4em;
  line-height: 0.8;
  color: var(--color2);
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}

.filters #filterRating [type="checkbox"]:not(:checked)+label:after, .filters #filterRating [type="checkbox"]:checked+label:after {
  content: "";
}

/* checked mark aspect changes */

.filters [type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  transform: scale(0);
}

.filters [type="checkbox"]:checked+label:after {
  opacity: 1;
  transform: scale(1);
}

/* hover style just for information */

.filters label , .filters label a 
 {
  font-weight: 600;
  font-style: italic;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: rgb(85, 85, 85);
}

.filters label:hover, .filters [type="checkbox"]:checked+label, .filters label:hover a, .filters [type="checkbox"]:checked+label a {
  color: var(--color2);
  font-weight: 700;
}


.filters form p {
  margin-bottom: 5px;
}

.filters .rating i {
  margin-right: 5px;
}

.filters .sliderAmount {
  border: none;
  margin: 0;
  padding: 0;
  color: #a1a1a1;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  width: 60px;
}

.filters .amounts {
  display: flex;
  justify-content: space-between;
}

/* Override jquery ui slider */

.ui-slider-horizontal {
  height: 2px;
  margin-bottom: 20px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-widget-header {
  background: var(--color2);
}

.ui-widget.ui-widget-content {
  background: #000000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: var(--color2);
  border: none;
  border-radius: 50px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
}

.ui-slider .ui-slider-handle {
  width: 30px;
  height: 10px;
}

/* SHOP grid / list view */

.shop ul.list, .shop ul.grid {
  list-style: none;
  width: 100%;
  padding: 0;
}

.shop .buttons {
  margin-bottom: 20px;
}

.shop .list li {
  width: 100%;
  list-style-type: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.shop .list li .overlay {
  display: none;
}

.shop .list li .product-img, .shop .list li .product-info {
  float: left;
}

.shop .list li .product-img {
  width: 30%;
}

.shop .list li .product-info {
  width: 70%;
}

.shop .list li .product-info {
  padding: 20px;
}

.shop .list li .product-info .buttons a {
  min-width: 170px;
  margin-bottom: 15px;
}

.shop ul.grid:not(.pagination) li {
  float: left;
  list-style-type: none;
  width: calc(100%/3);
  padding: 10px;
}


.shop ul.grid:not(.pagination) li:nth-child(3n+1) {
	clear:both
}

.shop .grid li .product-desc-list {
  display: none;
}

.sorting-row {
  border-bottom: 2px solid #d9d9d9;
  margin-bottom: 20px;
}

.sorting-row .count-products {
  font-size: 16px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

.sorting-row label, .sorting-row p {
  font-family: "Open Sans", sans-serif;
  color: rgb(161, 161, 161);
  font-weight: 400;
}
.sorting-row p {
  font-style: italic;
}
.sorting-row button {
  background-color: transparent;
  border: none;
}

.sorting-row select {
  background: transparent;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans";
  font-size: 14px;
}

.rapidetxt a {
    margin-left: 5px;
    color: #000;
}


.intop {
	text-align:center
}

a.top {
    text-align: center;
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.total_rapide {
	
}


:target {
    border-top: 150px solid transparent;
    margin: -150px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    outline: none; /* Supprimer la outline disgracieuse de Chrome */
}


.top i {
    color: #000;
    text-align: center;
    margin: auto;
}

.achatrapide h2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	color: #9FACA4;
	letter-spacing: 1px;
	margin: 10px 0;
}

.achatrapide td {
    width: auto;
	min-width: 57px;
}

.achatrapide td.empty {
    height: 40px;
    /*width: 10px!important;*/
	min-width: 0;
}

.achatrapide td.empty.big {
	height:30px;
}

.achatrapide input {
    width: 100%;
    height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;

	/* identical to box height */
	text-align: center;
	text-transform: uppercase;

	color: #88968D;
	width: 50px;
	border:0;
}

.ancre_rapide {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: right;
}

.ancre_rapide li a {
    border: 1px solid #000;
    padding: 5px;
    color: #fff;
	background:#000;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 17px;
	margin-left:5px;
}

.achatrapide input::placeholder {

font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size:14px;
line-height:60px;
text-align: center;
text-transform: uppercase;

color: #9FACA4;
opacity: 0.7;

}


.rapideimg  {
	width:50px;
	float:left;
	margin-right: 5px;
}


.ligneprod td {
	height:65px;
}

.ligneprod button.proceedbtn {
	margin:0 20px 0 0;
}

.menutail {
	border:1px solid #9FACA4;
	text-align:center;
	padding:10px;
	
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	text-align: center;

	color: #2E2E2E;


}

.contenttail {
	border:1px solid rgba(159,172,164,0.3);
	color: #9FACA4;
	background: rgba(159,172,164,0.1);
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14.2206px;
	line-height: 17px;

	/* identical to box height */
	text-align: center;
	text-transform: uppercase;

	color: #9FACA4;

}

.contenttail.s {
	border:1px solid rgba(159,172,164,1);
	background: #fff;
}

.prodrapide b {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	margin-bottom:5px;
	display:block;

	color: #2E2E2E;
}

.prodrapide {
	
	font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14.2206px;
line-height: 17px;
min-width: 230px;
/* identical to box height */

color: #2E2E2E;

display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 10px 0 0;

position:relative;
	
}

.promo {
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    position: absolute;
    right: 10px;
}

.qtemin {
    font-size: 11px;
    color: red;
}

/*###################################    INSTAGRAM   ##########################*/

#instafeed .bg-primary-2 {
	background-color: #3779B3;
}

#instafeed .bg-secondary-2 {
	background: #cbdbe8;
}

#instafeed .text-underline {
	text-decoration: underline;
}

#instafeed .text-bold {
	font-weight: 700;
}

#instafeed .text-italic {
	font-style: italic;
}

#instafeed .text-small {
	font-size: 0.8em;
}

#instafeed .flex-grow-1 {
	flex-grow: 1;
}

#instafeed #btn-top {
	position: fixed;
	z-index: 999;
	bottom: 1em;
	top: auto;
	left: auto;
	right: 1em;
	margin-left: -1.9rem;
	opacity: .66;
	display: none;
}

#instafeed .instagram_feed {
	overflow: hidden;
}

#instafeed #jsonHere {
	max-height: 60vh;
	overflow: auto;
}

#instafeed a[data-caption]:hover::after {
    font-size: 1.3rem;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
	color:#fff;
}


.instagallery #instafeed  .instagram_gallery a {
    margin: 0 !important;
    width: calc(100% / 6) !important;
}





@font-face {
    font-family: 'Simplon BP Mono';
    src: url('../fonts/SimplonBPMono-Regular.eot');
    src: url('../fonts/SimplonBPMono-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SimplonBPMono-Regular.woff2') format('woff2'),
    url('../fonts/SimplonBPMono-Regular.woff') format('woff'),
    url('../fonts/SimplonBPMono-Regular.ttf') format('truetype'),
    url('../fonts/SimplonBPMono-Regular.svg#SimplonBPMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.topatomapropos {
    background: url('../../../images/image-a-propos.jpg') bottom right no-repeat;
    background-size: auto;
    background-size: contain;
    min-height: calc(100vh - 250px);
    margin-bottom: 0 !important;

    max-height: 800px;
    min-height: 600px;
}

.topatomapropos h1 {
    font-size: 48px;
    font-weight: 300;
    margin-top: 10%;
}

.topatomapropos h1 span {
    color: var(--color2);
    font-weight: 700;
}

.topatomapropos p {
    margin: 20px 0;
}

.topatomapropos img {
    max-height: 200px;
    margin: 10% 0 0 10%;
}

.d-flex {
    display: flex;
}

.baseline {
    background: #000;
    padding:20px 0;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    padding: 8px 0 10px;
    margin-bottom: 30px!important;
}

.baseline span {
    color: var(--color2);
}

.atomlistgammes {
    font-size: 22px;
    font-weight: 700;
}

.atomlistgammes span {
    color: var(--color2);
}

.onegamme {
    margin-top: 20px;
}

.onegamme td {
    padding: 5px;
    font-size: 17px;
    font-weight: normal;
}

.exo, .iso, .endo {
    border: 1px solid #000;
    width: 100%;
    margin-bottom:20px;
}


.gammeentete td { font-size: 48px!important; font-family: 'Simplon BP Mono'; }
.gammeentete td:nth-child(1) { border-right:1px solid #000; width: 80px; }
.gammeentete td:nth-child(2) { padding:0 20px; text-align: left; }
.gammefooter td { text-align: center; padding:15px 0; }
.gammebody {
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    text-align: center;
    color: #989898;
    font-weight: 700;
}
.gammebody td {  padding: 30px 0; font-weight: 600; }
.gammebody h3 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.exo .gammeentete td:nth-child(1), .exo h3, .exo .gammefooter {  color: #8F4E3D; text-align: center; }
.exo .gammeentete td:nth-child(2) { background: #8F4E3D; color:#fff; }

.iso .gammeentete td:nth-child(1), .iso h3, .iso .gammefooter { color: #BBA677; text-align: center; }
.iso .gammeentete td:nth-child(2) { background: #BBA677; color:#fff; }

.endo .gammeentete td:nth-child(1), .endo h3, .endo .gammefooter { color: #376276; text-align: center; }
.endo .gammeentete td:nth-child(2) { background: #376276; color:#fff; }

.onegamme .cta {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 15px;
    display: inline-block;
}

.oldgamme .col-xs-12 {
    color: #000;
    background: #e5e5e5;
    border-radius: 15px;
    padding: 30px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.reassuratom h3 {
    color: var(--color2);
    font-size: 22px;
    margin: 20px 0 10px 0;
}

.reassuratom p {
    color:#989898;
    font-size: 14px;
}

.reassuratom img {
    width: 100px;
}