/*-------------------------
   FONT
--------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');


@font-face {
  font-family: cg-reg;
  src: url('../../fonts/centurygothic-regular.ttf');
}

@font-face {
  font-family: cg-bold;
  src: url('../../fonts/centurygothic-bold.ttf');
}

@font-face {
  font-family: mont-black;
  src: url('../../fonts/Montserrat-Black.ttf');
}

/*h6*/
h6.sppb-addon-title {font-family: 'cg-reg';font-weight: normal!important;letter-spacing: 3px;}

/*header*/
div#sp-menu, body {font-family: 'cg-reg'!important;}

/*body*/
.sppb-addon.sppb-addon-header.project-title {color: #fff;font-family: 'Montserrat';font-weight:normal;}
.sppb-addon.sppb-addon-header.project-title span{font-weight:700;}

/*button*/
body .sppb-btn, .sppb-sp-slider-button  {font-family: 'cg-bold'!important;}

/*single - letter*/
.project-letter .sppb-addon-title {
  position: absolute;
  right: -100px;
  top: -205px;
  font-size: 265px;
  z-index: -1;
  color: transparent!important;
  -webkit-text-stroke: 2px #fff;
  opacity: 0.3;
  text-stroke: 2px white!important;
  text-shadow: none!important;
  font-family: 'mont-black';
  font-weight: 900!important;
  }

@media (min-width: 768px) and (max-width: 991px){
.project-letter .sppb-addon-title {position: absolute;right: -100px;top: -205px;}}


/*title big letter*/
span.letter {position: absolute;left: 0;top: -93px;font-size: 240px;z-index: -1;color: transparent!important;-webkit-text-stroke: 2px #d8c88a;opacity: 0.3;text-stroke: 2px white!important;text-shadow: none;font-family: 'mont-black';font-weight: 900!important;}

@media (max-width: 767px){
span.letter {position: absolute;right: 0;left: auto;top: -93px;font-size: 240px;z-index: -1;color: transparent!important;-webkit-text-stroke: 2px #d8c88a;opacity: 0.3;text-stroke: 2px white!important;text-shadow: none;font-family: 'mont-black';font-weight: 900!important;pointer-events: none;}}