@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}

#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%}
}

/* WAGE */

.wage_h1 {padding: 40px 0 20px 0; color: rgb(140, 122, 102); font-size: 35px; font-weight: 400; text-align: center}
.wage_h2 {padding: 0 0 40px 0; color: rgb(140, 122, 102); font-size: 22px; font-weight: 700; text-align: center}
.wage_txt {text-wrap:balance!important; text-align: center; width:60%; line-height:30px}
.wage_pic {padding: 50px 5%; width: 100%; max-width: 800px}
.wage_banner {margin: 0 auto; width:80%; max-width: 1024px; text-align: center}

@media screen and (max-width:767px)
{
  .wage_txt {width:90%}
  .wage_banner {width:100%}
}

#pp_main table tr td {padding: 5px; text-align:right}

/* VIDEO */

#video_box {position: relative; width: 100%; background: #315ca7}
#myVideo {width: 100%}