/*-------------------
popup
---------------------*/

.popup{
width: 500px;
height: 400px;
background: #fefefe;
margin: 40px auto;
padding: 10px 20px;
position: relative;
color: #333;
}

.overlay{
position: fixed; /* schermo intero*/
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
background: rgba(0,0,0,0.7); /* colore sfondo e opcità */
text-align: center;
display: none
}

#close{
position: absolute;
top: -20px;
right: -20px;
color: #fff;
}

#close:hover{
cursor: pointer;
}


/*-------------------
popuph1
---------------------*/
.popuph1{width: 500px;
height: 400px;
background: #fefefe;
margin: 40px auto;
padding: 10px 20px;
position: relative;
color: #333;
}

/*-------------------
tablet
---------------------*/
@media (max-width: 998px){
/* banner*/
.banner_image,
.banner_copy{width: 50%; height: 50%;}
}
/*-------------------
page
---------------------*/
.page
.page_copy{margin-top: 20px;}

/*-------------------
smartphone
---------------------*/
@media (max-width: 767px){
.header{position: fixed; z-index: 100; width: 100%;}
.header_icon-bar{display: block;}

.header_menu{width: 100%; height: 0px; overflow: hidden;}
.is-open{height: 300px; overflow: auto;}
/* cover */
.cover{height: 100%;}

/* cards */
.card {width: 90%; margin: 5%;}

/* banner */
.banner{height: 100%;}

.banner_image,
.banner_copy{width: 100%; height: 50%;}




}



.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}