.sf-mask { display:none; position:fixed; z-index:9999997; top:0; left:0; padding:0; margin:0; height:100%; width:100%; background-color:rgba(255, 255, 255, 0.7); cursor:pointer; }
.sf-window { display:none; position:fixed; z-index:9999998; top:0; left:0; padding:0; margin:0; height:100%; width:100%; background:#fffcca url(./images/preload.svg) center center no-repeat; background-size:80px; overflow-x:hidden; overflow-y:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.sf-close { display:none; position:fixed; z-index:9999999; top:0; right:0; padding:0; margin:0; height:50px; width:50px; background:#373994 url(./images/icon_close_w.png) center center no-repeat; background-size:35px 35px; cursor:pointer; transition:all 0.5s; }
.sf-close:hover { background-color:#4c4da7; }
.sf-frame { background:none; border:none; padding:0; margin:0; }
.sf-box-modal { display:none; }
.sf-overflow { overflow:hidden!important; }
.sf-message { padding-bottom:20px; }

.sf-button, .sf-cancel { 
	display:inline-block;
	margin:0;
	padding:8px 24px;
	border:1px solid #ff2d60;
	background-color:transparent;
	color:#ff2d60;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-family:inherit;
	font-size:18px;
	font-weight:600;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.sf-button { 
	margin-right:12px;
	background-color:#ff2d60;
	border:none;
	color:#ffffff;
}
@media (hover: hover) { 
.sf-button:hover { 
	transform:translateY(-2px);
	background-color:#fb4571;
	text-decoration:none!important;
}
.sf-cancel:hover { 
	transform:translateY(-2px);
	background-color:#f7f7f7;
	text-decoration:none!important;
}
}