/** Extra large devices (large desktops) */
body{
    font-family: "helveticaregular";
    font-size: 0.9rem;
    color: #212121;
}
a {
    font-family:'helveticaregular';
    color: #212121;
    text-decoration: none;
}
a:hover {
    opacity: .9;
    text-decoration: none;
}
.max-width {
  max-width:1280px;width:100%;margin:0 auto;padding:0;
}
.text-Helvetica {
  font-family:'Helvetica';
}
.text-helveticaregular {
  font-family:'helveticaregular';
}
.text-helveticabold {
  font-family:'helveticabold';
}
.text-RolexFont-S {
  font-family:'RolexFont-S';
}
.text-helvetica-lightregular {
  font-family:'helvetica_lightregular';
}
.text-p5rem {
  font-size: .5rem;
}
.text-p6rem {
  font-size: .6rem;
}
.text-p7rem {
  font-size: .7rem;
}
.text-p8rem {
  font-size: .8rem;
}
.text-p9rem {
  font-size: .9rem;
}
.text-1rem {
  font-size: 1rem;
}
.text-1p1rem {
  font-size: 1.1rem;
}
.text-1p2rem {
  font-size: 1.2rem;
}
.text-1p3rem {
  font-size: 1.3rem;
}
.text-1p4rem {
  font-size: 1.4rem;
}
.text-1p5rem {
  font-size: 1.5rem;
}
.text-1p6rem {
  font-size: 1.6rem;
}
.text-1p8rem {
  font-size: 1.8rem;
}
.text-2rem {
  font-size: 2rem;
}
.text-2p2rem {
  font-size: 2.2rem;
}
.text-2p5rem {
  font-size: 2.5rem;
}
.text-2p6rem {
  font-size: 2.6rem;
}
.text-2p7rem {
  font-size: 2.7rem;
}
.text-2p8rem {
  font-size: 2.8rem;
}
.text-3rem {
  font-size: 3rem;
}
.text-lh-p5rem {
  line-height: .5rem;
}
.text-lh-p6rem {
  line-height: .6rem;
}
.text-lh-p7rem {
  line-height: .7rem;
}
.text-lh-p8rem {
  line-height: .8rem;
}
.text-lh-p9rem {
  line-height: .9rem;
}
.text-lh-1rem {
  line-height: 1rem;
}
.text-lh-1p1rem {
  line-height: 1.1rem;
}
.text-lh-1p2rem {
  line-height: 1.2rem;
}
.text-lh-1p3rem {
  line-height: 1.3rem;
}
.text-lh-1p4rem {
  line-height: 1.4rem;
}
.text-lh-1p5rem {
  line-height: 1.5rem;
}
.text-lh-1p6rem {
  line-height: 1.6rem;
}
.text-lh-1p7rem {
  line-height: 1.7rem;
}
.text-lh-1p8rem {
  line-height: 1.8rem;
}
.text-lh-2rem {
  line-height: 2rem;
}
.text-lh-2p2rem{
  line-height: 2.2rem;
}
.text-lh-2p3rem{
  line-height: 2.3rem;
}
.text-lh-2p4rem{
  line-height: 2.4rem;
}
.text-lh-2p5rem {
  line-height: 2.5rem;
}
.text-lh-2p6rem {
  line-height: 2.6rem;
}
.text-lh-2p7rem {
  line-height: 2.7rem;
}
.text-lh-2p8rem {
  line-height: 2.8rem;
}
.text-lh-3rem {
  line-height: 3rem;
}
.text-gris-oscuro{
  color:#212121;
}
.text-gris{
  color:#999999;
}
.text-azul {
  color: #1A2636;
}
.text-gold{
  color: #A5925F;
}
.text-verde{
  color:#117749;
}
.bg-white {
  background-color: rgba(255,255,255,1)!important;
}
.bg-gris {
  background-color: #999999;
}
.bg-gris-oscuro {
  background-color: #212121;
}
.bg-gris-claro {
  background-color: #f7f7f7;
}
.bg-gris-medio {
  background-color: #F9F7F4;
}
.bg-gris-medio-2 {
  background-color: #F4EFEA;
}
.text-negro{
  color:#000;
}
.text-verde{
  color:#197149;
}
.bg-navbar {
  background-color: #0b3e27; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right,#0b3e27,#197149);
}
.bg-gris {
  background-color: #999999;
}
.bg-gris-oscuro {
  background-color: #212121;
}
.bg-gris-claro {
  background-color: #f7f7f7;
}
.bg-gris-medio {
  background-color: #F9F7F4;
}
.bg-gris-medio-2 {
  background-color: #F4EFEA;
}
.navbar-custom{
  --bs-navbar-color: rgb(255, 255, 255);/*rgba(97, 189, 148, 0.9)*/
  --bs-navbar-hover-color: #9BF9CE;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: rgb(255, 255, 255);
  --bs-navbar-brand-color: rgb(255, 255, 255);
  --bs-navbar-brand-hover-color: rgb(255, 255, 255);
  --bs-navbar-toggler-border-color: none;
  --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='1' stroke-width='1' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);

}
.navbar-custom .nav-link{
  font-size: 0.9rem;
  font-family: 'helveticabold';
  line-height: 1.1rem;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
  font-size: 0.9rem;
}
.navbar-toggler {
  font-size: 0.9rem;
  color: white;
}
.navbar-border{
  border-bottom: none;
}
.navbar-nav-link-border{
  border-bottom: none;
}
.breadcrumb {
  font-size: 0.9rem;
}
.breadcrumb-item a{
  color: #fff;
}
.breadcrumb-item a:hover{
  color: #9BF9CE;/*rgba(97, 189, 148, 0.9)*/
}
.breadcrumb-item.active {
  color: #9BF9CE;/*rgba(97, 189, 148, 0.9)*/
}
#carouselDiscover .carousel-caption {
  position: absolute;
  right: 15%;
  top: 35%;
  left: auto;
  max-width: 50%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
}
#carouselDiscover .carousel-caption-left {
  position: absolute;
  right: 65%;
  top: 35%;
  left: auto;
  max-width: 50%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
}
#carouselKeepExploring .carousel-control-next,
#carouselKeepExploring .carousel-control-prev,
#carouselKeepExploringMobile .carousel-control-next,
#carouselKeepExploringMobile .carousel-control-prev
/*, .carousel-indicators */ {
    filter: invert(100%);
    width: 1rem;
}
#carouselKeepExploring .carousel-inner,
#carouselKeepExploringMobile .carousel-inner {
  padding: 0 2rem 2rem 2rem;
}
#carouselKeepExploring .carousel-indicators,
#carouselKeepExploringMobile .carousel-indicators {
  margin-bottom: 0;
}
#carouselKeepExploring .carousel-indicators button,
#carouselKeepExploringMobile .carousel-indicators button {
  background-color: #999999
}
#carouselKeepExploring .carousel-indicators .active,
#carouselKeepExploringMobile .carousel-indicators .active {
  background-color: #197149;
}
.keepExploring-link a:hover, .keepExploring-link  a:focus, .keepExploring-link .active {
  color: #197149;
}
.footer-border{
  border-bottom: solid rgba(97, 189, 148, 0.3) 0.01rem;
} 
#contact-form .form-control, #contact-form .form-select {
  font-size: 0.8rem;
  border: none;
  border-bottom: #212121 solid 0.01rem;
  border-radius: 0;
  background-color: #F9F7F4;
  padding: 0.1rem;
}
#contact-form .form-control:focus, #contact-form .form-select:focus{
  outline:none !important;
  outline-width: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#contact-form .form-label{
  margin-bottom: 0.1rem;
}
.breadcrumb-padding{
  padding-left: 110px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}
.search-input {
    border-color: #c5a67a !important;
}
.search-input:focus {
  border-color: #c5a67a !important;
  box-shadow: 0 0 0 0.2rem rgba(197, 166, 122, 0.25);
}
#searchList, #searchListMobile {
  display: none;
  max-height: 200px;
  overflow-y: auto;
  cursor: pointer;
  font-size: 0.7rem;
}
#searchList a, #searchListMobile a {
    text-decoration: none;
    color: inherit;
}
#searchList a:hover, #searchListMobile a:hover  {
    background-color: #f8f9fa;
}
/** Large devices (desktops, less than 1200px) lg*/
@media (max-width: 1200px) {
}
/** Medium devices (tablets, less than 992px) md*/
@media (max-width: 992px) {
  .navbar-border{
    border-top: solid rgba(255,255,255,1) 0.01rem;
  }
  .navbar-nav-link-border{
    border-top: solid #9BF9CE; /*rgba(97, 189, 148, 0.9) 0.01rem*/
  }  
}
/** Small devices (landscape phones, less than 768px) sm*/
@media (max-width: 768px) {  
  #image {
    background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8)),url(../../images/rolex/corners-homepage-cover-smm22an_13333-portrait.avif);
    max-height: 1023px;
    height: 1023px;
    max-width: 100%;
  }
  #carouselDiscover .carousel-caption {
    right: 15%;
    bottom: 10%;
    left: 15%;
    top:auto;
    max-width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: left;
  }
  .breadcrumb-padding{
    padding-left: 30px;
  }
  
}
/** Extra small devices (portrait phones, less than 576px) xs*/
@media (max-width: 576px) {
}
/* Slider owlcarousel */
.slider {
  margin-bottom: 60px !important;
  width: calc(100% - 20px);
  margin: 0 auto;
  text-align: center;
}
.slider .dividing-line {
  margin: 4px auto 30px
}
.slide img {
  margin-bottom: 10px
}
.slider .slide {
  padding: 1px !important;
  text-transform: uppercase
}
.slide .selected {
  opacity: 0.3;
  cursor: default;
}
.slider .slide div{
  padding:0px 10px
}
.owlContainer {
  max-width: 970px;
  margin: auto;
}
.owl-dots {
  margin-bottom: 50px !important;
}
.owl-next span,
.owl-prev span {
  display: none;
}
button.owl-dot {
  width: 60px !important;
  height: 5px !important;
  margin: 5px 7px !important;
  background: #D6D6D6 !important;
  -webkit-backface-visibility: visible !important;
  transition: opacity .2s ease !important;
  border-radius: 3px !important;
}
button.owl-dot.active {
  background: #127749 !important;
}
@media screen and (min-width: 1060px) {
  .slider {
      width: calc(100% - 140px)
  }
}
@media screen and (min-width: 800px) {
  .slider .owl-nav {
      display: block
  }
  .slider .owl-nav .owl-prev,
  .slider .owl-nav .owl-next {      
      height: 18px;
      width: 11px;
      background-size: cover !important;
      background-repeat: no-repeat;
      position: absolute;
      top: calc(50% - 33px);
  }
  .slider .owl-nav .owl-prev.disabled,
  .slider .owl-nav .owl-next.disabled {
      opacity: 0.3
  }
  .slider .owl-nav .owl-prev {
      background-image: url(../../images/arrowLeft.svg)!important;
      left: -40px;
  }
  .slider .owl-nav .owl-next {
      background-image: url(../../images/arrowRight.svg)!important;
      left: auto;
      right: -40px;
  }
}
@media screen and (max-width: 799px) {
  .slider .owl-dots {
      display: block;
      text-align: center;
      -webkit-tap-highlight-color: transparent
  }
  .slider .owl-dots .owl-dot {
      display: inline-block;
      zoom: 1;
      display: inline
  }
  .slider .owl-dots .owl-dot span {
      width: 20px;
      height: 20px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: transform 200ms, box-shadow 200ms, background 200ms;
      border-radius: 30px;
      border: 3px white solid
  }
  .slider .owl-dots .owl-dot.active span {
      box-shadow: 0 0 0 1px #869791;
      background: #869791;
      transform: scale(1.1)
  }
  .slider .owl-dots .owl-dot span {
    display: none;
  }
}

#contact-form .form-control, #contact-form .form-select {
  font-size: 0.8rem;
  border: none;
  border-bottom: #999999 solid 0.01rem;
  border-radius: 0;
 }
.btn-outline-white {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #6c757d;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #6c757d;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff;
  --bs-gradient: none;
}
.btn-outline-gray {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #6c757d;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff;
  --bs-gradient: none;
}
.price-info-tooltip {
  --bs-tooltip-bg: var(--bs-dark);
  --bs-tooltip-color: var(--bs-light);
  --bs-tooltip-max-width: 300px;
}
#collection .btn-rolex-icon-group{
  display:flex;
  align-items:center;
  margin-bottom:15px
}
#collection .btn-rolex-icon{
  border-width:1px;
  border-style:solid;
  background:0 0;
  width:36px;
  height:36px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;border-radius:50%
}
#collection .btn-rolex-icon-group .btn-rolex-icon{
  margin-right:20px
}
#collection .btn-rolex-icon-group .btn-rolex-icon.btn-dark-bg-outline{
  color:#ffffff;
  border-color:#ffffff;
  background:none;
}
#collection .btn-rolex-icon-group .btn-rolex-icon.btn-dark-bg-outline svg{
  fill:#ffffff
}
#collection .btn-rolex-icon-group .btn-rolex-icon.btn-dark-bg-outline svg g{
  fill:#ffffff
}
#collection .btn-rolex-icon-group:hover .btn-rolex-icon.btn-dark-bg-outline{
  color:#127749;
  border-color:#fff;
  background:#fff
}
#collection .btn-rolex-icon-group:hover .btn-rolex-icon.btn-dark-bg-outline svg{
  fill:#127749
}
#collection .btn-rolex-icon-group:hover .btn-rolex-icon.btn-dark-bg-outline svg g{
  fill:#127749
}
#collection .btn-rolex-icon-group:focus .btn-rolex-icon.btn-dark-bg-outline{
  color:#127749;
  border-color:#fff;
  background:#fff
}
#collection .btn-rolex-icon-group:focus .btn-rolex-icon.btn-dark-bg-outline svg{
  fill:#127749
}
#collection .btn-rolex-icon-group:focus .btn-rolex-icon.btn-dark-bg-outline svg g{
  fill:#127749
}
#collection .btn-rolex-icon-group .btn-rolex-icon.btn-outline{
  color:#127749;
  border-color:#127749;
  background:none;
}
#collection .btn-rolex-icon-group .btn-rolex-icon.btn-outline svg{
  fill:#127749
}
#collection .btn-rolex-icon-group .btn-rolex-icon.btn-outline svg g{
  fill:#127749
}
#collection .btn-rolex-icon-group:hover .btn-rolex-icon.btn-outline{
  color:#ffffff;
  border-color:#127749;
  background:#127749
}
#collection .btn-rolex-icon-group:hover .btn-rolex-icon.btn-outline svg{
  fill:#fff
}
#collection .btn-rolex-icon-group:hover .btn-rolex-icon.btn-outline svg g{
  fill:#fff
}
#collection .btn-rolex-icon-group:focus .btn-rolex-icon.btn-outline{
  color:#127749;
  border-color:#fff;
  background:#fff
}
#collection .btn-rolex-icon-group:focus .btn-rolex-icon.btn-outline svg{
  fill:#fff
}
#collection .btn-rolex-icon-group:focus .btn-rolex-icon.btn-outline svg g{
  fill:#fff
}
.scarcity-caption {
  position: absolute;
  right: 15%;
  top: 15rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
}
#family-push-banner {
  transform: scale(1.0);
  transition: all .5s ease-in-out;
}
#family-push-banner:hover {
    transform: scale(1.05);
    transition: all .5s ease-in-out;
}
#carouselModelDesktop .slide img {
  margin: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#carouselModelDesktop .carousel-control-next, #carouselModelDesktop .carousel-control-prev{
  width: 3%;
}
#carouselModelDesktop .slide, #carouselModelDesktop .carousel-inner, #carouselModelDesktop .carousel-item {
  height: 550px;
}
#carouseIndicatorsModelDesktop .carousel-indicators [data-bs-target], #carouseIndicatorsModelDesktop .carousel-indicators{
  list-style: none;
  position: relative;
  margin:0;
  justify-content:start;
  padding:0;
}
#carouseIndicatorsModelDesktop .carousel-indicators [data-bs-target], #carouseIndicatorsModelDesktop .carousel-indicators [data-bs-target] li, #carouseIndicatorsModelDesktop .carousel-indicators [data-bs-target] li.active{
  width: 96px;
  height: 63px;
  background-color: #fff;
  position: relative;
  margin-left:0;       
  margin-right:5px;    
}
#carouseIndicatorsModelDesktop .carousel-indicators [data-bs-target] img{
  position: absolute;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  top: 0;
  left: 0;            
}
@media (max-width: 992px) {
  #carouselModelMobileCol .slide, #carouselModelMobileCol .carousel-inner, #carouselModelMobileCol .carousel-item {
    height: 45vh;
    position: relative; 
  }
  #carouselModelMobileCol .slide img {
    margin: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  #carouselIndicatorsModelMobileCol .carousel-indicators [data-bs-target], #carouselIndicatorsModelMobileCol .carousel-indicators{
    position: relative;
  }
  #carouselIndicatorsModelMobileCol .carousel-indicators li{
    list-style: none;
    background-color: #6c757d;
  }
  #carouselIndicatorsModelMobileCol .carousel-indicators .active {
    background-color: #127749;
  }
  .scarcity-caption {   
    top: 22rem;
  }
}