@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Glory:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');

* {box-sizing: border-box;}
a:link , a:visited , a:hover , a:active {text-decoration: none;	color: #FF7A2B; z-index:999;}

::selection { background: #F7AE82; }
::-moz-selection { background: #F7AE82; }

body {font-family: 'Glory', sans-serif; background:#fff; margin:0; padding:0; width:100vw; max-width: 100vw; overflow-x: hidden; -webkit-font-smoothing: antialiased;   }
html {font-size: 16px; line-height: 1.6;}

h1 {font-size: 1.7rem;}
h2 {font-size: 1.3rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.3rem;}
h5 {font-size: 1.3rem;}

p {font-size: 1.2rem; line-height: 1.6;}

.flex {display: flex;}
.flex > * {margin-right: 10px;}

footer {font-size: 0.9rem;}

a, img { transition: all 0.5s ease; }
a:hover, img:hover, div:hover { transition: all 0.5s ease; }

.linkcut{word-wrap:break-word;background:#fff1ea;text-align:center;margin:0 auto;padding:10px;border-radius:20px;    display: flex;
    width: max-content;
    flex-direction: column;}
.linkcut:hover{background:#f0c7ac;color:#dd6401;}


.centerer {display: flex; justify-content: center; align-items: center; text-align: center;}


.container { display:block; width:1400px; max-width: 94vw; position:relative; margin: 35px auto 50px auto ; background:#fff ; 
 border-radius: 20px; }

.top {position: sticky; top: 35px; display: flex; background: #fff; box-shadow:0px 0px 70px #00000015 , 0 -20px 10px 20px white; margin-bottom: 40px; border-radius: 20px; justify-content: center; align-items: center; z-index: 99999;}

.header { display: flex; }

/* .header .indiv {text-align:center; color:#4E3B2F; }  */
   
.header img { width:260px;  margin: -30px auto -30px auto ;  padding:0 40px ; }

.header h1 { text-indent:-5000px;
    background: #DECFC1; display:block; margin-top: -100px
	}

.navbtn {display: none;}
.nav { 
    margin: 0 auto;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center;
    position: relative;
    text-align: center; font-size: 1.2rem; line-height: 1;
}

.nav a , .nav a:link , .nav a:visited , .nav a:active 
{ color: #DC6617; margin: 16px 12px; font-weight: 800; text-shadow:#FFFFFF 0px 1px 0px;
    flex: 0 1 auto; display: flex; justify-content: center; padding: 10px 0; }

.nav a:hover { color: #FF7A2B; border-bottom: 6px solid #FF7A2B;}

.nav .sel { border-bottom: 6px solid #FF7A2B;}

.containermain {display: flex;}

.content { display:inline-table; width:100%; padding: 0 10px 0% 20px; color: #6A3004; }
.contentfull { display: block;
  width: 94%;
  margin: 30px auto;
  color: #6A3004;}

.contentfull h1 { text-align:center;}
.contentfull .zimg { float:right; margin-left:4%; width: 400px; border-radius: 20px;}

.contentfull .kartfoto img { width:100%; display: block; margin: 20px 0px 5px 0px}
.contentfull .kartfoto .logos{width:50%;margin:auto;}
.contentfull .kartfoto .liste{   padding: 5px 100px !important; font-size: 1.2rem; font-weight: 600;
    line-height: 1.6;}

.contentfull .kartfoto .restext { width:100%; display: block; margin: 6px 0px 30px 0px; text-align: center;   }
.contentfull .sozler  { text-align:center;}
.contentfull .sozler img { float:none; width:420px;}

.contentfull .basinfoto { text-align: center; }
.contentfull .basinfoto img { height:180px; width:auto !important; float:none; margin:8px; vertical-align:top; box-shadow: #0000007e 1px 1px 6px; border-radius: 10px; }
.contentfull .basinfoto img:hover {  box-shadow: #0000006e 0px 0px 23px; }

.contentfull .links,
.anafoto .links,
.program .links {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 5vh;
    flex-wrap: wrap;
}

.container  .en-li li {list-style: circle;}

.contentfull .links a,
.anafoto .links a {
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: center;
    background: #fff1ea;
    color: #3F1D08;
    padding: 10px;
    margin: 3px;
    border-radius: 8px;
    font-weight: 900;
}
.links img {width: 30px !important; margin: 0 5px !important ;}

.center {text-align: center;}

.contentfull .links a:hover , .anafoto .links a:hover { background:#f0c7ac; color: #dd6401;}

.program .links a { background: #F5E1D6;
    color: #3F1D08;
    padding: 10px;
    margin: 3px;
    border-radius: 8px;
    font-weight: 900;
    display: block;
    position: relative; width: 93%;}

.program .links a:hover { background:#DC6617; color: #fff; }

.contentfull .iletisim { text-align:center;}
.contentfull .iletisim h4 , .contentfull .iletisim p { margin:20px; }
.contentfull .iletisim  .ilsol{ width:49%; display:inline-block; border-right: solid 1px #6B3608;}
.contentfull .iletisim  .ilsag{ width:80%; display:inline-block; }

.social {
    display: flex;
    width: 80%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 !important;
    margin-bottom: 80px;
}

.social div {
    text-align: left;
}

.social a {
    background: #f5f8fa;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    margin: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 40%;
    box-shadow: 0 2px 5px #00000036;
    line-height: 1.2;
}
.social a img {
    height: 30px !important;
    width: 30px !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
}

.social a.instagram {
    color: #ffffff;
    background: #DD2A7B;
}

.social a.twitter {
    color: #ffffff;
    background: #1da1f2;
}
.social a.facebook {
    color: #ffffff;
    background: #475993;
}

.social a.youtube {
    color: #ffffff;
    background: #c4302b ;
}

.social a:hover {
    transform: translateY(2px);
    box-shadow: 0 0px 0px #00000036;
}

.odemealani {display: flex;}
.odemealani .column {width: 50%; padding: 1%;}
.odemealani .column img { max-width: 100%; object-fit: none; }
.orange {color: #FF7A2B !important; font-weight: 800 !important; }
.satinal a {
    width: 130px; height: 130px; color: #fff; border-radius: 50%; border: 10px solid #ffffff; font-size: 2rem;
    background: #8c29ce; display: flex; justify-content: center; text-align: center; align-items: center;   margin: 10px auto;}

.satinal a:hover {
    border: 0px solid #ffffff;
}

.title {   color:#3E2209; margin:20px auto 20px auto; font-weight:800; display: block;}

.face { display: inline-table;
    font-weight: 800;
    text-align: left;
    background: #3b579d url(img/FB.png) left no-repeat;
    padding: 10px 10px 0 0;
    width: 20%;
    color: #FFFFFF;
    text-indent: 50px;
    height: 32px;
    margin: 10px 5px 0 0;
    border-radius: 8px;
    box-shadow: #00000075 1px 1px 4px;}

.content .anafoto { display: block; padding: 40px 15%; z-index: 9999; position: relative; }
					  
.content .anafoto h4 { text-align: left; display:block; margin-bottom:0px;  }
.content .anafoto img { width:100%; display: block; margin: 20px 0px 5px 0px}
.content .anafoto .restext , .program .restext { width:100%; display: block; margin: 6px 0px 30px 0px; text-align: center;  }


.content small { margin:0; padding:0;   }

.quote  { display:block; border-left: 3px #8F420D solid; padding-left: 10px; }


.face:hover { background: #254086 url(FB.png) left no-repeat;}

.program {     display: none;
    position: relative; 
    width: 600px;
    padding: 25px;
    background: #ffffff;
    box-shadow: 0px 0px 14px -5px #0003;
    border-radius: 20px;
    margin-right: 20px;
    z-index: 5;
}

.program strong { color:#6A3004; font-weight:700; }
.program h1, .anasol h1, .content h1 {  color:#D44F00; margin-top:15px;}
.program h2, .anasol h2 {   color:#3F1D08;   font-weight:600; margin:10px 0px 0px 0px;}
.program h3, .anasol h3 {  color:#D44F00;   font-weight:600; margin:0px; }
.content h3, .contentfull h3 {display: block; text-align: center;  font-weight: bold;  background: #ffee8b; padding: 10px ; margin: 30px auto 15px auto; border-radius: 20px}
.program h4, .anasol h4 {  color:#705E51;   font-weight:400; margin:0px; border-radius: 20px; }
.anasol h5, .content p {    color: #705E51;   font-weight: 400;   margin: 0px 0px 20px 0px; }
.program h5 {   color:#3F1D08;   font-weight:500; margin:0px 0px 20px 0px; }
.program p {color:#3F1D08}
.program img{margin:20px 0 10px 0;display:block;position:relative;}

.imgmasal {width: 80%;}
.imgmasallogo {width: 90%; border-radius: 20px;}
.tiklabtn a{background: chocolate; color: cornsilk; padding: 10px 20px; margin: 20px; font-size: 1.3rem; border-radius: 15px; }
.imgoyku {width: 50%;}

.program .yeni {transform: rotate(0deg); transition: 0.5s all; display: flex; justify-content: center; text-align: center; width: 50%; margin: 0 auto;}
.program .yeni a { display: flex; justify-content: center; text-align: center; }
.program .yeni:hover {transform: rotate(-4deg) scale(1.05); transition: 0.5s all;}

.anafoto p {margin: 50px 0;}

.tarihall {display: flex;}
.tarih2sutun {width: 45%; display: inline-block; margin: 0 2% 0 2% ; text-align: center;}
.tarih3sutun {width: 29%; display: inline-block; margin: 0 2% 0 2% ; text-align: center;}
.tarih3sutun .blok {background: #E5DACD; margin-top: 5px;}


.derslist h4 {margin: 0; text-align:center;}
.derslist h5 {margin: 0; display:none;}
.derslist p {padding: 5px 80px !important;}
.derslist .ders {background: #ffffff; width: 90%; border-radius: 10px; display:block; padding: 2%; margin: 10px auto; font-size: 1.2rem; box-shadow: #00000015 0px 0px 70px;
    margin-bottom: 40px;
    border-radius: 20px; }
.derslist .ders ul li { list-style: none; margin-bottom: 10px; display:inline-table; width: 46%; vertical-align:text-top; padding: 1%; text-align:left; 
    border-left: 2px solid #D08586; height:2rem; }
.derslist .ders ul { margin-left : -40px;}

.cocukmain {display: flex;}
.cocukmain img { width: 25%; object-fit: contain;}
.cocukmain img { width: 25%; max-width: 45%; object-fit: contain;}
.derslist img.center  {display: block; margin: 0 auto;}
.derslist img.kitap {float: right; width: 28%; margin: 0;}

.polisiye img {border-radius: 20px; object-fit: contain; max-width: 100%;}
	
.zoomlogo {float: right; max-width: 35vw; width: 250px; margin-top: 1%;}

.bookall { width: 100%; text-align:center; display:flex; position:relative; padding-bottom: 30px; margin: 0 auto; flex-wrap: wrap; justify-content: center; }
.booktitle { font-weight:bold; color:#3F1D08; border-radius: 15px; width:360px;  padding:10px; margin: 30px auto 10px auto; text-align:center; display:block; 
    font-size: 1.5rem;}
.book { width:46%;  padding:20px; background:#ffffff; border-radius: 15px; margin: 10px; position:relative; text-align:left; display:flex; transition: all 0.5s ease;  }
.book:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);}
.bookpic { float:left; padding-right:10px;}
.bookpic img { height:170px; margin-right: 10px; }
.bookname { font-weight:bold; color:#3F1D08; padding-bottom:6px; font-size: 1.2rem; }
.bookname a {color:#3F1D08;}
.booktext{color:#705E51;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;/* number of lines to show */
 -webkit-box-orient:vertical; font-size: 1.2rem;}

.booklink { position:relative; display: flex; justify-content: flex-end; font-size: 1.3rem;  }
.booklink a { display:block; background:#fcebdf; font-weight:bold; padding:3px; border-radius: 5px; width:70px; text-align:center;}
.booklink a:hover { background:#fff7f1; color: chocolate;  }

.container ul li{ list-style: none;}

footer {
display: table;
color: #aaa;
text-align: center; 
padding: 20px;
margin: 0px auto 20px auto;
}


/* ÖDEME FORM */
.formboxx{padding:20px;background:#fff;border-radius:20px;box-shadow:0 5px 10px #0003;}
.selectionboxx{padding:20px;background:#fff;border-radius:20px; border: 1px solid #ccc;}
.selectionboxx .miniheader { font-size: 1.1rem; padding: 0; margin: 20px 0 0 0; font-weight: 700;}

.odemedata { font-size: 1.3rem; line-height: 2;}

.odemeform .normalinput{display:flex;margin:0 auto;flex-direction:column;max-width:400px;}
.odemeform .normalinput label {margin:0; padding: 0; font-weight: 700;}
.odemeform .normalinput label b { font-weight: 400;}
.odemeform .normalinput input , .odemeform .normalinput textarea {padding: 10px; border-radius: 10px; outline: 0; border: 1px solid #ccc;}

.paytr {font-size: 1rem; background: #eee; border-radius: 10px; padding: 6px 20px; color: chocolate;}

/* section */
.odemeform section {
  min-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.odemeform .light {
    display: flex;
  --primary: #e31e27;
  --other: #515151;
  background: #ffffff00;
}

/* label */
.odemeform .light label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 6px 20px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #ccc;
}

/* input */
.odemeform .light input {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

/* .design */
.odemeform .design {
  width: 20px;
  height: 20px;
  border: 1px solid var(--other);
  border-radius: 100%;
  margin-right: 16px;
  position: relative;
}

.odemeform .design::before,
.odemeform .design::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}

.odemeform .design:before {
  background: var(--other);
  opacity: 0;
  transition: .3s;
}

.odemeform .design::after {
  background: var(--primary);
  opacity: .4;
  transition: .6s;
}

/* .text */
.odemeform .text {
  color: var(--other);
  font-weight: normal;
  font-size: 1.4rem;
}

/* checked state */
.odemeform input:checked+.design::before {
  opacity: 1;
  transform: scale(.6);
}

/* other states */
.odemeform input:hover+.design,
.odemeform input:focus+.design {
  border: 1px solid var(--primary);
}

.odemeform input:hover+.design:before,
.odemeform input:focus+.design:before {
  background: var(--primary);
}

.odemeform input:hover~.text {
  color: var(--primary);
}
.odemeform input:focus+.design::after,
.odemeform input:active+.design::after {
  opacity: .1;
  transform: scale(2.6);
}

.odemeform .odemebtn {
    background: #e31e27;
    color: #FFFFFF;
    width: 360px;
    height: 40px;
    position: relative;
    opacity: 1;
    display: block;
    z-index: 9;
    margin: 30px auto;
    border: none;
    outline: none;
    border-radius: 10px;
    cursor: pointer;
}

.odemeform .odemebtn:hover {
    background: #ff2c36;
}

/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */
/* Mini screens ----------- */


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

html {font-size: 15px !important;}
.header img {  padding:0 10px ; }
.container { max-width: 100vw;}
.content { padding: 0 ;}
.top{border-radius:0;}
.header img{width:20vw;}
.nav{padding-right:20px;}
.nav a,.nav a:link,.nav a:visited,.nav a:active{margin:16px 6px;font-weight:600;}
.content .anafoto{padding:20px 5%;}
.bookall { width: 96vw;}
.book { width: 45vw;}

}

/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) ----------- */

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

html {font-size: 20px; line-height: 1.6;}

body , html {width: 100vw; }    
.container { width: 100vw; max-width: 100vw; margin-top: 0;  }

h1 {font-size: 1.6rem; text-align: center;}
h2 {font-size: 1.6rem; text-align: center;}
h3 {font-size: 1.6rem; text-align: center;}
h4 {font-size: 1.6rem; text-align: center;}
h5 {font-size: 1.3rem; text-align: center;}

li {font-size: 1.2rem;}

p {font-size: 1.4rem;}

footer {font-size: 0.9rem;}

.linkcut{width:100%;display:block;}

.top {top: 0; position: relative;}
.top > * { vertical-align:middle; }

.header { display:inline-block; width: 45%;}
.header h1 { display: none; }
.header .indiv a {display: block;}
.header img { width: 100%; height: 100%; margin: 0 auto 0 auto; padding: 10px; object-fit: cover;}
h1.mobile {text-align: center;}


.navbtn { position: fixed; display: hidden; max-width: 10vw; top: 10px; right: 10px; z-index: 999;}
.navbtn img { max-width: 10vw;}
.nav {  display: block;  border-bottom: none; font-size: 0.9rem; position: relative; z-index: 998; width: max-content; 
    right: 0; margin: 2vh 0; padding-right: 0;
    }
.nav a { display: block;
    border-bottom: none;
    text-align: left;
    padding: 7px 8px; justify-content: flex-start !important;
    margin: 0 8px !important; font-size: 1.2rem;
    border-radius: 0px; line-height: 1.1; }

.nav .sel { border-bottom:  none; border-left: 12px solid #D44F00; background: aliceblue; padding-left: 6px !important;}
.nav a:hover { border-bottom:  none; border-left: 6px solid #D44F00; }

.content {  display: table; width: auto; }
.content .anafoto { padding: 5%;}
.content .anafoto p { padding-left: 5%;}	

.program h3, .anasol h3 {
    font-size: 1rem;
}

.content h3, .contentfull h3 {
    margin: 10px auto 10px auto;
}

.derslist .ders {
    margin-bottom: 10px;
}

.containermain { display: block; }

.contentfull .zimg {
    float: unset;
    margin-left: 0;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
}

.links {font-size: 1rem;}


.odemealani {display: flex; flex-wrap: wrap;}
.odemealani .column {width: 100%; padding: 0;}
.odemealani .column img { max-width: 100%; object-fit: contain; }
.satinal a {
    width: 40vw;
    height: 20vw;
    border-radius: 20vw;
    margin: 10px auto;
    font-size: 1.8rem;
}

.satinal a:hover {
    width: 40vw;
    height: 20vw;
}


.social {
    width: 100%;
    font-size: 1rem;
}

.social a {
    box-shadow: 0 2px 2px #00000036;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    width: 100%;
}

.social a img {
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
}

/* .satinal a {
    width: 250px;
    height: 250px;
}

.satinal a:hover {
    width: 250px;
    height: 250px;
} */



.links a{border-radius:20px !important;font-size:1.2rem;margin-bottom:20px !important;}
.mainvideo {height: 30vh;}

.imgmasallogo {
    width: 100% !important;
    max-width: 90vw !important;
    margin: 0 !important;
    border-radius: 20px;
}

.program { display: none; width:100%; height:auto; padding: 5%; box-shadow: none; float: none; border-radius: inherit; }
.program p, .booktext {   height: initial; }

.zoomlogo { margin: 6% 0% 6% 2%; max-width: 100%; }

.bookall{width:96%;}

.booktitle, .book { width:98%; display: table; position: relative;}
.book {box-shadow: 0px 3px 20px #00000010;}
.bookpic { width: 35%;}	
.bookpic img { width: 80%; height: initial; text-align:center; margin: auto;}
.booklink a {  width:auto; }
.booktext { margin-bottom: 7%; font-size: 1.3rem;}
.bookname { font-weight:bold; color:#3F1D08; padding-bottom:10px; }

.book > * { vertical-align:middle; }
.booklink a {  background:#fff; font-weight:bold; padding:10px; border-radius: 15px;  text-align:center;}

.contentfull .links a { margin: 5px; border-radius: inherit;  }

.derslist .ders ul li {       
    border-left: 6px solid #D08586;
    width: 100%;
    margin-bottom: 25px;}

.derslist p {
    padding: 5px 10px !important;
}

.odemeform .design {
    width: 36px;
    height: 36px;}

.odemeform .odemebtn {
    width: 92vw;
    height: 80px;
    z-index: 9;
    margin-top: 70px;
    font-size: 1rem;
}

.cocukmain { flex-direction: column-reverse;}
.cocukmain img {width:50% !important;}


.contentfull .iletisim .ilsag {
    width: 100%;
    display: inline-block;
}

.contentfull img {width: 100%;}


}