@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=PT+Serif:wght@400;700&display=swap');
* {box-sizing: border-box;}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:#fff;
    font-size:1em;
    font-family: 'Lato', sans-serif, Arial;
    color:#000;
    line-height:1.2em;height: 100vh;}

html {box-sizing: border-box;height: 100vh;/*scroll-behavior: smooth;*/}

img{max-width: 100%; height: auto}
img.empty_img{}

h1{color:#000;margin: 0;padding: 0; font-size: 35px; line-height: 1em;font-weight: 700; font-family: 'Lato', Helvetica, Arial, "sans-serif"}
h2{color: #000;margin: 0;padding: 0; font-size: 30px; line-height: 1em; font-weight: 400;font-family:'Lato', Helvetica, Arial, "sans-serif"}
h3{color:#000;margin: 0;padding: 0; font-size: 18px; line-height: 1em;font-weight: 400;font-family: 'Lato', Helvetica, Arial, "sans-serif"}

.paragrafo{color: #ef1332;font-family:'Lato', Arial, sans-serif; font-size: 30px;line-height: 1.2em;}

 A {
    color: #007ccd;
     font-size: 1em;
     font-weight: normal; font-weight:400;
     text-decoration: none;transition: all 0.5s;
}
 A:Visited {
    color: #007ccd;
    font-size: 1em;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}
 A:Active {
    color :#007ccd;
     font-size: 1em;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}
 A:Hover {
    font-size: 1em;
     color: #000;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}

 A.link_testo {
    color: #000;
     font-size: 1em;
     font-weight: normal; font-weight:400;
     text-decoration: underline;transition: all 0.5s;
}
 A.link_testo:Visited {
    color: #000;
    font-size: 1em;
     font-weight: normal;font-weight:400;
     text-decoration: underline;
}
 A.link_testo:Active {
    color:#000;
     font-size: 1em;
     font-weight: normal;font-weight:400;
     text-decoration: underline;
}
 A.link_testo:Hover {
    font-size: 1em;
     color: #007ccd;
     font-weight: normal;font-weight:400;
     text-decoration: underline;
}

textarea.normale_form {
    BORDER-RIGHT: #0167aa 1px solid;
    BORDER-TOP: #0167aa 1px solid;
    color:#000;
    FONT-SIZE: 16px;
	width:100%; margin-bottom:10px;
    BORDER-LEFT: #0167aa 1px solid;
    BORDER-BOTTOM: #0167aa 1px solid;
    background-color: #fff;
	padding: 10px;
    box-sizing: border-box;border-radius:15px;
} 
input.normale_form {
    BORDER-RIGHT: #0167aa 1px solid;
    BORDER-TOP: #0167aa 1px solid;
    color:#000;
    FONT-SIZE: 16px;
	width:100%; margin-bottom:10px;
    BORDER-LEFT: #0167aa 1px solid;
    BORDER-BOTTOM: #0167aa 1px solid;
    background-color: #fff;
	padding: 10px;
    box-sizing: border-box;border-radius:15px;
} 

input.normale {
    BORDER-RIGHT: #1b3865 1px solid;
    BORDER-TOP: #1b3865 1px solid;
    color:#1b3865;
    FONT-SIZE: 16px;
	width:100%; margin-bottom:10px;
    BORDER-LEFT: #1b3865 1px solid;
    BORDER-BOTTOM: #1b3865 1px solid;
    background-color: #e6e4e4;
	padding: 10px;
    box-sizing: border-box;border-radius:15px;
} 
select.normale_form {BORDER-RIGHT: #0167aa 1px solid;
    BORDER-TOP: #0167aa 1px solid;
    color:#000;
    FONT-SIZE: 16px;
	width:100%; margin-bottom:10px;
    BORDER-LEFT: #0167aa 1px solid;
    BORDER-BOTTOM: #0167aa 1px solid;
    background-color: #fff;
	padding: 10px;
    box-sizing: border-box;border-radius:15px;}	

input[type="checkbox"] {
  width: 25px; height: 25px; margin-right: 10px;padding: 0; border: solid 2px #1b3865; display: inline-block;accent-color: #1b3865;margin-bottom: 5px;
}
input[type="radio"] {
  width: 25px; height: 25px; margin-right: 10px;padding: 0; border: solid 2px #1b3865; display: inline-block;accent-color: #1b3865;margin-bottom: 5px;
}
.container_intro{background-color: #0063a5; width: 100vw; height: 100vh;z-index: 1000; position: absolute; padding: 10% 10%; background-image: url("../images/bg_intro.gif"); background-position: center; background-size: cover }

/*HEADER*/
.container-fluid.navigazione {position: fixed; padding:0; z-index:10;}
.header{display: flex;align-items: center; flex-wrap:wrap; z-index: 100; width: 100%; background-color: #fed88e; padding: 10px 0; transition: all 0.5s}
.navbar-expand-lg .navbar-collapse {
    margin-top: 0px;
}
.navbar .nav-link {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}
.navbar-expand-lg .navbar-nav .nav-link:before {
	position: absolute; height: 16px; bottom: 11px; width:1px; background: #1f80aa; right: 0px;  content: "";
}
.nav-item a{color:#000!important; font-size: 0.95em!important;position: relative} .nav-item a:hover{color:#007ccd!important; font-size: 0.95em!important;}
a.dropdown-item{color:#fff!important; border-bottom: solid 1px #1f1f1f; font-size: 1em!important; padding: 5px 8px} a.dropdown-item:hover{color:#fff!important; background-color: #007ccd!important;font-size: 1em!important;}
.dropdown-menu {
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #000000;
    background-clip: padding-box;
    border: 0px solid #f47121;
    border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem; border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
.fascia_menu{min-height:20px; background-color: transparent;transition: all 0.5s}
.fascia_menu_white{background-color: #fff;-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 20%);box-shadow: 0 4px 4px rgb(0 0 0 / 20%);}
.navbar{}
.navbar-toggler {width:100%;}
.navbar-toggler-icon{background-image: url(../images/ico-menu.svg)!important;margin-left: calc(100% - 10px);}
a.navbar-brand img{transition: all 0.5s}
a.navbar-brand {height:auto; width:180px; position: absolute; top:-55px; left:0;z-index:100; background-color: #fff; padding: 10px 0; border-radius: 0 0 10px 10px;-webkit-box-shadow: 1px 2px 6px 3px rgba(0,0,0,0.28); 
box-shadow: 1px 2px 6px 3px rgba(0,0,0,0.28);}

.spazio_top{height:50px}
.testata_riservata{padding-top: 60px; margin-bottom: 20px}
.showDesk{}
.showMob{display: none!important;}
.spazio{height: 20px;}
.spazio_little{height: 10px;}
.spazio_doppio{height: 40px;}
.destra{text-align: right}
.centrato{text-align: center;}

.rwd-video { height: 0;overflow: hidden; padding-bottom: 56.25%;padding-top: 0px;position: relative; margin: 20px 0}
.rwd-video iframe,.rwd-video object,.rwd-video embed {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.txt_format p{margin: 0; padding: 0}
.txt_format ul{list-style: disc inside}
.form_footer{background-color: #007ccd; padding: 20px; background-image: url("../images/bg_form_footer.gif"); background-position: left center; background-repeat: no-repeat}
.separatore{border-bottom: dashed 1px #a1a1a1; height: 5px; width: 100%; margin: 10px 0 10px 0}

.btn-secondary{border: solid 1px #1b3865; background-color: #fff; color: #1b3865; border-radius: 13px;padding: 3px 10px}
.btn-secondary:hover{background-color: #1b3865; color: #fff;border: solid 1px #1b3865;}

.btn-primary{background-color: #007ccd; border-radius: 15px; color: #fff!important}
.btn-info{background-color: #007ccd; border-radius: 15px; border: 0; font-size: 0.9em}
.btn-info:hover{background-color: #59b0e8;font-size: 0.9em}

button.back {
  background-color: #1b3865;
  color: #fff; font-weight: 400; border: 0;
  transition: all 0.5s;border-radius: 20px; min-width: 100px; max-width: 480px; padding: 10px 20px; margin-top: 10px;
}
button.back:hover {
  background-color: #112543;
}
button.next {
  background-color: #007ccd;
  color: #fff; font-weight: 700; border: 0;
  transition: all 0.5s;border-radius: 20px; min-width: 100px; max-width: 480px; padding: 10px 20px; margin-top: 10px;
}
button.next:hover {
  background-color: #229ae8;
}


button.form_contatti {
  background-color: #309fe9;
  color: #fff; font-weight: 700; border: 0;
  transition: all 0.5s;border-radius: 20px; min-width: 100px; max-width: 480px; padding: 10px 20px; margin-top: 10px;
}
button.form_contatti:hover {
  background-color: #064d87;
}

button.next:disabled {
  background-color: #b2b1b1;
  color: #fff; font-weight: 700; border: 0;
  transition: all 0.5s;border-radius: 20px; min-width: 100px; max-width: 300px; padding: 10px 20px; margin-top: 10px;
}

input[type='radio']{width: 20px; height: 20px; accent-color:#1b3865}

img.round_img{border-radius: 15px; margin-bottom: 10px;}
img.circle{border-radius: 50%;}

.help_modal {position: absolute; top:-20px; right: -10px;}
.help_modal a{color:#e6007e; font-size: 2.2em}
.mini_logo img{width: 60%!important;}

.bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;height: 35vh; padding: 10px;
}

.bg-image-istituzionali {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;height: 60vh; padding: 10px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(27,56,101); /* Fallback color */
  background-color: rgba(27,56,101,0.85); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 2px solid #1b3865; border-radius: 15px; min-height: 300px;
  width: 40%; /* Could be more or less, depending on screen size */
color:#1b3865; text-align: center;	
}

/* The Modal (infografica) */
.modal_infografica {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: #ededed; /* Fallback color */
}

/* Modal Content/Box */
.modal-content_infografica {
  background-color: #ededed;
  margin: 2% auto; /* 15% from the top and centered */
  padding: 10px 0;
  border: 0px solid #1b3865; border-radius: 15px; min-height: 500px;
  width: 600px; /* Could be more or less, depending on screen size */
	color:#1b3865; text-align: center;	
}

/* The Close Button */
.close {
  color: #e6007e;
  float: right;
  font-size: 25px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #e6007e;
  text-decoration: none;
  cursor: pointer;
}

.footer{margin: 0px 0 0px 0; background-color: #000; padding: 20px 0; color: #fff}
.footer strong{color:#007ccd}
.footer a{color:#fff}

.box_toggle{background-color: #2daae1; padding: 15px; box-sizing: border-box;color: #fff; width: 100%; margin-top: 15px; border-radius: 20px; border-bottom: solid 3px #1b3865; transition: all 0.5s}
.box_toggle:hover{background-color: #1b3865;border-bottom: solid 3px #2daae1;}

.box_toggle p{margin-top: 10px}
.box_home_soluzioni{background-color: #f1f3f4; text-align: center;-webkit-box-shadow: 3px 2px 10px -1px rgba(0,0,0,0.5); 
box-shadow: 3px 2px 10px -1px rgba(0,0,0,0.5); border-radius: 20px; position: relative}
.box_home_soluzioni img{border-radius: 20px 20px 0 0}
.box_home_soluzioni p{padding: 0px 10px 35px 10px; color: #000}
.box_home_soluzioni h3{color: #007ccd;font-size: 1.3em; font-family: "Lato", "Times New Roman", "serif"; text-transform: uppercase}
.arrow_box{font-size: 2em; margin: auto; left: 0; right: 0; position: absolute; z-index: 2; bottom: -15px}
.testo_testata{position: absolute; z-index: 2;padding: 40px; top: 20%}
ul.plus{color: #007cce}
ul.plus li{font-size: 1.2em; margin: 10px 0}
ul.plus li em{font-size: 0.8em; color:#000; font-style: normal}
 
.titoli_feedback{font-size: 2.5em; line-height: 1.2em;text-transform: uppercase; color: #ef1332; background-color: #e5ebf2; padding: 15px; margin-bottom: 20px; transition: all 0.5s}
.titoli_feedback:hover{color: #fff; background-color: #2f64a8; }
.sfuma_video_hp{position: absolute; width: 100%; height: 25%; background: rgb(0,99,165);
background: linear-gradient(180deg, rgba(0,99,165,1) 0%,rgba(43,126,180,1) 25%, rgba(255,255,255,0) 100%);}

.banner-offerta{background: #000; border-radius: 20px; padding: 0px;color: #fff; display: flex; align-items: center; flex-wrap: nowrap}
.banner-offerta h3{color: #fff; font-size: 35px; font-weight: 700; line-height: 1.4em}
.col-txt-promo{padding: 20px 30px; text-align: center; width: 70%; background-image: url("../images/bg_promo.png"); background-position: center; background-repeat: no-repeat}
.col-img-promo{width: 50%}

/*1024*/
 @media all and (min-width: 996px) and (max-width: 1480px){
.nav-item a{font-size: 0.9em!important;}
.nav-item a:hover{font-size: 0.9em!important;}

}

/*TABLET*/
 @media only screen and (min-width: 768px) and (max-width: 995px) {
     body {font-size:0.8em;}
		h1{font-size: 28px; }
		h2{font-size: 18px; }
		h3{font-size: 16px;}
     .showDesk{display: block;}
     .showMob{display: none;}
	.spazio_top{height:45px}
	.navbar-brand{display: block}
	.navbar-brand img{width: 200px!important}
	.navbar-toggler-icon{background-image: url(/assets/images/ico-menu.svg)!important;margin-left:650px}

}
/*iPHONE*/
 @media only screen and (max-width: 767px) {
	h1{font-size: 30px; }
	h2{font-size: 25px; }
	h3{font-size: 16px;}
	 .paragrafo{font-size: 25px; }
    .showDesk{display: none!important;}
    .showMob{display: block;}
    .spazio{height: 10px;}
    .spazio_doppio{height: 20px;}
    .destra{text-align: left;}
	a.navbar-brand {height:auto; width:105px; position: absolute; padding: 0; top:5px; left:0;z-index:100;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);}
	.mini_logo img{width: 100%!important;}
	 .fascia_menu{background-color: #fff;}
	 .navbar-collapse{padding-top:10px}
	.testo_ricetta_main{padding: 5% 5%;}
	.titolo_ricetta_big{font-size: 1.6em;line-height: 1em;}
	.spazio_top{height:110px}
	.numeri_blocchetti_preparazione{font-size:2.3em; margin-right: 10px}
	.modal-content {
  width: 95%; /* Could be more or less, depending on screen size */
}
	.navbar-expand-lg .navbar-nav .nav-link:before {
	position: absolute; height: 16px; bottom: 11px; width:1px; background: #fff; right: 0px;  content: "";
} 
.form_footer{background-image: none!important}
.container_intro{width: 100vw; height: 100vh;z-index: 1000; position: absolute; padding:100px 10px 0 0;background-image: url("../images/bg_intro_mob.gif"); background-position: center; background-size: cover}	 
 
.bg-image {
  height: 25vh; padding: 10px;
}

.bg-image-istituzionali {
height: 30vh; padding: 10px;
}
 
.titoli_feedback{font-size: 1.8em; line-height: 1.2em;padding: 10px; margin-bottom: 20px}	 
.sfuma_video_hp{display: none!important}	
.banner-offerta{flex-wrap: wrap}	 
.col-txt-promo{padding: 20px 20px; width: 100%}
.col-img-promo{width: 100%; text-align: center; padding-top: 0px}
	 
}

/*CELL PIU PICCOLI*/
 @media only screen and (max-width: 479px) {
    .showDesk{display: none!important;}
    .showMob{display: block!important;}
	.my-gallery img {
    width:124px;
    height: auto;
    margin-bottom: 5px;
    text-decoration: none;}
 }


.bianco{
    color:#fff;
}
 .nero{
    color:#000;
}
 .blu{
    color:#0063a5;
}
.rosso{color:#ef1332}
.azzurro{color:#3587d9}
.grigio{color: #7b7b7b}
 ::selection {
    background:#0063a5;
     color: #fff;
}
 ::-moz-selection {
    background:#0063a5;
     color: #fff;
}
 
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.cont_paginatore{margin: 40px auto; width: 300px;}
ul.paginatore{font-size: 1em!important; justify-content: center;}
ul.paginatore li a{color: #fff;} 
ul.paginatore li{border: solid 0px #ccc; color: #fff; padding: 5px 10px; margin: 4px; border-radius: 10px; background-color: #35a8e0;width: 40px; text-align: center; transition: all 0.5s} ul.paginatore li:hover{background-color: #20335f;}
ul.paginatore li.active{font-weight: 700; padding: 5px 10px;background-color: #20335f; color:#fff!important}
ul.paginatore li.active a{color:#fff!important}