@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html { font-size:16px; }

body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
padding: 20px 0;
background-color: #f8f9fa;
font-family: "Open Sans", serif;
}

.tema-bg { background:#2A3890; }
.tema-bg-2 { background:#ED1C24; }
.tema-color { color:#2A3890; } 
.tema-color-2 { color:#ED1C24; }
.bg-9ACBD0 { background:#9ACBD0;}

.container { max-width: 1200px; width: 100%; }
	
.kutu {
border-radius: 5px;
padding: 20px;
text-align: left;
position: relative;
overflow: hidden;
}
		   
.kutu-baslik {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
padding: 5px 10px;
color:#fff;
}

.kutu-doviz-cevir {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
padding: 5px 10px;
color:#fff;
}

.kutu-metin {  }
.carousel-inner img { width: 100%; object-fit: cover; }

.kutu-qr {
border-radius: 5px;
text-align: left;
position: relative;
overflow: hidden;
}
.kutu-qr-baslik {
position: absolute;
bottom: 0px;
left: 0;
right: 100px;
background: rgba(0, 0, 0, 0.6);
padding: 5px 10px;
color:#fff;
}

.w-80 { width:80%;}
.w-70 { width:70%;}
.w-60 { width:60%;}

.h-90px { height: 90px; }
.h-100px { height: 100px; }
.h-120px { height: 120px; }
.h-150px { height: 150px; }
.h-200px { height: 200px; }
.h-250px { height: 250px; }
.h-280px { height: 280px; }
.h-300px { height: 300px; }
.h-350px { height: 350px; }
.h-400px { height: 400px; }

/*.ikon-sag-ust { position: absolute; top: 10px; right: 15px; color: #fff; }*/
.ikon-sag-ust { position: static; float: right; margin-top: -10px; margin-right: 0px; color: #fff; }
.ikon-sol-ust { position: absolute; top: 10px; left: 15px; color: #fff; }
.ikon-hava { position: absolute; top: 20%; right: 20px; color: #fff; }
.ikon-doviz { position: absolute; top: 30%; right: 15px; padding:6px 14px; }



p {font-size:0.875rem; line-height:1.2; margin-bottom: 6px;}
.o-fs-0813rem { font-size:0.813rem; }
.o-fs-0875rem { font-size:0.875rem; }
.o-fs-0938rem { font-size:0.938rem; }
.o-fs-1rem { font-size:1rem; }
.o-fs-1d5rem { font-size:1.5rem; } /* 24px */
.o-fs-2rem { font-size:2rem; }
.o-fs-3rem { font-size:3rem; }
.o-fs-4rem { font-size:4rem; }
.o-fs-5rem { font-size:5rem; }

.o-mt-5px { margin-top:5px; }
.o-mt-10px { margin-top:10px; }
.o-mt-15px { margin-top:15px; }
.o-mt-20px { margin-top:20px; }
.o-mt-30px { margin-top:30px; }

.o-mb-30px { margin-bottom:30px; }
.o-mb-20px { margin-bottom:20px; }
.o-mb-15px { margin-bottom:15px; }
.o-mb-10px { margin-bottom:10px; }
.o-mb-5px { margin-bottom:5px; }

.o-mr-10px { margin-right:10px; }
.o-mr-15px { margin-right:15px; }

.o-ml-15px { margin-left:15px; }

.o-pr-30px { padding-right: 30px; }
.o-pr-15px { padding-right: 15px; }

.o-pl-15px { padding-left: 15px; }
.o-pl-30px { padding-left: 30px; }

.o-pall-none { padding: 0px; }
.o-pall-15px { padding: 15px; }
.o-pall-5px { padding: 5px; }
.o-pall-10px { padding: 10px; }
.o-pall-30px { padding: 30px; }
.o-pad-6px14px { padding: 6px 14px; }

        #fullscreenBtn {
            padding: 10px 20px;
            font-size: 18px;
            background: none;
            color: black;
            margin-bottom:15px;
			text-align:right;
			border:none;
        }