/*
Gold d9ad5f
Brown 2c2522
*/

body {font-feature-settings: 'lnum' 1;}

body .fullwidth-content .elementor-section.elementor-section-full_width.elementor-top-section > .elementor-container.elementor-column-gap-thegem {
      padding: 0px;
}

.block-content {padding: 96px 0}
.parent-pageid-28862 .block-content {padding-top: 24px;}
#top-area {display: none;}

.elementor .hero img {
   max-width: 100%;
   max-height: 100%;
   bottom: 0;
   left: 0;
   margin: auto;
   overflow: auto;
   right: 0;
   top: 0;
   -o-object-fit: contain;
   object-fit: contain;
    }

/*-- Top Area --*/

.top-area {background-color: #2c2522; border-bottom: 0; border-top: 0; display: none;}
.header-main {padding-top: 12px; padding-bottom: 12px;}

.home .site-header:not(.fixed) .transparent-header-background {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 25%, rgba(255,255,255,0.9) 100%);
}

/*-- Main menu --*/

header #primary-menu {text-align: center !important;}
header #primary-menu .menu-item-logo {margin-left: 0 !important; margin-right: 0 !important;}

@media (min-width: 980px) and (max-width: 1212px) {
  #site-header .site-title a img.small, #site-header .menu-item-logo {
      display: inline-block !important;
  }
}
header #primary-menu.no-responsive > li > a,
header #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a, .widget_categories > ul > li > a,
.widget_product_categories > ul > li > a {
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#site-header.fixed #primary-menu > li > a {color: #fff;}
#site-header.fixed #primary-menu > li > a:hover,
#site-header.fixed #primary-menu > li.menu-item-active a {color: #d9ad5f;}

.home header #primary-menu.no-responsive > li > a {color:#201d1d;}
header #primary-menu.no-responsive > li > a {color:#ffffff;}

header #primary-menu.no-responsive > li > a::after {
  content : '';
  display: block;
  height: 3px;
  width: 0%;
  margin-left: auto;
  margin-right: auto;
  background: #d9ad5f;
}

header #primary-menu.no-responsive > li > a:hover::after,
header #primary-menu.no-responsive > li.menu-item-active a::after {
  width: 100%;
  -webkit-animation: draw-line .5s ease-out;
  animation: draw-line .5s ease-out;
}

@-webkit-keyframes draw-line {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes draw-line {
  0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
  }
  to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
}

/*-- Titling & Typography--*/

#page-title {display: none;}

p {color: #787878; line-height: 1.5;}

.maintitle {position: relative;}
.maintitle h2 {
  font-size: 3em;
  padding-left: 18px;
  line-height: 1 !important;
}

.mainsubtitle {
  font-size: 1.5em;
  color:#787878;
}

.maintitle h2::before {
  position: absolute;
  left: 0;
  content : '';
  display: block;
  height: 100%;
  width: 4px;
  background: #d9ad5f;
}

.negativecol-section .maintitle h2 {margin-bottom: 12px;}
.negativecol-section .maintitle h2::before {height: 95px; left: 50px;}
.negativecol-section .mainsubtitle {margin-bottom: 24px;}

.darkbg .maintitle h2 {color:#fff;}

.subtitle {font-size: 1.3em;}

/*-- Sections --*/

body .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-thegem {
  /*  max-width: 1440px; */
}

.negativecol-section {}
.negativecol {margin-left: -120px; margin-top:24px; margin-bottom: 24px;}
.negativecol .elementor-widget-text-editor {background-color: #fff; padding:48px;}

.negativecol.inversed {margin-left: inherit; margin-right: -120px; margin-top:24px; margin-bottom: 24px;z-index: 1;}
.negativecol.inversed .elementor-widget-text-editor {padding:48px;}
.negativecol.darkbg .elementor-widget-text-editor {background-color: #2c2522;}

.negativecol.darkbg.maintitle h2,.negativecol.darkbg p,.negativecol.darkbg,
.darkbg h3, .darkbg p {color:#fff;}


/*-- Colors --*/

.gold {color:#d9ad5f;}

/*-- paddings & margins --*/

.r-padding {padding-top: 184px;padding-bottom: 184px;}
.mb-24 {margin-bottom: 24px;}
.mb-12 {margin-bottom: 12px;}
.pt-0 {padding-top:0;}
.pb-0 {padding-bottom:0;}

.bloc-padding > .elementor-column-wrap > .elementor-widget-wrap  {padding: 48px}
@media only screen and (max-width : 1024px) {.bloc-padding > .elementor-column-wrap > .elementor-widget-wrap {padding: 24px}}

.maxwidth > .elementor-column-wrap > .elementor-widget-wrap  {max-width: 480px; margin-right: auto;}

/*-- contact form --*/

.elementor-28879 .elementor-element.elementor-element-94c562b .wpcf7-form-control-wrap {margin-bottom: 4px !important;}

 body .txtinfos-bck .wpcf7 .wpcf7-form-control.wpcf7-text,
 body .txtinfos-bck .wpcf7 .wpcf7-form-control.wpcf7-textarea {background-color: #2c2522 !important; color: #fff;}

/*-- contact --*/

.page-contact .block-content {display: none;}


/*-- buttons --*/

.elementor-28841 .elementor-element.elementor-element-b4a3b65 {position: relative;}
.scrollbtn {cursor: pointer;display:block; width:30px; height: 70px; background: #2c2522; position: absolute;z-index: 2;left: 0;right: 0;bottom:40px;margin: auto;}
.scrollbtn:hover {background: #d9ad5f;transition: background-color 0.5s ease;  transition-delay: 500ms;}
.scrollline {width:2px; height: 50px;position: absolute;left: 14px;top:10px; background: #d9ad5f;}
.scrollbtn:hover .scrollline {
  height:0;
  transition: height 0.5s ease;
  webkit-transition: height 0.5s ease;
}
.download-btn {}

.elementor-element.elementor-element-c10dfa7 {margin-left: auto;}
.elementor-element.elementor-element-1312190 {margin-right: auto;}

body .gem-widget-button .gem-button { border-radius: 0px;}
.wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom) {border-radius: 0px;padding: 13px 17px;font-size: 14px; line-height: 1;}

body .scroll-top-button {bottom: 75px;}
body .scroll-top-button:before {background: #d9ad5f;color: #fff;}
body .scroll-top-button.visible {opacity: 1;}

@-webkit-keyframes swipe-line {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    66% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes swipe-line {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    66% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*-- list --*/

.listnone {list-style-type: none; padding: 0; margin: 0}
.listnone li {padding: 4px 0; margin: 0}

/*-- icon --*/

.elementor img.footericon { display: inline-block; height: 26px; width: auto; margin-right: 12px;}

  .iconbloc .elementor-widget-heading {margin-bottom: 0px !important;}
  .iconbloc h2 {color: #fff; text-align: center;line-height: 1 !important;}
  .iconbloc .subtitle {color: #d9ad5f; text-align: center;}
  .iconbloc p {color: #fff;text-align: center;}
  .iconbloc .gem-button {margin-top: 18px !important;}

/*-- line --*/

.line {display:block; width:3px; height: 200px; background: rgba(0,0,0,0); position: absolute;z-index: 2;left: 0;right: 0;margin: auto;
  bottom: -318px; overflow: hidden;transform-origin: bottom left;}
  .line.smaller {bottom: -293px;}
.linedark {display:block; width:3px; height: 100px; background: #2c2522;position: absolute; top:0; left: 0;}
.linelight  {display:block; width:3px; height: 100px; background: #d9ad5f;position: absolute; top:100px; left: 0;}
.linedark.inversed {top:100px; }
.linelight.inversed  {top:0; }

/*-- Gallery --*/

body .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before{
	background-color: rgba(255, 255, 255, 0.7);
}
body .gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .gem-gallery-item .gem-gallery-item-image a:hover:before {
	background-color: #d9ad5f;
}
body .gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .active .gem-gallery-item-image a:before {
	background-color: #d9ad5f;
}

body .gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .active .gem-gallery-item-image a:before {
    background-color: #d9ad5f;
}
body .gem-prev:after, .gem-next:after, .row .theme-default .nivo-directionNav a, .row .vc_images_carousel .vc_carousel-control .icon-prev, .row .vc_images_carousel .vc_carousel-control .icon-next, .portfolio.portfolio-slider .portolio-slider-prev span, .portfolio.portfolio-slider .portolio-slider-next span {
  background-color: #2c2522;
}

/*-- gallery --*/
body .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item i {display: none !important;}
body .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title,
body .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
    color:#222;
}

body .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
	top: 50%;
}

/*-- footer --*/

.subfooter {}

.elementor .credits {padding: 24px;}
@media only screen and (max-width : 1024px) {
.elementor .credits {padding: 12px;}
}
.elementor .credits img {max-width: 145px;width: 145px; height: auto;}
.elementor .credits p {font-size: 14px;color: #3e3e3e;text-align: right;line-height: 1;}
.elementor .credits p:last-child {font-size: 12px;color: #787878;}

footer .elementor-widget-image .elementor-image>a img[src$=".svg"],
footer .elementor-widget-image .elementor-image figure>a img[src$=".svg"] {width: 145px;}

/*-- effect buttons --*/

.gem-button {
	 box-shadow: inset 0 0 0 4px #d9ad5f;
	 color: #ffffff;
	 transition: color 0.25s 0.0833333333s;
	 position: relative;
}
 .gem-button::before, .gem-button::after {
	 border: 0 solid transparent;
	 box-sizing: border-box;
	 content: '';
	 pointer-events: none;
	 position: absolute;
	 width: 0;
	 height: 0;
	 bottom: 0;
	 right: 0;
}
 .gem-button::before {
	 border-bottom-width: 3px;
	 border-left-width: 3px;
}
 .gem-button::after {
	 border-top-width: 3px;
	 border-right-width:3px;
}
 .gem-button:hover {
	 color: #d9ad5f;
}
 .gem-button:hover::before, .gem-button:hover::after {
	 border-color: #d9ad5f;
	 transition: border-color 0s, width 0.25s, height 0.25s;
	 width: 100%;
	 height: 100%;
}
 .gem-button:hover::before {
	 transition-delay: 0s, 0s, 0.25s;
}
 .gem-button:hover::after {
	 transition-delay: 0s, 0.25s, 0s;
}

/* Responsive Common */

/*
Gold d9ad5f
Brown 2c2522
*/

.mobile-menu-layout-default .primary-navigation.responsive ul li.menu-item, .mobile-menu-layout-default .primary-navigation.responsive ul li.dl-back {
  background: #2c2522;
}

.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu, #primary-navigation.responsive #primary-menu > li > a, #primary-navigation.responsive ul.dl-submenu.level1 > li > a, #primary-navigation.responsive #primary-menu li.menu-item-search, #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch {
  background: #fff;
  color: #2c2522;
}

.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu,
#primary-navigation.responsive #primary-menu > li > a:hover,
#primary-navigation.responsive #primary-menu > li.current-menu-item > a,
#primary-navigation.responsive ul.dl-submenu.level1 > li > a:hover,
#primary-navigation.responsive #primary-menu li.menu-item-search:hover,
#primary-navigation.responsive #primary-menu li.menu-item-search .minisearch:hover {
  color: #d9ad5f;
}



@media only screen and (max-width : 1140px) {
  #site-header .primary-navigation .menu-item-logo {
    padding: 0 24px !important;
  }
  .header-style-3 #primary-menu.no-responsive > li > a,
  .header-style-4 #primary-menu.no-responsive > li > a {
    padding: 0px 8px;
  }

}

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

  #primary-menu.no-responsive > li > a,
  #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a {
    font-size: 12px;
  }
  .negativecol {margin-left: auto; margin-right: auto; }
  .negativecol.inversed {margin-left: auto;; margin-right: auto;}
  .maintitle h2 {font-size: 2em;}
  .negativecol-section .maintitle h2::before {height: 60px;}

  .elementor-column-gap-thegem > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0;
  }

  .r-padding {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .line {bottom: -227px;}

  body, .gem-table thead th, .inline-column, .inline-inside > *, option, .portfolio.columns-1 .portfolio-item .caption .subtitle, .gallery-item .overlay .subtitle, .cart_totals table .shipping td label, .woocommerce-cart-form.responsive .cart-item .gem-table .shop_table td.product-price, .portfolio-filters a, .gem-media-grid-2 .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-post-data-source-post_excerpt > div {
    font-size: 14px;
  }

}

@media only screen and (max-width : 979px) {

#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink), #site-header-wrapper.site-header-wrapper-transparent, #site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) #top-area {
  background-color: #2c2522 !important;
}
.home .site-header:not(.fixed) .transparent-header-background {
    background: inherit !important;
}
#site-header-wrapper.site-header-wrapper-transparent {
    position: relative;
}

.line {display: none; }

.block-content {
    padding: 24px 0;
}
.r-padding {
    padding-top: 24px;
    padding-bottom: 24px;
}
.negativecol-section .maintitle h2::before {
    height: 24px;
}
.block-content:last-of-type {
    padding-bottom: 24px;
}
.elementor-element.elementor-element-c10dfa7 {margin-bottom: 24px !important;}
.elementor-element.elementor-element-1312190 {margin-bottom: 24px !important;}

}

.gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg {display:none !important;}

body .dialog-lightbox-widget .elementor-slideshow__title {display: none !important;}

.homelogo {height: auto;
    width: 140px;position: absolute; bottom: 74px; left:24px;}

@media only screen and (max-width : 1280px) {
  .homelogo {bottom: 64px;}
}
@media only screen and (max-width : 980px) {
  .homelogo {bottom: 44px;}
}
@media only screen and (max-width : 768px) {
  .homelogo {bottom: 64px; width: 100px; left:24px;}
}

@media only screen and (max-width : 767px) {

  .iconbloc h2 {margin-top: 42px;}

    .maxwidth > .elementor-column-wrap > .elementor-widget-wrap {
      max-width: inherit;
  }

  .mobileinversed .elementor-row {flex-direction: column-reverse;}

}



@media only screen and (max-width : 650px) {
  .homelogo {display: none;}
  footer .elementor .credits p {text-align: center; margin-top: 8px;}
  footer .elementor-image {text-align: center;margin-bottom: 12px}
}
