:root{
    --blue: #0E1E33;
    --gold: #A79B75;
    --gray: #D9D9D9;
}

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

@font-face {
    font-family: 'Butler-UltraLight';
    src: url('../fonts/Butler-UltraLight.woff') format('woff');
    font-weight: unset;
    font-style: normal;
}
@font-face {
    font-family: 'Butler-ExtraBold';
    src: url('../fonts/Butler-ExtraBold.woff') format('woff');
    font-weight: unset;
    font-style: normal;
}
html{
    scroll-behavior: smooth;
}
p, div, a {
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-size: 18px;
    color: var(--blue);
}


h1, h2, h3, h4, h5, .error404 h1, .error404 h2{
    font-family: 'Butler-ExtraBold', sans-serif !important;
    text-transform: inherit !important;
    color: var(--blue);
}
h3 span{
    font-family: 'Butler-UltraLight', sans-serif !important;
}
h6{
    font-family: "Quicksand", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    color: var(--blue);
}
h2 span{
    color: var(--gold);
}

h1, .error404 h1{
    font-size: calc(30px + 3.4vw);
}
h2, .error404 h2{
    font-size: calc(28px + 2.1vw);
}
h3{
    font-size: calc(25px + 1.6vw);
}
h4{
    font-size: calc(22px + 1.1vw);
}
h5{
    font-size: calc(50px + 12.5vw);
    color: #a79b7500;
    text-transform: inherit;
    text-shadow: 0px 0px 5px rgba(167, 155, 117, 0.51);
}
h6{
    font-size: calc(18px + .5vw);
}

html, body, section{
    margin: 0 !important;
    padding: 0 !important;
}
.page-template-home-ryb.drop-opened{
    overflow: hidden;
}
/* ----HEADER---- */
.header-customize{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    padding: 20px 5%;
    background: linear-gradient(180deg, rgba(14,30,51,1) 0%, rgba(14,30,51,0.47524947478991597) 69%, rgba(14,30,51,0) 100%);
}
.blur-header{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(47px);
    z-index: -1;
    mask: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .80) 100%);
}

.header-customize .btn-header{
    width: 30%;
    display: flex;
    align-items: end;
    gap: 30px;
}
.header-customize .btn-header .btn1-ryb a{
    align-items: end;
}
.header-customize .btn-header .btn1-ryb a div p{
    margin: 0;
    color: #fff;
}
.header-customize .btn-header .btn1-ryb a div p:first-child{
    font-size: 12px;
}
.header-customize .btn-header .btn1-ryb a div p:last-child{
    font-weight: 600;
}
.header-customize .ham-menu{
    width: 30%;
    display: flex;
    justify-content: end;
}
.header-customize .ham-menu .toggle-menuRyb{
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
}
.header-customize .ham-menu .toggle-menuRyb span:first-child{
    height: 4px;
    width: 50px;
    background: #fff;
    transition: .5s ease;
}
.header-customize .ham-menu .toggle-menuRyb span:last-child{
    height: 3px;
    width: 35px;
    background: #fff;
    transition: .5s ease;
}
.header-customize .ham-menu .toggle-menuRyb:hover span:first-child{
    width: 35px;
    transition: .5s ease;
}
.header-customize .ham-menu .toggle-menuRyb:hover span:last-child{
    width: 50px;
    transition: .5s ease;
}
.header-customize .ham-menu .toggle-menuRyb.itson span:first-child{
    rotate: -20deg;
    transform: translate(-3px, 5px);
    width: 50px;
    transition: .5s ease;
    height: 1px;
}
.header-customize .ham-menu .toggle-menuRyb.itson span:last-child{
    rotate: 20deg;
    transform: translate(-2px, -4px);
    width: 50px;
    transition: .5s ease;
    height: 1px;
}



.menu-ryb{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100vh;
    right: -30%;
    top: 0;
    display: flex;
    justify-content: end;
    transition: 1s ease;
}
.menu-ryb.itson{
    z-index: 98;
    right: 0;
    transition: 1s ease;
}

.menu-ryb .menu-ryb-inside{
    height: 100%;
    width: 30%;
    background: var(--blue);
    overflow: scroll;
}
.menu-ryb .menu-ryb-inside .main-menu{
    padding-top: 110px;
    text-align: end;
    padding-right: 16%;
}
.menu-ryb .menu-ryb-inside .main-menu ul{
    list-style: none;
}
.menu-ryb .menu-ryb-inside .main-menu li{
    padding: 10px 0;
}
.menu-ryb .menu-ryb-inside .main-menu li a{
    color: white;
    text-transform: uppercase;
}
.menu-ryb .menu-ryb-inside .main-menu li a:hover{
    text-decoration: underline;
}
.menu-ryb-social{
    padding-right: calc(16% + 15px);
    display: flex;
    gap: 15px;
    justify-content: end;
    margin: 30px 0;
}
.menu-ryb-social img{
    height: 25px;
}
.switcher-lingua{
    position: absolute;
    right: 20%;
    top: 32%;
    opacity: 0;
    transition: .5s ease;
}
.switcher-lingua.itson{
    opacity: 1;
    transition: 2s ease;
}
.gt_float_switcher img{
    display: none !important;
}
.gt_float_switcher, .gt_float_switcher .gt-selected, .gt-lang-code, .nturl{
    background: transparent !important;
    color: #fff !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
    filter: brightness(9);
}
.gt_float_switcher .gt-selected .gt-current-lang{
    text-align: end;
}



.nuovo-menu{
    display: flex;
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 90;
    height: 100vh;
    width: 100%;
    transition: 1s ease;
}
.nuovo-menu a{
    width: 33.3333%;
    height: 100%;
    position: relative;
}
.nuovo-menu a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}
.nuovo-menu a img.logo_br_menu{
    width: 60%;
    height: fit-content;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(1);
}
.nuovo-menu.nuovo-opened{
    top: 0;
    transition: 1s ease;
}




.btn1-ryb a{
    display: flex;
    color: var(--blue);
    text-transform: uppercase;
    gap: 10px;
    align-items: center;
    text-decoration: none;
}
.btn1-ryb a span{
    position: relative;
    width: 50px;
}
.btn1-ryb a span img{
    object-fit: contain !important;
    width: 80%;
    margin-left: 20%;
}
.btn1-ryb a span:before {
    content: "";
    position: absolute;
    top: 56%;
    left: 0;
    z-index: -1;
    display: block;
    border-radius: 50px;
    background: var(--gold);
    width: 38%;
    height: 19px;
    transition: all 0.3s ease;
    transform: translate(0%, -50%);
}
.btn1-ryb a:hover span:before {
    width: 120%;
    background: var(--gold);
  }

  
.btn2-ryb a, .filter-btn input{
    background-color: var(--gold) !important;
    color: var(--blue) !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    transition: .5s ease;
    background-image: none !important;
    border: 0px solid transparent !important;
    font-weight: 600 !important;
}
.btn2-ryb a:hover, .filter-btn input:hover{
    background-color: var(--blue) !important;
    color: #fff !important;
    transition: .5s ease;
}




#testata{
    height: 100svh;
    width: 100%;
    position: relative;
}
#testata .banner-rivenditori{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--blue);
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    gap: 30px;
    width: 100%;
}
#testata .banner-rivenditori div{
    color: #fff;
}
#testata .banner-rivenditori a{
    width: 10%;
}
#testata .banner-rivenditori a img{
    width: 100%;
}
#testata video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#first-home-row .title-home{
    text-align: center;
    padding: 100px 20%;
    background: var(--gray);
    overflow: hidden;
}

#first-home-row .title-home h6{
    text-transform: uppercase !important;
    margin-top: 50px;
    position: relative;
    bottom: -500px;
    opacity: 0;
    transition: 1s ease;
}
#first-home-row .title-home h2{
    position: relative;
    bottom: -500px;
    opacity: 0;
    transition: 1s ease;
}

#first-home-row .title-home.animate h6, #first-home-row .title-home.animate h2{
    bottom: 0;
    opacity: 1;
}

#chi-siamo-home{
    height: 100vh;
    width: 100%;
    background: url('https://www.rybrokers.com/ws0101/wp-content/uploads/2024/08/chisiamo_home.jpeg');
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;
}
.chi-siamo-row{
    width: 80%;
    margin: auto;
}
#chi-siamo-home h5{
    position: absolute;
    top: 50%;
    left: -100%;
    transform: translate(0%, -50%);
    z-index: -1;
    font-size: calc(21px + 14.5vw);
    transition: left 2s;
}
#chi-siamo-home.animate h5{
    left: 20px;
}
.chi-siamo-row h3{
    margin-top: 100px;
}
.chi-siamo-row p{
    width: 40%;
    margin-left: 10%;
    margin-top: 100px;
}
.chi-siamo-row .btn2-ryb{
    margin-left: 10%;
    margin-top: 50px;
}
#brokerage-home{
    height: 160vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 100px;
    margin: 100px 0 !important;
    margin-bottom: 0 !important;
}
#brokerage-home .brokerage-first-row{
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: baseline;
    overflow: hidden;
}
#brokerage-home .brokerage-first-row div{
    width: 50%;
    opacity: 0;
    scale: 1.2;
    transition: 1s ease;
}
#brokerage-home .brokerage-first-row.animate div{
    opacity: 1;
    scale: 1;
}
#brokerage-home .brokerage-first-row div:last-child{
    padding-right: 100px;
}
#brokerage-home .brokerage-secont-row{
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-inline: 30px;
}
#brokerage-home .brokerage-secont-row::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: #f5f5f500;
    margin: 150px;
}

#brokerage-home .brokerage-secont-row::-webkit-scrollbar{
	width: 12px;
    height: 6px;
	background-color: #F5F5F500;
    margin: 150px;
}

#brokerage-home .brokerage-secont-row::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
	background-color: var(--gold);
    margin: 150px;
}

.bok-box-home{
    width: 40%;
    flex: 0 0 auto;
    margin-bottom: 50px;
}
.bok-box{
    width: 100%;
}
.brok-box img{
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.brok-box .desc-infos{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.name-boat{
    width: 70%;
}
.name-boat .title{
    display: flex;
    gap: 20px;
    border-bottom: 1px solid var(--gold);
    padding: 10px 0px;
}
.desc-infos .btn-boat-cont{
    padding: 10px 0px;
}
.desc-infos .btn-boat-cont .btn1-ryb a{
    justify-content: end;
    margin-right: 10%;
}
    
.name-boat .title p{
    text-transform: uppercase;
    color: var(--gold);
    margin: 0;
}
.name-boat .title p:first-child{
    font-weight: 700;
}
.name-boat .tecn-info{
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 20px 0;

}
.btn-boat-cont{
    width: 30%;
    text-align: end;
}
#dealer-bnnr h5{
    margin-bottom: -100px;
    position: relative;
    left: -100%;
    transition: left 2s;
}
#dealer-bnnr.animate h5{
    left: 0%;
}
#dealer-bnnr .dealer-bnnr-row{
    background: var(--blue);
    display: flex;
    padding: 80px 30px;
    justify-content: end;
    align-items: center;
    gap: 50px;
}
#dealer-bnnr .dealer-bnnr-row a{
    width: 24%;
    opacity: .8;
    object-fit: contain;
}
#dealer-bnnr .dealer-bnnr-row a img{
    width: 100%;
    object-fit: contain;
}
#dealer-bnnr .dealer-bnnr-row .btn1-ryb img{
    width: fit-content;
}
#dealer-bnnr .dealer-bnnr-row .btn1-ryb span::before{
    z-index: 1;
}
#dealer-bnnr .dealer-bnnr-row .btn1-ryb span img{
    position: relative;
    z-index: 2;
}
#dealer-bnnr .dealer-bnnr-row .btn1-ryb a {
    width: 90%;
}
#brokerage-home .brokerage-third-row{
    width: 90%;
    margin: 100px auto;
    display: flex;
    align-items: center;
}
#brokerage-home .brokerage-third-row .valuta-text-title{
    padding-right: 30%;
    width: 70%;
    margin: 0;
}
#brokerage-home .brokerage-third-row .valuta-text-title h2{
    margin: 0;
    color: var(--gold);
}


@media (max-width: 1290px) {
    .risultatobarca .desc-infos{
        flex-direction: column;
    }
    .risultatobarca .desc-infos .name-boat{
        width: 100%;
    }
    .risultatobarca .desc-infos .btn-boat-cont{
        width: 100%;
        align-items: start;
    }
}


#nuovo-home {
    overflow: hidden;
    height: 140vh;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 50px;
}
#nuovo-home .titolo-nuovo-home{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 5%;
}
#nuovo-home .titolo-nuovo-home h5{
    margin-bottom: -100px;
    position: relative;
    left: -100%;
    transition: left 2s;
}
#nuovo-home.animate .titolo-nuovo-home h5{
    left: 0%;
}


#nuovo-home .slider {
    width: 100%;
    max-width: 100%;
    height: 70vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#nuovo-home .slide {
    width: 80%;
    height: 100%;
    transition: all 0.5s ease;
    position: absolute;
    left: 10%;
    transform: translateX(-80%);
    padding-inline: 30px;
}
#nuovo-home .slide .btn1-ryb{
    position: absolute;
    bottom: 5%;
    left: 5%;
}
#nuovo-home .slide .btn1-ryb a{
    color: #fff;
    font-size: 32px;
    letter-spacing: 4.2px;
}
#nuovo-home .slide .btn1-ryb span:before {
    z-index: 0;
    top: 58%;
}
#nuovo-home .slide .btn1-ryb a:hover span:before {
    width: 135%;
}
#nuovo-home .slide:hover .btn1-ryb a span:before {
    width: 135%;
}
#nuovo-home .slide .btn1-ryb span img {
    position: relative;
    z-index: 1;
}
#nuovo-home .slide.active-slide{
    margin: 0px 0px 100px;
}

#nuovo-home .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

#nuovo-home .btn {
    position: absolute;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    background-color: var(--gold);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#nuovo-home .btn:active {
    transform: scale(1.1);
}

#nuovo-home .btn-prev {
    top: 45%;
    left: 8.6%;
}

#nuovo-home .btn-next {
    top: 45%;
    right: 8.6%;
}



#servizi-home h5{
    margin-bottom: -100px;
    position: relative;
    left: -100%;
    transition: left 2s;
}
#servizi-home.animate h5{
    left: 0%;
}
#servizi-home .servizi-home-row{
    background: url('https://www.rybrokers.com/ws0101/wp-content/uploads/2024/08/mare-servizi-scaled-1.jpeg');
    background-position: center;
    background-size: cover;
    height: 50vh;
    width: 100%;
    padding: 0 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}
#servizi-home .servizi-home-row p{
    color: #fff;
    width: 60%;
}

.row-servizi-2 .btn-vicini-serv .vc_column-inner .wpb_wrapper{
    display: flex;
    justify-content: end;
}
.row-servizi-2 .btn-vicini-serv .vc_column-inner .wpb_wrapper .btn2-ryb{
    padding-left: 0%;
    padding-right: 8%;
}
@media (max-width: 768px){
    .row-servizi-2 .btn-vicini-serv .vc_column-inner .wpb_wrapper{
        flex-direction: column;
        justify-content: start;
    }
    .row-servizi-2 .btn-vicini-serv .vc_column-inner .wpb_wrapper .btn2-ryb:first-child{
        margin-bottom: 15px;
    }
}

#contattaci-home{
    background: var(--gray);
    padding: 100px !important;
}

#contattaci-home .row-compila-mod{
    display: flex;
    margin-top: 50px;
    align-items: start;
}
#contattaci-home .row-compila-mod .modulo-pre-drop{
    width: 50%;
    overflow: hidden;
}
#contattaci-home .row-compila-mod .modulo-drop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
#contattaci-home .row-compila-mod .modulo-drop span:last-child{
    rotate: 0deg;
    transition: 1s ease;
}
#contattaci-home .row-compila-mod .modulo-drop.drop-opened span:last-child{
    rotate: 135deg;
    transition: 1s ease;
}
#contattaci-home .row-compila-mod .prebtn-mod{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

#contattaci-home .row-compila-mod .modulo-pre-drop .gfield input, #contattaci-home .row-compila-mod .modulo-pre-drop .gfield textarea,
.page-id-916 .gfield input, .page-id-916 .gfield textarea{
    color: var(--blue) !important;
    border-bottom: 1px solid var(--blue) !important;
}
.page-id-916 .gfield input, .page-id-916 .gfield textarea{
    font-weight: 900;
}

#contattaci-home .row-compila-mod .modulo-pre-drop .gfield input.gfield-choice-input, .page-id-916 .gfield input.gfield-choice-input{
    border: 1px solid var(--blue) !important;
    background-color: #0E1E33 !important;
}
#contattaci-home .row-compila-mod .modulo-pre-drop .gfield label,
.page-id-916 .gfield label{
    color: var(--blue) !important;
}
#contattaci-home .row-compila-mod .contatti-in-drop{
    height: 100%;
    margin-top: 30px;
    transition: 1s ease;
}
#contattaci-home .row-compila-mod .contatti-in-drop.drop-opened{
    height: 55vh;
    transition: 1s ease;
    margin-top: 20px;
}


/* ----SINGOLA BARCA NUOVA---- */

#testata-singola-nuova{
    width: 100%;
    height: 100vh;
}
#testata-singola-nuova img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
#content-singola-barca .nuova-first-row{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 70px;
}
#content-singola-barca .nuova-first-row h1, #content-singola-barca .nuova-first-row h2{
    margin: 0;
}
#content-singola-barca .nuova-first-row h2 span{
    font-family: 'Butler-UltraLight', sans-serif;
    color: var(--blue);
}
#content-singola-barca .btn-scrica-scrivi{
    display: flex;
    margin-top: 30px;
    gap: 50px;
}

#content-singola-barca .nuova-second-row .nuova-paragrafo1{
    display: flex;
    align-items: center;
    gap: 50px;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo1 p{
    width: 45%;
    padding-left: 10%;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo1 img{
    width: 55%;
    aspect-ratio: 16 / 12;
    object-fit: cover;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo2{
    display: flex;
    align-items: center;
    gap: 50px;
    width: 90%;
    margin: auto;
    margin-top: -50px;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo2 p{
    width: 60%;
    padding-right: 5%;
    margin: 0;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo2 img{
    width: 55%;
    aspect-ratio: 16 / 14;
    object-fit: cover;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo3{
    width: 80%;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#content-singola-barca .nuova-second-row .nuova-paragrafo3 p{
    width: 50%;
}



.gallery {
    display: flex;
    align-items: center;
    height: 60vh;
    position: relative;
    flex-direction: row-reverse;
    width: 95%;
    margin-left: 5%;
  }
  .main-image{
    width: 70%;
  }
  .gallery img {
    max-width: 100%;
    height: 60vh;
    width: 100%;
    margin: auto;
    object-fit: cover;
  }
  .gallery .arrow img{
    width: 50%;
    object-fit: contain;
  }
  .gallery .modal-content img{
    max-width: 80%;
    width: 80%;
    object-fit: contain;
  }
  .thumbnails {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    width: 30%;
    height: 100%;
    gap: 20px;
  }
  .thumbnail {
    margin: 5px;
    cursor: pointer;
    height: calc((100% - 40px) / 3) !important;
    padding: 0;
    border: none;
    margin: 0;
  }

  .thumbnails::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
      border-radius: 10px;
      background-color: #f5f5f500;
  }
  
  .thumbnails::-webkit-scrollbar
  {
      width: 0px;
      background-color: #f5f5f500;
  }
  
  .thumbnails::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
      background-color: #d6292900;
  }


  .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .arrow {
    cursor: pointer;
    width: 5%;
    display: flex;
    justify-content: center;
  }

  .modal-content {
    position: relative;
    background-color: #000000dd;
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#mainImage:hover{
    cursor: zoom-in;
}


#boatsearcher .select{
    width: 100% !important;
}

@media (max-width: 575px) {

    .gallery{
        flex-wrap: wrap;
        height: fit-content;
        gap: 20px 0px;
        margin-left: 2.5%;
    }
    .gallery.gallery-2{
        margin-left: 2.5% !important;
    }
    .gallery .arrow.prev-arrow{
        position: absolute;
        top: 31.5%;
        left: 5px;
    }
    .gallery .arrow.next-arrow{
        position: absolute;
        top: 31.5%;
        right: 5px;
    }

    .main-image{
        width: 100%;
    }
    #mainImage{
        height: 35vh !important;
    }
    .thumbnails {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
        margin: auto;
        height: 150px;
        gap: 5px;
    }
    .thumbnail {
        height: 100% !important;
        width: calc(50% - 10px) !important;
    }
    .cont-title-singleBoat{
        font-size: 45px !important;
    }
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus{
    --gform-theme-local-background-color: none !important;
    --gform-theme-local-border-color: none !important;
    --gform-theme-local-box-shadow: none !important;
}

.modal-content .close {
    float: none;
    font-size: 50px;
    font-weight: lighter;
    line-height: 1;
    color: white;
    text-shadow: none;
    opacity: 1;
    height: 10vh;
    text-align: end;
    padding-right: 50px;
    padding-top: 50px;
}
.modal-content .modal-arrows{
    height: 20vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 4%;
    font-size: 35px;
    position: absolute;
    top: 40vh;
    width: 100%;
    color: #fff;
}
.modal-content .modal-arrows:hover{
    cursor: pointer;
}
#modalImage{
    height: 80vh;
    width: 80%;
    margin: auto;
}

.gallery.gallery-2{
    flex-direction: row;
    margin-left: 0.7%;
}

.esterni-title{
    text-align: end;
    color: var(--gold);
    opacity: .4;
    margin: 0px 5% 30px;
}
.interni-title{
    color: var(--gold);
    opacity: .4;
    margin: 100px 5% 30px;
}
#dati-tecnici{
    margin-top: 50px !important;
    padding: 10% !important;
    background: var(--gray);
}
#dati-tecnici h2{
    color: var(--gold);
    opacity: .7;

    margin: 50px 0;
}
.dati-tecnici-row{
    display: flex;
    gap: 15%;
    margin-bottom: 40px;
}
.dati-tecnici-row .dati-tecnici-box1{
    width: 66.6666%;
}
.dati-tecnici-row .dati-tecnici-box2{
    width: 33.3333%;
}
.dati-tecnici-row .dati-tecnici-box1-under{
    display: flex;
    gap: 15%;
}
.dati-tecnici-row h6{
    text-transform: initial !important;
    color: var(--gold) !important;
}
.dati-tecnici-box2 h6:last-child{
    margin-top: 20px;
}

.dati-tecnici-row .dati-tecnici-box1-under p span, .dati-tecnici-box2 p span{
    font-weight: 700;
}
.nvv-btn-mob{
    display: none;
}

@media (max-width: 768px){
    .esterni-title, .interni-title{
        text-align: center;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo1{
        flex-direction: column;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo1 p {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo1 img{
        width: 100%;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo2 {
        flex-direction: column-reverse;
        margin-top: 50px;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo2 img {
        width: 100%;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo2 p {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo3 p {
        width: 100%;
    }
    .dati-tecnici-row, .dati-tecnici-row .dati-tecnici-box1-under, #content-singola-barca .btn-scrica-scrivi{
        flex-direction: column;
    }
    .dati-tecnici-row .dati-tecnici-box1 {
        width: 100%;
    }
    .dati-tecnici-row .dati-tecnici-box2 {
        width: 100%;
    }
    #testata-singola-nuova {
        height: fit-content !important;
    }
    #testata-singola-nuova img {
        height: initial !important;
        object-fit: contain;
        object-position: top;
    }
    .single-nuova-barca .header-customize{
        position: sticky;
    }
    #content-singola-barca .nuova-first-row {
        margin: 70px 15px;
    }
    #content-singola-barca .btn-scrica-scrivi{
        gap: 30px;
    }
    #brokerage-home .brokerage-third-row{
        flex-direction: column;
        gap: 30px;
        align-items: start;
        margin: 50px auto;
    }
    #brokerage-home .brokerage-third-row .valuta-text-title{
        padding-right: 0%;
        width: 100%;
    }
    .menu-ryb{
        top: 90px;
    }
    .menu-ryb.itson{
        z-index: 100;
        transition: right 1s ease !important;
    }
    .menu-ryb-social{
        padding-right: 0;
        justify-content: center;
    }
    .titolo-nuovo-home h5{
        margin-bottom: -40px !important;
    }
    .titolo-nuovo-home .btn2-ryb{
        display: none;
    }
    .nvv-btn-mob{
        display: block;
        padding-inline: 5%;
    }
    #content-singola-barca .nuova-second-row .nuova-paragrafo3{
        align-items: start;
        flex-direction: column;
        gap: 50px;
    }
}



.layout-row{
    border-top: 1px solid var(--blue);
    padding-top: 50px;
}

.gallery-layout {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    overflow: scroll;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: transparent;
}

.gallery-layout::-webkit-scrollbar {
    width: 2px;
    height: 5px;
    background-color: transparent;
}
  
.gallery-layout::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
    background-color: var(--blue);
}
  
.gallery-layout::-webkit-scrollbar-corner {
    width: 0;
    height: 0;
    background: transparent;
    color: transparent;
}
  
/* Firefox */
.gallery-layout {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: var(--blue) transparent; /* thumb color, track color */
}

.gallery-layout .img-layout {
    width: 40%;
    aspect-ratio: 16 / 9;
    flex: 0 0 auto;
    background-color: #fff;
    margin-bottom: 30px;
}

.gallery-layout .img-layout img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.lightbox-layout {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.lightbox-content-layout {
    margin: auto;
    display: block;
    width: 80%;
}

.close-layout {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

.close-layout :hover,
.close-layout :focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.prev-layout , .next-layout  {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    user-select: none;
}

.prev-layout  {
    left: 0;
}

.next-layout  {
    right: 0;
}

.prev-layout :hover, .next-layout :hover {
    background-color: rgba(0, 0, 0, 0.8);
}

#nuova-loop1, #nuova-loop2{
    display: flex;
    align-items: start;
}
#nuova-loop2{
    margin-bottom: 150px !important;
}
.page-template-mandayacht #nuova-loop1, 
.page-template-posillipoyacht #nuova-loop1{
    margin-bottom: 150px !important;
}
.posillipo-dimension img{
    width: 60%;
}
#nuova-loop1 .loop-img-sticky{
    width: 50%;
    object-fit: cover;
    position: sticky;
    top: 180px;
    left: 0;
}
#nuova-loop2 .loop-img-sticky{
    width: 50%;
    object-fit: cover;
    position: sticky;
    top: 180px;
    right: 0;
}
.scroll-nuova-loop1{
    width: 50%;
    padding-left: 5%;
    padding-right: 8%;
    padding-top: 10%;
}
.scroll-nuova-loop2{
    width: 50%;
    padding-right: 5%;
    padding-left: 8%;
    padding-top: 5%;
}
.scroll-nuova-loop1 h2, .scroll-nuova-loop2 h2{
    color: var(--gold);
}
.scroll-nuova-loop1 h6, .scroll-nuova-loop2 h6{
    margin-bottom: 25px;
    margin-top: 35px;
}

.single-nuova-loop{
    width: 100%;
    margin: 50px 0;
}
.single-nuova-loop img{
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}
.vc_row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.single-nuova-loop .btn1-ryb a{
    font-weight: 500;
    margin-top: 20px;
}
#news-home{
    background: var(--gray);
    padding: 10% 0 !important
}
#news-home h5{
    position: relative;
    left: -100%;
    transition: left 2s;
}
#news-home.animate h5{
    left: 0%;
}
.news-home-1row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-home-1row .btn2-ryb{
    padding-right: 5%;
}
.dates-news-loop{
    margin-top: 10px;
    margin-bottom: 0px;
}
.arr-loop-news{
    margin: 0px 0; 
    text-align: center;
}
.arr-loop-news img{
    width: 10% !important;
    object-fit: contain !important;
}

@media (max-width: 992px) {
    #news-home .loop-single-news:last-child{
        display: none;
    }
}
@media (max-width: 575px) {
    #news-home .loop-single-news:nth-child(2){
        display: none;
    }
}
#newsletter-home{
    padding: 8% !important;
    background: var(--blue);
    display: flex;
    gap: 50px;
}
#newsletter-home h2{
    width: 50%;
    color: var(--gold);
}
#newsletter-home .newsletter-box{
    width: 50%;
}

/* ---FOOTER--- */
footer.footer-custom{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0;
    background-color: var(--gray);
    border-top: 1px solid var(--blue);
}
footer.footer-custom p, footer.footer-custom h6{
    font-size: 16px;
    text-transform: uppercase;
    padding-inline: 5%;
    text-align: center;
}
footer.footer-custom h6{
    font-weight: 600;
}
footer.footer-custom p a:hover{
    color: white;
}
.footer-socials a{
    width: 20px;
    height: 20px;
    display: inline-block;
}
.footer-socials a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ----SERVIZI--- */
.page-container{
    margin: 0 !important;
}
.vc_column-inner .wpb_wrapper, .vc_column-inner .wpb_wrapper .wpb_single_image{
    margin: 0;
}
body.page-id-69{
    background-color: var(--gray);
}
#testata-pgn{
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
#testata-pgn h1{
    color: #fff;
    margin-bottom: 50px;
    margin-inline: 10%;
    text-shadow: 0px 0px 50px #000;
}
.row-servizi-1{
    padding: 100px 0;
    border-bottom: 1px solid var(--gold);
}
.row-servizi-1 .wpb_text_column{
    padding-left: 10%;
    padding-right: 15%;
}
.row-servizi-1 .wpb_text_column h6{
    text-transform: initial !important;
    font-weight: 700;
}
.row-servizi-2 .wpb_text_column{
    padding-left: 10%;
    padding-right: 10%;
}
.row-servizi-2 .btn2-ryb {
    padding-left: 10%;
    padding-right: 10%;
}
.row-servizi-2 .wpb_text_column h6{
    text-transform: initial !important;
    font-weight: 700;
}
.row-servizi-2{
    height: 60vh;
}
.row-servizi-2 .wpb_column{
    height: 100%;
}
.page-id-139  .row-servizi-2{
    height: 100vh;
}
.row-servizi-2 .img-no-bord .vc_column-inner,
.row-servizi-2 .img-no-bord .vc_column-inner .wpb_wrapper,
.row-servizi-2 .img-no-bord .vc_column-inner .wpb_wrapper .wpb_single_image,
.row-servizi-2 .img-no-bord .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper,
.row-servizi-2 .img-no-bord .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper .vc_single_image-wrapper,
.row-servizi-2 .img-no-bord .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper .vc_single_image-wrapper img{
    margin: 0;
    padding: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.text-servizi-white p, .text-servizi-white h6{
    color: #fff;
}

.text-servizi-white .btn2-ryb a:hover{
    border: .5px solid #fff !important;
}
#img-2-serv{
    position: absolute;
    top: 20%;
    left: -12%;
    transform: translate(0, -50%);
}
.contatti-servizi{
    padding: 0;
    border-top: 1px solid var(--gold);
}
.contatti-servizi .vc_column-inner{
    padding: 0 !important;
}

@media (max-width: 768px) {
    .row-servizi-1{
        padding-top: 0px;
    }
    #testata-pgn h1 {
        margin-bottom: 100px;
    }
}


/* ----Chi siamo--- */
body.page-id-103 {
    background-color: var(--gray);
}
.story-row{
    width: 80%;
    margin: 70px auto !important;
}
.story-row h3{
    margin: 0;
}
.row-story-imgup{
    margin-top: -200px;
    z-index: -1;
    position: relative;
}
.sfumatura-testo-chisiamo p{
    text-shadow: 0px 0px 50px rgba(217,217,217,1);
}
.row-servizi-2.chi-siamo-row-edit .wpb_text_column, .row-servizi-2.chi-siamo-row-edit .btn2-ryb{
    padding-left: 20%;
    padding-right: 20%;
}
.row-servizi-2.chi-siamo-row-edit:first-child{
    border-top: 1px solid var(--gold);
}
.scopri-serv-chi-siamo{
    padding: 60px 0;
    border-top: 1px solid var(--gold);
}
.contatti-chisiamo{
    padding: 100px 0 50px 0px;
}
.dealers-chisiamo{
    padding: 50px;
    background-color: var(--blue);
}
.page-container .dealers-chisiamo .wpb_single_image img {
    width: auto !important;
    height: 80px !important;
    object-fit: contain;
}
.title-dealers-csm h5{
    margin-bottom: -130px !important;
}
#testata-pgn .row{
    width: 100%;
}
#testata-pgn .row .vc_column-inner{
    padding-inline: 0 !important;
}
.dealers-in-testata .vc_column-inner .wpb_wrapper{
    background: var(--blue);
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: end;
    padding: 30px 50px;
}
.dealers-in-testata .wpb_single_image{
    width: 15%;
}

.dealers-in-testata .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper, .dealers-in-testata .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper{
    padding: 0;
    display: block;
}
.dealers-in-testata .vc_column-inner .wpb_wrapper p{
    color: #fff;
    margin: 0 !important;
}
.dealers-in-testata .vc_column-inner .wpb_wrapper .wpb_text_column{
    margin: 0;
}

@media (max-width: 768px){
    .title-dealers-csm h5 {
        margin-bottom: -70px !important;
    }
}



/* ----CONTATTI---- */
body.page-id-123{
    background-color: var(--gray);
}

.row-contatti{
    height: 90vh;
    padding: 100px 50px;
}
.row-contatti h2{
    margin-bottom: 20px;
}
.row-contatti h6{
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 10px;
}
.row-contatti p{
    margin: 0;
}
.second-text-cont{
    margin: 20px 0;
}

.contatti-map .vc_column-inner,
.contatti-map .vc_column-inner .wpb_wrapper,
.contatti-map .vc_column-inner .wpb_wrapper .wpb_gmaps_widget,
.contatti-map .vc_column-inner .wpb_wrapper .wpb_gmaps_widget .wpb_wrapper,
.contatti-map .vc_column-inner .wpb_wrapper .wpb_gmaps_widget .wpb_wrapper .wpb_map_wraper,
.contatti-map .vc_column-inner .wpb_wrapper .wpb_gmaps_widget .wpb_wrapper .wpb_map_wraper iframe{
    height: 100% !important;
    padding: 0;
    margin: 0;
    border: 0px solid #eee;
}


#contattaci-form{
    padding: 50px 0 !important;
}
.contattaci-form-row{
    width: 90%;
    margin: auto !important;
}
.contattaci-form-row h2{
    color: var(--gold);
}



/* ---PARTNER TECNICO--- */
body.page-id-139{
    background: var(--gray);
}
.page-id-139 .row-servizi-1 h6{
    margin-top: 50px;
    margin-bottom: 30px;
}
.text-servizi-white li{
    color: #fff;
}
.row-servizi-1 .btn2-ryb {
    padding-left: 10%;
    padding-right: 15%;
}
#img-2-partTec{
    position: absolute;
    bottom: 0%;
    right: 5%;
}
.imgBig-partTec{
    height: 90% !important;
}
.imgBig-partTec .wpb_wrapper,
.imgBig-partTec .wpb_wrapper .vc_single_image-wrapper,
.imgBig-partTec .wpb_wrapper .vc_single_image-wrapper img{
    height: 100% !important;
}


#richiedi-informazioni{
    padding: 80px 10% !important;
    background: var(--blue);
}

#richiedi-informazioni h2{
    color: var(--gold);
    margin-bottom: 50px;
}

#gform_fields_1, #gform_fields_2, #gform_fields_3, #gform_fields_4, #gform_fields_5, #gform_fields_6{
    gap: 20px;
}
.gfield input, .gfield textarea, .gfield select{
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0px !important;
    padding: 0 !important;
    font-family: "Quicksand", sans-serif !important;
    height: 50px !important;
    min-height: 50px !important;
    box-shadow: none !important;
}
.gfield input, .gfield textarea, .gfield select{
    padding: 0 20px !important;
}
.gfield input.gfield-choice-input{
    padding: 0 !important;
}
.gfield input.gfield-choice-input{
    border: 1px solid #fff !important;
    height: fit-content !important;
    min-height: fit-content !important;
    aspect-ratio: 1;
    background-color: #ffffffce !important;
}
.gfield label{
    color: #fff !important;
    font-family: "Quicksand", sans-serif !important;
}
.gform_button{
    background-color: var(--gold) !important;
    color: var(--blue) !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    transition: .5s ease;
    background-image: none !important;
    border: 0px solid transparent !important;
}
.gform_button:hover{
    background-color: var(--blue) !important;
    color: #fff !important;
    transition: .5s ease;
}
.gform_footer{
    justify-content: end !important;
}


@media (max-width: 768px) {
    .row-servizi-2 {
        height: fit-content;
    }
    .row-story-imgup{
        margin-top: 0;
    }
    .row-servizi-2 .wpb_text_column, .row-servizi-2.chi-siamo-row-edit .wpb_text_column{
        padding: 5%;
    }
    #services-boxes .row-servizi-2:nth-child(even){
        flex-direction: column-reverse;
    }
    .dealers-chisiamo{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #contattaci-home{
        padding: 10% !important;
    }
    #contattaci-home .row-compila-mod .modulo-pre-drop, #contattaci-home .row-compila-mod .prebtn-mod{
        width: 100%;
    }
    #contattaci-home .row-compila-mod{
        flex-direction: column;
        gap: 50px;
    }
    .dealers-in-testata .vc_column-inner .wpb_wrapper{
        flex-wrap: wrap;
        justify-content: center;
        padding: 30px 10px;
    }
    .dealers-in-testata .vc_column-inner .wpb_wrapper .wpb_single_image{
        width: 27%;
        flex: 0 0 auto;
    }
    .dealers-in-testata .vc_column-inner .wpb_wrapper .wpb_text_column{
        width: 100%;
        text-align: center;
    }
    .header-customize{
        flex-wrap: wrap;
        padding: 0;
    }
    .header-customize .btn-header{
        width: 100%;
        background: var(--blue);
        padding: 10px 5%;
        position: fixed;
        bottom: 0;
        left: 0;
        justify-content: center;
    }
    .page-template-home-ryb .header-customize .btn-header{
        padding: 10px 5%;
        background: transparent;
        bottom: 50%;
        justify-content: space-between;
        height: 30%;
        transform: translate(0, 50%);
        align-items: baseline;
        transition: bottom .5s ease;
    }
    .page-template-home-ryb .header-customize .btn-header .btn1-ryb{
        text-shadow: 0px 0px 30px #000;
    }
    .page-template-home-ryb .header-customize .btn-header .btn1-ryb:last-child{
        align-self: center;
    }
   
    .page-template-home-ryb .header-customize .btn-header.us-nuov-on-scroll{
        padding: 10px 5%;
        background: var(--blue);
        bottom: 0%;
        justify-content: center;
        height: fit-content;
        transform: translate(0, 0%);
        align-items: baseline;
        transition: bottom .5s ease;
    }
    .logo-custom{
        padding: 10px 5%;
    }
    .header-customize .ham-menu{
        padding: 10px 5%;
    }
    .logo-dimensions {
        min-width: 180px !important;
        width: 180px !important;
    }
    .header-customize .btn1-ryb a span:before{
        z-index: 0;
    }
    .header-customize .btn1-ryb a span img{
        z-index: 1;
        position: relative;
    }
    .menu-ryb .menu-ryb-inside{
        width: 100%;
        padding-bottom: 100px;
    }
    .menu-ryb .menu-ryb-inside .main-menu {
        padding-top: 90px;
        text-align: center;
        padding-right: 16%;
        padding-left: 16%;
    }
    .menu-ryb .menu-ryb-inside .main-menu .nav ul{
        list-style: none !important;
        padding: 0;
    }
    .menu-ryb {
        right: -100%;
    }
    .row-servizi-2 .wpb_text_column h6, .row-servizi-2 .wpb_text_column p, .row-servizi-2 .btn2-ryb{
        text-align: start !important;
    }
    .row-servizi-2 .btn2-ryb{
        margin-bottom: 50px;
        padding-left: 5%;
    }
    #img-2-serv {
        position: static;
        transform: translate(0, 0);
        margin-top: -50px;
        text-align: center;
    }
    .contatti-map{
        height: 40vh !important;
    }
    .page-id-139 .row-servizi-1{
        padding: 200px 0;
    }
    #nuova-loop1{
        flex-direction: column;
    }
    #nuova-loop1 .loop-img-sticky{
        width: 100%;
        position: static;
    }
    #nuova-loop2 .loop-img-sticky{
        display: none;
    }
    .scroll-nuova-loop1, .scroll-nuova-loop2{
        width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }
    .scroll-nuova-loop2{
        padding-top: 0;
    }
    .vc_row.row.vc_custom_1720511236990{
        margin-bottom: 0 !important;
    }
    .chi-siamo-row p {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 50px;
    }
    .news-home-1row .btn2-ryb{
        display: none;
    }
    #news-home .nvv-btn-mob{
        text-align: center;
    }
    .page-id-139 .row-servizi-2:first-child{
        flex-wrap: wrap-reverse !important;
    }
    .page-id-139 .row-servizi-2 .img-no-bord {
        height: 50vh;
    }
}

.video-row{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.video-row .wpb_column,
.video-row .wpb_column .vc_column-inner,
.video-row .wpb_column .vc_column-inner .wpb_wrapper,
.video-row .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column,
.video-row .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper,
.video-row .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p,
.video-row .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p video{
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    object-fit: cover;
}

#news-testata{
    padding-top: 200px !important;
    text-align: center;
}
#news-testata h5{
    text-shadow: none;
    color: #a79b758a;
}
.row-news_loop{
    width: 80%;
    margin: auto;
    display: flex;
    gap: 8%;
    flex-wrap: wrap;
}
.loop-single-news{
    text-align: center;
    margin: 50px 0;
    width: 28%;
}
.loop-single-news a{
    height: fit-content;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.loop-single-news img{
    width: 100%;
    height: fit-content;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    overflow: hidden;
    scale: 1;
    transition: scale 1s;
}
.loop-single-news img:hover{
    scale: 1.05;
    transition: scale 1s;
}
.loop-single-news .title-news-loop{
    margin-bottom: 10px;
    margin-top: 0px;
}

@media (max-width: 992px){
    .loop-single-news{
        width: 100%;
    }
}

@media (max-width: 575px){
    .loop-single-news{
        width: 100%;
    }
}

body.page-template-news-loop{
    background: var(--gray);
}
.rassegne-pagination .btn1-ryb div, .container-search-and-list .pagination .btn1-ryb div{
    display: flex;
    color: var(--blue);
    text-transform: uppercase;
    gap: 10px;
    align-items: center;
    text-decoration: none;
}
.rassegne-pagination .btn1-ryb div span, .container-search-and-list .pagination .btn1-ryb div span{
    position: relative;
    width: 50px;
}
.rassegne-pagination .btn1-ryb div span img, .container-search-and-list .pagination .btn1-ryb div span img{
    object-fit: contain !important;
    width: 80%;
    margin-left: 20%;
}
.rassegne-pagination .btn1-ryb div span:before, .container-search-and-list .pagination .btn1-ryb div span::before{
    content: "";
    position: absolute;
    top: 54%;
    left: 0;
    z-index: -1;
    display: block;
    border-radius: 50px;
    background: var(--gold);
    width: 38%;
    height: 19px;
    transition: all 0.3s ease;
    transform: translate(0%, -50%);
}
.rassegne-pagination .btn1-ryb div:hover span:before, .container-search-and-list .pagination .btn1-ryb div:hover span::before {
    width: 120%;
    background: var(--gold);
}
.rassegne-pagination{
    display: flex;
    gap: 10px;
    justify-content: end;
    margin: 5%;
}
.rassegne-pagination span.page-numbers{
    color: var(--blue);
}
.rassegne-pagination span.page-numbers.current{
    text-decoration: underline;
    color: var(--gold);
}
.rassegne-pagination .prev .btn1-ryb{
    rotate: -180deg;
}
.title-news-loop a{
    text-decoration: none !important;
    font-size: 20px;
}
.title-news-loop a:hover{
    color: var(--gold);
}
body.single-new{
    background-color: var(--gray);
}
#single-news-testa{
    padding-top: 150px !important;
}
.row-single-news{
    width: 80%;
    margin: auto;
    margin-top: -80px;
}
.container-single-news{
    margin-top: 50px;
    display: flex;
    gap: 60px;
}
.container-single-news .single-news-left{
    width: 50%;
    padding-top: 40px;
    padding-right: 10%;
}
.container-single-news .single-news-right{
    width: 50%;
}
.container-single-news .single-news-right img{
    width: 100%;
    height: fit-content;
    object-fit: contain;
}
.row-single-news .btn2-ryb{
    text-align: center;
    margin: 100px 0;
}
@media (max-width: 1315px){
    #brokerage-home .brokerage-first-row div:last-child {
        padding-right: 0px;
    }
    #brokerage-home .brokerage-first-row .btn2-ryb{
        width: 100%;
        margin: 40px 0;
    }
}
@media (max-width: 992px){
    #servizi-home .servizi-home-row p{
        width: 100%;
    }
}
@media (max-width: 768px){
    .container-single-news{
        flex-direction: column;
        gap: 30px;
    }
    .row-single-news{
        margin-top: 0;
    }
    .container-single-news .single-news-left{
        width: 100%;
        padding-right: 0%;
        padding-top: 0;
    }
    .container-single-news .single-news-right{
        width: 100%;
    }
    .chi-siamo-row p {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 50px;
    }
    .name-boat .tecn-info{
        gap: 20px;
    }
    #brokerage-home{
        margin: 50px 0 !important;
    }
    #brokerage-home .brokerage-first-row{
        flex-direction: column;
        gap: 40px;
        width: 90%;
    }
    #brokerage-home .brokerage-first-row div{
        width: 100%;
    }
    .bok-box-home{
        width: 60%;
    }
    #newsletter-home{
        flex-direction: column;
    }
    #newsletter-home h2{
        width: 100%;
    }
    #newsletter-home .newsletter-box{
        width: 100%;
    }
    #servizi-home .servizi-home-row{
        padding: 0 45px;
        height: 80vh;
    }
    #nuovo-home .slide{
        width: 100%;
        left: 0;
        padding-inline: 4%;
    }
    #nuovo-home .btn-next {
        top: 95%;
    }
    #nuovo-home .btn-prev {
        top: 95%;
        left: 66%;
    }
    #nuovo-home .slide .btn1-ryb {
        position: absolute;
        bottom: 5%;
        left: 8%;
        width: 80%;
    }
    #brokerage-home{
        height: fit-content;
        gap: 50px;
        padding-bottom: 30px !important;
    }
    .chi-siamo-row h3 {
        margin-top: 50px;
    }
    #chi-siamo-home h5 {
        top: 15%;
    }

}

@media (max-width: 575px){
    .bok-box-home{
        width: 90%;
    }
    #servizi-home h5 {
        margin-bottom: -35px;
    }
    #dealer-bnnr h5 {
        margin-bottom: -50px;
    }
    .news-home-1row {
        flex-direction: column;
    }
    .news-home-1row .btn2-ryb {
        padding-right: 0%;
    }
    #dealer-bnnr .dealer-bnnr-row{
        flex-direction: column;
    }
    #dealer-bnnr .dealer-bnnr-row a {
        width: 80%;
    }
    #dealer-bnnr .dealer-bnnr-row .btn1-ryb{
        display: none;
    }
    #first-home-row .title-home{
        padding: 50px 10%;;
    }
    #nuovo-home .slide .btn1-ryb a {
        font-size: 18px;
    }

}



/* ----BROKERAGE---- */
#brok-title-id{
    margin-top: 150px !important;
    padding-inline: 2% !important;
}
.under-title-brok{
    margin: 50px 0%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 1%;
}
.box-changes{
    display: flex;
    align-items: center;
    gap: 15px;
}
.visualizza-uno{
    width: 50px;
    height: 40px;
    border-radius: 8px;
    background: #989898;
    cursor: pointer;
}
.visualizza-due {
    width: 50px;
    height: 40px;
    display: flex;
    gap: 4px;
    cursor: pointer;
}
.visualizza-due span{
    width: 50%;
    height: 100%;
    background-color: #989898;
    border-radius: 6px;
}
.container-search-and-list{
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 100px;
}
#boatsearcher{
    width: 25%;
}
#boatsearcher h6{
    text-align: center;
    text-transform: capitalize;
    font-weight: 900;
    font-family: "Quicksand", sans-serif !important;
}
.filter-sngl{
    width: 80%;
    margin: auto;
}
.filter-sngl input, .filter-sngl select{
    width: 100%;
}
.filter-sngl input{
    border: none;
    border-bottom: 1px solid var(--blue);
    text-align: center;
    color: var(--blue);
    margin: 12px 0;
    padding: 5px;
    outline: none !important;
}
.filter-sngl input::placeholder{
    color: var(--blue);
}

.noUi-horizontal .noUi-tooltip{
    display: none;
}
.noUi-connect {
    background: var(--blue) !important;
}
.noUi-horizontal {
    height: 2px !important; 
    box-shadow: none !important;
    border-radius: 0 !important;
}
.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -4px !important;
}
.noUi-horizontal .noUi-handle{
    width: 5px !important;
    right: -2px !important;
}
.noUi-handle.noUi-handle-lower{
    height: 5px;
    border-radius: 0;
    border: 0px;
    box-shadow: none;
    width: 0;
    height: 0 !important;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid var(--blue);
    background: transparent !important;
}
.noUi-handle.noUi-handle-upper{
    height: 5px;
    border-radius: 0;
    border: 0px;
    box-shadow: none;
    width: 0;
    height: 0 !important;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid var(--blue);
    background: transparent !important;
}
.noUi-target{
    border: 0 !important;
    box-sizing: 0 !important;
}

.noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before{
    display: none;
}
#lunghezza_values, #prezzo_values, #anno_values{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: 5px;
}
.title-filter-select{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}
.ordina_per-custom{
    border: none;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    border-bottom: 1px solid var(--blue);
    padding: 5px;
    outline: none !important;
}

#resultsbarche{
    width: 75%;
    margin-inline: 2% !important;
}
.container-barche{
    display: flex;
    flex-wrap: wrap;
    gap: 70px 30px;
}
.risultatobarca{
    width: calc(50% - 20px);
    transition: 1s ease;
}
.container-barche.fully .risultatobarca{
    width: calc(90% - 0px);
    transition: 1s ease;
    margin-left: 5%;
}
.container-barche.halfy .risultatobarca{
    width: calc(50% - 20px);
}
.risultatobarca .img-brokerage-main-pre{
    width: 100%;
    display: inline-block;
    aspect-ratio: 16 / 10;
    
}
.brok-box{
    overflow: hidden;
}
.img-brokerage-main-pre .img-brokerage-main{
    scale: 1;
    transition: 1s ease;
}
.img-brokerage-main-pre:hover .img-brokerage-main{
    scale: 1.04;
    transition: 1s ease;
}

.risultatobarca a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.risultatobarca .desc-infos{
    display: flex;
}
.risultatobarca .name-boat{
    width: 50%;
}
.risultatobarca .btn-boat-cont{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
}
.risultatobarca .title p{
    font-size: 16px !important;
}
.risultatobarca .btn-boat-cont .btn2-ryb a{
    display: inline-block;
    font-size: 14px !important;
}
.risultatobarca .btn-boat-cont .price{
    text-transform: uppercase;
    color: var(--gold);  
    font-size: 16px !important; 
}
.risultatobarca .tecn-info p, .risultatobarca .tecn-info div{
    font-size: 14px;
}

.container-search{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}


/* ----SINGOLA BROKER---- */
#barcabroker{
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: end;
    padding: 4% 10% !important;
}
.front-single-barca-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.front-single-barca-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-boat-title h1{
    color: #fff;
    text-shadow: 0px 0px 30px #000;
}
.single-boat-title span{
    font-family: 'Butler-UltraLight', sans-serif !important;
}
.section-boat .gallery{
    flex-direction: row;
    margin-left: 0 !important;
}


@media (max-width: 768px){
    .container-search-and-list{
        flex-direction: column;
    }
    #boatsearcher {
        width: 100%;
    }
    #resultsbarche {
        width: 100%;
        margin-inline: 0% !important;
    }
    .box-changes{
        display: none;
    }
    .under-title-brok{
        justify-content: center;
    }
    .risultatobarca{
        width: calc(90% - 0px);
        transition: 1s ease;
        margin-left: 5%;
    }
    .form-serch-barche{
        display: none;
    }
    .open-filters::after{
        content: '+';
        display: inline-block;
        margin-left: 10px;
        rotate: 0deg;
        transition: 1s ease;
    }
    .open-filters.filter-opened::after{
        rotate: 135deg;
        transition: 1s ease;
    }
    .form-serch-barche.filter-opened{
        display: block;
    }
    /* .open-filters{
        border-bottom: 1px solid var(--blue);
        margin: 0px 10% 20px;
        padding: 15px;
    } */
}



/* POSILLIPO COMING SOON */
body.postid-907 #gallerie-immagini, body.postid-907 .btn-scrica-scrivi{
    display: none;
}
body.postid-907 #content-singola-barca .nuova-second-row .nuova-paragrafo1 p{
    width: 100%;
    font-size: 30px;
    text-align: center;
    padding-left: 0;
}

#content-singola-barca .nuova-second-row .nuova-paragrafo1 p{
    font-size: 22px;
}

/* SINGOLA BROKERAGE */

.title-boat-box2{
    display: flex;
    padding: 100px 80px;
    align-items: end;
    background: var(--gray);
}
.title-boat-box2 .descrizione{
    width: 50%;
    padding-right: 12%;
}
.title-boat-box2 .btns-singl-cont{
    width: 50%;
    text-align: end;
}
.boat-title-buttons .custom_btn{
    display: flex;
    gap: 20px;
    justify-content: end;
}
.boat-title-price{
    margin-bottom: 30px;
}

.section-boat .gallery{
    margin: 50px 0;
}

body.page-id-916{
    background: var(--gray);
}
.page-id-916 h1{
    color: var(--gold) !important;
}

.page-id-916 .row-valuta{
    padding: 5%;
}
.page-id-916 .row-valuta .wpb_text_column{
    padding-right: 5%;
}
#gform_fields_4{
    margin: auto;
    width: 90%;
}
#gform_4{
    margin-bottom: 100px;
}
#gform_4 .gform_footer.before {
    width: 95%;
}
#extensions_message_4_12{
    display: none;
}

@media (max-width: 768px){
    #input_4_11 {
        width: 100%;
    }
}

.section-boat.tre{
    background: var(--gray);
    padding: 5% !important;
}
.section-boat h2 {
    font-size: calc(30px + 3.4vw);
    color: var(--gold);
    opacity: .7;
}
.first-magg{
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    gap: 20px;
}
.first-magg:nth-child(2){
    padding: 50px 0;
    border-bottom: 1px solid var(--blue);
    border-top: 1px solid var(--blue);
}
.first-magg ul{
    list-style: none;
    padding: 0;
    width: 33.3333%;
}
.first-magg h6{
    color: var(--gold);
    font-weight: 600;
    margin: 25px 0;
    text-transform: initial;
}
.first-magg ul li {
    font-weight: 600;
}
.first-magg ul.tip-cab-snglb li{
    font-weight: 100;
}

.first-magg ul li span {
    font-weight: 100;
}
.first-magg .nt-acc {
    width: 50%;
    flex: 0 0 auto;
    padding-right: 10%;
}

#boat-contattaci{
    background: var(--blue);
    text-align: center;
    padding: 5% !important;
}
#boat-contattaci h2{
    color: var(--gold);
}
#boat-contattaci h6{
    color: var(--gold);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
}
#boat-contattaci p, #boat-contattaci a{
    color: var(--gold);
    margin: 0;
}
.gform-theme--framework .gfield--type-choice .gfield_checkbox{
    text-align: start;
}
#gform_fields_6{
    text-align: start;
    margin-top: 80px;
}
.chat-usato{
    display: inline-block;
    position: fixed;
    bottom: 9px;
    left: 9px;
    width: 65px;
    border-radius: 50%;
}
.chat-usato img{
    width: 100%;
}

@media (max-width: 1325px){
    .title-boat-box2{
        flex-direction: column;
        align-items: start;
        gap: 30px;
        padding: 50px 30px;
    }
    .title-boat-box2 .descrizione{
        width: 100%;
        padding-right: 0%;
    }
    .title-boat-box2 .btns-singl-cont{
        width: 100%;
        text-align: start;
    }
    .title-boat-box2 .btns-singl-cont .boat-title-buttons .custom_btn{
        justify-content: left;
    }
}
@media (max-width: 768px){
    .first-magg{
        flex-direction: column;
    }
    .first-magg ul, .first-magg .nt-acc{
        width: 100%;
    }
    .title-boat-box2 .btns-singl-cont .boat-title-buttons .custom_btn {
        flex-direction: column;
    }
    .title-boat-box2{
        padding: 50px 30px;
    }
}

.pagination.pgnt-broker>a, .pagination.pgnt-broker>span{
    display: inline-block;
    border: 0px solid #eee;
    padding: 8px 2px;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    margin-right: 3px;
}
.pagination.pgnt-broker{
    text-align: end;
}

.pgnt-broker .prev.page-numbers .btn1-ryb{
    transform: rotateY(-180deg);
}

.pgnt-broker .page-numbers.current{
    color: var(--gold);
    text-decoration: underline;
}

.pgnt-broker .btn1-ryb{
    display: flex;
    color: var(--blue);
    text-transform: uppercase;
    gap: 10px;
    align-items: center;
    text-decoration: none;
}
.pgnt-broker .btn1-ryb span{
    position: relative;
    width: 50px;
}
.pgnt-broker .btn1-ryb span img{
    object-fit: contain !important;
    width: 80%;
    margin-left: 20%;
}
.pgnt-broker .btn1-ryb span:before {
    content: "";
    position: absolute;
    top: 54%;
    left: 0;
    z-index: -1;
    display: block;
    border-radius: 50px;
    background: var(--gold);
    width: 38%;
    height: 19px;
    transition: all 0.3s ease;
    transform: translate(0%, -50%);
}
.pgnt-broker .btn1-ryb:hover span:before {
    width: 120%;
    background: var(--gold);
}

.page-id-929 footer.footer-custom{
    display: none;
}
.menu-nuovo-pgn{
    height: 100vh;
    animation: 1s kkk-nuovo;
}
.close-nuovo{
    position: fixed;
    top: 150px;
    right: 25px;
    width: fit-content !important;
    height: fit-content !important;
    z-index: 2;
}
.close-nuovo .wpb_wrapper a{
    width: 70px !important;
    cursor: pointer;
}
.close-nuovo .wpb_wrapper a img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
@keyframes kkk-nuovo {
    0%{
        height: 0vh;
    }
    100%{
        height: 100vh;
    }
}

.menu-nuovo-pgn .wpb_column{
    height: 100%;
}
.menu-nuovo-pgn .wpb_column .vc_column-inner,
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper,
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image,
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper,
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper a,
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    padding: 0;
    margin: 0;
    scale: 1;
    transition: 1s ease;
}
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper a {
    overflow: hidden;
}
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image .wpb_wrapper a:hover img{
    scale: 1.04;
    transition: 1s ease;
}

@media (max-width: 768px) {
    .menu-nuovo-pgn{
        height: 180vh;
    }
    .menu-nuovo-pgn .wpb_column{
        height: 33.3333%;
    }
    .row-contatti{
        padding: 30px 0px;
    }
    .close-nuovo{
        top: 100px;
    }
    footer.footer-custom{
        margin-bottom: 50px;
    }
    .menu-ryb .menu-ryb-inside .main-menu li a{
        padding: 0;
    }
    .row-story-imgup .img-no-bord{
        height: 40vh;
    }
    #img-2-partTec{
        position: static;
        transform: translate(0, 0);
        margin-top: -50px;
        text-align: center;
    }
    .imgBig-partTec .wpb_wrapper .vc_single_image-wrapper img {
        height: 100% !important;
        object-fit: cover;
        width: 100% !important;
    }
    .page-id-139 .row-servizi-1 .wpb_column:last-child{
        padding-bottom: 100px !important;
    }
    .gallery-layout .img-layout{
        width: 80%;
    }
    .single-boat-title h1{
        margin-bottom: 120px;
    }
}

@media (max-width: 575px) {
    #testata .banner-rivenditori div{
        width: 100%;
        text-align: center;
    }
    #testata .banner-rivenditori a {
        width: 27%;
        flex: 0 0 auto;
    }
    .section-boat .gallery{
        margin-left: 2.5% !important;
    }
}

#textContainer{
    color: var(--blue);
    text-decoration: none;
}
#textContainer:hover{
    color: var(--blue);
    text-decoration: none;
}


#input_4_12 {
    display: none;
}

/* Style a label element to look like a button */
.custom-file-upload {
    display: inline-block;
    padding: 18px 20px;
    cursor: pointer;
    color: white;
    border: 0px solid #ccc;
    border-radius: 0px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    border-bottom: 1px solid var(--blue);
    font-weight: 700;
}

#file-name {
    margin-left: 10px;
    font-family: Arial, sans-serif;
}
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before, .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before{
    opacity: 1;
    background: #fff;
    color: var(--blue);
}

.page-id-981 h3{
    width: 80%;
    margin: auto;
}
.page-id-981 {
    background: var(--gray);
}
#gform_confirmation_message_3{
    color: var(--gold);
}

.page-id-989, .page-id-993{
    background-color: var(--gray);
}
.page-id-989 h1, .page-id-993 h1{
    margin-top: -120px;
    margin-bottom: 100px;
}
.page-id-989 section, .page-id-993 section{
    margin: 180px auto 0!important;
    width: 90%;
}
.page-id-989 td, .page-id-989 th{
    padding: 10px 20px;
}

@media (max-width: 768px){
    .page-id-989 tr{
        display: flex;
        flex-wrap: wrap;
        padding: 50px 0;
    }
}

.error404 .not-found {
    background: var(--blue);
}
.error404 h1, .error404 h2{
    color: var(--gold);
}

.gchoice label a{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}
#gform_fields_2 .gchoice label a, #gform_fields_4 .gchoice label a{
    color: var(--blue) !important;
}
.gform_validation_errors{
    width: 90%;
    margin: 0 auto 40px;
    border: 1px solid var(--blue);
    background: #0e1e3329;
}
.gform_validation_errors h2{
    font-family: 'Quicksand' !important;
}
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image.log-nuov{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image.log-nuov .wpb_wrapper a{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000075;
}
.menu-nuovo-pgn .wpb_column .vc_column-inner .wpb_wrapper .wpb_single_image.log-nuov .wpb_wrapper a img{
    width: 60% !important;
    object-fit: contain !important;
}

.reveal-text span {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.reveal-text span.visible {
    opacity: 1;
}

.bok-box-home .brok-box a{
    width: 100%;
    display: inline-block;
    height: 100%;
    overflow: hidden;
}
.bok-box-home .brok-box .btn1-ryb a{
    width: 32%;
    overflow: visible;
} 
.filter-sngl.chbx{
    display: flex;
    margin-top: 20px;
}
.switch-fltr {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    flex: 0 0 auto;
}
.switch-fltr input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider-fltr {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a79b755c;
    transition: .4s;
    border-radius: 34px;
}
.slider-fltr:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: var(--blue);
    transition: .4s;
    border-radius: 50%;
}
.switch-fltr input:checked + .slider-fltr {
    background-color: var(--blue);
}
.switch-fltr input:checked + .slider-fltr:before {
    transform: translateX(26px);
    background-color: var(--gold);
}
.switch-fltr-label {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 14px;
}

.postid-265 #dati-tecnici h2::after, body.postid-907 #dati-tecnici h2::after{
    content: 'su richiesta';
    margin-left: 14px;
}
.postid-265 #dati-tecnici .dati-tecnici-row, body.postid-907 #dati-tecnici .dati-tecnici-row{
    display: none;
}
body.postid-907 #content-singola-barca .nuova-second-row .nuova-paragrafo3{
    display: none;
}
body.postid-907 #content-singola-barca .nuova-second-row .nuova-paragrafo1 p {
    margin-bottom: 50px;
}



/* ----MODS BARCA BROKERAGE---- */

@media (max-width: 768px) {
    #barcabroker {
        position: relative;
        width: 100%;
        background: var(--gray);
        height: fit-content;
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
        justify-content: start;
        align-items: start;
        padding: 0 !important;
    }
    #barcabroker .single-boat-title{
        padding: 0 4% 10%;
        background: var(--gray);
    }
    #barcabroker .single-boat-title h1 {
        margin-bottom: 0px;
        color: var(--blue);
        text-shadow: 0px 0px 0px #000;
    }
    #barcabroker .front-single-barca-img{
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: inherit;
        z-index: 0;
    }
    #barcabroker .front-single-barca-img img {
        width: 100%;
        height: initial;
        object-fit: contain;
    }
    .section-boat.tre {
        padding-bottom: 10% !important;
    }
    .chat-usato{
        bottom: 70px;
    }
    .page-template-single-barca-brokerage .header-customize{
        position: sticky;
        background: var(--blue);
    }
}


/* -----SKELETON HOME BROKERAGE---- */

.skeleton {
    background-color: #a79b75ab;
    border-radius: 4px;
    animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
    0% {
        background-color: #a79b75d6;
    }
    50% {
        background-color: #a79b75ab;
    }
    100% {
        background-color: #a79b75d6;
    }
}
.bok-box-home.skeleton{
	height: 40vh;
	background-color: transparent;
}
/* Image placeholder style */
.img-placeholder.skeleton {
    width: 100%;
    height: 26vh;
}

/* Text placeholders */
.title.skeleton {
    height: 16px;
    margin: 8px 0;
    width: 80%;
}

/* Technical info placeholders */
.tecn-info .skeleton {
    height: 14px;
    width: 30%;
    margin: 8px 0;
}

/* Overall layout */
.bok-box-home.skeleton {
    margin: 10px;
	background: transparent !important;
}

.brok-box.skeleton {
	background: transparent !important;
}

.brok-box.loading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.desc-infos.skeleton {
    display: flex;
    flex-direction: column;
	background: transparent !important;
}

.tecn-info.skeleton{
    display: flex;
    justify-content: space-between;
	background: transparent !important;
}
.name-boat.skeleton{
	background: transparent !important;
}