body{margin:0px;padding:80px 0px;background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);background-image:url('/images/bg.png');background-size:cover;background-position:top center;background-attachment:fixed;}
*{font-family:roboto,arial,calibri;outline:none;text-decoration:none;-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color: transparent;}
h1{margin:0px;padding:0px;font-size:15pt;}
h1 i{margin-right:5px;}
h2{margin:0px;padding:0px;font-size:15pt;margin-bottom:10px;padding:15px 0px;border-bottom:1px dashed #ccc;color:#2573ba;}
h2 i{margin-right:5px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
table{border-collapse:collapse;border-spacing:0px;width:100%;}
table td{vertical-align:top;}
.iskelet{width:800px;margin:0px auto;}
.iskelet:after{content:"";display:table;clear:both;}

.iskelet2{width:1200px;margin:0px auto;}
.iskelet2:after{content:"";display:table;clear:both;}

.iskelet3{width:600px;margin:0px auto;}
.iskelet3:after{content:"";display:table;clear:both;}

.golge{padding:10px;background-color:rgb(255,255,255,0.2);border-radius:20px;}


.kutu{background:#fff;padding:30px;border-radius:20px;}
.kutu:after{content:"";display:table;clear:both;}

input,file,select,textarea,button,submit {outline:none;background-color:#ffffff;}
button,submit{-webkit-appearance: none;-webkit-border-radius: 0;}


.input-sec{background:url('images/input-sec.png1') right center no-repeat #ffffff;outline:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right:50px;overflow:hidden;}
.input-tl{background: url('images/input-tl.png') #ffffff right center no-repeat;}
.input-yuzde{background: url('images/input-yuzde.png') #ffffff right center no-repeat;}
.input-ara{background: url('images/input-ara.png') #ffffff right center no-repeat;}
.input-takvim{background: url('images/input-takvim.png') #ffffff right center no-repeat;}


.blog-yazilari{margin:50px 0px;background-color:#efefef;padding:100px 0px;background-image:url('/images/bg-1.jpg');background-size:cover;background-attachment:fixed;background-position:right center;}
.blog{margin:10px;padding:10px;border:1px solid #ccc;background-color:#fff;border-radius:10px;}
.blog .resim img{width:100%;height:auto;aspect-ratio: 720 / 960;border-radius:5px;}
.blog .baslik{color:#000;font-size:12pt;height:100px;margin-top:10px;text-align:center;font-weight:bold;}
.blog:hover{background-color:#efefef;}


.formalani [class*="col-"]{padding:10px;}
.formalani h1{text-align:center;}
.formalani ul li a{color:#000;padding:5px 0px;}
.formalani ul li a:hover{color:#209DD7;}
.formalani ul li a i{width:20px;}
.formalani div label{margin-bottom:5px;display:block;font-size:10pt;color:#808080;border:1px solid #ccc;border-radius:10px;padding:10px;}
.formalani:after{content:"";display:table;clear:both;}
.formalani a{color:#000;font-size:10pt;}
.formalani a i{margin-right:5px;}

.input1{width:100%;height:25px;line-height:25px;border:0px;font-size:12pt;background:transparent;}

.input2{width:150px;padding:3px;border:1px solid #ccc;border-radius:2px;margin-left:5px;}
.input2:hover{border:1px solid #808080;}

.buton-yesil{display:block;width:100%;background-color:#339900;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:10px;text-align:center;border:0px;cursor:pointer;}
.buton-yesil i{margin-right:5px;}
.buton-yesil:hover{opacity:0.8;}

.buton-sari{display:block;width:100%;background-color:#ffc300;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:10px;text-align:center;border:0px;cursor:pointer;}
.buton-sari i{margin-right:5px;}
.buton-sari:hover{opacity:0.8;}

.buton-kirmizi{display:block;width:100%;background-color:#2573ba;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:10px;text-align:center;border:0px;cursor:pointer;}
.buton-kirmizi i{margin-right:5px;}
.buton-kirmizi:hover{opacity:0.8;}

.buton-mavi{display:block;width:100%;background-color:#38419C;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:10px;text-align:center;border:0px;cursor:pointer;}
.buton-mavi i{margin-right:5px;}
.buton-mavi:hover{opacity:0.8;}

.ortala{text-align:center;}

[class*="col-"]{float:left;position:relative;padding:8px;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.mobildegoster{display:none;}

.gizli{display:none;}

.tablo table td{border-bottom:1px dashed #ccc;padding:8px 0px;font-size:10pt;}
.tablo tr td:nth-child(1){text-align:left;font-weight:bold;width:160px;}
.tablo tr td:nth-child(2){text-align:right;}

input[type="radio"]{width:20px;height:20px;}

.buyuk-buton{border:2px solid #c5cae9;border-radius:10px;text-align:center;background-color:#f8f9ff;transition: all 0.3s;}
.buyuk-buton:hover{background-color:#e8eaf6;border:2px solid #3949ab;transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.buyuk-buton .icon i{font-size:30pt;color:#3949ab;margin-bottom:5px;}
.buyuk-buton .baslik{font-weight:bold;color:#3949ab;padding:5px 0px;}
.buyuk-buton .aciklama{color:#808080;padding:5px 0px;font-size:9pt;}
.buyuk-buton label{display:block;cursor:pointer;padding:10px 0px;}
.buyuk-buton .sec{margin-bottom:5px;}

.ust{position:absolute;position:fixed;left:0px;top:0px;width:100%;height:80px;z-index:999;}
.ust .logo{position:absolute;top:10px;left:25px;}
.ust .logo img{height:60px;filter: brightness(0) invert(1);}

.ust-bg{background-color:rgb(255,255,255,0.8);backdrop-filter: blur(10px);transition: all ease .5s;box-shadow: 0px 3px 2px rgb(0, 0, 0, 0.1);}
.ust-bg .logo img{filter: brightness(1) invert(0);}
.ust-bg .menuler ul li a{color:#3949ab;}
.ust-bg .menuler ul li a:hover{border:1px solid #3949ab;}


.menuler{position:absolute;top:20px;right:10px;}
.menuler ul{margin:0px;padding:0px;}
.menuler ul li{float:left;list-style:none;margin:0px 3px;}
.menuler ul li a{display:block;padding:10px 15px;color:#fff;font-size:11pt;font-weight:300;border-radius:50px;border:1px solid transparent;transition: all ease .5s;}
.menuler ul li a:hover{border:1px solid #fff;}
.menuler ul li i{margin-right:5px;}
.menuler .giris-butonu a{background-color:#fff;border:1px solid #3949AB;color:#3949AB;padding:10px 15px;}
.menuler .giris-butonu a:hover{background:transparent;color:#fff;}
.ust-bg .menuler .giris-butonu a{background-color:#3949AB;color:#fff;}



.alt-menuler ul{margin:0px;padding:0px;display:flex;justify-content:center;}
.alt-menuler ul li{list-style:none;margin:0px 3px;text-align:center;}
.alt-menuler ul li a{display:block;padding:10px 15px;color:#fff;font-size:8pt;font-weight:300;border-radius:50px;border:1px solid transparent;transition: all ease .5s;}
.alt-menuler ul li a:hover{border:1px solid #fff;}
.alt-menuler ul li i{margin-right:5px;}




.mobil-menu{position:absolute;right:15px;top:13px;}
.mobil-menu a{font-size:25pt;color:#fff;}
.mobil-menu a:active{color:#000;}

.adimlar{margin-bottom:30px;}
.adimlar:after{content:"";display:table;clear:both;}
.adimlar ul{margin:0px;padding:0px;}
.adimlar ul li{float:left;width:25%;text-align:center;font-size:9pt;border-left:0px solid green;list-style:none;}
.adimlar ul li:nth-child(1){border:0px;}
.adimlar ul li i{display:block;font-size:15pt;color:#7b809a;}
.adimlar ul li div{margin:0px auto;border-radius:50%;width:50px;height:50px;padding-top:15px;background-color:#f5f7fa;border:2px solid #c5cae9;margin-bottom:10px;}
.adimlar .aktif{color:green;}
.adimlar .aktif div{background-color:#339900 !important;border:0px;}
.adimlar .aktif i{color:#fff;}



@media only screen and (max-width: 620px) {
	[class*="col-"]{width:100%;}
	.mob-col-1 {width: 8.33%;}
	.mob-col-2 {width: 16.66%;}
	.mob-col-3 {width: 25%;}
	.mob-col-4 {width: 33.33%;}
	.mob-col-5 {width: 41.66%;}
	.mob-col-6 {width: 50%;}
	.mob-col-7 {width: 58.33%;}
	.mob-col-8 {width: 66.66%;}
	.mob-col-9 {width: 75%;}
	.mob-col-10 {width: 83.33%;}
	.mob-col-11 {width: 91.66%;}
	.mob-col-12 {width: 100%;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
    body{padding:60px 10px;}
    .iskelet, .iskelet2, .iskelet3{width:100%;}
    .kutu{margin:0px;padding:10px;}
	.ust{height:60px;background:transparent;box-shadow:none;}
	.ust .logo{left:10px;top:10px;}
	.ust .logo img{height:40px;}
	.ust-bg{box-shadow: 0px 3px 2px rgb(0, 0, 0, 0.1);}
	.ust-bg .mobil-menu a{color:#3949ab;}

	.menuler{position:absolute;position:fixed;width:80%;height:100vh;left:0px;top:0px;background-color:#3949AB;padding:20px;overflow:auto;background-image:url('/images/bg.png');background-size:cover;background-position:top center;}
	.menuler ul li{float:none;padding:10px 0px;}
	.menuler ul li a{padding:20px 0px;background-color:#fff;color:#3949AB;border-radius:0px;text-align:center;border-radius:10px;font-size:12pt;font-weight:bold;}
	.menuler .logo{text-align:center;margin-bottom:30px;}
	.menuler .logo img{width:200px;height:auto;filter: brightness(0) invert(1);}

	.alt-menuler ul li{float:none;}

}