/*
Theme Name: Mavi Durak Sürücü Kursu
Theme URI:
Description: WordPress tema
Author: theWP.com.tr
Author URI: https://thewp.com.tr
Version: V1
License: theWP.com.tr - Tüm Hakları Saklıdır.
Tags: Kadir Kenar, theWP, Wordpress Tema
*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0px;
word-spacing: 0px;
}
:root {
--mavi: #096ab3;
--siyah: #212121;
--beyaz: #ffffff;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.firefox {
font-family: "source_sans_pro_lightregular", 'Montserrat', sans-serif;
}
body {
height: auto;
font-family: "source_sans_proregular", 'Montserrat', sans-serif;
color: var(--siyah);
font-size: 14px;
overflow-x: hidden;
margin:0 auto;
background:#ffffff;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a,h2,h3,h4,h5,h6,strong,span,p,font,figcaption,figure,img {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
input[type="search"]
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="select"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.temizle {
clear:both;
}
.ortala {
text-align: center;
}
.top90 {
margin-top: 90px;
}
.top120 {
margin-top: 120px;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1440px - 40px);
height: auto;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteyiOrtalahidden {
width: calc(100% - 40px);
max-width: calc(1440px - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}


.deneme {
width: 130px;
height: 75px;
background: blue;
margin: 20px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}

#ust {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--siyah);
padding: 15px 0px;
}
#ust .iletisim {
width: calc(58% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 0px;
padding: 0px 0px;
}
#ust .iletisim ul {
margin: 0px 0px;
padding: 0px 0px;
}
#ust .iletisim ul li {
width: 150px;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin: 0px 0px 0px 0px;
line-height: 44px;
text-align: left;
}
#ust .iletisim ul li:nth-of-type(2n) {
width: 330px;
}
#ust .iletisim ul li:nth-of-type(3n) {
width: calc(135px - 0px);
}
#ust .iletisim ul li i {
font-size: 18px;
color: var(--beyaz);
display: inline-table;
margin-right: 7px;
}
#ust .iletisim ul li a,
#ust .iletisim ul li span {
font-size: 15px;
color: var(--beyaz);
display: inline-table;
}
#ust .iletisim ul li a:hover {
opacity: 0.7;
}

#ust .sosyalag {
width: calc(42% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: left;
}
#ust .sosyalag a {
width: 42px;
height: 42px;
line-height: 42px;
overflow: hidden;
display: inline-table;
position: relative;
border: 1px dashed var(--beyaz);
border-radius: 100%;
text-align: center;
color: var(--beyaz);
font-size: 18px;
margin: 0px 0px 0px 15px;
background: transparent;
}
/*#ust .sosyalag a:last-child {
margin: 0px 0px 0px 0px;
}*/
#ust .sosyalag a:hover {
color: var(--beyaz);
border: 1px dashed var(--mavi);
background: var(--mavi);
}



#duyuru {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--beyaz);
padding: 15px 0px 15px 0px;
}
#duyuru h3 {
width: 230px;
height: 62px;
line-height: 62px;
overflow: hidden;
display: table;
position: relative;
background: var(--mavi);
color: var(--beyaz);
padding: 0px 0px;
border-radius: 100px;
font-size: 16px;
font-weight: 400;
float: left;
text-align: center;
margin-right: 30px;
margin-left: 300px;
}
#duyuru .duyuruSlider {
width: calc(100% - 560px);
height: 36px;
overflow: hidden;
display: block;
position: relative;
margin-top: 13px;
}
#duyuru .duyuruSlider .swiper-slide {
width: 100%;
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
}
#duyuru .duyuruSlider .swiper-slide a {
font-size: 16px;
font-weight: 600;
color: var(--siyah);
overflow: hidden;
background: var(--beyaz);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
cursor: pointer;
}
#duyuru .duyuruSlider .swiper-slide a:hover {
color: var(--mavi);
}




.modal {
position: fixed;
top: 0%;
pointer-events: none;
left: 0px;
background: rgba(0, 0, 0, 0.95);
width: 100vw;
height: 100vh;
z-index: 100;
opacity: 0;
transition: 0.3s;
overflow-x: hidden;
overflow-y: auto;
}

.modal.active {
opacity: 1;
pointer-events: auto;
overflow-x: hidden;
overflow-y: auto;
animation: modalduyuru 0.7s ease-in 0s 1 normal none;
}
@keyframes modalduyuru {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.close {
position: absolute;
top: 5px;
right: 15px;
cursor: pointer;
color: #000000;
font-size: 18px;
font-weight: 700;
}
.jspopicerik {
position: relative;
display: flex;
flex-direction: column;
width: calc(40% - 60px);
background-color: var(--beyaz);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
top: 100px;
margin: 0px auto;
padding: 30px 30px;
}
.jspop {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
}
.jspopicerik .jspop h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 700;
color: var(--mavi);
margin: 15px 0px 15px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.jspopicerik .jspop p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: var(--siyah);
}
.jspopicerik .jspop img.alignleft {
width: auto;
height: auto;
float: left;
margin-right: 15px;
margin-top: 0px;
}
.jspopicerik .jspop img.alignright {
width: auto;
height: auto;
float: right;
margin-left: 15px;
margin-top: 0px;
}
.jspopicerik .jspop img.aligncenter {
width: auto;
height: auto;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}




#ustMenu {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
background: var(--mavi);
padding: 0px 0px 0px 0px;
}
#ustMenu .logo {
width: 236px;
height: 236px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: calc(50% - 118px);
left: 0px;
z-index: 3;
}




#ustMenu ul.menu {
width: calc(100% - 505px);
height: 80px;
line-height: 80px;
display: block;
position: relative;
margin: 0px 0px 0px 236px;
padding: 0px 0px 0px 0px;
float: left;
text-align: center;
}
#ustMenu ul.menu li {
width: auto;
height: 80px;
display: inline-block;
text-align: left;
position: relative;
}
#ustMenu ul.menu li:last-child {
margin: 0px 0px 0px 0px;
}
#ustMenu ul.menu li a {
font-size: 18px;
font-weight: 500;
color: var(--beyaz);
display: block;
padding: 0px 15px 0px 15px;
}
#ustMenu ul.menu li a:hover {
color: var(--beyaz);
opacity: 0.7;
}
#ustMenu ul.menu li ul {
width: auto;
z-index: 99999;
display: none;
position: absolute;
top: 80px;
padding: 15px 20px;
background: var(--beyaz);
animation: altMenu 1s ease 0s 1 normal forwards;
}
@keyframes altMenu {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}
100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}

#ustMenu ul.menu li ul li {
width:auto;
min-width: 190px;
height: auto;
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: none;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
#ustMenu ul.menu li ul li a {
width: 100%;
height: auto;
line-height: 2;
font-size: 15px;
font-weight: 500;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px;
color: var(--siyah);
padding: 0px 0px 0px 0px;
}
#ustMenu ul.menu li ul li:after {
width: 18px;
height: 14px;
overflow: hidden;
display: none!important;
position: absolute;
bottom: 8px;
left: 0px;
font-size: 14px;
color: var(--mavi);
font-family: "Font Awesome 6 Free";
content: "\f5e4";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-weight: 900;
animation: liaftermenu 0.6s ease 0s 1 normal forwards;
}
@keyframes liaftermenu {
0% {
transform: translateX(5px);
}

100% {
transform: translateX(0px);
}
}
#ustMenu ul.menu li ul li:hover:after {
display: block!important;
}
#ustMenu ul.menu li ul li a:hover {
color: var(--mavi);
padding-left: 24px;
opacity: 1!important;
}
#ustMenu ul.menu li:hover > ul {
display:inherit;
}
#ustMenu ul.menu ul li ul {
position: relative;
top:-36px;
left:230px;
}











#ustMenu .esinav {
width: 165px;
height: 80px;
line-height: 80px;
overflow: hidden;
display: inline-table;
position: relative;
margin: 0px 30px 0px 25px;
padding: 0px 0px;
text-align: center;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
background: var(--siyah);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;

background-image: linear-gradient(to left,
var(--siyah),
var(--siyah) 50%,
var(--beyaz) 50%,
var(--beyaz));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
}
#ustMenu .esinav:hover a {
color: var(--mavi);
}
#ustMenu .esinav:hover {
background-position: 0 0;
color: var(--mavi);
}



#ustMenu .esinav a {
display: block;
color: var(--beyaz);
font-size: 18px;
font-weight: 700;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
text-align: center;
opacity: 1;
}

#ustMenu .arama {
width: 42px;
height: 42px;
overflow: hidden;
display: inline-table;
position: relative;
}
#ustMenu .arama a {
width: 42px;
height: 42px;
line-height: 42px;
overflow: hidden;
display: inline-table;
position: relative;
border: 1px dashed var(--beyaz);
border-radius: 100%;
text-align: center;
color: var(--beyaz);
font-size: 18px;
margin: 0px 0px 0px 0px;
background: transparent;
}
#ustMenu .arama a:hover {
color: var(--beyaz);
border: 1px dashed var(--siyah);
background: var(--siyah);
}


.sliderAlani {
width: calc(100% - 0px);
max-width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto!important;
background: var(--siyah);
}
.sliderAlani .swiper-slide.swiper-slide-active {
animation: sliderAktif 1s ease 0s 1 normal forwards;
}
@keyframes sliderAktif {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
.sliderAlani a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.sliderAlani figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sliderAlani figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
}
.sliderAlani figure img {
width: 100%;
height: 700px;
}
.sliderAlani .sliderIcerik {
width: calc(100% - 140px);
max-width: calc(1180px - 140px);
height: 700px;
display: table;
overflow: hidden;
position: fixed;
content: "";
top: 0;
left: 0%;
right: 0px;
z-index: 9;
margin: 0px auto;
padding: 0px 0px 0px 140px;
}
.sliderAlani .sliderIcerik div {
display: table-cell;
vertical-align: middle;
}

.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik strong p {
animation: strongp 2s ease 0s 1 normal forwards;
}
@keyframes strongp {
0% {
opacity: 0;
transform: translateX(-160px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik strong font {
animation: strongfont 2s ease 0s 1 normal forwards;
}
@keyframes strongfont {
0% {
opacity: 0;
transform: translateX(-200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik a.detay {
animation: adetay 2s ease 0s 1 normal forwards;
}
@keyframes adetay {
0% {
opacity: 0;
transform: translateX(-250px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik .videolink {
animation: videolinka 2s ease 0s 1 normal forwards;
}
@keyframes videolinka {
0% {
opacity: 0;
transform: translateX(-280px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.sliderAlani .sliderIcerik strong {
width: calc(100% - 0px);
font-size: 56px;
display: block;
line-height: 1.4;
font-weight: 700;
background: transparent!important;
color: var(--beyaz);
}
.sliderAlani .sliderIcerik strong p {
background: var(--beyaz);
color: var(--mavi);
padding: 0px 10px;
display: inline-block;
}
.sliderAlani .sliderIcerik strong font{
display: block;
}
.sliderAlani .sliderIcerik a.detay {
width: auto;
height: 80px;
line-height: 80px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
border-radius: 100px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 25px 30px 0px 0px;
padding: 0px 60px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--mavi),
var(--mavi) 50%,
var(--beyaz) 50%,
var(--beyaz));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
}
.sliderAlani .sliderIcerik a.detay:hover {
background-position: 0 0;
color: var(--mavi);
}
.sliderAlani .sliderIcerik .videolink {
width: 80px;
height: 80px;
display: table;
position: relative;
animation: videolink 2s ease 0s 1 normal forwards;
}
@keyframes videolink {
0% {
opacity: 0;
transform: translateY(280px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.sliderAlani .sliderIcerik .videolink a {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 32px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
color: var(--beyaz);
background: var(--mavi);
text-align: center;
border-radius: 100%;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 25px 0px 0px 0px;
padding: 0px 0px;
transition: all 900ms ease;
text-align: center;
animation: ripple 2s linear infinite!important;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 3px rgba(255,255,255, 0.1),
0 0 0 10px rgba(255,255,255, 0.1),
0 0 0 6px rgba(255,255,255, 0.1);
}
100% {
box-shadow: 0 0 0 9px rgba(255,255,255, 0.1),
0 0 0 18px rgba(255,255,255, 0.1),
0 0 0 12px rgba(255,255,255, 0.1);
}
}
.sliderAlani .sliderIcerik .videolink a:hover {
color: var(--mavi);
background: var(--beyaz);
}

.sliderIleri,
.sliderGeri {
width: 80px;
height: 80px;
line-height: 96px;
overflow: hidden;
display: none;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 40px);
border-radius: 100%;
border: 0px;
background: transparent;
text-align: center;
cursor: pointer;
transition: all 900ms ease;
background: var(--beyaz);
}
.sliderIleri i,
.sliderGeri i {
color: var(--mavi);
font-size: 36px;
}
.sliderIleri {
right: 120px;
}
.sliderGeri {
left: 120px;
}
.sliderIleri:hover,
.sliderGeri:hover {
color: var(--ffffff);
background: var(--mavi);
}
.sliderIleri:hover i,
.sliderGeri:hover i {
color: var(--beyaz);
}

.nokta {
width: 22px!important;
height: auto!important;
position: absolute;
bottom: calc(50% - 44px)!important;
z-index: 9;
left: calc(100% - 120px)!important;
}
.nokta .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
z-index: 9999999;
}
.swiper-pagination-bullet {
width: 22px!important;
height: 22px!important;
background: transparent!important;
opacity: 0.2!important;
border: 1px solid transparent!important;
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px!important;
}
.nokta .swiper-pagination-bullet:after {
width: 22px;
height: 22px;
overflow: hidden;
display: block;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f111";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: 22px;
color: var(--beyaz);
}
.nokta .swiper-pagination-bullet-active {
background: transparent!important;
border: 1px dashed var(--beyaz)!important;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
opacity: 1!important;
}

#anabasvuru {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 4;
}



#hakkimizda {
width: 100%;
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 100px auto 0px auto;
padding: 0px 0px 90px 0px;
}
#hakkimizda figure {
width: calc(500px - 14px);
height: calc(500px - 14px);
display: inline-block;
overflow: hidden;
position: relative;
padding: 7px 7px 7px 7px;
border: 3px dashed var(--mavi);
border-radius: 100%;
margin: 0px 45px 0px 0px;
float: left;
}
#hakkimizda figure img {
width: 100%;
height: 100%;
border-radius: 100%;
}
#hakkimizda h1 {
width: calc(100% - 551px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 91px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 3.5em;
font-weight: 900;
color: var(--mavi);
float: left;
}
#hakkimizda p {
width: calc(100% - 551px);
height: auto;
line-height: 1.6;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 10;
overflow: hidden;
position: relative;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 400;
float: left;
}



#anahaber {
width: calc(100%);
height: auto;
display: block;
position: relative;
background: var(--mavi);
padding: 10px 0px 80px 0px;
}
#anahaber .baslik {
width: auto;
height: 80px;
line-height: 80px;
overflow: hidden;
position: relative;
display: table;
margin: 0px auto 0px auto;
padding: 0px 80px 0px 80px;
background: var(--siyah);
top: -50px;
border: 2px solid var(--beyaz);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
#anahaber .baslik h3 {
font-size: 18px;
font-weight: 400;
color: var(--beyaz);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}

#anahaber .swiper-slide figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#anahaber .swiper-slide figure img {
width: 100%;
height: 300px;
}
#anahaber .swiper-slide figure::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
#anahaber .swiper-slide:hover figure::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
#anahaber .swiper-slide a {
display: block;
color: var(--beyaz);
}
#anahaber .swiper-slide strong {
font-size: 18px;
font-weight: 600;
margin: 15px 0px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
#anahaber .swiper-slide p {
font-size: 16px;
font-weight: 300;
line-height: 1.45;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
#anahaber .swiper-slide .cizgi {
width: 100%;
height: 5px;
overflow: hidden;
display: block;
background-image: linear-gradient(to left,
var(--mavi),
var(--mavi) 51%,
var(--beyaz) 49%,
var(--beyaz));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
margin-top: 15px;
}
#anahaber .swiper-slide:hover .cizgi {
background-position: 0 0;
}
#anahaber a.tumunugor {
width: 280px;
height: 80px;
line-height: 80px;
font-size: 18px;
font-weight: 400;
display: inline-table;
overflow: hidden;
position: absolute;
content: "";
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 4;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
padding: 0px 0px;
border-radius: 100px;
left: 0px;
right: 0px;
bottom: -40px;
background-image: linear-gradient(to left,
var(--siyah),
var(--siyah) 50%,
var(--mavi) 50%,
var(--mavi));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border: 2px solid #ffffff;
}

#anahaber a.tumunugor:hover {
background-position: 0 0;
color: var(--beyaz);
}


#ucBalon {
width: calc(100%);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 90px 0px 60px 0px;
margin-top: 90px;
}

#ucBalon:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
top: 0;
right: 0;
background-image: url(images/cizgiler.png);
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
}

#ucBalon .balonlar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
line-height: inherit;
}
#ucBalon .balon {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
position: relative;
box-sizing: border-box;
transition: .7s;
z-index: 1;
}
#ucBalon .balon:nth-of-type(2n) {
margin-top: 70px;
}
#ucBalon .balon:hover {
transform: translateY(10px);
}
#ucBalon .balonic {
position: relative;
max-width: calc(360px - 0px);
margin: 0 auto;
margin-bottom: 30px;
padding: 60px 0;
transition: .7s;
background: #d3d3d3;
}
#ucBalon .balon div {
max-width: calc(360px - 30px);
min-height: calc(360px - 60px);
max-height: calc(360px - 30px);
border-radius: 100%;
padding: 15px 15px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
z-index: 9;
margin: 0 auto;
border: 0px;
background-color: #f0f0f0;
}
#ucBalon .balon:nth-of-type(2n) div {
background-color: #4f8dbb;
}
#ucBalon .balon .balonic div:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border: 15px solid #dfdfdf;
border-radius: 100%;
}
#ucBalon .balon:nth-of-type(2n) .balonic div:before {
border: 15px solid rgb(255 255 255 / 10%);
}
#ucBalon .balon span {
width: 100px;
height: 100px;
overflow: hidden;
display: inline-table;
position: absolute;
content: "";
top: -40px;
left: 0px;
right: 0px;
margin: 0px auto;
z-index: -1;
background: #4f8dbb;
color: rgb(255 255 255 / 70%);
font-size: 36px;
font-weight: 700;
border-radius: 100%;
}
#ucBalon .balon:nth-of-type(2n) span {
top: unset;
bottom: -40px;
background: #d7d7d7;
color: rgb(0 0 0 / 50%);
}
#ucBalon .balon span font {
position: relative;
top: 10px;
}
#ucBalon .balon:nth-of-type(2n) span font {
top: 45px;
}
#ucBalon .balon div p {
width: calc(100% - 40px);
height: calc(100% - 30px);
margin: 15px 20px;
overflow: hidden;
display: block;
font-size: 17px;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
#ucBalon .balon:nth-of-type(2n) div p {
color: var(--beyaz);
}


#sayac {
background-size: cover!important;
height: auto;
position: relative;
margin: 90px 0px 0px 0px;
padding: 120px 0px;
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#sayac:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
background: rgb(0 0 0 / 90%);
}
#sayac .sayac {
width: calc(100% - 16px);
height: auto;
overflow: hidden;
display: block;
position: relative;
z-index: 2;
padding-right: 16px;
}
#sayac .sayac .sayacic {
width: calc(25% - 70px);
height: auto;
display: block;
position: relative;
float: left;
margin-right: 90px;
border-top: 1px solid var(--beyaz);
border-bottom: 1px solid var(--beyaz);
border-left: 1px solid var(--beyaz);
padding: 60px 0px;
text-align: center;
}
#sayac .sayac .sayacic:after,
#sayac .sayac .sayacic:before {
width: 1px;
height: calc(50% - 42px);
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
right: 0px;
background: var(--beyaz);
}
#sayac .sayac .sayacic:before {
top: unset;
bottom: 0px;
}
#sayac .sayac .sayacic:last-child {
margin-right: 0px;
}
#sayac .sayac .sayacic .anaistatistik {
font-size: 4em;
font-weight: 700;
color: var(--beyaz);
}
#sayac .sayac .sayacic span {
font-size: 18px;
font-weight: 300;
color: var(--beyaz);
line-height: 1.6;
}
#sayac .sayac .sayacic i {
position: absolute;
top: calc(50% - 21px);
right: -22px;
font-size: 3em;
color: var(--beyaz);
}


#anaFotog {
width: calc(100%);
height: auto;
display: block;
position: relative;
background: var(--mavi);
padding: 10px 0px 80px 0px;
}
#anaFotog .baslik {
width: auto;
height: 80px;
line-height: 80px;
overflow: hidden;
position: relative;
display: table;
margin: 0px auto 0px auto;
padding: 0px 80px 0px 80px;
background: var(--siyah);
top: -50px;
border: 2px solid var(--beyaz);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
#anaFotog .baslik h3 {
font-size: 18px;
font-weight: 400;
color: var(--beyaz);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}

#anaFotog .swiper-slide figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 10px;
}
#anaFotog .swiper-slide figure img {
width: 100%;
height: auto;
}


#anaFotog .swiper-slide a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--beyaz);
}
#anaFotog .swiper-slide a:after {
animation: imghover 1s ease 0s 1 normal forwards;
}
@keyframes imghover {
0% {
opacity: 0;
transform: translateX(-100%);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
#anaFotog .swiper-slide a:hover:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: rgb(9 106 179 / 40%);
cursor: pointer;
}
#anaFotog .swiper-slide a:before {
width: 44px;
height: 44px;
overflow: hidden;
text-align: center;
display: none!important;
position: absolute;
content: "";
top: calc(50% - 22px);
left: 0px;
right: 0px;
margin: 0px auto;
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
content: "\f055";
font-size: 3em;
z-index: 1;
}
#anaFotog .swiper-slide a:hover:before {
animation: imghovericon 1s ease 0s 1 normal forwards;
display: table!important;
}
@keyframes imghovericon {
0% {
opacity: 0;
transform: translateX(300px);
}

100% {
opacity: 1;
transform: translateX(0);
}
}

#anaFotog a.tumunugor {
width: 280px;
height: 80px;
line-height: 80px;
font-size: 18px;
font-weight: 400;
display: inline-table;
overflow: hidden;
position: absolute;
content: "";
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 4;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
padding: 0px 0px;
border-radius: 100px;
left: 0px;
right: 0px;
bottom: -40px;
background-image: linear-gradient(to left,
var(--siyah),
var(--siyah) 50%,
var(--mavi) 50%,
var(--mavi));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border: 2px solid #ffffff;
}

#anaFotog a.tumunugor:hover {
background-position: 0 0;
color: var(--beyaz);
}


#anaEkip {
width: calc(100%);
height: auto;
display: block;
overflow: hidden;
position: relative;
}
#anaEkip .baslik {
width: auto;
height: auto;
overflow: hidden;
position: relative;
display: table;
margin: 0px auto 25px auto;
padding: 0px 0px 15px 0px;
text-align: center;
}
#anaEkip .baslik h3 {
font-size: 22px;
font-weight: 500;
color: var(--siyah);
}
#anaEkip .baslik h3 span {
font-size: 18px;
font-weight: 400;
color: var(--mavi);
display: block;
margin-top: 3px;
}
#anaEkip .baslik:after {
width: 300px;
height: 1px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 5px;
left: 0px;
right: 0px;
margin: 0px auto 0px auto;
background: #6f6f6f;
}
#anaEkip .baslik::before {
width: 100px;
height: 5px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 3px;
left: 0px;
right: 0px;
margin: 0px auto 0px auto;
background: var(--mavi);
border-radius: 60px;
}


#anaEkip .swiper-slide {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-bottom: 43px;
}
#anaEkip .swiper-slide figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#anaEkip .swiper-slide:hover figure:before {
display: block;
}
#anaEkip .swiper-slide figure:before {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: rgb(0 0 0 / 50%);
animation: anaEkipfigure 0.4s ease 0s 1 normal forwards;
}
@keyframes anaEkipfigure {
0% {
opacity: 0;
transform: translateY(95%);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
#anaEkip .swiper-slide figure img {
width: 100%;
height: auto;
}

#anaEkip .swiper-slide .isim {
width: calc(90% - 25px);
height: 46px;
overflow: hidden;
display: block;
position: absolute;
content: "";
right: 0px;
bottom: 0px;
padding: 20px 10px 20px 15px;
background: #f0f0f0;
border-left: 5px solid var(--mavi);
}
#anaEkip .swiper-slide .isim:after {
width: 160px;
height: 100px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: -14px;
right: -70px;
background: #dfdfdf;
border-radius: 110%;
z-index: 1;
}
#anaEkip .swiper-slide .isim span {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
font-size: 13px;
font-weight: 400;
color: var(--mavi);
position: relative;
z-index: 2;
}
#anaEkip .swiper-slide .isim strong {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
line-height: 1.7;
font-size: 19px;
font-weight: 700;
color: var(--siyah);
position: relative;
z-index: 2;
}
#anaEkip .swiper-slide:hover .sosyal .iconlar,
#anaEkip .swiper-slide:hover .sosyal:after {
display: block;
}
#anaEkip .swiper-slide:hover .sosyal .paylas {
background: var(--siyah);
}

#anaEkip .swiper-slide .sosyal {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 2;
right: 15px;
bottom: 62px;
}
#anaEkip .swiper-slide .sosyal .paylas {
width: 32px;
height: 34px;
overflow: hidden;
display: block;
font-size: 28px;
text-align: center;
background: var(--mavi);
color: var(--beyaz);
border-radius: 100%;
padding: 7px 9px 7px 7px;
}
#anaEkip .swiper-slide .sosyal .iconlar {
width: auto;
height: auto;
overflow: hidden;
display: block;
padding: 10px 10px;
background: #f0f0f0;
animation: iconlar 0.4s ease 0s 1 normal forwards;
}
@keyframes iconlar {
0% {
opacity: 0;
transform: translateY(95%);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
#anaEkip .swiper-slide .sosyal .iconlar {
width: auto;
height: auto;
overflow: hidden;
display: none;
padding: 10px 8px;
background: #f0f0f0;
margin-bottom: 15px;
border-radius: 5px;
}
#anaEkip .swiper-slide .sosyal:after {
width: auto;
height: auto;
overflow: hidden;
display: none;
position: absolute;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0d7";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
z-index: 2;
font-size: 22px;
color: #f0f0f0;
bottom: 50px;
right: 17px;
animation: iconlar2 0.4s ease 0s 1 normal forwards;
}
@keyframes iconlar2 {
0% {
opacity: 0;
transform: translateY(100%);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
#anaEkip .swiper-slide .sosyal .iconlar a {
width: 30px;
height: 30px;
line-height: 32px;
overflow: hidden;
display: block;
position: relative;
border: 1px dashed var(--siyah);
border-radius: 100%;
text-align: center;
color: var(--siyah);
font-size: 16px;
margin: 0px 0px 8px 0px;
background: transparent;
}
#anaEkip .swiper-slide .sosyal .iconlar a:last-child {
margin: 0px 0px 0px 0px;
}

#anaEkip .swiper-slide .sosyal .iconlar a:hover {
color: var(--beyaz);
border: 1px dashed var(--siyah);
background: var(--siyah);
}



#googleYorumlar {
width: calc(100%);
height: auto;
display: block;
position: relative;
background: #efefef;
padding: 10px 0px 40px 0px;
}
#googleYorumlar .baslik {
width: auto;
height: 80px;
line-height: 80px;
overflow: hidden;
position: relative;
display: table;
margin: 0px auto 0px auto;
padding: 0px 80px 0px 80px;
background: var(--siyah);
top: -50px;
border: 2px solid var(--beyaz);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
}
#googleYorumlar .baslik h3 {
font-size: 18px;
font-weight: 400;
color: var(--beyaz);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
}

#googleYorumlar .swiper-slide {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
background: #f4f4f4;
}
#googleYorumlar .swiper-slide .isim {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 5px 15px;
}
#googleYorumlar .swiper-slide .isim img {
width: 64px;
height: 64px;
overflow: hidden;
display: block;
float: left;
border-radius: 100%;
margin-right: 10px;
}
#googleYorumlar .swiper-slide .isim img:last-child {
width: 30px;
height: 31px;
overflow: hidden;
display: block;
margin: 0px;
position: absolute;
content: "";
top: 18px;
right: 15px;
}
#googleYorumlar .swiper-slide .isim strong {
width: calc(100% - 110px);
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 500;
margin-top: 10px;
}
#googleYorumlar .swiper-slide .isim span {
width: calc(100% - 110px);
height: auto;
overflow: hidden;
display: block;
font-size: 12px;
opacity: 0.4;
margin-top: 2px;
}
#googleYorumlar .swiper-slide .yorum {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 15px 15px 15px;
}
#googleYorumlar .swiper-slide .yorum strong {
font-size: 20px;
color: #fece00;
}
#googleYorumlar .swiper-slide .yorum img {
width: auto;
height: 20px;
overflow: hidden;
}
#googleYorumlar .swiper-slide .yorum .scrollbar {
width: 100%;
height: 108px;
background: transparent;
overflow-y: scroll;
margin-top: 2px;
}
#googleYorumlar .swiper-slide .yorum .force-overflow {
min-height: 100%;
padding-bottom: 10px;
}
#googleYorumlar .swiper-slide .yorum .scrollbar p {
width: calc(100% - 10px);
height: auto;
overflow: hidden;
display: block;
padding-right: 10px;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
line-height: 1.5;
}

#googleYorumlar .swiper-slide .yorum #style-1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgb(33 33 33 / 5%);
background-color: rgb(33 33 33 / 5%);
}
#googleYorumlar .swiper-slide .yorum #style-1::-webkit-scrollbar {
width: 3px;
background-color: rgb(33 33 33 / 5%);
}
#googleYorumlar .swiper-slide .yorum #style-1::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 3px rgb(33 33 33 / 30%);
background: rgb(33 33 33 / 30%);
}

#googleYorumlar .ilerigeri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
}
#googleYorumlar .ilerigeri .yorumGeri,
#googleYorumlar .ilerigeri .yorumIleri {
width: 40px;
height: 40px;
line-height: 40px;
overflow: hidden;
display: inline-table;
margin: 15px 5px;
text-align: center;
background: var(--beyaz);
color: var(--mavi);
font-size: 22px;
cursor: pointer;
-webkit-transition: all .35s;
-moz-transition: all .35s;
-ms-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
#googleYorumlar .ilerigeri .yorumGeri:hover,
#googleYorumlar .ilerigeri .yorumIleri:hover {
background: var(--mavi);
color: var(--beyaz);
}

#sayfaResmi {
width: 100%;
height: 350px;
overflow: hidden;
display: block;
position: relative;
padding-bottom: 41px;
}
#sayfaResmi .sayfaResmi {
width: 100%;
height: 350px;
overflow: hidden;
display: block;
position: relative;
background-size: cover!important;
}
#sayfaResmi ul#breadcrumbs {
width: auto;
height: auto;
display: inline-table;
overflow: hidden;
color: var(--beyaz);
padding: 29px 60px;
border-radius: 100px;
background: var(--mavi);
border: 2px solid #ffffff;
position: absolute;
content: "";
z-index: 1;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
}
#sayfaResmi ul#breadcrumbs li {
width: auto;
height: 20px;
overflow: hidden;
display: block;
position: relative;
float: left;
}
#sayfaResmi ul#breadcrumbs li a {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
text-transform: uppercase;
color: var(--beyaz);
font-size: 16px;
font-weight: 300;
}
#sayfaResmi ul#breadcrumbs li strong {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
text-transform: uppercase;
color: var(--beyaz);
padding-left: 20px;
font-size: 16px;
font-weight: 700;
}
#sayfaResmi ul#breadcrumbs li strong:after {
width: 10px;
height: 20px;
overflow: hidden;
display: block;
position: absolute;
content: "/";
font-size: 16px;
font-weight: 300;
top: 0px;
left: 7.5px;
color: var(--beyaz);
}

#sayfaKurumsal {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}
#sayfaKurumsal .alan {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaKurumsal .alan figure {
width: calc(544px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 90px;
margin-top: 30px;
}
#sayfaKurumsal .alan figure img {
width: 100%;
height: 100%;
display: block;
}
#sayfaKurumsal .alan h2 {
width: calc(100% - 634px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 48px;
font-weight: 700;
}
#sayfaKurumsal .alan div {
width: calc(100% - 634px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaKurumsal .alan div p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 10px;
}
#sayfaKurumsal .alan div h3 {
font-size: 16px;
font-weight: 700;
line-height: 1.6;
}


#sayfaKurumsal .alan:nth-of-type(2n) {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 90px;
}
#sayfaKurumsal .alan:nth-of-type(2n) figure {
float: right;
margin-right: 0px;
margin-left: 90px;
margin-top: 0px;
}
#sayfaKurumsal .alan:nth-of-type(2n) h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}
#sayfaKurumsal .alan:nth-of-type(2n) ul {
width: calc(100% - 634px);
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#sayfaKurumsal .alan:nth-of-type(2n) ul li {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 2;
position: relative;
padding-left: 20px;
}
#sayfaKurumsal .alan:nth-of-type(2n) ul li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 7px;
font-weight: 400;
position: absolute;
bottom: 12.15px;
left: 0px;
color: var(--siyah);
content: "\f111";
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
padding-left: 2px;
}


#sayfafGaleri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}
#sayfafGaleri ul#paginated-list {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfafGaleri ul#paginated-list li {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
border-radius: 20px;
padding: 0px 0px 0px 0px;
}
#sayfafGaleri ul#paginated-list li:nth-of-type(3n) {
margin-right: 0px;
}

#sayfafGaleri .magnific-img figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfafGaleri .magnific-img figure img {
width: 100%;
height: 446px;
display: block;
border-radius: 20px;
}
#sayfafGaleri .magnific-img a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--beyaz);
}
#sayfafGaleri .magnific-img a:after {
animation: imghover 1s ease 0s 1 normal forwards;
}
@keyframes imghover {
0% {
opacity: 0;
transform: translateX(-100%);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
#sayfafGaleri .magnific-img a:hover:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: rgb(9 106 179 / 40%);
cursor: pointer;
border-radius: 20px;
}
#sayfafGaleri .magnific-img a:before {
width: 44px;
height: 44px;
overflow: hidden;
text-align: center;
display: none!important;
position: absolute;
content: "";
top: calc(50% - 22px);
left: 0px;
right: 0px;
margin: 0px auto;
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
content: "\f055";
font-size: 3em;
z-index: 1;
}
#sayfafGaleri .magnific-img a:hover:before {
animation: imghovericon 1s ease 0s 1 normal forwards;
display: table!important;
}
@keyframes imghovericon {
0% {
opacity: 0;
transform: translateX(300px);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
#sayfafGaleri .hidden {
display: none;
}
#sayfafGaleri .pagination-container {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
justify-content: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#sayfafGaleri .pagination-number,
#sayfafGaleri .pagination-button {
font-size: 1.1rem;
background-color: transparent;
border: none;
margin: 0.25rem 0.25rem;
cursor: pointer;
height: 2.5rem;
width: 2.5rem;
border-radius: 0.25rem;
background: var(--mavi);
color: var(--beyaz);
}
#sayfafGaleri .pagination-number:hover,
#sayfafGaleri .pagination-button:not(.disabled):hover,
#sayfafGaleri .pagination-number.active {
background: var(--siyah);
color: var(--beyaz);
}


#sayfasss {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}


#sayfabankaBilgileri {
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom: 60px;
}
#sayfabankaBilgileri ul {
width: 100%;
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfabankaBilgileri ul li {
width: calc(50% - 75px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
padding: 0px 30px 15px 30px;
border-bottom: 5px solid rgb(217 217 217);
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
#sayfabankaBilgileri ul li:nth-of-type(2n) {
margin: 0px 0px 15px 0px;
}
#sayfabankaBilgileri ul li div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
#sayfabankaBilgileri ul li div:last-child {
border-bottom: 0px;
}
#sayfabankaBilgileri ul li img {
width: auto;
height: 82px;
}
#sayfabankaBilgileri ul li div strong {
width: 110px;
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
position: relative;
font-size: 15px;
font-weight: 700;
float: left;
}
#sayfabankaBilgileri ul li div strong:after {
width: 4px;
height: auto;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 700;
position: absolute;
content: ":";
bottom: 0.5px;
right: 10px;
}
#sayfabankaBilgileri ul li div span {
width: calc(100% - 110px);
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
}
#sayfabankaBilgileri ul li div:last-child span {
width: calc(100% - 140px);
padding-right: 30px;
}
#sayfabankaBilgileri ul li div button {
width: auto;
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
right: 0px;
cursor: pointer;
border: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
resize: none;
background: transparent;
font-size: 18px;
color: rgb(33 33 33 / 50%);
padding: 0px 0px 0px 5px;
}
#sayfabankaBilgileri ul li div button:hover {
color: var(--mavi);
}


#sayfavGaleri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}
#sayfavGaleri ul#paginated-list {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfavGaleri ul#paginated-list li {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
border-radius: 20px;
padding: 0px 0px 0px 0px;
}
#sayfavGaleri ul#paginated-list li:nth-of-type(3n) {
margin-right: 0px;
}
#sayfavGaleri div {
display: block;
overflow: hidden;
position: relative;
cursor: pointer;
}
#sayfavGaleri div figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfavGaleri div figure img {
width: 100%;
height: 446px;
display: block;
border-radius: 20px;
}
#sayfavGaleri div a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--beyaz);
}
#sayfavGaleri div a:after {
animation: imghover 1s ease 0s 1 normal forwards;
}
@keyframes imghover {
0% {
opacity: 0;
transform: translateX(-100%);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
#sayfavGaleri div a:hover:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: rgb(9 106 179 / 40%);
cursor: pointer;
border-radius: 20px;
}
#sayfavGaleri div a:before {
width: 44px;
height: 44px;
overflow: hidden;
text-align: center;
display: none!important;
position: absolute;
content: "";
top: calc(50% - 22px);
left: 0px;
right: 0px;
margin: 0px auto;
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
content: "\f144";
font-size: 3em;
z-index: 1;
}
#sayfavGaleri div a:hover:before {
animation: imghovericon 1s ease 0s 1 normal forwards;
display: table!important;
}
@keyframes imghovericon {
0% {
opacity: 0;
transform: translateX(300px);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
#sayfavGaleri .hidden {
display: none;
}
#sayfavGaleri .pagination-container {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
justify-content: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#sayfavGaleri .pagination-number,
#sayfavGaleri .pagination-button {
font-size: 1.1rem;
background-color: transparent;
border: none;
margin: 0.25rem 0.25rem;
cursor: pointer;
height: 2.5rem;
width: 2.5rem;
border-radius: 0.25rem;
background: var(--mavi);
color: var(--beyaz);
}
#sayfavGaleri .pagination-number:hover,
#sayfavGaleri .pagination-button:not(.disabled):hover,
#sayfavGaleri .pagination-number.active {
background: var(--siyah);
color: var(--beyaz);
}
.videopop .jspopicerik {
width: calc(40% - 0px);
padding: 30px 0px 0px 0px;
background: var(--siyah);
}
.videopop .close {
color: var(--beyaz);
}
.jspopicerik .jspop h2 {
width: calc(100% - 60px);
padding: 0px 30px;
color: var(--beyaz);
border-bottom: 0px;
}
.jspopicerik .jspop iframe {
width: calc(100% - 0px);
height: 400px;
}

#kategoriListele {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}
#kategoriListele .haber {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
#kategoriListele .haber:nth-of-type(3n) {
margin-right: 0px;
}
#kategoriListele .haber a {
display: block;
color: var(--siyah);
}
#kategoriListele .haber figure {
width: 100%;
height: 290px;
display: block;
border-radius: 20px;
}
#kategoriListele .haber figure img {
width: 100%;
height: 100%;
display: block;
border-radius: 20px;
}
#kategoriListele .haber figcaption {
width: calc(100% - 30px);
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 700;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-top: 10px;
padding: 0px 15px;
}
#kategoriListele .haber p {
width: calc(100% - 30px);
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 14px;
font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
padding: 0px 15px;
}
#kategoriListele .haber strong {
display: block;
float: right;
color: var(--mavi);
margin-top: 10px;
margin-right: 15px;
}
#kategoriListele .haber:hover strong {
color: var(--siyah);
}

#kategoriListele .pagination {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 45px;
text-align: center;
}
#kategoriListele .pagination a,
#kategoriListele .pagination span {
overflow: hidden;
display: inline-block;
font-size: 1.1rem;
background-color: transparent;
border: none;
margin: 0.25rem 0.25rem;
cursor: pointer;
height: 2.5rem;
line-height: 2.5rem;
width: 2.5rem;
border-radius: 0.25rem;
background: var(--mavi);
color: var(--beyaz);
}
#kategoriListele .pagination span,
#kategoriListele .pagination a:hover {
background: var(--siyah);
color: var(--beyaz);
}
#kategoriListele .pagination a:last-child {
margin-right: 0px;
}

#haberDetayListele {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}
#haberDetayListele .detaySol {
width: calc(100% - 482px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 60px;
border: 1px solid rgb(217 217 217);
border-radius: 15px;
padding: 30px 30px 30px 30px;
}
#haberDetayListele .oneCikanGorsel {
width: 100%;
height: auto;
max-height: 450px;
overflow: hidden;
display: block;
border-radius: 15px;
margin-bottom: 15px;
}
#haberDetayListele .oneCikanGorsel img {
width: 100%;
height: 100%;
border-radius: 15px;
}
#haberDetayListele .baslik,
#haberDetayListele .ozet {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-bottom: 15px;
}
#haberDetayListele .baslik h2 {
font-size: 36px;
font-weight: 700;
}
#haberDetayListele .ozet p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}

#haberDetayListele .hbrTarih {
width: calc(100% - 200px);
margin: 0px 0px 15px 0px;
float: left;
height: 32px;
line-height: 32px;
}
#haberDetayListele .hbrTarih time,
#haberDetayListele .hbrTarih span {
font-size: 11px;
font-weight: 400;
color: #585858;
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
}
#haberDetayListele .hbrTarih time i,
#haberDetayListele .hbrTarih span i {
font-size: 14px;
margin-right: 5px;
}
#haberDetayListele .hbrTarih span.goruntuleme {
margin: 0px 0px 0px 15px;
}
#haberDetayListele .sosyalMedya {
width: 200px;
height: 32px;
margin: 0px 0px 15px 0px;
text-align: right;
float: left;
}
#haberDetayListele .sosyalMedya a {
width: 28px;
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
border-radius: 4px;
font-size: 12px;
color: #ffffff;
text-align: center;
opacity: 1;
border: 1px solid #ffffff;
border-radius: 100%;
}
#haberDetayListele .sosyalMedya a:nth-of-type(1n) {
background: #3c5a98;
}
#haberDetayListele .sosyalMedya a:hover:nth-of-type(1n) {
background: var(--siyah);
}
#haberDetayListele .sosyalMedya a:nth-of-type(2n) {
background: #1ea1f2;
}
#haberDetayListele .sosyalMedya a:hover:nth-of-type(2n) {
background: var(--siyah);
}
#haberDetayListele .sosyalMedya a:nth-of-type(3n) {
background: #3ba335;
}
#haberDetayListele .sosyalMedya a:hover:nth-of-type(3n) {
background: var(--siyah);
}
#haberDetayListele .sosyalMedya a i {
display: block;
height: 28px;
line-height: 30px;
}

#haberDetayListele .icerikYazi {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#haberDetayListele .icerikYazi p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
margin-bottom: 15px;
}

#haberDetayListele .icerikYazi iframe {
width: 100%;
height: 400px;
overflow: hidden;
display: block;
position: relative;
margin: 5px 0px;
}

#haberDetayListele .icerikYazi a {
font-weight: 500;
color: var(--mavi);
}
#haberDetayListele .icerikYazi a:hover {
color: var(--siyah);
}
#haberDetayListele .icerikYazi ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#haberDetayListele .icerikYazi ul li {
width: calc(100% - 25px);
line-height: 1.8;
display: block;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
padding-left: 25px;
margin-bottom: 5px;
}
#haberDetayListele .icerikYazi ul li:after {
width: auto;
height: auto;
position: absolute;
overflow: hidden;
display: block;
top: 5px;
left: 0px;
font-size: 14px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f00c";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
color: var(--turkuaz);
}
#haberDetayListele .icerikYazi blockquote {
width: calc(100% - 65px);
height: auto;
overflow: hidden;
position: relative;
line-height: 1.8;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
font-style: italic;
padding: 45px 30px 45px 30px;
margin-bottom: 15px;
background: #f3f3f3;
border-left: 5px solid var(--mavi);
border-radius: 10px;
}
#haberDetayListele .icerikYazi blockquote p {
margin: 0px 0px 0px 0px;
}

#haberDetayListele .icerikYazi h1 {
font-size: 2em;
margin-bottom: 10px;
}
#haberDetayListele .icerikYazi h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
#haberDetayListele .icerikYazi h3 {
font-size: 1.20em;
margin-bottom: 10px;
}
#haberDetayListele .icerikYazi h4 {
font-size: 1.05em;
margin-bottom: 10px;
}
#haberDetayListele .icerikYazi h5 {
font-size: .90em;
margin-bottom: 10px;
}
#haberDetayListele .icerikYazi h6 {
font-size: .75em;
margin-bottom: 10px;
}
#haberDetayListele .icerikYazi img.alignleft {
width: auto;
height: auto;
float: left;
margin-right: 15px;
margin-top: 0px;
}
#haberDetayListele .icerikYazi img.alignright {
width: auto;
height: auto;
float: right;
margin-left: 15px;
margin-top: 0px;
}
#haberDetayListele .icerikYazi img.aligncenter {
width: auto;
height: auto;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

#haberDetayListele .detaySag {
width: calc(360px - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 15px;
padding: 30px 30px 15px 30px;
background: #f7f7f7;
}
#haberDetayListele .detaySag .sagKategori {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#haberDetayListele .detaySag .sagKategori ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#haberDetayListele .detaySag .sagKategori ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#haberDetayListele .detaySag .sagKategori ul li a {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
color: var(--koyu);
line-height: 48px;
padding-left: 0px;
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #e6e6e6;
background: transparent;
}
#haberDetayListele .detaySag .sagKategori ul li:last-child a {
border-bottom: 0px;
}
#haberDetayListele .detaySag .sagKategori ul li ul {
padding: 0px 0px 0px 10px;
}
#haberDetayListele .detaySag .sagKategori ul li ul li a {
line-height: 30px;
font-size: 13px;
font-weight: 400;
}



#haberDetayListele .detaySag .sagKategori ul li a:after {
width: 18px;
height: 14px;
overflow: hidden;
display: none!important;
position: absolute;
bottom: 17px;
left: 0px;
font-size: 14px;
color: var(--mavi);
font-family: "Font Awesome 6 Free";
content: "\f5e4";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-weight: 900;
animation: liaftermenu 0.6s ease 0s 1 normal forwards;
}
@keyframes liaftermenu {
0% {
transform: translateX(5px);
}

100% {
transform: translateX(0px);
}
}
#haberDetayListele .detaySag .sagKategori ul li a:hover:after {
display: block!important;
}


#haberDetayListele .detaySag .sagKategori ul li a:hover {
width: calc(100% - 30px);
color: var(--mavi);
padding-left: 30px;
}
#haberDetayListele .detaySag .sagKategori h2.genelBaslik {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 22px;
font-weight: 700;
color: var(--siyah);
letter-spacing: -1px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#haberDetayListele .detaySag .sagKategori h2.genelBaslik:after {
width: 100px;
height: 3px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
left: 0px;
background: var(--mavi);
}
#haberDetayListele .detaySag .sagKategori h2.genelBaslik:before {
width: 100%;
height: 3px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
left: 0px;
background: #e6e6e6;
}


#iletisimSayfasi {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 90px;
}
#iletisimSayfasi .iletSol {
width: calc(40% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 60px;
}
#iletisimSayfasi .iletSol ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px;
padding: 0px 0px;
}
#iletisimSayfasi .iletSol ul li {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 15px 0px;
padding: 0px 0px;
}
#iletisimSayfasi .iletSol ul li h3 {
font-size: 26px;
font-weight: 700;
color: var(--siyah);
}
#iletisimSayfasi .iletSol ul li strong {
width: 115px;
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 15px;
font-weight: 700;
color: var(--siyah);
text-align: right;
}
#iletisimSayfasi .iletSol ul li p {
width: calc(100% - 130px);
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 15px;
font-weight: 400;
color: var(--siyah);
padding-left: 15px;
}
#iletisimSayfasi .iletSol ul li p b {
display: block;
margin-top: 5px;
font-weight: 500;
}
#iletisimSayfasi .iletSol ul li a {
color: var(--siyah);
}
#iletisimSayfasi .iletSol ul li a:hover {
color: var(--mavi);
}


#iletisimSayfasi .iletSag {
width: calc(60% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}


#etkinlikTakvimi {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
margin-bottom: 90px;
}

#etkinlikTakvimi .tabs-container {
width: 100%;
height: auto;
display: block;
position: relative;
}
#etkinlikTakvimi .tabs-container nav {
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
}
#etkinlikTakvimi .tabs-container nav ul {
width: 100%;
height: auto;
display: block;
overflow: hidden;
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
display: block;
border-radius: 5px;
}
#etkinlikTakvimi .tabs-container nav ul li {
cursor: pointer;
order: 1;
color: var(--beyaz);
background: var(--siyah);
width: calc(100% - 30px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
padding: 0px 15px;
}
#etkinlikTakvimi .tabs-container nav ul li:hover {
color: var(--beyaz);
background: var(--mavi);
}
#etkinlikTakvimi .tabs-container nav ul li.active {
color: var(--beyaz);
background: var(--mavi);
border-top: none;
order: 0;
}
#etkinlikTakvimi .tabs-container nav ul li:not(.active) {
position: absolute;
top: -999em;
}
#etkinlikTakvimi .tabs-container nav ul.expanded li:not(.active) {
position: relative;
top: auto;
}

#etkinlikTakvimi .tabs-container nav ul.expanded li.active:after{
border-top-color: transparent;
border-bottom-color: var(--beyaz);
top: 1em;
}
#etkinlikTakvimi .tabs-container nav ul li.active:after {
width: 1px;
height: 1px;
border: 5px solid transparent;
border-top: 5px solid var(--beyaz);
content: '';
position: absolute;
right: 1.5em;
top: 1.5em;
z-index: 9999;
}

#etkinlikTakvimi .tab-content {
width: 100%;
height: auto;
display: none;
padding: 0px 0px 0px 0px;
margin: 30px 0px 0px 0px;
}
#etkinlikTakvimi .tab-content.current {
display: inherit;
}

#etkinlikTakvimi .takvimiListele {
width: 100%;
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#etkinlikTakvimi .takvimiListele div {
width: calc(25% - 23px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid  rgb(217 217 217);
border-bottom: 5px solid rgb(217 217 217);
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
#etkinlikTakvimi .takvimiListele div:nth-of-type(4n) {
margin: 0px 0px 30px 0px;
}

#etkinlikTakvimi .takvimiListele div span {
width: auto;
height: 36px;
line-height: 36px;
display: inline-block;
background: var(--mavi);
color: var(--beyaz);
font-size: 14px;
font-weight: 400;
padding: 0px 15px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0px;
}
#etkinlikTakvimi .takvimiListele div strong {
width: calc(100% - 30px);
height: 44px;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
padding: 0px 15px;
margin: 10px 0px;
}
#etkinlikTakvimi .takvimiListele div p {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
padding: 0px 15px;
margin-bottom: 10px;
}
#etkinlikTakvimi .takvimiListele div p font {
font-weight: 700;
color: var(--mavi);
}
#etkinlikTakvimi .takvimiListele div a {
width: auto;
height: 36px;
line-height: 36px;
display: inline-table;
overflow: hidden;
background: rgb(217 217 217);
color: var(--siyah);
font-size: 14px;
font-weight: 500;
padding: 0px 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 15px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
float: right;
cursor: pointer;
transition: all .25s ease-in;
}
#etkinlikTakvimi .takvimiListele div a:hover {
background-position: 0 0;
background: var(--siyah);
color: var(--beyaz);
}

.etkinlikdetaylari {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
.etkinlikdetaylari div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.etkinlikdetaylari div:last-child {
margin-bottom: 0px;
}
.etkinlikdetaylari div strong {
width: 80px;
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 14px;
}
.etkinlikdetaylari div span {
width: calc(100% - 80px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
}
.etkinlikdetaylari div h4 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 700;
color: var(--mavi);
border-top: 1px solid #dedede;
padding-top: 15px;
}
.etkinlikdetaylari div p {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
line-height: 1.6;
}


@media all and (min-width: 980px) {
#etkinlikTakvimi .tabs-container nav {
background: transparent;
}
#etkinlikTakvimi .tabs-container nav ul li.active {
background: var(--mavi);
}
#etkinlikTakvimi .tabs-container nav ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
}
#etkinlikTakvimi .tabs-container nav ul li {
width: auto;
height: 50px;
line-height: 50px;
display: inline-table;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
border: none;
border-radius: 5px;
}
#etkinlikTakvimi .tabs-container nav ul li:not(.active) {
position: relative;
top: auto;
}
#etkinlikTakvimi .tabs-container nav ul li.active {
order: 1;
}
#etkinlikTakvimi .tabs-container nav ul li.active:after {
display: none;
}
}

.siteSol {
width: calc(100% - 380px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 60px;
}
.siteSag {
width: calc(320px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
}


.reklam {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 30px;
}
.reklam img {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
}


footer {
width: calc(100%);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--siyah);
padding: 60px 0px;
}
footer .alan {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
footer .alan:nth-of-type(3n) {
margin-right: 0px;
}
footer .alan .baslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
}
footer .alan .baslik strong {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 500;
color: var(--beyaz);
margin-bottom: 10px;
}
footer .alan .baslik span:nth-of-type(1n) {
width: 70px;
height: 2px;
overflow: hidden;
display: block;
float: left;
background: var(--mavi);
margin-right: 10px;
}
footer .alan .baslik span:nth-of-type(2n) {
width: 40px;
}
footer .alan .baslik span:nth-of-type(3n) {
width: 20px;
}
footer .alan .baslik span:nth-of-type(4n) {
width: 10px;
margin-right: 0px;
}
footer .alan .iletisim {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
footer .alan .iletisim p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
margin-bottom: 8px;
}
footer .alan .iletisim p b {
display: block;
}
footer .alan .iletisim p:last-child {
margin-bottom: 0px;
margin-top: 0px;
}
footer .alan .iletisim a {
color: var(--beyaz);
}
footer .alan .iletisim a:hover {
color: #8fc1e7;
}


footer .alan ul.fmenu {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin: 0px 0px;
}
footer .alan ul.fmenu li {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
margin: 0px 0px 8px 0px;
padding: 0px 0px;
}
footer .alan ul.fmenu li a {
color: var(--beyaz);
}
footer .alan ul.fmenu li a:hover {
color: #8fc1e7;
}

footer .alan .saatler {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin: 0px 0px;
}
footer .alan .saatler div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 8px 0px;
}
footer .alan .saatler div strong {
width: 100px;
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
margin: 0px 0px 0px 0px;
}
footer .alan .saatler div span {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
margin: 0px 0px 0px 0px;
}
footer p.fc {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
text-align: center;
margin-top: 30px;
}

.copyr {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 0px 15px 0px;
}
.copyr p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
text-align: center;
}



.menuYani {
display: none;
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {

#ust .iletisim ul li a,
#ust .iletisim ul li span {
font-size: 14px;
}
#ust .sosyalag a {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
margin: 4px 10px 0px 0px;
}

#duyuru h3 {
width: 160px;
height: 40px;
line-height: 40px;
font-size: 16px;
margin-left: 150px;
}
#duyuru .duyuruSlider {
width: calc(100% - 340px);
height: 40px;
margin-top: 0px;
}
#duyuru .duyuruSlider .swiper-slide a {
font-size: 14px;
line-height: 40px;
}


#ustMenu .logo {
width: 150px;
height: 150px;
top: calc(50% - 75px);
}
#ustMenu ul.menu {
width: calc(100% - 318px);
margin: 0px 0px 0px 100px;
height: 60px;
line-height: 60px;
}
#ustMenu ul.menu li a {
font-size: 16px;
padding: 0px 10px 0px 10px;
}
#ustMenu ul.menu li ul {
top: 60px;
}
#ustMenu .esinav {
width: 115px;
height: 60px;
line-height: 60px;
}
#ustMenu .esinav a {
font-size: 16px;
}

.sliderAlani .sliderIcerik {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
height: 600px;
padding: 0px 0px 0px 20px;
}
.sliderAlani figure img {
width: 100%;
height: 600px;
}
.sliderAlani .sliderIcerik strong {
width: calc(80% - 0px);
font-size: 42px;
}
.sliderAlani .sliderIcerik a.detay {
height: 62px;
line-height: 62px;
font-size: 16px;
padding: 0px 30px;
}
.sliderAlani .sliderIcerik .videolink {
width: 62px;
height: 62px;
}
.sliderAlani .sliderIcerik .videolink a {
width: 62px;
height: 62px;
line-height: 62px;
font-size: 24px;
}

#anabasvuru form#iletisim {
width: calc(100% - 132px)!important;
max-width: calc(1132px - 132px)!important;
padding: 30px 60px 110px 60px!important;
}
#hakkimizda figure {
width: calc(450px - 14px);
height: calc(450px - 14px);
margin: 0px 30px 0px 0px;
}
#hakkimizda h1 {
width: calc(100% - 486px);
margin: 60px 0px 0px 0px;
font-size: 3em;
}
#hakkimizda p {
width: calc(100% - 486px);
font-size: 16px;
}


#sayfaKurumsal .alan figure {
width: calc(366px - 0px);
margin-right: 30px;
}
#sayfaKurumsal .alan h2,
#sayfaKurumsal .alan div,
#sayfaKurumsal .alan:nth-of-type(2n) ul {
width: calc(100% - 396px);
}
#sayfaKurumsal .alan:nth-of-type(2n) figure {
margin-left: 30px;
}

#sayfafGaleri .magnific-img figure img,
#sayfavGaleri div figure img {
height: 300px;
}

.jspopicerik {
width: calc(80% - 60px);
}
.videopop .jspopicerik {
width: calc(80% - 0px);
}

#haberDetayListele .detaySol {
width: calc(100% - 412px);
margin-right: 30px;
}
#haberDetayListele .detaySag {
width: calc(320px - 60px);
padding: 30px 30px 15px 30px;
}

}

@media screen and (min-width: 981px) and (max-width: 1200px) {
#ust .iletisim {
width: calc(62% - 0px);
}
#ust .sosyalag {
width: calc(38% - 0px);
}
#ust .iletisim ul li a,
#ust .iletisim ul li span {
font-size: 14px;
}
#ust .sosyalag a {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
margin: 4px 10px 0px 0px;
}

#duyuru h3 {
width: 160px;
height: 40px;
line-height: 40px;
font-size: 16px;
margin-left: 150px;
}
#duyuru .duyuruSlider {
width: calc(100% - 340px);
height: 40px;
margin-top: 0px;
}
#duyuru .duyuruSlider .swiper-slide a {
font-size: 14px;
line-height: 40px;
}


#ustMenu .logo {
width: 150px;
height: 150px;
top: calc(50% - 45px);
}
#ustMenu {
height: 60px;
}
#ustMenu ul.menu {
width: calc(100% - 110px);
margin: 0px 0px 0px 130px;
height: 60px;
line-height: 60px;
}
#ustMenu ul.menu li a {
font-size: 16px;
padding: 0px 10px 0px 10px;
}
#ustMenu ul.menu li ul {
top: 60px;
}
#ustMenu .esinav,
#ustMenu .arama {
display: none;
}

.sliderAlani .sliderIcerik {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
height: 550px;
padding: 0px 0px 0px 20px;
}
.sliderAlani figure img {
width: 100%;
height: 550px;
}
.sliderAlani .sliderIcerik strong {
width: calc(80% - 0px);
font-size: 42px;
}
.sliderAlani .sliderIcerik a.detay {
height: 62px;
line-height: 62px;
font-size: 16px;
padding: 0px 30px;
}
.sliderAlani .sliderIcerik .videolink {
width: 62px;
height: 62px;
}
.sliderAlani .sliderIcerik .videolink a {
width: 62px;
height: 62px;
line-height: 62px;
font-size: 24px;
}

#anabasvuru form#iletisim {
width: calc(100% - 132px)!important;
max-width: calc(1132px - 132px)!important;
padding: 30px 60px 110px 60px!important;
}
#anabasvuru form#iletisim input[type=text],
#anabasvuru form#iletisim input[type=telefon] {
height: 50px!important;
line-height: 50px!important;
}
#hakkimizda figure {
width: calc(450px - 14px);
height: calc(450px - 14px);
margin: 0px 30px 0px 0px;
}
#hakkimizda h1 {
width: calc(100% - 486px);
margin: 40px 0px 0px 0px;
font-size: 3em;
}
#hakkimizda p {
width: calc(100% - 486px);
font-size: 16px;
}


#sayfaKurumsal .alan figure {
width: calc(366px - 0px);
margin-right: 30px;
}
#sayfaKurumsal .alan h2,
#sayfaKurumsal .alan div,
#sayfaKurumsal .alan:nth-of-type(2n) ul {
width: calc(100% - 396px);
}
#sayfaKurumsal .alan:nth-of-type(2n) figure {
margin-left: 30px;
}

#sayfafGaleri .magnific-img figure img,
#sayfavGaleri div figure img {
height: 300px;
}

.jspopicerik {
width: calc(90% - 60px);
}
.videopop .jspopicerik {
width: calc(90% - 0px);
}

#kategoriListele .haber figure {
height: 250px;
}

#haberDetayListele .detaySol {
width: calc(100% - 412px);
margin-right: 30px;
}
#haberDetayListele .detaySag {
width: calc(320px - 60px);
padding: 30px 30px 15px 30px;
}
















}

@media screen and (max-width: 980px) {
.siteyiOrtala {
width: calc(100% - 20px);
max-width: calc(1480px - 20px);
padding: 0px 10px;
}
.siteyiOrtalahidden {
width: calc(100% - 20px);
max-width: calc(1480px - 20px);
padding: 0px 10px;
}
.top90 {
margin-top: 60px;
}
.top120 {
margin-top: 90px;
}
.menuYani {
display: block;
}

#ust {
display: none;
}
#ust .iletisim {
width: calc(100% - 0px);
}
#ust .iletisim ul li,
#ust .iletisim ul li:nth-of-type(2n),
#ust .iletisim ul li:nth-of-type(3n) {
width: calc(50% - 0px);
line-height: 1.6;
}
#ust .iletisim ul li:nth-of-type(3n) {
margin-top: 10px!important;
}
#ust .iletisim ul li a,
#ust .iletisim ul li span {
width: calc(100% - 30px);
font-size: 14px;
float: left;
overflow: hidden;
display: block;
text-align: left;
}
#ust .iletisim ul li i {
float: left;
margin-top: 3px;
}

#ust .sosyalag {
width: 150px;
margin: 0px auto;
}
#ust .sosyalag a {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
margin: 4px 10px 0px 0px;
}

#duyuru {
width: calc(100% - 0px);
padding: 20px 0px 60px 0px;
}
#duyuru h3 {
width: 150px;
height: 40px;
line-height: 40px;
font-size: 16px;
margin-left: 0px;
}
#duyuru .duyuruSlider {
width: calc(100% - 180px);
height: 40px;
margin-top: 0px;
}
#duyuru .duyuruSlider .swiper-slide a {
font-size: 14px;
line-height: 40px;
}


#ustMenu .logo {
width: 160px;
height: 160px;
top: calc(50% - 50px);
left: 5px;
}
#ustMenu {
height: 60px;
}
#ustMenu ul.menu {
display: none;
}

#ustMenu .esinav {
height: 60px;
line-height: 60px;
font-size: 14px;
display: block;
position: absolute;
z-index: 1;
right: 130px;
}
#ustMenu .esinav a {
font-size: 16px;
}
#ustMenu .arama {
position: absolute;
z-index: 1;
right: 80px;
top: 9px;
}

.sliderAlani .sliderIcerik {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
height: 450px;
padding: 0px 0px 0px 20px;
}
.sliderAlani figure img {
width: 100%;
height: 450px;
}
.sliderAlani .sliderIcerik strong {
width: calc(80% - 0px);
font-size: 36px;
}
.sliderAlani .sliderIcerik a.detay {
height: 48px;
line-height: 48px;
font-size: 16px;
padding: 0px 30px;
}
.sliderAlani .sliderIcerik .videolink {
width: 48px;
height: 48px;
}
.sliderAlani .sliderIcerik .videolink a {
width: 48px;
height: 48px;
line-height: 48px;
font-size: 22px;
}
.nokta {
left: calc(100% - 50px)!important;
}

#anabasvuru form#iletisim {
width: calc(100% - 132px)!important;
max-width: calc(1132px - 132px)!important;
padding: 30px 60px 110px 60px!important;
margin: 0px auto 0px auto!important;
}
#anabasvuru form#iletisim label#kod-error {
bottom: -20px!important;
right: 30px!important;
font-size: 11px!important;
}
#anabasvuru form#iletisim input[type=text],
#anabasvuru form#iletisim input[type=telefon] {
height: 44px!important;
line-height: 44px!important;
}
#anabasvuru form#iletisim .inputlabel {
width: calc(50% - 10px)!important;
}
#anabasvuru form#iletisim .inputlabel:nth-of-type(2n) {
margin: 0px 0px 20px 0px!important;
}
#anabasvuru form#iletisim button#iletisimGonder\ submit {
height: 60px!important;
line-height: 60px!important;
bottom: -24px!important;
}

#anahaber .swiper-slide figure img {
width: 100%;
height: 200px;
}


#hakkimizda figure {
width: calc(300px - 14px);
height: calc(300px - 14px);
margin: 0px auto 0px auto;
float: none;
display: block;
}
#hakkimizda h1 {
width: calc(100% - 0px);
margin: 40px 0px 0px 0px;
font-size: 3em;
text-align: center;
}
#hakkimizda p {
width: calc(100% - 0px);
font-size: 16px;
}
#anahaber {
padding: 10px 0px 50px 0px;
}
#anahaber .baslik {
width: auto;
height: 60px;
line-height: 60px;
padding: 0px 60px 0px 60px;
top: -42px;
}
#anahaber a.tumunugor {
height: 60px;
line-height: 60px;
font-size: 14px;
}
#ucBalon {
padding: 60px 0px 20px 0px;
margin-top: 60px;
}
#ucBalon .balonlar {
display: block;
}
#ucBalon .balon {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative;
box-sizing: border-box;
transition: .7s;
z-index: 1;
margin: 0px auto;
}
#ucBalon .balon:nth-of-type(2n) {
margin: 70px auto;
}
#ucBalon .balon:nth-of-type(2n) span {
top: -40px;
bottom: unset;
}
#ucBalon .balon:nth-of-type(2n) span font {
top: 10px;
}

#sayac {
margin: 60px 0px 0px 0px;
padding: 90px 0px;
}
#sayac .sayac .sayacic {
width: calc(50% - 36px);
margin-right: 60px;
padding: 60px 0px;
}
#sayac .sayac .sayacic:nth-of-type(2n) {
margin-right: 0px;
}
#sayac .sayac .sayacic .anaistatistik {
font-size: 3em;
}
#sayac .sayac .sayacic span {
font-size: 16px;
}
#sayac .sayac .sayacic:nth-of-type(3n),
#sayac .sayac .sayacic:nth-of-type(4n) {
margin-top: 30px;
}

#anaFotog {
padding: 10px 0px 50px 0px;
}
#anaFotog .baslik {
width: auto;
height: 60px;
line-height: 60px;
padding: 0px 60px 0px 60px;
top: -42px;
}
#anaFotog a.tumunugor {
height: 60px;
line-height: 60px;
font-size: 14px;
}
#googleYorumlar {
padding: 10px 0px 50px 0px;
}
#googleYorumlar .baslik {
width: auto;
height: 60px;
line-height: 60px;
padding: 0px 60px 0px 60px;
top: -42px;
}

#sayfaKurumsal .alan figure {
width: calc(100% - 0px);
margin: 0px 0px 30px 0px;
}
#sayfaKurumsal .alan figure img {
width: calc(40% - 0px);
margin: 0px auto;
}
#sayfaKurumsal .alan h2,
#sayfaKurumsal .alan div,
#sayfaKurumsal .alan:nth-of-type(2n) ul {
width: calc(100% - 0px);
}
#sayfaKurumsal .alan:nth-of-type(2n) figure {
margin: 0px 0px 30px 0px;
}

#sayfafGaleri .magnific-img figure img,
#sayfavGaleri div figure img {
height: 250px;
}

#sayfabankaBilgileri ul li {
width: calc(100% - 60px);
float: none;
margin: 0px 0px 15px 0px;
padding: 0px 30px 15px 30px;
}
.jspopicerik {
width: calc(80% - 60px);
}
.videopop .jspopicerik {
width: calc(80% - 0px);
}

#kategoriListele .haber figure {
height: 210px;
}


#haberDetayListele .detaySol {
width: calc(100% - 62px);
float: none;
margin-right: 0px;
padding: 30px 30px 30px 30px;
}
#haberDetayListele .detaySag {
width: calc(100% - 60px);
padding: 30px 30px 15px 30px;
margin-top: 30px;
}

#etkinlikTakvimi .takvimiListele div {
width: calc(50% - 15px);
float: left;
margin: 0px 30px 30px 0px;
}
#etkinlikTakvimi .takvimiListele div:nth-of-type(2n),
#etkinlikTakvimi .takvimiListele div:nth-of-type(4n) {
margin: 0px 0px 30px 0px;
}


footer .alan {
width: calc(50% - 0px);
float: left;
margin: 0px auto 30px auto;
}
footer .alan:last-child {
width: calc(100% - 0px);
margin: 0px auto 30px auto;
}


}

@media screen and (max-width: 768px) {
.siteSag {
width: calc(100% - 0px);
float: none;
margin-top: 0px;
}
.siteSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-top: 30px;
}

#ust .iletisim ul li,
#ust .iletisim ul li:nth-of-type(2n),
#ust .iletisim ul li:nth-of-type(3n) {
width: calc(100% - 0px);
line-height: 1.6;
margin-bottom: 15px;
}
#ust .iletisim ul li:nth-of-type(3n) {
margin-top: 0px!important;
}

#ucBalon .balon {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
box-sizing: border-box;
transition: .7s;
z-index: 1;
margin: 0px auto;
}

#sayfaKurumsal .alan figure img {
width: calc(70% - 0px);
margin: 0px auto;
}

#sayfafGaleri ul#paginated-list li,
#sayfavGaleri ul#paginated-list li {
width: calc(50% - 8px);
margin-right: 15px;
margin-bottom: 15px;
border-radius: 20px;
}
#sayfafGaleri ul#paginated-list li:nth-of-type(2n),
#sayfafGaleri ul#paginated-list li:nth-of-type(6n),
#sayfafGaleri ul#paginated-list li:nth-of-type(9n),
#sayfavGaleri ul#paginated-list li:nth-of-type(2n),
#sayfavGaleri ul#paginated-list li:nth-of-type(6n),
#sayfavGaleri ul#paginated-list li:nth-of-type(9n) {
margin-right: 0px!important;
}
#sayfafGaleri ul#paginated-list li:nth-of-type(3n),
#sayfavGaleri ul#paginated-list li:nth-of-type(3n) {
margin-right: 15px;
}
.jspopicerik {
width: calc(85% - 60px);
}
.videopop .jspopicerik {
width: calc(85% - 0px);
}

#kategoriListele .haber {
width: calc(50% - 8px);
margin-right: 15px;
margin-bottom: 30px;
}
#kategoriListele .haber:nth-of-type(2n),
#kategoriListele .haber:nth-of-type(6n),
#kategoriListele .haber:nth-of-type(9n),
#kategoriListele .haber:nth-of-type(2n),
#kategoriListele .haber:nth-of-type(6n),
#kategoriListele .haber:nth-of-type(9n) {
margin-right: 0px!important;
}
#kategoriListele .haber:nth-of-type(3n),
#kategoriListele .haber:nth-of-type(3n) {
margin-right: 15px;
}
#kategoriListele .haber figure {
height: 250px;
}


#etkinlikTakvimi .takvimiListele div {
width: calc(100% - 0px);
float: none;
margin: 0px 0px 15px 0px;
}
#etkinlikTakvimi .takvimiListele div:nth-of-type(2n),
#etkinlikTakvimi .takvimiListele div:nth-of-type(4n) {
margin: 0px 0px 15px 0px;
}





footer .alan {
width: calc(100% - 60px);
float: left;
margin: 0px auto 30px auto;
padding: 0px 30px;
}
footer .alan:last-child {
width: calc(100% - 0px);
margin: 0px auto 30px auto;
}
footer .alan ul.fmenu li {
width: 100%;
float: none;
}

}

@media screen and (max-width: 640px) {
#duyuru h3 {
display: none;
}
#duyuru .duyuruSlider {
width: calc(100% - 0px);
background: var(--mavi);
}
#duyuru .duyuruSlider .swiper-slide a {
width: calc(100% - 30px);
padding: 0px 15px;
background: transparent;
color: var(--beyaz);
}
#ustMenu .esinav {
display: none;
}

.sliderAlani .sliderIcerik strong {
font-size: 22px;
}
.sliderAlani .sliderIcerik strong p {
margin-bottom: 5px;
}

#anabasvuru form#iletisim .inputlabel {
width: calc(100% - 0px)!important;
overflow: hidden!important;
float: none!important;
margin: 0px 0px 15px 0px!important;
}

#hakkimizda {
margin: 70px auto 0px auto;
padding: 0px 0px 90px 0px;
}

#sayac .sayac .sayacic {
width: calc(100% - 10px);
margin-right: 0px;
padding: 60px 0px;
}

#sayfaKurumsal .alan figure img {
width: calc(90% - 0px);
margin: 0px auto;
}

#sayfafGaleri ul#paginated-list li {
width: calc(100% - 0px);
margin-right: 0px!important;
margin-bottom: 15px;
border-radius: 20px;
}

#kategoriListele .haber {
width: calc(100% - 0px);
margin-right: 0px!important;
margin-bottom: 15px;
}

#sayfabankaBilgileri ul li div strong {
width: 100%;
height: 20px;
line-height: 20px;
float: none;
}
#sayfabankaBilgileri ul li div strong:after {
display: none;
}
#sayfabankaBilgileri ul li div span {
width: calc(100% - 110px);
height: 20px;
line-height: 20px;
}
#sayfabankaBilgileri ul li div:last-child span {
width: calc(100% - 140px);
padding-right: 30px;
}
#sayfabankaBilgileri ul li div button {
top: unset;
bottom: 0px;
}











footer .alan {
width: calc(100% - 30px);
float: left;
margin: 0px auto 30px auto;
padding: 0px 15px;
}

}

@media screen and (max-width: 400px) {





}