.WindowModal
{
	position:fixed;
	left:0;right:0;
	top:0;bottom:0;
	z-index:10000;
	visibility:hidden;
	
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.WindowModal .modal-overlay
{
	position:absolute;
	left:0;right:0;
	top:0;bottom:0;
	z-index:1;
	background-color:rgba(0,0,0,.8);
	opacity:0;
	overflow-y: hidden;
	
	transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.WindowModal .modal-content
{
	position:absolute;
	max-width:96%;
	max-height:96%;
	left:50%;
	top:50%;
	opacity:0;
	overflow-x: hidden;
	overflow-y: auto;
	border: 0;
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:2;
}

.WindowModal .Title-modal{position:relative}
.WindowModal .Title-modal.icon{padding-left:64px}
.WindowModal .Title-modal.icon > i{position:absolute;left:0;top:-1px;font-size: 47px;line-height: 47px;}
.WindowModal .Title-modal.icon > i.material-icons{font-size: 56px;}
.WindowModal .Title-modal > *[class^="riga"]{display:block}

.WindowModal .Title-modal .riga1
{
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
}
.WindowModal .Title-modal.icon .riga1{}
.WindowModal .Title-modal .riga2
{
	color: #aaa;
	margin-top:5px;
}


.WindowModal.open{visibility:visible}
.WindowModal.open .modal-overlay, .WindowModal.open .modal-content{opacity:1;overflow-y: scroll;}
.WindowModal .modal-content .modal-header, .WindowModal .modal-content .modal-body{padding:25px 35px}
.WindowModal .btnCloseModal
{
    cursor: pointer;
    position: absolute;
    margin-top: -5px;
    right: 16px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 30px;
	z-index: 5;
}
.WindowModal .modal-content .modal-header
{
	background-color:#1d2428
}

.WindowModal .modal-content .modal-body
{
	background-color:#fff
}

.WindowModal .modal-body .description
{ font-size:16px;font-weight:600;margin-bottom:15px }

@media only screen and (max-width:510px)
{
	.WindowModal .modal-content .modal-header, .WindowModal .modal-content .modal-body {padding: 20px;}
	.WindowModal .btnCloseModal{margin-top: -21px;right: 5px;}
	.WindowModal .Title-modal.icon{padding-left:50px}
	.WindowModal .Title-modal.icon > i{font-size: 40px;line-height: 42px;}
	.WindowModal .Title-modal.icon .riga1{font-size: 23px;}
}

#DimensioniModalBenvenuto{min-width:350px;}
#ModalBenvenuto .modal-body > .Button{margin-top:20px;text-align:right}
#ModalBenvenuto #ChiudiBenvenuto2{background-color:#CB0B0E;}
#ModalBenvenuto #ChiudiBenvenuto2:hover{background-color:#EB292C;}