/* Tüm Hakları My Medya'ya Aittir. İzinsiz Kopyalanamaz ve Çoğaltılamaz. | www.mymedya.com.tr */

body { font-family: "Roboto", sans-serif; background-image: url(/images/maintenance-page.jpg); width: 100%; height: 100vh; margin: 0; background-color: black; }
body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); /* %40 siyah */ z-index: 0; }


.mymedya { margin-top: 50px; }

.maintenance-wrapper { max-width: 514px; width: 100%; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; }

.tabs { margin: 18px 0 10px 0; background-color: rgba(18, 100, 46, 0.45); border: 1px solid; border-radius: 10px; display: flex; }

.tabs .tab { padding: 5px 10px; border-right: 1px solid; cursor: pointer; }

.tabs .tab.active { background-color: #12642e; color: #fff; }

.tabs .tab:last-child { border-right: 0; border-radius: 0 10px 10px 0; }

.tabs .tab:first-child { border-radius: 10px 0 0 10px; }

.maintenance-text { display: none; }

.maintenance-text.active { display: block; }

.maintenance-wrapper .icon { max-width: 160px; margin-bottom: 10px; }

.maintenance-wrapper .icon img { width: 100%; }

.maintenance-wrapper h1 { font-size: 32px; margin: 15px; text-transform: capitalize; }

.maintenance-wrapper p { font-size: 18px; line-height: 1.5; opacity: .9; }

@media (max-width: 768px) {
	body { background-image: url(/images/maintenance-page-mobile.jpg); background-size: cover; background-position: center; background-attachment: fixed; }

	.maintenance-wrapper { max-width: 330px; }

	.maintenance-wrapper .icon { max-width: 100px; }

	.maintenance-wrapper h1 { font-size: 20px; margin: 10px; white-space: nowrap; }

	.maintenance-wrapper p { font-size: 14px; line-height: 1.4; padding: 0 10px; min-height: 70px; }
}

/* Tüm Hakları My Medya'ya Aittir. İzinsiz Kopyalanamaz ve Çoğaltılamaz. | www.mymedya.com.tr */