body,html{margin:0;padding:0; font-family: var(--font); color:var(--grey)} *,*::before,*::after{box-sizing:border-box; position:relative;}
@font-face {
  font-family: "Book";
  src: url("../font/ITCAvantGardeStd-Bk.otf") format("opentype");
}
@font-face {
  font-family: "Book-Condensed";
  src: url("../font/ITCAvantGardeStd-BkCn.otf") format("opentype");

}
@font-face {
  font-family:"Book-Bold";
  src: url("../font/ITCAvantGardeStd-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Demi";
  src: url("../font/ITCAvantGardeStd-Demi.otf") format("opentype");
}
@font-face {
  font-family: "Md";
  src: url("../font/ITCAvantGardeStd-Md.otf") format("opentype");
}
@font-face {
  font-family: "XLlt";
  src: url("../font/ITCAvantGardeStd-XLt.otf") format("opentype");
}
:root{
--green:#009461;
--font:Book;
--grey:#393939;
--red:#BA0C28;

--maincolor:#BA0C28

}

.flexcenter{display:flex;align-items:center; justify-content:center;}
button{
border: none; outline: none;
border-radius: 10000px;
padding: .5rem 1.5rem;
padding-top: .7rem;

color: white;
background: linear-gradient(87.89deg, #FB644C -2.28%, #EF7F51 4.04%, #D3C65E 16.67%, #CFD160 18.78%, #A5D683 28.25%, #6EDDB3 38.78%, #1D894A 73.51%, #8BD6FF 102.99%);
text-transform: uppercase;
font-family: Book-Bold;
font-size: 1.1rem;

}

button.main{
    background: var(--maincolor);
    text-transform: none;
    font-family: Demi;
    font-size: .9rem;
  }
  button.wmain{
  font-size: .9rem;
    background: white; color: var(--maincolor);
    font-family: Book;
    text-transform: none;
}
button.regular{
  font-family: Demi;
  text-transform: none;
}

img{
  width: 100%;
  height: auto;
  display: block;
}
hr{ max-width: 600px; border:none; border-top: 2px solid var(--red); width: 100%; }
hr.green{border-top: 2px solid var(--green);}
iframe{width: 100%;}
.maincolor{color: var(--maincolor);}

.bgmain{background-color: var(--maincolor);}
.uppercase,.up{text-transform: uppercase;}
.tbmargin{margin: 1rem 0; }
.tbmargin2{margin: 2rem 0; margin-bottom: 1rem;}
.p1{padding: 1rem;}
.green{color: var(--green);}
.fw{color: white;}
.pb1{padding-bottom: 1rem;}
.page{max-width: 800px; margin: 0 auto; background-color: white;}
body,html{background: linear-gradient(90deg,white 10%, rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.537),rgba(0, 0, 0, 0.1), white 90%);}
@media(width>1700px){
  body,html{background: linear-gradient(90deg,white 20%, rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.537),rgba(0, 0, 0, 0.2), white 80%);}
}

video{width: 100%;}
/* *{outline:red solid 1px} */
.imgfill{width:100%;height:100%;left:0;top:0; object-fit: cover; object-position: center;}
.tcenter{text-align: center;}
.bold{font-family:Book-Bold;}
h1,p{margin:0; padding:0;}
.center{margin: 0 auto; display: block; }


h1,h2,p,.split,ul{margin: 0 auto; max-width: 700px;}
ul{padding-left: 1rem;}
h1{padding-top: 2rem !important;}
h1{font-family: XLlt; text-transform: uppercase; font-size: 5.5vw; color: white;}
p,ul{font-size:.9rem}
@media (width>700px) {
  h1,#intro h2{font-size: 2.7rem;}
  .split{align-items: center;}
}
h1 strong,
h1 b,
strong, b
{font-family: Book-Bold;}

a,
svg,
button,
.circles > *,
.top > *
{cursor: pointer !important;}
h2{font-family: Book-Bold; font-size: 1.1rem; text-transform: uppercase;padding-top: 1rem;}

p,ul{font-family: Book; line-height: 1.4rem;}
p:last-child{padding-bottom: 1rem;}

.sh{filter: drop-shadow(0 0 10px black);}
.pt2{padding-top: 2rem;}
/* header */

.headerimg{position: absolute; --top:20; object-position: 50% calc(var(--top) * 1%) }
.headerContent{display:grid; grid-template-rows: auto 1fr auto; height: 100%;justify-content: center; padding: 1rem; padding-bottom: 0;gap: 2rem; min-height: 350px; }
.headerlogo{width: 150px; background-color: var(--maincolor);padding: 1rem; height: 120px;
  aspect-ratio: 1.5/1; 
  /* padding: 0; */
display:flex;align-items:center; justify-content:center;
}
/* .headerlogo img{object-fit: contain; object-position: center; width: 100%; height: 100%; padding: 1rem;} */

/* intro */
#intro >div{color: white; padding: 1rem;}
#intro{background-color: var(--maincolor);}



.socials{display:flex;align-items:center; justify-content:center; gap: 2rem; margin-bottom: 2rem;}
.socials img{width: 60px;}

.split{display: grid; grid-template-columns: 1fr auto; gap: 2rem; padding: 1rem 0;}
.split img{width: 50px;}

p.bigger{
  font-size: 1.2rem !important; 
}
/* footer */

.footer{
    background-color:#F3F3F3;
    text-align: center;
    padding: 2rem;
    }
    .bmenu{display: flex;gap: 2rem;justify-content: center;}
    a{color: inherit;}


    #replaceForm{width:100%; padding: 2rem; left:0;top:0;position: fixed; background-color: var(--maincolor); display: grid;gap: 1rem;}


    .menu{position: fixed;right: 0;top: 0; background-color: white; padding: 1rem; display: grid;gap: 1rem; z-index: 1111111111111111;}

    @media (width<700px) {
      .menu{display: none;}
    }
    .menu button{background: black; color: white; display: block;padding: .5rem; font-size: 1rem; border-radius: 5px;}

    .slideshow1,
    .slideshow3,
    .slideshow2
    {overflow: hidden;  --height:1/.7;}
    .slideshow1 img,
    .slideshow3 img,
    .slideshow2 img
    {width:100%;left:0;top:0; object-fit: cover; object-position: center; aspect-ratio: var(--height) ;}

        .cnext{ transform: translate(100%,0%) scale(.8) !important; opacity: .5 !important; }
    .ccurrent{transform: translate(0%,0%) scale(1) !important; opacity:1 !important;}
    .cprevious{ transform: translate(-100%,0%) scale(.8) !important;opacity: .5 !important;  } 

    .fullCarousel .cnext{ transform: translate(0%,0%) scale(1) !important; opacity: 0 !important; }
    .fullCarousel .ccurrent{transform: translate(0%,0%) scale(1) !important; opacity:1 !important;}
    .fullCarousel .cprevious{ transform: translate(0%,0%) scale(1) !important;opacity: 0 !important;  } 

    .carMenu{width:100%;height:100%;left:0;top:0;position: absolute; display: grid; grid-template-rows: 1fr auto; padding: 1rem;z-index: 1000;}
    .carMenu .top{width:100%;height:100%;left:0;top:0;display:flex;align-items:center; justify-content:space-between; }
    .carMenu img{width: 50px;}
    .circle{width: 15px;background-color: white; border: 1px solid var(--maincolor); aspect-ratio: 1/1; border-radius: 100%;}
    .circle.active{background-color: var(--maincolor);}
    .circles{display:flex;align-items:center; justify-content:center; gap: 1rem;}
  a{text-decoration: none;}

  .nextbrand{background-color: white;}

  .loader{width:100%;height:100%;left:0;top:0; position: fixed;background-color: white; z-index: 1000000000;}