@font-face {
font-family:'icomoon';
src:url(../fonts/icomoon.eot?perj9y);
src:url(../fonts/icomoon.eot?perj9y#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?perj9y) format("truetype"),url(../fonts/icomoon.woff?perj9y) format("woff"),url(../fonts/icomoon.svg?perj9y#icomoon) format("svg");
font-weight:400;
font-style:normal
}

[class^="icon-"],[class*=" icon-"] {
font-family:'icomoon'!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.icon-logo2 .path1:before {
content:"\e91a";
color:#000;
opacity:.61
}

.icon-logo2 .path2:before {
content:"\e91b";
margin-left:-1em;
color:#000
}

.icon-logo2 .path3:before {
content:"\e91c";
margin-left:-1em;
color:#000
}

.icon-logo .path1:before {
content:"\e912";
color:#000;
opacity:.61
}

.icon-logo .path2:before {
content:"\e919";
margin-left:-1em;
color:#000
}

.icon-optik:before {
content:"\e911"
}

.icon-arimobil:before {
content:"\e918"
}

.icon-windows:before {
content:"\e917"
}

.icon-pardus:before {
content:"\e916"
}

.icon-seslikitap:before {
content:"\e914"
}

.icon-sound:before {
content:"\e915"
}

.icon-lab:before {
content:"\e913"
}

.icon-akillitahta:before {
content:"\e900"
}

.icon-akillitahta2:before {
content:"\e901"
}

.icon-android:before {
content:"\e902"
}

.icon-apple:before {
content:"\e903"
}

.icon-destek:before {
content:"\e904"
}

.icon-down:before {
content:"\e905"
}

.icon-facebook:before {
content:"\e906"
}

.icon-instagram:before {
content:"\e907"
}

.icon-mobil:before {
content:"\e908"
}

.icon-ok:before {
content:"\e909"
}

.icon-orneksayfa:before {
content:"\e90a"
}

.icon-plus:before {
content:"\e90b"
}

.icon-search:before {
content:"\e90c"
}

.icon-shop:before {
content:"\e90d"
}

.icon-shop2:before {
content:"\e90e"
}

.icon-twitter:before {
content:"\e90f"
}

.icon-youtube:before {
content:"\e910"
}

body {
margin:0;
font-family:roboto
}

.bgx {
position:absolute;
top:0;
left:0;
z-index:0
}

a.acil {
font-family:'Roboto',sans-serif;
position:absolute;
top:222px;
z-index:1;
width:254px;
padding:10px 0;
color:#fff;
font-size:18px;
text-align:center;
font-weight:700;
text-decoration:none;
border-radius:3px;
box-shadow:0 2px 4px -1px #000;
text-shadow:1px 1px 1px #000;
left:24px;
border:0
}

a.acil:hover {
box-shadow:0 2px 20px -1px #000
}

.arka {
width:300px;
height:600px;
position:relative;
animation:bir ease 1s;
animation-iteration-count:1;
transform-origin:50% 50%;
animation-fill-mode:forwards;
-webkit-animation:bir ease 1s;
-webkit-animation-iteration-count:1;
-webkit-transform-origin:50% 50%;
-webkit-animation-fill-mode:forwards;
-moz-animation:bir ease 1s;
-moz-animation-iteration-count:1;
-moz-transform-origin:50% 50%;
-moz-animation-fill-mode:forwards;
-o-animation:bir ease 1s;
-o-animation-iteration-count:1;
-o-transform-origin:50% 50%;
-o-animation-fill-mode:forwards;
-ms-animation:bir ease 1s;
-ms-animation-iteration-count:1;
-ms-transform-origin:50% 50%;
-ms-animation-fill-mode:forwards
}

@keyframes animationFrames {
0% {
opacity:1;
transform:scaleX(1.00) scaleY(1.00)
}

25% {
opacity:1;
transform:scaleX(0.95) scaleY(0.95)
}

50% {
opacity:1;
transform:scaleX(1.10) scaleY(1.10)
}

100% {
opacity:0;
transform:scaleX(0.30) scaleY(0.30)
}
}

@-moz-keyframes animationFrames {
0% {
opacity:1;
-moz-transform:scaleX(1.00) scaleY(1.00)
}

25% {
opacity:1;
-moz-transform:scaleX(0.95) scaleY(0.95)
}

50% {
opacity:1;
-moz-transform:scaleX(1.10) scaleY(1.10)
}

100% {
opacity:0;
-moz-transform:scaleX(0.30) scaleY(0.30)
}
}

@-webkit-keyframes animationFrames {
0% {
opacity:1;
-webkit-transform:scaleX(1.00) scaleY(1.00)
}

25% {
opacity:1;
-webkit-transform:scaleX(0.95) scaleY(0.95)
}

50% {
opacity:1;
-webkit-transform:scaleX(1.10) scaleY(1.10)
}

100% {
opacity:0;
-webkit-transform:scaleX(0.30) scaleY(0.30)
}
}

@-o-keyframes animationFrames {
0% {
opacity:1;
-o-transform:scaleX(1.00) scaleY(1.00)
}

25% {
opacity:1;
-o-transform:scaleX(0.95) scaleY(0.95)
}

50% {
opacity:1;
-o-transform:scaleX(1.10) scaleY(1.10)
}

100% {
opacity:0;
-o-transform:scaleX(0.30) scaleY(0.30)
}
}

@-ms-keyframes animationFrames {
0% {
opacity:1;
-ms-transform:scaleX(1.00) scaleY(1.00)
}

25% {
opacity:1;
-ms-transform:scaleX(0.95) scaleY(0.95)
}

50% {
opacity:1;
-ms-transform:scaleX(1.10) scaleY(1.10)
}

100% {
opacity:0;
-ms-transform:scaleX(0.30) scaleY(0.30)
}
}

.kitap1 {
animation:bir ease 1s;
animation-iteration-count:1;
transform-origin:50% 50%;
animation-fill-mode:forwards;
-webkit-animation:bir ease 1s;
-webkit-animation-iteration-count:1;
-webkit-transform-origin:50% 50%;
-webkit-animation-fill-mode:forwards;
-moz-animation:bir ease 1s;
-moz-animation-iteration-count:1;
-moz-transform-origin:50% 50%;
-moz-animation-fill-mode:forwards;
-o-animation:bir ease 1s;
-o-animation-iteration-count:1;
-o-transform-origin:50% 50%;
-o-animation-fill-mode:forwards;
-ms-animation:bir ease 1s;
-ms-animation-iteration-count:1;
-ms-transform-origin:50% 50%;
-ms-animation-fill-mode:forwards;
top:57px;
position:absolute;
left:0;
height:156px;
width:300px
}

@keyframes tadaaa {
0% {
transform:rotate(0deg) scaleX(1.00) scaleY(1.00)
}

10% {
transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

20% {
transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

30% {
transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

40% {
transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

50% {
transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

60% {
transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

70% {
transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

80% {
transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

90% {
transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

100% {
transform:rotate(0deg) scaleX(1.20) scaleY(1.20)
}
}

@-moz-keyframes tadaaa {
0% {
-moz-transform:rotate(0deg) scaleX(1.00) scaleY(1.00)
}

10% {
-moz-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

20% {
-moz-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

30% {
-moz-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

40% {
-moz-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

50% {
-moz-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

60% {
-moz-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

70% {
-moz-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

80% {
-moz-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

90% {
-moz-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

100% {
-moz-transform:rotate(0deg) scaleX(1.20) scaleY(1.20)
}
}

@-webkit-keyframes tadaaa {
0% {
-webkit-transform:rotate(0deg) scaleX(1.00) scaleY(1.00)
}

10% {
-webkit-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

20% {
-webkit-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

30% {
-webkit-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

40% {
-webkit-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

50% {
-webkit-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

60% {
-webkit-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

70% {
-webkit-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

80% {
-webkit-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

90% {
-webkit-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

100% {
-webkit-transform:rotate(0deg) scaleX(1.20) scaleY(1.20)
}
}

@-o-keyframes tadaaa {
0% {
-o-transform:rotate(0deg) scaleX(1.00) scaleY(1.00)
}

10% {
-o-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

20% {
-o-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

30% {
-o-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

40% {
-o-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

50% {
-o-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

60% {
-o-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

70% {
-o-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

80% {
-o-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

90% {
-o-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

100% {
-o-transform:rotate(0deg) scaleX(1.20) scaleY(1.20)
}
}

@-ms-keyframes tadaaa {
0% {
-ms-transform:rotate(0deg) scaleX(1.00) scaleY(1.00)
}

10% {
-ms-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

20% {
-ms-transform:rotate(-3deg) scaleX(0.80) scaleY(0.80)
}

30% {
-ms-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

40% {
-ms-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

50% {
-ms-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

60% {
-ms-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

70% {
-ms-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

80% {
-ms-transform:rotate(-3deg) scaleX(1.20) scaleY(1.20)
}

90% {
-ms-transform:rotate(3deg) scaleX(1.20) scaleY(1.20)
}

100% {
-ms-transform:rotate(0deg) scaleX(1.20) scaleY(1.20)
}
}

.yazi_1 {
color:#fff;
position:absolute;
top:286px;
left:53px;
font-family:open sans-serif
}

.yazi_2 {
color:#fff;
position:absolute;
top:280px;
left:53px;
font-family:open sans-serif
}

.yazi_3 {
color:#fff;
position:absolute;
top:310px;
left:53px;
font-family:open sans-serif
}

@keyframes yazilar {
0% {
opacity:0;
transform:translate(-1500px,0px)
}

60% {
opacity:1;
transform:translate(30px,0px)
}

80% {
transform:translate(-10px,0px)
}

100% {
opacity:1;
transform:translate(0px,0px)
}
}

@-moz-keyframes animationFrames {
0% {
opacity:0;
-moz-transform:translate(-1500px,0px)
}

60% {
opacity:1;
-moz-transform:translate(30px,0px)
}

80% {
-moz-transform:translate(-10px,0px)
}

100% {
opacity:1;
-moz-transform:translate(0px,0px)
}
}

@-webkit-keyframes animationFrames {
0% {
opacity:0;
-webkit-transform:translate(-1500px,0px)
}

60% {
opacity:1;
-webkit-transform:translate(30px,0px)
}

80% {
-webkit-transform:translate(-10px,0px)
}

100% {
opacity:1;
-webkit-transform:translate(0px,0px)
}
}

@-o-keyframes animationFrames {
0% {
opacity:0;
-o-transform:translate(-1500px,0px)
}

60% {
opacity:1;
-o-transform:translate(30px,0px)
}

80% {
-o-transform:translate(-10px,0px)
}

100% {
opacity:1;
-o-transform:translate(0px,0px)
}
}

@-ms-keyframes animationFrames {
0% {
opacity:0;
-ms-transform:translate(-1500px,0px)
}

60% {
opacity:1;
-ms-transform:translate(30px,0px)
}

80% {
-ms-transform:translate(-10px,0px)
}

100% {
opacity:1;
-ms-transform:translate(0px,0px)
}
}

.dekstop {
position:relative;
width:300px;
height:600px
}

@keyframes bir {
0% {
opacity:0;
transform:translate(0px,-25px)
}

100% {
opacity:1;
transform:translate(0px,0px)
}
}

@-moz-keyframes bir {
0% {
opacity:0;
-moz-transform:translate(0px,-25px)
}

100% {
opacity:1;
-moz-transform:translate(0px,0px)
}
}

@-webkit-keyframes bir {
0% {
opacity:0;
-webkit-transform:translate(0px,-25px)
}

100% {
opacity:1;
-webkit-transform:translate(0px,0px)
}
}

@-o-keyframes bir {
0% {
opacity:0;
-o-transform:translate(0px,-25px)
}

100% {
opacity:1;
-o-transform:translate(0px,0px)
}
}

@-ms-keyframes bir {
0% {
opacity:0;
-ms-transform:translate(0px,-25px)
}

100% {
opacity:1;
-ms-transform:translate(0px,0px)
}
}

.altbar {
position:absolute;
bottom:0;
width:100%;
height:50px
}

.ariyayin {
width:141px;
height:50px;
position:absolute;
display:block;
right:0
}

.face {
width:30px;
height:50px;
position:absolute;
display:block;
left:12px
}

.twitter {
width:30px;
height:50px;
position:absolute;
display:block;
left:46px
}

.plus {
width:30px;
height:50px;
position:absolute;
display:block;
left:81px
}

.youtube {
width:30px;
height:50px;
position:absolute;
display:block;
left:119px
}

.kitap_slider {
position:absolute;
display:block;
bottom:85px;
z-index:2;
width:300px;
height:494px;
left:0
}

.hacifen {
text-align:center
}

.hacifen img {
max-width:180px!important
}

.carousel-control.right,.carousel-control.left {
background:none
}

.btn-gru {
color:#fff;
background-color:rgba(0,0,0,0);
border-color:#00c200;
color:#fff;
font-weight:700;
border:1px solid rgba(255,255,255,0.24);
font-size:21px
}

.akilli_adamlar {
background:none repeat scroll 0 0 #fffffff2;
height:100%;
left:0;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:1000000
}

.bubblingG {
text-align:center;
width:140px;
height:88px;
margin:auto
}

.bubblingG span {
display:inline-block;
vertical-align:middle;
width:18px;
height:18px;
margin:44px auto;
background:red;
border-radius:88px;
-o-border-radius:88px;
-ms-border-radius:88px;
-webkit-border-radius:88px;
-moz-border-radius:88px;
animation:bubblingG .585s infinite alternate;
-o-animation:bubblingG .585s infinite alternate;
-ms-animation:bubblingG .585s infinite alternate;
-webkit-animation:bubblingG .585s infinite alternate;
-moz-animation:bubblingG .585s infinite alternate
}

#bubblingG_1 {
animation-delay:0;
-o-animation-delay:0;
-ms-animation-delay:0;
-webkit-animation-delay:0;
-moz-animation-delay:0
}

#bubblingG_2 {
animation-delay:.1795s;
-o-animation-delay:.1795s;
-ms-animation-delay:.1795s;
-webkit-animation-delay:.1795s;
-moz-animation-delay:.1795s
}

#bubblingG_3 {
animation-delay:.349s;
-o-animation-delay:.349s;
-ms-animation-delay:.349s;
-webkit-animation-delay:.349s;
-moz-animation-delay:.349s
}

@keyframes bubblingG {
0% {
width:18px;
height:18px;
background-color:red;
transform:translateY(0)
}

100% {
width:42px;
height:42px;
background-color:#fff;
transform:translateY(-37px)
}
}

@-o-keyframes bubblingG {
0% {
width:18px;
height:18px;
background-color:red;
-o-transform:translateY(0)
}

100% {
width:42px;
height:42px;
background-color:#fff;
-o-transform:translateY(-37px)
}
}

@-ms-keyframes bubblingG {
0% {
width:18px;
height:18px;
background-color:red;
-ms-transform:translateY(0)
}

100% {
width:42px;
height:42px;
background-color:#fff;
-ms-transform:translateY(-37px)
}
}

@-webkit-keyframes bubblingG {
0% {
width:18px;
height:18px;
background-color:red;
-webkit-transform:translateY(0)
}

100% {
width:42px;
height:42px;
background-color:#fff;
-webkit-transform:translateY(-37px)
}
}

@-moz-keyframes bubblingG {
0% {
width:18px;
height:18px;
background-color:red;
-moz-transform:translateY(0)
}

100% {
width:42px;
height:42px;
background-color:#fff;
-moz-transform:translateY(-37px)
}
}

.akilli_adamlar {
padding-top:2em
}

.logo {
width:100%;
text-align:center;
float:left
}

.btn-ari {
margin-top:1em;
background:#db1f2d;
border:0;
padding:6px 27px
}

.carousel-fade .carousel-inner .item {
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity
}

.carousel-fade .carousel-inner .active {
opacity:1
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
left:0;
opacity:0;
z-index:1
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
opacity:1
}

.carousel-fade .carousel-control {
z-index:2
}

.ornek_soru {
top:271px;
position:absolute;
z-index:99;
width:100%;
text-align:center;
color:#ff0;
line-height:14px;
font-size:12px
}

.ornek_soru:hover {
color:red
}

a:hover {
opacity:.9
}

a.logo.mobil {
float:left;
width:auto
}

a.logo.mobil img {
height:90px;
margin-left:20px
}

.ust_r {
width:728px;
height:90px;
position:relative;
z-index:1
}

.mobil_kapsa {
width:728px;
height:90px;
position:relative
}

.akilli_adamlar.mobil {
padding:0;
width:728px;
height:90px
}

.btn-ari.mobil {
float:right
}

.bubblingG.mobil {
float:left
}

.kitap3 {
position:absolute;
width:360px;
height:90px;
z-index:3;
top:0;
left:0
}

.kitap4 {
position:absolute;
width:360px;
height:90px;
z-index:3;
top:0;
right:0
}

.kitap5 {
position:absolute;
width:720px;
height:90px;
z-index:3;
top:0;
right:0
}

img.kitap1.v2 {
width:292px;
height:212px
}

#fen_animasyon {
max-height:300px;
z-index:0!important;
display:block;
background:#1488CC;
background:-webkit-linear-gradient(to right,#2B32B2,#1488CC);
background:linear-gradient(103deg,#3F51B5,#06e3ff,#E91E63,#00ff0a,#ff3d00);
background-size:1000% 1000%!important;
-webkit-animation:gradient 19s ease infinite;
-moz-animation:gradient 19s ease infinite;
animation:gradient 19s ease infinite
}

#fen_animasyon2 {
z-index:0!important;
display:block;
background:#1488CC;
background:-webkit-linear-gradient(to right,#2B32B2,#1488CC);
background:linear-gradient(103deg,#3F51B5,#06e3ff,#E91E63,#00ff0a,#ff3d00);
background-size:1000% 1000%!important;
-webkit-animation:gradient 19s ease infinite;
-moz-animation:gradient 19s ease infinite;
animation:gradient 19s ease infinite
}

@-webkit-keyframes gradient {
0% {
background-position:0 31%
}

50% {
background-position:100% 70%
}

100% {
background-position:0 31%
}
}

@-moz-keyframes gradient {
0% {
background-position:0 31%
}

50% {
background-position:100% 70%
}

100% {
background-position:0 31%
}
}

@keyframes gradient {
0% {
background-position:0 31%
}

50% {
background-position:100% 70%
}

100% {
background-position:0 31%
}
}

@-webkit-keyframes headerr {
0% {
background-position:0 31%
}

50% {
background-position:100% 70%
}

100% {
background-position:0 31%
}
}

@-moz-keyframes headerr {
0% {
background-position:0 31%
}

50% {
background-position:100% 70%
}

100% {
background-position:0 31%
}
}

@keyframes headerr {
0% {
background-position:0 31%
}

50% {
background-position:100% 70%
}

100% {
background-position:0 31%
}
}

.fen_topx {
position:absolute;
top:6px;
z-index:99;
width:283px;
padding-left:1em
}

.fen_topx title {
display:block;
font-size:20px;
font-weight:700
}

.reveal-text,.reveal-text::after {
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v2,.reveal-text.v2::after {
-webkit-animation-delay:2s;
animation-delay:2s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v3,.reveal-text.v3::after {
-webkit-animation-delay:3s;
animation-delay:3s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v4,.reveal-text.v4::after {
-webkit-animation-delay:4s;
animation-delay:4s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v5,.reveal-text.v5::after {
-webkit-animation-delay:5s;
animation-delay:5s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v6,.reveal-text.v6::after {
-webkit-animation-delay:6s;
animation-delay:6s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v7,.reveal-text.v7::after {
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v8,.reveal-text.v8::after {
-webkit-animation-delay:8s;
animation-delay:8s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text.v9,.reveal-text.v9::after {
-webkit-animation-delay:9s;
animation-delay:9s;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:800ms;
animation-duration:800ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
animation-timing-function:cubic-bezier(0,0,0.2,1)
}

.reveal-text {
position:relative;
font-size:16px;
display:block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-animation-name:reveal-text;
animation-name:reveal-text;
color:#fff;
white-space:nowrap;
cursor:default;
font-family:arial;
margin:1px 0;
padding:1px 3px
}

.reveal-text::after {
content:"";
position:absolute;
z-index:999;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(255,255,255,1);
background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:-ms-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
pointer-events:none;
-webkit-animation-name:revealer-text;
animation-name:revealer-text;
border-radius:50px;
-moz-border-radius:50px
}

@-webkit-keyframes reveal-text {
from {
-webkit-clip-path:inset(0 100% 0 0);
clip-path:inset(0 100% 0 0)
}

to {
-webkit-clip-path:inset(0 0 0 0);
clip-path:inset(0 0 0 0)
}
}

@keyframes reveal-text {
from {
-webkit-clip-path:inset(0 100% 0 0);
clip-path:inset(0 100% 0 0)
}

to {
-webkit-clip-path:inset(0 0 0 0);
clip-path:inset(0 0 0 0)
}
}

@-webkit-keyframes revealer-text {
0%,50% {
-webkit-transform-origin:0 50%;
transform-origin:0 50%
}

60%,100% {
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%
}

60% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}

100% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}

@keyframes revealer-text {
0%,50% {
-webkit-transform-origin:0 50%;
transform-origin:0 50%
}

60%,100% {
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%
}

60% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}

100% {
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}

.reveal-text a {
color:#fee300;
text-align:center;
padding:4px;
display:inline-block;
width:151px;
background:rgba(0,0,0,0.51);
border-radius:3px;
font-size:18px
}

@-o-keyframes pulse {
0% {
-webkit-transform:scale(0.9);
opacity:1
}

50% {
-webkit-transform:scale(1);
opacity:.9
}

100% {
-webkit-transform:scale(0.9);
opacity:1
}
}

@-moz-keyframes pulse {
0% {
-webkit-transform:scale(0.9);
opacity:1
}

50% {
-webkit-transform:scale(1);
opacity:.9
}

100% {
-webkit-transform:scale(0.9);
opacity:1
}
}

@-ms-keyframes pulse {
0% {
-webkit-transform:scale(0.9);
opacity:1
}

50% {
-webkit-transform:scale(1);
opacity:.9
}

100% {
-webkit-transform:scale(0.9);
opacity:1
}
}

@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(0.9);
opacity:1
}

50% {
-webkit-transform:scale(1);
opacity:.9
}

100% {
-webkit-transform:scale(0.9);
opacity:1
}
}

@keyframes pulse {
0% {
transform:scale(0.9);
opacity:1
}

50% {
transform:scale(1);
opacity:.9
}

100% {
transform:scale(0.9);
opacity:1
}
}

.kalp_44 {
position:absolute;
top:0;
left:0;
z-index:99
}

#zio {
opacity:1;
-webkit-animation:pulse 3s infinite ease-in-out;
-o-animation:pulse 3s infinite ease-in-out;
-ms-animation:pulse 3s infinite ease-in-out;
-moz-animation:pulse 3s infinite ease-in-out;
animation:pulse 3s infinite ease-in-out
}

.yarim_href {
width:300px;
display:block;
position:absolute;
left:0;
top:0;
z-index:2
}

.arka.v2 {
position:absolute;
left:0;
top:0;
z-index:0
}

.lgs_fiyat {
position:absolute;
z-index:3;
right:0;
bottom:6em
}

.akilli_adamlar.v2 {
width:300px
}

.dekstop.v3 {
background:#E55D87;
background:-webkit-linear-gradient(to top,#5FC3E4,#E55D87);
background:linear-gradient(to top,#5FC3E4,#E55D87)
}

.svg_logo {
width:100px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
position:absolute;
bottom:0
}

.uc_cizgi span {
width:100px;
height:5px;
background:#000;
display:block;
margin-bottom:10px
}

.uc_cizgi {
position:absolute;
bottom:23px
}

.uc_cizgi.left {
left:0
}

.uc_cizgi.right {
right:0
}

.logo_footer.v2 {
position:absolute;
right:11px;
bottom:8px;
color:#000
}

.logo_footer.v1 {
position:absolute;
left:11px;
bottom:8px;
color:#000
}

span.glyphicon.glyphicon-chevron-left {
background:#000;
padding:2px;
width:27px;
height:40px;
line-height:37px;
left:0;
margin-left:0;
font-size:16px
}

span.glyphicon.glyphicon-chevron-right {
background:#000;
padding:2px;
width:27px;
height:40px;
line-height:37px;
right:0;
margin-right:0;
font-size:16px
}

.hacifen.v2 img {
max-width:256px!important
}

.kitap_slider.v2 {
top:0
}

.btn.btn-dg {
width:33%;
float:left;
margin:0 auto;
padding:6px;
border:0 solid #ebebeb;
border-radius:3px;
margin-bottom:1em;
box-shadow:0 0 34px -11px #bcbcbc;
color:#000;
background:transparent;
box-shadow:none
}

.btn-dg i {
width:100%;
text-align:center;
font-size:34px
}

.btn-dg:hover {
background:#000;
color:#fff
}

.btn-dg > big {
font-size:12px;
width:100%;
float:left;
padding-top:4px;
font-weight:400
}

.btn-dg > small {
float:left;
font-size:11px;
font-weight:100;
text-align:center;
width:100%;
display:block
}

.optik_okuma {
width:100%
}

.carousel-control.v2 {
width:27px;
height:40px;
top:103px
}

.btn-test {
cursor:unset!important
}

.btn-test span {
width:43px;
display:block;
text-align:center;
left:0;
right:0;
margin-left:auto;
margin-right:auto
}

.btn.none:hover {
background:none;
color:#000;
cursor:unset
}

.ribbon-b-y {
width:65px;
height:65px;
border-radius:50%;
padding:0;
background:#000;
position:absolute;
top:221px;
right:1em;
z-index:2;
color:#fff;
line-height:63px;
font-weight:700;
display:inline-block;
line-height:16px
}

.pulse {
box-shadow:0 0 0 0 #fff;
cursor:pointer;
-webkit-animation:pulse 1.75s infinite cubic-bezier(.66,0,0,1);
-moz-animation:pulse 1.75s infinite cubic-bezier(.66,0,0,1);
-ms-animation:pulse 1.75s infinite cubic-bezier(.66,0,0,1);
animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1)
}

@-webkit-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}

@-moz-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}

@-ms-keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}

@keyframes pulse {
to {
box-shadow:0 0 0 45px rgba(232,76,61,0)
}
}

.ribbon-b-y strong {
width:100%;
float:left;
display:block;
margin-top:18px;
font-size:22px
}

.ribbon-b-y small {
float:left;
width:100%;
display:block;
font-size:11px;
font-weight:100
}

.hacifen.sosyal .btn.btn-dg {
    width: 25%;
}
.hacifen.sosyal h1 {
    color: #fff;
    font-size: 19px;
    height: 51px;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    max-height: 51px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    float: left;
    padding: 2px 8px;
}

.carousel-control.v2.sosyal {
    top: 195px;
}

.hacifen.sosyal .ribbon-b-y {
    top: 335px;
}

.hacifen.v2 {
    padding-top: 1em
}