/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #000;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    background-color: #FFF;
}
table, th, td {
  border: solid, 1px, blue;
  border-collapse: collapse;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.btn-responsive-menu {
        position: absolute;
        top: 10px;
        right: 0px;
        padding: 5px;
        cursor: pointer;
        color: #FFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.88);
        display:none;
        z-index: 10000;
 }

 .icon-bar-general {
        display: block;
        width: 45px;
        height: 3px;
        margin: 5px;
        background-color: #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

        .main_menu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 80%;
        margin: auto;
        margin-top:60px;
    }

        .main_menu ul li {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #FFF;
    }

        .main_menu ul li a {
        color: #FFF;
        font-size: 20px;
        text-transform:uppercase;
    }
.header, .corpo, .footer
{
    width:100%;
    position:relative;
    clear:both;
    float:left;
}


.header_banner
{
    width:80%;
    margin: auto;
    max-width:1200px;
}

.header_banner img
{
    width:100%;
     clear:both;

}
.header_container, .banner_home, .footer_container
{
    width:90%;
    margin: auto;
    max-width:1442px;
     clear:both;
     position:relative;
}
.logo
{
   position:absolute;
   bottom:0px;
   width:25%;
}

.logo  img
{
   max-width:400px;
   width:100%;
}

.social
{
   float:right;
   clear:both;
   margin-top:25px;
}

.header_dx
{
   float:right;
    clear:both;
     position:relative;
}

.search
{
   float:right;
   clear:both;
   margin-top:10px;
    position:relative;
    width:440px;
    font-size:15px;
}

.search input
{
  right:0px;
    position:absolute;
    background-color: #f70059;
    border:0px;
    border-radius:5px;
    color:#FFF;
    padding: 8px 15px;
     font-size:15px;
      font-family: 'Lato', sans-serif;
}

.search select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: eeeeee;
   width:200px;
    border: 1px solid #6ea0bb;
    border-radius:5px;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  left: 200px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #1f6d94 transparent transparent transparent;

}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #1f6d94 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #000;
  padding: 8px 10px;
  border: 1px solid trasparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: eeeeee;
  top: 100%;

  width:220px;
  left: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.menu
{
    width:100%;
    position:relative;
    clear:both;
    float:left;
    background-color: #181073;
    margin:10px 0px;
}

.menu_container
{
    margin: auto;
    max-width:1442;
     clear:both;
     position:relative;
     display:table
}

.menu_container ul {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    margin:10px 0px;
}

.menu_container ul li {
    float: left;
    color: #FFF;
    font-style: normal;
    padding:0px 10px;
    border-right:1px solid #FFF;
}

.menu_container ul li a{
    color: #FFF;
    font-style: normal;
    text-decoration:none;
    text-transform:uppercase;
    font-size:17px;
}

.banner_home{
    display: flex;
    align-items: center;
    }

    .banner_home_sx{
   width:63%;
    }

    .banner_home_sx{
   width:63%;
    }

.banner_home_dx{
   width:35%;
   padding-left:2%; }

.banner_home_dx img,  .banner_home_sx img, .box_banner_inner img,  .banner1_middle img,  .banner2_middle img,  .box6 img,  .banner4 img,  .box3 img
{
   width:100%;
}

img.banner1
{
  margin-bottom:5px;
 }

 .box_zoom{
   width:calc(78% - 2px);
   display: flex;
    align-items: center;
    border:1px solid #f60063;
    margin-top:15px;
}

 .box_zoom_light{
   width:calc(72% - 2px);
   display: flex;
    margin-top:15px;
    /* align-items: center; */
    vertical-align: top;

  }


 .flex{

   display: flex;
    align-items: center;

}
 .box_zoom_img{
   width:65%;
}

 .box_zoom_img img{
   width:100%;
   display:block;
     
}

 .box_zoom_img_light{
   width:30%;
}
 .box_zoom_img_light img{
   width:100%;
   display:block;
     
}
 
.etichetta {
    /*float: left;*/
    background: #f70063;
    height: 23px;
    line-height: 21px;
    padding: 0 15px;
    color: #fff;
    font-size: 1.17em;
}
  .box_personaggio {
    width: 30%;
    margin: 30px;
    background: white;
    /* min-height: 300px; */
  }

 .box_zoom_testo {
    width:calc(35% - 51px );
padding:5px 25px;
}
.box_zoom_testo_light {
    width:calc(80% - 51px );
padding:5px 25px;
}

 .box_zoom_testo h2{
 color:#181073;
 font-size:22px;
 font-weight:normal;
 clear:both;
 width:100%;
padding-top:15px;
}
 .box_zoom_testo_light h2{
 color:#181073;
 font-size:22px;
 font-weight:normal;
 clear:both;
 width:100%;
padding-top:15px;
}

 .box_zoom_testo a{
 color:#FFF;
padding:5px 15px;
background-color:#181073;
text-decoration:none;
}
 .box_zoom_testo_light a{
 color:#0f2cd0;
padding:5px 15px;
/*background-color:#181073;*/
text-decoration:none;
}

 .box_banner{
   width:20%;
margin-left:2%;

}

 .box_localizza{
  background-color:#f60063;
  border-radius:10px;
  padding:10px 15px;
  color:#FFF;
}
 .box_localizza img{
  float:left;
  margin-right:5px;
}

 .box_localizza h2{
  font-size:32px;
  font-weight:normal;
}

.box_banner_inner{
   width:100%;
   margin-top:20px;
   clear:both;
}

.corpo_container
{
    width:94%;
    margin: auto;
    max-width:1600px;
     clear:both;
     position:relative;
}

.sfondogrigio
{
   background-color:#e8e8e8;
}

.sfondorosa
{
   background-color:#feedf3;
}


.corpo_container  h2
{
  font-size:40px;
  font-weight:normal;
  text-align:center;
  margin:40px 0px;
}

.blu
{
  color:#181073;
}

.margin30
{
  margin-top:30px;
}

.box4{
width:23%;
float:left;
margin:20px 1%;
background-color:#FFF;
text-align:center;
}
.box4_inner{
width:92%;
float:left;
margin:3% 4%;
text-align:left;
}


.box4_link{
width:96%;
background-color:#181073 !important;
padding:10px 2%;
clear:both;
text-align:left;

}

.box4_link_white{
width:96%;
/*background-color:#181073 !important;*/
padding:10px 2%;
clear:both;
text-align:left;

}


.box4_link span{
float:right;
color:#FFF;

}
.box4_link a{
  color:white;
}

a.box4_link{
    color:white;
}

.box4_inner  img{
   width:94%;
border-radius:10px;
margin:3%;
}

.box4_inner h3{
width:100%;
font-size:22px;
font-weight:normal;
clear:both;
padding-top:10px;
}

.sfondoblu
{
  background-color:#181073 !important;
   color:#FFF  !important;
}

a
{
 text-decoration:none;
}


a.sfondoblu
{
 font-size:25px;
 padding:10px 30px;
}

img.little_img_list {
    border-radius: 10px;
    margin-right: 15px;
}


.claim
{
    background: #f70063;
    height: 23px;
    line-height: 21px;
    padding: 0 25px;
    color: #fff;
    font-size: 18px;
    text-transform:uppercase;
}

.left
{
  float: left;
}

.aligncenter
{
  text-align: center;
}

.padding50
{
  padding: 50px 0px;
}

.right
{
  float: right;
}

.box_video_testo
{
  width:50%;
  margin:5%;
}

.box_video_iframe
{
  width:30%;
   margin:5% 0px;

}

.box_video_testo h3
{
  font-size: 20p;
  color:#181073;
  font-weight:normal;
  padding-bottom:20px;
}

 .banner1_middle{
   width:75%;
   margin:20px 0px;
}

 .banner2_middle{
   width:24%;
   margin:20px 0px;
   margin-left:1%;
}

.rosa
{
  color:#f60063;
}


.box6{
width:15.6%;
float:left;
margin:20px 1%;
background-color:#FFF;
text-align:center;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
text-align:left;

}

.width96{
width:90% !important;
margin:0px 5%;
margin-bottom:30px;
}

.box3{
float:left;
margin:0px 5%;
width:90%;
text-align:left;
border:1px solid #cccccc;

}

.info{
float:left;
margin:5% 1%;
width:31.2%;
text-align:left;
}

.info h2{
font-size:25px;
font-weight:normal;
}

.info a{
color:#FFF;
}

.info ul{
margin:0px;
padding:5px 0px;
list-style:none;
}

.info  img{

width:90%;
max-width:350px;
}

.box3 h2{
font-size:20px;
color:#2e287e;
font-weight:normal;
text-align:left;
padding:0px 2%;
margin:10px 0px !important;
}

.box3 p{
text-align:left;
padding:2px 2%;

}

.box3 a{
display:block;
background-color:#f60063;
color:#FFF;
text-align:center;
font-size:20px;
padding:5px 0px;
}

.box6 img
{
   width:100%;
   -webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}

.box6 h3{

text-transform:uppercase;
min-height:60px;
font-size:17px;
padding:0px 1%;
}

.box6 p{

font-size:15px;
padding:0px 3%;
}

.box6 .data{
color:#f60063;
}


.box6 a{
width:100%;
padding:5px 0px;
color:#FFF;
text-align:center;
background-color:#181073;
display:block;
}

.banner4{
width:23%;
float:left;
margin:20px 1%;
margin-bottom:60px;
}


@media all and (max-width: 767px) {

.flex {
      display: initial;
}


.box_zoom {
    width: calc(96% - 2px);
    display: table;
    border: 1px solid #f60063;
    margin: 15px 2%;
}

.box_zoom_img {
    width: 100%;
}

.box_zoom_img img{
    border:0px;
}

.box_zoom_testo {
    width: calc(100% - 51px);
    padding: 5px 25px;
    padding-bottom:20px;
}

.box_banner {
    width: 96%;
    margin-left: 2%;
}


.box4, .banner1_middle, .banner2_middle, .box6, .banner4{
    width: 96%;
    margin: 10px 2%;
}

.corpo_container h2 {
    font-size: 30px;
    margin: 20px 0px;
}

.claim {
    padding: 0 20px;
    font-size: 16px;
}

.box_video_testo {
    width: 90%;
}

.box_video_iframe {
    width: 90%;
    margin: 5% ;
}
.banner_home {
    display: initial;

}

.banner_home_sx {
    width: 96%;
    margin:10px auto;
}

.banner_home_dx {
    width: 96%;
    padding-left: 2%;
}

.header_dx {
    float: left;
}

.search
{
   float:left;
   clear:both;
   margin:20px 0px;
    position:relative;
    width:300px;
    font-size:15px;
}

.social {
    float: right;
    width:100%;
    margin-top:10px;
    text-align:center;
    display:none;
}

.logo {
    position: relative;
    width:75%;
margin-top:10px;
}

.header_banner {
    width: 98%;
}

.menu {
   display:none;
}

.header_container, .banner_home, .footer_container {
    width: 96%;
}


.btn-responsive-menu {

        display:block;

 }


.info
{
width:90%;
margin:10px 5%;
}



}




@media all and (min-width: 1367px) {

.menu_container ul li a{
    font-size:19px;
}

.menu_container ul li {
    padding:0px 16px;

}



}


@media all and (min-width:768px) and (max-width:1024px) {


.logo {
  position: absolute;
  top:20px;
  width: 25%;
}

.menu {
  display:none;
}

.btn-responsive-menu {
        display: block;
        top:60px;
        left:0px;
    }

    .header_container, .banner_home, .footer_container {
  width: 98%;
  margin:1%;
}

.box_localizza h2 {
  font-size: 25px;
}

.box_zoom_testo {
  padding: 20px 25px;
}

.box4 {
  width: 48%;
}


}


@media all and (min-width:1025px) and (max-width:1366px) {

 .box_localizza h2{
  font-size:25px;
  font-weight:normal;
}


body {

    font-size: 16px;

}

.claim
{
       font-size: 13px;
}




}