@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;600;700&family=Montserrat:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
    --sadp-col1: #222222;
    --sadp-col2: #fadfdf;
    --sadp-col3: #fbf7f3;
}


*, *::before, *::after {
    box-sizing: border-box;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.wwd2 {
padding-bottom: 50px;
}

.wdd3 h2 {
    color: white;
    font-size: 18px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.wwwDateArea .wwatextAreaSmol h4, .wwwDate1dt {
    text-transform: uppercase;
}


.wwd-gallery-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    color: white;
    text-transform: uppercase;
    margin: 30px 0px;
}

.wwd-gallery-menu-option.selected {
    background-color: white !important;
    color: var(--sadp-col1);
}

#telephone {
    opacity: 0;
    position: absolute;
    left: 200vw;
}

.wwd-gallery-menu-option {
    padding: 10px 20px;
    border-radius: 30px;
    background-color: transparent;
    border: 2px solid white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: white;
    transition: all 0.2s;
    font-weight: 400;
    letter-spacing: 1px;
}

.wwd-gallery-menu-option:hover {
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;
}


.wwd-gallery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.wwd-gallery img {
    width: 25%;
    padding: 2.5%;
    transition: opacity 0.2s;
}


.mt60 {
    margin-top: 60px;
}

.wwdCirc {
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    aspect-ratio: 1;
    animation-duration:1s;
    animation-iteration-count: 1;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:forwards;
}
.wwd-line {
    border-left: 3px #222222 solid;
    position: absolute;
    bottom: 10%;
    animation-duration:2s;
    animation-iteration-count: 1;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:forwards;  
}
#wwd0-1-line {
    height: 40%;
    left: 30%;
    animation-name: wwd0-1-line;
}

#wwd0-2-line {
    height: 60%;
    left: 70%;
    animation-name: wwd0-2-line;
 
}

.wwdCirc h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    font-weight: 700;
    font-size: 80px;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    animation-name: wwdCirch2;
    animation-duration:1s;
    animation-iteration-count: 1;
    animation-direction:normal;
    animation-timing-function:ease-out;
    animation-fill-mode:forwards;    
}

.wwd-line-text {
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding-top: 10px;
    transform: translate(-50%,100%);
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}



#wwd0-1 {
    width: 10%;
    left: 70%;
    top: 30%;
   background-color: #E5C8BE;
   animation-name: wwd0-1;
}

#wwd0-2 {
    width: 10%;
    left: 30%;
    top: 50%;
    background-color: #F7DDD4;
    animation-name: wwd0-2;
}

.wwd0 {
    aspect-ratio: 1;
}

.wwd4, .wwd0 {
    width: 50%;
    position: relative;
}

.wwd0 span {
    padding-top: 25px;
    text-align: left;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}


@keyframes wwd0-1-line {
    from {height: 0%;}
    to {height: 40%;}
  }
  @keyframes wwd0-2-line {
    from {height: 0%;}
    to {height: 60%;}
  }

@keyframes wwd0-1 {
    from {width: 10%;}
    to {width: 60%;}
  }
@keyframes wwd0-2 {
    from {width: 10%;}
    to {width: 50%;}
  }
@keyframes wwdCirch2 {
    from {transform: translate(-50%,-50%) scale(0);}
    to {transform: translate(-50%,-50%) scale(1);}
  }

.netfix3 {
    padding-top: 125px !important;
}
.netTextArea {
    padding-left: 100px !important;
    padding-bottom: 0px !important;
}

.netTextArea p {
    padding-top: 0px;
    margin-top: 0px;
}

.netPad {
    padding: 50px;
    margin-bottom: 50px;
}

.img-zoom-container {
    position: relative;
  }
  
.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 40px;
    height: 40px;
  }

.img-zoom-result {
    border: 2px solid #222222;
    border-radius: 25px;
    /*set the size of the result div:*/
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: calc(0% + 25px);
    left:50%;
    transform: translateX(-50%);
    background-color: #fbf7f4;
    visibility: hidden;
    transition: visibility 0.3s;
    user-select: none;
    pointer-events: none;
  }

  .netfix4:hover .img-zoom-result {
    visibility: visible;
  }

.waw-fix0 {
    width: calc((((100% - 140px) / 8) * 3.5) + 70px) !important;
}

.waw-fix1 {
    margin-top: 50px;
}

.netfix0 {
    margin-right: 30px
}

.netfix4 {
    max-width: 100%;
    position: relative;
}

.netImgSwitch:hover {
    cursor: pointer;
}

.netfix2 img {
    max-height: 40px;
}

.netfix2 h4 {
    padding: 0px;
    margin: 10px 0px;
}

.netLeg {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    padding-bottom: 0px !important;
    align-self: flex-start;
}

.netLeg a {
    text-decoration: none;
}
.netPing {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.netImgSwitch {
    display: flex;
    justify-content: center;
    align-items: center;
}

.netPingPlane {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}   

#netImg {
    width: 100%;
    text-align: center;
}

.wwatimelineMob {
    display: none !important;
}


.wwaDateContainer {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    font-family: Montserrat, Arial, Helvetica, sans-serif !important;
    width: calc((((100% - 140px) / 8) * 1) + 20px);
    flex-grow: 0;
    flex-shrink: 0;
}

.wwwDateimg {
    width: 100%;
}

.wwaDateContainer a {
    margin: 10px 0px;
    font-weight: 600;
}

.wwaDateContainer a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.wwwDateContent {
    flex-direction: row;
    display: flex;
    width: 100%;
}

.wwwDateArea {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.wwaActive {
    font-weight: 800 !important;
}

.wwatextArea {
    padding: 100px 50px;
}

.wwatextArea img {
    width: 80%;
    position: relative;
    left: -150px;
    display: none;
}

.wwwDateArea h2 {
    font-family: Montserrat, Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-size: 80px;
    color: #e5c8be;
    margin: 0px;
}

.wwaQueenImg {
    margin-top: 50px;
    width: 100%;
}
.wwatextAreaSmol {
    width: 100%;
    position: relative;
}

.wwatextAreaSmol p {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.wwasplashText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.wwa.hp-section2, .wwam {
    margin-top: 25px;
}

.wwa .hp-section2Text {
    padding: 0px;
    margin: 0px calc((((100% - 140px) / 8) * 1)) 0px 0px;
    width: 0px calc((((100% - 140px) / 8) * 4));
}

.wwafix1 {
    margin-top: -50px  !important;
}

.wwa .hp-section2Text h3 {
    margin-top: 0px;
}

.wwa .hp-section2Text span {
    margin-left: calc((((100% - 140px) / 8) * 1));
}

.wwa.wwafix2 {
    margin-top: 0px;
}

.proSlideImgContainer {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttonCont {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.slideshow-container {
    width: 100%;
    position: relative;
    margin: auto;
    margin-top: 90px;
  }
  video {
    clip-path: inset(2px 3px);
}

.mySlides {
    aspect-ratio: 3.063829787234043;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: none;
  }

.hp-headertext {
    padding: 50px 0px;
}
.hp-headertext span {
    padding-top: 30px;
    text-align: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}
.hp-section span {
    padding-top: 0px;
    text-align: left;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.hp-section1 span, .hp-section3 span {
    margin-right: calc((((100% - 140px) / 8) * 2) + 35px);
}

.hp-section2Text {
    padding: 0px 50px 0px calc((((100% - 140px) / 8) * 0.5));
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 50px 0px;
    flex-shrink: 0;
    flex-grow: 0;
    width: calc((((100% - 140px) / 8) * 4));
}

.hp-section2 {
    margin-top: -50px;
}

.hp-section3 {
    margin-top: -50px;
}


.hp-title {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

.hp-title h3 {
    margin: 0px !important;
}

.hp-video1 {
    width: calc((((100% - 140px) / 8) * 4) + 80px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: calc((((100% - 140px) / 16) * 1));
}

.hp-video2 {
    width: calc((((100% - 140px) / 8) * 5.5) + 60px);
}

.hp-video2fix {
    width: 100%;
}

.Hp-w50 h3, .Hp-w50 span {
    width: 100%;
    
}

.Hp-w50 {
    width: 50%;
    text-align: center;
}

.hp-section, .wwatimeline {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ghostimg4 {
    background-image: url(../img/ghost_prod_4.jpg);
}
.ghostimg5 {
    background-image: url(../img/ghost_prod_5.jpg);
}
.ghostimg6 {
    background-image: url(../img/ghost_prod_6.jpg);
}
.htimg4 {
    background-image: url(../img/ht_prod_4.jpg);
}
.htimg5 {
    background-image: url(../img/ht_prod_5.jpg);
}
.htimg5b {
    background-image: url(../img/sunset.jpg);
}
.htimg6 {
    background-image: url(../img/ht_prod_6.jpg);
}
.htvideo1 {
    margin-top: 50px;
}
a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}
#swiperNoSwiping {
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0%;
    left: 0px;
}

h3.titles, .titlesinflu h3 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    margin: 25px 0px 25px 0px;
}
.hp-section h3, .wwatimeline h3 {
    font-size: 40px;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    margin: 25px 0px 25px 0px;
    font-weight: 600;
}
.titlesinflu h3 {
    margin: 0px 0px 0px 0px;
}

h3.titles i, .titlesinflu i, h4 i, .subContentHeadingParent h4 i, .wwatimeline h3 i {
    font-weight: 400 !important;
    font-style: normal;
}
.titleText2 {
    width: calc((((100% - 140px) / 8) * 4) + 80px) !important;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: calc((((100% - 140px) / 8) * 1) + 20px);
    align-self: center;
    padding-top: 0px !important;
}
.titleText3 {
    width: calc((((100% - 60px) / 3) * 2) + 40px);
}
.titleText {
    width: calc((((100% - 140px) / 8) * 2) + 40px);
}
.titlesinflu {
    width: calc((((100% - 140px) / 8) * 4) + 60px);
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
}
.titleinfluSub {
    margin-left: 20px;
    margin-right: calc(((100% - 140px) / 8) + 20px);
}

.titleSub {
    margin: 0px calc((((100% - 140px) / 16) * 3) + 20px);
    font-size: 18px;
    text-align: center;
}
.title h4, .subContentHeadingParent h4, h4  {
    text-transform: uppercase;
    font-weight: 500;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: inherit;
    margin: 25px 0px 5px 0px;
    padding: 0px;
}
.titlesinflu h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: inherit;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    align-self: flex-start;
}
.vidSplit3 {
    margin-top: 50px;
    width: 100%;
    transform: translate3d(0px,0px,0px);
    transition: transform 1s;
}

.vidSplit3 video {
    width: calc((((100% - 140px) / 16) * 5) + 40px);
}

.padFix1 {
    padding-left: calc((((100% - 140px) / 8) * 1) + 20px);
}
html, body {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    overscroll-behavior: none;
}
html {
    scroll-behavior: smooth;
}

#margin-con {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 50px;
}

#margin-con-alt {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 20px;
}

#margins {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 4;
    user-select: none;
    pointer-events: none;
}

.margin-grid {
    height: 100%;
    width: 100%;
    background: rgba(255,0,0,0.1);
    margin: 0px 10px;
}
.mgf {
    margin-left: 0px;
}
.mgl {
    margin-right: 0px;
}

#margin-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,-50%);
    background: green;
    color: white;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 25px;
    user-select: auto;
    pointer-events: auto;
}

#margin-button:hover {
    cursor: pointer;
}

.margin-grid-padding {
    width: 80px;
    height: 100%;
    background: rgba(255,0,0,0.3);
    flex-grow: 0;
    flex-shrink: 0;
}

#margin-content-padding-area {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%,-50%);
    background: green;
    color: white;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 25px;
}

#margin-content-padding-calc, #margin-content-area {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%,-50%);
    background: green;
    color: white;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 25px;
}

#slide0 {
    position: relative;
}

#slide0 .next, #slide0 .prev {
    position: absolute;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.slideArrows {
    height: 100px;
}

.hideMargins {
    display: none !important;
}

#margin-container {
    padding: 0px !important;
    height: 100%; 
    width: 100%; 
}

.f1 {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}

.carSlide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.carCont {
    width: 100%;
    height: calc(100vh - 90px);
    height: calc(100dvh - 90px);
    margin-top: 90px;
    background-color: var(--sadp-col1);
}


.navItem:hover {
cursor: pointer;
}

.h100 {
    height: 100%;;
}

.show {
    display: flex !important;
}


#menu {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 90px;
    z-index: 3;
    transition: all 0.1s;
}

.subMenu {
    position: absolute;
    display: none;
    flex-direction: column;
    padding: 10px;
    bottom: -84px;
    left: -20px;
    width: max-content;
    z-index: 2;
}

.navEle {
    background: inherit;
    padding: 5px 0px;
    border-bottom: solid 2px transparent;
    transition: border 0.2s;
}

.navEle:hover {
    border-bottom: solid 2px white;
}

.subMenu a {
    padding: 5px;
}

.con {
    width: 100%;
    max-width: 1400px;
    padding-left: 80px;
    padding-right: 80px
}

.con2 {
    width: 100%;
}

.footerLinks {
    align-self: flex-end;
} 

.footerLinks a {
    margin: 5px 0px;
}

.rel {
    position: relative;
}

.mr90 {
    margin-right: 90px;
}

#arrow {
    height: 17px;
    width: 17px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -28px;
}

#carControls {
    bottom: 0px;
    text-align: center;
    z-index: 2;
}

#sliderList {
    position: relative;
    max-width: 100%;
}

#autoPlayer {

}

.slider {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/*
.slider::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: linear-gradient(90deg, rgba(247,238,233,1) 0%, rgba(247,238,233,0) 25%, rgba(247,238,233,0) 75%, rgba(247,238,233,1) 100%);
    user-select: none;
    pointer-events: none;
}
*/
.dot {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 0 2px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
  .active, .dot:hover {
    background-color: rgba(255,255,255,1);
  }


.fx-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fx-c-e {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.fx-c-s {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.fx-s-s {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.fx-s-c {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.fx-col-c-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fx-col-s-c {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.fx-col-s-s {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.fx-col-c-s {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.fx-sb-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fx-sb-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#logo-img {
    height: 43px;
}

.abs {
    position: absolute;
}

.invert .instaHandle img {
    filter: invert(1);
}

/* Next & previous buttons */
.prev, .next {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s all;
    user-select: none;
  }
  
  /* Position the "next button" to the right */
  .next {
    right: 0px;
  }
  .prev {
    left: -1px;
  }

  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
    background-color: rgba(255,255,255,0.3);
    cursor: pointer;
  }

.carSlide {
    display: none;
  }

.pageHeading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    background-color: var(--sadp-col2);
    color: var(--sadp-col1);
    padding: 40px 0px 50px 0px;
}

.pageHeading h2 {
    padding-left: 10%;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    font-size: 62px;
    width: 100%;
    text-align: left;
    margin: 0px 0px -10px 0px;
}

.pageHeading h3 {
    padding-right: 10%;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 62px;
    width: 100%;
    text-align: right;
    margin-top: -10px;
    margin: -10px 0px 0px 0px;
}

.subContentHeadingParent {
    
}

.subContentHeadingParent p {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.pl50 {
    padding-left: 50px;
}

.pr50 {
    padding-right: 50px;
}

.subContentHeading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col1);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.homeImage1 {
    width: 55%;
}

.homeImage2 {
    width: 45%;
    top: -100px;
}

.quoteOffset {
    left: -100px;
    margin-top: 10px !important;
}

.mt90 {
    margin-top: 90px;
}


.pageContent {
    background-color: var(--sadp-col3);
    color: var(--sadp-col1);
}

.scHeading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 50px;
    margin: 50px 0px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    text-align: center;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt50 {
    margin-top: 50px;
}

.mbn-50 {
    margin-bottom: -50px; 
}



.headButton {
    text-decoration: underline;
    cursor: pointer;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: white;
    margin-right: 10px;
}

.headButtonB {
    border-radius: 25px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    border: 2px solid white;
    background-color: var(--sadp-col1);
    color: white;
    padding: 10px 40px;
    font-size: 20px;
    margin-top: 40px;
    transition: all 0.3s;
}
.headButtonB:hover {
    background-color: white;
    color: var(--sadp-col1);
    cursor: pointer;
}

.contentButton {
    border-radius: 25px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    background-color: transparent;
    color: var(--sadp-col1);
    border: 2px solid var(--sadp-col1);
    padding: 10px 40px;
    font-size: 20px;
    margin-top: 20px;
    transition: all 0.3s;
    font-weight: 600;
}

.contentButton:hover {
    cursor: pointer;
    background-color: var(--sadp-col1);
    color: white;
}

.headButton:hover {
    cursor: pointer;
    background-color: transparent;
    color: var(--sadp-col1);
}

.contentQuote {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 37px;
    font-weight: 400;
    margin-top: 50px;
    font-weight: 500;
}

#insta {
    background: var(--sadp-col2);
    color: var(--sadp-col1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0px;
}

.instaHandle {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.instaGallery {
    gap: 10px;
}

.instaItem {
    width: 25%;
}

.instaItem > img {
    padding: 0px 5px 0px 5px;
    width: 100%;
    aspect-ratio: 1;
}

.instaHandle > img {
    height: 28px;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

#footer {
    padding: 50px 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.widgetCotinainer {
    width: 100%;
    height: 150px;
   /* min-height: 550px;*/
}

.footContainer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.footSocials {
    margin-top: 50px;
    gap: 5px;
}

.footSocials img {
    width: 24px;
}


.allBrandCont::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px); /* apply the blur */
    pointer-events: none; /* make the overlay click-through */
    transition: all 0.3s;
  }



.bgActive::after  {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(0px) !important; /* apply the blur */
    pointer-events: none; /* make the overlay click-through */
  }

  .allBrandContParent {
    height: 100vh;
    scroll-snap-type: y mandatory;
  }

.allBrandCont {
    min-height: 100vh;
    min-height: 100dvh;
    min-height: calc(var(--vh, 1vh) * 100);
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative; 
    scroll-snap-align: center;
    flex: none;
    
}

.brandimg1 {
    background-image: url(../img/brands_ari.jpg);
}

.brandimg2 {
    background-image: url(../img/brands_cerruti.jpg);
}

.brandimg3 {
    background-image: url(../img/brands_jlo.jpg);
}

.brandimg4 {
    background-image: url(../img/brands_ghost.jpg);
}

.ag_1 {
    background-image: url(../img/ag_1.jpg);
}
.ag_2 {
    background-image: url(../img/ag_2.jpg);
}
.ag_3 {
    background-image: url(../img/ag_3.jpg);
}
.ag_4 {
    background-image: url(../img/ag_4.jpg);
}
.ag_5 {
    background-image: url(../img/ag_5.jpg);
}
.ag_6 {
    background-image: url(../img/ag_6.jpg);
}
.ag_7 {
    background-image: url(../img/ag_7.jpg);   
}
.ag_8 {
    background-image: url(../img/ag_8.jpg);
}


.brandimg5 {
    background-image: url(../img/brands_playboy.jpg);
}
.brandimg6 {
    background-image: url(../img/brand_ht_1.jpg);
}

.mobFixEle19 {
    height: max-content;
}

.brng {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    max-width: 30%;
}

.brng img {
    margin-bottom: 40px;
}

.txtfix1 {
    width: 100%;
}

.txtfix2 {
    width: 50%;
}

.txtfix3 {
    width: 70%;
}

#brandMenu {
    z-index: 0;
    position: fixed;
    width: 100%;
    max-width: 1400px;
    margin: auto auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.mobFixEle20 {
    bottom: 0px;
}

.brandMenuSplitSub {
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 30px;
    width: max-content;
}

.brandMenuSplitSub:hover {
}

.formsH {
    font-size: 40px;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    margin: 25px 0px 25px 0px;
    font-weight: 600;
}

.brandMenuSplitSub a {
}

.bMitem {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0px;
}

.newButton {
    padding: 10px 20px;
    border-radius: 30px;
    background-color: transparent;
    border: 2px solid white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: white;
    transition: all 0.2s;  
    font-weight: 600;  
}

.newButton.drk {
    color: var(--sadp-col1);
    border: 2px solid var(--sadp-col1);
}

.newButton:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,0.4);
}

.newButton.newButton.drk:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,0.1);
}

.bmLine {
    width: 60px;
    margin-right: 10px;
    border-top: 3px solid white;
    border-left: 3px solid white;
    position: relative;
    top: 22px;

}

.menuNav {
    gap: 30px;
}

.bMitem a {
    position: relative;

    left: 0px;
    pointer-events: all;
    transition: all 0.3s;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
}

.bMitem a:hover {
    cursor: pointer;
}

.bMitemFirst {
    border-top-left-radius: 25px;
}

.borNul {
    border-left: none !important;
}

.bMitemLast {
    border-bottom-left-radius: 25px;
    border-top: none;
    border-bottom: 3px solid white;
    position: relative;
    top: -22px;
}

.bmActive {
    font-size: 50px;
    font-weight: 800 !important;
}

.wwaSplash {
    margin-top: 90px;
    height: calc(100vh - 290px);
    background-image: url(../img/wwaSplash.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wwaSplashTitle {
    height: 200px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.wwaSplashTitle h2 {
    font-size: 62px;
    text-transform: uppercase;
}

#wwaStatCard {
    background-color: var(--sadp-col1);
    color: white;
}

.wwaStat {
    width: calc(100 / 3);
    padding: 50px 10px;
    text-align: center;
}
.wwaStat h3 {
    font-size: 62px;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col2);
    margin: 0px;
    font-weight: 600;
}

.wwaStat span {
   font-family:  Lora, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   font-size: 19px;
}

.wwaContent {
    padding: 50px 0px 0px 0px;
    margin-bottom: -75px;
    background-color: var(--sadp-col3);
}

.wwaContent2 {
    background-color: var(--sadp-col3);
}

.wwaC70 {
    width: 70%;
}
.wwaC60 {
    width: 60%;
}
.wwaC50 {
    width: 50%;
}
.wwaC40 {
    width: 40%;
}
.wwaC30 {
    width: 30%;
}


.wwaContent img {
    width: 100%;
}

.w100 {
    width: 100%;
}

.wwaTextBlockL { 
    padding-right: 50px;
}

.wwaTextBlockLFix {
    padding: 0px 5%
}

.wwaTextBlockR { 
    padding-left: 50px;
}


.wwaCtitle {
   font-family:  Montserrat, Arial, Helvetica, sans-serif;
   font-size: 48px;
   text-transform: uppercase;
   font-weight: 800;
}

.wwaCtitleQuote {
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 500;
    position: relative;
    font-size: 48px;
    margin: 25px 0px;
 }

 .l100 {
   left: -100px;
 }

.wwaText {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.wwaImgFix {
    padding-left: 50px;
    top: -100px;
    position: relative;
}

.pb50 {
    padding-bottom: 50px;
}
.wwaTime {
    width: 100%;
}
.wwaTimeContent {
    width: 50%;
}
.wwaTimeDate {
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: 600;

}
.wwaTimeTitle {
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 600;
    margin-top: 25px;
}
.wwaTimeContent p {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 25px 0px 0px 0px;
}
.wwaTimeimgCon {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 50vh;
    margin: 25px 0px;
    width: 100%;
}

.wwaTimeR {
    border-left: 4px solid var(--sadp-col1);
}

.wwaPing {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -2px;
    background-color: var(--sadp-col1);
    border-radius: 50%;
}

.awardsContent {
    background-color: var(--sadp-col3);
    padding-bottom: 50px;
}

.awardTitle {
    width: 100%;
    border-top: 4px solid var(--sadp-col1);
    border-bottom: 2px solid var(--sadp-col1);
    padding: 16px 0px;
    margin-bottom: 20px;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.awardText {
    width: 100%;
}

.awardContent {
    width: 100%;
    margin-bottom: 50px;
}

.awardMainImg {
    width: 40%;
    margin-right: 50px;
}

.awardTextArea {
    width: calc(60% - 50px);
}

.awardIcon {
    height: 50px;
    margin-right: 50px;
}

.ml50 {
    margin-left: 50px;
}

.awardTextAreaCon {
    border-bottom: 2px solid var(--sadp-col1);
    padding-bottom: 20px;
}

.awardTextAreaCon span {
    color: var(--sadp-col1);
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.awardTextAreaQuote {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.contact {
    min-height: calc(100vh - 316px);
}

.img4altFIX {
    width: 40%;
}

.contactForm {
    width: 60%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
}

.contactForm span, .contactForm label {
    font-weight: 600;
}

.contactAddress {
    width: 40%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
}

.contactAddress span {
    font-weight: 600;
}

#sendBut.disabled {
    user-select: none;
    pointer-events: none;
    opacity: 0.1;
}

.contactInput {
    margin: 20px 0px;
    width: 100%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 2px;
    background-color: transparent;
    border-color: var(--sadp-col1);
    border-style: solid;
    color: var(--sadp-col1);
}
.contactMessage {
    margin: 20px 0px;
    width: 100%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    background-color: transparent;
    border-width: 2px;
    border-color: var(--sadp-col1);
    border-style: solid;
    color: var(--sadp-col1);   
}

.contactInput:active, .contactMessage:active, .contactInput:focus, .contactMessage:focus {
    background-color: white;
    color: var(--sadp-col1);
}

.rawText {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-bottom: 50px;
}
.rawTit1 {
    font-weight: 600;
    padding: 20px 0px;
    display: block;
}

.noDesk {
    display: none !important;
}

.burgerIcon {
     height: 50px;   
}
#burgerIconImg {
    transform: rotate(0deg);
    transition: all 0.3s; 
    height: 100%;
}

#mobOverlayMenu {
    width: 100%;
    height: 100%;
    padding-top: 90px;
    position: fixed;
    top: -100%;
    left: 0%;
    background-color: var(--sadp-col1);
    z-index: 1;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 26px;
    transition: all 0.3s;
}
.mobOverlayMenuOpen {
    top: 0% !important;
}

.car-dots {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display:flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.car-buts {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    display:flex;
    justify-content: space-between;
    align-items: center;  
}

.prev:hover img, .next:hover img {
    opacity: 1;
    transition: opacity 0.3s;
}

.car-buts img {
    width: 100px;
    opacity: 0.5;
}

.slideshow-container:hover .car-buts a {
    color: white;
}

.slideshow-container:hover .car-dots {
    opacity: 1;
}

.car-buts a {
    font-size: 80px;
    padding: 0px 40px;
    font-weight: 800;
    color: transparent;
    transition: all 0.3s;
}

.iconMenuOpen {
    transform: rotate(-90deg) !important;
}

.noScroll {
    overflow: hidden !important;
}

.menu-icons {
    font-size: 16px;
    font-weight: 600;
}

.mobMenuTitle {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 20px;
}

.mobMenuItem {
    padding: 5px 0px;
}


.car1 {
    background-image: url(../img/splash_ari.png);
    background-position: 0;
}

.car2 {
    
}

.car3 {
    background-image: url(../img/splash_ghost.jpg);
}

.instaItem {
    width: 25%;
}
.prodSplash {
    margin-top: 90px;
    width: 100%;
    aspect-ratio: 3.064;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.splashPb2 {
    background-image: url(../img/pb_splash.jpg);
}
.splashGhost {
    background-image: url(../img/ghost_splash.png);
}
.splashCerruti {
    background-image: url(../img/cerruti_prod_1.jpg);    
}
.splashjlo {
    background-image: url(../img/jlo_prod_1.jpg);    
}
.splashAg {
    background-image: url(../img/ag_prod_1.jpg);    
}
.splashGhost {
    background-image: url(../img/ghost_prod_1.jpg);    
}

.splashHT {
    background-image: url(../img/hw_main1.jpg); 
}
.splashwwa {
    background-image: url(../img/wwaSplash.jpg); 
}
.splashPb {
    background-image: url(../img/pb_splash.jpg); 
}
.proTextArea {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    padding-bottom: 70px;
}

.proTextArea33 {
    padding-left: calc(((100% - 140px) / 8) + 20px);
    width: calc((((100% - 140px) / 8) + 20px) * 3);
    flex-shrink: 0;
}
.proTextArea50 {
    width: calc(((((100% - 140px) / 8) + 20px) * 4) - 20px);
    flex-shrink: 0;
}
.disFix0 {
    width: 100%;
    margin-left: calc((((100% - 140px) / 16) + 20px) * 1);
}
.cerImg1Text {
    padding-left: calc((((100% - 60px) / 4) + 20px) * 1);
}
.proTextArea66 {
    width: calc(((((100% - 140px) / 8) + 20px) * 5) - 20px);
    flex-shrink: 0;
}
.proTextArea06 {
    margin-left: calc(((100% - 140px) / 8) + 20px);
    width: calc(((((100% - 140px) / 8) + 20px) * 4) - 20px);
    flex-shrink: 0;
}
.pbw1 {
    width: calc((((100% - 140px) / 8) + 20px) * 5);
    text-align: center;
}
.pbw2 {
    width: 100%;
    max-width: 100%;
}
.proTextArea03 {
    width: 100%;
    margin-left: calc((((100% - 140px) / 16) + 20px) * 1);
}
.padFix0 {
    padding-right: calc(((100% - 140px) / 16) + 0px);
}

.padFix2 {
    padding-left: calc(((100% - 140px) / 16) + 0px);
}

.prodAreaLicense {
 text-transform: uppercase;
 padding: 0px 0px 5px 0px;
 font-size: 20px;
 font-family:  Montserrat, Arial, Helvetica, sans-serif;
 font-weight: 500;
}
.prodAreaLicenseVisit {
  text-decoration: underline;
  padding: 0px 0px 0px 0px;
  font-size: 18px;
}

.prodAreaLicenseVisit img {
    height: 30px;
  }

.proTextAreaTextHeader {
    font-size: 27px;
    font-weight: 500;
}
.proTextAreaText {
    font-size: 18px;
}
.cerImg1 {
    width: 100%;
}
.cerImg1Text {
    margin-top: 20px;
}
.cerImg2 {
    width: 100%;
}
.cerImg3 {
    width: 100%;
}
.mg {
    position: relative;
}
.imgOver {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: var(--sadp-col2);
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
}
.marginsOn .mg::after {
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    outline: 1px dotted green;
    outline-offset: -1px;
}
.textFix0 {
    margin-top: 20px;
}
.pr70 {
    padding-right: 70px;
}
.mt70 {
    margin-top: 70px;
}
.mb70 {
    margin-bottom: 70px;
}
.pt70 {
    padding-top: 70px;
}
.ghostfix1 {
    width: 100% !important;
}
.ghostfix2 {
    margin-top: 50px;
}
.nobg {
    background-image: none !important;
}
.pressCoverage {
    width: 100%;
    padding: 0px calc(((((100% - 140px) / 16) + 20px) * 1) - 20px);
    flex-shrink: 0;
    flex-grow: 0;
    user-select: none;
    opacity: 1;
    transition: opacity 1s;
}

.pressCoverage.Hidden {
    opacity: 0.2;
}



.pressCoverage img, .pressCoverage video {
    margin-bottom: 50px;
    max-width: 75%;
    margin-top: 25px;
}

.pressCoverage span {
    padding: 0px calc(((((100% - 140px) / 8) + 20px) * 2) - 20px);
    display: block;
    text-align: center;
}
.new-ai2 {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.new-ai2 span {
    padding: 10px 0px;
}

.prodArea {
    padding: 50px 0px;
    background-color: var(--sadp-col3);
    overflow: hidden;

}
.prodAreaImg {
    width: 50%;
}
.prodAreaTxt {
    width: 50%;
}
.prodAreaTxt img {
    filter: invert(1);
    max-height: 50px;
}
.prodAreaImg img {
    width: 100%;
    padding-right: 50px;
}
.prodLicense {
    text-transform: uppercase;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 19px;
    margin: 25px 0px;
}

.prodText1 {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}
.prodText2 {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.prodLinks {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: underline;
    width: 100%;
    margin-top: 25px;
}
.prodLinks a:hover {
    font-weight: 600;
}
.prodCont {
    width: 100%;
    background-color: var(--sadp-col3);
}
.prodSlide {
    width: 100%;
}
.prodSlideImg {
    width: 100%;
    aspect-ratio: 2.04946;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0px calc((((100% - 140px) / 16) * 1) + 0px);
}
.prodSlideDots, .influDots {
width: 100%;
display: flex;
margin: 15px 0px;
justify-content: center;
align-items: center;
}

.leDot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--sadp-col1);
    margin: 0px 4px;
    flex-grow: 0;
    flex-shrink: 0;
    transition: outline 0.3s;
    user-select: auto;
    pointer-events: auto;
}
.leDot:hover {
    outline: 1px solid var(--sadp-col1);
    cursor: pointer;
}
.leDot.disabled {
    background-color: #d9d9d9 !important;
}

.slide.blur {
   
   /* filter: blur(5px) saturate(0); */
    opacity: 0.4;
    
}

.prodSlideText {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 0px calc((((100% - 140px) / 16) * 3) + 20px);
    flex-shrink: 0;
    flex-grow: 0;
    text-align: center;
}
.prodSlideTextInner {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.prodSlideTextInner p {
    margin: 0px;
    text-align: center;
    font-size: 18px;
}
.prodSlideText h2 {
    text-transform: uppercase;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 600;
    
}
.prodSlideImg iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.prodGhost1 {
    background-image: url(../img/prod/ghost1.jpg);
}
.prodGhost2 {
    background-image: url(../img/prod/ghost2.jpg);
}
.prodGhost3 {
    background-image: url(../img/prod/ghost3.jpg);
}
.prodGhost4 {
    background-image: url(../img/prod/ghost4.jpg);
}
.prodCer1 {
    background-image: url(../img/cerruti_prod_5.png);
}
#prodCarControls {
    bottom: 205px;
    text-align: center;
    z-index: 2;
}
.prodStatCard span {
    padding: 0px 70px;
    text-align: center;
    font-size: 18px;
}
.prodStats {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--sadp-col1);
    padding: 50px 0px;
    width: 100%;
}
.prodStatsOuter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.prodStatsOuter h2 {
    font-size: 62px;
    text-transform: uppercase;
    margin: 0px;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    color: white;
}

.prodStatsInner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.prodStatCard {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    
}
.altProdStarCard {
    background-color: #e5c8be;
}
.altProdStarCard span {
    color: var(--sadp-col1) !important;
}
.altProdStarCard h3 {
    color: var(--sadp-col1) !important;
}


.prodStatCard h3 {
    font-size: 82px;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col2);
    margin: 0px;
    font-weight: 600;
}

.title {
    width: 100%;
    padding-top: 75px;
}

.img4 {
    width: calc(((((100% - 140px) / 8) + 20px) * 5) - 20px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: calc(((((100% - 140px) / 16) + 20px) * 1));
}

.img4alt {
    width: calc(((((100% - 140px) / 8) + 20px) * 5) - 20px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: calc(((((100% - 140px) / 16) + 20px) * 1));
}

.img5 {
    margin-top: 50px;
    width: 100%;
}

.img6 {
    width: 50%;
    padding-left: 20px;
}

.img7 {
    width: 50%;
}

.img8 {
    width: calc(((((100% - 140px) / 8) + 20px) * 5) - 20px);
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 25px;
    margin-right: calc(((((100% - 140px) / 16) + 20px) * 1));
}

.ghostSpan {
    width: calc((((100% - 60px) / 7) * 5) + 60px);
    display: block;
}


.img6:nth-of-type(0) {
    margin-left: 0px;
}

.img4altARI {
    padding-right: 25px;
}

.cerFix0 {
    padding-right: 100px;
    padding-bottom: 50px;
    margin: 0px;
}
.ghostimg12 {
    background-image: url(../img/ghost_12.jpg);
}

.doubleUp {
    margin-top: 75px;
    margin-left: 55px;
}

.doubleUp2 {
    width: 100%;
    margin-top: 75px;
}
.doubleUp2 img:nth-of-type(1) {
    padding-right: 10px;
}

.doubleUp2 img:nth-of-type(2) {
    padding-left: 10px;
}

.prodStatCard span {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col2);
}
.prodMark {
    width: 100%;
    background-color: var(--sadp-col3);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}
.prodMarkOuter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.prodMarkOuter h2 {
    font-size: 62px;
    text-transform: uppercase;
    margin: 0px;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col1);
    margin: 25px 0px;
    text-align: center;
}

.prodMarkSubTitle {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: var(--sadp-col1);
    font-weight: 600;
    margin-bottom: 50px;
}

.prodMarkInner {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.prodMarkInner h3 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px 0px 50px 0px;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col1);

}
.prodMarkSubTitle2 {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px 0px 50px 0px;
    font-family:  Montserrat, Arial, Helvetica, sans-serif;
    color: var(--sadp-col1);
    text-align: center;
}

.prodMarkInner span {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: var(--sadp-col1);
}

.prodMarkInner img {
    width: 100%;
}

.prodMarkInnerContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.pr25 {
    padding-right: 25px;
}
.pl25 {
    padding-left: 25px;
}

.prodMarkimgMain {
    width: 100%;
}

.mobMarTextLeft {
    /*padding-right: 10%;*/
}

.slider {
    position: relative;
    margin: 0px auto 0;
    user-select: none;
    touch-action: pan-y;
    width: 100%;
    padding-bottom: 50px;
  }
  
  .slider img {
    width: 100%;
  }
  
  .slider-list {
    
  }
  
  .slider-list.grab {
    cursor: grab;
  }
  
  .slider-list.grabbing{
    cursor: grabbing;
  }
  
  .slider-track {
    display: flex;
    user-select: none;
    pointer-events: none;
  }
  
  .slide {
    width: 100%;
    aspect-ratio: 2.04946;
    flex-shrink: 0;
    font-size: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    user-select: none;
    pointer-events: none;
    transition: filter 0.5s, opacity 0.5s;
    padding-top: 50px;
  }
  .slide2 {
    width: 100%;
    flex-shrink: 0;
    font-size: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    user-select: none;
    pointer-events: none;
    transition: filter 0.5s, opacity 0.5s;
  }

  .slide2 .prodSlideImg {
      padding: 0px !important;
  }
  
  .slider-arrows, .influ-arrows {
    margin-top: 15px;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 35%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none;
  }
  
  .next1,
  .prev1 {
    background: none;
    border: none;
    margin: 0 10px;
    font-size: 82px;
    cursor: pointer;
    transition: opacity 0.3s;
    user-select: auto;
    pointer-events: auto;
  }
  
  .next1.disabled,
  .prev1.disabled {
    opacity: 0.1;
    pointer-events: none;
  }

#travLeg {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    padding: 15px 15px 15px 35px;
    border-radius: 25px;
    background-color: #fbf7f496;
    pointer-events: none;
}


#travLeg ul {
    list-style-type: none;
    padding: 0px;
    margin:0px;
}

#travLeg li {
    list-style: none;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    user-select: none;
    padding: 5px 0px;
}

.prodAreaLicenseIcons {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

#travLeg li::after {
content: "";
height: 80%;
background-image: url(../img/ping.png);
background-size: cover;
background-position: center;
aspect-ratio: 1;
position:absolute;
left: -25px;
top: 15%;
}

.netImgSwitch.newButton.selected {
    background-color: var(--sadp-col1);
    color: white;
}

.fix101 {
    justify-content: space-around;
}

.fix102 {
    flex-direction: row;
    width: 100%;
}


@keyframes fade {
    from {opacity: .8}
    to {opacity: 1}
}

@media only screen and (max-width: 1600px){
    .slider::after {
        background: linear-gradient(90deg, rgba(247,238,233,1) 0%, rgba(247,238,233,0) 10%, rgba(247,238,233,0) 90%, rgba(247,238,233,1) 100%);
    }
}

@media only screen and (max-width: 1400px){
    .slider::after {
        display: none;
    }
}

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

    .hp-title {
        max-width: 75%;
      }

    .con, .conMobile {
        padding-left: 20px;
        padding-right: 20px
    }
    .margin-grid-padding {
        width: 40px;
    }
    .homeImage1 {
        width: 40%;
    }
    .contentQuote {
        display: none;
    }
    .homeImage2 {
        top: 0px;

    }
    #insta {
        position: relative;
        z-index: 2;
    }
    .wwaCtitleQuote {
        display: none;
    }
    .wwaCtitle  {
        font-size: 36px;
    }
    .wwaImgFix {
        top: 0px;
    }
    .brandMenuSplitSub {
        opacity: 1;
    }
    .mobMarTextLeft {
        padding-right: 0%;
    }
    .mobmartopFix3 {
        padding-top: 0px;
    }
    .mobmartopFix1 {
        margin-top: 0px;
    }
    .prodStatCard span {
        padding: 0px 10px;
    }

}

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



    .prodStatCard span {
        font-size: 16px;
    }

    .disFix0 {
        margin-top: 0px;
        margin-left: 0px;
    }

    .prodArea {
        padding: 25px 0px;
    }

    .proTextArea33, .proTextArea66, .proTextArea50 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .proTextArea33 {
        padding-bottom: 25px;
    }
    .prodAreaLicense {
        padding: 0px 0px 5px 0px;
        font-size: 18px;
    }
    .prodAreaLicenseVisit {
        padding: 0px 0px 0px 0px;
        font-size: 16px;
    }
    .mobMarTextLeft {
        padding: 0px;
    }

    .proTextAreaText {
        font-size: 16px;
    }

    .mobmartopFix {
        margin-top: 0px !important;
    }
    .mobmartopFix1 {
        margin-top: 5px !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    .mobmartopFix2 {
        margin-top: 20px !important;
        flex-wrap: wrap;
    }
    .proTextArea06 {
        margin: 0px;
        width: 100%;
        order: 1;
    }
    .mobmartopFix3 {
        padding-top: 25px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .cerImg1 {
       left: 0px;
    }
    .proTextAreaTextHeader {
        font-size: 20px;
    }
    .cerImg2 {
        margin-top: 25px;
    }

    .splashCerruti {
        background-image: url(../img/cerruti_prod_1_mob.jpg);
    }
    .splashjlo {
        background-image: url(../img/jlo_prod_1_mob.jpg);    
    }
    .splashAg {
        background-image: url(../img/ag_prod_1_mob.jpg);    
    }
    .splashGhost {
        background-image: url(../img/ghost_prod_1_mob.jpg);    
    }
    .splashHT {
        background-image: url(../img/ht_prod_1_mob.jpg); 
    }
    .splashwwa {
 
    }
    .splashPb {
        background-image: url(../img/pb_splash_mob.jpg); 
    }
    .contentQuote, .wwaCtitleQuote {
        display: block;
    }
    
    .noMob {
        display: none;
    }
    .noDesk {
        display: flex !important;
    }

    .carCont {
        width: 100%;
        height: calc(100vh - 63px);
        height: calc(100dvh - 63px);
        margin-top: 63px;
        background-color: var(--sadp-col1);
    }

    .car1 {
        background-image: url(../img/mob_splash_ari.png);
        background-position: 50%;
    }
    
    .car2 {
        background-image: url(../img/mob_splash_cerruti.jpg);
    }
    
    .car3 {
        background-image: url(../img/mob_splash_ghost.jpg);
    }

    .pageHeading {
        padding: 25px 0px;
    }

    .pageHeading h2 {
        font-size: 24px;
        margin: 0px;
    }
    .pageHeading h3 {
        font-size: 24px;
        margin: 0px;
    }

    .scHeading {
        font-size: 24px;
        margin: 25px 0px;
    }

    .headButton {
        margin-top: 25px !important;
    }

    .mobContentArea {
        flex-direction: column !important;
        margin-top: 0px;
    }

    .homeImage1 {
        width: 100%;
        margin-bottom: 0px;
    }

    .subContentHeading {
        font-size: 18px;
    }
    .subContentHeadingParent  {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 16px;

    }

    .subContentHeadingParent p {
        margin: 12.5px 0px;
        font-size: 16px;
    }

    

    .contentQuote {
        font-size: 24px;
        margin: 0px;
    }

    .mobFixEle1 {
        padding: 0px !important;
        padding-top: 25px !important;
    }

    .mobCol2 {
        background-color: var(--sadp-col2);
    }
    .mobCol3 {
        background-color: var(--sadp-col3);
    }

    .contentButton {
        margin: 25px auto 25px auto;
    }

    .mobFixEle2 {
        order: 2;
    }

    .homeImage2 {
        max-width: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        padding: 0px !important;
    }

    .quoteOffset {
        left: 0px;
    }

    .mobFixEle3 {
        order: 4;
    }

    #insta {
        background-color: var(--sadp-col3);
        padding: 25px 0px;
    }

    .mbn-50 {
        margin: 0px;
    }

    .instaHandle {
        font-size: 19px;
        font-weight: 600;
    }

    .instaHandle > img {
        top: 8px;
        
    }

    .instaGallery {
        flex-wrap: wrap;
        gap: 0px;
        padding: 0px !important;
    }

    .instaItem {
        width: 50%;
        gap: 0px;
        aspect-ratio: 1;
        line-height: 0px;
    }
    .instaImg {
        padding: 0px !important;
    }
    .wwaSplashTitle h2 {
        font-size: 24px;
        margin: 25px 0px;
    }

    .wwaSplashTitle {
        height: auto;
    }
    .wwaSplash {
        margin-top: 63px;
        height: calc(100vh - 140px);
        height: calc(100dvh - 140px);
    }

    .wwaStatCardMob {
        flex-direction: column;
        padding: 12.5px 0px;
    }
    .wwaStat span {
        padding: 0% 20%;
    }

    .wwaStat {
        padding: 12.5px 0px;
    }

    .wwaContent {
        padding: 0px;
        margin-bottom: 0px;
    }
    .wwaCtitle {
        font-size: 24px;
    }

    .mobFixEle4 {
        flex-direction: column;
    }

    .wwaTextBlockL, .wwaTextBlockR, .wwaC40, .wwaC50, .wwaC60, .wwaC70, .wwaC80 {
        width: 100% !important;
    }
    .wwaTextBlockL, .wwaTextBlockR {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .wwaText {
        margin: 12.5px 0px;
    }

    .mobFixEle5 {
        padding: 0px !important;
    }

    .mobFixEle6 {
        order: 2;
    }

    .mobFixEle7 {
        margin: 0px !important;
    }
    .mobFixEle8 {
        order: 1;
    }
    .mobFixEle9 {
        order: 3;
    }
    .mobFixEle10 {
        margin-top: 12.5px;
    }
    .mobFixEle11 {
        margin-bottom: 12.5px;
    }
    .mobFixEle12 {
        background-color: var(--sadp-col2);
        margin: 0px;
    }
    .mobFixEle13 {
       text-align: center;
    }
    .mobFixEle14 {
        height: auto !important;
     }
    .wwaCtitleQuote {
        font-size: 24px;
        left: 0px;
        margin: 12.5px 0px;
    }
    .wwaTextBlockLFix {
        padding: 12.5px 10px;
    }
    .wwaImgFix {
        top: 0px;
        padding: 0px;
        margin-bottom: -28px;
    }
    .wwaSplashTitle h2 {
        margin: 25px 0px 25px 0px;
    }
    .wwaTimeDate, .wwaTimeTitle {
        font-size: 24px;
        margin-top: 25px;
        position: relative;
    }
    .wwaTime {
        flex-direction: column;
        border-left: 4px solid var(--sadp-col1);
        margin-left: 20px;
        width: calc(100% - 20px);
    }
    .wwaTimeContent {
        width: 100%;
        padding: 0px;
    }
    .wwaTimeR {
        border: none;
    }
    .wwaPing {
        display: none;
    }
    .mobFixEle15 {
        padding-left: 30px;
    }
    .wwaTimeDate::before {
        content: "";
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        left: -45px;
        top: 2px;
        background-color: var(--sadp-col1); 
    }
    .wwaTimeimgCon {
        height: auto;
        aspect-ratio: 1;
    }
    .footContainer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footerLinks {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .mobFixEle16 {
        align-items: center;
        text-align: center;
        width: 100%;
        padding: 0px !important;
    }
    .footSocials {
        margin-top: 25px;
    }
    .footSocials img {
        width: 50px;
        padding: 0px 5px;
        margin-bottom: 25px;
    }
    .mobFixEle17 {
        margin-top: 25px !important;
    }

    #logo-img {
        height: 40px;
    }
    #menu {
        height: 83px;
    }
    .mt90 {
        margin-top: 63px;
    }
    .awardTitle {
        border-bottom: none;
        margin-bottom: 0px;
        font-size: 16px;
    }
    .awardText {
        flex-direction: column;
    }
    .awardMainImg {
        width: 100%;
    }
    .awardTextArea {
        margin-top: 25px;
        width: 100%;
    }
    .awardTextAreaCon {
        border-bottom: none;
        padding-bottom: 0px;
    }
    .awardTextAreaCon span {
        font-size: 14px;
    }
    .mobFixEle18 {
        margin-left: 15px;
    }
    .awardIcon {
        margin-right: 15px;
    }
    .allBrandCont {
        align-items: flex-end;
    }
    .brng {
        width: 100%;
        margin-bottom: 25px;
        max-width: 100%;
    }

    .brng img {
        max-width: 75%;
        margin-bottom: 20px;
    }
    .mobFixEle19 {
        align-items: flex-end;
        padding-bottom: 0px;
    }
    #brandMenu {
        align-items: flex-start;
        margin-top: 83px;
        top: 0px;
        left: 0px;
        transform: none;
    }
    /*
    .brandMenuSplitSub {
        opacity: 1;
        align-items: self-end;
    }
    */
    .bMitem {
        margin: 10px 0px;
    }
    .bMitem a {
        font-size: 20px;
    }

    .bmActive {
        font-size: 30px !important;
    }
    /*
    .bmLine {
        width: 25px;
        top: 18px;
        border-left: none;
        border-right: 3px solid white;
        margin-left: 10px;
        margin-right: 0px;
    }

    .bMitemFirst {
        border-top-left-radius: 0px;
        border-top-right-radius: 15px;
    }
    .bMitemLast {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 15px;
        top: -18px;
    }
    */
    .brandimg1 {
        background-image: url(../img/brands_ari_m.jpg);
        background-position-x: 100%;
    }
    .brandimg2 {
        background-image: url(../img/brands_cerruti_m.jpg);
        background-position-x: 100%;
    }
    .brandimg3 {
        background-image: url(../img/brands_jlo_m.jpg);
        background-position-x: 100%;
    }
    .brandimg4 {
        background-image: url(../img/brands_ghost_m.jpg);
        background-position-x: 100%;
    }
    .brandimg5 {
        background-image: url(../img/brands_playboy_m.jpg);
    }
    .brandimg6 {
        background-image: url(../img/brand_ht_1_m.jpg);
        background-position-x: 100%;
    }
/*
    .bMitem span {
        order: 2;
    }
    .bMitem a {
        order: 1;
    }
    */
    .borNul {
        height: 50%;
    }
    .mobFixEle20 {
        display: flex;
        justify-content: flex-start;
    }

    .mobFixEle21 {
        font-size: 14px;
        padding: 5px 20px;
        margin-top: 10px !important;
    }
    .txtfix3, .txtfix1 {
        width: 100%;
    }
    .txtfix2 {
        width: 50%;
    }
    .prodSplash {
        margin-top: 83px;
        aspect-ratio: 1;
    }
    .prodAreaTxt {
        width: 100%;
        align-items: center;
    }
    .prodAreaTxt img {
        max-width: 100%;
    }

    .brng span {
        margin-top: 20px;
    }

    .prodSlideText {
        height: auto;
        padding: 0px calc((((100% - 140px) / 16) * 1) + 0px) 25px calc((((100% - 140px) / 16) * 1) + 0px);
        padding-bottom: 25px;
    }

    .prodSlideImg {
        aspect-ratio: 1;
    }
    .prodStats {
        padding: 25px;
    }

    .prodStatsOuter h2 {
        font-size: 24px;
    }

    .prodStatsInner {
        flex-direction: column;
        text-align: center;
    }
    .prodStatsInner {
        margin-top: 12.5px;
    }
    .prodStatCard {
        margin: 12.5px 0px;
        width: 100%;
    }
    .prodMarkOuter {
        padding: 0px;
    }
    .prodMarkOuter h2, .prodMarkInner h3 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 25px;
    }
    .prodMarkSubTitle {
        text-align: center;
        padding: 0px 10px;
        margin-bottom: 25px;
    }
    .prodMarkInnerContainer {
        flex-direction: column;
        margin-bottom: 25px;
    }
    .prodMarkInner {
        width: 100%;
        padding: 0px;
    }
    .prodMarkInner span {
        padding: 0px 10px;
    }
    .prodMarkInner img {
        margin: 0px;
    }

    .mobFixEle22 {
        margin-top: 25px !important;
    }
    .prodMarkSubTitle2 {
        margin: 0px;
    }

    .prodMark {
        padding-bottom: 0px;
    }

    .mobFixEle23 {
        margin-bottom: -5px;
    }
    .slider {
        padding-bottom: 25px;
      }
      .mobDropLine {
        flex-wrap: wrap;
      }

    .padFix0 {
        order: 0;
        padding: 0px;
        margin: 0px 0px 20px 0px;
        
    }
    .slider-arrows {
        padding: 0px;
        top: 41%;
    }
    .slide.blur {
       /* filter: blur(5px) saturate(0);*/
        opacity: 0.4;
    }

    .prodStatCard h3 {
        font-size: 56px;
        font-weight: 600;
    }
    .slide {
        padding-top: 25px;
    }
    .prodSlideTextInner p {
        font-size: 16px;
    }
    .titlesinflu {
        width: 100%;
    }
    h3.titles, .titlesinflu h3, .wwatimeline h3 {
        margin-top: 0px;
        font-size: 24px;
        text-align: center;
        align-self: center;
    }
    .titlesinflu h4 {
        align-self: center;
        margin: 0px 0px 25px 0px;
        font-weight: 500;
    }
    .titleSub {
        margin: 0px;
    }
    .title {
        flex-wrap: wrap;
        width: 100%;
        padding-top: 25px;
    }
    .hp-section1, .hp-section2, .hp-section3 {
        flex-wrap: wrap;
    }

    .hp-video1 {
        width: 100%;
        margin: 0px;
        margin-bottom: 50px;
        padding: 0px;
    }

    .title img {
        order: 1;
        margin: 0px;
        padding: 0px;
    }
    .titleText {
        order: 0;
        width: 100%;
        margin-bottom: 25px;
    }

    .titleSub, title {
        font-size: 16px;
    }

    .img4 {
        width: 100%;
    }
    .titleText2 {
        margin-left: 0px;
        padding-left: 0px;
        width: 100% !important;
    }

    .mobfixHT0 {
        max-width: 100%;
        padding-top: 25px;
    }




    .titleText3 h4 {
        padding-top: 0px;
        margin-top: 0px;
    }
    .titleText3 {
        width: 100%;
        margin-bottom: 25px;
    }
    .doubleUp {
        margin-top: 10px;
        margin-left: 0px;
    }
    .img6 {
        padding: 0px;
    }
    .img6:nth-of-type(1){
        padding-right: 5px;
    }
    .img6:nth-of-type(2){
        padding-left: 5px;
    }
    .instaItem:nth-of-type(1){
        padding-right: 5px;
        padding-bottom: 5px;
    }
    .instaItem:nth-of-type(2){
        padding-left: 5px;
        padding-bottom: 5px;
    }
    .instaItem:nth-of-type(3){
        padding-right: 5px;
        padding-top: 5px;
    }
    .instaItem:nth-of-type(4){
        padding-left: 5px;
        padding-top: 5px;
    }
    .titleinfluSub {
        margin: 0px;
    }
    .vidSplit3 {
        width: 100%;
        margin-top: 25px;
        transform: translate3d(0px,0px,0px);
        transition: transform 1s;
    }
    .vidSplit3 video {
        width: 100%;
        padding: 0px 5px;
        min-width: 100%;
    }

    #swiperNoSwiping {
        background-image: url('../img/sound-on.gif');
        background-size: 15%;
        background-position: 50% 100%;
        background-repeat: no-repeat;
    }

    .muted {
        background-image: url('../img/sound-off.png') !important;
    }

    .nobg.muted {
        background-image: none !important;
    }

    .pressCoverage span {
        padding: 0px;
        overflow-x : hidden;
    }

    html, body {
        font-size: 16px;
        
    }
    .ghostimg4 {
        background-image: url(../img/ghost_prod_4_mob.jpg);
    }
    .ghostimg5 {
        background-image: url(../img/ghost_prod_5_mob.jpg);
    }
    .ghostimg6 {
        background-image: url(../img/ghost_prod_6_mob.jpg);
    }

    .htimg4 {
        background-image: url(../img/ht_prod_4_mob.jpg);
    }
    .htimg5 {
        background-image: url(../img/ht_prod_5_mob.jpg);
    }
    .htimg5b {
        background-image: url(../img/sunset.jpg);
    }
    .htimg6 {
        background-image: url(../img/ht_prod_6_mob.jpg);
    }

    .img8 {
        order: 0;
        width: 100%;
    }
    .ghostfix0 {
        order: 1;
    }

    .ghostSpan {
        width: 100%;
    }

    .doubleUp2 {
        margin-top: 25px;
    }
    .doubleUp2 img {
        width: 50%;
    }

    .ghostfix2 {
        margin-top: 25px;
    }

    .img4alt {
        width: 100%;
        order: 0 !important;
    }

    .alt4 {
        order: 1;
    }
    .slideshow-container {
        margin-top: 83px;
    }
    .mySlides {
        aspect-ratio: 1;
      }
    
      .hp-title {
        max-width: 100%;
      }

      .hp-section1 span, .hp-section3 span {
        margin-right: 0px;
      }


      .hp-section .lnk {
        margin-top: 20px;
      }

      .hp-section2Text {
          margin: 0px;
      }

      .hp-video2 {
          width: 100%;
      }

      .hp-or1 {
          order: 1
      }
      .hp-or0 {
        order: 0
    }
    .mobMenuTitle {
        display: none;
    }
    .hp-section2 {
        margin-top: 50px;
    }
    .hp-section3 {
        margin-top: 0px;
    }

    .hp-video1, .hp-video2 {
        margin-bottom: 25px;
    }

    .hp-section2Text {
        padding: 0px 0px 50px 0px;
        width: 100%;

    }

    .wwafix1 {
        margin-top: 25px !important;
    }

    .wwa .hp-section2Text, .wwa .hp-section2Text span {
        margin: 0px 0px 25px 0px;
    }

    .wwaQueenImg, .wwaQueenImg2 {
        margin-top: 25px;
    }

    
    .wwatimeline {
        display: none;  
    }

    .wwatimelineMob {
        display: flex !important;
    }

    .wwatextAreaSmol {
        width: 100%;
        left: 0px;
        
    }

    .wwatimelineMob .pressCoverage img {
        width: 100%;
        max-width: none;
        margin-top: 25px;
        margin-bottom: 0px;
    }

    .wwatimelineMob h2 {
        font-family: Montserrat, Arial, Helvetica, sans-serif !important;
        font-weight: 600;
        font-size: 100px;
        color: #e5c8be;
        margin: 0px;
        line-height: 80px;
        margin-top: -40px;
        padding-left: 10px;
    }
    .pbw1 {
        width: 100%;
    }
    .netfix1 {
        flex-direction: column;
    }

    .netTextArea {
        padding: 0px !important;
    }

    .netPad {
        padding: 0px;
        overflow: hidden;
    }

    .netfix2 {
        padding-bottom: 20px;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .img-zoom-lens {
        display: none;
    }

    .netfix0 {
        margin: 10px 0px;
    }

    .netLeg {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .netfix3 {
        padding-top: 125px;
    }

    .netfix4 {
        overflow-x: scroll;
    }

    #netImg {
        width: 100%;
    }

    .waw-fix0 {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 25px;
    }

    .waw-fix1 {
        margin-top: 0px !important;
    }
    .Hp-w50 {
        width: 100%;
    }

    .Hp-w50 .titles {
        padding-top: 25px;
    }

    .hp-video3fix {
        margin-top: 25px;
    }
    .wwd2 {
        flex-wrap: wrap;
    }
    .wwd4, .wwd0 {
        width: 100%;
    }

    .wwdCirc h2 {
        font-size: 40px;
    }

    #wwd0-2, #wwd0-1-line {
        left: 25%;
    }

    
    #wwd0-1, #wwd0-2-line {
        left: 75%;
    }

    .wwd-gallery img {
        width: 50%;
    }

    .mt60 {
        margin-top: 40px;
    }
    .mobMenuItem {
        text-transform: uppercase;
        font-weight: 800;
        font-size: 30px;
        display: block;
        width: 100%;
        border-bottom: 1px solid white;
        padding: 15px 0px;
    }

    #mobOverlayMenu {
        padding-left: 20px;
        padding-right: 20px;
    }

    .newButton {
        align-self: center;
    }

    .car-buts {
        display: none;
    }

    .car-buts .prev, .car-buts .next {
        background-color: transparent;
    }

    .car-buts .prev a, .car-buts .next a {
        padding: 5px;
        font-size: 40px;
        color: white;
    }

    .slideshow-container .car-dots {
        opacity: 1;
        bottom: 10px;
    }

    .slideshow-container .car-dots .dot {
        height: 10px;
        width: 10px;
    }

    .wwd-gallery-menu {
        flex-direction: column;
        gap: 10px;
    }

    .netfix4:hover .img-zoom-result {
        visibility: hidden;
      }


      #travLeg {
       display: none;
    }
    .ghostimg12 {
        background-image: url(../img/ghost_12m.jpg);
    }

    .contactForm {
        width: 100%;
    }

    .contactFormMain {
        flex-direction: column;
    }

    .contactAddress {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .slideArrows {
        height: 50px;
    }

    .img4altFIX {
        width: 100%;
    }

    .padFix2 {
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 20px;
    }

    #mobOverlayMenu #navMenuSoc {
        display: none;
    }

    #mobOverlayMenu.mobOverlayMenuOpen #navMenuSoc {
        display: flex;
    }

    .splashPb2 {
        background-image: url(../img/pb1_splash_mob.jpg);
    }

    .new-ai2 {
        width: 100%;
    }
}

@supports (-webkit-touch-callout: none) {

    .txtfix3 {
        width: 50%;
    }

    .wwd0a {
        height: 50vh;
    }

    #wwd0-1 {
        width: 45vw;
        height: 45vw;
        animation-name: none;
    }

    #wwd0-2 {
        width: 41vw;
        min-height: 41vw;
        animation-name: none;
    }

    .wwd-gallery-menu-option {
        margin: 5px 0px;
    }

    .mobFixEle19 {
        margin-bottom: 20px;
    }
    
  }