*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body {word-wrap:break-word;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-x:hidden;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td,figure{border:0;margin:0;padding:0}
html {overflow-y: scroll;-webkit-text-size-adjust:auto;-webkit-overflow-scrolling: touch;}

img,fieldset,abbr,acronym{border:0;}
article,aside,figure,figcaption,hgroup,footer,header,nav,section,video,object{display:block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

img 				{border:0;max-width:100%;vertical-align:middle;height:auto;}
figure img 	{display:block;}
iframe		 	{border:0;max-width:100%;width:100%;overflow:hidden;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}

ul 					{margin:0 0 22px;}
ul > li	  			{list-style:none;position:relative;padding:0 0 8px 15px;}
ul > li:before 	{content:"\25A0";font-size:8px;position:absolute;top:5px;left:0;}
ul ul 				{margin:8px 0 -8px 15px;}
ul ul li:before	{content:"\00af";font-size:25px;top:0;left:-2px;} 			
ol					{margin:0 0 17px 25px;}
ol li 	  			{list-style:decimal outside;padding:0 0 8px 5px;}
ol ol 			{margin:8px 0 -8px 15px;}

hr {border-bottom:0;border-top: 1px solid #ddd;clear:both;margin:15px 0 35px;}

.clear {clear:both;}

.nobullets li {padding:0 0 15px 60px;}
.nobullets li:before {top:0;left:0;font-size:15px;font-weight:bold;}
.nobullets li:nth-of-type(1):before	{content:"Step 1:";}
.nobullets li:nth-of-type(2):before	{content:"Step 2:";}
.nobullets li:nth-of-type(3):before	{content:"Step 3:";}
.nobullets li:nth-of-type(4):before	{content:"Step 4:";}
.nobullets li:nth-of-type(5):before	{content:"Step 5:";}
.nobullets li:nth-of-type(6):before	{content:"Step 6:";}

nav ul,footer ul						{margin:0;}
nav ul > li,footer ul > li			{padding:0;}
nav ul > li:before,
footer ul > li:before {display:none;}

p 			{padding:0 0 30px;}
table 	{border-collapse:collapse;border-spacing:0;width:100%;margin:0 0 30px;}
a 			{color:#212121;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;}
a:hover,a:focus {color:#ff5702;}
body 	{font:400 15px/1.5 "Trebuchet MS", Helvetica, sans-serif;text-align:left;color:#212121;background:#fff;}   

h1,h2,h3,h4,h5,h6 {font-weight:bold;padding:0 0 25px;line-height:1.42;}

h1 {font-size:29px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {}

.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;display: inline-block;width: 1em;height: 1em;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;/* Support for all WebKit browsers. */-webkit-font-smoothing: antialiased;/* Support for Safari and Chrome. */text-rendering: optimizeLegibility;/* Support for Firefox. */-moz-osx-font-smoothing: grayscale;/* Support for IE. */font-feature-settings: 'liga';}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }

.button {
  background: #0d52d6;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 18px;
  display: inline-block;
  margin: 0 0 30px;
  border-radius: 3px;
}

.button:hover,
.button:focus {
  color: #fff;
  background: #82bd00;
}


.wrap {margin:0 auto;text-align:left;width:1200px;max-width:94%;}

.row {margin:0 -20px;}

.full-width 	{float:left;width:100%;padding:0 20px 40px;}
.one-half 		{float:left;width:50%;padding:0 20px 40px;}
.one-fourth 	{float:left;width:25%;padding:0 20px 40px;}
.one-third 	{float:left;width:33.3333%;padding:0 20px 40px;}
.two-third 	{float:left;width:66.6667%;padding:0 20px 40px;}

.site-header	 	{float:left;width:100%;background:#0d52d6;border-bottom:1px solid rgba(255,255,255,.1);height:63px;}
.logo 				{background:url(../media/logo.png) 0 0 no-repeat;width:205px;height:37px;float:left;margin:11px 0 0;}
.logo a 			{display:inline-block;text-indent:-99999px;width:100%;height:100%;text-decoration:none;}

nav ul > li	{list-style:none;}
.main-nav 								{float:right;line-height:63px;font-size:14px;}
.main-nav li 							{float:left;padding:0 0 0 35px;font-weight:500;}
.main-nav li a 							{color:#ffffff;padding:0 0 16px;text-decoration:none;}
.main-nav li a:hover,
.main-nav li a:focus				{color:#fff;}

.intro 				{font-size:17px;float:left;width:100%;color:#fff;padding:80px 20% 50px;background: #fc4a1a; background: -webkit-linear-gradient(to left, #FFC100, #fc4a1a);background: linear-gradient(to left, #FFC100, #fc4a1a);}
.intro .wrap 	{text-align:center;}
.intro h1 			{color:#fff;}

.start {float:left;width:100%;padding:30px 0;}
.start h2 					{font-size:16px;}
.start ul > li:before 	{display:none;}
.start ul > li 			{padding:0 0 7px;font-size:14px;}
.start a 			{color:#212121;text-decoration:none;}
.start a:hover,
.start a:focus {color:#ff5702;}
.start .row > div 	{min-height:280px;}

.sticky-menu 		{float:left;width:100%;background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sticky-menu ul 	{margin:0 auto;padding:0;text-align:left;width:1200px;max-width:94%;display:table;border-right:1px solid #ddd;}
.sticky-menu li 			{display:table-cell;border-left:1px solid #ddd;vertical-align:top;width:100px;font-size:13px;text-align:center;position:relative;}
.sticky-menu li a		{text-decoration:none;color:#212121;float:left;width:100%;padding:15px 10px;height:103px;}
.sticky-menu li a.active,.sticky-menu > ul > li:hover a,.sticky-menu > ul > li:focus a {background:#0d52d6;color:#fff;}
.sticky-menu i 			{margin-bottom:10px;} 

.sticky-menu li ul 			{display:none;position:absolute;top:100%;left:-1px;width:200px;background:#ff5702;max-width:initial;opacity:0;-ms-opacity:0;z-index:2;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.sticky-menu li ul li 		{display:block;width:100%;border-left:none;text-align:left;}
.sticky-menu li ul li a  	{height:auto;padding:9px 15px;color:#fff;}
.sticky-menu li ul li a:hover,.sticky-menu li ul li a:focus {background:rgba(0,0,0,.1);}
.sticky-menu > ul > li:hover > ul,.sticky-menu > ul > li:focus > ul {opacity:1;-ms-opacity:1;display:block;}

.main {float:left;width:100%;}
.main article {min-height:100vh;height:auto;padding:100px 0 150px;outline:none;}
.main article a {font-weight:bold;}
.main article img {border:1px solid #ddd;}
.noborder {border:none !important;}

.pull-left 	{float:left;margin:0 30px 30px 0;position:relative;z-index:2;}
.pull-right {float:right;margin:0 0 30px 30px;position:relative;z-index:2;}
.left {float:left;margin:0 30px 30px 0;}

.tip {padding:30px 30px 0;border:1px solid #ddd;background:#eee;margin:0 0 30px;display:inline-block;width:100%;}
.tip i {position:relative;bottom:-5px;}

.footer {font-size:13px;}      

.global-message {
    padding: 30px 30px 15px !important;
    background: #bd0000; /* kırmızı arka plan */
    border: 4px solid #ffffff; /* siyah border */
    color: #ffffff; /* beyaz yazı */
    
    /* Gölge ekleme */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), 0 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 1px; /* İsteğe bağlı, köşeleri yuvarlatır */
}


.global-message i {
    font-size: 40px;
    float: left;
    margin: 0 30px 30px 0;
    color: #ffffff; /* ikon beyaz */
}

.global-message p {
    padding-bottom: 10px;
    color: #ffffff; /* paragraf yazısı beyaz */
}

.global-message p:first-of-type {
    text-transform: uppercase;
}

.global-message a {
    text-decoration: underline;
    color: #ffffff; /* link beyaz */
}

:target {display: inline-block;padding-top: 250px;margin-top: -250px;}

@media screen and (max-width: 1200px) {
	.sticky-menu ul 	{display:block;}
	.sticky-menu li 		{display:block;width:auto;float:left;text-align:left;border:none;}
	.sticky-menu li a 	{height:auto;width:auto;padding:5px 10px;}
	.sticky-menu li i,
	.sticky-menu li br {display:none;}
	
	.one-fourth {width:50%;}
}      

@media screen and (max-width: 960px) {
	.pull-right, .pull-left {margin:0 0 30px !important;float:none;}
}

@media screen and (max-width: 500px) {
	.one-fourth {width:100%;}
}                                                                                      

.image-grid {margin:0 -5px;}
.image-grid div {padding:5px 5px 8px;width:100%;float:left;width:33.3333%;}

@media screen and (max-width: 980px) {
.image-grid div {width:50%;}
}   

@media screen and (max-width: 500px) {
.image-grid div {width:100%;}
}                                                                                      
.important-note {
    border-left: 5px solid #0d52d6; /* sol taraf mavi çizgi */
    background: #fff8e1; /* açık sarı arka plan */
    padding: 15px 20px;
    margin: 20px 0;
    font-style: italic;
    quotes: "“" "”" "‘" "’";
}


}

.important-note strong {
    font-style: normal; /* kalın yazı italik olmadan */
}
.mavi-cizgi {
    border: none;               /* Varsayılan çizgi stilini kaldır */
    height: 2px;                /* Çizgi kalınlığı */
    background-color: ##0d52d6;  /* Mavi renk */
    width: 100%;                /* Tam genişlik */
    margin: 20px 0;             /* Üst ve alt boşluk */
}
.lisans-frame {
  width: 100%;
  max-width: 450px;
  height: 220px;
  border: 3px solid #0d52d6; /* Mavi kenarlık */
  border-radius: 1px;
  overflow: hidden;
  padding: 5px;
  margin: 0 auto; /* Ortalamak için */
  
  /* Daha belirgin ve modern gölge */
  box-shadow: 0 8px 20px rgba(13, 82, 214, 0.3), 0 4px 10px rgba(0, 0, 0, 0.1);
}


.lisans-frame iframe {
  border: none;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px;
}
/* Logo Link Container */
.logo-link {
  display: inline-block;
  text-decoration: none;
}

/* Logo Image */
.logo-link img {
  width: 100%;           /* Masaüstünde %19 genişlik */
  max-width: 180px;     /* Maksimum genişlik */
  height: auto;         /* Oranlı yükseklik */
  display: block;
}

/* Mobil Uyumlu Ayarlar */
@media screen and (max-width: 768px) {
  .logo-link {
    display: block;       /* Blok yap, ortalamak için */
    text-align: center;   /* Yatay ortala */
    margin: 0 auto;
  }
  .logo-link img {
    width: 50%;         /* Ekranı tamamen kapla */
    max-width: none;     /* Maksimum genişlik kalktı */
    height: auto;        /* Orantılı yükseklik */
    display: inline-block;
  }
}

@media screen and (max-width: 480px) {
  .logo-link {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  .logo-link img {
    width: 50%;         /* Küçük telefonlarda da tam ekran */
    max-width: none;
    height: auto;
    display: inline-block;
  }
}
/* Butonları kapsayan container */
.button-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px; /* Butonlar arası boşluk */
    flex-wrap: wrap; /* Mobilde alt alta geçmesini sağlar */
    margin: 50px 0; /* Sayfa ortası için boşluk */
}

/* Sade buton stili */
.simple-button {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 12px 30px;
    border-radius: 8px;
    min-width: 150px;
    text-align: center;
    transition: all 0.3s ease;
}

/* Renkler */
.simple-button.red {
    background-color: #bd0000;
}
.simple-button.red:hover {
    background-color: #e60000;
}

.simple-button.blue {
    background-color: #0d52d6;
}
.simple-button.blue:hover {
    background-color: #0b41b5;
}

/* Temel uzun ince mavi çizgi */
hr.mavi-cizgi {
  border: 0;                    /* tarayıcı varsayılan kenarlığı kaldır */
  height: 5px;                  /* çizgi kalınlığı */
  background: linear-gradient(90deg, #2b8cff 0%, #1a73e8 50%, #2b8cff 100%); /* hoş degrade mavi */
  margin: 24px 0;               /* üst-alt boşluk */
  width: 100%;                  /* tam genişlik */
  max-width: 1200px;            /* istersen sınırlayabilirsin */
  display: block;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04) inset; /* hafif iç gölge */
  -webkit-print-color-adjust: exact; /* yazdırmada renk koruma */
}