* {margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; --rlx_rolex_green: #006039; --rlx_green: #127749; --rlx_ocean_green: #61BD93; --rlx_brown: rgb(69, 44, 30); --rlx_black: #212121; --rlx_dark_grey: #767676; --rlx_gray: #D4D4D4; --rlx_beige: #F4EFEA; --rlx_light_beige: #F9f7f4; --rlx_white: #FFF; --rlx_gradinet: linear-gradient(90deg, #0b3e27, #197149); --rlx_grid_margin: 8%; --rlx_grid_or_gap: 8px; --rlx_col_count: 12; --rlx_col_w: calc( (100% - ( 2 * var(--rlx_grid_margin))) / var(--rlx_col_count) ) ; --transition: ease 300ms}

@media screen and (max-width:767px)
{
  * {--rlx_grid_margin: 7%; --rlx_grid_or_gap: 6px; --rlx_col_count: 6}
}

textarea {padding: 40px; width: 100%; background:#FFF; font-size: 16px; line-height: 1.1; border: 2px solid #FFF}
textarea:focus {outline: none !important; border:2px solid var(--rlx_green)}

@media screen and (max-width:767px)
{
  .vspace_10vh {padding: 30px}
}

/* Page */

#rolex_page_wrapper {margin: 0; padding: 0; min-width:320px; width:100%; background: #FFF}
#rolex_page {margin: 0 auto; padding: 0; min-width:320px; width:100%; max-width:1920px; background: #f9f7f4}
.vspace_5vh {width: 100%; height: 5vh; min-height: 45px}
.vspace_10vh {width: 100%; height: 10vh; min-height: 90px}
.vspace_20px {width: 100%; height: 20px}
.vspace_40px {width: 100%; height: 40px}
.vspace_80px {width: 100%; height: 40px}
.vspace_5px {width: 100%; height: 5px}
.w100p {width: 100%}
.clr_brown {color: var(--rlx_brown)}
.clr_white {color: var(--rlx_white)}
.clr_ocean_green {color: var(--rlx_ocean_green)}
.clr_green {color: var(--rlx_green)}
.bk_beige {background: var(--rlx_beige)}
.padding_articoli {padding: 0 0 20px 0}
.blksdw_f  {text-shadow: 0 0 12px #000}
.blksdw_m  {text-shadow: 0 0 6px #aaa}
.blksdw_fm {text-shadow: 0 0 12px #000}

@media screen and (max-width:767px)
{
  .vspace_5vh  {height: 4vh; min-height: 40px}
  .vspace_10vh {height: 7vh; min-height: 60px}
  .vspace_40px {height: 30px}
  .vspace_80px {height: 50px}

  .blksdw_f  {text-shadow: 0 0 12px #444}
  .blksdw_m  {text-shadow: 0 0 12px #000}
  .blksdw_w  {text-shadow: 0 0 8px #fff}
}

/* Header*/
.no_scrolling {position:fixed; overflow-y: hidden; width:100vw; height: 100vh}

#rolex_main_header {width: 100%; height: 110px;  background: var(--rlx_gradinet); display: flex; flex-direction: row; justify-content: center; align-items: center; position:relative; z-index: 20}
#rolex_header {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width: 100%; height: 110px; background: var(--rlx_gradinet); display: flex; flex-direction: row; justify-content: space-between; align-items: center; position:relative; z-index: 30}
.rolex_header_logo {width: 120px; height: 60px}
#rolex_service_plaque {width: 200px; height: 100px}
#rolex_header_links {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 1vw; transition: ease 2000ms; top: 0}
.rolex_header_link {color: var(--rlx_white); transition: var(--transition)}
.rolex_header_link:hover {color: var(--rlx_ocean_green); transition: var(--transition)}
.rolex_header_link_attivo {color: var(--rlx_ocean_green)}
#rolex_vismenu {display: none; cursor:pointer}
#rolex_vismenu_txt {color: var(--rlx_white)}
#rolex_header_links_rsp {position: absolute; top: -1200px; left: 0; opacity: 0; padding: 40px var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; height: 100vh; background: var(--rlx_gradinet); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;  gap: 25px; transition: ease 1000ms; z-index: 22}

@media screen and (max-width:1700px)
{
  #rolex_main_header, #rolex_header {height: 100px; transition: var(--transition)}
  #rolex_header_links {display: none}
 
  #rolex_vismenu {display: flex; flex-direction: row; align-items: center; gap: 10px}
  .rolex_header_links_rsp_show {top: 100px!important; opacity: 1!important; transition: ease 1000ms!important}
}

@media screen and (max-width:767px)
{
  #rolex_main_header, #rolex_header {height: 80px; transition: var(--transition)}
  .rolex_header_logo {width: 100px; height: 50px}
  #rolex_service_plaque {width: 140px; height: 70px}
  .rolex_header_links_rsp_show {top: 80px!important; opacity: 1!important; transition: ease 1000ms!important}
}

/* Slider*/

#rolex_slider_box {width: 100%; position: relative}
#rolex_slider {width: 100%}
.rolex_slide {width:100%; position: relative}
.rolex_slide picture, .rolex_slide picture img {width:100%}

#rolex_slider .slick-dots{bottom: 20px!important}

#rolex_slider_fs {position: absolute; top: 0; left: 0; width: calc( var(--rlx_grid_margin)); height: 100%; display: flex; justify-content: center; align-items: center}
#rolex_slider_fd {position: absolute; top: 0; right: 0; width: calc( var(--rlx_grid_margin)); height: 100%; display: flex; justify-content: center; align-items: center}

.rolex_slide_txt_l, .rolex_slide_txt_r {position: absolute; top: 0; width: calc( 5 * var(--rlx_col_w)); height:100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start}
.rolex_slide_txt_l {left: calc( var(--rlx_grid_margin))}
.rolex_slide_txt_r {right: calc( var(--rlx_grid_margin))}

@media screen and (max-width:767px)
{
  #rolex_slider .slick-dots{bottom: 0px!important}
  #rolex_slider_fs, #rolex_slider_fd {display: none}
  .rolex_slide_txt_l, .rolex_slide_txt_r {padding: 0 0 50px 0; width: calc(100% - 2 * 5%); justify-content: flex-end}
  .rolex_slide_txt_l {left: 5%}
  .rolex_slide_txt_r {right: 5%}  
}

/* Stili */

.rolex_headline70 {font-size: 70px; font-weight: 700; line-height: 1.1}
.rolex_headline50 {font-size: 50px; font-weight: 700; line-height: 1.2}
.rolex_headline36 {font-size: 36px; font-weight: 700; line-height: 1.2}
.rolex_headline30 {font-size: 30px; font-weight: 700; line-height: 1.2}
.rolex_headline26 {font-size: 26px; font-weight: 700; line-height: 1.2}

.rolex_body24_bold  {font-size: 24px; font-weight: 700; line-height: 1.2}
.rolex_body24_light {font-size: 24px; font-weight: 400; line-height: 1.2}
.rolex_body20_bold  {font-size: 20px; font-weight: 700; line-height: 1.6}
.rolex_body20_light {font-size: 20px; font-weight: 400; line-height: 1.6}

.rolex_legend16_bold  {font-size: 16px; font-weight: 700; line-height: 1.1}
.rolex_legend16_light {font-size: 16px; font-weight: 400; line-height: 1.1}
.rolex_legend14_bold  {font-size: 14px; font-weight: 400; line-height: 1.1}

.rolex_fixed22 {font-size: 22px; font-weight: 700; line-height: 1.6}
.rolex_fixed16 {font-size: 16px; font-weight: 700; line-height: 1.1}
.rolex_fixed14 {font-size: 14px; line-height: 1.1}

.rolex_quote50 {font-size: 50px; line-height: 1.2}

@media screen and (max-width:767px)
{
  .rolex_headline70 {font-size: 36px; font-weight: 700; line-height: 1.1}
  .rolex_headline50 {font-size: 30px; font-weight: 700; line-height: 1.2}
  .rolex_headline36 {font-size: 24px; font-weight: 700; line-height: 1.2}
  .rolex_headline30 {font-size: 22px; font-weight: 700; line-height: 1.2}
  .rolex_headline26 {font-size: 22px; font-weight: 700; line-height: 1.2}
  
  .rolex_body24_bold  {font-size: 18px; font-weight: 700; line-height: 1.2}
  .rolex_body24_light {font-size: 18px; font-weight: 400; line-height: 1.2}
  .rolex_body20_bold  {font-size: 18px; font-weight: 700; line-height: 1.6}
  .rolex_body20_light {font-size: 18px; font-weight: 400; line-height: 1.6}
  
  .rolex_legend16_bold  {font-size: 12px; font-weight: 700; line-height: 1.1}
  .rolex_legend16_light {font-size: 12px; font-weight: 400; line-height: 1.1}
  .rolex_legend14_bold  {font-size: 10px; font-weight: 400; line-height: 1.1}
  
  .rolex_fixed22 {font-size: 22px; font-weight: 700; line-height: 1.6}
  .rolex_fixed16 {font-size: 16px; font-weight: 700; line-height: 1.1}
  .rolex_fixed14 {font-size: 14px; line-height: 1.1}
  
  .rolex_quote50 {font-size: 30px; line-height: 1.2}
}

/* Strutture */

.rolex_primary_cta {margin: 20px 0 0 0; padding: 0 30px 0 30px; height: 44px; font-size: 14px; color: var(--rlx_white); background: var(--rlx_green); border-radius: 22px; display:flex; flex-direction:row; justify-content: center; align-items: center; cursor:pointer}
.rolex_primary_cta_tit {padding: 0 8px 0 0; font-size: 14px; color: var(--rlx_white);}
.rolex_primary_cta_icon {width: 12px; height: 12px; transition: ease 500ms}
.rolex_primary_cta_icon .st0 {fill:var(--rlx_white); transition: ease 500ms}
.rolex_primary_cta:hover {background: var(--rlx_rolex_green)}

.rolex_secondary_cta {display: flex; flex-direction: row; align-items: center; gap: 6px; cursor: pointer}
.rolex_secondary_cta_txt {font-size: 14px; font-weight: 700; color: var(--rlx_green); transition: ease 500ms}
.rolex_secondary_cta_icon {width: 12px; height: 12px; transition: ease 500ms}
.rolex_secondary_cta_icon .st0 {fill:var(--rlx_green); transition: ease 500ms}
.rolex_secondary_cta:hover .rolex_secondary_cta_txt {color: var(--rlx_black); transition: ease 500ms}
.rolex_secondary_cta:hover .rolex_secondary_cta_icon .st0{fill:var(----rlx_black); transition: ease 500ms}

.rolex_tertiary_cta {height: 36px; display: flex; flex-direction: row; align-items: center; gap: 8px; cursor: pointer}
.rolex_tertiary_cta_icon_box {width: 36px; height: 36px; background: var(--rlx_light_beige); border-radius: 18px; display: flex; justify-content: center; align-items: center}
.rolex_tertiary_cta_icon {width: 10px; height: 10px; transition: ease 500ms}
.rolex_tertiary_cta_icon .st0 {fill:var(--rlx_brown); transition: ease 500ms}
.rolex_tertiary_cta_txt {font-size: 14px; font-weight: 700; color: var(--rlx_brown); transition: ease 500ms}
.rolex_tertiary_cta:hover .rolex_tertiary_cta_txt {color: var(--rlx_green); transition: ease 500ms}
.rolex_tertiary_cta:hover .rolex_tertiary_cta_icon .st0{fill:var(--rlx_green); transition: ease 500ms}

.rolex_round_button_dark {width: 44px; height: 44px; display:flex; justify-content: center; align-items: center; background: rgba(212,212,212,0.3); border-radius: 50%; cursor: pointer; transition: ease 500ms}
.rolex_round_button_dark:hover {background: rgba(118,118,118,0.3); transition: ease 500ms}

/* Introduction text*/

.rolex_introduction_text {margin: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start}
.rolex_introduction_text_tit {padding: 0 calc(var(--rlx_col_w)) 0 0; width: 50%; color: var(--rlx_brown)}
.rolex_introduction_text_txt {padding: 0 calc(var(--rlx_col_w)) 0 0; width: 50%}

@media screen and (max-width:1024px)
{
.rolex_introduction_text {flex-direction: column}
.rolex_introduction_text_tit {padding: 0 calc(3 * var(--rlx_col_w)) 20px 0; width: 100%}
.rolex_introduction_text_txt {width: 100%}
}

@media screen and (max-width:767px)
{
.rolex_introduction_text_tit {padding: 0 0 20px 0; width: 100%}
.rolex_introduction_text_txt {padding: 0; width: 100%}
}

/* Push X1*/

.rolex_push_x1 {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_push_x1_tit {padding: 0 50% 20px 0; color: var(--rlx_brown)}
.rolex_push_x1_imgc {overflow: hidden; width: 100%; background-color: #FFF}
.rolex_push_x1_imgc picture {width: 100%; height: 100%; display: flex}
.rolex_push_x1_imgc picture img {object-fit: cover; width:100%; height: auto; transform:scale(1); transition: 500ms}
.rolex_push_x1_txt {padding: 10px 50% 0 0}

@media screen and (max-width:1024px)
{
  .rolex_push_x1_tit {padding: 0 calc( 8 * var(--rlx_col_w)) 20px 0}
  .rolex_push_x1_txt {padding: 10px calc( 8 * var(--rlx_col_w)) 0 0}
}

@media screen and (max-width:767px)
{
  .rolex_push_x1_tit {padding: 0 0 20px 0}
  .rolex_push_x1_txt {padding: 10px}
}

.rolex_push_x1 a:hover picture img {transform:scale(1.02); transition: 500ms}
/*.rolex_push_x1 a:hover .rolex_secondary_cta_txt {color: var(--rlx_black); transition: ease 500ms}
.rolex_push_x1 a:hover .rolex_secondary_cta_icon .st0{fill:var(----rlx_black); transition: ease 500ms}*/

/* Push X2 */

.rolex_push_x2c {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_push_x2c_boxes {width:100%; width:100%; display: flex; flex-direction: row; flex-wrap:wrap; justify-content: flex-start; align-items: stretch; gap: var(--rlx_grid_or_gap)}
.rolex_push_x2 {width: calc((100% - var(--rlx_grid_or_gap)) / 2); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_push_x2_imgc {overflow: hidden; width:100%}
.rolex_push_x2_imgc picture {width: 100%; height: 100%; display: flex}
.rolex_push_x2_imgc picture img {object-fit: cover; width:100%; height: auto; transform:scale(1); transition: 500ms}
.rolex_push_x2_txt {padding: 10px 40px 0 0; width: 100%}

@media screen and (max-width:767px)
{
  .rolex_push_x2 {width: 100%}
  .rolex_push_x2_txt {padding: 10px 0 0 0; width: 100%}
}

.rolex_push_x2 a:hover picture img {transform:scale(1.02); transition: 500ms}

/* Push X3*/

.rolex_push_x3c {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_push_x3c_tit {padding: 0 calc( 6 * var(--rlx_col_w)) 20px 0; color: var(--rlx_brown)}
.rolex_push_x3c_boxes {width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: var(--rlx_grid_or_gap)}
.rolex_push_x3 {width:33.3%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_push_x3_imgc {overflow: hidden; width: 100%}
.rolex_push_x3_imgc picture {width: 100%; height: 100%; display: flex}
.rolex_push_x3_imgc picture img {object-fit: cover; width:100%; height: auto; transform:scale(1); transition: 500ms}
.rolex_push_x3_txt {padding: 10px 20px 0 0}

@media screen and (max-width:1024px)
{
  .rolex_push_x3c_tit {padding: 0 calc( 8 * var(--rlx_col_w)) 20px 0}
}

@media screen and (max-width:767px)
{
  .rolex_push_x3c_tit {padding: 0 0 20px 0}
  .rolex_push_x3c_boxes {flex-direction: column; row-gap: 60px}
  .rolex_push_x3 {width:100%}
  .rolex_push_x3_txt {padding: 10px 0 0 0}
}

.rolex_push_x3 a:hover picture img {transform:scale(1.02); transition: 500ms}

/* keep exploring */

#rolex_keep_exploring_top {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
#rolex_keep_exploring_top_tit {padding: 0 calc( 6 * var(--rlx_col_w)) 20px 0; color: var(--rlx_brown)}

@media screen and (max-width:1024px)
{
  #rolex_keep_exploring_top_tit {padding: 0 calc( 8 * var(--rlx_col_w)) 20px 0}
}

@media screen and (max-width:767px)
{
  #rolex_keep_exploring_top_tit {padding: 0 0 20px 0}
}

#rolex_keep_exploring {width:100%; display: flex; flex-direction: row; align-items: stretch}
#rolex_keep_exploring_fs {width: calc( var(--rlx_grid_margin)); display: flex; justify-content: center; align-items: center}
#rolex_keep_exploring_ca {width: calc( 100% - (2 * var(--rlx_grid_margin))); display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; column-gap: var(--rlx_grid_or_gap)}
#rolex_keep_exploring_fd {width: calc( var(--rlx_grid_margin)); display: flex; justify-content: center; align-items: center}

.rolex_keep_exploring_item {padding: 0 4px 0 4px; display: flex; flex-direction: column}
.rolex_keep_exploring_item_imgc {width: 100%; overflow: hidden}
.rolex_keep_exploring_item_img {width: 100%; transform: scale(1); transition: 300ms}
.rolex_keep_exploring_item_txt {padding: 10px 0 40px 0; color: var(--rlx_brown)}
.rolex_keep_exploring_item:hover .rolex_keep_exploring_item_txt {color: var(--rlx_green)}
.rolex_keep_exploring_item:hover .rolex_keep_exploring_item_img {transform: scale(1.02); transition: 500ms}

@media screen and (max-width:767px)
{
  #rolex_keep_exploring_fs {display: none}
  #rolex_keep_exploring_ca {margin:0 auto; width: calc( 100% - (2 * var(--rlx_grid_margin)))}
  #rolex_keep_exploring_fd {display: none}
}

/* Footer */

#rolex_footer {width:100%; background: var(--rlx_gradinet); display:flex; flex-direction: column; justify-content: center; align-items: center}
#rolex_footer_top {width:100%; height: 160px; display:flex; flex-direction: column; justify-content: center; align-items: center}
#rolex_footer_top_logo {width:40px}
#rolex_footer_line {width:100%; height: 1px; background: rgba(255,255,255,0.4)}
#rolex_footer_bottom {width:100%; height: 80px; display:flex; flex-direction: column; justify-content: center; align-items: center}
#rolex_footer_bottom_link {display:flex; flex-direction: column; justify-content: center; align-items: center}
#rolex_footer_bottom_icon {transition: 300ms; transform:rotate(-90deg)}
#rolex_footer_bottom_icon .st0{fill:#FFFFFF}
#rolex_footer_bottom_txt {color: var(--rlx_white); transition: 300ms}
#rolex_footer_bottom_link:hover #rolex_footer_bottom_icon .st0{fill:var(--rlx_ocean_green); transition: 300ms}
#rolex_footer_bottom_link:hover #rolex_footer_bottom_txt {color: var(--rlx_ocean_green); transition: 300ms}

@media screen and (max-width:767px)
{
  #rolex_footer_top {height: 120px}
  #rolex_footer_top_logo {width:32px}
  #rolex_footer_bottom {height: 60px}  
}

/* Bread crumbs */

#rolex_bread_crumbs {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; height: 30px; display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; background: var(--rlx_gradinet)}
#rolex_bread_crumbs_box {display:flex; flex-direction:row; justify-content: flex-start; align-items: center; gap: 10px}
.rolex_bread_crumbs-separator_rsp {display:none; transform: rotate(-180deg); width: 10px; height:10px}
.rolex_bread_crumbs_rsp_no_back_link:hover {color: var(--rlx_ocean_green); transition: 300ms}
.rolex_bread_crumbs_rsp_OK_back_link {color: var(--rlx_white); transition: 300ms}
.rolex_bread_crumbs_rsp_OK_back_link:hover {color: var(--rlx_ocean_green); transition: 300ms}
.rolex_bread_crumbs-separator {display:block; width: 10px; height:10px}

@media screen and (max-width:767px)
{
  .rolex_bread_crumbs-separator_rsp {display:block} 
  .rolex_bread_crumbs-separator {display:none} 
  .rolex_bread_crumbs_rsp_no_back_link {display:none; font-size: 0}
}

/* Grid */

.rolex_grid {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: var(--rlx_grid_or_gap)}
.rolex_grid_item {padding: 0 0 40px 0; width: calc( ( 100% - 2 * var(--rlx_grid_or_gap) ) / 3 ); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_grid_item_txt {padding: 10px 20px 0 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}

@media screen and (max-width:767px)
{
  .rolex_grid_item {padding: 0 0 30px 0; width: 50%; width: calc( ( 100% - var(--rlx_grid_or_gap) ) / 2 )}
  .rolex_grid_item_txt {padding: 10px 20px 0 0}  
}

/* Image */

.rolex_xl_image {width:100%}
.rolex_l_image {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%;}
.rolex_m_image {padding: 0 calc(var(--rlx_grid_margin) + 1 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 1 * var(--rlx_col_w)); width:100%;}
.rolex_s_image {padding: 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)); width:100%;}

@media screen and (max-width:1024)
{
  .rolex_s_image {padding: 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w)); width:100%;}
}

@media screen and (max-width:767px)
{
  .rolex_l_image {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
  .rolex_m_image {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
  .rolex_s_image {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
}

/* Video */

.rolex_videoXX {padding: 0 calc(var(--rlx_grid_margin) + var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + var(--rlx_col_w)); width:100%}
.rolex_video {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%}
.rolex_video_container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden}
.rolex_video_container iframe, .rolex_video_container object, .rolex_video_container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
#mask {z-index: 5; position: absolute; top: 0; left:0; width: 100%; height:100%; display: none}

@media screen and (max-width:767px)
{
  .rolex_video {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
}

/* Body Text */

.rolex_body_text {padding: 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)); width:100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_body_text_tit {padding: 0 0 20px 0; color: var(--rlx_brown)}
.rolex_body_text_txt {color: var(--rlx_black)}

@media screen and (max-width:1024px)
{
 .rolex_body_text {padding: 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w))}
}

@media screen and (max-width:767px)
{
  .rolex_body_text {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
}

/* Quote */

.rolex_quote {padding: 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)); width:100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.rolex_quote_tit {padding: 0 0 20px 0}

@media screen and (max-width:1024px)
{
 .rolex_quote {padding: 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w))}
}

@media screen and (max-width:767px)
{
  .rolex_quote {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
  .rolex_quote_tit {padding: 0 0 10px 0}  
}

/* Watch grid */

.rolex_watch_grid_title {padding: 0 calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)) 50px calc(var(--rlx_grid_margin) + 3 * var(--rlx_col_w)); width:100%; text-align: center}
.rolex_watch_grid_page {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center}
.rolex_watch_grid {padding: 0 calc(var(--rlx_grid_margin) + 1.5 * var(--rlx_col_w)) 0 calc(var(--rlx_grid_margin) + 1.5 * var(--rlx_col_w)); width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: var(--rlx_grid_or_gap)}
.rolex_watch_grid_item {width: calc((100% - 2 * var(--rlx_grid_or_gap)) / 3); background: var(--rlx_beige); display: flex; flex-direction: column}
.rolex_watch_grid_item img {height: 360px; object-fit: contain}
.rolex_watch_grid_item_txt {padding: 0 50px 50px 50px; width: 100%;}

@media screen and (max-width:1024px)
{
  .rolex_watch_grid_title {padding: 0 calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w)) 50px calc(var(--rlx_grid_margin) + 2 * var(--rlx_col_w))}
  .rolex_watch_grid {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin)}
  .rolex_watch_grid_item img {height: 300px; object-fit: contain}  
  .rolex_watch_grid_item_txt {padding: 0 30px 50px 30px; width: 100%;}    
}

@media screen and (max-width:767px)
{
  .rolex_watch_grid_title {padding: 0 var(--rlx_grid_margin) 40px var(--rlx_grid_margin)}
  .rolex_watch_grid_item {width: calc((100% - var(--rlx_grid_or_gap)) / 2)}
  .rolex_watch_grid_item img {height: 240px; object-fit: contain}
  .rolex_watch_grid_item_txt {padding: 0 20px 30px 20px; width: 100%;}  
}

/* Model */

#rolex_model_top_sliders {display:none; aspect-ratio: 1; margin: var(--rlx_grid_margin)}
.rolex_model_top_slider {aspect-ratio: 1}
.rolex_model_top_slider img {height: 100%}

#rolex_model_top {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center}
#rolex_model_top_txt {width: 33.33%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
#rolex_model_top_img {width: 33.33%}

#box_prezzo {margin:0; padding:10px 0 10px 0; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; position:relative}
#prezzo_discalaimer_icon {margin:0 0 0 10px; padding:0; display:block; cursor: pointer}
#box_prezzo_disclaimer {display:none; margin:5px 0 0 0; padding:10px; position: absolute; top: 30px; width: 250px; font-size: 12px; color: #000; background: #d1d1d1; text-align: center; border-radius: 10px}
.box_prezzo_disclaimer_show {display:block!important}
.pceDisplay {visibility: hidden}

#rolex_model_4_slides {padding: 30px var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start}
.rolex_model_4_slide {width:25%}

@media screen and (max-width:1024px)
{
  .rolex_model_4_slide {width:50%}
}

@media screen and (max-width:767px)
{
  #rolex_model_top_sliders {display:block}
  #rolex_model_top {padding: var(--rlx_grid_margin) var(--rlx_grid_margin) 0 var(--rlx_grid_margin);flex-direction: column;}
  #rolex_model_top_txt {width: 100%}
  #rolex_model_top_img {display:none}  
  #rolex_model_4_slides {display:none}
}

#rolex_model_garanzia {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 40px}
#rolex_model_garanzia_img {width:50%}
#rolex_model_garanzia_txt {width:50%; border-top: 1px solid var(--rlx_dark_grey)}

@media screen and (max-width:767px)
{
  #rolex_model_garanzia {flex-direction: column-reverse}
  #rolex_model_garanzia_img {width:100%; padding: 40px 0}
  #rolex_model_garanzia_txt {width:100%; padding: 40px 0 0 0}  
}

.rolex_model_middle_popup {margin: 0; padding: 20px 0; width: 100%; border-bottom: 1px solid var(--rolex_dark_gray); border-bottom: 1px solid var(--rlx_dark_grey)}
.rolex_model_middle_popup_tit {margin: 0; padding: 0; width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor:pointer}
.rolex_model_middle_popup_txt {margin: 20px 0 0 0; padding: 0; width:90%; height: auto; display:none}

@media screen and (max-width:767px)
{
  #rolex_model_middle {margin: 0 5vw 0 5vw; flex-direction: column-reverse; justify-content: flex-start; align-items: center; gap:8px}
  .rolex_model_middle_box {width: 100%}
  #rolex_model_middle_popups {margin: 0; width: 100%}
  #rolex_model_middle_box_img {margin: 40px 0 0 0}
}


#rolex_model_mid {margin: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); padding: var(--rlx_grid_margin); width:calc(100% - 2 * var(--rlx_grid_margin)); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: var(--rlx_beige)}
#rolex_model_mid_det {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start}
.rolex_model_mid_det_box {width: 33.3%; padding: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
#rolex_model_mid_sep {margin: 40px 0 40px 0; width: 100%; height: 1px; background: rgba(69,44,30,0.2)}

@media screen and (max-width:1024px)
{
  .rolex_model_mid_det_box {width: 50%}
}

@media screen and (max-width: 767px)
{
  .rolex_model_mid_det_box {width: 100%}
  #rolex_model_mid_sep {margin: 30px 0 30px 0}
}

#rolex_model_brochure .rolex_secondary_cta_icon .st0 {fill:#FFF}
#rolex_model_brochure .rolex_secondary_cta:hover .rolex_secondary_cta_icon .st0{fill:#FFF}

#rolex_model_disp {margin: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); padding: var(--rlx_grid_margin); width:calc(100% - 2 * var(--rlx_grid_margin)); display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--rlx_beige)}
#rolex_model_disp_text {padding: 0 calc( 2 * var(--rlx_grid_margin))  0 calc(2 * var(--rlx_grid_margin)); width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center}

/* Title h36 */

#rolex_title_h36 {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
#rolex_title_h36_tit {color: var(--rlx_brown)}
#rolex_title_h36_sep {margin: 20px 0 40px 0; width: 100%; height: 1px; background: rgba(69,44,30,0.2)}

/* input submit*/

.rolex_input_submit {margin: 40px 0 0 0; padding: 0 30px 0 30px; height: 44px; font-size: 14px; color: var(--rlx_white); background: var(--rlx_green); border-radius: 22px; cursor:pointer; border: none}
.rolex_input_submit:hover {background: var(--rlx_rolex_green)}

/* Send a message */
#rolex_contact_top {position: absolute; top: 0; left: 0; padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); display: flex; flex-direction: row; justify-content: flex-start; align-items: center}

@media screen and (max-width:767px)
{
  #rolex_contact_top {top: -40px}
}

#invio_mail {width:100%;  min-width:320px}
.invio_mail_linea {margin: 0 0 30px 0; width: 100%; display: flex; flex-direction: row}
#invio_mail input[type="text"],  #invio_mail select {color:var(--rlx_black); width: 100%; background: transparent; border-top: none;  border-left: none;  border-right: none; border-bottom: 1px solid #e3dedb; padding: 5px; font-size: 20px; font-weight: 700; border-radius: 0;}
#invio_mail input[type="text"]:focus, #invio_mail textarea:focus, #invio_mail select:focus {outline: none !important}

#prima_linea_titolo  {width:18%; margin: 0 1% 0 0}
#prima_linea_nome    {width:40%; margin: 0 1% 0 0}
#prima_linea_cognome {width:40%; margin: 0 0 0 0}

#seconda_linea_mail     {width:100%; margin: 0}
#seconda_linea_telefono {width:100%; margin: 0 0 0 0; display: flex; flex-direction: row}
#seconda_linea_prefisso {width:25%; margin: 0 1% 0 0}
#seconda_linea_numero   {width:74%; margin: 0 0 0 0}

.invio_mail_linea_chk {margin: 0 0 3% 0; width: 100%; display: flex; flex-direction: row; align-items: flex-start}

.chkCtrl {width:3%!important; margin: 0 1% 0 0}
.chkTesto {width:96%!important; font-family: 'Montserrat', sans-serif;  font-size: 14px}
.chkTesto_rosso {color: #F00}

.ph_campo {margin:0 0 10px 0; padding: 0; font-size: 14px; color: #554841; text-align: left; transition: 0.3s ease}
.ph_errore {color: #F00; transition: 0.3s ease}

.errore_form {opacity: 0; font-family: 'Montserrat', sans-serif;  font-size: 14px; color: #F00}
.errore_form_visibile {opacity: 1; transition: 0.3s ease}
.errore_input {border-bottom: 1px solid #F00!important; transition: 0.3s ease}

@media screen and (max-width:767px)
{
  #invio_mail {max-width:none}
  .invio_mail_linea {flex-direction: column; margin: 0 0 15px 0}  
  #prima_linea_titolo, #prima_linea_nome, #prima_linea_cognome {width:100%!important; margin: 0 0 2% 0}
  #seconda_linea_mail {width:100%!important; margin: 0 0 2% 0}
  #seconda_linea_telefono {width:100%; margin: 0 0 2% 0}
  #messaggio {width:100%; height: 100px; margin: 0 0 3% 0}
  #contatti_e_o {text-align:left}
}

/* Contact */
#rolex_static_map {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; height: 700px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center}
#rolex_static_map_geo {width: 70%; height: 700px; background: url("img/img_rolex/contact/staticmap_2024.jpg"); background-position: center; background-size: cover;}
#rolex_static_map_txt {width: 30%; height: 700px; min-width:410px; background: #FFF; display: flex; flex-direction: row; align-items: center}
#rolex_static_map_txt_box {padding: 10%; width: 100%}
#rolex_static_map_geo_rsp {display: none}

@media screen and (max-width:767px)
{
  #rolex_static_map {height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start}
  #rolex_static_map_geo {display: none}
  #rolex_static_map_txt {width: 100%; height: auto; min-width:100px}
  #rolex_static_map_txt_box {padding: 40px 8% 40px 8%}  
  #rolex_static_map_geo_rsp {display: block; width: 100%}
}

#rolex_orari_negozio {cursor:pointer}
#tabella_orari {display:none; margin:0; padding:10px; position: absolute; top: 30px; left: 0px; font-size: 14px; color: #000; background: #d1d1d1; text-align: center; border-radius: 10px; }
.tabella_orari_show {display:flex!important; flex-direction: column;}

#rolex_orari_negozio_icon {transition: 0.3s ease}
.tabella_orari_rotate {transform: rotate(180deg)!important; transition: 0.3s ease}

.tabella_orari_g {padding: 5px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center}
.tabella_orari_gs {width: 120px; text-align: left}
.tabella_orari_go {width: 160px; text-align: right}

#rolex_static_map_txt_box_icons {padding: 20px 0 0 0; width:100%; display: flex; flex-direction: column; justify-content: flex-start; gap: 10px}

@media screen and (max-width:767px)
{
  #rolex_static_map_txt_box_icons {padding: 30px 0 0 0; flex-direction: row; justify-content: center; gap: 20px}
  #rolex_static_map_txt_box_icons .rolex_tertiary_cta_txt {display: none}
}

/* Articoli */

#rolex_griglia_articoli {padding: 0 var(--rlx_grid_margin) 0 var(--rlx_grid_margin); width:100%; display: flex; flex-direction: row; flex-wrap:wrap; justify-content: flex-start; align-items: stretch; gap: var(--rlx_grid_or_gap)}
.rolex_griglia_articolo {width: calc((100% - var(--rlx_grid_or_gap)) / 2); display: flex; flex-direction: column; justify-content: flex-start; transition: ease 500ms}
.rolex_griglia_articolo_txt {padding: 10px 40px 0 0; width: 100%}

@media screen and (max-width:767px)
{
  .rolex_griglia_articolo {width: 100%}
  .rolex_griglia_articolo_txt {padding: 10px 0 0 0}  
}

.rolex_griglia_articolo:hover .rolex_secondary_cta_txt {color: var(--rlx_black); transition: ease 500ms}
.rolex_griglia_articolo:hover .rolex_secondary_cta_icon .st0{fill:var(----rlx_black); transition: ease 500ms}

/* Send message */
#invio_steps, #invio_step_1, #invio_step_2 {width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative}
.no_step {display: none!important}

.rolex_send_submit {margin: 40px 0 0 0; padding: 0 30px 0 30px; height: 44px; font-size: 14px; line-height: 44px; color: var(--rlx_white); background: var(--rlx_green); border-radius: 22px; cursor:pointer; border: none}
.rolex_send_submit:hover {background: var(--rlx_rolex_green)}