/* GENEL KODLAR */

@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan+2:400,500,600,700&display=swap'); /* SİTENİN FONT KAYNAĞI */

body {
 font-family: 'Baloo Chettan 2', cursive; /* SİTENİN FONTUNUN TANIMLANMASI */
 font-weight: 400;
 font-size: 15px; /* FONT BÜYÜKLÜĞÜ */
 background: url(../images/body.png);
}

#banner {
 background: url(../images/bg.png) no-repeat center center scroll;
 background-size: cover;
}

.bg-light {
 background-color: #003366 !important; /* MENÜ BANDININ RENGİ */
 /*background: -webkit-linear-gradient(right, rgb(231 31 127) 0%, rgb(231 31 127) 50%, rgb(231 31 127) 100%);
 background: -o-linear-gradient(right, rgb(231 31 127) 0%, rgb(231 31 127) 50%, rgb(231 31 127) 100%);
 background: linear-gradient(to right, rgb(251 27 59) 0%, rgb(240 74 116) 50%, rgb(248 98 142) 100%);*/
}

.blink {
 animation: blinker 2s linear infinite;
}

@keyframes blinker {
 50% {
 opacity: 0;
 }
}

.effect1 {
 font-weight: 500;
 animation: hello 1.0s ease-in-out infinite;
 text-align: center;
}

@keyframes hello {
 0% {
 color: #fff;
 }

 50% {
 color: #e52328;
 }

 100% {
 color: #fff;
 }
}

#bildiri {
 -webkit-animation: blink 1s;
 -webkit-animation-iteration-count: infinite;
 -moz-animation: blink 1s;
 -moz-animation-iteration-count: infinite;
 -o-animation: blink 1s;
 -o-animation-iteration-count: infinite;
}

#icerik {
 background-color: white;
 border: 1px solid #E0E0E0;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
 border-radius: 10px 5px;
}

#sidebar {
 background-color: white;
 border: 1px solid #E0E0E0;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
 border-radius: 10px 5px;
}

.mh400 {
 min-height: 400px;
}

footer {
 background-color: #003366; /* SİTENİN EN ALTINDAKİ BARIN ARKAPLAN RENGİ */
 margin-top: 50px;
 padding: 20px;
 font-weight: 400;
 color: #FFFFFF /* SİTENİN EN ALTINDAKİ BARIN YAZI RENGİ */
}

figure > img {
 width:100%;
}

.LoadingIcon {
 display: none;
 width: 47px;
}











/* BAŞLIK KODLARI */

.baslik {
 background-color: #003366; /* BAŞLIĞIN ARKAPLAN RENGİ */
 color: #FFFFFF; /* BAŞLIĞIN YAZI RENGİ */
 padding: 5px 10px;
 font-size: 17px;
 margin-bottom: 15px;
 font-weight: 500;
 border-radius: 4px 15px;
 text-align: center;
}

.altbaslik {
 color: #591fe7;
 font-weight: bold;
 font-size: 18px;
}









/* MENÜ-NAVBAR KODLARI */

.navbar {
 font-size: 15px; /* MENÜDEKİ YAZININ FONT BÜYÜKLÜĞÜ */
 padding: 0 !important;
 font-weight: 600;
}

.navbar-light .navbar-nav .nav-link {
 color: #ffffff; /* MENÜDEKİ YAZILARIN RENGİ */
 padding: .7rem 1rem;
}

 .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
 color: #fff;
 }

 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 background-color: #f9f9f9; /* MOUSE MENÜNÜN ÜZERİNDEYKEN AKTİF OLAN ALANIN ARKAPLAN RENGİ */
 color: #9088a1; /* MOUSE MENÜNÜN ÜZERİNDEYKEN AKTİF OLAN YAZININ RENGİ */
 }

.navbar-nav a {
 line-height: 1;
 display: inline-block;
 color: #ffeb3b;
 text-decoration: none;
}

.navbar-nav .menulink:after {
 display: block;
 content: "";
 height: 2px;
 margin-top: 3px;
 width: 0%;
 background-color: #9088a1;
 transition: width .3s ease-in-out;
}

.navbar-nav .menulink:hover:after, .navbar-nav .menulink:focus:after {
 width: 100%;
}

.navbar-light .navbar-toggler {
 border-color: transparent !important;
}

.navbar-light .navbar-toggler-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1.00)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.dropdown-menu {
 background-color:#9088a1;
}

.navbar-nav a {
 color: #ffffff;
}

@media screen and (max-width: 991px) {
 .navbar-nav a {
 display: block
 }

 .navbar-nav a:after {
 display: none;
 }
}










/* SAYAÇ KODLARI */

.sayac {
 padding: 0 15px;
 margin-bottom: 35px !important;
}

 .sayac span {
 font-size: 20px;
 font-weight: 500;
 }

.gun {
 background-color: #cccccc; /* SAYAÇTAKİ GÜN ALANININ ARKAPLAN RENGİ */
 color: #000000; /* SAYAÇTAKİ GÜN ALANININ YAZI RENGİ */
 border-radius: 8px;
 font-size: 11px;
}

.saat {
 background-color: #7dbbe6; /* SAYAÇTAKİ SAAT ALANININ ARKAPLAN RENGİ */
 color: #000000; /* SAYAÇTAKİ SAAT ALANININ YAZI RENGİ */
 font-size: 11px;
 border-radius: 8px;
}

.dakika {
 background-color: #cccccc; /* SAYAÇTAKİ DAKİKA ALANININ ARKAPLAN RENGİ */
 color: #000000; /* SAYAÇTAKİ DAKİKA ALANININ YAZI RENGİ */
 font-size: 11px;
 border-radius: 8px;
}

.saniye {
 background-color: #7dbbe6; /* SAYAÇTAKİ SANİYE ALANININ ARKAPLAN RENGİ */
 color: #000000; /* SAYAÇTAKİ GÜN ALANININ YAZI RENGİ */
 border-radius: 8px;
 font-size: 11px;
}










/* DUYURU ALANI KODLARI */

#duyuru {
 margin-bottom: 23px
}

 #duyuru li {
 color: #4e4e4e; /* DUYURU ALANINDAKİ YAZININ RENGİ */
 background: #FFFFFF; /* DUYURU ALANINININ ARKAPLAN RENGİ */
 overflow: hidden;
 height: 80px;
 padding: 20px 10px;
 line-height: 20px;
 list-style: none;
 font-size: 13px; /* DUYURU ALANINININ FONT BÜYÜKLÜĞÜ */
 text-align: left;
 border-bottom: 1px dotted #134680;
 }

 #duyuru li:hover {
 background: #F2F2F2; /* DUYURU ALANINININ MOUSE ÜZERİNDEYKENKİ ARKAPLAN RENGİ */
 }

.btn-squared-default-plain {
 width: 100% !important;
 height: 100% !important;
 font-size: 17px;
 padding-bottom: 19px;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 16 32'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");
}












/* BUTON KODLARI */

.btn-1 {
 background-color: #cf2343 !important;
 border: 3px solid #960620 !important;
}

 .btn-1:hover {
 opacity: 0.95
 }

.btn-2 {
 background-color: #cf2343 !important;
 border: 3px solid #960620 !important;
}

 .btn-2:hover {
 opacity: 0.95
 }

.btn-3 {
 background-color: #cf2343 !important;
 border: 3px solid #960620 !important;
}

 .btn-3:hover {
 opacity: 0.95
 }

.btn-4 {
 background-color: #e71f7f !important;
 border: 3px solid #e71f7f !important;
}

 .btn-4:hover {
 opacity: 0.95
 }
 
 /* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
 position: relative;
 display: block;
 margin: 30px auto 0;
 padding: 14px 15px;
 color: #D24D57;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 overflow: hidden;
 letter-spacing: .08em;
 border-radius: 4px;
 text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
}

 a.animated-button:link:after, a.animated-button:visited:after {
 content: "";
 position: absolute;
 height: 0%;
 left: 50%;
 top: 50%;
 width: 150%;
 z-index: -1;
 -webkit-transition: all 0.75s ease 0s;
 -moz-transition: all 0.75s ease 0s;
 -o-transition: all 0.75s ease 0s;
 transition: all 0.75s ease 0s;
 }

 a.animated-button:link:hover, a.animated-button:visited:hover {
 color: #FFF;
 text-shadow: none;
 }

 a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
 height: 450%;
 }

/* Victoria Buttons */

a.animated-button.victoria-one {
 border: 2px solid #a6529b;
 color: #a6529b; /* BİRİNCİ BUTONUN RENGİ */
}

 a.animated-button.victoria-one:after {
 background: #a6529b; /* BİRİNCİ BUTONUN MOUSE ÜZERİNDEYKENKİ RENGİ */
 -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 }

a.animated-button.victoria-two {
 border: 2px solid #8dbf22;
 color: #8dbf22; /* İKİNCİ BUTONUN RENGİ */
}

 a.animated-button.victoria-two:after {
 background: #8dbf22; /* İKİNCİ BUTONUN MOUSE ÜZERİNDEYKENKİ RENGİ */
 -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
 -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
 -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
 transform: translateX(-50%) translateY(-50%) rotate(25deg);
 }

a.animated-button.victoria-three {
 border: 2px solid #f07e13;
 color: #f07e13; /* ÜÇÜNCÜ BUTONUN RENGİ */
}

 a.animated-button.victoria-three:after {
 background: #f07e13; /* ÜÇÜNCÜ BUTONUN MOUSE ÜZERİNDEYKENKİ RENGİ */
 opacity: .5;
 -moz-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 }

 a.animated-button.victoria-three:hover:after {
 height: 140%;
 opacity: 1;
 }

a.animated-button.victoria-four {
 border: 2px solid #D24D57;
}

 a.animated-button.victoria-four:after {
 background: #D24D57;
 opacity: .5;
 -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
 -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
 -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
 transform: translateY(-50%) translateX(-50%) rotate(90deg);
 }

 a.animated-button.victoria-four:hover:after {
 opacity: 1;
 height: 600% !important;
 }











/* TABLO KODLARI */

.kktablo {
 border-collapse: separate;
 border-spacing: 3px;
}

 .kktablo tr td {
 text-align: center;
 padding: 7px;
 border: 1px solid transparent;
 border-radius: 8px;
 }

 .kktablo tr:nth-child(1) {
 background-color: #196da2 !important;
 color: #fff;
 }

 .kktablo tr {
 background-color: #E8E8E8;
 }

.kotablo {
 border-collapse: separate;
 border-spacing: 3px;
}

 .kotablo tr td {
 text-align: center;
 padding: 7px;
 border: 1px solid transparent;
 border-radius: 8px;
 }

 .kotablo tr:nth-child(1), .kotablo tr:nth-child(2) {
 background-color: #196da2 !important;
 color: #fff;
 }

 .kotablo tr {
 background-color: #E8E8E8;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 /* SLIDER KODLARI */
 @media screen and (max-width: 991px) {
 .carousel-indicators {
 bottom: -21px;
}

.table-kf {
 font-size:12px!important;
}

}