.sf-mask { display:none; position:fixed; z-index:9999997; top:0; left:0; padding:0; margin:0; height:100%; width:100%; background-color:rgba(243, 236, 224, 0.75); cursor:pointer; }
.sf-window { display:none; position:fixed; z-index:9999998; top:0; left:0; padding:0; margin:0; height:100%; width:100%; background:#ffffff 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.3); -webkit-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.3); }
.sf-close { display:none; position:fixed; z-index:9999999; top:0; right:0; padding:0; margin:0; height:60px; width:60px; background:#41443f url(./images/icon_close_w.png) center center no-repeat; background-size:60px 60px; cursor:pointer; transition:all 0.5s; }
.sf-close:hover { background-color:#4e514c; }
.sf-frame { background:none; border:none; padding:0; margin:0; }
.sf-cancel { margin:20px 10px 0 0; padding:10px 26px; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; color:#ffffff; background:#999999; font:normal 15px Arial; text-transform:uppercase; text-align:center; cursor:pointer; }
.sf-canel:hover { background:#a9a9a9; }
.sf-box-modal { display:none; }
.sf-overflow { overflow:hidden!important; }

.sf-button { 
	display:inline-block;
	margin:30px 0 0;
	padding:12px 28px;
	border:1px solid #41443f;
	background-color:transparent;
	color:#41443f;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	font-family:inherit;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
}
.sf-button:hover { 
	background-color:#41443f;
	color:#ffffff;
	text-decoration:none!important;
}