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

* {margin: 0; padding: 0;  font-family: 'Montserrat', sans-serif; color: #212121; font-size: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; --v-chiaro: #007d6c; --v-scuro: #004d43; --v-scuro-bk: #046959; --r-scuro: #8a2327; --r-chiaro: #b52d37}

/* Generici */

.rsp_low {display: none}
.rsp_high {display: block}
@media screen and (max-width:767px)
{
 .rsp_low {display: block}
 .rsp_high {display: none}
}

body {position: relative; background: #FFF}
a {text-decoration: none}
.hr_verga1947 {margin: 20px 0 20px 0; padding: 0; border-top: 1px solid var(--v-chiaro); border-bottom: 1px solid var(--v-scuro)}
nobr {font-size: inherit; color: inherit; font-weight: inherit}

.animate_hidden {opacity:0!important} 
.animate_visible {opacity:1!important}

#header2023 {position: fixed; top: 0; left: 0; padding: 20px; width: 100%; height: 140px; background:#FFF ; display: flex; flex-direction:row; align-items: center; z-index: 500; border-bottom: 1px solid #ddd; transition: all 0.5s ease-out}
.header2023_scrolling {top: -200px!important; opacity: 0!important}
#vspace_top {padding: 0; width: 100%; height: 140px; display: block}
.vspace_w {padding: 0; width: 100%; height: 100px; display: block}

@media screen and (max-width:800px)
{
  .vspace_w {height: 60px}
}

.header2023_box {margin: 0; padding: 0; display: flex; flex-direction:row; align-items: center; column-gap: 20px}
.header2023_icona {font-size: 28px!important; color: var(--v-scuro)}

#vismenu {margin: 0; cursor: pointer}

#item_carrello {position: absolute; padding: 0px 5px 0px 5px; bottom: -10px; right: -5px; background:var(--v-chiaro); color: #FFF; border: 1px solid var(--v-scuro); z-index: 20000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; opacity: 1; transition: all 0.1s ease-out!important}
.ic_nv {opacity: 0!important; transition: all 0.1s ease-out!important}

#logo_completo {display: block}
#logo_solo_sfera {display: none}

.whishlist_sx {display: block}
.whishlist_dx {display: none}

.fix_header_scrolling {top: -200px!important; opacity: 0!important; transition: all 0.5s ease-out}

@media (max-width:1024px)
{
  #header2023 {height: 94px}
  #vspace_top {height: 94px}
  
  .header_placca {display: none}

  /*#logo_completo {display: none}*/
  /*#logo_solo_sfera {display: block}*/

  .whishlist_sx {display: none}
  .whishlist_dx {display: block}
}

#menu {position: fixed; top: -100vh; left: 0; margin: 0; padding: 20px; width:100%; height: 100vh; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 20px; background: url(img/sfondo.jpg); background-position: center; background-size:cover; transition: all 500ms; z-index: 0; opacity: 0}
.menu_show {opacity: 1!important; top: 0px!important; z-index: 1000!important}
.show {opacity: 1!important}

@media screen and (max-width:1600px)
{
#menu {flex-direction: column}
}

#menu_top {position: fixed; top: -120px; left: 0; width:100%; display: flex; flex-direction: row; align-items: center; z-index: 1100; opacity: 0; transition: all 750ms linear; z-index: 1025!important} 
#menu_top_sx {margin: 0; padding: 20px 0 0 20px; width:20%; display: flex; flex-direction: row; justify-content: flex-start;  align-items: center; column-gap: 20px}
#menu_top_c {margin: 0; padding: 20px 0 0 0; width:60%; display: flex; flex-direction: row; justify-content: center;  align-items: center}
#menu_top_dx {margin: 0; padding: 20px 20px 0 0; width:20%; display: flex; flex-direction: row; justify-content: flex-end;  align-items: center; column-gap: 20px}
.menu_top_show {top: 0!important; opacity: 1!important} 

#menu_bottom {position: fixed; bottom: -100px; left: 0; width:100%; display: flex; flex-direction: row; align-items: center; z-index: 1100; opacity: 0; transition: all 750ms linear; z-index: 1020!important} 
#menu_bottom_sx {margin: 0; padding: 0 0 20px 20px; width:50%; display: flex; flex-direction: row; justify-content: flex-start;  align-items: center}
#menu_bottom_dx {margin: 0; padding: 0 20px 20px 0; width:50%; display: flex; flex-direction: row; justify-content: flex-end;  align-items: center; column-gap: 20px}
.menu_bottom_show {bottom: 0!important; opacity: 1!important} 

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

@media screen and (max-width:800px)
{
  #menu_top_sx {padding: 20px 0 0 20px}
  #menu_top_c {padding: 20px 0 0 0}
  #menu_top_dx {padding: 20px 20px 0 0}
  
  #menu_bottom_sx {padding: 0 0 20px 20px}
  #menu_bottom_dx {padding: 0 20px 20px 0}
}

/* Menu P1-P2 */

#menu_p1 {margin:0; padding: 0; position: fixed; top: 100%; left: 0; width: 100%; height:100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: all 800ms ease-out; z-index: 0; overflow-y: auto;}
.menu_p1_show {opacity: 1!important; top: 0px!important; z-index: 1010!important}
#menu_p1_box {margin:0; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; column-gap: 80px; row-gap: 80px}
#menu_p1_box_placche {margin:0; padding: 10px 0 0 0; width:100%; display: none}

#menu_p2 {margin:0; padding: 0; position: fixed; top:0; left: 100%; width: 100%; height:100vh; display: flex; flex-direction: row; justify-content: center; align-items: center; opacity: 0; transition: all 800ms ease-out; z-index: 0}
.menu_p2_show {opacity: 1!important; left: 0px!important; z-index: 1015!important}
#menu_p2_box {margin:0; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
#menu_p2_brand {margin:0; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 80px;}
.menu_p2_brand_box {margin:0; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.menu_p2_item {margin:0; padding: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start}
.menu_p2_item_t1, .menu_p2_item_t2, .menu_p2_item_t3 {display: block; height:30px; color: #fff; font-size: 20px}
.menu_p2_item_t1 {width:290px}
.menu_p2_item_t2 {width:200px}
.menu_p2_item_t3 {width:220px}
.menu_p2_item_i {display: block; width:35px; height:30px; color: #fff; font-size: 20px}


.menu_sez {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.menu_sez td {height:30px}
.menu_sez_t {margin: 0 0 20px 0; color: #fff; font-size: 22px; font-weight: 700;}
.menu_sez_i {display: block; width:100%!important; height:30px; color: #fff; font-size: 20px}
.menu_sez_i_t {display: inline-block; width:100%!important; height:55px; color: #fff; font-size: 20px; vertical-align: top}

.menu_sez_i i, .menu_sez_i_t i {margin: 0 0 0 20px; font-size:20px!important; color: #FFF}

/*.attivo {color: var(--v-chiaro)}*/

@media screen and (max-width:1200px)
{
  #menu_boutique {display:none}
}

@media screen and (max-width:800px)
{
  #menu_p1_box {flex-direction: column; column-gap: 10px; row-gap: 10px}
  #menu_p1_box_placche {display: flex; flex-direction: row; justify-content: space-around; column-gap: 20px;}  
  #menu_p2_box {width: 90%!important; align-items: center}
  #menu_p2_brand {flex-direction: column; justify-content: center;}
  .menu_p2_item_t1, .menu_p2_item_t2, .menu_p2_item_t3 {height:19px; font-size: 15px}
  .menu_p2_item_i i {font-size:15px!important}
  .menu_p2_item_t1 {width:230px}
  .menu_p2_item_t2 {width:230px}
  .menu_p2_item_t3 {width:230px}


  .menu_sez td {height:22px}
  .menu_sez_t {margin: 0 0 5px 0; font-size: 16px}
  .menu_sez_i {height:26px; font-size: 16px}
  .menu_sez_i i {font-size:15px!important}
}

/* Style all font awesome icons */
.fa {margin:0; padding:0; text-align: center; text-decoration: none}

/* Bottom */

#footer_wrapper {width:100%; min-width:320px; display: flex; justify-content: center; background: url(img/bk_footer.jpg); background-position: center; background-size:cover}
#footer {margin: 0; padding: 40px; min-width:320px; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; column-gap: 80px; row-gap: 30px}
.footer_box {margin: 0; padding: 0; color: #FFF; display: flex; flex-direction: column; justify-content: flex-start}
.footer_box_t {margin: 0 0 20px 0; color: #fff; font-size: 18px; font-weight: 700;}
.footer_box_i {display: block; width:100%!important; height:25px; color: #fff; font-size: 16px}
.footer_box_icone {margin: 0; display: flex; flex-direction: row; column-gap:15px}
.footer_box_icona {color: #FFF; font-size: 20px!important}

@media screen and (max-width:1600px)
{
  #footer {flex-direction: column}
}

/* pagine verga 1947 */ 
#verga1947_page_wrapper {margin: 0; padding: 0; min-width:320px; width:100%; background: #fff; z-index: 1}
#verga1947_page {margin: 0 auto; min-width:320px; width:100%; max-width:1920px; background: #FFF; font-size: 0; overflow: hidden!important;}

/*hp ss*/

#hp_slideshow .slick-prev {left: 0px!important; z-index: 50!important}
#hp_slideshow .slick-next {right: 0px!important; z-index: 50!important}

#hp_slideshow .slick-prev:before {font-size: 40px!important; color: #ccc!important}
#hp_slideshow .slick-next:before {font-size: 40px!important; color: #ccc!important}

@media screen and (max-width:800px)
{
  #hp_slideshow .slick-prev:before {font-size: 20px!important}
  #hp_slideshow .slick-next:before {font-size: 20px!important}
}

.banner_pulsante_rolex {margin: 0 auto; padding: 10px 20px 10px 20px; display: inline-block; font-size: 16px; line-height:18px; color: #FFF; background-color: #127749; border: 1px solid #127749; border-radius:20px; transition: 0.3s all linear}
.banner_pulsante_rolex:hover {color: #127749!important; background-color: #FFF; transition: 0.3s all linear}

.banner_pulsante_patek {margin: 0 auto; padding: 10px 30px 10px 30px; display: inline-block; font-size: 20px; line-height:18px; color: #FFF; background-color: #453527; border: 1px solid #453527; border-radius:20px; transition: 0.3s all linear}
.banner_pulsante_patek:hover {color: #453527!important; background-color: #FFF; transition: 0.3s all linear}

@media screen and (max-width:800px)
{
  .banner_pulsante_patek {padding: 10px 20px 10px 20px; font-size: 16px}
}


.banner_pulsante_tudor {margin: 0 auto; padding: 10px 20px 10px 20px; display: inline-block; font-size: 16px; line-height:18px; color: #FFF; background-color: #E01010; border: 1px solid #E01010; border-radius:20px; transition: 0.3s all linear}
.banner_pulsante_tudor:hover {color: #E01010; background-color: #000; transition: 0.3s all linear}

#banner_patek {margin:0; padding:0; width:100%}
#banner_patek ul {margin: 0; padding: 0; font-size:0; list-style: none; width:100%}
#banner_patek ul li {margin: 0; padding: 0; width:50%; display: inline-block; text-align:center; vertical-align: middle}
#banner_patek ul li img {width:100%}
#banner_patek ul li a {margin: 0; padding: 0; width:50%; font-family: 'Spectral SC', serif; font-size: 26px; color: #555}

@media screen and (max-width:640px)
{
#banner_patek ul li {width:100%}
}

.banner_brand {margin:0; padding:0; width:100%; position:relative; font-size:0}
.banner_brand_immagine {margin:0; padding:0; width:100%; display:block; font-size:0}
.banner_brand_immagine_img {margin:0; padding:0; width:100%}
.banner_brand_testi_contenitore {display:block; margin:0; padding:0; width:100%; height:100%; position:absolute; top:0; left:0}
.banner_brand_testi {margin:0; padding:0; width:100%; height:100%; font-size:17px; display:table; position:absolute; top:0; left:0; color: #000; font-size: 23px; line-height:30px}
.banner_brand_testo {margin:0; padding:0 10px 0 10px; width:50%; height:100%; display: table-cell; text-align: center; vertical-align: middle}
.banner_brand_testo a {color: #FFF; font-family: 'Arial', sans-serif; font-size: 17px; line-height:25px}
.pulsante_rolex {padding: 10px; margin: 0 auto; width: 220px; color: #FFF; font-size: 17px; background-color: #127749; border: 1px solid #127749; display:block; z-index:20; border-radius:25px}
.pulsante_tudor_banner {padding: 10px; margin: 0 auto; width: 220px; color: #FFF; font-size: 17px; background-color: #E01010; border: 1px solid #E01010; display:block; cursor: pointer; z-index:20; border-radius:20px; transition: 0.3s}
.pulsante_tudor_banner:hover {color: #E01010; background-color: #000; transition: 0.3s}
.banner_brand_rsp {margin:0; padding:0; width:100%; position:relative; font-size:0; display:none}
.banner_brand_testi_rsp {margin:0; padding:40px 2% 40px 2%; width:100%; height:100%; display:flex; justify-content: center; align-items: center;  color: #000; font-size: 23px; line-height:30px; background:#F9F9F9; min-height: 160px}
.banner_brand_testo_rsp {margin:0; padding:0; width:100%; height:100%; display: block; text-align:center}
.banner_brand_testo_rsp a {color: #FFF; font-family: 'Arial', sans-serif; font-size: 17px; line-height:25px}
@media screen and (max-width:640px)
{
.banner_brand {display:none}
.banner_brand_rsp {display:block}
}

.banner_brand_testi_rsp_absolute {position: absolute; bottom: 0; padding:0 40px 40px 40px; width:100%; height:100%; display:flex; justify-content: center; align-items: center;  color: #000; font-size: 23px; line-height:30px; background:#F9F9F9; min-height: 160px}

/* Stili */
.verga1947_titolo {padding: 0 0 2vw 0; font-size: min(3vw, 54px); font-weight:700; line-height: min(3vw, 54px)}
.verga1947_sottotitolo {padding: 0 0 2vw 0; font-size: min(1.5vw, 27px); font-weight: 700}
.verga1947_testo_pti {font-size: min(1vw, 18px); line-height: min(1.6vw, 29px)}
.verga1947_testo_ptia {margin: 2vw 0 0 0}
.verga1947_testo_ptia a {font-size: min(1.6vw, 29px); font-weight: 700}

@media screen and (max-width:800px)
{
  .verga1947_titolo {padding: 0 0 4vw 0; font-size: 7vw; line-height: 7vw}
  .verga1947_sottotitolo {padding: 0 0 4vw 0; font-size: 4vw}
  .verga1947_testo_pti {font-size:4vw; line-height: 6vw}
  .verga1947_testo_ptia {padding: 4vw 0 0 0}
  .verga1947_testo_ptia a {font-size: 4vw}
}

/* Strutture */

.p_t_i, .p_i_t {width:100%; display:flex; flex-direction: row; align-items: stretch}
.p_2c_txt, .p_2c_img {width:50%}
.p_2c_txt {padding: 5vw}
.p_2c_imgf {display: none}

.p_t {width:100%; padding: 5vw min(20vw,400px) 5vw min(20vw,400px); display:flex; flex-direction: column; align-items: flex-start}

.img_centrale {width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center}
.img_mezza {margin:0 auto; width:90%; height:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; background: #F00;}

@media screen and (max-width:800px)
{
  .p_t_i {flex-direction: column-reverse; align-items: center}
  .p_i_t {flex-direction: column; align-items: center}
  .p_2c_txt, .p_2c_img {width:100%}
  .p_2c_img  {background: #FFF!important}
  .p_2c_imgf {display: block; width:100%}
  .img_mezza {width:100%}

  .p_t {padding: 5vw}
}

/* p boutique */

.p_boutique {padding: 5vw;display:flex; flex-direction: row; justify-content: center; align-items: stretch; column-gap: 5vw; row-gap: 5vw}
.p_boutique_img {width:30%}
.p_boutique_txt {width:70%; color: #fff}

@media screen and (max-width:800px)
{
  .p_boutique {flex-direction: column; justify-content: center; align-items: stretch; column-gap: 5vw;}
  .p_boutique_img {width:100%}
  .p_boutique_txt {width:100%}
}

/* World of Rolex */

.hp_rolex_world {width:100%; position: relative}
.hp_rolex_world picture, .hp_rolex_world picture img {width:100%}

.hp_rolex_world_txt {position: absolute; top: 0; right: 8%;  width: 35%; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start}
.hp_rolex_world_headline50 {font-size: 50px; font-weight: 700; line-height: 1.2; color: #FFF}
.hp_rolex_world_headline36 {font-size: 36px; font-weight: 700; line-height: 1.2; color: #FFF}

.hp_rolex_world_cta {margin: 20px 0 0 0; padding: 0 30px 0 30px; height: 44px; font-size: 14px; color: #FFF; background: #006039; border-radius: 22px; display:flex; flex-direction:row; justify-content: center; align-items: center; cursor:pointer}

@media screen and (max-width:767px)
{
  .hp_rolex_world_txt {padding: 0 0 50px 0; left: 5%; bottom: 60px; right: 0; width: calc(100% - 2 * 5%); justify-content: flex-end}
  .hp_rolex_world_headline50 {font-size: 26px; font-weight: 700; line-height: 1.2}
  .hp_rolex_world_headline36 {font-size: 18px; font-weight: 700; line-height: 1.2}
}

/* Parallax*/

.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

@media screen and (max-width: 800px) {
  .parallax {background-attachment: scroll}
}

/* brand HP */

#brand_hp {margin: 0 auto; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center}
#brand_hp_griglia_marchi {padding: 20px; width:80%; min-width: 320px; font-size:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;  align-items: center; gap: 40px; background: #FFF}
.brand_hp_img {width:160px}

@media screen and (max-width: 1200px) {
  .brand_hp_img {width:100px}
}

/*News HP*/

#hp_griglia_news {margin:0; padding: 0; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; column-gap: min(40px, 10%); row-gap: min(40px, 10%)}
.hp_news {width:45%; font-size:0}
.hp_news img {width:100%}

@media screen and (max-width: 800px) {
  #hp_griglia_news {flex-direction: column}
  .hp_news {width:100%; padding: 0 0 10% 0!important}
}

/*News*/

#griglia_news {margin:0; padding: 0; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch}
.news {padding: 0 0 10% 0!important; width:45%; font-size:0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px}
.news img {width:100%}

@media screen and (max-width: 800px) {
  #griglia_news {flex-direction: column}
  .news {width:100%; padding: 0 0 10% 0!important}
}

#wrapper_scheda_news {margin:0 auto; padding: 0; width:70%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between}
#news_griglia_gallery {margin:0; padding: 0; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; column-gap: 20px; row-gap: 20px}

@media screen and (max-width: 800px) {
  #wrapper_scheda_news  {width:90%;}
}

/* Top Banner */
#top_banner {width:100%; height:100vh; position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center}
#top_banner_titolo {font-size: 4vw; font-weight:700; color: #fff; text-shadow: 4px 4px 8px #000}
#top_banner_titolo:before {text-shadow: -4px -4px 8px #000}

@media screen and (max-width: 800px) {
  #top_banner_titolo {margin: 0 auto; padding: 0 5vw 0 5vw; font-size: 12vw; text-align:center}
}

/* Banner bicolor*/
.banner_bico {width:100%; position:relative; font-size: 0; display:block; font-size: 0}
.banner_bico_img {width:100%; display:flex; justify-content: center; z-index: 101; font-size: 0}
.banner_bico_img img{width:70%; z-index: 101; font-size: 0}
.banner_bico_bk {position:absolute; top:0; left: 0; width:100%; height:100%; display:flex; flex-direction: column; z-index: 100; font-size: 0}
.banner_bico_strip {width:100%; height:50%; z-index: 100; font-size: 0}

@media screen and (max-width: 800px) {
  .banner_bico_img img{width:90%}
}

/* Vintage */

.top_vintage_orologio {width:100%; padding: 1vw 5vw 1vw 5vw; display:flex; flex-direction: column; align-items: center}

@media screen and (max-width:800px)
{
  .top_vintage_orologio {padding: 10vw}
}

#top_link_selezione {position:absolute; bottom:5vh; font-size: 3vw; font-weight:700; color: var(--r-chiaro); text-shadow: 4px 4px 8px #888}
@media screen and (max-width: 800px) {
  #top_link_selezione {font-size: 6vw; text-align: center;}
}

#verga_vintage_page {padding: 5vw; display: flex; flex-direction: column; justify-content: center; align-items: center}

#griglia_vintage {width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center}
.vintage_item {padding: 5px; width:320px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.anteprima_img_main {width:100%}
.vintage_item img {transform: scale(1); transition: linear 0.2s}
.vintage_item img:hover {transform: scale(1.03); transition: linear 0.2s}
.vintage_item_titolo {padding: 10px 0 0 0; font-size: 15px; font-weight: 700; color: #8a2327}
.vintage_item_testo {font-size: 15px}

#vintage_dettagli {margin: 0 auto; width:60%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; row-gap: 20px; column-gap: 20px}
.vintage_dettaglio_t {width: 66%; display: flex; flex-direction: column; justify-content: flex-start; column-gap: 100px}
.vintage_dettaglio_c {width: 34%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.vintage_dettaglio_t_griglia {width: 100%; display: flex; flex-direction: row; justify-content: flex-start; column-gap: 100px}
.vintage_dettaglio_box {width:50%; display: flex; flex-direction: column; justify-content: flex-start; row-gap: 20px; column-gap: 20px}
.vintage_dettaglio_titolo {margin: 0 0 20px 0;  width:100%; font-size: 20px; font-weight: 700; color: var(--r-scuro); border-bottom: 1px solid var(--r-scuro)}
.vintage_dettaglio_label {width:100%; font-size: 15px; font-weight: 700}
.vintage_dettaglio_txt {width:100%; font-size: 15px; border-bottom: 1px solid #ccc}

#box_immmagine {margin: 0 auto; position: relative}
#box_immmagine_lente {position:absolute; bottom: 0; right: 0; width: 50px; height: 50px; background: rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: center; cursor: pointer}

#orologio_vintage_slideshow {width:80%}

@media screen and (max-width: 800px) {
  #griglia_vintage {padding: 0; row-gap: 5%; column-gap: 5%}
  .vintage_item {padding: 0 0 5% 0; width:47.5%}
  #vintage_dettagli {width:90%; flex-direction: column}
  .vintage_dettaglio_t {width: 100%}
  .vintage_dettaglio_c {width: 100%}  
  .vintage_dettaglio_t_griglia {flex-direction: column}
  .vintage_dettaglio_box {padding: 20px 0 0 0; width:100%; display: flex; flex-direction: column; justify-content: flex-start; row-gap: 20px; column-gap: 20px}  

  #orologio_vintage_slideshow {width:100%}
}

/* Vintage anteprima*/

.anteprima_vv {margin:0; padding: 0;  position:relative; width: calc(33.33% - 14px); height: calc(33.33% - 14px); display:inline-block}
.anteprima_vv_img {margin: 0; padding: 0; width:100%; height: auto; transform: scale(1); transition: linear 0.2s;}  
.anteprima_vv_img:hover {transform: scale(1.03); transition: linear 0.2s;}  
.anteprima_vv_txt {margin:0 ; padding: 10px 0 10px 0; font-size: 12px; text-align: left; color: #212121; line-height: 20px}

@media screen and (max-width: 1200px) {
  .anteprima_vv {margin:0; padding: 0;  position:relative; width: calc(50% - 14px); display:inline-block}
}

/* Vintage anteprima con frame*/

.anteprima_vv_frm {margin:0; padding: 0;  position:relative; width: calc(33.33% - 14px); display:inline-block}
.anteprima_vv_frm_img {margin: 0; padding: 0; width:100%; height: auto; transform: scale(1); transition: linear 0.2s;}  
.anteprima_vv_frm_img:hover {transform: scale(1.03); transition: linear 0.2s;}  
.anteprima_vv_frm_txt {margin:0 ; padding: 10px 0 10px 0; font-size: 12px; text-align: left; color: #212121; line-height: 20px}

@media screen and (max-width: 1200px) {
  .anteprima_vv_frm {margin:0; padding: 0;  position:relative; width: 100vw; height: 100vh; display:inline-block}
}

/* 360 */
.modal {display: none; position: fixed; z-index: 700; left: 0; top: 0; width:100vw; height:100vh; background-color: rgba(0,0,0,0.97); font-size:0; border:none}
.close {color: white; position: absolute; top: 40px; right: 40px; font-size: 35px; font-weight: bold; z-index: 701}
.close:hover,.close:focus {color: #999; text-decoration: none; cursor: pointer}
.modal-content {position: relative; margin: 0; padding: 0; width:100vw; height:100vh; display:flex; justify-content: center; align-items: center}
.modal-content_box {margin:0; padding:0; position:relative; width:100%; max-width:800px}
.mySlides {display: none; width: 100%; border:none}
.mySlides img {width: 100%}
.cursor {cursor: pointer}
.prev360, .next360 {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; color: #FFF; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none}
.prev360 {left: 20px; border-radius: 3px 0 0 3px}
.next360 {right: 20px; border-radius: 3px 0 0 3px}
.prev360:hover, .next360:hover {background-color: rgba(0, 0, 0, 0.8);}
.img-container {width: 100%; margin: 0; padding:0; cursor: ew-resize}

.zoom {display:inline-block; position: relative; cursor:zoom-in}

/* Negozi */

#negozio_griglia_marchi {margin: 0 auto; padding: 0; width:90%; min-width: 320px; font-size:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;  align-items: center; row-gap: 30px; column-gap: 30px} 
.negozio_marchio {width:146px}
#negozio_griglia_marchi_small {padding: 20px; width:100%; min-width: 320px; font-size:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;  align-items: center; row-gap: 20px; column-gap: 20px; background: #FFF}
.negozio_marchio_small {width:100px}
#negozio_slideshow {margin: 0 auto; padding: 0; width:90%; max-height:300px}
.negozio_slide {padding: 0 10px 0 10px; max-height:300px}
.negozio_slide img {max-height:300px}

#negozio_griglia_brand {margin: 0 auto; padding: 0; width:90%; min-width: 320px; font-size:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly;  align-items: center; row-gap: 30px; column-gap: 30px} 
.negozio_marchio_brand {width: 100%; max-width: 200px}
.brand_box {width:30%; display: flex; flex-direction: row; justify-content: center; align-self: stretch; border: 1px solid var(--v-scuro); border-radius: 10px; transform: scale(1); transition: 300ms;}  
.brand_box:hover { transform: scale(1.00); transition: 300ms;}
.brand_box_img {padding: 30px; display: flex; justify-content: center; align-items: center; width: 40%}
.brand_box i {padding: 0 10px 0 0; color: #FFF}
.brand_box_txt {padding: 20px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-self: flex-start; gap: 20px; background: var(--v-chiaro); border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; width: 60%}
.brand_box_txt a {color: #FFF}

@media screen and (max-width:1800px)
{
  .brand_box {width: 45%}
}

@media screen and (max-width:1024px)
{
  .brand_box {width: 90%; flex-direction: column; justify-content: center; align-self: center}
  .brand_box_img {padding: 20px; width: 100%}  
  .brand_box_txt {border-top-right-radius: 0; border-bottom-left-radius: 10px; width: 100%}
}

/* carrello */ 
#ce_errore_generale {margin: 0 0 30px 0; padding: 10px; background: #eef; }

#ce_container_2col {width:100%; display: flex; flex-wrap:wrap; justify-content:space-around; align-items:stretch; row-gap: 30px; column-gap: 30px}
.ce_box_2col {margin: 0%; width: 40%; padding: 3%; text-align: left; border: 1px solid #999}
.ce_box_2col_ul {margin: 0 0 0 50px; padding:0}
.ce_box_1col {margin: 0%; width: 90%; max-width:840px; padding: 3%; text-align: left; border: 1px solid #999}

.ce_titolo {margin: 0; padding: 0 0 20px 0; color: var(--v-scuro); font-size: 20px; font-weight: 700}
.ce_ph_label {margin:0; padding: 0; width:100%; max-width:600px; font-size: 12px; text-align: left}
.ce_ph_campo {margin:0 0 5px 0; padding: 5px; width:100%; max-width:720px; font-size: 15px; text-align: left; transition: 0.3s ease; border-top: none;  border-left: none;  border-right: none; border-bottom: 1px solid #ccc; outline: none !important; background:#fff}
.ce_ph_errore {color: #F00; transition: 0.3s ease}

.ce_errore_form {margin:0 0 20px 0; opacity: 0; color: #F00}
.ce_errore_form_visibile {opacity: 1; transition: 0.3s ease}
.ce_errore_input {border-bottom: 1px solid #F00!important; transition: 0.3s ease}

.ce_pulsante_verde {margin: 0 auto; padding: 10px 20px 10px 20px; display: inline-block; font-size: 16px; line-height:18px; color: #FFF; background-color: var(--v-chiaro); border: 1px solid  var(--v-scuro); border-radius:20px; transition: 0.3s all linear; text-align: center}
.ce_pulsante_verde:hover {color: #127749; background-color: #FFF; transition: 0.3s all linear}

.ce_carrello_item {margin:0 0 10px 0; padding: 0; width:100%; display: flex; flex-direction: row; align-items: stretch; row-gap: 10px; column-gap: 10px}
.ce_carrello_item_img {margin:0; padding: 0; width:100px}
.ce_carrello_item_txt {margin:0; padding: 10px 0; width:100%; display: flex; flex-direction: column; justify-content: space-between; row-gap: 10px; column-gap: 10px}
.ce_carrello_item_txt_d {margin:0; padding: 0; font-size: 12px; font-weight: 700}
.ce_carrello_item_txt_p {margin:0; padding: 0; text-align: left; display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.ce_carrello_item_txt_p_c i {margin:0; padding: 0; font-size: 20px!important; cursor: pointer}

@media screen and (max-width:1024px)
{
  .ce_box_2col {width: 80%}
  .ce_carrello_item_img {margin:0; padding: 0; width:80px}
}

#ce_griglia_ordini {margin:0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; row-gap: 10px; column-gap: 10px}
.ce_cella_ordine {margin:0; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ccc}

/* Check box */

.ce_chk {margin:0; padding: 0; display: flex; flex-direction: row; align-items: flex-start}
.ce_chk_ctrls {margin:0; padding: 0;  width: 20px!important; height: 20px!important;}
.ce_chk_input {height: 0!important; width: 0; -webkit-appearance: none; appearance: none; margin: 0}
.ce_checkmark_checked {background-color: var(--v-chiaro)!important; transition: 0.5s ease}
.ce_checkmark {margin:0 5px 0 0; padding: 0; height: 20px!important; width: 20px!important; border: 1px solid var(--v-scuro); background-color: #fff; transition: 0.5s ease} 
.ce_chk_label {margin: 0 0 0 10px; padding: 0; font-size:12px} 

.ce_conferma_item {margin:0 0 10px 0; padding: 0; width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; row-gap: 10px; column-gap: 10px}












 
.italic {font-style: italic;}
.white {color: #FFF}
.v_chiaro {color: var(--v-chiaro)}
.v_scuro {color: var(--v-scuro)}
.r-scuro {color: var(--r-scuro)}
.r-chiaro {color: var(--r-chiaro)}
.hspace10, .hspace20, .hspace30, .hspace40, .hspace60, .hspace100 {margin: 0; padding: 0; width: 100%; display: block}
.hspace10  {height: 10px}
.hspace20  {height: 20px}
.hspace30  {height: 30px}
.hspace40  {height: 40px}
.hspace60  {height: 60px}
.hspace100 {height: 100px}

.p30 {width: 30%!important}
.p70 {width: 70%!important}
@media (max-width:920px)
{
  .p35 {width: 100%}
  .p65 {width: 100%}
}

.verde_br10 {padding: 20px!important; background: #074F43; border-radius: 10px; border: 1px solid #064E42; font-size: 22px; font-family: 'Spectral SC', serif; color: #FFF}

#strillato {padding: 30px; background: #FFF; color: #007766; font-size: 20px; font-weight:700; line-height: 40px; letter-spacing: 1px; border: 5px solid #007766}
#strillato a {color: #074D43; font-size: 20px; font-weight:700; line-height: 40px; letter-spacing: 1px}

#strillato_2024 {margin: 0px auto; width: 60%; padding: 30px; background: #007d6b; background-size: cover; color: #FFF; font-size: 20px; font-weight:700; line-height: 40px; letter-spacing: 1px; text-align: center; border-radius: 20px}
@media (max-width:920px)
{
  #strillato_2024 {width: 90%}
}

#ss {margin: 0; padding: 0; width: 100%; position: relative; font-size: 0; clear: both}
.img_hp {width:100%; display: block}
.txt_hp {margin: 0; padding: 0; display: block; color: #FFF; opacity: 0}
.hidden {position: absolute; top:0; left:0}
.hidden_absolute {position: absolute}

#orologio_rolex_wrapper {position:absolute; margin: 0; padding: 0; top: 100px; right: 20px; clear:both}
#orologio_rolex {margin: 0; padding: 0; width: 150px; height: 70px}
.rolex_corner_titolo1 {font-family: 'Spectral SC', serif; font-size: 18px}
.rolex_corner_titolo2 {font-family: 'Spectral SC', serif; font-size: 26px; color: #074D43}
.rolex_corner_hr {width:300px; border: 1px solid #074D43}

@media (max-width:920px)
{
#orologio_rolex_wrapper {position:relative; margin: 0; padding: 10px 0 40px 0; width: 100%; min-width: 320px; text-align:center; top: 10px; right: 0}
#orologio_rolex {margin: 0 auto; padding: 0}
}

/* Banner Cookies */

#cookies_wrapper {z-index:10000; position:fixed; bottom: 0; left: 0; width:100%; background: rgba(64,64,64,0.99)}
#cookies_box {margin: 0 auto; width:100%; max-width:1280px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #FFF; position: relative}
#cookies_testo {margin: 20px; width:90%; color: #FFF; font-size: 16px;}
#cookies_pulsanti {margin: 10px; width:90%; display: flex; flex-direction: row}
#cookies_pulsanti_sx {width:50%; text-align: left}
#cookies_pulsanti_dx {width:50%; text-align: right}
.cookies_pulsante_sx, .cookies_pulsante_dx {margin: 5px; padding: 10px 20px; font-size: 16px; font-weight: 700; border: 1px solid rgb(7, 39, 12); border-radius: 20px; cursor: pointer; transition:.3s ease}
.cookies_pulsante_sx {background: #074D43; color: #FFF}
.cookies_pulsante_dx {background: #074D43; color: #FFF}
.cookies_pulsante_sx:hover {background: #fff; color: #074D43; transition:.3s ease}
.cookies_pulsante_dx:hover {background: #fff; color: #074D43; transition:.3s ease}

@media (max-width:920px)
{
  #cookies_pulsanti {flex-direction:column}
  #cookies_pulsanti_sx {margin: 10px; width:100%; text-align: center}
  #cookies_pulsanti_dx {margin: 10px;width:100%; text-align: center}
}

#cookies_close {position: absolute; top: 0; right: 0; margin: 10px; padding: 10px; background: rgba(32,32,32); font-family:"Arial"; font-size: 20px; border-radius: 5px; cursor: pointer;}

.cookies_consenso_box {margin: 2%; padding: 2%; width: 92%; border: 1px solid #ccc; display: flex; flex-direction: row;}
.cookies_consenso_testo {width: calc(100% - 80px); text-align: left}
.cookies_consenso_checkbox {width: 80px}
#cookies_consenso_invia {color: #FFF;   font-size: 16px; padding: 10px 35px 10px 35px !important;  background-color: #074D43; transition: 0.3s ease 0s; border-radius: 20px !important; cursor: pointer; border: 1px solid rgb(7, 39, 12)}
#cookies_consenso_invia:hover {background: #fff; color: #074D43; transition:.3s ease}

.cookies_checkbox {position: relative; width: 64px; height: 32px; line-height: 32px; appearance: none; -webkit-appearance: none; background: #ccc; outline: none; border-radius: 20px; box-shadow:inset 0 0 5px rgba(0,0,0,0.2); transition: .5s; cursor: pointer}
.cookies_checkbox[disabled] {background: #F00; cursor: none}
.cookies_checkbox:checked {background: #074D43}
.cookies_checkbox:before {content: ''; position: absolute; width: 32px; height: 32px; border-radius: 20px; top: 0; left: 0; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transform: scale(0.8); transition: .5s}
.cookies_checkbox:after {content: '\f00d'; font-family: 'FontAwesome'; font-size: 24px; position: absolute; width: 32px; height: 32px; top: -1px; left:6px; color: #F00;   transition: .5s}
.cookies_checkbox:checked:before {content: ''; background: #FFF; left: 32px}
.cookies_checkbox:checked:after {content: '\f00c'; font-family: 'FontAwesome'; font-size: 24px; color: #074D43; top: 0; left: 35px}

/* Carrello */

.cart_button_hide {display:none!important}

/* WATCH GRID VERGA VINTAGE*/

#vv_filtro_rsp {margin:5%; padding:0; font-size: 14px; color: #127749; text-align: right; display:none; cursor: pointer;} 

#vv_wg {margin:0px auto; padding: 0; min-width:340px; width:100%; max-width:1460px; position: relative; display:flex; flex-direction: row; justify-content: center; align-items: flex-start;}

#vv_wgf {margin:0; padding: 0 20px; min-width:340px; background: #FFF; transition: 0.5s ease}
#vv_wgf_titolo {margin: 0; padding: 0; width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center} 
#vv_wgf_close {margin:0; padding: 10px; font-size: 30px; opacity: 0; display:block; z-index:20001; cursor: pointer}
.vv_style_pulsante_grigio_filtro {margin:0; padding: 10px}
#vv_wgf_bottom {position: fixed; bottom: 0; left: 0; padding: 0 20px; width:100vw; height:80px; opacity: 0; background:#F8F8F8; z-index: 20005; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 20px;}
.vv_wgf_gruppo {margin: 40px 0 20px 0; padding: 0; width:100%}
.vv_filter_show {left: 0!important; opacity:1!important; transition: 0.5s ease}

#vv_wgw {margin:0px auto; padding: 0 20px 0 0; min-width:340px; width:100%; max-width:1120px; display:flex; flex-direction: row; flex-wrap: wrap; justify-content:stretch; align-items: flex-start; row-gap: 30px; column-gap: 20px; position: relative}

@media screen and (max-width:767px)
{
  #vv_filtro_rsp {display:block} 
  
  #vv_wgf {padding: 0; position: fixed; top: 0; left: -100%; width:100vw; height:100vh; opacity: 0; z-index: 20000; overflow-y:scroll!important}
  #vv_wgf_titolo {padding: 0 0 10px 5%; border-bottom: 1px solid #ccc; justify-content: space-between}
  #vv_wgf_close {opacity: 1}
  #vv_wgf_top {display:none}  
  #vv_wgf_bottom {opacity: 1}
  .vv_wgf_gruppo {padding: 0 0 0 5%}

  #vv_wgw {margin:0 5% 0 5%; padding: 0; width:90%; row-gap: 30px; column-gap: 20px; justify-content:center;}    
}

/* Check box */

.checkbox-ctrl {display: block; position: relative; margin-left:0%; margin-bottom: 18px; font-size: 12px; user-select: none}
.checkbox-ctrl input {height: 0; width: 0; -webkit-appearance: none; appearance: none; margin: 0}
.checkmark {position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; border: 1px solid #999; background-color: #fff; transition: 0.5s ease} 
.check-text{position: absolute; top: 3px; left: 30px;font-size:12px} 
.checkbox-ctrl input:checked ~ .checkmark {background-color: #127749; transition: 0.5s ease}

@media screen and (max-width:767px)
{
  .checkbox-ctrl {margin-left:5%;} 
}

/* Corner PP*/

#pp_top_box {padding: 20px 0 0 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center}
.pp_video_boxXXX {margin: auto; width:100%; max-width: 1280px}
.pp_video_XXX {width:100%; height: auto}

.pp_video_box_rot {display:none}
.pp_video {height: 100%}

@media screen and (max-width:767px)
{
  .pp_video_box_rot {margin: 0; padding: 0; width:100%; height: 80vh; display:flex; justify-content: center; align-items: center}
}

#pp_main {margin:auto; padding: 20px; width: 100%; max-width:1920px; display: flex; flex-direction: column; justify-content: center; align-items: center}
.pp_space {width: 100%; height: 50px}
.pp_titolo {margin: 0 0 25px 0; font-size: 24px; text-align: center; color: rgb(171, 148, 125)}
.pp_testo {margin: 0 0 40px 0; width: 60%; line-height: 22px; font-size: 16px; text-align: center; color: rgb(70, 53, 39)}
.pp_grid {margin: 0; width: 80%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 50px}
.pp_grid_item {width: 220px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pp_grid_item:hover > .pp_grid_item_marker {opacity: 1; transition: opacity 0.3s linear;}
.pp_grid_item img {width: 100%}
.pp_grid_item_marker {margin: 0 0 15px 0; text-align: center; width: 50%; height: 4px; background-color: rgb(157, 141, 125); opacity: 0; transition: opacity 0.3s linear;}
.pp_referenza {color: #463527; font-size: 15px; line-height: 15px; font-weight: 700}
.pp_materiale {font-size: 14px;  text-align: center;  margin-top: 15px; width: 100%; color: rgb(70, 53, 39)}
.pp_collection {color: #463527; font-size: 12px; line-height: 13px; margin-top: 8px}
.pp_nr_items {color: rgb(171, 148, 125); font-size: 12px; text-align: center; margin-top: 1px; font-style: italic}
.pp_collection_sub{margin: 30px 0 10px 0; font-size: 20px; color: #000; font-style: italic; line-height: 20px; font-weight: bold}
#pp_scheda_tit {margin: 50px 0 8px 0; text-align: center; font-size: 30px; color: rgb(70, 53, 39)}
#pp_scheda_carica {margin: 0 0 50px 0; text-align: center; font-size: 20px; color: rgb(70, 53, 39)}
#pp_foto {width:80%}
.pp_foto_item img {width:100%}
#pp_scheda {margin:auto; width: 60%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-self: flex-start; gap: 50px}
.pp_scheda_col {width: calc((100% - 50px) / 2)}
#pp_foto_box {margin: auto; width: 80%; position: relative}
#pp_foto {width:100%}
#patek_lente_box {position: absolute; top: 10px; right: 10px}
#patek_lente {width: 30px; height: 30px}
.patek_prev360, .patek_next360 {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; color: rgb(70, 53, 39); font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none}
.patek_prev360 {left: 20px; border-radius: 3px 0 0 3px}
.patek_next360 {right: 20px; border-radius: 3px 0 0 3px}
.patek_prev360:hover, .patek_next360:hover {color: #FFF; color: rgb(70, 53, 39)}
.patek_close {color: rgb(157, 141, 125); position: absolute; top: 40px; right: 40px; font-size: 35px; font-weight: bold; z-index: 701}
#patek_listino {font-size: 26px; color: #463527}
#patek_listino_disclaimer {font-size: 12px; color: #463527}
#pulsante_patek {margin: 0 auto; padding: 10px 20px 10px 20px; display: inline-block; font-size: 16px; line-height:18px; color: #FFF; background-color: #463527; border: 1px solid #463527; border-radius:5px; transition: 0.3s all linear; text-align: center; text-wrap: balance}
#pulsante_patek:hover {background-color: rgb(171, 148, 125); transition: 0.3s all linear}

@media screen and (max-width:767px)
{
  #pp_scheda {width: 94%}
  .pp_scheda_col {width: 100%}
}

/* portofino */
#quote_umberto {margin: 0 auto; width: 960px; display: flex; flex-direction: row; justify-content: center; align-items: center}
#quote_umberto_img {width:50%}
#quote_umberto_txt {padding: 0 0 0 2%; width:50%; font-size: 20px; text-align: left; text-wrap: balance;  line-height: 28px; font-style: italic}

@media screen and (max-width:1000px)
{
  #quote_umberto {width: 90%}
  #quote_umberto_txt {font-size: 15px; line-height: 22px}
}

@media screen and (max-width:800px)
{
  .titolo_portofino {padding: 0 0 4vw 0; font-size: 7vw; line-height: 7vw}
  #quote_umberto {padding: 0 5%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px}
  #quote_umberto_img {width:100%}  
  #quote_umberto_txt {padding: 5%; width: 100%}
  #quote_umberto_txt {font-size: 18px; line-height: 25px}  
}

/* HP VIDEO */

/* HP VIDEO */

#hp_video_box {position: relative; width: 100%; height: 100vh; background: #000; overflow: hidden}
#hp_video_container {opacity:0.7; position: absolute; top: -100px; left: -100px; width: calc(1920px / 2); height: calc(1080px / 2)}
#myVideo {width: 100%}

.vd_spinner_box {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.vd_spinner {
  width: 40px;
  height: 40px;
  background: linear-gradient(var(--v-chiaro), var(--v-scuro)) padding-box,
              linear-gradient(to right, #FFF, var(--v-chiaro)) border-box;
  border-radius: 50%;
  border: 4px solid transparent;

  animation: vd-spinner-anime 0.8s infinite linear;
}
@keyframes vd-spinner-anime {
  100% { 
    transform: rotate(360deg); 
  }
}