.rolex-section {
    font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
    color: var(--Rblack);
font-size: 16px;
}

.rolex-section  a{
 text-decoration: none
}

.rolex-section  .btn{
border: none
}
.rolex-section select{
overflow-x:inherit


}
.rolex-section .navbar-toggler{font-size:16px}
.rolex-section  .btn{ box-shadow:none}
.rolex-section  .form-control{ box-shadow:none; text-align: left}
.rolex-section * {
    font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;

text-transform:inherit;


}



.img-rolex-s {
  width: 50%;
  max-width: 650px;
  height: auto;
}
.img-rolex-m {
  width: 80%;
  max-width: 1140px;
	height: auto
}
.img-rolex-l {
  width: 100%;
  height: auto;
}








@font-face {
    font-family: Helvetica Now Text;
    src: url(https://www.severigioielli.com/rolex-bespoke/font/858c1d6a-cfc6-4367-91da-cd8209dcdc6e.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Helvetica Now Text;
    src: url(https://www.severigioielli.com/rolex-bespoke/font/1204057f-8fdd-4c47-98f8-6eadb6bfe197.woff) format("woff");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: Helvetica Now Text;
    src: url(https://www.severigioielli.com/rolex-bespoke/font/7a5a445e-de3f-4690-9002-552575769c45.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Helvetica Now Text;
    src: url(https://www.severigioielli.com/rolex-bespoke/font/362618f8-b6bb-4cfa-aaea-8bc0115c0347.woff) format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: Helvetica Now Text;
    src: url(https://www.severigioielli.com/rolex-bespoke/font/e4caf272-7860-4dd4-9768-8ecc229ce7c3.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

:root {
    --Rgreen: #006039;
    --Rgreen1: #127749;
    --Rgreen2: #61BD93;
    --Rbrown: #452C1E;
    --Rblack: #212121;
    --Rgrey: #D4D4D4;
	 --Rdgrey: #767676;
    --Rbeige: #F4EFEA;
    --Rlbeige: #F9F7F4;
    --Rwhite: #FFFFFF;
}



.rolex-section {
    font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
    color: var(--Rblack);
font-size: 16px;
}



.rolex-section * {
    font-family: "Helvetica Now Text", Helvetica, Arial, sans-serif;
	
text-transform:inherit;


}
.rolex-section .bread-rolex a{font-size: 14px;}


.text-Rgreen {
    color: var(--Rgreen);
}

.text-Rgreen1 {
    color: var(--Rgreen1);
}

a.text-Rgreen1:hover {
    color: var(--Rblack);
}

.text-Rgreen2 {
    color: var(--Rgreen2);
}

.text-Rbrown, .testobadge {
    color: var(--Rbrown);
}

.text-Rblack {
    color: var(--Rblack);
}

.text-Rgrey {
    color: var(--Rgrey);
}

.text-Rbeige {
    color: var(--Rbeige);
}

.text-Rlbeige {
    color: var(--Rlbeige);
}

.text-Rwhite {
    color: var(--Rwhite);
}

.rolex-small {
    font-size: .875em;
    line-height: 1.25em;
    font-weight: 300;
}

.bg-Rgreen {
    background-color: var(--Rgreen);
}

.bg-Rgreen1 {
    background-color: var(--Rgreen1);
}

.bg-Rgreen2 {
    background-color: var(--Rgreen2);
}

.bg-Rbrown {
    background-color: var(--Rbrown);
}

.bg-Rblack {
    background-color: var(--Rblack);
}

.bg-Rgrey {
    background-color: var(--Rgrey);
}

.bg-Rbeige {
    background-color: var(--Rbeige);
}

.bg-Rlbeige {
    background-color: var(--Rlbeige);
}

.bg-Rwhite {
    background-color: var(--Rwhite);
}
.border-top-Rbrown{ border-top: solid thin  #d6cec7}

.btn-darkR{    background-color: #2d2a2f;}


.rolex-section a:hover {
    text-decoration: none;
}

.rolex-section .row {
    margin-left: -5px;
    margin-right: -5px;
}

.rolex-section ::placeholder {
    color: #a6adb8;
    opacity: 1;

    /* Firefox */
    font-weight: 300;
}

.rolex-section textarea {
    padding: 2.5em;
    height: 180px;
    border: 0 solid #e5e7eb;
    resize: none;
}

.rolex-section input,
.rolex-section select,
.rolex-section select:focus,
.rolex-section input:focus,
.rolex-section input:disabled{
    font-size: clamp(1em,.9375em + .1563vw,1.125em);
    line-height: 1.375;
    font-weight: 700;
    padding-top: 12px ;
    padding-bottom: .5em;
    padding-left: 0;
    background-color: initial;
    border: solid 0px;
    border-radius: 0;
    border-bottom: solid 1px rgb(118 118 118);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.rolex-section select,
.rolex-section select:focus {
    padding-top: 8px;
}

.navbar-rolex a {
    color: var(--Rwhite);
    margin-left: 35px;
    padding: 0!important;
}

.navbar-rolex a:hover,
.navbar-rolex a.attivoR {
    color: var(--Rgreen2);
}

.img-zoom {
    overflow: hidden;
    aspect-ratio: 3/1;
}

.img-zoom img,
.img-zoom-2 img,
.img-zoom-3 img,
.img-zoom-4 img,
.img-zoom-5 img{
    transition: all .5s ease-in-out;
}

a:hover .img-zoom img {
    scale: 1.1;
}

.img-zoom-2 {
    overflow: hidden;
    aspect-ratio: 17/11;
}

a:hover .img-zoom-2 img {
    scale: 1.1;
}

.img-zoom-3 {
    overflow: hidden;
    aspect-ratio: 3/2;
}

a:hover .img-zoom-3 img {
    scale: 1.1;
}

.img-zoom-4 {
    overflow: hidden;
    aspect-ratio: 10/3;
}

a:hover .img-zoom-4 img {
    scale: 1.1;
}

.img-zoom-5 {
    overflow: hidden;
    aspect-ratio: 12/4;
}

a:hover .img-zoom-5 img {
    scale: 1.1;
}

.Rplaque {
    width: 120px;
    height: 60px;
}

.navbar-rolex {
    height: 110px;
}

.px-R {
    padding-left: 8%;
    padding-right: 8%;
}

.py-R {
    padding-top: 10vh;
    padding-bottom: 10vh;
}
  .pb-R {
        padding-bottom: 10vh;
    }
	  .pt-R {
        padding-top:10vh;
    }

.mt-R {
    margin-top: 10vh;
}

.mb-R {
    margin-bottom: 10vh;
}

.Fixed22 {
    font-size: 22px;
    line-height: 1.6;
    font-weight: 700;
}

.Fixed16 {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
}

.Fixed16L {
    font-size: 16px;
    line-height: 1.2;
}

.Fixed14 {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
}

.Headline70 {
    font-size: clamp(2.25em,1.1875em + 2.6563vw,4.375em);
    line-height: 1.1;
    font-weight: 700;
}

.Headline50 {
    font-size: clamp(1.875em,1.25em + 1.5625vw,3.125em);
    line-height: 1.2;
    font-weight: 700;
    color: var(--Rbrown);
}

.Headline36 {
    font-size: clamp(1.5em,.935vw + 1.129em,2.25em);
    line-height: 1.2;
    font-weight: 700;
    color: var(--Rbrown);
}

.Headline30 {
    font-size: clamp(1.375em,1.25em + .3125vw,1.625em);
    line-height: 1.2;
    font-weight: 700;
    color: var(--Rbrown);
}

.Headline26 {
    font-size: clamp(1.375em,1.25em + .3125vw,1.625em);
    line-height: 1.2;
    font-weight: 700;
    color: var(--Rbrown);
}

.body24b {
    font-size: clamp(1.125em,.9375em + .4688vw,1.5em);
    line-height: 1.2;
    font-weight: 700;
}

.body24l {
    font-size: clamp(1.125em,.9375em + .4688vw,1.5em);
    line-height: 1.2;
    font-weight: 300;
}

.body20 {
    font-size: clamp(1.125em,1.0625em + .1563vw,1.25em);
    line-height: 1.6;
    font-weight: 300;
}

.body20 b, .body20 strong {
    font-size: clamp(1.125em,1.0625em + .1563vw,1.25em);
    line-height: 1.6;
    font-weight: 700;
}

.body20b {
    font-size: clamp(1.125em,1.0625em + .1563vw,1.25em);
    line-height: 1.6;
    font-weight: 700;
}

.body20l {
    font-size: clamp(1.125em,1.0625em + .1563vw,1.25em);
    line-height: 1.6;
    font-weight: 300;
}

.legend16b {
    font-size: clamp(.75em,.625em + .3125vw,1em);
    line-height: 1.1;
    font-weight: 700;
}

.legend16l {
    font-size: clamp(.75em,.625em + .3125vw,1em);
    line-height: 1.1;
    font-weight: 300;
}

.legend14b {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
}

.Quote50 {
    font-size: clamp(1.125em,1.0625em + .1563vw,1.25em);
    line-height: 1.6;
    font-weight: 300;
    font-family: Georgia, sans-serif;
}

.Quote70 {
    font-size: clamp(1.5em,.6875em + 2.0313vw,3.125em);
    line-height: 1.3;
    font-weight: 400;
    font-family: Georgia, sans-serif;
}

@media (max-width: 1024px) {
    .navbar-rolex {
        height: 100px;
    }
}

@media (max-width: 767px) {
	    .nav-item{border-bottom: solid 0px #212529;border-top: solid 0px #CDCDCD; background-color: #000; margin-bottom: 5px}
	  .mobile-inline {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
  }
	.mobile-inline  span{display:none}
	.Fixed16L {
    font-size: 14px;
    line-height: 1.2;
}

	.w-50{width:100% !important}
	.img-zoom-5 {
    overflow: hidden;
    aspect-ratio: 1/1;
}
	.swiper-button-nextR,.swiper-button-prevR, .swiper-Banner-button-prevR, .swiper-Banner-button-nextR{display: none}
		.swiper-button-nextRA,.swiper-button-prevRA, .swiper-Banner-button-prevRA, .swiper-Banner-button-nextRA{display: none}
    .Rplaque {
        width: 100px;
        height: 50px;
    }

    .navbar-rolex {
        height: 80px;
    }

    .px-R {
        padding-left: 7%;
        padding-right: 7%;
    }

    .py-R {
        padding-top: 60px;
        padding-bottom: 60px;
    }
  .pb-R {
        padding-bottom: 60px;
    }
	  .pt-R {
        padding-top: 60px;
    }
    .mt-R {
        margin-top: 60px;
    }

    .mb-R {
        margin-bottom: 60px;
    }

    .img-zoom,
    .img-zoom-3 {
        overflow: hidden;
        aspect-ratio: 1/1;
    }

    .img-zoom-2-lunghi {
        aspect-ratio: 10/13;
    }
}

@media (max-width: 1729px) {
    .navbar-rolex a {
        margin-left: 25px;
    }
}

@media (max-width: 1630px) {
    .navbar-rolex a {
        margin-left: 25px;
		font-size:15px;
    }
}


@media (max-width: 1560px) {
    .navbar-rolex a {
        margin-left: 20px;
		font-size:14px;
    }
}

@media (max-width: 1470px) {
    .navbar-rolex a {
        margin-left: 15px;
		font-size:14px;
    }
	
}
	@media (max-width: 1384px) {
    .navbar-rolex a {
        margin-left: 12px;
		font-size:14px;
    }
	}	
		
		@media (max-width: 1349px) {
    .navbar-rolex a {
        margin-left: 11px;
		font-size:14px;
    }
	}	

@media (max-width: 1339.98px) {
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-xxxl {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand-xxl .navbar-collapse {
        position: absolute;
        background-color: #000;
        left: 0px;
        top: 80px;
        z-index: 100;
        width: 100%;
        padding-left: 7%;
        padding-right: 7%;
    }

    .navbar-expand-xxl .navbar-collapse ul {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .navbar-rolex li a {
        margin-left: 0px;
        font-size: clamp(1.375em,1.25em + .3125vw,1.625em);
        margin-bottom: 40px;
    }

    .Rplaque {
        z-index: 120;
    }

    .rolex-section .navbar-toggler-icon {
        font-size: 16px;
        min-width: 60px;
    }
}

@media (min-width: 1340px) {
    .navbar-expand-xxl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xxl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5em;
        padding-left: .5em;
    }

    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid,
    .navbar-expand-xxl > .container-lg,
    .navbar-expand-xxl > .container-md,
    .navbar-expand-xxl > .container-sm,
    .navbar-expand-xxl > .container-xxl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand-xxl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}

.swiper {
    width: 100%;
    height: auto;
}

.rolex-section .scoprirolex .swiper-button-prev {
    left: -5vw;
}

.rolex-section .scoprirolex .swiper-button-next {
    right: -5vw;
}

.rolex-section .scoprirolex .swiper-button-next,
.rolex-section .scoprirolex .swiper-button-prev {
    top: calc(50% - 10px);
    width: 40px;
    height: 40px;
    background-color: #d4d4d44D;
    border-radius: 40px;
}

.rolex-section .scoprirolex .swiper-button-next:hover,
.rolex-section .scoprirolex .swiper-button-prev:hover {
    background-color: #f3f3f380;
}

.rolex-section .scoprirolex .swiper-button-next:after,
.rolex-section .scoprirolex .swiper-button-prev:after {
    font-size: 14px;
    font-weight: 800;
    color: var(--Rbrown);
}

.rolex-section .scoprirolex .swiper-horizontal>.swiper-pagination-bullets,
.rolex-section .scoprirolex  .swiper-pagination-bullets.swiper-pagination-horizontal,
.rolex-section .scoprirolex  .swiper-pagination-custom,
.rolex-section .scoprirolex  .swiper-pagination-fraction {
    bottom: -40px;
}

.rolex-section .scoprirolex .swiper-button-next.swiper-button-disabled,
.rolex-section .scoprirolex .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
    cursor: none;
    pointer-events: none;
}

.rolex-section .scoprirolex .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    border-radius: 4px;
    background: rgb(212 212 212);
    opacity: 1;
    transition: all .3s ease-in-out;
}

.rolex-section .scoprirolex .swiper-pagination-bullet-active {
    width: 50px;
    height: 4px;
    border-radius: 4px;
    background: var(--Rgreen);
}

.rolex-section .bannerintro .swiper-button-prev {
    left: 3vw;
}

.rolex-section .bannerintro .swiper-button-next {
    right: 3vw;
}

.rolex-section .bannerintro .swiper-button-next,
.rolex-section .bannerintro .swiper-button-prev {
    top: calc(50% - 10px);
    width: 40px;
    height: 40px;
    background-color: #d4d4d44D;
    border-radius: 40px;
}

.rolex-section .bannerintro .swiper-button-next:hover,
.rolex-section .bannerintro .swiper-button-prev:hover {
    background-color: #f3f3f380;
}

.rolex-section .bannerintro .swiper-button-next:after,
.rolex-section .bannerintro .swiper-button-prev:after {
    font-size: 14px;
    font-weight: 800;
    color: var(--Rbrown);
}

.rolex-section .bannerintro .swiper-horizontal>.swiper-pagination-bullets,
.rolex-section .bannerintro .swiper-pagination-bullets.swiper-pagination-horizontal,
.rolex-section .bannerintro .swiper-pagination-custom,
.rolex-section .bannerintro .swiper-pagination-fraction {
    bottom: 30px;
    position: absolute;
    z-index: 10;
    text-align: center;
}

.rolex-section .bannerintro .swiper-button-next.swiper-button-disabled,
.rolex-section .bannerintro .swiper-button-prev.swiper-button-disabled {
    opacity: .0;
    cursor: none;
    pointer-events: none;
}

.rolex-section .bannerintro .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    border-radius: 4px;
    background: rgb(255 255 255);
    opacity: 1;
    transition: all .3s ease-in-out;
}

.rolex-section .bannerintro .swiper-pagination-bullet-active {
    width: 50px;
    height: 4px;
    border-radius: 4px;
}

.rolex-section .bannerintro:has(.swiper-slide-active.swiper-dark)  .swiper-pagination-bullet {
    background: rgb(0 0 0);
}

.rolex-section .bannerintro .swiper-slide p ,
.rolex-section .bannerintro .swiper-slide h2 {
    color: var(--Rwhite);
}

.rolex-section .bannerintro .swiper-slide.swiper-dark p ,
.rolex-section .bannerintro .swiper-slide.swiper-dark h2 {
    color: var(--Rblack);
}

a.linkRV {
    color: var(--Rwhite);
}

a.linkRV:hover {
    color: var(--Rgreen2);
}

.btn-R-green {
    background-color: var(--Rgreen1);
    color: var(--Rwhite);
    margin-top: 20px;
    padding: 10px 30px;
    height: 2.75em;
    font-size: .875em;
    line-height: 1.25em;
}

.btn-R-green:hover {
    background-color: var(--Rgreen);
    color: var(--Rwhite);
}

.btn-R-grey {
    background-color: var(--Rgrey);
    color: var(--Rblack);
    margin-top: 20px;
    padding: 10px 30px;
    height: 2.75em;
    font-size: .875em;
    line-height: 1.25em;
}

.btn-R-grey:hover {
    background-color: var(--Rdgrey);
    color: var(--Rwhite);
}

.video-js .vjs-big-play-button {
    font-size: 22px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    border-radius: 100px;
}

.video-js .vjs-big-play-button {
    border-color: #fff;
    background-color: #fff;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #fff;
}

.video-js .vjs-big-play-button {
    color:var(--Rblack);
}

.video-js:hover  .vjs-big-play-button {
    color: var(--Rgreen1);
}



.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2em rgba(0, 123, 255, .0);
}

.rolex-section .img-fluid {
width: 100%;
height: auto;
}

.swiper-slide {
height: auto;
}