@charset "UTF-8";
/* CSS Document */


@media only screen and (max-width: 1100px)
{

#elenco .box .title {
    font-size: 32px;
    line-height: 36px;
}
#menu ul li a, #menu ul li .link_submenu
{
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
}

#user_area a,#user_area a.button
{
font-size: 16px;
}

.submenu .col5 {
    width: 110px;
}
#menu ul li .submenu a {
    font-size: 14px;
}
#menu_associazione .col3 {
    width: 195px;
}

#menu_associazione.link_submenu .cursor::before {
    width: 90px;
}
#menu_associazione .row {
    padding-left: 82px;
}
}

@media only screen and (max-width: 1023px)
{

#elenco .box .title {
    font-size: 28px;
    line-height: 32px;
}

#elenco .box p {
    height: 50px;
}

#advantages h3 {
    font-size: 19px;
    line-height: 22px;
}

#menu ul {
    margin-left: 0px;
}

#menu ul li a, #menu ul li .link_submenu
{
padding-left: 5px;
padding-right: 5px;
}

#menu_associazione.link_submenu .cursor::before {
    width: 60px;
}

#menu_associazione .row {
    padding-left: 55px;
}

.submenu .col5 {
    width: 99px;
}

#logo
{
width:190px;
}

#user_area {
    margin-top: 13px;
}

#visore p
{
font-size: 40px;
line-height: 45px;
}
}

@media only screen and (max-width: 900px)
{
.col3.box
{
width:100%;
margin-bottom: 30px;
}

#elenco .box p {
    height: auto;
}
#visore {
    height: 400px;
}

.visore_interno {
    height: 350px;
}

.visore_interno p {
    font-size: 16px;
    line-height: 22px;
}

.visore_interno h1 {
    padding-top: 100px;
	font-size: 30px;
    line-height: 35px;
}

#elenco .title,#elenco .box .title,.title_popup
{
font-size: 30px;
 line-height: 35px;
margin-top: 0px;
margin-bottom: 10px;
}
.title_popup
{
padding-top: 30px;
}
#elenco .box .valign-center {
    height: auto;
}

#visore p {
    padding-top: 150px;
    font-size: 30px;
    line-height: 35px;
}

#menu_associazione.link_submenu .cursor::before {
    width: 90px;
}
    
#advantages .col5
{
	width: 33.333%;
}

#advantages .col5.breaking 
{
clear:both;
margin-left:16.666%;
}

#advantages h3
{
min-height:52px;
}

#menuButton.on {
    background-image: url(../img/app/close_menuMobile.png);
}

	#header {
    padding-top: 0px;
}
.mobile{
	display: block;
}
.desktop
{
	display: none;
}
#menuButton {
    float:right;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background-image: url(../img/app/open_menuMobile.png);
}
#menu {
    overflow: hidden;
    height: 0px;
    top: 10px;
    max-width:100%;
    width:100%;
    z-index: 2;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
	margin-top:0px;
}	
.cont_visore_interno {
    padding-top: 68px;
}	
#logo {
	
    position: absolute;
z-index: 2;
top: -6px;
left: 0px;
max-width:100%;
}
#menuButton {
	display: block;
     right: 10px;
    top: 25px;
}
#user_area {
    float: none;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}
#user_area a.button {
    margin-left: 0px;
}
#user_area.mobile a.button {
    display: block;
	width: 120px;
margin-left: auto;
margin-right: auto;
}



br.desktop
{
display:none;
}
h2 {
    font-size: 35px;
    line-height: 38px;
}

#direttive p {
    margin-bottom: 20px;
}
#prefooter .col2-3 h4 {
    margin-top: 8px;
}

.visore_interno .col2 {
    width: 100%;
}
#elenco .col5 {
    margin-bottom: 30px;
}
#elenco ul li .title {
    font-size: 40px;
}
#menu ul {
    margin-left: 0px;
}
#menu ul li {
    display: block;
    text-align: center;
}
#menu.on {
    height: 320px;
    width: 100%;
    float: none;
    max-width: 100%;
    padding-top: 30px; 
    padding-bottom: 30px;   
}

#menu.plus
{
	height: auto;
}

#header
{
	background-color: #fff;
	position: fixed;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu ul li .link_submenu
{
width:200px;
}

.link_submenu .cursor {
    width: 100%;
}

.link_submenu .cursor .triangle::before
{
border-top: 10px solid #fff;
}

.submenu
{
	border-bottom: none;
	top:10px;
	position:relative;
}

.plus .submenu
{

height:300px;
}


#menu_associazione .row {
    padding-left: 0px;
    
}
.submenu .col5 {
    width: 100%;
   padding-left: 0px; 
   padding-right: 0px; 
}
#menu_associazione .col3 {
    width: 100%;
}

#prefooter > .focus > .row > .col3,#prefooter .col2-3
{
width:100%;
}
#prefooter > .focus > .row > .col3
{
margin-bottom:30px;
}

}

@media only screen and (max-width: 680px)
{

.mobile_vis
{
display:block;
}

#press_container .mobile_vis
{
margin-bottom:20px;
}

.desktop_vis
{
display:none;
}

.focus.pagina {
    padding-top: 30px;
    padding-bottom: 30px;
}

#elenco .focus {
    padding-bottom: 0px;
}

#advantages h3
{
min-height:0px;
margin-bottom:10px;
}

#advantages .percentage {
    margin-top: 30px;
}

#advantages .col5
{
width:100%;
margin-bottom:30px;
}

#join {
    min-height: 250px;
height: auto;
}

#advantages .col5.breaking
{
margin-left:0px;
}

#prefooter .col3
{
margin-bottom:30px;
}

#join .button
{
margin-top:30px;
}

#prefooter {
    padding-top: 30px;
    padding-bottom: 0px;
}
#direttive p
{
padding-right:0px;
text-align:center;
}

#logo
{
width:120px;
top:8px;
}

#header {
    padding-top: 0px;
    padding-bottom: 0px;
}

.cont_visore_interno {
    padding-top: 48px;
}

#visore p {
    padding-top: 310px;    
    font-size: 25px;
    line-height: 31px;
}
#visore {
   height: auto;
background-position: top right;
background-size: auto 280px;
background-repeat: no-repeat;
padding-bottom:30px;
}

.visore_interno {
    height: 250px;
}



.visore_interno h1 {
    padding-top: 60px;
	font-size: 25px;
    line-height: 31px;
}

.textbox,label
{
padding-left:20px;
padding-right:20px;
font-size:15px;
}

#myform {
    margin-bottom: 50px;
}
.popup .focus
{
padding:10px;
}
.title_popup
{
font-size: 25px;
    line-height: 31px;
}
.visore_interno p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

#visore .col2 {
    width: 100%;
}

#visore a,#paragrapghs .tabella a
{
margin-top:20px;
font-size: 16px;
}

#paragrapghs .tabella p,#direttive p,#join p,p.single_column,.testoBis p {
    font-size: 15px;
    line-height: 22px;
}

.button, a.button
{
font-size:16px;
}

#join .button {
    height: 46px;
    line-height: 46px;
	float:none !important;
	min-width: 120px;
	margin-left:10px;
	margin-right:10px;
}

#testimonial .slide_testimonial p {
font-size: 18px;
    line-height: 24px;
}

#paragrapghs .tabella p
{
margin-bottom: 0px;
}

#paragrapghs .cella,.cella {
    width: 100%;
    display: block;
	text-align: center;
}

#paragrapghs img
{
width:350px;
margin-bottom:30px;
}

#paragrapghs .tabella h2, #paragrapghs .tabella p, #paragrapghs .tabella a,#paragrapghs .tabella.inversa h2, #paragrapghs .tabella.inversa p, #paragrapghs .tabella.inversa a {
    margin-left: 0px;
	text-align:center;
	margin-right: 0px;
}

#direttive {
    padding-top: 30px;
    padding-bottom: 30px;
}

#testimonial .focus, #description .focus {
    padding-bottom: 30px;
}

#testimonial .focus, #description .focus, #elenco .focus, #message .focus {
    margin-top: 30px;
}

#advantages {
    padding-top: 30px;
}

#paragrapghs {
    padding-bottom: 0px;
    padding-top: 30px;
}

#advantages
{
padding-bottom:0px;
}

#advantages .col5 {
    width: 100%;
}

#toTheTop
{
  width: 42px;
  height: 40px;
  right: 10px;
  bottom: 10px;
}
	
}

@media only screen and (max-width: 480px)
{
#press_container iframe
{
height:250px;
}

.visore_interno h1 {
    padding-top: 40px;
    
}
#elenco ul li .title {
    font-size: 35px;
    line-height: 35px;
}




}