﻿.firsat-modal {
	position:fixed;
	top:10%;
	left:calc(50% - 240px);
	display:block;
	box-sizing:border-box;
	width:480px;
	max-width:calc(100% - 20px);
	max-height:80%;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:14px;
	-webkit-font-smoothing:antialiased;
	color:#ffffff;
	background:#1e1325 url(../images/fm-background.jpg) center center no-repeat;
	background-size:cover;
	border-radius:4px;
	overflow-x:hidden;
	overflow-y:hidden;
	transition:all ease-in-out .2s;
	box-shadow:0 0 0 10px rgba(0,0,0,.25);
	z-index: 99999999;
}
.firsat-modal::-webkit-scrollbar-track {
	background-color: rgba(255,255,255,.2);
}
.firsat-modal::-webkit-scrollbar {
	width: 8px;
	background-color: rgba(255,255,255,.1);
}
.firsat-modal::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.25);
	border-radius:4px;
}
.firsat-modal p {
	margin:10px;
}
.fm-close::after {
	position:absolute;
	right:12px;
	top:12px;
	display:block;
	width:30px;
	height:30px;
	content:'+';
	background-color:rgba(255,255,255,.25);
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-size:30px;
	line-height:30px;
	border-radius:50%;
	transform:rotate(45deg);
	opacity:.5;
}
.fm-close:hover::after {
	opacity:1;
	background-color:rgba(0,0,0,.25);
}
.fm-heading {
	width:100%;
	background-color:#27ae60;
	padding:15px;
	box-sizing:border-box;
	font-weight:500;
	font-size:20px;
	text-shadow:1px 1px 1px rgba(0,0,0,.25);
}
.fm-content {
	padding:15px;
}
.fm-discount-amount {
	font-size:32px;
	font-weight:900;
	text-align:center;
	margin:10px;
	padding: 10px;
	background-image: linear-gradient(green,darkgreen);
	border-radius: 2px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.fm-coupon-code {
	position:relative;
	margin:30px 10px 10px 10px;
	font-size:32px;
	font-weight:700;
	text-align:center;
	padding:10px;
	border:2px dashed white;
	letter-spacing:12px;
}
.fm-coupon-code::after {
	content:'KUPON KODU';
	font-size:12px;
	font-weight:700;
	position:absolute;
	left:0;
	top:-20px;
	display:block;
	width:100%;
	letter-spacing:0;
	text-align:center;
}
.fm-btn {
	display: block;
	width: 50%;
	text-align: center;
	margin: 20px auto;
	padding: 16px 20px;
	background-color:#fcfcfc;
	color:#27ae60;
	font-weight:600;
	text-decoration:none;
	font-size: 18px;
	border-radius:2px;
	box-shadow:0px 2px 2px rgba(0,0,0,.25);
	transition:all ease-in-out .1s;
}
.fm-btn:hover {
	background-color:#27ae60;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,.25);
	box-shadow:0px 3px 3px rgba(0,0,0,.5);
	padding:16px 24px;
}
.firsat-modal p.fm-big-text {
	font-size:18px;
	font-weight:600;
}
.firsat-modal p.fm-small-text {
	font-size:11px;
}
.fm-timer {
	position:relative;
	display:block;
	margin:30px auto 20px auto;
	text-align:center;
	font-size:32px;
	line-height:60px;
	font-weight:600;
}
.fm-timer::before {
	content:'KALAN SÜRE';
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:-20px;
	font-size:14px;
	line-height:normal;
	font-weight:500;
	text-align:center;
}
.fm-timer span {
	position:relative;
	display:inline-block;
	width:60px;
	height:60px;
	background-color:rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255,.075);
}
.fm-timer span::after {
	position:absolute;
	left:0;
	bottom: -15px;
	width:100%;
	display:block;
	text-align:center;
	font-size:9px;
	font-weight: 500;
	line-height: normal;
}
.fm-timer-day::after { content:'GÜN'; }
.fm-timer-hour::after { content:'SAAT'; }
.fm-timer-min::after { content:'DAKİKA'; }
.fm-timer-sec::after { content:'SANİYE'; }
@media (max-width:500px) {
	.firsat-modal {
		top:10px;
		left:10px;
		max-height:calc(100% - 20px);
	}
}
@media (max-width:370px) {
	.fm-timer {
		font-size:24px;
		line-height:40px;
	}
	.fm-timer span {
		width:40px;
		height:40px;
	}
}