@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');
body {
    margin: 0;
    padding: 0;
   /* font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
a {
    text-decoration: none;
    color: #588f27;
}
input[type="button"]:hover {
    cursor: pointer;
}
h1 {
    color: #588f27;
    font-size: 40px;
}
h2 {
    color: #588f27;
    font-size: 40px;
}
h3 {
    color: #588f27;
    font-size: 25px;
}
h4 {
    color: #588f27;
    font-size: 20px;
}
h5 {
    color: #588f27;
    font-size: 16px;
}
h6 {
    color: #588f27;
    font-size: 14px;
}
hr {
    border: 1px solid #588f27;
}
p {
    margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
	border-radius: 20px;
}
video,
iframe {
    max-width: 100%;
}
iframe {
    border: none;
}
section#footer {
    margin: 0;
}
img.footerSmallPicture {
    width: 70px;
    float: left;
    display: block;
    margin-right: 10px;
}
#footerProds, #footerProds a  {
	color: #fff;
}
#footerProds img  {
	border-radius: 8px;
}
#section7573388445974243  {
	background-image: url(../../../images/banner3.jpg);
	padding: 40px;
}
#section5680867709830543  {
width: 82%;
    margin: auto;	
}
.bannerText {
    background-color: #588f27;
    opacity: 80%;
    max-width: 50%;
    padding: 20px;
    border-radius: 10px;
}
.red {
    color: #ff0004;
}
.green {
    color: #0b9900;
}
.redBorder {
    border: 2px solid #f00;
}
.textShadow {
    text-shadow: 2px 2px 0px #000;
}
div.prodImg img  {
	border-radius: 20px;
}
#videoBgContainer {
    position: fixed;
    width: 100%;
    z-index: -1;
    top: 0;
}
#videoBgContainer video {
    width: 100%;
}
.asideContentContainer {
    background-color: #fff;
    padding: 10px;
}
.hidden {
    opacity: 0;
}
.visible {
    opacity: 1;
}
.mainWrapper {
    padding: 5px 10px;
    background-color: #fff;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    min-height: 500px;
}
section {
    padding: 10px 0;
    background-size: cover;
}
section#teaser {
    padding: 0 0;
}
#teaserContainer {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}
#teaserContainer img {
    width: 100%;
}
#langContainer {
    float: right;
}
#langContainer a {
    margin-right: 5px;
}
.btnColor1 {
    padding: 5px 15px;
    background: #588f27;
    background: -moz-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #588f27), color-stop(100%, #7ab149));
    background: -webkit-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -o-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -ms-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: linear-gradient(to bottom, #588f27 0, #7ab149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor1',endColorstr='@baseColor1+#222',GradientType=0);
    border: 1px solid #ddd;
    color: #fff;
    transition: all 0.5s;
}
.btnColor1:hover {
    transition: all 0.5s;
    border-radius: 10px;
}
.btnColor2 {
    padding: 5px 15px;
    background: #383838;
    background: -moz-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(100%, #5a5a5a));
    background: -webkit-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -o-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -ms-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: linear-gradient(to bottom, #383838 0, #5a5a5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor2',endColorstr='@baseColor2+#222',GradientType=0);
    border: 1px solid #ddd;
    margin-right: 10px;
    color: #fff;
    transition: all 0.5s;
}
.btnColor2:hover {
    transition: all 0.5s;
    border-radius: 10px;
}
.btnColor3 {
    padding: 5px 15px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background: -o-linear-gradient(top, #fff 0, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor3',endColorstr='@baseColor3+#222',GradientType=0);
    border: 1px solid #ddd;
    color: #fff;
    transition: all 0.5s;
}
.btnColor3:hover {
    transition: all 0.5s;
    border-radius: 10px;
}
.btnColor4 {
    padding: 5px 15px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background: -o-linear-gradient(top, #fff 0, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor4',endColorstr='@baseColor4+#222',GradientType=0);
    border: 1px solid #ddd;
    color: #fff;
    transition: all 0.5s;
}
.btnColor4:hover {
    transition: all 0.5s;
    border-radius: 10px;
}
.largeLink {
    display: block;
    padding: 20px;
    background-color: #588f27;
    color: #fff;
    font-size: 34px;
    text-align: right;
    transition: all 0.5s;
    border: none;
}
.largeLink:hover {
    cursor: pointer;
    transition: all 0.5s;
}
aside .largeLink {
    width: 100%;
    padding: 10px;
    background-color: #588f27;
    color: #fff;
    font-size: 30px;
    transition: all 0.5s;
    border: none;
}
.lightBorder {
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.fa-trash-o:hover {
    cursor: pointer;
}
.centerText {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
span.centerText {
    display: block;
}
img.centerText {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.rightText {
    text-align: right;
}
.leftText {
    text-align: left;
}
.justifyText {
    text-align: justify;
}
nav.fixedMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s;
    z-index: 10000;
    border-radius: 0;
}
#navContainer {
    max-width: 1240px;
    margin: auto;
}
.mnav {
    display: none;
    width: 50%;
    border: 1px solid #999;
    margin-top: 10px;
    padding: 5px;
    font-size: 24px;
    font-weight: 100;
    background: none;
    box-shadow: none;
    background-color: rgba(77, 77, 77, 0.8);
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
ul#membersDynMenu {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}
#membersDynMenu li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    padding-left: 0;
}
.bgColor1 {
    background-color: #588f27;
}
.bgColor2 {
    background-color: #383838;
}
.bgColor3 {
    background-color: #fff;
}
.bgColor4 {
    background-color: #fff;
}
.gradientBgColor1 {
    background: #588f27;
    background: -moz-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #588f27), color-stop(100%, #7ab149));
    background: -webkit-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -o-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -ms-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: linear-gradient(to bottom, #588f27 0, #7ab149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor1',endColorstr='@baseColor1+#222',GradientType=0);
}
.gradientBgColor2 {
    background: #383838;
    background: -moz-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(100%, #5a5a5a));
    background: -webkit-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -o-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -ms-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: linear-gradient(to bottom, #383838 0, #5a5a5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor2',endColorstr='@baseColor2+#222',GradientType=0);
}
.gradientBgColor3 {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background: -o-linear-gradient(top, #fff 0, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor3',endColorstr='@baseColor3+#222',GradientType=0);
}
.gradientBgColor4 {
    background: #588f27;
}
.textColor1 {
    color: #fff;
}
.textColor2 {
    color: #000;
}
.socialFooterImg {
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.2);
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    background-size: cover;
    transition: all 0.5s;
}
.socialFooterImg:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.5s;
}
.socialFooterImg#fb {
    background-image: url(../img/facebookFooter.png);
}
.socialFooterImg#googlePlus {
    background-image: url(../img/googleplus.png);
}
.socialFooterImg#twitter {
    background-image: url(../img/twitter.png);
}
.socialFooterImg#instagram {
    background-image: url(../img/instagramFooter.png);
}
.socialFooterImg#youtube {
    background-image: url(../img/youtube.png);
}
.socialFooterImg#linkedin {
    background-image: url(../img/linkedin.png);
}
.overflowHidden,
.row {
    overflow: hidden;
}
div.half,
div.third,
div.quarter {
    box-sizing: border-box;
}
.displayBlock {
    display: block;
}
.innerSpacer {
    padding: 10px;
}
.innerSpacerMedium {
    padding: 20px;
}
.innerSpacerLarge {
    padding: 40px;
}
.outerSpacer {
    margin: 10px;
}
.outerSpacerLarge {
    margin: 40px;
}
.horizontalInnerSpacer {
    padding: 0 10px;
}
.verticalInnerSpacer {
    padding: 10px 0;
}
.verticalInnerSpacerBig {
    padding: 20px 0;
}
.topPadding {
    padding-bottom: 20px;
}
.bottomPadding {
    padding-bottom: 20px;
}
.topMargin {
    margin-top: 20px;
}
.bottomMargin {
    margin-bottom: 20px;
}
.rightMargin {
    margin-right: 10px;
}
.leftMargin {
    margin-left: 10px;
}
.borderTop {
    border-top: 1px solid #ddd;
}
.borderBottom {
    border-bottom: 1px solid #ddd;
}
.borderLeft {
    border-left: 1px solid #ddd;
}
.borderRight {
    border-right: 1px solid #ddd;
}
.borderFull {
    border: 1px solid #ddd;
}
.noBorder td {
    border: none;
}
.softRadius {
    border-radius: 4px;
}
.midRadius {
    border-radius: 8px;
}
.strongRadius {
    border-radius: 10px;
}
.customRadius {
    border-radius: 0px;
}
.fullRadius {
    border-radius: 100%;
}
.whiteBg {
    background-color: #fff;
}
.lightBg {
    background-color: #f9f9f9;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.autoMargin {
    margin-left: auto;
    margin-right: auto;
}
.fullWidth {
    width: 100%;
}
.bigButton {
    padding: 12px 35px;
    font-size: 24px;
}
.bigButtonColor1 {
    border: 1px solid #588f27;
    padding: 10px 25px;
    color: #588f27;
    font-size: 22px;
    background-color: #fff;
    border-radius: 8px;
}
.bigButtonColor1:hover {
    color: #fff;
    background-color: #588f27;
}
.bigButtonColor2 {
    border: 1px solid #383838;
    padding: 10px 25px;
    color: #383838;
    font-size: 22px;
    background-color: #fff;
    border-radius: 8px;
}
.bigButtonColor2:hover {
    color: #fff;
    background-color: #383838;
}
.sectionHeader1 {
    color: #fff;
    background: #588f27;
    background: -moz-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #588f27), color-stop(100%, #7ab149));
    background: -webkit-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -o-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -ms-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: linear-gradient(to bottom, #588f27 0, #7ab149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor1',endColorstr='@baseColor1+#222',GradientType=0);
    text-indent: 10px;
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
}
.sectionHeader2 {
    color: #fff;
    background: #383838;
    background: -moz-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(100%, #5a5a5a));
    background: -webkit-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -o-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -ms-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: linear-gradient(to bottom, #383838 0, #5a5a5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor2',endColorstr='@baseColor2+#222',GradientType=0);
    text-indent: 10px;
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
}
.sectionHeader3 {
    color: #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background: -o-linear-gradient(top, #fff 0, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor3',endColorstr='@baseColor3+#222',GradientType=0);
    text-indent: 10px;
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
}
.sectionHeader4 {
    color: #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background: -o-linear-gradient(top, #fff 0, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor4',endColorstr='@baseColor4+#222',GradientType=0);
    text-indent: 10px;
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
}
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}
#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
}
#boxes #modalPopUp {
    padding: 10px;
    background-color: #fff;
    text-align: center;
}
.sectionHeader {
    color: #fff;
    text-indent: 15px;
    font-size: 22px;
    font-weight: 300;
    padding: 15px 0;
	border-radius: 8px;
}
.sectionHeaderCustom {
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
}
ul.carousel.horizontal {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.carousel.horizontal li {
    float: left;
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 5px;
}
ul.carousel.horizontal li img {
    width: 100%;
    display: block;
}
#listingArticlesContainer {
    padding-top: 20px;
}
article {
    padding: 35px 50px;
}
.articleImgContainer {
    width: 250px;
    float: left;
}
.articleContent {
    font-size: 17px;
    line-height: 32px;
    margin-left: 260px;
    text-align: justify;
}
.articleContentNoPict {
    margin-left: 0;
}
.articleFullContent {
    font-size: 17px;
    line-height: 32px;
    text-align: justify;
}
.blogComment {
    background-color: #fff;
    text-align: justify;
}
.gravatar {
    width: 140px;
    float: left;
}
.gravatar img {
    width: 100%;
    height: auto;
}
.blogUserComment {
    margin-left: 150px;
}
.socialDiv {
    float: left;
    margin-right: 5px;
}
.mediaListContainer {
    width: 300px;
    height: 528px;
    overflow-y: auto;
    float: right;
}
.mediaPlayerContainer {
    margin-right: 320px;
}
#mediaList {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 30px;
}
#mediaList li {
    padding: 10px;
    background-color: #fcfcfc;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
#mediaList li:hover {
    cursor: pointer;
    background-color: #fff;
}
.doLoginBox {
    text-align: center;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.tvThumb {
    width: 100px;
    float: left;
    margin-right: 10px;
}
ul.niceList1 {
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
}
ul.niceList1 li {
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 5px;
    color: #588f27;
    transition: all 0.5s;
    border: none;
}
ul.niceList1 li:hover {
    background-color: #ededed;
    transition: all 0.5s;
}
ul.niceList1 li a {
    color: #588f27;
    text-decoration: none;
}
ul.niceList1 li:before {
    font-family: FontAwesome;
    content: "\f0da";
    margin-right: 5px;
}
.smallDescList {
    margin-left: 70px;
}
.smallImgList {
    width: 60px;
    float: left;
    height: 60px;
    overflow: hidden;
}
.smallImgList img {
    min-height: 100%;
}
ul.niceImgList {
    border: none;
    margin-bottom: 20px;
}
ul.niceImgList li {
    background: none;
}
ul.niceImgList li:last-child {
    border: none;
}
ul.niceImgList li:before {
    display: none;
}
.weesooAutoresForm {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.bigInput {
    display: block;
    width: 100%;
    max-width: 640px;
    box-sizing: border-box;
    height: 45px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.wPlugin .bigInput {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.bigInput2 {
    box-sizing: border-box;
    height: 45px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
textarea.bigInput {
    height: 150px;
}
.input-button-primary {
    border: 1px solid #588f27;
    background-color: #588f27;
    color: #fff;
    padding: 12px 35px;
    font-size: 18px;
    transition: all 0.5s;
}
.input-button-primary:hover {
    background-color: #fff;
    color: #588f27;
    transition: all 0.5s;
    cursor: pointer;
}
.input-button-secondary {
    border: 1px solid #383838;
    background-color: #383838;
    color: #fff;
    padding: 12px 35px;
    font-size: 18px;
    transition: all 0.5s;
}
.input-button-secondary:hover {
    background-color: #fff;
    color: #383838;
    transition: all 0.5s;
    cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="button"],
textarea,
select {
    box-sizing: border-box;
    max-width: 100%;
}
input.xs {
    width: 40px;
}
input.small,
select.small {
    width: 60px;
}
input.medium,
select.medium {
    width: 80px;
}
input.large,
select.large {
    width: 120px;
}
input.xlarge,
select.xlarge {
    width: 150px;
}
input.xxlarge,
select.xxlarge {
    width: 200px;
}
.defaultForm {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}
.defaultForm input[type="text"] {
    max-width: 83%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #588f27;
    font-size: 20px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.defaultForm textarea {
    border: 1px solid #588f27;
    width: 100%;
    height: 250px;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px;
}
span.input-group-addon {
    height: 45px;
    width: 45px;
    border: 1px solid #588f27;
    border-right: none;
    background-color: #f5f5f5;
    color: #588f27;
    display: block;
    line-height: 45px;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 30px;
}
#map-canvas {
    width: 100%;
    height: 600px;
}
.smallRoundedButton {
    width: 25px;
    height: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 25px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.mediumRoundedButton {
    width: 50px;
    height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 25px;
    font-weight: bold;
    font-size: 39px;
    text-align: center;
}
.bigRoundedButton {
    width: 100px;
    height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 50px;
    font-weight: bold;
    font-size: 76px;
    text-align: center;
}
#msg {
    display: none;
    position: absolute;
    z-index: 200;
    padding-left: 7px;
}
#msgcontent {
    display: block;
    background: #f3e6e6;
    border: 2px solid #924949;
    border-left: none;
    padding: 5px;
    min-width: 150px;
    max-width: 250px;
}
ul.pagination {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.pagination li {
    margin-right: 5px;
    margin-bottom: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    float: left;
    border: 1px solid #ddd;
    transition: all 0.5s;
    background-color: #fff;
}
ul.pagination li a {
    display: block;
}
ul.pagination li:hover,
ul.pagination li.current {
    background-color: #588f27;
    transition: all 0.5s;
}
ul.pagination li:hover a,
ul.pagination li.current a {
    color: #fff;
}
aside ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 30px;
}
aside ul li {
    padding: 10px;
    background-color: #fcfcfc;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
aside ul li:before {
    content: "";
    border-color: transparent #cacaca;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: inline-block;
    height: 0;
    width: 0;
    left: -20px;
    position: relative;
    transition: all 0.3s;
}
aside ul li:hover:before {
    border-color: transparent #b8b8b8;
    left: -4px;
}
aside ul li a {
    text-decoration: none;
}
aside ul li a:hover {
    text-decoration: underline;
}
table {
    max-width: 100%;
}
th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
}
th:first-child,
td:first-child {
    padding-left: 0;
}
th:last-child,
td:last-child {
    padding-right: 0;
}
tr:last-child td {
    border: none;
}
.alternateTable {
    background-color: #fff;
}
.alternateTable tr:nth-child(2n + 2) {
    background-color: #fafafa;
}
.alternateTable tr td {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 5px;
    color: #000;
    font-size: 17px;
}
.alternateTable tr:last-child td {
    border-bottom: 1px solid #ddd;
}
.alternateTable tr td {
    border-right: none;
}
.alternateTable tr td:last-child {
    border-right: 1px solid #ddd;
}
.alternateTable input {
    padding: 5px;
}
.alternateTable strong {
    font-weight: bold;
}
.container {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}
.half:last-child {
    margin-right: 0;
}
.half:nth-child(2n + 2) {
    margin-right: 0;
}
.third {
    width: 30%;
    margin-right: 5%;
    float: left;
}
.third:last-child {
    margin-right: 0;
}
.third:nth-child(3n + 3) {
    margin-right: 0;
}
.quarter {
    width: 22%;
    margin-right: 4%;
    float: left;
}
.quarter:nth-child(4n + 4) {
    margin-right: 0;
}
.quarter:last-child {
    margin-right: 0;
}
.quarter h3 {
    font-size: 25px;
}
.fifth {
    width: 18%;
    margin-right: 2.5%;
    float: left;
}
.fifth:last-child {
    margin-right: 0;
}
.fifth h3 {
    font-size: 24px;
}
.twoThirdLeft {
    width: 66%;
    float: left;
}
.twoThirdRight {
    margin-left: 68%;
}
.asideLeft-left {
    width: 300px;
    float: left;
}
.asideLeft-right {
    margin-left: 320px;
}
.asideRight-left {
    margin-right: 320px;
}
.asideRight-right {
    width: 300px;
    float: right;
}
.innerHalf {
    width: 49%;
    margin-right: 2%;
    float: left;
    box-sizing: border-box;
}
.innerHalf:last-child {
    margin-right: 0;
}
.innerHalf:nth-child(2n + 2) {
    margin-right: 0;
}
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9000;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img {
    border: none;
}
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image {
    padding: 10px;
}
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}
#lightbox-nav a {
    outline: none;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font:
        10px Verdana,
        Helvetica,
        sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption {
    font-weight: bold;
}
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}
#lightbox-container-image-box {
    max-width: 80%;
    height: 100% !important;
}
#lightbox-container-image img {
    max-width: 100%;
}
#lightbox-container-image-data-box {
    max-width: 80%;
    margin-bottom: 50px;
}
a.mt-share-inline-square-sm img {
    width: 40px;
    height: auto;
    border: 0px;
}
a.mt-share-inline-square-sm {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    margin-right: 4px;
}
.mt-google:hover {
    background-color: #e15f4f;
}
.mt-google {
    background-color: #dd4b39;
}
.mt-linkedin:hover {
    background-color: #1087c0;
}
.mt-linkedin {
    background-color: #0e76a8;
}
.mt-twitter:hover {
    background-color: #08bbff;
}
.mt-twitter {
    background-color: #00acee;
}
.mt-facebook:hover {
    background-color: #4264aa;
}
.mt-facebook {
    background-color: #3b5998;
}
.mt-pinterest:hover {
    background-color: #dd2a30;
}
.mt-pinterest {
    background-color: #cc2127;
}
p.flex-caption {
    margin-bottom: 0;
}
#teaser .jcarousel-wrapper {
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}
#teaser .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#teaser .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#teaser .jcarousel li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#teaser .jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
#teaser .jcarousel-control-prev,
#teaser .jcarousel-control-next {
    position: absolute;
    margin-top: 130px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    color: #588f27;
    text-decoration: none;
    border: 1px solid #588f27;
    font-size: 37px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
#teaser .jcarousel-control-prev {
    left: 15px;
}
#teaser .jcarousel-control-next {
    right: 15px;
}
#teaser .jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    display: none;
}
#teaser .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #588f27;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4e443c;
    -moz-box-shadow: 0 0 2px #4e443c;
    box-shadow: 0 0 2px #4e443c;
}
#teaser .jcarousel-pagination a.active {
    background: #4e443c;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #f0efe7;
    -moz-box-shadow: 0 0 2px #f0efe7;
    box-shadow: 0 0 2px #f0efe7;
}
.carouselElementWrapper {
    padding: 5px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 10px;
}
.carouselImgContainer {
    overflow: hidden;
    margin-bottom: 20px;
}
.jcarousel2 {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel2 h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    height: 68px;
    overflow: hidden;
}
.jcarousel2 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel2 li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.jcarousel2 li:before {
    content: "";
    border: none;
    display: none;
}
.jcarousel2 img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
.jcarousel2-control-prev,
.jcarousel2-control-next {
    position: absolute;
    margin-top: -250px;
    line-height: 90px;
    width: 90px;
    height: 90px;
    text-align: center;
    background: #efefef;
    color: #000;
    text-decoration: none;
    font-size: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    -webkit-box-shadow: 0 0 4px #f0efe7;
    -moz-box-shadow: 0 0 4px #f0efe7;
    box-shadow: 0 0 4px #f0efe7;
}
.jcarousel2-control-prev {
    left: 15px;
}
.jcarousel2-control-next {
    right: 15px;
}
.jcarousel2-pagination {
    margin-top: 20px;
    text-align: center;
}
.jcarousel2-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4e443c;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4e443c;
    -moz-box-shadow: 0 0 2px #4e443c;
    box-shadow: 0 0 2px #4e443c;
}
.jcarousel2-pagination a.active {
    background: #4e443c;
    color: #fff;
    opacity: 1;
    box-shadow: 0 0 2px #f0efe7;
}
.borderShadow {
    box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.4);
}
.shadowEffect {
    position: relative;
}
.shadowEffect:before,
.shadowEffect:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.shadowEffect:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.planningBlocContainer {
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 20px;
}
.planningImg {
    width: 300px;
    float: left;
}
.planningImg img {
    width: 100%;
}
.planningExtrait {
    margin-left: 320px;
}
.planningDate {
    font-weight: bold;
    font-size: 20px;
}
.lineTitle {
    width: 265px;
    float: left;
}
.prixBarre {
    text-decoration: line-through;
    font-weight: normal;
}
.prixPromo {
    color: #ff0004;
    font-size: 25px;
    font-weight: bold;
}
.immoPrice {
    width: 48%;
    padding: 10px;
    font-size: 35px;
    color: #588f27;
    border: 2px solid #588f27;
    text-align: center;
    font-weight: bold;
    float: left;
    background-color: #fff;
}
.immoMoreInfos {
    margin-left: 54%;
    padding: 10px 10px;
    font-size: 36px;
    color: #fff;
    background-color: #383838;
    line-height: 42px;
    text-align: center;
    border: 2px solid #383838;
    transition: all 0.5s;
}
.immoMoreInfos:hover {
    cursor: pointer;
    color: #383838;
    background-color: #fff;
    transition: all 0.5s;
}
.immoMoreInfos a {
    color: #fff;
}
.immoMoreInfos:hover a {
    color: #383838;
}
.immoSmallContainer {
    margin-bottom: 20px;
    background-color: #f4f4f4;
    padding: 10px;
}
.immoSmallContainer strong {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    font-weight: normal;
}
.immoSmallContainer h2 {
    font-weight: normal;
}
.immoFichePrice {
    font-size: 30px;
    color: #383838;
}
.alternateList {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    color: #383838;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.alternateList li {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
    background-color: #f4f4f4;
}
.alternateList li:first-child {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.alternateList li:last-child {
    border-bottom: none;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.alternateList li:nth-child(2n + 2) {
    background-color: #fff;
}
.alternateList li span {
    display: inline-block;
    vertical-align: middle;
    float: right;
    color: #000;
}
.immoRegionContainer {
    border-top: 1px solid #383838;
    margin: 10px 0;
    padding-top: 10px;
    font-weight: bold;
    color: #383838;
    font-size: 22px;
}
.immoTextContainer {
    margin-top: 10px;
    border-top: 1px solid #383838;
    padding-top: 10px;
    border-bottom: 1px solid #383838;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.immoAddSelection {
    border-bottom: 1px solid #383838;
    margin: 20px 0;
    padding-bottom: 20px;
    text-align: center;
}
.immoAddSelection input[type="button"] {
    border: 1px solid #383838;
    padding: 10px 25px;
    color: #383838;
    font-size: 22px;
    background-color: #fff;
    border-radius: 8px;
}
.immoAddSelection input[type="button"]:hover {
    color: #fff;
    background-color: #383838;
}
.singleItem {
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    box-sizing: border-box;
}
.singleItem .spacer {
    font-size: 17px;
    padding: 5px 5px 7px 5px;
}
.singleItem span {
    width: 25px;
    height: 25px;
    background-image: url(http://templates.weesoo.com/slicev5/img/check-iconSmall.png);
    background-repeat: no-repeat;
    float: right;
    display: block;
}
.audiojs audio {
    display: none;
}
.audioJsContainer {
    border: 1px solid #444;
}
.audioJsContainer h2 {
    background-color: #444;
    color: #fff;
    font-size: 18px;
    padding: 25px 10px;
}
.waveFormContainer img {
    display: block;
}
.audioJsContainer a {
    color: #fff;
}
.audioJsContainer i {
    margin-top: 4px;
}
#confPlayerVideoContainer {
    background-color: #3e3e3e;
}
#confPlayerVideoContainer video {
    border-radius: 8px;
}
#confPlayerVideoContainer .innerSpacer {
    padding: 10px;
}
.confPlayerLeft {
    width: 250px;
    float: left;
}
.confPlayerRight {
    margin-left: 260px;
}
.confPlayerScrub {
    width: 80%;
    height: 15px;
    display: inline-block;
    background-color: #ddd;
}
.scrubLine {
    width: 0;
    max-width: 100%;
    background-color: #353535;
    height: 5px;
    margin-top: 5px;
}
.skweezer-btnContainer {
    padding: 10px 25px;
    background-color: #a863b9;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    text-align: center;
}
.skweezer-sendBtn:hover {
    cursor: pointer;
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 100px;
    right: 10%;
    overflow: hidden;
    width: 42px;
    height: 42px;
    border: none;
    text-indent: 100%;
    background: url(//www.weesoo.com/modeles_capture/slicev5/img/totop.png) no-repeat left top;
}
#toTopHover {
    background: url(//www.weesoo.com/modeles_capture/slicev5/img/totop.png) no-repeat left -42px;
    width: 42px;
    height: 42px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
    outline: none;
}
.youtubeDescContainer {
    padding: 10px;
    height: 40px;
    overflow: hidden;
}
.youtubeThumb {
    position: relative;
    cursor: pointer;
}
.youtubeOverlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.youtubeThumb:hover .youtubeOverlay {
    display: block;
}
.youtubeOverlay .fa-play-circle-o {
    color: #fff;
    font-size: 45px;
    position: absolute;
    top: 40%;
    left: 42%;
}
.youtubeCommentImg {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    float: left;
    overflow: hidden;
}
.youtubeCommentName {
    height: 50px;
    line-height: 50px;
    margin-left: 65px;
    font-weight: bold;
}
.ytTitle {
    font-size: 24px;
    padding-bottom: 10px;
    color: #6f6f6f;
}
.youtubeComment {
    background-color: #e8e8e8;
}
.ytViews {
    padding: 10px;
    border-top: 1px solid #ddd;
    color: #909090;
    font-size: 18px;
}
.abonneYoutube {
    width: 300px;
    height: 61px;
    background-image: url(../img/abonneyoutube.jpg);
    float: right;
    cursor: pointer;
}
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix {
    display: inline-block;
}
* html .ui-helper-clearfix {
    height: 1%;
}
.ui-helper-clearfix {
    display: block;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-widget {
    font-family:
        Trebuchet MS,
        Tahoma,
        Verdana,
        Arial,
        sans-serif;
    font-size: 0.85em;
    margin-top: 10px;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family:
        Trebuchet MS,
        Tahoma,
        Verdana,
        Arial,
        sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333;
}
.ui-widget-content a {
    color: #333;
}
.ui-widget-header {
    border: 1px solid #696351;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #696351 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #696351;
    background: #fff url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #696351;
}
.ui-state-hover a,
.ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #696351;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #696351;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #696351;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #fff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-off {
    background-position: -96px -144px;
}
.ui-icon-radio-on {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
    background: #666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: 0.2;
    filter: Alpha(Opacity=20);
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {

    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}
.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}
.j-forms .unit {
    position: relative;
    margin-bottom: 25px;
}
.j-forms .input {
    position: relative;
}
.j-forms .icon-left {
    border-right: 1px solid rgba(0, 0, 0, 0.54);
    left: 3px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 17px;
    height: 38px;
    line-height: 38px !important;
    opacity: 0.6;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 42px;
    z-index: 2;
}
.j-forms label {
    display: block;
    color: inherit;
    font-weight: normal;
    text-align: left;
    margin-bottom: 0;
}
.j-forms input[type="text"],
.j-forms input[type="password"],
.j-forms input[type="email"],
.j-forms input[type="search"],
.j-forms input[type="url"],
.j-forms textarea,
.j-forms select {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-family: inherit;
    font-size: 16px;
    height: 48px;
    padding: 10px 15px;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.j-forms .icon-left ~ input,
.j-forms .icon-left ~ textarea {
    padding-left: 58px;
}
@media (min-width: 400px) {
    .container {
        width: auto;
        padding: 0 0;
    }
}
@media (min-width: 550px) {
    .container {
        width: auto;
    }
    .column,
    .columns {
        margin-left: 4%;
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }
    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }
    .two.columns {
        width: 13.3333333333%;
    }
    .three.columns {
        width: 22%;
    }
    .four.columns {
        width: 30.6666666667%;
    }
    .five.columns {
        width: 39.3333333333%;
    }
    .six.columns {
        width: 48%;
    }
    .seven.columns {
        width: 56.6666666667%;
    }
    .eight.columns {
        width: 65.3333333333%;
    }
    .nine.columns {
        width: 74%;
    }
    .ten.columns {
        width: 82.6666666667%;
    }
    .eleven.columns {
        width: 91.3333333333%;
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }
    .one-third.column {
        width: 30.6666666667%;
    }
    .two-thirds.column {
        width: 65.3333333333%;
    }
    .one-half.column {
        width: 48%;
    }
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78%;
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }
    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}
@media screen and (max-width: 1279px) {
    section#footer {
        padding-left: 20px;
    }
    .asideLeft-right .quarter,
    .asideRight-left .quarter {
        width: 48%;
        margin-right: 4%;
    }
    .asideLeft-right .quarter:nth-child(2n + 0),
    .asideRight-left .quarter:nth-child(2n + 0) {
        margin-right: 0;
    }
}
@media screen and (max-width: 1179px) {
    .immoMoreInfos {
        font-size: 22px;
        line-height: 39px;
    }
}
@media screen and (max-width: 1023px) {
    #navContainer {
        display: none;
    }
    .mnav {
        display: block;
    }
    .lineTitle {
        widows: auto;
        float: none;
    }
    .articleImgContainer {
        width: auto;
        float: none;
    }
    .articleContent {
        margin-left: 0;
    }
    .innerHalf {
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    .confPlayerLeft {
        width: auto;
        float: none;
    }
    .confPlayerRight {
        margin-left: 0;
    }
}
@media screen and (max-width: 800px) {
    .asideLeft-left {
        width: auto;
        float: none;
    }
    .asideLeft-right {
        margin-left: 0;
    }
    .asideRight-right {
        width: auto;
        float: none;
    }
    .asideRight-left {
        margin-right: 0;
    }
    .asideLeft-left img,
    .asideRight-right img {
        width: 100%;
        height: auto;
    }
    .half {
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    .asideLeft-right .half {
        width: 49%;
        margin-right: 2%;
        float: left;
    }
    .asideRight-left .half {
        width: 49%;
        margin-right: 2%;
        float: left;
    }
    .asideLeft-right .half:last-child,
    .asideRight-left .half:last-child {
        margin-right: 0;
    }
    .quarter {
        width: 49%;
        margin-right: 2%;
        float: left;
    }
    .quarter:nth-child(2n + 2) {
        margin-right: 0;
    }
    .mediaListContainer {
        width: auto;
        height: 300px;
        float: none;
    }
    .mediaPlayerContainer {
        margin-right: 0;
    }
    .fifth {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .twoThirdLeft {
        width: auto;
        float: none;
    }
    .twoThirdRight {
        margin-left: 0;
        margin-top: 20px;
    }
    .planningImg {
        width: auto;
        float: none;
    }
    .planningExtrait {
        margin-left: 0;
    }
	#ficheProduit  {
		background-color: #e9e9e9;
	}
}
@media screen and (max-width: 720px) {
    .third {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 640px) {
    h2 {
        font-size: 25px;
    }
    .asideLeft-right .half {
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    .asideRight-left .half {
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    article {
        padding: 20px;
    }
}
@media screen and (max-width: 550px) {
    .quarter {
        width: auto;
        margin-right: 0;
        float: none;
    }
    .quarter:nth-child(2n + 2) {
        margin-right: 0;
    }
    .asideLeft-right .quarter,
    .asideRight-left .quarter {
        width: auto;
        margin-right: 0;
        float: none;
    }
    .asideLeft-right .quarter:nth-child(2n + 0),
    .asideRight-left .quarter:nth-child(2n + 0) {
        margin-right: 0;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 25px;
    }
    .immoPrice {
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
    .immoMoreInfos {
        margin-left: 0;
        font-size: 46px;
    }
}
@media screen and (max-width: 480px) {
    h2 {
        font-size: 20px;
    }
    .gravatar {
        width: auto;
        float: none;
    }
    .blogUserComment {
        margin-left: 0;
    }
    article {
        padding: 15px;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 18px;
    }
    .container {
        padding: 0 0;
    }
    #continueShoppingBtn,
    #doCheckoutBtn {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }
    span.prodOptions {
        display: block;
        margin-bottom: 10px;
    }
}
body {
/*    font-family: "Roboto", sans-serif;*/
    color: #000;
}
.jcarousel-control-prev,
.jcarousel-control-next {
    display: none;
}
.moreDetailsBtn {
    padding: 10px 5px;
/*    background-color: #588f27;*/
    text-align: center;
    margin-top: 15px;
    border-radius: 10px;
}
.moreDetailsBtn a {
    color: #fff;
}
.addToCartBtn {
    padding: 10px 10px;
/*    background-color: #474747;*/
    border-radius: 10px;
}
.addToCartBtn a {
    color: #fff;
}
#ilir .btnColor1,
#ilir .btnColor2 {
    border: none;
    border-radius: 4px;
}
#ilir .galleria-theme-classic {
    background: #f4f4f4;
}
article {
    border-radius: 4px;
}
#logoContainer {
    padding: 5px;
    text-align: center;
	max-width: 260px;
    margin: auto;
}
.blogInfosContainerSmall {
    border: 10px solid #fff;
    padding: 10px;
}
#logoContainer img {
    height: auto;
}
section {
    padding: 20px 0;
}
#subMenuShopContainer {
    display: none;
}
.row {
    padding: 5px;
}
#ilir h1,
#ilir h2 {
    font-weight: 100;
    color: #588f27;
}
#ilir h3 {
    font-weight: 300;
    color: #588f27;
}
#homeContainer h1 {
    text-align: center;
    font-weight: 100;
}
#homeContainer h2 {
    font-size: 20px;
    margin: 15px 0;
}
hr {
    border: 1px solid #588f27;
}
section#section4950794348635519 {
    background-size: contain;
    background-image: url(http://librairy.weesoo.com/0.file58aabf5d57041.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}
#teaserContainer {
    width: 100%;
    max-width: none;
}
#teaserContainer img {
    width: 100%;
    display: block;
}
#topBar {
    background: #588f27;
    color: #fff;
    padding: 5px;
}
#topBar a {
    color: #fff;
    text-decoration: none;
}
#topBar a:hover {
    text-decoration: underline;
}
#topLoginClient,
#topPanierClient {
    float: right;
    margin-right: 10px;
}
#navigation li ul li:last-child {
    border: none;
}
#menuBar {
    padding: 0;
}
#navHomeIcon {
    color: #fff;
    font-size: 25px;
    margin-top: 14px;
    margin-left: 14px;
    float: left;
    display: block;
}
nav {
    overflow: hidden;
/*    height: 54px;*/
}
#navigation {
    display: inline-block;
    text-align: center;
}
#navigation ul li:first-child {
    border-left: none;
}
#navContainer {
    text-align: center;
}
#navContainer a i,
.sf-menu a {
    color: #588f27;
}
nav.fixedMenu {
    background-color: #588f27;
}
.fixedMenu #navContainer {
    max-width: 1150px;
}
nav.fixedMenu .sf-menu a {
    color: #fff;
}
nav.fixedMenu .sf-menu li:hover a {
    visibility: inherit;
    background-color: #588f27;
    transition: all 0.5s;
}
#navContainer a:hover i,
.sf-menu a:hover {
    color: #588f27;
}
#teaser .jcarousel-control-prev,
#teaser .jcarousel-control-next {
    line-height: 33px;
    width: 50px;
    height: 50px;
    font-size: 70px;
    border: 5px solid #b8860b;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}
.mainWrapper {
    max-width: none;
    padding: 0 0;
    margin-bottom: 0;
}
#specialOffers {
    margin-top: 30px;
    text-align: center;
}
#specialOffers .third img {
    border: 1px solid #ddd;
}
#specialOffers img {
    width: 100%;
}
input#quant {
    height: 30px;
    text-align: center;
	margin-bottom: 10px;
}
#productsHomePage {
    margin-top: 0;
}
#productsCategories h2 {
    color: #fff;
    background: #588f27;
    background: -moz-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #588f27), color-stop(100%, #7ab149));
    background: -webkit-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -o-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -ms-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: linear-gradient(to bottom, #588f27 0, #7ab149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor1',endColorstr='@baseColor1+#222',GradientType=0);
    text-indent: 15px;
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
}
ul#menuCategoriesProduits {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 30px;
}
ul#menuCategoriesProduits li {
    padding: 10px;
    background-color: #fcfcfc;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
ul#menuCategoriesProduits li:before {
    content: "";
    border-color: transparent #cacaca;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: inline-block;
    height: 0;
    width: 0;
    left: -20px;
    position: relative;
    transition: all 0.3s;
}
ul#menuCategoriesProduits li:hover:before {
    border-color: transparent #b8b8b8;
    left: 0;
}
ul#menuCategoriesProduits li a {
    text-decoration: none;
    margin-left: 15px;
}
ul#menuCategoriesProduits li a:hover {
    text-decoration: underline;
}
#listingProduitsContainer {
    margin-top: 30px;
	padding: 10px;
}
#listingProduitsContainer .third {
    border: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #fcfcfc;
    margin-bottom: 30px;
    border-radius: 4px;
}
#listingProduitsContainer img {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.productContainer {
    margin-bottom: 45px;
    padding-bottom: 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
    border: 1px #f1f1f1 solid;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.50);
}
.productInfosContainerSmall {
    padding: 10px;
	padding-top: 0;
    overflow: hidden;
	text-align: center;
}
.productImgContainerSmall {
/*    height: 215px;
	margin: 20px;*/
	margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}
.productImgContainerSmall img {
    transition: all 0.5s;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
}
.productInfosContainerSmall h5 {
    overflow: hidden;
    height: 50px;
    margin-bottom: 10px;
	text-align: center;
    color: #588f27;
    font-size: 20px;
}
.addToCartSmall {
    padding: 5px 15px;
    background: #588f27;
    background: -moz-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #588f27), color-stop(100%, #7ab149));
    background: -webkit-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -o-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: -ms-linear-gradient(top, #588f27 0, #7ab149 100%);
    background: linear-gradient(to bottom, #588f27 0, #7ab149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor1',endColorstr='@baseColor1+#222',GradientType=0);
    border: 1px solid #ddd;
    float: right;
    color: #fff;
    transition: all 0.5s;
}
.addToCartSmall:hover {
    transition: all 0.5s;
    background-color: #588f27;
    color: #fff;
}
.moreInfosSmall {
    padding: 5px 15px;
    background: #383838;
    background: -moz-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(100%, #5a5a5a));
    background: -webkit-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -o-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: -ms-linear-gradient(top, #383838 0, #5a5a5a 100%);
    background: linear-gradient(to bottom, #383838 0, #5a5a5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@baseColor2',endColorstr='@baseColor2+#222',GradientType=0);
    border: 1px solid #ddd;
    float: right;
    margin-right: 10px;
    color: #fff;
}
span.prodPrice {
    font-size: 48px;
    display: block;
    height: 30px;
    text-align: center;
}
.productInfosContainerSmall .prodPrice  {
 font-size: 24px;	
}
.smallProduit {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
}
#ficheProduit {
    padding-top: 10px;
}
section#orderContainer {
    margin-top: 10px;
	padding: 20px 20px;
    font-weight: 400;
	border-radius: 20px;
}
section#orderContainer a {
border-radius: 10px;	
	text-align: center;
	padding: 10px 10px;
	font-size: 16px;
}
#accountLogin input[type="text"],
#accountLogin input[type="password"],
#accountLogin select,
#billing_infos input[type="text"],
#billing_infos input[type="password"],
#billing_infos select,
#shipping_infos input[type="text"],
#shipping_infos input[type="password"],
#shipping_infos select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
#accountLogin .half {
    border-radius: 4px;
}
.bigButton {
    padding: 12px 35px;
    font-size: 24px;
}
ul.carousel.horizontal li {
    float: left;
    border: none;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}
section#footer {
    background: #588f27;
    color: #fff;
    padding: 40px 0;
}
section#footer h4 {
    color: #fff;
    font-weight: 100;
    font-size: 30px;
}
section#footer a {
    color: #fff;
}
#email_nl {
    width: 46%;
    border: 1px solid #999;
    margin: 0;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    font-size: 24px;
    font-weight: 100;
    background: none;
    box-shadow: none;
    background-color: rgba(77, 77, 77, 0.8);
}
#footer .ibutton {
    width: auto;
    border: 1px solid #999;
    margin: 0;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    font-size: 24px;
    font-weight: 100;
    background: none;
    box-shadow: none;
    background-color: rgba(77, 77, 77, 0.8);
    color: #bdbdbd;
}
#blogFullArticle .innerSpacer {
    padding: 15px;
}
#blogFullArticle h1 {
    padding-left: 10px;
}
.blogHeaderTitle {
    font-size: 16px;
    color: #838383;
}
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
}
.sf-menu ul li {
    width: 100%;
    transition: all 0.5s;
}
.sf-menu li:hover {
    visibility: inherit;
    background-color: #fff;
    transition: all 0.5s;
}
.sf-menu li {
    float: left;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    top: 135px;
    z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em;
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.sf-menu a {
    text-decoration: none;
}
.sf-menu li li a,
.sf-menu li li a:visited {
    color: #4a4a4a;
}
.sf-menu li {
    float: left;
    list-style: none;
    line-height: 35px;
    margin-top: 9px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}
.sf-menu li:first-child {
    border-left: none;
}
.sf-menu li:last-child {
    border-right: none;
}
.sf-menu li li {
    width: 280px;
    font-size: 14px;
    color: #000;
    text-align: left;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-left: none;
}
.sf-menu li ul {
    width: 320px;
    min-height: 50px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    -moz-border-radius: 10px;
    border-radius: 3px;
    padding-left: 10px;
}
.sf-menu li ul li a:hover {
    color: #f90;
}
.sf-menu li li li {
    background: #9aaedb;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    cursor: pointer;
}
.sf-menu a.sf-with-ul {
    min-width: 1px;
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: 0.75em;
    top: 1.05em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url("../fichiers/arrows-ffffff.png") no-repeat -10px -100px;
}
a > .sf-sub-indicator {
    top: 0.8em;
    background-position: 0 -100px;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}
@media screen and (max-width: 1300px) {
#section5680867709830543  {
width: 78%;
    margin: auto;	
}
}
@media screen and (max-width: 1166px) {
    .productImgContainerSmall {
        max-height: 270px;
    }
}
@media screen and (max-width: 1024px) {
    .addToCartSmall {
        float: none;
        display: block;
    }
    .moreInfosSmall {
        float: none;
        display: block;
        margin-right: 0;
        margin-top: 10px;
    }
    nav {
        /*padding-bottom: 7px;*/
    }
	.bannerText {
    max-width: 100%;
}
}
@media screen and (max-width: 960px) {
    .productImgContainerSmall {
        max-height: 250px;
    }
    #listingProduitsContainer .third {
        width: auto;
        float: none;
        overflow: hidden;
    }
    .productImgContainerSmall {
        width: 200px;
        height: auto;
        float: left;
    }
    .quarter {
        width: 49%;
        margin-right: 2%;
        float: left;
    }
    .quarter:nth-child(2n) {
        margin-right: 0;
    }
    .productContainer {
        overflow: hidden;
        padding: 10px;
    }
    span.prodPrice {
        margin-bottom: 20px;
    }
    .desktopOnly {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .quarter {
        margin-bottom: 20px;
        width: auto;
        margin-right: 0;
        float: none;
    }
	.prodName  {
		text-align: center;
		display: block;
	}
	#section7573388445974243 {
    background-position-x: center;
}
	span.prodPrice {
        font-size: 35px;
    }
}
@media screen and (max-width: 640px) {
    #logoContainer {
        float: none;
        text-align: center;
    }
    section#footer {
        padding-left: 10px;
    }
    .mnav {
        width: auto;
    }
    .productImgContainerSmall {
        float: none;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        width: auto;
        max-height: initial;
    }
    .productContainer {
        padding: 0;
    }
}
@media screen and (max-width: 550px) {
    h1 {
        font-size: 27px;
    }
    .asideLeft-left {
        width: auto;
        float: none;
    }
    .asideLeft-right {
        margin-left: 0;
    }
    .prodOptions {
        display: block;
        margin-bottom: 15px;
    }
    .row {
        padding: 5px 10px;
    }
	#addToCartBtn  {
	display: block;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
	padding: 10px 15px;
	}
	span.prodPrice {
    text-align: center;
}
}
@media screen and (max-width: 480px) {
    .container {
        padding: 0 0;
    }
	#section7573388445974243  {
		padding: 20px;
	}
}
@media screen and (max-width: 380px) {
    #langContainer {
        float: none;
    }
}
@media screen and (max-width: 360px) {
    th,
    td {
        padding: 12px 5px;
        font-size: 13px;
    }
    h1 {
        font-size: 19px;
    }
    span.prodPrice {
        font-size: 35px;
    }
	
}

/* ==========================================================
   KANNAZON — SAFE MODERN REFRESH
   Keeps the original layout system intact.
   Only visual styling is modernized.
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');

:root {
  --kz-green: #6fae58;
  --kz-green-dark: #3f7a36;
  --kz-green-soft: #edf5e9;
  --kz-ink: #20261f;
  --kz-muted: #697166;
  --kz-line: #e3e8df;
  --kz-bg: #f6f8f4;
  --kz-white: #ffffff;
  --kz-dark: #20251f;
  --kz-radius: 12px;
  --kz-radius-sm: 8px;
  --kz-shadow: 0 8px 24px rgba(32, 52, 27, .08);
}

html,
body {
  background: var(--kz-bg);
  color: var(--kz-ink);
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--kz-ink);
  font-family: "Outfit", "Manrope", Arial, sans-serif !important;
  line-height: 1.15;
  letter-spacing: -.02em;
}

h1 { font-size: clamp(36px, 5vw, 58px); }
h2 { font-size: clamp(30px, 4vw, 44px); }
h3 { font-size: clamp(26px, 3vw, 25px); }
h4 { font-size: 21px; }
h5 { font-size: 16px; }

p { color: var(--kz-muted); }
a { color: var(--kz-green-dark); }
a:hover { color: var(--kz-green); }
hr { border: 0; border-top: 2px solid var(--kz-green); }

img,
div.prodImg img {
  border-radius: var(--kz-radius-sm);
}

.mainWrapper {
  max-width: 1240px;
/*  padding: 16px 20px 28px;*/
  background: var(--kz-white);
/*  border: 1px solid var(--kz-line);*/
  border-radius: var(--kz-radius);
  box-shadow: var(--kz-shadow);
}

header,
.bgColor3 {
  background: var(--kz-white) !important;
}

#topBar {
  color: var(--kz-muted);
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#topBar a { color: var(--kz-muted); }
#topBar a:hover { color: var(--kz-green-dark); }

#logoContainer {
  padding-top: 18px;
  padding-bottom: 18px;
}

#logoContainer img {
  border-radius: 0;
}

#menuBar,
nav {
  background: var(--kz-white) !important;
  border-top: 1px solid var(--kz-line);
  border-bottom: 1px solid var(--kz-line);
}

nav.fixedMenu {
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.07);
}

#navigation > li > a,
.sf-menu > li > a {
  color: var(--kz-ink) !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  border-radius: 8px;
  transition: background-color .2s ease, color .2s ease;
}

#navigation > li > a:hover,
.sf-menu > li > a:hover {
  color: var(--kz-green-dark) !important;
  background: var(--kz-green-soft) !important;
}

.accordion {
  background: var(--kz-green-dark) !important;
}

.theMobileNav li a {
  border-radius: 8px;
}

#section7573388445974243 {
  padding: 64px 40px;
}

.bannerText {
  max-width: 620px;
  padding: 24px;
  border-radius: var(--kz-radius);
  background: rgba(48, 83, 39, .88);
  opacity: 1;
  box-shadow: 0 12px 32px rgba(0,0,0,.16);
}

.bannerText p,
.bannerText span {
  color: #fff !important;
}

#section5680867709830543 {
  width: 86%;
}

#section5680867709830543 .quarter a,
.productContainer,
.innerSpacer.lightBg,
#subMenuShopContainer,
.blogComment,
article {
  border: 1px solid var(--kz-line);
  border-radius: var(--kz-radius);
  background: var(--kz-white);
  box-shadow: 0 5px 18px rgba(32,52,27,.06);
}

#section5680867709830543 .quarter a {
  display: block;
  overflow: hidden;
}

.productContainer {
  padding: 12px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.productContainer:hover {
  transform: translateY(-3px);
  border-color: #cbdcc4;
  box-shadow: var(--kz-shadow);
}

.productImgContainerSmall {
  overflow: hidden;
  border-radius: 9px;
  background: #f3f5f0;
}

.productImgContainerSmall img {
  border-radius: 9px;
}

.productInfosContainerSmall h5 a {
  /*color: var(--kz-ink);*/
  font-weight: 700;
}

.prodPrice {
  color: var(--kz-green-dark) !important;
  font-size: 22px;
  font-weight: 800;
}

.greyText {
  color: var(--kz-muted) !important;
  font-size: 13px;
	margin-left: auto;
    margin-right: auto;
}
.prixQuant  {
	text-align: center;
}
.infobulle,
.infobulle2 {
  border-radius: 999px;
  box-shadow: none;
}

.infobulle {
  background: var(--kz-green-dark);
}

.infobulle2 {
  background: var(--kz-green-soft);
  color: var(--kz-green-dark);
}

.btnColor1,
.btnColor2,
.btnColor3,
.btnColor4,
.input-button-primary,
.input-button-secondary,
.bigButtonColor1,
.bigButtonColor2,
.ibutton,
.addToCartBtn a,
.moreDetailsBtn a {
  border-radius: 8px !important;
  background-image: none !important;
  box-shadow: none !important;
  font-family: "Manrope", Arial, sans-serif !important;
  font-weight: 700;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.btnColor1,
.input-button-primary,
.ibutton,
.addToCartBtn a {
  background: var(--kz-green-dark) !important;
  border: 1px solid var(--kz-green-dark) !important;
  color: #fff !important;
}

.btnColor1:hover,
.input-button-primary:hover,
.ibutton:hover,
.addToCartBtn a:hover {
  background: var(--kz-green) !important;
  border-color: var(--kz-green) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.btnColor2,
.input-button-secondary {
  background: var(--kz-dark) !important;
  border-color: var(--kz-dark) !important;
}

.moreDetailsBtn a,
.bigButtonColor1,
.bigButtonColor2 {
  background: var(--kz-white) !important;
  color: var(--kz-green-dark) !important;
  border: 1px solid var(--kz-line) !important;
}

.moreDetailsBtn a:hover,
.bigButtonColor1:hover,
.bigButtonColor2:hover {
  background: var(--kz-green-soft) !important;
  color: var(--kz-green-dark) !important;
}

.largeLink,
aside .largeLink,
.sectionHeader,
.sectionHeader1,
.sectionHeader2,
.sectionHeader3,
.sectionHeader4 {
  background-image: none !important;
  border-radius: var(--kz-radius-sm);
  font-family: "Outfit", "Manrope", sans-serif;
  font-weight: 600;
}

.largeLink,
aside .largeLink,
.sectionHeader,
.sectionHeader1 {
  background: var(--kz-green-dark) !important;
}

.sectionHeader2 {
  background: var(--kz-dark) !important;
}

.sectionHeader3,
.sectionHeader4 {
  background: var(--kz-white) !important;
  color: var(--kz-ink) !important;
  border: 1px solid var(--kz-line);
}

.bigInput,
.bigInput2,
.defaultForm input[type="text"],
.defaultForm textarea,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #d9dfd5 !important;
  border-radius: 8px !important;
  background: #fff;
  color: var(--kz-ink);
  font-family: "Manrope", Arial, sans-serif;
  box-shadow: none;
  outline: none;
}

.bigInput:focus,
.bigInput2:focus,
.defaultForm input[type="text"]:focus,
.defaultForm textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: var(--kz-green) !important;
  box-shadow: 0 0 0 3px rgba(111,174,88,.15);
}

span.input-group-addon {
  border-color: var(--kz-green);
  background: var(--kz-green-soft);
  color: var(--kz-green-dark);
}

ul.niceList1 li,
aside ul li,
#mediaList li {
  background: #f8faf7;
  border-color: var(--kz-line);
}

ul.niceList1 li:hover,
aside ul li:hover,
#mediaList li:hover {
  background: var(--kz-green-soft);
}

.alternateTable tr:nth-child(2n + 2) {
  background: #f7f9f5;
}

.alternateTable tr td {
  border-color: var(--kz-line);
}

ul.pagination li {
  border-color: var(--kz-line);
  border-radius: 7px;
}

ul.pagination li:hover,
ul.pagination li.current {
  background: var(--kz-green-dark);
}

#section054706167781029214,
#section13914292439543763,
.gradientBgColor1,
.bgColor1 {
  background: var(--kz-green-dark) !important;
  background-image: none !important;
}

.gradientBgColor2,
.bgColor2 {
  background: var(--kz-dark) !important;
  background-image: none !important;
}

#footerProds img,
.footerSmallPicture {
  border-radius: 8px;
}

footer,
#footer {
  background: #1c211b !important;
}

#footer h4,
#footer h5,
#footer a {
  color: #fff;
}

#footer p,
#footer label {
  color: rgba(255,255,255,.72);
}

.age-popup {
  background: rgba(15,18,14,.82);
  backdrop-filter: blur(5px);
}

.age-box {
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0,0,0,.25);
}

.age-box h2 {
  color: var(--kz-ink);
}

#over18 {
  background: var(--kz-green-dark);
}

@media screen and (max-width: 1023px) {
  #section7573388445974243 {
    padding: 42px 22px;
  }

  #section5680867709830543 {
    width: 94%;
  }

  .mainWrapper {
/*    margin-left: 12px;
    margin-right: 12px;*/
  }
}

@media screen and (max-width: 640px) {
  h1 { font-size: 36px; }
  h2 { font-size: 30px; }
  h3 { font-size: 26px; }

  .bannerText {
    max-width: 100%;
    padding: 18px;
  }

  .mainWrapper {
/*    padding: 12px;*/
    border-radius: 10px;
  }
}

/* ==========================================================
   USER ADJUSTMENTS — preserve original hero, lighter type
   ========================================================== */

/* Restore the original hero section without altering its content or structure. */
html body #section7573388445974243 {
  background-image: url(../../../images/banner3.jpg) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  min-height: initial !important;
  display: block !important;
  padding: 40px !important;
  overflow: visible !important;
}

html body #section7573388445974243::before,
html body #section7573388445974243::after {
  content: none !important;
  display: none !important;
}

html body #section7573388445974243 .container,
html body #section7573388445974243 .row {
  position: static !important;
  z-index: auto !important;
}

html body #section7573388445974243 h1 {
  max-width: none !important;
  margin: 0 !important;
  text-align: inherit !important;
  letter-spacing: normal !important;
}

html body #section7573388445974243 .bannerText {
  max-width: 50% !important;
  margin-top: 0 !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #588f27 !important;
  opacity: .8 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Lighter typography throughout the site. */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html body h1 { font-weight: 500 !important; }
html body h2,
html body h3 { font-weight: 500 !important; }
html body h4,
html body h5,
html body h6 { font-weight: 500 !important; }

html body #navigation > li > a,
html body .sf-menu > li > a,
html body .theMobileNav li a,
html body .productInfosContainerSmall h5 a,
html body .btnColor1,
html body .btnColor2,
html body .btnColor3,
html body .btnColor4,
html body .input-button-primary,
html body .input-button-secondary,
html body .bigButtonColor1,
html body .bigButtonColor2,
html body .ibutton,
html body .addToCartBtn a,
html body .moreDetailsBtn a {
  font-weight: 500 !important;
}

html body .prodPrice {
  font-weight: 600 !important;
}

html body .largeLink,
html body aside .largeLink,
html body .sectionHeader,
html body .sectionHeader1,
html body .sectionHeader2,
html body .sectionHeader3,
html body .sectionHeader4 {
  font-weight: 500 !important;
}

/* Full-width separators. */
html body hr {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  border-top: 2px solid var(--kz-green) !important;
  background: none !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 640px) {
  html body #section7573388445974243 {
    padding: 20px !important;
  }

  html body #section7573388445974243 .bannerText {
    max-width: 100% !important;
  }
}

/* Layout width adjustment */
.mainWrapper,
.content,
section {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.row {
    width: 100% !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ============================================================
   KANNAZON — Option A: "Botanical Flat"
   Vibe: warm, editorial, apothecary-modern. Cream paper background,
   deep forest headings set in a characterful serif, clean sans body,
   terracotta call-to-action. Flat cards, thin hairline borders,
   no drop shadows — just color and generous spacing doing the work.

   Fonts: Fraunces (headings) + Public Sans (body)
   HOW TO USE: paste this entire file at the very end of style3.css
   (or wherever the current override block lives). No HTML/JS changes
   needed — every selector below targets markup that already exists.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');

:root {
  --kz-bg: #faf6ee;
  --kz-surface: #ffffff;
  --kz-surface-2: #f1ead9;
  --kz-text: #241f16;
  --kz-muted: #6f6555;
  --kz-green: #3f6b4a;
  --kz-green-dark: #1f3d2b;
  --kz-green-soft: #e4ecdf;
  --kz-accent: #c96f4a;
  --kz-accent-dark: #a85635;
  --kz-border: #e5dcc6;
  --kz-radius: 14px;
  --kz-radius-sm: 10px;
  --kz-shadow: none;
  --kz-shadow-soft: none;
  --kz-font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --kz-font-head: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--kz-bg) !important;
  color: var(--kz-text);
  font-family: var(--kz-font) !important;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body { overflow-x: hidden; }

a { color: var(--kz-green-dark); text-decoration: none; transition: color .15s ease, background-color .15s ease; }
a:hover { color: var(--kz-accent); }
img { max-width: 100%; height: auto; }

.container, .row, #navContainer {
/*  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 22px;
  padding-right: 22px;*/
}

.bgColor3, header { background: var(--kz-surface) !important; }
header { border-bottom: 1px solid var(--kz-border); }

#topBar {
  display: flex; align-items: center; justify-content: flex-end;
  gap: 14px; min-height: 40px; color: var(--kz-muted); font-size: 13px;
}
#topBar a { color: var(--kz-muted); font-weight: 600; }
#topBar a:hover { color: var(--kz-accent); }

#langContainer { margin-right: auto; display: flex; align-items: center; gap: 8px; }
#langContainer img { width: 20px; height: 14px; border-radius: 2px; box-shadow: none !important; opacity: .8; }

#topLoginClient, #topPanierClient {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 12px; border-radius: 999px; background: var(--kz-surface-2);
}
#topLoginClient .fa, #topPanierClient .fa { color: var(--kz-green-dark); }

#logoContainer { padding: 22px 22px 22px; text-align: center; }
#logoContainer img { max-width: 220px; filter: none !important; }

#menuBar, nav { background: var(--kz-surface) !important; border-bottom: 1px solid var(--kz-border); border-top: 1px solid var(--kz-border); }
nav.fixedMenu { background: rgba(250, 246, 238, .97) !important; backdrop-filter: blur(8px); box-shadow: 0 1px 0 var(--kz-border); }

.sf-menu, .sf-menu ul, #navigation {
  display: flex !important; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 4px; margin: 0 !important; padding: 10px 0 !important; list-style: none !important;
}
.sf-menu li, #navigation li { float: none !important; background: transparent !important; }
.sf-menu li a, #navigation li a {
  display: inline-flex !important; align-items: center; min-height: 40px;
  padding: 9px 15px !important; border-radius: var(--kz-radius-sm);
  color: var(--kz-text) !important; background: transparent !important;
  font-family: var(--kz-font-head) !important; font-size: 15px; font-weight: 600;
}
.sf-menu li a:hover, #navigation li a:hover { color: var(--kz-green-dark) !important; background: var(--kz-surface-2) !important; }

.accordion { background: var(--kz-green-dark) !important; padding: 12px 18px !important; border-radius: 0; }
.theMobileNav { padding: 16px 0 6px !important; }
.theMobileNav li a { display: block; padding: 13px 14px; border-radius: var(--kz-radius-sm); color: #fff !important; font-weight: 700; }
.theMobileNav li a:hover { background: rgba(255,255,255,.14); }

.mainWrapper, #content { background: transparent !important; }
section { padding: 44px 0; }
section .row { background: transparent; }

#section7573388445974243 {
  position: relative; overflow: hidden; min-height: 480px; display: flex; align-items: center;
  background: var(--kz-green-dark) !important;
}
#section7573388445974243:before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 85% 20%, rgba(201,111,74,.35), transparent 45%);
  pointer-events: none;
}
#section7573388445974243 .container, #section7573388445974243 .row { position: relative; z-index: 1; }
#section7573388445974243 h1 {
  max-width: 780px; margin: 0 0 20px !important; text-align: left !important;
  font-family: var(--kz-font-head) !important; font-weight: 600; line-height: 1.06; letter-spacing: -.01em;
}
#section7573388445974243 h1 span, #section7573388445974243 p span { color: #fdf9f1 !important; }
#section7573388445974243 h1 span:first-child { font-size: clamp(42px, 6.5vw, 78px) !important; font-style: italic; }
#section7573388445974243 h1 br + span {
  display: inline-block; margin-top: 8px; max-width: 700px; font-family: var(--kz-font) !important;
  font-size: clamp(18px, 2.4vw, 26px) !important; font-weight: 500; line-height: 1.3; opacity: .85;
}
#section7573388445974243 hr { width: 60px; height: 3px; margin: 0 0 26px !important; border: 0 !important; border-radius: 0; background: var(--kz-accent) !important; }

.bannerText {
  max-width: 720px; margin-top: 26px; padding: 20px 22px;
  border: 1px solid rgba(253,249,241,.2); border-radius: var(--kz-radius); background: rgba(253,249,241,.06);
}
.bannerText p { margin: 0 0 10px; color: rgba(253,249,241,.88) !important; }
.bannerText p:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5 { color: var(--kz-text); font-family: var(--kz-font-head) !important; line-height: 1.15; font-weight: 600; }
h2 { margin: 0 0 12px !important; font-size: clamp(28px, 3.6vw, 42px); letter-spacing: -.01em; }
h3 { margin: 0 0 32px !important; font-size: clamp(26px, 3vw, 36px); letter-spacing: -.01em; }
h4 { font-size: 20px; font-weight: 600; }
h5 { margin: 10px 0 8px !important; font-size: 16px; font-family: var(--kz-font) !important; font-weight: 700; }
p { color: var(--kz-muted); }
hr { width: 56px; height: 3px; margin: 0 0 26px !important; border: 0 !important; border-radius: 0; background: var(--kz-accent) !important; }

#section5680867709830543 { padding-top: 36px; padding-bottom: 36px; background: var(--kz-surface) !important; }
#section5680867709830543 .tinyBloc { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
#section5680867709830543 .quarter { width: auto !important; float: none !important; margin: 0 !important; overflow: visible !important; }
#section5680867709830543 .quarter a { display: block; border-radius: var(--kz-radius); overflow: hidden; background: var(--kz-surface-2); border: 1px solid var(--kz-border); }
#section5680867709830543 .quarter img { display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover; transition: opacity .2s ease; }
#section5680867709830543 .quarter a:hover img { opacity: .82; }

#section054706167781029214, #section13914292439543763 { background: var(--kz-green-dark) !important; }
#section054706167781029214 h3 span, #section054706167781029214 p span,
#section13914292439543763 h4, #section13914292439543763 p, #section13914292439543763 a, #section13914292439543763 h5 a { color: #fdf9f1 !important; }
#section054706167781029214 .tinyBloc { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
#section054706167781029214 .third { width: auto !important; float: none !important; min-height: 100%; padding: 28px 22px !important; border: 1px solid rgba(253,249,241,.16); border-radius: var(--kz-radius); background: transparent; }
#section054706167781029214 .fa { display: inline-grid; place-items: center; width: 56px; height: 56px; margin-bottom: 14px; border-radius: 999px; background: rgba(253,249,241,.1); color: var(--kz-accent) !important; font-size: 26px !important; }

#section26979062276476196, #section14100751969381564, #section013082314658011462, #section651845242750239 { background: var(--kz-bg) !important; }
#section26979062276476196 .half, #section14100751969381564 .half, #section013082314658011462 .half { padding: 8px; }
.half img { width: 100%; border-radius: var(--kz-radius); border: 1px solid var(--kz-border); }

.wPlugin { margin-top: 26px; }
#subMenuShopContainer, .innerSpacer.lightBg {
  margin-bottom: 22px; padding: 20px !important; border: 1px solid var(--kz-border); border-radius: var(--kz-radius);
  background: var(--kz-surface) !important; color: var(--kz-text);
}

.bigInput, .itext, select, input[type="text"], input[type="email"] {
  width: 100%; min-height: 44px; padding: 11px 14px !important; border: 1px solid var(--kz-border) !important;
  border-radius: var(--kz-radius-sm) !important; background: #fff !important; color: var(--kz-text) !important;
  font-family: var(--kz-font) !important; font-size: 15px; outline: none; box-shadow: none !important;
}
.bigInput:focus, .itext:focus, select:focus, input[type="text"]:focus, input[type="email"]:focus {
  border-color: var(--kz-accent) !important; box-shadow: 0 0 0 3px rgba(201,111,74,.16) !important;
}

#listingProduitsContainer { display: flex !important; flex-wrap: wrap; gap: 20px; align-items: stretch; margin: 24px 0 8px; }
#listingProduitsContainer > .quarter { width: calc(25% - 15px) !important; float: none !important; margin: 0 !important; display: flex; }

.productContainer {
  position: relative; display: flex; flex-direction: column; width: 100%; min-height: 100%;
  padding: 14px; border: 1px solid var(--kz-border); border-radius: var(--kz-radius);
  background: var(--kz-surface) !important; overflow: hidden; transition: border-color .18s ease, transform .18s ease;
}
.productContainer:hover { transform: translateY(-3px); border-color: var(--kz-accent); }

.productImgContainerSmall { display: block; overflow: hidden; border-radius: var(--kz-radius-sm); background: var(--kz-surface-2); }
.productImgContainerSmall a, .productImgContainerSmall img { display: block; width: 100%; }
.productImgContainerSmall img { aspect-ratio: 1/1; object-fit: cover; mix-blend-mode: multiply; }

.productInfosContainerSmall { display: flex; flex: 1; flex-direction: column; padding: 14px 2px 0 !important; text-align: center !important; }
.productInfosContainerSmall h5 a { /*color: var(--kz-text) !important;*/ font-family: var(--kz-font-head) !important; }
.productInfosContainerSmall h5 a:hover { color: var(--kz-accent) !important; }

.greyText {
  order: -1; display: inline-flex; align-self: flex-start; margin-bottom: 8px; padding: 4px 10px;
  border-radius: 999px; background: var(--kz-green-soft); color: var(--kz-green-dark) !important;
  font-size: 11px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
}
.prodPrice { display: block; color: var(--kz-text) !important; font-family: var(--kz-font-head); font-size: 22px; font-weight: 600; }

.infobulle, .infobulle2 {
  z-index: 2; top: 20px; right: 20px; left: auto; margin: 0 !important; padding: 6px 10px !important;
  border-radius: 999px !important; box-shadow: none !important; font-size: 11px; font-weight: 700 !important; line-height: 1.2;
}
.infobulle { background: var(--kz-accent) !important; color: #fff !important; }
.infobulle2 { top: 52px; background: var(--kz-green-dark) !important; color: #fff !important; }

.addToCartBtn, .moreDetailsBtn { margin-top: 8px; }
.addToCartBtn a, .moreDetailsBtn a, .btnColor1, .ibutton, .age-buttons button {
  display: inline-flex !important; align-items: center; justify-content: center; width: 100%; min-height: 42px;
  padding: 10px 16px !important; border: 0 !important; border-radius: 999px !important;
  font-family: var(--kz-font) !important; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: none !important; text-align: center;
}
.addToCartBtn a, .btnColor1, .ibutton, #over18 { background: var(--kz-accent) !important; color: #fff !important; }
.addToCartBtn a:hover, .btnColor1:hover, .ibutton:hover, #over18:hover { background: var(--kz-accent-dark) !important; color: #fff !important; }
.moreDetailsBtn a, #under18 { background: var(--kz-surface-2) !important; color: var(--kz-green-dark) !important; }
.moreDetailsBtn a:hover, #under18:hover { background: var(--kz-green-soft) !important; }
.centerText .btnColor1 { width: auto; min-width: 200px; margin-top: 18px; }

#soro-blog { min-height: 120px; }
#soro-blog .soro-blog { max-width: 100% !important; }
#section13914292439543763 { padding: 52px 0; }

#footerProds { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
#footerProds > .third { width: auto !important; float: none !important; padding: 20px !important; border: 1px solid rgba(253,249,241,.14); border-radius: var(--kz-radius); background: transparent; }
.footerSmallPicture { float: left; width: 64px !important; height: 64px !important; margin: 0 12px 12px 0 !important; border-radius: var(--kz-radius-sm); object-fit: cover; }
#footerProds h5, #footerProds p { margin: 0 0 4px !important; }

footer, #footer { background: #1a1710 !important; color: rgba(253,249,241,.75) !important; }
#footer { padding: 50px 0 32px; }
#footer .container.overflowHidden { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
#footer .third { width: auto !important; float: none !important; padding: 0 !important; }
#footer h4 { margin: 0 0 16px !important; color: #fdf9f1 !important; font-size: 19px; }
#footer p, #footer label { color: rgba(253,249,241,.65) !important; font-size: 14px; }
#footer a { color: rgba(253,249,241,.85) !important; }
#footer a:hover { color: var(--kz-accent) !important; }

#nlSuscribeForm { display: flex; gap: 10px; align-items: center; }
#nlSuscribeForm .itext { flex: 1; background: rgba(253,249,241,.07) !important; border-color: rgba(253,249,241,.14) !important; color: #fff !important; }
#nlSuscribeForm .ibutton { width: auto; min-width: 66px; }
#consentementNL { accent-color: var(--kz-accent); }

.age-popup { background: rgba(20,17,10,.82) !important; backdrop-filter: blur(8px); }
.age-box { max-width: 440px !important; padding: 32px !important; border: 1px solid var(--kz-border); border-radius: 20px !important; background: var(--kz-surface) !important; box-shadow: 0 20px 50px rgba(0,0,0,.2) !important; }
.age-box h2 { font-family: var(--kz-font-head); color: var(--kz-text); font-size: 28px !important; font-weight: 600; }
.age-buttons { gap: 12px !important; }
.age-buttons button { width: auto; min-width: 140px; }

@media screen and (max-width: 1023px) {
  .container, .row, #navContainer { /*padding-left: 18px; padding-right: 18px;*/ }
  #topBar { flex-wrap: wrap; justify-content: center; padding-top: 8px; padding-bottom: 8px; }
  #langContainer { width: 100%; justify-content: center; margin: 0; }
  #navigation, .sf-menu { display: none !important; }
  #section7573388445974243 { min-height: auto; padding: 60px 0; }
  #section5680867709830543 .tinyBloc, #section054706167781029214 .tinyBloc, #footerProds, #footer .container.overflowHidden { grid-template-columns: 1fr 1fr; }
  #listingProduitsContainer > .quarter { width: calc(50% - 10px) !important; }
}
@media screen and (max-width: 640px) {
  section { padding: 30px 0; }
  #logoContainer img { max-width: 190px; }
  #section7573388445974243 h1 span:first-child { font-size: 40px !important; }
  .bannerText { padding: 16px; }
  #section5680867709830543 .tinyBloc, #section054706167781029214 .tinyBloc, #footerProds, #footer .container.overflowHidden { grid-template-columns: 1fr; }
  #listingProduitsContainer { gap: 14px; }
  #listingProduitsContainer > .quarter { width: 100% !important; }
  #nlSuscribeForm { flex-direction: column; }
  #nlSuscribeForm .ibutton { width: 100%; }
  .age-box { padding: 24px 20px !important; }
  .age-buttons button { width: 100%; }
}
@media screen and (min-width: 1024px) { .accordion { display: none !important; } }
@media screen and (max-width: 1023px) {
  #menuBar, #menuBar nav, nav { display: block !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
  #navContainer, #navigation, .sf-menu { display: none !important; }
  .accordion { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 99999 !important; width: 100% !important; min-height: 54px !important; padding: 10px 18px !important; background: var(--kz-green-dark) !important; color: #fff !important; clear: both !important; }
  #accordion { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; min-height: 40px !important; overflow: visible !important; }
  #accordion .openMobileMenu, .openMobileMenu { display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 42px !important; height: 42px !important; margin: 0 !important; border-radius: 999px !important; background: rgba(253,249,241,.14) !important; color: #fff !important; font-size: 22px !important; cursor: pointer !important; }
  .theMobileNav { width: 100% !important; margin: 8px 0 0 !important; padding: 8px 0 4px !important; list-style: none !important; background: transparent !important; }
  .theMobileNav li { display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; }
  .theMobileNav li a { display: block !important; width: 100% !important; padding: 12px 14px !important; border-radius: var(--kz-radius-sm) !important; background: rgba(253,249,241,.1) !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; text-align: left !important; }
  .theMobileNav li a:hover { background: rgba(253,249,241,.18) !important; color: #fff !important; }
}
.row#topBar {
    max-width: 100% !important;
    width: 100% !important;
}