.content { max-width: inherit !important; } #rolexContactForm { text-align: left !important; } p { font-family: "Montserrat", sans-serif; text-transform: none; color: #6f6f6f; } .form-control { border-bottom: 1px solid #ced4da; } #myTab { justify-content: flex-start; align-items: center; gap: 30px; border: 0; } .rolexbase * { font-weight: normal !important; letter-spacing: 0 !important; line-height: inherit !important; -webkit-font-smoothing: antialiased; color: #000000 !important; } .font-large-title { font-family: "RolexFont-Bold-WebS" !important; font-size: 38px !important; line-height: 38px !important; } .font-medium-title { font-family: "RolexFont-Regular-WebS" !important; font-size: 28px !important; line-height: 28px !important; margin-bottom: 20px; } .font-push-title { font-weight: bold !important; font-size: 18px !important; line-height: 18px !important; } .font-grid-title { font-family: "RolexFont-Bold-WebS" !important; font-weight: bold !important; font-size: 15px !important; line-height: 16px !important; } .font-small-subtitle { font-size: 13px !important; line-height: 11px !important; /* font-family: "helvetica-now-regular"; */ } .font-small-title { font-family: "helvetica-now-regular"; font-weight: bold !important; font-size: 11px !important; line-height: 12px !important; } .font-very-small-title { font-weight: bold !important; font-size: 16px !important; line-height: 16px !important; } .font-subtitle { font-weight: bold !important; font-size: 13px !important; line-height: 13px !important; } .font-button-label { font-size: 16px !important; line-height: 16px !important; } .font-section-title { font-size: 14px !important; line-height: 14px !important; } .font-description { font-size: 14px !important; line-height: 14px !important; } .font-small-description { font-weight: normal; font-size: 16px !important; line-height: 23px !important; } p { /* font-family: "helvetica-now"; */ font-size: 15px !important; } @media (max-width: 767px) { .font-large-title { font-size: 24px !important; line-height: 24px !important; } .font-medium-title { font-size: 24px !important; line-height: 24px !important; } .font-push-title { font-size: 16px !important; line-height: 16px !important; } .font-grid-title { font-size: 13px !important; line-height: 13px !important; } .font-small-subtitle { font-size: 9px !important; line-height: 9px !important; } .font-small-title { font-size: 11px !important; line-height: 11px !important; } .font-very-small-title { font-size: 14px !important; line-height: 14px !important; } .font-subtitle { font-size: 11px !important; line-height: 11px !important; } .font-button-label { font-size: 14px !important; line-height: 14px !important; } .font-section-title { font-size: 12px !important; line-height: 12px !important; } .font-description { font-size: 12px !important; line-height: 12px !important; } .font-small-description { font-size: 11px !important; line-height: 11px !important; } p { font-size: 16px !important; } } .container-fluid { padding-left: 0px !important; padding-right: 0px !important; } .header { position: relative; width: 90%; margin: 0px auto; display: block; padding: 20px 0px; } .header .menu { /* margin-right: 40px; */ padding: 0; margin: 0; } #logo { /* width: 120px; */ width: 200px; height: 60px; padding: 20px 40px; display: inline-block; } #logo div { height: 100%; } #logo div img { max-width: 100%; height: auto; } /* .header h1 { padding: 0px 40px; } */ .rolexbase .header .mobrolex { top: 25px; right: 0; /* transform: translate(0, -50%); */ } .rolexbase .header .menu { display: inherit; padding-top: 4px; } @media (max-width: 767px) { .header { padding: 10px 0px; } } .header ul li a { color: #212121 !important; font-family: "Helvetica", sans-serif !important; font-size: 14px !important; padding: 10px 13px; } .header li.current-menu-item a { color: #127749 !important; } .header ul li:last-child { margin-left: 20px; /* border-radius: 30px !important; */ border: none !important; } .header ul li:last-child:hover { background-color: #127749 !important; } .header ul li:last-child:hover a { color: #ffffff !important; } .header ul li:last-child a { color: #127749; padding: 15px 30px !important; line-height: 12px !important; } @media (max-width: 768px) { .header ul li:last-child { margin-left: 0px !important; border: none !important; } .header ul li:last-child:hover { background-color: transparent !important; color: #212121 !important; } .header ul li:last-child:hover a { color: inherit !important; } } @media (max-width: 767px) { .rolepag .header { padding: 20px 0px 0px; height: 100px; } .header ul li:last-child a { } } .container-full { padding: 0px !important; } a { color: initial; text-decoration: none; background-color: transparent; } section.hero-banner { margin-bottom: inherit !important; clear: both; } section.about { padding: 100px 0px !important; } section.about .text-component:nth-child(1) { margin-bottom: 60px; } .owl-carousel .item { height: 260px; background-position: top center; } .carousel-rolex .item { height: inherit; } .carousel-rolex .item img { width: 100%; margin-bottom: 10px; } .text-component { max-width: 650px; margin: 0px auto; text-align: center; } /* .text-component h2 {margin-bottom: 20px !important;} */ .text-component h1 { margin-top: 20px !important; } .text-component p { margin-top: 20px !important; } .text-component.seo h1 { margin-top: 0px !important; margin-bottom: 20px !important; } .text-component .button { display: inline-block; margin-top: 30px; } .text-component.text-image-component { margin-top: 100px; margin-bottom: 100px; } .text-component.text-image-component img { width: 100%; margin-bottom: 20px; } .text-component.text-image-component.rolex-torres-pag { margin-top: 150px; } @media (max-width: 767px) { .text-component { width: 90%; max-width: inherit; } .text-component.text-image-component { margin: 50px auto; } .text-component .button { margin-top: 20px; } .text-component.text-image-component.rolex-torres-pag { margin-top: 80px; } .carousel-rolex .item img { margin-bottom: 5px; } } @media (max-width: 649px) { /* .text-component { width: 50%; } */ .text-component.text-image-component { margin: 50px auto; width: 90%; } } .button { font-family: "Helvetica" !important; font-size: 16px !important; line-height: 16px !important; background-color: #127749 !important; color: #ffffff !important; padding: 10px 30px; border-radius: 30px; border: 1px solid #127749; text-decoration: none; } .button:hover { background-color: #ffffff !important; color: #127749 !important; border: 1px solid #127749; } .button.white { background-color: #ffffff !important; color: #127749 !important; } .button.white:hover { background-color: #127749 !important; color: #ffffff !important; } .STitleBig { display: block; color: #000000 !important; font-size: 19px; line-height: 42px !important; letter-spacing: 2px; margin-bottom: 12px; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; margin-top: 60px; } .titleBig { font-family: "RolexFont-Regular-WebS"; font-size: 36px; line-height: 40px !important; margin-bottom: 16px; letter-spacing: 3px; font-weight: 300 !important; color: #212121; border-bottom: none; margin-top: 0; } .textSep { width: 50px; height: 2px; color: #212121; background-color: #212121; margin-bottom: 30px; border: none; } .torresRetailer { margin-left: 25% !important; margin-right: 25% !important; font-family: "RolexFont-Regular-WebS"; font-size: 14px !important; margin-bottom: 16px !important; line-height: 1.6 !important; color: #212121 !important; font-weight: 300 !important; letter-spacing: 0px !important; } .watchimg { height: auto !important; /* transition: transform 1s; */ max-height: 380px !important; } .watchimg:hover { /* transform: scale(1.1); */ } .watchText-container { width: 100%; padding: 0 5%; margin-bottom: 30px !important; } .watchText-container .font-subtitle { letter-spacing: 1px !important; line-height: 22px !important; } .watchText-container .font-small-title { letter-spacing: 2px !important; } .watchText-subtitle { /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; */ font-size: 10px; /* 100%; */ color: #212121; position: relative; text-align: center; line-height: 10px !important; margin-bottom: 5px !important; } .watchText-smalltext { /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; */ font-size: 12px; /* 100%; */ color: #212121; position: relative; text-align: center; line-height: 12px !important; } .watchText-smalldescription { /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; */ font-size: 12px; /* 100%; */ color: #212121; position: relative; text-align: center; line-height: 12px !important; margin-bottom: 0px !important; } .products-list { margin-bottom: 10%; max-width: 1020px; } .products-list .row { margin-left: 0px; margin-right: 0px; } .products-list .product-item:hover a:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.03); } .rolepag .row#videoDiv { display: flex; flex-wrap: wrap; } #videoDiv { width: 104% !important; /* margin-left: -30px; */ /* margin-bottom: -112px; */ background-color: #1a1a18; height: 480px; } .videoresponsivespaces { padding-right: 0px; margin-right: -15px; height: 100%; } .sizevideo { width: 100%; height: 100%; } #videoDivText { /* display: inline-block; width: 100%; padding-left: 60px; padding-right: 60px; text-align: left; padding-top: 25%; background-color: #1a1a18; padding-bottom: 25%; */ background-color: #1a1a18; padding: 0px 10%; } .titleMedium2 { font-size: 250%; color: #fff; font-family: "Helvetica", sans-serif !important; font-size: 30px; /* 22px; */ line-height: 32px !important; margin-bottom: 16px; letter-spacing: 3px; font-weight: normal !important; border-bottom: none; } #videoDivText p { display: inline-block; margin-right: 0; margin-left: 0; font-family: "RolexFont-Regular-WebS"; font-size: 14px; margin-bottom: 16px; line-height: 1.6 !important; color: #fff !important; font-weight: 400 !important; } @media (max-width: 991px) { .videoresponsivespaces { height: auto; } #videoDivText { /* padding: 40px 10%; */ padding: 40px 0; width: 90%; margin: 0px auto; } #videoDiv { height: inherit; } } @media (max-width: 767px) { .products-list { width: 90%; } .watchText-container { margin-bottom: 20px !important; } } #experienceARolex { width: 80%; max-width: 800px; margin-right: auto; margin-left: auto; margin-bottom: 100px; margin-top: 100px; } .titleMedium { font-size: 250%; color: #212121; font-family: "RolexFont-Regular-WebS"; font-size: 30px; /* 22px; */ line-height: 32px !important; margin-top: 0px !important; margin-bottom: 0px !important; /* 16px */ letter-spacing: 3px; font-weight: normal !important; border-bottom: none; } .textSep { width: 50px; height: 2px; color: #212121; background-color: #212121; margin-bottom: 30px; border: none; } #experienceImage { width: 100%; max-width: 820px; height: auto; /* margin-bottom: 20px; */ } .textIndex { font-family: "Helvetica", sans-serif !important; line-height: 1.6 !important; color: #212121; font-weight: 300 !important; font-size: 14.5px; } #featuredSelections { width: 80%; max-width: 1140px; margin: 0px auto; } #featuredSelections .font-very-small-title { margin-bottom: 30px; } #featuredSelections .font-grid-title { } #featuredSelections .font-grid-subtitle { letter-spacing: 0.3px !important; font-weight: 100 !important; font-size: calc(0.75rem + 0.125 * ((100vw - 20rem) / 100)); font-family: "Helvetica" !important; line-height: 1.2 !important; margin: 0px; text-transform: none; } .editorialGrid .font-grid-title { letter-spacing: 0.1em !important; } #featuredSelections .row:nth-child(1) { margin-bottom: 40px; } #featuredSelections .row .grid-1x2-col:nth-child(1) { padding-right: 10px; } #featuredSelections .row .grid-1x2-col:nth-child(2) { padding-left: 10px; } /* #featuredSelections .grid-img { margin-bottom: 10px; } */ .editorialGrid .col-6 div { overflow: hidden; } .editorialGrid .col-6 .grid-img img { margin-bottom: 0px !important; } .editorialGrid .col-6 .grid-img { transform: scale(1); transition: transform 0.6s, opacity 0.3s !important; transition-property: transform, opacity !important; transition-duration: 0.6s, 0.3s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; } .editorialGrid .col-6:hover .grid-img { transform: scale(1.05); transition: transform 0.6s, opacity 0.3s !important; transition-property: transform, opacity !important; transition-duration: 0.6s, 0.3s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; } .editorialGrid .col-6 .font-grid-title { background: #fff; padding-top: 10px; } .editorialGrid .col-6 .font-grid-title { transform: translateY(0em); transition: transform 0.2s; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; } .editorialGrid .col-6:hover .font-grid-title { transform: translateY(-1em); transition: transform 0.2s; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; } .imageComponent { padding: 100px 0 !important; } #featuredSelections .grid-img img { width: 100%; margin-bottom: 10px; } /* #featuredSelections .grid-1x2 { width: 100%; } */ #featuredSelections .mob-ver { display: none; } @media (max-width: 1024px) { .rlx-location__left { width: 100% !important; } .rlx-location__detail { width: 100% !important; } #featuredSelections { width: 90%; } } @media (max-width: 767px) { #featuredSelections .smallTitle { margin-bottom: 20px; } #featuredSelections .row .grid-1x2-col:nth-child(1) { padding-right: 5px; } #featuredSelections .row .grid-1x2-col:nth-child(2) { padding-left: 5px; } #featuredSelections img { display: none; } #featuredSelections .mob-ver { display: block; } } #contactUs { font-size: 11px; /* 100%; */ /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */ color: #127749; padding: 15px 35px; border-radius: 30px; border: 1px solid #127749; background-color: white; text-decoration: none; font-weight: 400 !important; } #contactUs:hover { color: white; padding: 17px 35px; background-color: #127749; } .galleryTextContent { margin-top: 0px; text-align: left; float: left; width: 100%; /* max-width: 364px; */ margin-right: 1px; margin-left: 0px; /* padding-left: 30px; */ } .navLink { color: #818181; } .smallANav { margin-right: 30px; font-size: 12px; /* 100%; */ font-family: "RolexFont-Regular-WebS"; letter-spacing: 0.05em; font-weight: 200; font-weight: var(--weight-light); color: #212121; color: var(--color-black); line-height: 1.8em; text-decoration: none; } .footer .carousel-rolex { /* max-width: 1000px; */ width: 100%; margin: 0px auto; } .footer .carousel-rolex .owl-nav button { transform: translateY(calc(-50% - 35px)) !important; } .footer { padding: 0px !important; } .footer h1 { margin-top: 40px; } .footer h1.footer-rolex-logo-mob { display: none; } @media (max-width: 1069px) { .footer h1.footer-rolex-logo-desktop { display: none; } .footer h1.footer-rolex-logo-mob { display: block; margin-top: 30px; } .rolexbase .footer ul li { width: 100%; border-bottom: 1px solid #ededed; border-radius: 0px; } } /* .footer h1.footer-rolex-logo { margin-top: 0px !important; margin-bottom: 20px !important; } */ .footer .carousel-rolex { margin-top: 0px !important; margin-bottom: 60px !important; } .rolexbase .footer .carousel-rolex button span { color: #127749 !important; } .footer .carousel-rolex .owl-dots { text-align: center; padding-top: 10px; } .footer .carousel-rolex .owl-dots .owl-dot { width: 80px; height: 3px; background-color: #d4d4d4; margin: 0px 10px; border-radius: 20px; } .footer .carousel-rolex .owl-dots .owl-dot.active { background-color: #127749; } @media (max-width: 1069px) { .rolexbase .footer .carousel-rolex .owl-nav button.owl-prev { left: -20px !important; } .rolexbase .footer .carousel-rolex .owl-nav button.owl-next { right: -20px !important; } } @media (max-width: 767px) { .footer .carousel-rolex .owl-dots .owl-dot { width: 40px; } .footer .carousel-rolex .owl-dots { padding-top: 20px; } } /* .footer .menu { padding: 20px 0px; } .footer ul { border-bottom: 1px solid #c1c1c1 !important; border-top: 1px solid #c1c1c1 !important; } .footer ul li a { font-size: 12px !important; padding: 0px 15px !important; } .footer ul li:last-child a { padding: 0px !important; } .footer ul li.current-menu-item a { color: #212121 !important; } */ /* .footer ul li:last-child { border: 1px solid #127749 !important; border-radius: 30px !important; padding: 5px 35px; margin-left: 18px; } */ .footer ul li a { color: #212121 !important; font-size: 14px !important; } .rolexbase .footer ul { padding: 0px; } .footer li.current-menu-item a { color: #127749 !important; } .rolexbase .footer ul li:last-child { border: none !important; } .rolexbase .footer ul li:last-child a { padding: 10px !important; } @media (min-width: 768px) { .header ul li:last-child { /* .footer ul li:last-child { */ /* margin-left: 0px !important; */ } .header ul li:last-child a { /* .footer ul li:last-child a { */ color: #127749 !important; line-height: 12px !important; padding: 13px 30px; border-radius: 30px; border: 1px solid #127749; text-decoration: none; } .header ul li:last-child:hover a { /* .footer ul li:last-child:hover a { */ color: #ffffff !important; background-color: #127749 !important; } } /* @media (max-width: 768px) { .header ul li:last-child { border: none !important; border-radius: unset !important; background-color: #ffffff !important; } } */ .rolexhistoria .hero-banner, .rolexlojas .hero-banner { /* margin-bottom: 60px !important; */ } .footer-bottom-html .text-component { padding-top: 100px; } .intro-text { padding: 100px 0 !important; } @media (max-width: 767px) { .intro-text { padding: 50px 0 !important; } } /* .rolexhistoria .hero-banner { margin-bottom: 60px !important; } .text-intro { margin-bottom: 60px; } */ #principalContainer { max-width: 1160px; /* 75%; */ margin-bottom: 100px; } .contentImage { width: 100%; max-width: 580px; } /* .rolexhistoria .intro-text { padding: 100px 0px !important; } */ /*** SMALL ICON BUTTON ***/ .mapscontacts .small-icon-btn { display: inline-flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #127749; border-image: initial; border-radius: 50%; transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s, fill 0.3s ease 0s; padding: 0.8rem; border: none; cursor: pointer; } .mapscontacts .small-icon-btn svg { width: 14px; height: 14px; fill: #127749; transition: fill 0.3s ease 0s; } .mapscontacts .small-icon-btn:hover { background-color: #127749; } .mapscontacts .small-icon-btn:hover svg { fill: #ffffff; } @media (max-width: 767px) { .mapscontacts .small-icon-btn { padding: 0.74rem; } .mapscontacts .small-icon-btn svg { width: 12px; height: 12px; } } /*** KEEP EXPLORING COMPONENT ***/ .keepexploring-component { max-width: 1140px; width: 80%; margin: 0px auto; text-align: left; } .keepexploring-component h1 { width: auto !important; margin-bottom: 40px !important; } .keepexploring-component .font-grid-title { letter-spacing: 2px !important; } @media (max-width: 1069px) { .keepexploring-component { max-width: 100%; width: 90%; } } @media (max-width: 767px) { .keepexploring-component h1 { margin-bottom: 30px !important; } } /*** CHECKERBOARD COMPONENT ***/ .checkerboard-component { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 100px; } .checkerboard-component .checkerboard-col { padding-left: 0 !important; padding-right: 0 !important; } .checkerboard-component .checkerboard-col-img img { width: 100%; } .checkerboard-component .text-content h1 { margin-bottom: 10px !important; } .checkerboard-component.image-on-left .checkerboard-col-img { padding-left: 5vw !important; } .checkerboard-component.image-on-left .checkerboard-col-text { padding-left: 10vw !important; padding-right: 10vw !important; } .checkerboard-component.image-on-left .text-content { width: 30vw; } .checkerboard-component .text-content .storedetail-button { margin-bottom: 10px; } .checkerboard-component .text-content .storedetail-button span { cursor: pointer; } .checkerboard-component .text-content .small-icon-btn { margin-right: 5px; } .checkerboard-component.image-on-right .checkerboard-col-img { padding-right: 5vw !important; } .checkerboard-component.image-on-right .checkerboard-col-text { padding-left: 10vw !important; padding-right: 10vw !important; } .checkerboard-component.image-on-right .text-content { width: 30vw; } .checkerboard-component a.button { display: inline-block; margin-top: 10px; } @media (max-width: 1069px) { .checkerboard-component.image-on-left .checkerboard-col-img { padding-left: 5vw !important; } .checkerboard-component.image-on-left .checkerboard-col-text { padding-left: 5vw !important; padding-right: 5vw !important; } .checkerboard-component.image-on-left .text-content { width: 40vw; } .checkerboard-component.image-on-right .checkerboard-col-img { padding-right: 5vw !important; } .checkerboard-component.image-on-right .checkerboard-col-text { padding-left: 5vw !important; padding-right: 5vw !important; } .rolexhistoria .checkerboard-component.image-on-right .text-content { width: 40vw; } } @media (max-width: 767px) { .checkerboard-component { padding-left: 0 !important; padding-right: 0 !important; width: 90%; margin: 0px auto; margin-bottom: 50px; } .checkerboard-component .text-content { width: 100% !important; } .checkerboard-component.image-on-left .checkerboard-col-img { padding-left: 0 !important; padding-bottom: 20px; } .checkerboard-component.image-on-left .checkerboard-col-text { padding-left: 0 !important; padding-right: 0 !important; } .checkerboard-component.image-on-right .checkerboard-col-img { padding-right: 0 !important; padding-bottom: 20px; } .checkerboard-component.image-on-right .checkerboard-col-text { padding-left: 0 !important; padding-right: 0 !important; } } /*** TWOCOLUMN COMPONENT ***/ .twocolumn-component { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 100px; background-color: #212121 !important; } .twocolumn-component .twocolumn-col { padding-left: 0 !important; padding-right: 0 !important; } .twocolumn-component .twocolumn-col-img img { width: 100%; } .twocolumn-component .text-content h1 { margin-bottom: 10px !important; } .twocolumn-component.image-on-left .twocolumn-col-img { /* padding-left: 0 !important; */ } .twocolumn-component.image-on-left .twocolumn-col-text { padding-left: 10vw !important; padding-right: 10vw !important; } .twocolumn-component.image-on-left .text-content { width: 30vw; padding: 10px 0; } .twocolumn-component.image-on-left .text-content * { color: #ffffff !important; } .twocolumn-component.image-on-right .twocolumn-col-img { /* padding-right: 0 !important; */ } .twocolumn-component.image-on-right .twocolumn-col-text { padding-left: 10vw !important; padding-right: 10vw !important; } .twocolumn-component.image-on-right .text-content * { color: #ffffff !important; } .twocolumn-component.image-on-right .text-content { width: 30vw; padding: 10px 0; } @media (max-width: 1069px) { .twocolumn-component.image-on-left .twocolumn-col-img { /* padding-left: 5vw !important; */ } .twocolumn-component.image-on-left .twocolumn-col-text { padding-left: 5vw !important; padding-right: 5vw !important; } .twocolumn-component.image-on-left .text-content { width: 40vw; } .twocolumn-component.image-on-right .twocolumn-col-img { padding-right: 5vw !important; } .twocolumn-component.image-on-right .twocolumn-col-text { padding-left: 5vw !important; padding-right: 5vw !important; } .twocolumn-component.image-on-right .text-content { width: 40vw; } } @media (max-width: 767px) { .twocolumn-component { padding-left: 0 !important; padding-right: 0 !important; width: 100%; margin: 0px auto; margin-bottom: 50px; } .twocolumn-component .text-content { width: 90% !important; margin: 0px auto; } .twocolumn-component.image-on-left .twocolumn-col-img { padding-left: 0 !important; padding-bottom: 20px; } .twocolumn-component.image-on-left .twocolumn-col-text { padding-left: 0 !important; padding-right: 0 !important; } .twocolumn-component.image-on-right .twocolumn-col-img { padding-right: 0 !important; padding-bottom: 20px; } .twocolumn-component.image-on-right .twocolumn-col-text { padding-left: 0 !important; padding-right: 0 !important; } } /*** STORE DETAIL COMPONENT ***/ .storedetail-component { padding-left: 0 !important; padding-right: 0 !important; width: 90%; margin: 0px auto; background-color: #f8f8f8 !important; } .storedetail-component .storedetail-col { padding-left: 0 !important; padding-right: 0 !important; } .storedetail-component .storedetail-col-img .storedetail-img { position: relative; width: 100%; height: 550px; background-position: center center; background-size: cover; } .storedetail-component .storedetail-col-img img { width: 100%; } .storedetail-component .storedetail-col-img #map { width: 100%; height: 550px; } .storedetail-component .text-content h1 { margin-bottom: 10px !important; } .storedetail-component .text-content p { margin-bottom: 10px !important; line-height: 24px !important; } .storedetail-component .text-content .font-small-subtitle { letter-spacing: 2px !important; color: #127749 !important; margin-bottom: 5px; } .storedetail-component .text-content .storedetail-button { margin-bottom: 10px; } .storedetail-component .text-content .storedetail-button span { cursor: pointer; } .storedetail-component .text-content .small-icon-btn { margin-right: 5px; } .storedetail-component.image-on-left .storedetail-col-img { /* padding-left: 0 !important; */ } .storedetail-component.image-on-left .storedetail-col-text { padding-left: 10vw !important; padding-right: 10vw !important; } .storedetail-component.image-on-left .text-content { width: 30vw; padding: 30px 0 40px; font-size: 16px; } /* .storedetail-component.image-on-left .text-content * { color: #ffffff !important; } */ .storedetail-component.image-on-right .storedetail-col-img { /* padding-right: 0 !important; */ } .storedetail-component.image-on-right .storedetail-col-text { padding-left: 10vw !important; padding-right: 10vw !important; } /* .storedetail-component.image-on-right .text-content * { color: #ffffff !important; } */ .storedetail-component.image-on-right .text-content { width: 30vw; padding: 30px 0 40px; } /* @media (max-width: 1069px) { .storedetail-component.image-on-left .storedetail-col-img { } .storedetail-component.image-on-left .storedetail-col-text { padding-left: 5vw !important; padding-right: 5vw !important; } .storedetail-component.image-on-left .text-content { width: 40vw; } .storedetail-component.image-on-right .storedetail-col-img { padding-right: 5vw !important; } .storedetail-component.image-on-right .storedetail-col-text { padding-left: 5vw !important; padding-right: 5vw !important; } .storedetail-component.image-on-right .text-content { width: 40vw; } } */ @media (max-width: 767px) { .storedetail-component { /* padding-left: 0 !important; padding-right: 0 !important; width: 90%; margin: 0px auto; */ margin-bottom: 50px; } .storedetail-component .text-content { width: 100% !important; margin: 0px auto; text-align: center; } .storedetail-component .text-content .storedetail-button { display: inline-block; margin-bottom: 0px; } .storedetail-component .text-content .storedetail-button span { display: none; } .storedetail-component.image-on-left .storedetail-col-img { padding-left: 0 !important; padding-bottom: 20px; } .storedetail-component.image-on-left .storedetail-col-text { padding-left: 0 !important; padding-right: 0 !important; } .storedetail-component.image-on-right .storedetail-col-img { padding-right: 0 !important; padding-bottom: 20px; } .storedetail-component.image-on-right .storedetail-col-text { padding-left: 0 !important; padding-right: 0 !important; } } section.storedetail-bottom-hero { margin-bottom: 100px !important; } @media (max-width: 767px) { section.storedetail-bottom-hero { margin-bottom: 50px !important; } } .paddingtextshowroom { width: 80%; max-width: 440px; margin: 0px auto; } .paddingtextshowroom p { margin: inherit !important; margin-bottom: -2px !important; color: #212121; text-align: left !important; font-size: 14px; line-height: 24px !important; font-weight: 400 !important; } .titulohistory, .titulohistory2 { color: #212121; font-family: "RolexFont-Regular-WebS"; font-size: 30px !important; line-height: 35px !important; margin-bottom: 16px !important; letter-spacing: 3px !important; font-weight: 300 !important; border-bottom: none; text-align: left; } .textSep2 { width: 50px; height: 2px; color: #212121; background-color: #212121; margin-bottom: 10px; border: none; float: left; margin-top: -17px; } .horarioshowroomtable { display: none; } .is-open table { display: table; position: absolute; z-index: 1000; background-color: #fff; width: 240px; padding: 5px 15px; } .rlx-retailer-openinghours { margin: 0 0 20px; line-height: 24px; position: relative; cursor: pointer; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; text-align: left; } address, .rlx-retailer-openinghours, address .rlx-retailer-telephone { color: #818181; font-style: normal; line-height: 18px; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; } .rlx-retailer-openinghours * { line-height: 24px; cursor: pointer; font-weight: 300; /* font-family: "RolexFont","Helvetica",sans-serif !important; */ font-size: 16px; letter-spacing: 0px; } .rlx-retailer-openinghours strong { font-weight: inherit; color: #a37e2c; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .rlx-retailer-openinghours-summary::after { content: ""; display: inline-block; vertical-align: 3px; width: 0; height: 0; margin-left: 12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #818181; } .table > tbody > tr > td, .table > tbody > tr > th { /* padding: 5px !important; */ padding: 5px 15px !important; border: 0px solid !important; font-size: 14px !important; line-height: 24px !important; letter-spacing: 0px; vertical-align: top; } .table > tbody > tr > th { font-weight: bold !important; } .table > tbody > tr > td { text-align: right; } @media (max-width: 767px) { .rlx-retailer-openinghours-summary { text-align: center; } .horarioshowroomtable.is-open { left: 50%; transform: translate(-50%, 0); } } .iconscontactshowroom { width: 40px; margin-right: 11px; } #topBanner7 { background-image: none; background-color: #f8f8f8 !important; width: 100%; /* height: 290px; */ background-repeat: no-repeat; background-position: center; } #messageSection { /* margin-bottom: 50px; margin-top: 50px; font-family: 'Helvetica',sans-serif !important; font-weight: 300; */ position: relative; } #messageSection .rlx-section__title { margin-bottom: 20px; } #messageSection .title-copy { text-align: center !important; margin-bottom: 30px !important; margin-top: 10px !important; font-size: 14px; } #rolexContact { text-align: left; width: 100%; /* max-width: 620px; */ margin: auto; padding-top: 35px; } .titleBigContact { font-size: 30px !important; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .form-group { position: relative; margin-bottom: 40px; } .form-group.form-group-before-textarea { margin-bottom: 55px; } .form-group.form-group-textarea { margin-bottom: 30px; } .form-group.checkbox-container { margin-bottom: 3px; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 14px; font-weight: 300 !important; font-family: "Helvetica", sans-serif !important; color: #212121; letter-spacing: 0px !important; } /* input[type='text'], textarea, input[type='tel'], input[type='email'] { background: #fff none; color: #212121; border: 0px solid #aaa9a9; border-bottom: 1px solid #aaa9a9; border-radius: 0; font-size: .75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1em; width: 100%; margin-bottom: 26px; font-size: 12px; letter-spacing: 0px; height: 35px; } */ .form-label { margin-bottom: 5px; } #messageSection input, #messageSection textarea { width: 100%; background: transparent; color: #767676; border: 0px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 !important; height: 20px; /* font-family: "Helvetica-Light" !important; */ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; /* font-size: 16px !important; */ } #messageSection textarea { border: 1px solid #d4d4d4; padding: 10px 20px !important; height: 100px !important; } #messageSection input[type="checkbox"] { cursor: default; margin: 3px 0; margin-right: 10px; padding: initial; border: 2px solid #ffffff; outline: 1px solid #000000; width: 20px !important; height: 20px !important; border-radius: 50%; zoom: 1.1; background: #fff !important; -webkit-appearance: none; -moz-appearance: none; vertical-align: middle; margin: 0px; margin-right: 10px; } #messageSection input[type="checkbox"]:checked { background-color: #127749 !important; border-color: #000000 !important; border-radius: 50%; outline: none; } .form-group .checkbox-container { margin-bottom: 15px; } .form-group .checkbox-label { /* color: #7d7d7d !important; */ vertical-align: middle; display: inline; } .form-group .checkbox-label a { color: #252525 !important; text-decoration: underline; } .cta { text-align: center; margin-top: 40px; } .cta p { font-size: 12px; } form .cta .label-smalldescription { padding-top: 30px; padding-bottom: 10px; } .cta #cancelbtn { cursor: pointer; margin-right: 30px; } #messageSection form input, #messageSection form textarea, #messageSection form select { /* font-family: "helvetica-now" !important; */ -webkit-appearance: none; z-index: 5; position: relative; height: 50px; /* font-size: 0.875rem; */ box-sizing: border-box; color: rgba(33, 33, 33, 0.5); display: inline-block; letter-spacing: 0.05em; font-weight: 400; line-height: 20px; vertical-align: middle; width: 100%; transition: border 0.3s ease-out 0s, color 0.3s ease-out 0s; background: transparent; border-radius: 0px; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(33, 33, 33, 0.2); outline: 0px; padding: 0px; text-transform: unset !important; } #messageSection form input::placeholder, #messageSection form textarea::placeholder, #messageSection form select::placeholder { color: rgba(33, 33, 33, 0.5) !important; } #messageSection form input:focus, #messageSection form textarea:focus, #messageSection form select:focus { /* border: none !important; */ box-shadow: none !important; } .form-group-select::after { content: ""; height: 0px; right: 3px; margin-left: -8px; margin-top: 0px; pointer-events: none; position: absolute; top: 50%; width: 0px; transform: translate(0, -50%); border-style: solid; border-color: rgb(130, 130, 130) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-image: initial; border-width: 4px; } .form-msg textarea { height: 100px; margin-bottom: 5px; color: rgb(0, 0, 0); max-width: 650px; max-height: 200px; min-width: 100%; min-height: 100px; border-width: 1px; padding: 10px 20px 0px; } .form-title { display: inline-block; width: 18%; margin-right: 8px; } .form-fname { display: inline-block; width: 25%; margin-right: 8px; } .form-sname { display: inline-block; width: 51%; } .form-email { display: inline-block; width: 100%; margin-right: 5px; } .form-and_or { /* font-family: "helvetica-now" !important; */ font-size: 14px; display: inline-block; margin-right: 20px; margin-top: -20px; color: #452c1e; opacity: 50%; } .form-phonecode { display: inline-block; width: 23%; margin-right: 20px; } .form-phone { display: inline-block; width: 100%; } .overlay { position: fixed; /*position: absolute;*/ top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9; padding: 100px 0px; display: none; } @media (max-width: 767px) { .overlay { /* padding: 50px 0px; */ } } .overlay .success, .overlay .fail, .overlay .waiting { position: absolute; top: 50%; width: 100%; text-align: left; transform: translateY(-50%); display: none; } .overlay .waiting { text-align: center; font-weight: bold; } .overlay .success h4, .overlay .fail h4, .overlay .waiting h4 { font-size: 18px; font-weight: 300; margin-bottom: 30px; } .overlay .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; } .overlay .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .overlay.active, .overlay .active { display: block; } @media (max-width: 767px) { input, textarea { font-family: inherit !important; font-size: inherit !important; } #messageSection { grid-column: span 6; } #messageSection h1 { margin-bottom: 15px; } #rolexContact { padding-top: 25px; } /* input { margin-bottom: 40px; } */ .form-group { margin-bottom: 30px; } .form-group.form-group-before-textarea { margin-bottom: 30px; } .form-group.form-group-textarea { margin-bottom: 20px; } input { height: 25px; } .form-group .checkbox-label { width: 60vw; } .form-group.checkbox-container { margin-bottom: 8px; } .form-title { display: inline-block; width: 22%; margin-right: 5px; } .form-fname { display: inline-block; width: 75%; margin-right: 0px; } .form-sname { display: inline-block; width: 100%; } .form-email { display: inline-block; width: 100%; margin-right: 0px; margin-bottom: 20px; } .form-and_or { display: block; margin-right: 0px; margin-bottom: 16px; margin-top: 4px; } .form-phonecode { display: inline-block; width: 18%; margin-right: 5px; } .form-phone { display: inline-block; width: 81%; } } @media (max-width: 460px) { .checkbox-label a:nth-child(2) { display: block; padding-top: 3px; } } @media (max-width: 1200px) and (min-width: 991px) { #videoDivText { /* padding-top: 4%; */ } } @media (max-width: 990px) { .sizevideo { width: 100%; height: 50vw; /* 100%; */ } #videoDivText { /* padding-top: 5%; padding-bottom: 5%; */ } .torresRetailer { margin-left: 15% !important; margin-right: 15% !important; } iframe.mapas-contactos { width: 120% !important; margin-left: -10%; } } @media only screen and (max-width: 1061px) and (min-width: 750px) { .watchimg { width: 230px !important; height: auto !important; transition: transform 1s; } #videoDivText { /* display: inline-block; width: 100%; padding-left: 60px; padding-right: 60px; text-align: left; padding-top: 9%; background-color: #1a1a18; padding-bottom: 12%; */ } } @media only screen and (max-width: 799px) { .watchimg { width: 100% !important; } } @media (min-width: 769px) { .mobrolex { display: none !important; } } @media (max-width: 769px) { .header .menu { width: 100%; margin-right: inherit; float: inherit; } .rolexbase .header ul.menu { width: 100% !important; margin-left: 0px !important; } } @media only screen and (max-width: 767px) { .header ul.menu { /* margin-left: inherit; */ } .torresRetailer { margin-left: 5% !important; margin-right: 5% !important; } .rolexhistoria .historyfloatimage { float: inherit; } #principalContainer { padding-left: 0px; padding-right: 0px; } .contentImage { /* width: 100%; */ max-width: 100%; } .rolexhistoria .paddingtexthistory, .rolexhistoria .paddingtexthistoryright { max-width: inherit; margin: 40px auto; } .rolexhistoria .paddingtexthistoryright * { text-align: left !important; } .paddingtextshowroom { max-width: inherit; /* margin: 40px auto; */ padding: 40px 0px; } #topBanner7 { height: inherit !important; } #experienceARolex { width: 90%; /* margin: 0px auto; */ } } /* @media only screen and (max-width: 400px) { .STitleBig { font-size: 8px; line-height: 12px !important; } .titleBig { font-size: 16px; line-height: 20px !important; } .header h1 { padding: 0px 20px; } .owl-carousel .item { height: 100px; } .owl-carousel.carousel-rolex .item { height: inherit; } .torresRetailer { font-size: 12px !important; line-height: 18px !important; margin-left: 0px !important; margin-right: 0px !important; width: 90%; margin: 0px auto !important; } .titleMedium, .titleMedium2 { font-size: 16px; line-height: 20px; } #experienceARolex { margin: 40px auto; } .rolexhistoria .paddingtexthistory, .rolexhistoria .paddingtexthistoryright { width: 90%; } .rolexbase .footer { margin-top: 40px; } .text-intro { margin-bottom: 40px !important; } .titulohistory, .titulohistory2 { font-size: 16px !important; } .rolexhistoria .paddingtexthistory p { font-size: 12px ; } .paddingtextshowroom p { font-size: 12px; } .rlx-retailer-openinghours * { font-size: 12px; } .table > tbody > tr > td, .table > tbody > tr > th { font-size: 12px !important; } .paddingtextshowroom { padding: 40px 0px 50px; } .titleBigContact { font-size: 32px !important; } #messageSection label { font-size: 12px; } } */ @media only screen and (max-width: 750px) and (min-width: 627px) { #videoDivText { /* display: inline-block; text-align: left; width: 105%; margin-top: 138px; margin-right: 0; margin-left: 15px; */ } } @media only screen and (max-width: 627px) and (min-width: 525px) { #videoDivText { /* display: inline-block; padding: 40px 40px; text-align: left; width: 100%; background-color: #1a1a18; */ } /* .sizevideo { width: 100%; height: 167%; } */ } @media only screen and (max-width: 550px) { /* #videoDiv { width: 117% !important; margin-left: -9px; } */ #videoDivText { /* padding-top: 40px; text-align: left; width: 100%; background-color: #1a1a18; margin-top: 100px; margin-left: 0px !important; */ } } @media only screen and (max-width: 449px) { /* #videoSection { margin-top: 100px; margin-bottom: -200px; } #videoDiv { width: 110% !important; margin-left: -30px; margin-bottom: -180px; } */ } @media only screen and (max-width: 375px) { /* #videoDiv { width: 104% !important; margin: -75px; margin-left: -75px; margin-left: 7px; } .videoresponsivespaces { padding-right: 0px; margin-left: -15px; margin-right: -15px; } */ } .mapscontacts { /* padding-right: 10%; padding-left: 10%; margin-bottom: 10%; */ /* max-width: 1140px; */ width: 80%; margin: 0px auto; } .tab-content > .active { display: block; padding-top: 5%; padding-left: 5%; } .fade { opacity: 1; } .mapscontacts .container-fluid.list-tab { padding-left: 15px !important; padding-right: 15px !important; } .mapscontacts .small-icon-btn { margin: 0px 5px; border: none !important; padding: 12px; width: 40px; height: 40px; line-height: 14px; } @media (max-width: 767px) { .mapscontacts { max-width: 100%; width: 90%; } } /*----------------------------------------------------------------*/ /*RESPONSIVE TABLETS*/ @media only screen and (max-width: 801px) { /*#menuResponsive2 { display: block; text-align: center; width: 100%; transition: height 3s ease; margin-top: -100%; }*/ #topBanner3 { background-position: inherit; } #topBanner6 { background-position: right; } #topBanner5 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner8, topBanner4 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner9 { background-position: right; } #rolexLogo { width: 104px; height: 57px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; display: table; margin-bottom: 20px; } #nav { display: none; } #navResponsive { float: right; margin: 50px 40px 30px 0; text-align: right; display: block; } #menuResponsive { display: block; text-align: center; width: 100%; transition: height 3s ease; } #menuResponsive ul { padding: 0; } #menuResponsive a { text-decoration: none; color: inherit; } #menuResponsive li { text-decoration: none; list-style: none; border-bottom: 1px solid #90929479; } .smallMenu { height: 0; display: none !important; } .bigMenu { height: auto; } #footerRolex { display: none; } #contactUs { font-size: 100%; color: white; padding: 13.92px 15px; border: 1px solid #212121; border-bottom-color: rgb(33, 33, 33); border-bottom-style: solid; border-bottom-width: 1px; background-color: #212121; text-decoration: none; margin-right: 27%; margin-left: 27%; } } /*----------------------------------------------------------------*/ /*PORTÁTIL*/ @media only screen and (max-width: 1280px) and (min-width: 1061px) { #galleryContent { width: 85%; } .keepExploringImg { width: 32%; } .galleryText { width: 90%; margin-right: auto; margin-left: auto; } .contentImage { width: 100%; max-width: 580px; } .paddingtextshowroom { padding: 9.5%; } .paddingtextshowroom { padding: 9.5%; } #topBanner3 { background-position: inherit; } #topBanner6 { background-position: right; } #topBanner5 { width: 100%; height: 260px; background-repeat: no-repeat; background-position: right; } #topBanner9 { background-position: right; } } @media only screen and (max-width: 1310px) and (min-width: 1190px) { .paddingtexthistory { vertical-align: middle; padding-top: 7%; padding-left: 3%; padding-right: 4%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 8%; padding-left: 5%; padding-right: 3%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 4%; padding-left: 3%; padding-right: 2%; } .contentImage { width: 100%; max-width: 580px; } .paddingtextshowroom { padding-top: 3%; padding-left: 8%; padding-bottom: 2%; } #topBanner3 { background-position: inherit; } #topBanner6 { background-position: right; } #topBanner5 { width: 100%; height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner8 { width: 100%; height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner9 { background-position: right; } } @media only screen and (max-width: 1190px) and (min-width: 1061px) { .paddingtexthistory { padding-top: 3%; } .paddingtexthistoryright { padding-top: 3%; } .texthistory, .texthistory2 { font-size: 12px; } .titulohistory, .titulohistory2 { font-size: 15px; } .paddingtexthistory { vertical-align: middle; padding-top: 8%; padding-left: 2%; padding-right: 0%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 10%; padding-left: 5%; padding-right: 3%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 4%; padding-left: 2%; padding-right: 1%; } .contentImage { width: 100%; max-width: 580px; } .paddingtextshowroom { padding-top: 3%; padding-left: 8%; padding-bottom: 2%; } #topBanner3 { background-size: cover; background-position: top center; } #topBanner6 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner5 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner8 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner9 { background-position: right; } } /*----------------------------------------------------------------*/ /*PORTÁTIL PEQUENO*/ @media only screen and (max-width: 1061px) and (min-width: 750px) { #galleryContent { width: 85%; margin-right: -45px; } #topBanner3 { background-position: inherit; } #topBanner6 { background-position: right; } #topBanner5 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner8 { height: 260px; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: top center; } #topBanner9 { background-position: right; } .keepExploringImg { width: 32%; } .galleryText { width: 90%; margin-right: auto; margin-left: auto; } /* body { font-size: 12px; overflow-x: hidden; } */ .watchimg { width: 230px !important; height: auto !important; transition: transform 1s; } #videoDiv { height: 600px; width: 106% !important; left: -30px; margin-bottom: -148px; } .sizevideo { width: 100%; height: 100%; } #videoDivText { display: inline-block; width: 100%; padding-left: 60px; padding-right: 60px; text-align: left; padding-top: 9%; background-color: #1a1a18; padding-bottom: 12%; } /*Pádgina de História*/ .texthistory, .texthistory2 { font-size: 12px; } .titulohistory, .titulohistory2 { font-size: 15px; } #principalContainer { max-width: 80%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 5%; padding-left: 5%; padding-right: 3%; } .texthistory, .texthistory2 { font-size: 12px; } .titulohistory, .titulohistory2 { font-size: 15px; } .paddingtextshowroom { padding: 0%; padding-top: 0%; padding-left: 0%; padding-left: 8%; padding-top: 23px; margin-bottom: -10px; } } /*----------------------------------------------------------------*/ /*TABLET E IPHONE X*/ @media only screen and (max-width: 750px) and (min-width: 627px) { #galleryContent { width: 85%; margin-right: -45px; } .keepExploringImg { width: 32%; } .galleryText { width: 90%; margin-right: auto; margin-left: auto; } /* body { font-size: 12px; overflow-x: hidden; } */ .watchimg { width: 230px !important; height: auto !important; transition: transform 1s; } .sizevideo { width: 102.19%; height: 190%; } #videoDivText { display: inline-block; text-align: left; width: 100%; margin-top: 138px; margin-left: 15px; } #videoDiv { width: 106% !important; margin-bottom: 10px; margin-left: -33px; margin-bottom: -151px; } .paddingtexthistory { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .texthistory { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 12.5px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; text-align: left; } #principalContainer { max-width: 90%; } .texthistory, .texthistory2 { font-size: 12px; } .titulohistory, .titulohistory2 { font-size: 15px; } } /*----------------------------------------------------------------*/ /*IPHONE 8*/ @media only screen and (max-width: 627px) and (min-width: 525px) { #galleryContent { width: 83%; margin-right: -46px; } .keepExploringImg { width: 32%; } #videoSection { margin-bottom: -200px; } #videoDiv { /* width: 100%; */ width: 106% !important; height: 608px; margin-bottom: -151px; } .galleryText { width: 90%; margin-right: auto; margin-left: auto; } #videoDiv { /* width: 100%; */ width: 109% !important; height: 608px; margin-bottom: -170px; } .sizevideo { width: 100%; height: 167%; } .rolex { margin-bottom: 20%; } #videoDivText { display: inline-block; padding: 40px 40px; text-align: left; width: 100%; background-color: #1a1a18; margin-top: 100px; } .paddingtexthistory { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } } /*----------------------------------------------------------------*/ /*IPHONE 5*/ @media only screen and (max-width: 525px) and (min-width: 449px) { #galleryContent { width: 83%; margin-right: -46px; } .paddingtextshowroom { padding-left: 15%; padding-top: 10%; padding-bottom: 0px; } .keepExploringImg { width: 30%; } .galleryText { width: 90%; margin-right: auto; margin-left: auto; display: none; } .sizevideo { width: 107%; height: 190%; margin-left: -20px; } #videoSection { margin-top: 100px; margin-bottom: -200px; } #videoDiv { width: 110% !important; margin-left: -30px; margin-bottom: -180px; } #videoDivText { text-align: center; display: inline-block; width: 50%; padding: 40px 40px; padding-top: 40px; padding-bottom: 40px; padding-top: 40px; padding-bottom: 40px; padding-top: 40px; text-align: left; width: 50%; padding-top: 10%; background-color: #1a1a18; padding-bottom: 10%; margin-top: 139px; } .paddingtexthistory { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 10%; } .historyfloatimage { float: none; } } @media only screen and (max-width: 449px) { #galleryContent { width: 103%; margin-left: 6%; } .paddingtextshowroom { padding-left: 15%; padding-top: 10%; padding-bottom: 0px; } .keepExploringImg { width: 30%; } .galleryText { width: 90%; margin-right: auto; margin-left: auto; } .sizevideo { width: 107%; height: 190%; margin-left: -20px; } #videoSection { margin-top: 100px; margin-bottom: -200px; } #videoDiv { width: 110% !important; margin-left: -30px; margin-bottom: -180px; } #videoDivText { text-align: center; display: inline-block; width: 50%; padding: 40px 40px; padding-top: 40px; padding-bottom: 40px; padding-top: 40px; padding-bottom: 40px; padding-top: 40px; text-align: left; width: 50%; padding-top: 15%; background-color: #1a1a18; padding-bottom: 15%; margin-top: 139px; } .paddingtexthistory { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 16%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 16%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 6%; padding-left: 10%; padding-right: 16%; } /* body { font-size: 12px; overflow-x: hidden; } */ .STitleBig { display: block; color: #a37e2c; font-size: 15px; letter-spacing: 2px; margin-bottom: 12px; font-weight: 300; font-family: "RolexFont-Regular-WebS"; margin-top: 45px; } .titleBig { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 21px; margin-bottom: 16px; letter-spacing: 3px; font-weight: 300 !important; color: #212121; border-bottom: none; } .historyfloatimage { float: none; padding-right: 0px; } } @media only screen and (max-width: 1000px) and (min-width: 900px) { .texthistory, .texthistory2 { font-size: 11px; } .titulohistory, .titulohistory2 { font-size: 13px; } .paddingtextshowroom { padding: 3%; padding-left: 8%; } } /*MENU FOOTER*/ @media only screen and (max-width: 900px) { #menuResponsive2 { display: inline-block !important; text-align: center; width: 100%; transition: height 3s ease; } .menufooterstandard { display: none; } #menuResponsive2 ul { padding: 0; } #menuResponsive2 a { text-decoration: none; color: inherit; } #menuResponsive2 li { text-decoration: none; list-style: none; border-bottom: 1px solid #90929479; } #torresRetailer p, .text { margin-left: 6%; margin-right: 6%; } .texthistory2 { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 11.5px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; text-align: right; } .texthistory { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 11.5px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; margin-top: -25px; } .titulohistory { font-size: 18px; } .titulohistory2 { font-size: 18px; } } @media only screen and (max-width: 850px) and (min-width: 780px) { #principalContainer { max-width: 90%; } .paddingtextshowroom { padding-left: 7%; } } @media only screen and (max-width: 799px) { .rolex .col-md-4 { width: 50%; } .addressshowroom { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 13px; line-height: 12px; color: #212121; font-weight: 300; text-align: left; padding-top: 30px; } .rlx-retailer-openinghours { line-height: 24px; cursor: pointer; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; margin-top: -30px !important; } .paddingtextshowroom { padding-left: 7%; padding-top: 16px; } .spaccerightgallery { margin-right: 0; } .watchimg { width: 100% !important; } .texthistory2 { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 11px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; text-align: right; } .texthistory { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 11px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; /*text-align: right;*/ margin-top: 30px !important; } .titulohistory { font-size: 15px; } .titulohistory2 { font-size: 15px; } #principalContainer { max-width: 90%; } } @media only screen and (min-width: 900px) { .contentImage { width: 100%; max-width: auto; } } @media only screen and (min-width: 1601px) { .watchimg { width: 320px !important; } .spaccerightgallery { margin-right: 49px; } .paddingtextshowroom { padding: 9%; } .texthistory2 { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 14.5px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; text-align: right; } .texthistory { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 14.5px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; text-align: left; } .paddingtexthistory { vertical-align: middle; padding-left: 4%; } .paddingtexthistoryright { vertical-align: middle; padding-left: 14%; } .paddingtexthistory2 { vertical-align: middle; padding-left: 4%; } } @media only screen and (max-width: 550px) { .arrow { display: inline-block; visibility: hidden; } #dotsDiv { display: block !important; } #galleryContent { margin-left: 6%; width: 99%; margin-right: 8px; } .sizevideo { width: 107%; height: 171%; margin-left: -20px; } #videoDivText { padding-top: 40px; text-align: left; width: 100%; background-color: #1a1a18; margin-top: 100px; margin-left: -7px; } #videoDiv { width: 109% !important; margin-left: -9px; } .paddingtexthistory { vertical-align: middle; padding-top: 4%; padding-left: 8%; padding-right: 12%; } .paddingtexthistoryright { vertical-align: middle; padding-top: 4%; padding-left: 8%; padding-right: 12%; } .paddingtexthistory2 { vertical-align: middle; padding-top: 4%; padding-left: 8%; padding-right: 12%; } .paddingtextshowroom { padding-left: 7%; padding-top: 10%; padding-bottom: 0px; } } /*CSS iframe rolex*/ footer .rlx-site-nav__logoWrapper { display: block; margin-top: 60px; cursor: default; visibility: hidden; } footer .rlx-corners__back-top { margin-bottom: 60px; display: inline-block; visibility: hidden; } /*CSS openinghours*/ .rlx-retailer-details div, .rlx-retailer-details ul, .rlx-retailer-details li { font-family: "RolexFont", "Helvetica", sans-serif !important; font-weight: 300; line-height: 24px; } .rlx-retailer-openinghours { padding-bottom: 0; } .rlx-retailer-openinghours { margin: 1em 0; line-height: 24px; position: relative; cursor: pointer; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; text-align: left; } address, .rlx-retailer-openinghours, .rlx-retailer-telephone { color: #818181; font-style: normal; line-height: 18px; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; } .rlx-retailer-openinghours { line-height: 24px; cursor: pointer; font-weight: 300; font-family: "RolexFont", "Helvetica", sans-serif !important; } .rlx-textblock, .rlx-banner .rlx-textblock { text-align: left; } .rlx-textblock, .rlx-banner .rlx-textblock { text-align: left; } .rlx-retailer-openinghours strong { font-weight: inherit; color: #a37e2c; } .rlx-retailer-openinghours-summary::after { content: ""; display: inline-block; vertical-align: 3px; width: 0; height: 0; margin-left: 12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #818181; } .textSep2 { width: 50px; height: 2px; color: #212121; background-color: #212121; margin-bottom: 39px; border: none; float: left; margin-top: -17px; } .addressshowroom { font-family: "RolexFont", "Helvetica", sans-serif !important; font-size: 13px; line-height: 12px; color: #212121; font-weight: 300; text-align: left; } .table td, .table th { padding: -0rem; padding-right: 0rem; vertical-align: top; border-top: 0px solid #dee2e6; padding-right: 19px; } .is-open .rlx-retailer-openinghours-summary::after { border-top: 0 !important; border-bottom: 6px solid #818181; } .iconscontactshowroom { width: 30px; margin-right: 11px; } .is-open table { display: block; position: absolute; z-index: 1000; background-color: #fff; } .horarioshowroomtable { display: none; } a { color: initial; text-decoration: none; background-color: transparent; } @media only screen and (max-width: 767px) { .tituloProduct, .textProduct { text-align: center !important; } .textSepSpecial { margin-left: 45%; } #iconsShowroomResponsive { display: block !important; } #iconsShowroom { display: none; } #produtctInfo { padding-bottom: 10px; } .historyfloatimage { float: none; } } #produtctInfo { padding-bottom: 2%; } .textProduct { font-family: "RolexFont-Regular-WebS"; font-size: 13.5px; margin-bottom: 16px; line-height: 1.6; color: #212121; font-weight: 300; text-align: left; } .tituloProduct { color: #212121; font-family: "RolexFont-Regular-WebS"; font-size: 23px; margin-bottom: 16px; letter-spacing: 3px; font-weight: 300 !important; border-bottom: none; text-align: left; } .textSepSpecial { width: 50px; height: 2px; color: #212121; background-color: #212121; margin-bottom: 39px; border: none; float: left; margin-top: -17px; } #iconsShowroomResponsive { display: none; } /************ MAP STUFF **************/ .store-details { position: absolute; top: 0px; left: 0; background: #fff; width: 367px; height: calc(100% - 2px); text-align: center; display: none; z-index: 2; margin-top: 0; background-color: #ffffff; } .store-details-header p { margin-bottom: 10px !important; } .store-details-header h3 { margin-bottom: 10px !important; } .store-image { width: 100%; } .store-details-header { position: relative; padding-top: 50px; } .close-store-details { padding: 12px; width: 40px; height: 40px; line-height: 14px; position: absolute; top: 0; right: 0; font-size: 22px; border: none; background: transparent; cursor: pointer; } .close-store-details:hover { color: #127749; } .store-details-address, .store-details-contact { } .store-details-address, .store-details-contact p { } .store-details-address { margin-bottom: 30px; } .store-details-address p { line-height: 18px !important; } .store-details-contact ul { padding: 0; margin: 0px; list-style-type: none; } .store-details-contact li { /* margin-bottom: 10px; */ display: inline-block; } .store-details-contact img { width: 40px; margin-right: 10px; } @media (max-width: 767px) { .tab-content #map.active { height: 75vh !important; } .tab-content { position: relative; } .store-details-content .store-image { display: none; } .store-details { position: absolute; top: inherit; bottom: 0px; left: 0; width: 100%; height: inherit; } .store-details-header { padding-top: 40px; } .store-details-address { margin-bottom: 20px; } .store-details-contact { padding-bottom: 40px; } } .nav-item p { margin-bottom: 3px; } .nav-link p { color: #dcdada !important; } #list { padding-top: 10px; padding-left: 0; } #list .row { margin-bottom: 20px; } #list .row .list-col:nth-child(1) { padding-left: 0; padding-right: 10px; } #list .row .list-col:nth-child(2) { padding-left: 10px; padding-right: 10px; } #list .row .list-col:nth-child(3) { padding-left: 10px; padding-right: 0; } #list .store-details-content { text-align: center; background-color: #ffffff; padding: 50px 0px; height: 310px; } #list .store-details-header { padding-top: 0px; } #myTab .nav-tabs { padding-bottom: 10px; } #myTab .nav > li > a { position: relative; display: block; /* padding: 10px 15px; */ } #myTab .nav-link { padding: 0; color: #dcdada; } #myTab .nav-link p { color: black !important; font-weight: bold; } #myTab .nav-link.active p { font-size: 16px; font-weight: bold; color: #127749 !important; } #myTab .nav-item .nav-separador { width: 18px; border-top: 2px solid #dcdada; margin: auto; } #myTab .nav-tabs .nav-item { margin-bottom: 0; } #myTab .nav-link { border: 0; padding-left: 0; } #myTab .nav-link.active { border: none !important; background-color: #fff; /* padding-right: 20px; */ } #myTab .nav-link.active p { color: #127749 !important; position: relative; } #myTab .nav-link.active p:after { content: ""; position: absolute; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: currentColor; right: 0; top: 0; bottom: 0; margin: auto -11px auto 10px; } #myTab .nav > li > a:focus, #myTab .nav > li > a:hover { text-decoration: none; background-color: #fff !important; } @media (max-width: 767px) { #list .row { margin-bottom: 0px !important; } #list .row .list-col { padding: 0px !important; margin-bottom: 10px !important; } #list .store-details-contact { padding-bottom: 0 !important; } } /*************HISTORY FINAL RESPONSIVE******************/ #specialBox { padding-top: 5% !important; } @media only screen and (max-width: 1600px) and (min-width: 1400px) { #specialBox { padding-top: 10% !important; } } @media only screen and (max-width: 1400px) and (min-width: 1350px) { #specialBox { padding-top: 9% !important; } } @media only screen and (max-width: 1350px) and (min-width: 1305px) { #specialBox { padding-top: 7% !important; } } @media only screen and (max-width: 1305px) and (min-width: 1287px) { #specialBox { padding-top: 6% !important; } } @media only screen and (max-width: 1287px) and (min-width: 1260px) { #specialBox { padding-top: 4% !important; } } @media only screen and (max-width: 1260px) and (min-width: 1205px) { #specialBox { padding-top: 3% !important; } } @media only screen and (max-width: 1205px) and (min-width: 1190px) { #specialBox { padding-top: 1% !important; } } @media only screen and (max-width: 1190px) and (min-width: 1110px) { #specialBox { padding-top: 7% !important; } } @media only screen and (max-width: 1110px) and (min-width: 1075px) { #specialBox { padding-top: 5% !important; } } @media only screen and (max-width: 1075px) and (min-width: 1060px) { #specialBox { padding-top: 2% !important; } } @media only screen and (max-width: 1060px) and (min-width: 1025px) { #specialBox { padding-top: 6% !important; } } @media only screen and (max-width: 1025px) and (min-width: 1000px) { #specialBox { padding-top: 5% !important; } } @media only screen and (max-width: 1000px) and (min-width: 940px) { #specialBox { padding-top: 7% !important; } } @media only screen and (max-width: 940px) and (min-width: 920px) { #specialBox { padding-top: 5% !important; } } @media only screen and (max-width: 920px) and (min-width: 900px) { #specialBox { padding-top: 2% !important; } } @media only screen and (max-width: 900px) and (min-width: 850px) { #specialBox { padding-top: 0 !important; } } @media only screen and (max-width: 850px) and (min-width: 832px) { #specialBox { padding-top: 3% !important; } } @media only screen and (max-width: 832px) and (min-width: 816px) { #specialBox { padding-top: 3% !important; } } @media only screen and (max-width: 816px) and (min-width: 810px) { #specialBox { padding-top: 3% !important; } } @media only screen and (max-width: 810px) and (min-width: 800px) { #specialBox { padding-top: 1% !important; } } @media only screen and (max-width: 800px) and (min-width: 773px) { #specialBox { padding-top: 1% !important; } } @media only screen and (max-width: 773px) and (min-width: 768px) { #specialBox { padding-top: 1% !important; } } /*************SHOWROOMS ADJUSTS******************/ @media only screen and (min-width: 1700px) { .superSpecialBox { padding-bottom: 0; } } @media only screen and (max-width: 1590px) and (min-width: 1450px) { .superSpecialBox { padding-top: 10%; padding-bottom: 0; } } @media only screen and (max-width: 1450px) and (min-width: 1260px) { .superSpecialBox { padding-top: 8%; padding-bottom: 0%; padding-right: 0; } } @media only screen and (max-width: 1260px) and (min-width: 1165px) { .superSpecialBox { padding-top: 6%; padding-bottom: 0; padding-right: 0; } } @media only screen and (max-width: 1165px) and (min-width: 1110px) { .superSpecialBox { padding-top: 5%; padding-bottom: 0; padding-right: 0; } } @media only screen and (max-width: 1110px) and (min-width: 1030px) { .superSpecialBox { padding-top: 4%; padding-bottom: 0; padding-right: 0; } } @media only screen and (max-width: 1030px) and (min-width: 1000px) { .superSpecialBox { padding-top: 4%; padding-bottom: 0; padding-right: 0; } } @media only screen and (max-width: 1000px) and (min-width: 935px) { .superSpecialBox { padding-top: 3%; padding-bottom: 0; padding-right: 0; } } @media only screen and (max-width: 935px) and (min-width: 900px) { .superSpecialBox { padding-top: 1%; padding-bottom: 0; padding-right: 0; } } @media only screen and (max-width: 900px) and (min-width: 875px) { .superSpecialBox { padding-top: 2%; padding-bottom: 0; padding-right: 0; margin-bottom: -20px; } .superSpecialTitle { font-size: 13px; } .superSpecialBox2 { margin-top: 0; margin-bottom: 0; } } @media only screen and (max-width: 875px) and (min-width: 850px) { .superSpecialBox { padding-top: 0; padding-bottom: 0; padding-right: 0; } .superSpecialBox2 { margin-top: 0; margin-bottom: 0; } .superSpecialTitle { font-size: 13px; } } @media only screen and (max-width: 850px) and (min-width: 830px) { .superSpecialBox2 { margin-top: 0; } .superSpecialTitle { font-size: 13px; } .superSpecialBox { padding-top: 2%; padding-bottom: 0; } } @media only screen and (max-width: 830px) and (min-width: 800px) { .superSpecialBox2 { margin-top: 0; } .superSpecialTitle { font-size: 16px; } .superSpecialBox { padding-top: 1%; padding-bottom: 0; } } @media only screen and (max-width: 800px) and (min-width: 790px) { .superSpecialBox2 { margin-top: 0 !important; padding-top: 0; margin-bottom: 40px; } .superSpecialTitle { font-size: 13px; } .superSpecialBox { padding-top: 2%; } .superSpecialBox3 { margin-bottom: 0; } } @media only screen and (max-width: 790px) and (min-width: 769px) { .superSpecialBox2 { margin-top: 0 !important; padding-top: 0; margin-bottom: 40px; } .superSpecialTitle { font-size: 13px; } .superSpecialBox { padding-top: 1%; } .superSpecialBox3 { margin-bottom: 0; } } @media only screen and (max-width: 769px) and (min-width: 768px) { .superSpecialBox2 { margin-top: 0px !important; padding-top: 0; margin-bottom: 45px !important; } .superSpecialBox3 { margin-top: 0px !important; padding-bottom: 0; margin-bottom: 0 !important; } .superSpecialTitle { font-size: 16px !important; } } @media only screen and (max-width: 767px) { .superSpecialImg { text-align: center !important; float: initial !important; } .superSpecialBox p, .superSpecialBox h1, .superSpecialBox div { text-align: center !important; } .superSep { margin-left: 45%; } .superSpecialBox2 { margin-top: 0px !important; padding-top: 0; margin-bottom: 45px !important; } .superSpecialBox { padding-bottom: 0; } .superSpecialBox3 { margin-bottom: 0 !important; } .specialLink { position: relative; left: -10px; } .specialLink2 { position: relative; left: -13px; } } /*************CONTACTS ADJUSTS******************/ @media only screen and (max-width: 1455px) and (min-width: 1190px) { .specialSpecial { position: relative; top: -25px; } } @media only screen and (max-width: 1076px) and (min-width: 1000px) { .specialSpecial { position: relative; top: -15px; } } @media only screen and (max-width: 983px) and (min-width: 900px) { .specialSpecial { position: relative; top: -10px; } } @media only screen and (max-width: 900px) and (min-width: 800px) { .superSpecialSep { margin-bottom: 0; } .textSpecial { margin-top: 5px; margin-bottom: 40px; } .lastSpecial { margin-top: 20px; } } @media only screen and (max-width: 800px) { .specialSpecial, .textSpecial { margin-bottom: 0 !important; padding-top: 0; } .textSpecial2 { padding-bottom: 0 !important; padding-top: 15px; } .lastSpecial { margin-top: 20px; } } /*************HISTORY FINAL ADJUST******************/ @media only screen and (max-width: 1250px) and (min-width: 1200px) { .historySpecialCoiso { margin-bottom: 0; } } @media only screen and (max-width: 1120px) and (min-width: 1063px) { .historySpecialCoiso { margin-bottom: 0; } .historySpecialCoiso2 { padding-top: 3% !important; } } @media only screen and (max-width: 1025px) and (min-width: 1000px) { .historySpecialCoiso { margin-bottom: 0; } } @media only screen and (max-width: 947px) and (min-width: 850px) { .historySpecialCoiso { margin-bottom: 0; } } @media only screen and (max-width: 850px) and (min-width: 800px) { .historySpecialCoiso { margin-bottom: 0; } } /*******************************CONTACTS FINAL ADJUSTS**********************/ @media only screen and (max-width: 1185px) and (min-width: 800px) { #cascaisShop { position: relative; top: -15px; } .textSpecial { line-height: 17px; margin-bottom: 40px; } } @media only screen and (max-width: 800px) and (min-width: 767px) { #cascaisShop { position: relative; top: -15px; } #cascaisShopAdress { position: relative; top: -2px; } .textSpecial { line-height: 17px; margin-bottom: 40px; } } /**********/ .store-details-content .font-small-description { line-height: 22px !important; } .store-details-content .font-small-subtitle { margin-bottom: 7px !important; color: #127749; } .store-details-content .font-grid-title { letter-spacing: 2px; } @media (max-width: 767px) { .store-details-content .font-small-description { line-height: 18px !important; } } .slick-dots { text-align: center; } .slick-dots li { display: inline-block; padding: 1px; background: #d4d4d4; margin: 0 10px; width: 80px; height: 4px; cursor: pointer; transition: background-color 0.2s; border-radius: 4px; } .slick-dots button { display: none; } .rlx-footer { background-color: white !important; } .item img { height: 550px; width: auto !important; max-width: inherit !important; } .rlx-gallery__media, .carousel-inner > .active { position: relative; flex: 0 0 100%; width: 100%; max-height: 550px; overflow: hidden; -webkit-backface-visibility: hidden; } .rlx-gallery__wrapper { height: 550px; width: auto !important; max-width: auto !important; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { max-width: inherit; height: 100%; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; /* max-width: 100%; */ height: 100%; } .rlx-btn--primary { color: #fff; border-color: #127749; background-color: #127749; } .rlx-btn, .rlx-filter__toggle { display: inline-block; margin-bottom: 0; text-decoration: none; font-size: 16px; line-height: 18px; font-weight: 400; text-align: center; letter-spacing: 0; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 10px 30px; border-radius: 20px; white-space: nowrap; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .rlx-btn--primary:focus, .rlx-btn--primary:hover, a:focus .rlx-btn--primary, a:hover .rlx-btn--primary, button:focus .rlx-btn--primary, button:hover .rlx-btn--primary { color: #127749; border-color: #127749; background-color: #fff; } .rlx-btn.focus, .rlx-btn:focus, .rlx-btn:hover, .rlx-filter__toggle:focus, .rlx-filter__toggle:hover, .focus.rlx-filter__toggle { outline: 0; text-decoration: none; } .rlx-location__detail { text-align: center; } #map-canvas { height: 300px; overflow: hidden; padding-bottom: auto; /* padding-top: 30px; */ position: relative; } .rlx-media__map-container { height: 300px; } #map_container { height: 300px; width: auto !important; position: relative; } .rlx-opening-hours { text-align: center; } @media (min-width: 641px) { .rlx-media__inner { width: 100%; padding: 60px; } .rlx-media__inner { width: 100%; padding: 60px; } .rlx-carousel__title--md, .rlx-feature__title, .rlx-form__title, .rlx-media__title, .rlx-product__title, .rlx-section--img-left .rlx-section__title, .rlx-section--img-right .rlx-section__title, .rlx-section__title--md, .rlx-typo-h2 { font-size: 28px; } } @media (min-width: 1025px) { .rlx-location__detail { text-align: left; } .rlx-media__column { width: 50%; display: flex; flex-direction: column; justify-content: center; } .rlx-media__inner { padding: 60px 0; width: 60%; align-self: center; } .rlx-opening-hours { text-align: left; } .rlx-location__detail .rlx-location__actions { flex-direction: column; justify-content: flex-start; } .rlx-media { flex-direction: row; } .rlx-media--reverse { flex-direction: row-reverse; } .rlx-media__column { width: 50%; display: flex; flex-direction: column; justify-content: center; } .rlx-media__inner { padding: 60px 0; width: 60%; align-self: center; } .rlx-media__map { height: 100%; } #map-canvas { height: 100%; overflow: hidden; padding-bottom: 100%; /*padding-top: 30px;*/ position: relative; } .rlx-media__map-container { height: 100%; } #map_container { height: 100%; position: relative; } } .rlx-media__inner { padding: 30px 30px 40px; } .rlx-media--map .rlx-banner__header, .rlx-media--map .rlx-media__header { margin-bottom: 10px; position: relative; } .rlx-banner__header, .rlx-media__header { display: flex; flex-direction: column-reverse; margin-bottom: 30px; } .rlx-media__subtitle, .rlx-media__title { margin: 0; } .rlx-banner__title, .rlx-carousel__title--md, .rlx-feature__title, .rlx-form__title, .rlx-media__title, .rlx-product__title, .rlx-promo__subtitle, .rlx-promo__title, .rlx-section--img-left .rlx-section__title, .rlx-section--img-right .rlx-section__title, .rlx-section__title, .rlx-section__title--md, .rlx-typo-h1, .rlx-typo-h2 { font-weight: 400; font-size: 24px; } .rlx-banner__title, .rlx-carousel__item__title, .rlx-carousel__title--md, .rlx-feature__title, .rlx-featured-selection__item__title, .rlx-filter__title { letter-spacing: 0.1em; } .rlx-media__title { font-family: "RolexFont-Regular-WebS"; font-weight: 400; line-height: 18px; font-size: 16px; } .rlx-media__subtitle { color: #127749; margin: 2em 0px 1.1em; letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 10px; } .rlx-media__title { margin: 0; } .rlx-location__boutique, .rlx-media__subtitle, .rlx-typo-subtitle--xs { font-size: 9px; } .rlx-location__detail .rlx-location__address { font-size: 16px; line-height: 20px; font-weight: 300; /* font-family: "helvetica-now" !important; */ } .rlx-location__address, .rlx-location__contact, .rlx-location__phone { font-style: normal; margin-bottom: 15px; } .rlx-location__address { flex-grow: 1; } .rlx-location__actions { display: flex; justify-content: center; } .rlx-media p:last-child { margin-bottom: 0; } .rlx-media--map { background: #ffffff; color: #212121; margin-bottom: 5%; height: 100%; } .rlx-media--map + .rlx-banner__container { margin-top: 5%; } .rlx-media--map .rlx-banner__header, .rlx-media--map .rlx-media__header { margin-bottom: 10px; position: relative; } .rlx-opening-hours__item-time { width: 50%; text-align: right; display: inline-block; } .rlx-opening-hours__inner { min-width: 300px; max-width: none; width: auto; } .rlx-opening-hours__inner { display: inline-block; position: relative; white-space: nowrap; margin-bottom: 16px; width: 100%; max-width: 300px; } .rlx-opening-hours__list { position: absolute; top: 100%; left: 0; min-width: 100%; background: #fff; padding: 16px; margin: 0; list-style: none; opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0s 0.2s; } .rlx-opening-hours--open .rlx-opening-hours__list { opacity: 1; visibility: visible; transition-delay: 0s; -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.16); transition: all 0.2s, visibility 0s 0.2s; } .rlx-opening-hours__btn svg { transform: translateY(2px) rotate(0deg); transition: all 0.2s, visibility 0s 0.2s; display: none; } .rlx-opening-hours--open svg { transform: translateY(2px) rotate(-92deg); transition: all 0.2s, visibility 0s 0.2s; } .rlx-opening-hours__list .rlx-opening-hours__item .rlx-opening-hours__item-name { text-align: left; display: inline-block; width: 50%; } .rlx-opening-hours__today { color: #452c1e !important; font-size: 16px; margin-right: 10px; } .rlx-location__actions .rlx-btn--icon { border-color: #f9f7f4; } .rlx-btn--icon { padding: 12px; width: 40px; height: 40px; line-height: 14px; } .rlx-btn--default { color: #127749; border-color: #127749; background-color: #f9f7f4; } .rlx-btn, .rlx-filter__toggle { display: inline-block; margin-bottom: 0; text-decoration: none; font-size: 16px; line-height: 18px; font-weight: 400; text-align: center; letter-spacing: 0; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 20px; white-space: nowrap; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .rlx-btn--icon svg { width: 14px; height: 14px; } .rlx-btn svg, .rlx-filter__toggle svg { vertical-align: top; pointer-events: none; fill: currentColor; } svg:not(:root) { overflow: hidden; } .message-introduction-text textarea { padding: 20px; } .message-introduction-text textarea:focus { border: 3px solid #127749; -webkit-transition: all 100ms ease 0s; transition: all 100ms ease 0s; }