/* --------------- Fonts --------------- */

@font-face {
  font-family: 'josefin';
  src: url('/common/fonts/JosefinSans.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'josefin-bold';
  src: url('/common/fonts/JosefinSans.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'josefin-thin';
  src: url('/common/fonts/JosefinSans.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'pacifico';
  src: url('/common/fonts/Pacifico-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'pacifico-bold';
  src: url('/common/fonts/Pacifico-Regular.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.logo{
    width: 100%;
  background: transparent;
  color: #fff;
  border: 1px solid #C0A388;
  margin-right: 0px;
  padding: 8px 20px 6px;
  border-radius: 30px;
  font-family: josefin;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
}
.logo-container{
    max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}
.w200{
    font-weight: 200;
}
.caption{
    z-index: 3;
  position: relative;
}
.header-ca .caption h1 {
  font-size: 100px;
  line-height: 100px;
  font-family: josefin-bold;
  text-transform: uppercase;
}
.m70{
    max-width: 70%;
}
.m40{
    max-width: 40%;
}
.m30{
    max-width: 30%;
}
.f-josefin{
    font-family: "josefin";
}
.text-brown{
    color: #4C342F;
}
.sm-title{
    font-family: "josefin";
    text-transform: uppercase;
    font-size: 30px;
}
.sm-text{
    font-family: "pacifico";
    font-size: 30px;
}
.header-ca .awards {
  background: #FF8F49;
    width: auto;
}
.header-ca .awards .item .img {
  width: auto;
}
.header-ca .awards .item span {
  font-size: 20px;
  font-family: josefin;
}
.who-title{
    font-family: "josefin-bold";
    font-size: 60px;
}
.who-text{
    color: #C0A388;
    font-family: "josefin";
    font-size: 20px;
    line-height: 22px;
}
video {
    width: 100%;
    height: auto;
}
.video-cont {
  max-width: 405px;
}
.video-cont2 {

}
.process-ca .accordion-item .accordion-header button {
  background: transparent;
  font-size: 30px;
  font-family: "josefin-bold";
}
.process-ca .accordion-item.active button {
 color: #4C342F;
}
.process-ca .accordion-item .accordion-body p {
  font-size: 15px;
    color: #4C342F;
    font-family: "josefin";
}
.process-ca .accordion-item .accordion-body {
  padding: 0 0 15px 0;
}
.process-ca .accordion-item .accordion-header button {
  background: transparent;
  font-size: 20px;
  padding: 15px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #C0A388;
}


.header-ca .main-box.back4::after {
    background-image: url(/assets/imgs/custom/back5.webp);
    background-position: center bottom;
}
.header-ca .main-box.back1::after {
    background-image: url(/assets/imgs/custom/picnic-homepage-cover.webp);
    background-position: center top;
}
.posrel{
    position: relative;
}
.downtext {
  z-index: 3;
  position: absolute;
  bottom: 30px;
  font-size: 20px;
  font-family: "josefin-bold";
  color: #F7F4F1;

    
}
.upper{
    text-transform: uppercase;
}
.b-right {
  padding-right: 40px;
  padding-left: 40px;
  border-left: 1px solid #fff;
}
.b-left {
  padding-right: 40px;
  border-right: 1px solid #fff;
}
.bg-light2{
    background-color: #f7f7f7;
}
.tit3{
    color: #4C352F;
  font-family: josefin-bold;
  font-size: 60px;
}
.pr-bottom {
  font-family: pacifico;
  font-size: 50px;
  color: #4C352F;
}
.big-video h2 {
  font-family: josefin-bold;
  font-size: 30px;
    color: #4C342F;
    letter-spacing: normal;
    border-bottom: 1px solid #fff;
  padding-bottom: 40px;
  margin: auto 30px;
}
.sentence {
  text-align: center;
  font-family: josefin-bold;
  font-size: 30px;
  color: #4C342F;
}
.about-ca .main-box .caption h1 {
  font-size: 100px;
  line-height: 100px;
    font-weight: normal;
  font-family: josefin-bold;
  text-transform: uppercase;
}
.about-ca .main-box .text h6 {
  font-size: 30px;
  font-family: josefin-bold;
  max-width: 40%;
}
.about-ca .team .cont h6 {
  font-size: 20px;
  font-family: 'josefin';
  letter-spacing: normal;
    line-height: 20px;
}
.about-ca .team .botom {
  margin-top: 20px;
}
.text5 {
  font-family: josefin;
  color: #4C342F;
  font-size: 17px;
  line-height: 18px;
}
.text6 {
  font-family: josefin;
  color: #fff;
  font-size: 17px;
  line-height: 18px;
}
.bottone {
  background-color: #FF8F49;
  border: none;
  color: #fff;
  font-family: josefin-bold;
  font-size: 20px;
  line-height: 20px;
}
.bottone:hover {
  background-color: #4C342F;
  color: #FF8F49;
}
.bg-brown{
    background-color: #C0A388;
}
.bg-darker{
    background-color: #4C342F;
}
.txt-white{
    color: #fff;
}
.txt-brown{
    color: #4C342F;
}
.txt-right{
    text-align: right;
}
.about-ca .main-box {
  height: 100%;
}
.jo-06 {
  font-family: 'josefin-bold';
  color: #C0A388;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 36px;
}
.w100{
    width: 100%;
}
.flexa {
  display: flex;
  align-items: center;
}
.back6{
    background-image: url(../imgs/custom/back6a.webp);
  background-size: cover;
    background-position: center center;
}
.back7{
    background-image: url(../imgs/custom/picnic-this2.webp);
  background-size: cover;
    background-position: center center;
}
.jb100{
    font-family: josefin-bold;
  font-size: 100px;
  line-height: 100px;
}
.jb40{
    font-family: josefin-bold;
  font-size: 40px;
  line-height: 40px;
}
.jr20{
    font-family: josefin;
  font-size: 20px;
}
.numbers-ca {
  padding: 100px 40px 60px;
  background-color: #C0A388;
background-image: url(/assets/imgs/custom/rectback.webp);
    background-position: right center;
    background-repeat: no-repeat;
    font-family: 'pacifico';
  font-size: 30px;
}
.testimonials-ca {
  background: #4C342F;
  border: 1px solid #C0A388;
}
.testimonials-ca .item {
  padding: 40px 0;
  border-top: 1px solid #C0A388;
  font-family: josefin;
  font-size: 20px;
  line-height: 20px;
}
.contact-ca {
  background: rgba(255,255,255,0.5);
  color: #fff;
}
.contact-ca .contact-form button {
  background: #FF8F49;
  color: #fff;
  border: none;
}
.contact-ca p {
  color: #fff;
}
.under{
    text-decoration: underline;
}

.form-overlay {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99;
    opacity: 0.7;
    display: none;
}
 .spinner{
    width: 44px;
    height: 44px;
    background-image: url("/assets/imgs/custom/spinner.gif");
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 25px;
    text-align: center;
     margin-left: auto;
     margin-right: auto;
}
.ch2{
  color: #c6c4c4;
}

.ch2 p{
  color: #c6c4c4;
}
.ch2 a{
  color: #c6c4c4;
}

.contact-ca p {
  font-family: josefin;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

/* --------------- media --------------- */

@media screen and (max-width: 768px) {
    
.header-ca .caption h1 {
    font-size: 56px;
    line-height: 64px;
}
    .m70{
        max-width: none;
    }
    .m40 {
  max-width: none;
}
    .header-ca .text {
  margin-top: 20px;
}
    .downtext {
  font-size: 16px;
  line-height: 20px;
        margin-right: 20px;
}
    .b-right {
        margin-top: 20px;
padding-right: 0px;
    padding-left: 0;
  border: none;
}
    .b-left {
border-right: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding-right: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
  }
}
    .tit3 {
  font-size: 28px;
        line-height: 30px;
}
    .pr-bottom {
  font-size: 36px;
  line-height: 42px;
}
    .big-video h2 {
  font-size: 24px;
  line-height: 26px;
        margin-top: 30px;
}
    .sentence {
  font-size: 24px;
  padding: 20px;
}
    .about-ca .right-column {
  margin-top: 10px;
}
    .jo-06 {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 10px;
}
    .bottone {
  font-size: 14px;
  line-height: 20px;
}
    .testimonials-ca .item .info .cont {
  padding-left: 0;
  font-weight: bold;
  margin-bottom: 10px;
}
.about-ca .main-box .text h6 {
  font-size: 22px;
    line-height: 24px;
  max-width: none;
}
    
}