/*
  Site css
*/
html {
	font-family:"Roboto","Muli", sans-serif;;
	font-size:13px;
	font-weight:200;
}
body {
	background-color:#0c0e11;
	color:#dee0e4;
	background-image: url("../img/60.jpg");
	background-position:top;
}
.wb {
	background-image: url("../img/banner1.png");
	background-position:top;
	min-height: 1900px;
	background-repeat: no-repeat;
}
.logo {
	width: 373px;
	height: 130px;
}
.e1 {
	padding:40px;
	color:#f4cf98;
}
.e1 p a:hover {
	color:#ffebce;
}
.e1 p, .e1 p a {
	text-decoration: none;
	color:#f4cf98;
	font-size: 23px;
	margin-left:20px;
	line-height: 50px;
	vertical-align: middle;
	display:flex;
	align-items: center;
	gap: px;
}
.e1 p i {
	font-size:50px;
}
.odul-container {
	margin-top: 900px;
	text-align: center;
	font-size: 38px;
	color: #fed6a8;
	font-weight: 300;
}
.kayit-container {

}
.kayit-container .title {
	font-size: 38px;
	color: #fed6a8;
	font-weight: 400;
}
.kayit-container label {
	font-size: 16px  !important;
	color: #fed6a8;
}
.kayit-container .form-control {
	background-color: #ffecc7 !important;
}

#koduret {
	border:none;
	background: transparent !important;
	color:#e6e4e4;
	font-size:16px;
}
.koduretarea {
	border: 3px solid #322c25;
    font-size: 16px;
    background: transparent;
    border-radius: 8px;
}
.koduretarea button, .koduretarea button:hover, .koduretarea button:active, .koduretarea button:focus{
	background: transparent !important;
  	box-shadow: none !important;
	border:none !important;
}


.submit-btn {
  width: 180px;
  height: 30px;

  background: linear-gradient(to bottom, #fffcbe,#ffd789,#b36a1b,#904313,#d67400); /* yukarıdan aşağıya degrade */
  border: none;
  border-radius: 3px;
  color: #743910;
  font-size: 16px;
  padding: 4px 20px;
  cursor: pointer;
  transition: 0.3s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  text-shadow: 1px  1px 2px rgba(255, 255, 255, 0.9); 
  position: relative;
  
}
.submit-btn img {
	position: absolute;
	right:20px;
	top: -11px;
}
/*
.submit-btn:hover {
  background: linear-gradient(to bottom, #d67400,#904313,#b36a1b,#ffd789,#fffcbe);  
  box-shadow: 0 6px 10px rgba(0,0,0,0.3);
  text-shadow: 1px  1px 2px rgba(255, 255, 255, 0.9); 
}
*/
.submit-btn:active {
  transform: scale(0.96); /* basınca küçülme efekti */
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.spin {
  animation: spin 0.6s linear 1.5; /* 0.6sn’de döner, 3 kez tekrar eder */
}

.ss-search {
	padding:0px !important;
}

.footer p {
	font-size:23px;
	color:#ffddaf;
}