* {--tudor_page_margin: 18%; --tudor_page_margin_rsp: 20px}
.tudor_vspace {width: 100%; height: 60px}

/* Header*/
#tudor_page_wrapper {margin: 0; padding: 0; min-width:320px; width:100%; background: #FFF}
#tudor_page {margin: 0 auto; padding: 0; min-width:320px; width:100%; max-width:1920px}

.no_scrolling {position:fixed; overflow-y: hidden; width:100vw; height: 100vh}

#tudor_main_header {width: 100%; height: 110px; display: flex; flex-direction: row; justify-content: center; align-items: center; position:relative; z-index: 20}
#tudor_header {padding: 0 40px; width: 100%; height: 110px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position:relative; z-index: 30}
#tudor_header_logo {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px}
#tudor_header_logo img {width: 120px; height: 60px}
#tudor_header_logo_link {font-size: 12px; font-weight: 700}

#tudor_service_plaque {width: 200px; height: 100px}
#tudor_header_links {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 50px; transition: ease 2000ms; top: 0}
.tudor_header_link {color: #212121; transition: ease 300ms}
.tudor_header_link:hover {color: #dd0000; transition: ease 300ms}
.tudor_header_link_attivo {color: #dd0000}

.tudor_pulsante {padding: 15px; color: #212121; font-size: 18px; letter-spacing: 1px; transition: ease 300ms; border: 2px solid #dd0000; border-radius: 30px; text-align: center}
.tudor_pulsante:hover {color: #fff; background: #dd0000; transition: ease 300ms}
.tudor_pulsante_attivo {color: #fff; background: #dd0000;  font-size: 18px; letter-spacing: 1px; text-align: center}

.tudor_pulsante_rosso {padding: 15px; color: #dd0000; background: #fff; font-size: 14px; font-weight:700; letter-spacing: 1px; transition: ease 300ms; border: 2px solid #dd0000; border-radius: 30px; text-align: center; cursor: pointer}
.tudor_pulsante_rosso:hover {color: #fff; background: #dd0000; transition: ease 300ms}

#tudor_vismenu {display: none; cursor:pointer}
#tudor_vismenu_txt {color: #212121}
#tudor_header_links_rsp {position: absolute; top: -1200px; left: 0; opacity: 0; padding: 40px; width:100%; height: 100vh; background: #FFF; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;  gap: 25px; transition: ease 1000ms; z-index: 22}

@media screen and (max-width:1700px)
{
  #tudor_main_header, #tudor_header {height: 100px; transition: ease 300ms}
  #tudor_header {padding: 0 var(--tudor_page_margin_rsp)}
  #tudor_header_links {display: none}
 
  #tudor_vismenu {display: flex; flex-direction: row; align-items: center; gap: 10px}
  .tudor_header_links_rsp_show {top: 100px!important; opacity: 1!important; transition: ease 1000ms!important}
}

@media screen and (max-width:767px)
{
  #tudor_main_header, #tudor_header {height: 80px; transition: ease 300ms}
  .tudor_header_logo {width: 100px; height: 50px}
  #tudor_header_logo_link {display:none}  
  #tudor_service_plaque {width: 140px; height: 70px}
  .tudor_header_links_rsp_show {top: 80px!important; opacity: 1!important; transition: ease 1000ms!important}
}

.tudor_titolo {font-size: 44px; font-weight: 700; text-align: center}
.tudor_sottotitolo {font-size: 16px; font-weight: 700; color: #dd0000; text-align: center}
.tudor_sottotitolo_nero {padding: 20px 0; font-size: 16px; font-weight: 700; color: #000; text-align: center}

.tudor_par_c {width: 100%; padding: 0 var(--tudor_page_margin); display: flex; flex-direction: column; justify-content: center; align-items: center}
.tudor_testo {font-size: 16px; color: #212121; line-height: 24px}
.tudor_testo_tac {text-align: center}

#tudor_hp_bottom {padding: 0 var(--tudor_page_margin); width: 100%}
.tudor_hp_bottom_box {padding: 0 10px; width: 30%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch}

#tudor_hp_slideshow {padding: 0 var(--tudor_page_margin); width: 100%}
.tudor_hp_slide {padding: 0 10px; display:flex; flex-direction: column; gap: 20px}
.tudor_hp_slide img {width: 100%}

@media screen and (max-width:767px)
{
.tudor_par_c {padding: 0 var(--tudor_page_margin_rsp)}
.tudor_titolo {font-size: 24px}
.tudor_sottotitolo {font-size: 14px}
.tudor_sottotitolo_nero {font-size: 14px}
}

/* Footer */

#tudor_footer {width: 100%; padding: 0 0 30px 0; background: #000; display: flex; flex-direction: column; align-items: center}
#tudor_footer_links {width: 100%; padding: 20px 0 20px 0; background: #000; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 40px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF}
.tudor_footer_link {font-size: 16px; color: #fff; transition: ease 300ms}
.tudor_footer_link:hover {color: #dd0000; transition: ease 300ms}
.tudor_footer_link_attivo {font-size: 16px; color: #dd0000}

@media screen and (max-width:800px)
{
#tudor_footer_links{flex-direction: column; gap: 15px} 
}

/* DYNAMIC SELECTION */
#dynsel {padding: 0 20px 0 20px; position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start}
#dynsel_filtro {margin:0; padding: 0 8% 0 0; min-width:340px; width: 20%; transition: 0.5s ease; background: #FFF}
#dynsel_filtro_top     {width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px; padding: 10px; border: 1px solid #ddd} 
.dynsel_filtro_reset_btt {cursor: pointer!important}
#dynsel_filtro_top_rsp {padding: 20px 0 20px 0; width:100%; text-align: right; display: none} 
#dynsel_filtro_top_rsp_close {font-size: 24px; font-weight: 700; color: #212121; cursor: pointer}
#dynsel_filtro_bottom {display: none}
.dynsel_filtro_bottom_pulsante {padding: 15px; color: #dd0000; font-size: 14px; font-weight:700; letter-spacing: 1px; transition: ease 300ms; border: 2px solid #dd0000; border-radius: 30px; cursor: pointer}
#dynsel_filtro_bottom_reset {cursor: pointer!important}

.dynsel_filtro_parametro_titolo {margin: 20px 0 0 0; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer}
.dynsel_filtro_parametro_filtro {font-size: 18px; color: #212121; font-weight: 700}
.dynsel_filtro_parametro_filtro_img {width: 16px!important; height: 16px!important; transform: rotate(0deg); transition: 300ms}
.dynsel_filtro_parametro_filtro_img path {fill: #dd0000!important}
.dynsel_filtro_parametro_filtro_img_rotate {transform: rotate(180deg); transition: 300ms}
.dynsel_filtro_parametro_selettori {margin: 20px 0 20px 0; padding: 0; width:90%; height: auto}

#dynsel_risultati {margin:0; padding: 0; min-width:340px; width:80%; display:flex; flex-direction: column}
#dynsel_risultati_top {margin:0 0 30px 0; min-width:340px; width:100%; display:flex; flex-direction: row; justify-content: flex-end; align-items: center}
#dynsel_risultati_top_visfiltro_rsp {display:none}
#dynsel_risultati_top_ordinamento_box {font-size: 16px; color: #212121; display:flex; justify-content: flex-end; align-items: center; gap: 10px}
#dynsel_risultati_top_ordinamento {margin: 0 10px 0 0; padding: 5px; border: 1px solid #ddd; background:transparent; text-align-last: left; font-size: 16px; font-weight: 700}
#dynsel_risultati_griglia {margin:0; padding: 0; min-width:340px; width:100%; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch}

.filter_show {left: 0!important; opacity:1!important; transition: 0.5s ease}

.dynsel_filtro_parametro_selettori .checkbox-ctrl input:checked ~ .checkmark {
  background-color: #dd0000;
  transition: 0.5s ease;
}

@media screen and (max-width:767px)
{
  #dynsel_filtro {padding: 0 5% 0 5%; position: fixed; top: 0; left: -100%; width:100vw; height:100dvh; opacity: 0; z-index: 20000; overflow-y:scroll}
  #dynsel_filtro_top     {display: none}
  #dynsel_filtro_top_rsp {display: block}

  #dynsel_filtro_top_txt {font-size: 24px; padding: 32px 0 40px 0}
  #dynsel_filtro_close {display: block}
  .checkbox-ctrl {margin-left: 0!important}

  #dynsel_filtro_reset_top {display:none}

  #dynsel_risultati {width:100%}
  #dynsel_risultati_top_ordinamento_txt {display:none}
  #dynsel_risultati_top {padding: 0 0 0 10px; justify-content: space-between}
  #dynsel_risultati_top_visfiltro_rsp {display: flex; justify-content: flex-start; align-items: center; gap: 5px; cursor: pointer}

  #dynsel_risultati_griglia {margin: 0; padding: 0; width:100%}
  #dynsel_risultati_griglia_top {justify-content: space-between}

  #dynsel_filtro_bottom {position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; width:100%; height:84px; opacity: 1; background:#000; z-index: 20005; display:flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 20px}
}

/* Griglia orologi */
#tudor_griglia_orologi {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch}
.tudor_anteprima_orologio {padding: 0 10px 10px 10px; width: 25%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center} 
.tudor_anteprima_orologio img {width: 100%; background: #f8f8f8!important}
.tudor_anteprima_orologio .marca_tudor {padding: 20px 0 0 0; font-size: 14px; font-weight: 700}
.tudor_anteprima_orologio .modello_tudor {padding: 0 0 10px 0; font-size: 20px; font-weight: 700; text-align: center}
.tudor_anteprima_orologio .prezzo_tudor {padding: 0 0 40px 0; font-size: 16px}

@media screen and (max-width:1200px)
{
.tudor_anteprima_orologio {width: 33.33%}
}

@media screen and (max-width:800px)
{
.tudor_anteprima_orologio {width: 50%}
.tudor_anteprima_orologio .marca_tudor {font-size: 13px}
.tudor_anteprima_orologio .modello_tudor {font-size: 16px}
}

/* scheda */

#tudor_scheda_top {padding: 0 5%; width: 100%; display: flex; flex-direction: row; justify-content: flex-start}
#tudor_scheda_top_img {width: 50%; display: flex; flex-direction: row; justify-content: flex-start; gap: 1%}
#tudor_scheda_top_txt {padding: 0 0 0 100px; width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px}

#tudor_scheda_top_img_zoom {margin: 0 auto; padding: 0; width:100%; position:relative; cursor: zoom-in}
#tudor_scheda_top_img_zoom_img {width:100%}
#tudor_scheda_top_img_zoom_lente {position:absolute; right: 0; bottom: 0; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; ; cursor: zoom-in}
#tudor_scheda_top_img_zoom_lente i {font-size: 30px; color:var(--rosso_logo)}
#tudor_scheda_top_img_zoom_img_overlay {position:absolute; top: 0; left: 0; width:100%; opacity: 0}
.tudor_scheda_top_img_zoom_img_show {opacity: 1!important; transition: 0.5s ease}


#tudor_scheda_top_img_c {width: 120px; display: flex; flex-direction: column; justify-content: flex-start; gap: 1%}
#tudor_scheda_top_img_c img {width: 100px; width: 100px; border: 1px solid #aaa; cursor:pointer}

#tudor_scheda_top_txt_m {padding: 100px 0 0 0; font-size: 40px; font-weight: 700}
#tudor_scheda_top_txt_r {padding: 10px 0 0 0; font-size: 20px; font-weight: 700}
#tudor_scheda_top_txt_s {padding: 30px 0 0 0 }
#tudor_scheda_top_txt_p {padding: 30px 0 0 0; font-size: 20px; font-weight: 700}

#tudor_scheda_spec {padding: 50px 0 0 0; font-size: 25px; font-weight: 700; text-align: center}
#tudor_scheda_spec_t {margin: 0px auto; width: 80%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start}
.tudor_scheda_spec_t_box {padding: 0 50px; width: 50%; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.tudor_scheda_spec_t_box_dt {padding: 30px 0 0 0; width: 100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.tudor_scheda_spec_t_box_dt_tit {padding: 0 0 10px 0; width: 100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px}
.tudor_scheda_spec_t_box_dt_tit img {width: 20px; height: 20px}
.tudor_scheda_spec_t_box_dt_tit b {font-size: 20px; color: #dd0000}

@media screen and (max-width:1170px)
{
#tudor_scheda_top {flex-direction: column; gap: 5%}

#tudor_scheda_top_img {width: 100%; flex-direction: column}
#tudor_scheda_top_img_m {margin: 0 0 5% 0; width: 100%}
#tudor_scheda_top_img_c {width: 100%; flex-direction: row; gap: 0}
#tudor_scheda_top_img_c img {width:20%!important}

#tudor_scheda_top_txt {padding: 30px 0 0 0; width: 100%}
#tudor_scheda_top_txt_m {padding: 30px 0 0 0; font-size: 32px}

#tudor_scheda_spec_t {margin: 0px auto; width:100%; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.tudor_scheda_spec_t_box {width: 100%}
.tudor_scheda_spec_t_box_dt {padding: 40px 0 0 0; justify-content: center; align-items: center; text-align: center}
.tudor_scheda_spec_t_box_dt_tit {justify-content: center}
}

/* Contatti */

#invio_mail_tudor {margin:2% auto; width:94%; max-width:620px; min-width:320px}
.invio_mail_linea_tudor {margin: 0 0 35px 0; width: 100%; display: flex; flex-direction: row;}
.tudor_label {text-align: left}
#invio_mail_tudor input[type="text"], #invio_mail_tudor textarea, #invio_mail_tudor select {
  width: 100%; background-color: #FFF; border: 1px solid #eee; padding: 5px; font-size: 16px; font-family: 'Raleway', sans-serif;
  }

#invio_mail_tudor input[type="text"]:focus, #invio_mail_tudor textarea:focus, #invio_mail_tudor select:focus {outline: none !important; border:1px solid rgb(18, 120, 74)}

#prima_linea_nome_tudor    {width:50%; margin: 0 2% 0 0}
#prima_linea_cognome_tudor {width:50%; margin: 0}

#seconda_linea_mail_tudor     {width:50%; margin: 0 2% 0 0}
#seconda_linea_telefono_tudor {width:50%; margin: 0}

#terza_linea_messaggio_tudor {width:100%; margin: 0}

#messaggio_tudor {width:100%; height: 100px; margin: 0 0 1% 0}

.invio_mail_linea_chk_tudor {margin: 0 0 3% 0; width: 100%; display: flex; flex-direction: row; align-items: flex-start}

.chkCtrl_tudor {width:3%!important; margin: 0 1% 0 0}
.chkTesto_tudor {width:96%!important; font-size: 14px; text-align: left;}
.chkTesto_rosso_tudor {color: #F00}

.errore_form_tudor {opacity: 0; font-size: 14px; color: #F00}
.errore_form_visibile_tudor {opacity: 1; transition: 0.3s ease 0s}
.errore_input_tudor {border: 1px solid #F00!important; transition: 0.3s ease 0s}

@media screen and (max-width:800px)
{
  #invio_mail_tudor {max-width:none}
  .invio_mail_linea_tudor {flex-direction: column; margin: 0 0 15px 0}  
  #prima_linea_titolo_tudor, #prima_linea_nome_tudor, #prima_linea_cognome_tudor {width:100%!important; margin: 0 0 2% 0}
  #seconda_linea_mail_tudor {width:100%!important; margin: 0 0 2% 0}
  #seconda_linea_telefono_tudor {width:100%; margin: 0 0 2% 0}
  #messaggio_tudor {width:100%; height: 100px; margin: 0 0 3% 0}
}



/*
picture source {width:100%}
picture img {width:100%}
.bg_grigio_chiaro {background: #f5f5f5}



.tudor_logo {margin: 0px auto; padding: 20px 0 20px 0; width: 150px}

.tudor_menu {margin: 0px auto; padding: 0; text-align:center}
.tudor_menu ul {margin: 0; padding: 0; list-style: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.tudor_menu ul li {margin: 0; padding: 20px 30px 20px 0px; display:inline-block; font-family: 'Spectral SC', serif; font-size: 14px}

.tudor_menu_link a {color: #1b1b1b; vertical-align:top; font-family: 'Spectral SC', serif; font-size: 14px}
.tudor_menu_link a:hover {color: #074D43}
.tudor_menu_attivo {padding: 20px 30px 20px 0px!important; color: #074D43}

@media screen and (max-width:800px)
{
.tudor_menu ul li {padding: 10px; width:100%}
.tudor_menu_attivo {padding: 10px!important}
}

.tudor_img_banner {margin: 0; padding: 0; width: 100%; min-width: 320px; max-width: 1680px; position:relative;}
.tudor_img_banner img {width: 100%}

.tudor_paragrafo_wrapper {margin: 0 auto; padding: 0; width: 100%; min-width: 320px; max-width: 1680px}
.tudor_paragrafo {margin: 0 auto; padding: 0; width:100%; max-width: 800px; font-size: 15px; text-align:center; line-height: 1.6; color: #1B1B1B;}
.tudor_paragrafo h1 {margin: 0; padding: 0 0 18px 0; font-family: 'Spectral SC', serif; font-size: 35px; font-weight: 700; color: #1B1B1B}
.tudor_paragrafo h2 {margin: 0; padding: 0 0 18px 0; font-family: 'Spectral SC', serif; font-size: 28px; font-weight: 700; color: #1B1B1B}
.tudor_paragrafo h3 {margin: 0; padding: 0 ; font-family: 'Spectral SC', serif; font-size: 21px; color: #074D43}

@media screen and (max-width:800px)
{
.tudor_paragrafo {width:90%}
.tudor_paragrafo h2{font-size: 18px}
.tudor_paragrafo h1{padding: 0 0 16px 0; font-size: 26px}
}

#tudor_video_banner {margin: 0; padding: 0; width: 100%; font-size: 0; background: #1B1B1B; display: flex; flex-direction: row; justify-content: center; align-items: center}
#tudor_video {position: relative; margin: 0; padding: 0; width: 50%!important; height:480px}
#tudor_video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.tudor_video_testo {padding: 0 40px 0px 40px; display: flex; justify-content: center; flex-direction: column ; width: 50%!important; height:480px}
.tudor_video_testo_tit1 {margin: 0; padding: 20px 0 0 0; font-family: 'Spectral SC', serif; font-size: 21px; color: #FFF}
.tudor_video_testo_tit2 {margin: 0; padding: 0 0 20px 0; font-family: 'Spectral SC', serif; font-size: 28px; font-weight: 700; color: #FFF}
.tudor_video_testo_txt {margin: 0; padding: 0 0 20px 0; font-size: 15px; color: #FFF; line-height: 1.6}

@media screen and (max-width:1024px)
{
 #tudor_video_banner {flex-direction:column}
 #tudor_video {width: 100%!important}
 .tudor_video_testo {padding: 40px; width: 100%!important; height:auto}
 }

.tudor_amb_wrapper {margin: 0 auto; padding: 0; width: 100%; min-width: 320px; max-width: 1060px}
.tudor_amb {margin: 0 auto; padding: 0; width:100%; display:flex}
.tudor_amb_cella {margin: 0 auto; padding: 0; width: 50%; display:flex; justify-content: center; flex-direction: column}
.tudor_amb_cella_tit1 {margin: 0; padding: 0 40px 0 40px; font-family: 'Spectral SC', serif; font-size: 21px; color: #074D43}
.tudor_amb_cella_tit2 {margin: 0; padding: 0 40px 20px 40px; font-family: 'Spectral SC', serif; font-size: 28px; font-weight: 700; color: #1B1B1B}
.tudor_amb_cella_txt {margin: 0; padding: 0 40px 0 40px; font-size: 15px; color: #1B1B1B; line-height: 1.6}

.flex-rowrev {flex-direction: row-reverse}
.flex-row {flex-direction: row}

@media screen and (max-width:800px)
{
.tudor_amb {flex-direction: column}
.tudor_amb_cella  {padding: 20px; width: 100%!important}
.flex-rowrev {flex-direction: column}
}

.tudor_quote_banner {margin: 0; padding: 0; width: 100%; min-width: 320px; max-width: 1680px; position: relative}
.tudor_quote_banner img {width: 100%}
.tudor_quote_txt {margin: 0; padding: 0 40px 0 40px; position: absolute; top: 0; left:0; width: 100%; height:90%; display:flex; justify-content: center; align-items: center; font-size: 28px; font-weight: 700; color: #FFF; text-align: cemter}

@media screen and (max-width:800px)
{
  .tudor_quote_txt {padding: 20px; font-size: 14px}
}

#tudor_menu_bottom {margin: 0px auto; padding: 0; text-align:center;  background: #000}
#tudor_menu_bottom ul {margin: 0; padding: 0; list-style: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#tudor_menu_bottom ul li {margin: 0; padding: 20px 30px 20px 0px; display:inline-block; font-family: 'Spectral SC', serif; font-size: 14px}

.tudor_link_bottom a {color: #fff; vertical-align:top; font-family: 'Spectral SC', serif; font-size: 14px}
.tudor_link_bottom a:hover {color: #074D43}
.tudor_attivo_bottom {padding: 20px 30px 20px 0px!important; color: #074D43}

@media screen and (max-width:800px)
{
#tudor_menu_bottom ul li {padding: 10px; width:100%}
.tudor_attivo_bottom {padding: 10px!important}
}

#tudor_griglia_orologi {margin: 0px auto; padding: 0; width: 100%; max-width: 1680px; display: flex; flex-wrap: wrap; justify-content: center}
#tudor_griglia_orologi_altri {margin: 0px auto; padding: 0; width: 100%; max-width: 1260px; display: flex; flex-wrap: wrap; justify-content: center}
.tudor_anteprima_orologio {margin: 0; padding: 0 0 40px 0; width:420px; display: inline-block; vertical-align: top}
.tudor_anteprima_orologio_img {margin: 0; padding: 0; width: 100%}
.tudor_anteprima_orologio_txt {margin: 0; padding: 10px 0 0 0; width: 100%; text-align:center; color: #1b1b1b; font-family: 'Spectral SC', serif; font-size: 16px}

.tudor_tit_collezione {Width:100%; padding: 20px; text-align: center; color: #1b1b1b; font-size: 35px; font-weight: 700; font-family: 'Spectral SC', serif}

.tudor_scheda_wrapper {margin: 0 auto; padding: 0; width: 100%; min-width: 320px; max-width: 1680px}
.tudor_scheda {margin: 0 auto; padding: 0; width:100%; display:flex}
.tudor_scheda_cella {margin: 0 auto; padding: 0; width: 50%; display:flex; justify-content: center; flex-direction: column}
.tudor_scheda_cella_txt {margin: 0; padding: 20px; width: 100%; text-align:center; color: #1b1b1b; font-size: 18px; line-height: 1.6}

@media screen and (max-width:800px)
{
.tudor_scheda {flex-direction: column}
.tudor_scheda_cella  {padding: 20px; width: 100%!important}
}

.tudor_tit_scheda {color: #1b1b1b; font-size: 35px; font-weight: 700; font-family: 'Spectral SC', serif}
.tudor_scheda_modello h1{color: #1b1b1b; font-size: 21px; font-family: 'Spectral SC', serif}
.tudor_pulsante {margin:0 auto; padding: 10px; color: #fff; font-size: 24px; font-weight: 700; background: #074D43; transition: 0.5s ease; border: 1px solid #074D43; display:block; width:96%; max-width:600px; text-align:center; border-radius: 10px;}
.tudor_pulsante:hover {color: #074D43; background: #fff; transition: 0.5s ease}

.tudor_specifiche {padding: 0 15% 0 15%; text-align: justify}
.tudor_specifiche h2 {color: #074D43; font-size:28px; font-weight: 700; text-align: left}
.tudor_specifiche_cella {margin:0; padding: 0 0 20px 0; display:flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap}
.tudor_gl {width:40px; height:40px; display: block}
.tudor_specifiche_cella_txt {margin:0; padding: 0 0 0 15px; display: block}
.tudor_specifiche_tit {font-size:24px; font-weight: 700}


@media screen and (max-width:800px)
{
  .tudor_specifiche {padding: 0 5% 0 5%; text-align: justify}
}

.separatore {margin:0; padding: 20px; width:100%; text-align: center; font-size: 35px; border-top: 1px solid #ccc}

/* Contatti */

/*
#invio_mail_tudor {
  margin:2% auto;
  width:94%;
  max-width:620px;
  min-width:320px;
}

.invio_mail_linea_tudor {
  margin: 0 0 35px 0;
  width: 100%;
  display: flex;
	flex-direction: row;
}

.tudor_label {text-align: left;}

#invio_mail_tudor input[type="text"], #invio_mail_tudor textarea, #invio_mail_tudor select {
  color:#444;
  width: 100%;
  background-color: #FFF;
  border: 1px solid #eee;
  padding: 5px;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  }

  #invio_mail_tudor input[type="text"]:focus, #invio_mail_tudor textarea:focus, #invio_mail_tudor select:focus {
    outline: none !important;
    border:1px solid rgb(18, 120, 74);
  }

#prima_linea_nome_tudor    {width:50%; margin: 0 2% 0 0}
#prima_linea_cognome_tudor {width:50%; margin: 0}

#seconda_linea_mail_tudor     {width:50%; margin: 0 2% 0 0}
#seconda_linea_telefono_tudor {width:50%; margin: 0}

#terza_linea_messaggio_tudor {width:100%; margin: 0}

#messaggio_tudor {width:100%; height: 100px; margin: 0 0 1% 0}

.invio_mail_linea_chk_tudor {
  margin: 0 0 3% 0;
  width: 100%;
  display: flex;
	flex-direction: row;
  align-items: flex-start;
}

.chkCtrl_tudor {width:3%!important; margin: 0 1% 0 0}
.chkTesto_tudor {width:96%!important; font-size: 14px; text-align: left;}
.chkTesto_rosso_tudor {color: #F00}

.errore_form_tudor {opacity: 0; font-size: 14px; color: #F00}
.errore_form_visibile_tudor {opacity: 1; transition: 0.3s ease 0s}
.errore_input_tudor {border: 1px solid #F00!important; transition: 0.3s ease 0s}

#bttInvia_tudor {color: #FFF; font-size: 16px; padding: 10px 35px 10px 35px !important;  background-color: rgb(18, 120, 74)!important; transition: 0.3s ease 0s; border-radius: 20px !important; cursor: pointer; border: 1px solid rgb(18, 120, 74)}
#bttInvia_tudor:hover {color: rgb(18, 120, 74); background-color: #FFF!important; transition: 0.3s ease 0s}

@media screen and (max-width:800px)
{
  #invio_mail_tudor {max-width:none}
  .invio_mail_linea_tudor {flex-direction: column; margin: 0 0 15px 0}  
  #prima_linea_titolo_tudor, #prima_linea_nome_tudor, #prima_linea_cognome_tudor {width:100%!important; margin: 0 0 2% 0}
  #seconda_linea_mail_tudor {width:100%!important; margin: 0 0 2% 0}
  #seconda_linea_telefono_tudor {width:100%; margin: 0 0 2% 0}
  #messaggio_tudor {width:100%; height: 100px; margin: 0 0 3% 0}
}

/* Manifattura */
/*
.video_fs {position: relative; width: 100%; height: 100vh; min-height: 40vw; padding: 0; margin: 0}
.video_box {position: relative; width: 100%; height: 100%; background-color: rgb(0, 0, 0)}
.video_element {object-fit: cover; width: 100%; height: 100%}

#man_video_txt {margin:0px auto; width: 80%; max-width: 1140px; padding: 80px; position: relative; z-index: 4; display: flex; flex-direction: column; width:100%; margin-top: -220px; background: #FFF; box-shadow: rgba(0,0,0,0.1) 0px 10px 30px 0px; box-sizing: border-box}
#man_v_titolo_up {margin:0 0 5px 0; font-size: 28px; color: rgb(191,1,0); text-transform: uppercase; font-weight: 700}
#man_v_titolo {margin:0 0 60px 0; font-size: 64px; color: rgb(191,1,0); text-transform: uppercase; font-weight: 700}
#man_v_testo {margin:0 0 30px 0; font-size: 18px; color: #000; font-weight: 200; line-height: 1.6em}

@media screen and (max-width:1280px)
{
  #man_video_txt {width:90%; padding: 40px; margin-top: 40px;}
  #man_v_titolo_up {font-size: calc(-2.50016px + 1.125rem + 0.7813vw)}
  #man_v_titolo {font-size: calc(-8px + 2rem + 2.5vw)}
  #man_v_testo {font-size: calc(-0.50016px + 1rem + 0.1563vw); line-height: 1.6em}
}


.b-image {margin:0 0 100px 0; padding: 0; width:100%; position:relative; display:flex; flex-direction: column}
.b-image-box, .b-image-box-rsp {margin:0; padding: 0; height: calc(-125px + 100vh);  min-height: 40vw; background-size: cover!important; background-position: center!important}
.b-image-box {display:block}
.b-image-box-rsp {display:none}
.b-image-txt {margin: 0px auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items:center}
.b-image-txt-boxw {margin: 0; width: 80%; max-width: 1140px; display: flex; justify-content: center; align-items: center; padding: 15px; background: #FFF}
.b-image-txt-box {margin: 80px auto; padding: 0 0 30px 0; width: 90%; max-width: 690px; font-size: 18px; line-height: 1.6em; font-weight: 200; letter-spacing: 0.05em; color: rgb(0, 0, 0)}
.b-image-txt-box-titolo {margin:0 0 30px 0; font-size: calc(-3px + 1.5rem + 0.9375vw); color: #000; line-height: 1.1em; font-weight: 700; text-transform: uppercase}

@media screen and (max-width:128px)
{
  .b-image-box {display:none}
  .b-image-box-rsp {display:block}

  .b-image-txt-boxw {width:94%; padding: 40px}
  .b-image-txt-box {margin: 40px auto; font-size: calc(-0.50016px + 1rem + 0.1563vw); line-height: 1.6em}
}

.man_carousel, .man_carousel_no_slide {margin:60px auto; padding: 0; max-width:690px; position:relative; display:flex; flex-direction: column}
.man_carousel .slick-dots li.slick-active button::before {opacity: 1; color: rgb(191,1,0)}
.man_carousel .slick-dots li button:hover, .man_carousel .slick-dots li button:focus {outline: none; color:rgb(191,1,0)}
.man_carousel .slick-dots li button:hover:before, .man_carousel .slick-dots li button:focus:before {opacity: 1; color:rgb(191,1,0)}

@media screen and (max-width:1280px)
{
  .man_carousel, .man_carousel_no_slide {margin: 0px auto; width:90%}
}

.man_text {margin:60px auto; padding: 0; max-width:690px; display:flex; flex-direction: column}
.man_text_titolo {margin:0 0 30px 0; color:#000; text-transform: uppercase; font-weight: 700; line-height: 1.1em; font-size: calc(-3px + 1.5rem + 0.9375vw)}
.man_text_testo {margin:0 0 0 0; font-size: 18px; color: #000; font-weight: 200; letter-spacing: 0.05em; line-height: 1.6em; font-size: calc(-0.50016px + 1rem + 0.1563vw)}

@media screen and (max-width:1280px)
{
  .man_text {margin: 0px auto; width:90%}
}
