html, body { position: relative; height: 100%; }
body{background:#fff; font-size:14px!important; overflow: inherit!important; line-height: inherit!important; font-family: kinetika-regularregular; }

.regular{font-family: kinetika-regularregular;}
.regularItalic{font-family: kinetika-regularitalicregular;}
.semiBoldItalic{font-family: kinetika-semibolditalicRg;}
.semiBoldRegular{font-family: kinetika-semiboldregular;}
.thinItalicRegular{font-family: kinetika-thinitalicregular;}
.thinRegular{font-size: kinetika-thinregular;}
.ultraItalicRegular{font-family: kinetika-ultraitalicregular;}
.ultraRegular{font-family: kinetika-ultraregular;}
.blackItalicRegular{font-family: kinetika-blackitalicregular;}
.blackRegular{font-family: kinetika-blackregular;}
.boldItalicRegular{font-family: kinetika-bolditalicregular;}
.boldRegular{font-family: kinetika-boldregular;}
.bookItalicRegular{font-family: kinetika-bookitalicregular;}
.bookRegular{font-family: kinetika-bookregular;}
.heavyItalicRegular{font-family: kinetika-heavyitalicregular;}
.heavyRegular{font-family: kinetika-heavyregular;}
.lightItalicRegular{font-family: kinetika-lightitalicregular;}
.lightRegular{font-family: kinetika-lightregular;}
.mediumItalicRegular{font-family: kinetika-mediumitalicregular;}
.mediumRegular{font-family: kinetika-mediumregular;}

.sayfa_yerlesim{width:100%; float:left; position:relative;}
.orta_alan{width:1200px; margin:0 auto; position:relative; z-index:10;}
.genis_orta_alan{width:calc(100% - 110px); margin:0 auto; position:relative; z-index:10;}

.header_alan{min-height:250px; position:relative; }
.header_yerlesim{padding:0 100px; }

.logo_alan{min-height:115px; padding:35px 0 0 0; display: flex; flex-direction: row; justify-content:space-between; }
.inci_logo_yerlesim{ display:flex; flex-direction: row; align-items:center; font-size:13px; color:#767676; }
.inci_logo{padding:0 20px 0 0;}
.logo{margin:0 auto; padding:0 0 20px 0; }

.sosyal_alan{padding:0 25px 0 0;  display:flex; flex-direction: row; align-items:center; }
.sosyal_btn{width:20px; height:20px; margin:0 3px;}
.facebook{background:url('../images/facebook_h.png') no-repeat center center;}
/* .facebook:hover{background:url('../images/facebook_h.png') no-repeat center center;} */
.instagram{background:url('../images/instagram_h.png') no-repeat center center;}
/* .instagram:hover{background:url('../images/instagram_h.png') no-repeat center center;} */
.linkedin{background:url('../images/linkedin_h.png') no-repeat center center;}
/* .linkedin:hover{background:url('../images/linkedin_h.png') no-repeat center center;} */
.twitter{background:url('../images/twitter_h.png') no-repeat center center;}
/* .twitter:hover{background:url('../images/twitter_h.png') no-repeat center center;} */
.youtube{background:url('../images/youtube_h.png') no-repeat center center;}
/* .youtube:hover{background:url('../images/youtube_h.png') no-repeat center center;} */
.spotify{background:url('../images/spotify_h.png') no-repeat center center;}
/* .spotify:hover{background:url('../images/spotify_h.png') no-repeat center center;} */

.menu_icon{width:35px; position:relative; display:flex; flex-direction: column; justify-content: center; cursor:pointer;}
.menu_icon span{width:100%; height:3px; display:block; margin:0 0 5px 0; transition: 0.3s; background:#CBCBCB;}
.menu_icon:hover span:nth-child(1){background:#00F45A}
.menu_icon:hover span:nth-child(2){background:#ECF400}
.menu_icon:hover span:nth-child(3){background:#00F3EC}
.menu_icon:hover span:nth-child(4){background:#F39500}

.menu_current span:nth-child(1){background:#00F45A}
.menu_current span:nth-child(2){-webkit-transform: rotate(30deg) translate(3px, 3px); transform: rotate(30deg) translate(3px, 3px); transition:0.3s; background:#ECF400}
.menu_current span:nth-child(3){-webkit-transform: rotate(-30deg) translate(3px, -3px); transform: rotate(-30deg) translate(3px, -3px); transition:0.3s; background:#00F3EC}
.menu_current span:nth-child(4){background:#F39500}

.menu_alan, .ara_yerlesim, .footer_menu_alan{min-height:50px; display:flex; align-items:center; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB;}
.menu_yerlesim, .ara_item, .footer_menu_yerlesim{width:900px; height:48px; margin:0 auto; text-align:center; display:flex; align-items: center; }

.mobil_menu_alan{width:410px; height:calc(100vh - 163px); position:fixed; z-index:109; bottom:0; right:-410px; display:none; justify-content: space-between; align-items: center; flex-direction: column; background:#3F005D;}
.mobil_menu_yerlesim{width:100%; padding:100px 0 0 0; text-align:right; }
.mobil_menu_item{padding:0 110px; font-size:18px; color:#fff; }
.mobil_menu_logo{width:100%; padding:0 0 50px 50px;}
.mobil_menu_logo .inci_logo_yerlesim span{font-size:13px; color:#fff;}

.ara_item{display:block; align-items: unset;}
.ara_btn{width:24px; height:24px; cursor:pointer; background:url('../images/ara_icon.png') no-repeat center center;}
.ara_btn:hover{background:url('../images/ara_icon_h.png') no-repeat center center;}
.ara_alan{width: 100%; height:calc(100vh - 163px); padding:0 100px; position:fixed; bottom:0; display:none; z-index:9999; background:#fff;}
.ara_kapat_btn, .ara_kapat_btn:hover{background:url('../images/kapat_btn.png') no-repeat center center;}
.ara_input{width:100%; height:48px; border:none; text-align:center; font-size:15px; color:#767676;}


/****** Anasayfa ******/
.banner_alan{min-height:190px; }
.res_slider_alan{display:none;}
.slider_loding_line{height:5px; position:absolute; left:0; top:0;}
.royalSlider .rsActiveSlide .slider_loding_line{animation-name: underline; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards;}
.banner_etiket_alan{width:100%; padding:0 0 0 25px; position:absolute; left:0; top:30px;}
.banner_etiket{display:inline-block; margin:0 25px 0 0;}
.banner_aciklama{padding:0 200px; text-align:center; font-size:30px; color:#fff;}

.anasayfa_etiket_alan{padding:50px 100px;}
.anasayfa_etiket_btn{padding:0 15px 0 0; color:#CBCBCB; display:inline-block; cursor:pointer;}
.anasayfa_etiket_btn:hover{color:#3F005D;}

.vitrin_blog_alan{padding:0 100px 170px 100px;}
.vitrin_blog_yerlesim{width:100%; display:flex; }
.vitrin_blog_ana_yerlesim{width:25%; }
.vitrin_blog_ana_item{width:100%; min-height:550px;  }
.bai_gorsel_alan{width:100%; position:relative; overflow:hidden; transition: all ease-in-out 0.3s; }
.bai_loding_line{height:5px; position:absolute; left:0; top:0;}
.bai_yazar_alan{width:200px; height:75px; display:none; align-items: center; position:absolute; right:15px; bottom:15px; transition: all ease-in-out 0.5s;  }
.bai_yazar{width:160px; height:50px; padding:0 25px 0 20px; position:absolute; left:0; display:flex; align-items:center; font-size:16px; color:#3F005D; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.bai_yazar_gorsel{width:75px; height:75px; padding:2px; position:absolute; right:0; border-radius:50%;}
.bai_yazar_gorsel img{border-radius:50%;}

.vitrin_blog_ana_item:hover .bai_loding_line{animation-name: underline; animation-duration: 0.5s; animation-timing-function: ease; animation-fill-mode: forwards;}
.vitrin_blog_ana_item:hover .bai_yazar_alan{display:flex;}
.vitrin_blog_ana_item:hover .bai_gorsel_alan{margin:-25px 0 25px 0; }
.vitrin_blog_ana_item:hover .renk1{color:#00F45A;}
.vitrin_blog_ana_item:hover .renk2{color:#ECF400;}
.vitrin_blog_ana_item:hover .renk3{color:#00F3EC;}
.vitrin_blog_ana_item:hover .renk4{color:#F39500;}
.vitrin_blog_ana_item:hover .bai_golge1{-webkit-box-shadow: 0px 25px 22px -5px #00f45a80; box-shadow: 0px 25px 22px -5px #00f45a80;}
.vitrin_blog_ana_item:hover .bai_golge2{-webkit-box-shadow: 0px 25px 22px -5px #ecf40080; box-shadow: 0px 25px 22px -5px #ecf40080;}
.vitrin_blog_ana_item:hover .bai_golge3{-webkit-box-shadow: 0px 25px 22px -5px #00f3ec80; box-shadow: 0px 25px 22px -5px #00f3ec80;}
.vitrin_blog_ana_item:hover .bai_golge4{-webkit-box-shadow: 0px 25px 22px -5px #f3950080; box-shadow: 0px 25px 22px -5px #f3950080;}

.bai_aciklama_alan{padding:30px 0 0 0; position:relative;}
.bai_tarih{padding: 0 0 20px 0; color:#767676;}
.bai_baslik{padding:0 0 5px 0; font-size:25px; color:#767676;word-wrap:break-word;}
.bai_ozet{font-size:16px; color:#767676; text-align: left; line-height:25px;}

.vitrin_blog_item_yerlesim{width:100%; }
.vitrin_blog_item{width:calc(25% - 10px); margin:0; float: left ;padding: 0 10px }
.blog_gorsel_alan{height:auto;}
.blog_gorsel_alan img{width:100%;}
.blog_dizilim{padding:0 25px 50px 25px;}

.vitrin_kitap_alan{width:390px; position:relative; }
.vitrin_kitap_yerlesim{width:100%; min-height:550px; overflow: hidden; display:flex; align-items: center; flex-direction: column; border:4px solid #00F3EC;}
.vitrin_kitap_baslik{min-height:125px; display:flex; align-items: center; font-size:50px; color:#3F005D}
.vitrin_kitap_gorsel{width:195px; min-height:300px; }
.vitrin_kitap{min-height:120px; display:flex; align-items: center; font-size:30px; color:#3F005D; overflow:hidden;}
.vitrin_kitap span{display:none;}
.vitrin_kitap_yerlesim:hover{background:#00F3EC}
.vitrin_kitap_yerlesim:hover .vitrin_kitap_baslik{color:#fff}
.vitrin_kitap_yerlesim:hover .vitrin_kitap span{display:block;}

.inci_blogger_alan{margin:100px 0 0 0; text-align:right; font-size:40px; color:#3F005D;  }
.inci_blogger_alan div{padding:15px 35px; display:inline-block; position:relative; }
.inci_blogger_alan a:link{color: #3F005D}
.inci_blogger{width:5px; position:absolute; top:0; right:0; bottom:0; z-index:-1; animation-name: bglineout; animation-duration: 0.5s; animation-timing-function: ease; animation-fill-mode: forwards;  background:#00F45A;}
.inci_blogger_alan:hover .inci_blogger{animation-name: bglinein; animation-duration: 0.5s; animation-timing-function: ease; animation-fill-mode: forwards;}
.inci_blogger_alan:hover .bg_renk1{background:#ECF400}
.inci_blogger_alan:hover .bg_renk2{background:#00F3EC}
.inci_blogger_alan:hover .bg_renk3{background:#F39500}
@keyframes bglineout { 
    0%   {width:100%} 
    100% {width:5px} 
}

@keyframes bglinein { 
    0%   {width:5px} 
    100% {width:100%} 
}

.vitrin_blog_kategori_alan{padding:0 0 50px 0; position:relative;}
.vbk_baslik{padding:15px 0 50px 0; font-size:30px; color:#767676; border-top:1px solid #CBCBCB}
.hepsini_gor{font-size:15px; color:#3F005D;}
.vbk_baslik .hepsini_gor:hover.vbk_renk1{color:#00F45A}
.vbk_baslik .hepsini_gor:hover.vbk_renk2{color:#ECF400}
.vbk_baslik .hepsini_gor:hover.vbk_renk3{color:#00F3EC}
.vbk_baslik .hepsini_gor:hover.vbk_renk4{color:#F39500}

.vitrin_blog_kategori_alan .vitrin_blog_ana_item{width: 25%}
.vitrin_blog_kategori_alan .vitrin_blog_item_alan{width: 100%}
.vitrin_blog_kategori_alan  .vitrin_blog_item_alan .vitrin_blog_item_yerlesim{width: 100%}

.vbk_gorsel{position:absolute;}
.vbk_gorsel1{width:942px; height:885px; left:-200px; top:-200px;  }
.vbk_gorsel2{width:756px; height:872px; right:0; bottom:-200px;  }

.vitrin_blog_item_alan{width:820px;}
/****** Anasayfa ******/

/****** Kurumsal ******/
.icerik_alan{padding:0 100px; }
.icerik_yerlesim{min-height:830px; display:flex;}
.icerik_baslik_alan{width:443px; min-height:830px; padding:0 50px; display:flex; align-items:center; font-size:40px; color:#00F45A; background:#3F005D;}
.icerik_yazi_alan{width:calc(100% - 443px); min-height:830px; padding:85px 100px; box-sizing:border-box; overflow:hidden; font-size:16px; color:#767676; line-height:25px; border-top:10px solid #3F005D;  background:#fff;}
/****** Kurumsal ******/

/****** Yazarlar ******/
.yazar_alan{display:flex; }
.yazar_yerlesim{display:flex; padding:0 25px; margin:0 0 50px 0; flex-direction: row; justify-content: space-between; position:relative;}
.yazar_gorsel{width:100px; height:100px; padding:2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  }
.yazar_gorsel img{width:96px; height:96px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  }
.yazar_aciklama_alan{width:calc(100% - 125px); padding:35px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#3F005D;}
.yazar_baslik{font-size:30px; padding:0 0 10px 0;}
.yazar_unvan{font-size:20px; padding:0 0 35px 0;}



.yazar_yerlesim:hover .yazar_gorsel{margin:-25px 0 0 0; transition: 0.3s;}

.yazar_yerlesim:nth-child(4n+1) .yazar_aciklama_alan{color:#00F45A;}
.yazar_yerlesim:nth-child(4n+2) .yazar_aciklama_alan{color:#ECF400;}
.yazar_yerlesim:nth-child(4n+3) .yazar_aciklama_alan{color:#00F3EC;}
.yazar_yerlesim:nth-child(4n+4) .yazar_aciklama_alan{color:#F39500;}

.yazar_yerlesim:nth-child(4n+1):hover .yazar_aciklama_alan{transition: 0.3s; background:#00F45A; color:#3F005D;}
.yazar_yerlesim:nth-child(4n+2):hover .yazar_aciklama_alan{transition: 0.3s; background:#ECF400; color:#3F005D;}
.yazar_yerlesim:nth-child(4n+3):hover .yazar_aciklama_alan{transition: 0.3s; background:#00F3EC; color:#3F005D;}
.yazar_yerlesim:nth-child(4n+4):hover .yazar_aciklama_alan{transition: 0.3s; background:#F39500; color:#3F005D;}

.yazar_yerlesim:nth-child(4n+1) .yazar_gorsel{background:#00F45A;}
.yazar_yerlesim:nth-child(4n+2) .yazar_gorsel{background:#ECF400;}
.yazar_yerlesim:nth-child(4n+3) .yazar_gorsel{background:#00F3EC;}
.yazar_yerlesim:nth-child(4n+4) .yazar_gorsel{background:#F39500;}

.yazar_current{color:#3F005D!important;}
/****** Yazarlar ******/

/****** Blog ******/
.list_item{padding:50px 0 0 0;}
.blog_detay_baslik_alan{flex-direction: column; justify-content: center; position:relative;}
.blog_tarih{font-size:14px; color:#fff; padding:0 0 20px 0;}
.blog_etiket{width:100%; padding:0 0 50px 0; display:flex; justify-content: space-evenly; flex-direction: row; position:absolute; bottom:0; font-size:14px; color:#fff;}
.blog_resim{padding:0;}
.blog_resim img{width:100%; height:100%;}
.blog_detay_alan{padding-top:75px; }
.blog_yazar_alan{width:100%; display:inline-block; }
.yazar_gorsel_sol{right:unset; left:0; z-index:1;}
.yazar_baslik_sag{padding:0 10px 0 40px; left:unset; right:0; border-radius: unset; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.blog_yazar_item{padding:25px 0 0 0;}
.blog_detay_yazi_alan{padding:0; display:flex; overflow: unset; border:none; background:none;}
.yazar_detay_baslik{justify-content: normal; position:relative; align-items: center; background:none;}
.blog_yazar_yerlesim{display:flex; position:relative; right:unset; bottom:unset; }
.blog_yazar_item{font-size:14px; color:#767676}
.blog_sosyal_btn{width:25px; height:25px; text-align:center; padding:3px 0 0 0; margin:0 15px 0 0; display:inline-block;  font-size:18px; color:#fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.blog_yazi_yerlesim{width:calc(100% - 340px); padding:0 100px 0 0; font-size:16px; color:#767676; line-height:25px; background:none;}
.blog_menu_alan{width:340px; text-align:right; background: none;}
.blog_menu_baslik{padding:0 0 20px 0; font-size:20px; color:#767676; border-bottom:1px solid #CBCBCB}
.blog_menu_item{padding:30px 0; color: #767676; border-bottom:1px solid #CBCBCB}

.begeni_alan{padding:20px 0; }
.begeni_item{padding:0 0 10px; color:#CBCBCB; }
.begeni_item_btn_alan{color:#CBCBCB; }
.begeni_item_btn{width:55px; height:35px; padding:5px 0 0 0; margin:0 8px 0 0; display:inline-block; position:relative; }
.begen{position:absolute; right:0; top:0; font-size:30px; cursor:pointer;}
.yorum{position:absolute; right:0; top:0; font-size:30px;}

.yorum_form_alan{padding:20px 0 0 0; }
.yorum_yerlesim{padding:0 0 20px 0; display:block; position:relative; }
.yorum_gorsel{width:30px; height:30px; display:inline-block; font-size:20px; text-align:center; color:#fff; vertical-align:top; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#3F005D;}
.yorum_aciklama_item{max-width:calc(100% - 65px); display:inline-block; margin:0 0 0 25px; }
.yorum_aciklama{ padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.kullanici_yorum_ad{display:block; font-size:13px; color:#3F005D;}
.kullanici_yorum{display:block; font-size:15px; color:#767676; padding:0; }
.yorum_btn_alan{padding:0 10px; }
.yorum_btn{display:inline-block; padding:0 15px 0 0; font-size:13px; color:#767676;}

.yoruminput{width:100%; font-size:15px; color:#767676; border:none; background:none;}
.yorum_gonder_btn{width:160px; height:53px; border:0; cursor:pointer; font-size:15px; color:#3F005D;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
/****** Blog ******/


.footer_alan{min-height:425px; padding:0 100px; background:#3F005D}
.ebulten_alan{padding:125px 0; display:flex; align-items: center; }
.ebulten_yerlesim{width:835px; margin:0 auto; position:relative; text-align:center; cursor:pointer; }
.ebulten_baslik_alan{position:relative;}
.ebulten_baslik{height:65px; font-size:40px; color:#000; padding:0 0 18px 0; }
.ebulten_aciklama{padding:18px 0 0 0; font-size:20px; color:#000; background:url('../images/ebulten_line.png') no-repeat center top;}
.ebulten_yerlesim:hover .ebulten_baslik{color:#000; }
.ebulten_form_alan{display:none;}
.ebulten_input{width:100%; height:65px; font-size:40px; color:#000; border:none; text-align:center;background:none;}
.ebulten_input::placeholder{color:#000;}
.ebulten_line{ height:1px; left: 50%; transform: translateX(-50%); position:absolute; background:#000;}
.ebulten_line.ebulten_active{animation-name: underline; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards;}
@keyframes underline { 
    0%   {width:0} 
    100% {width:100%} 
}
.ebulten_btn{width:100%; margin:17px 0 0 0; font-size:20px; color:#000; border:none; background:none; cursor:pointer;border: 1px solid #000; max-width: 100px;}

.footer_logo{text-align:center; padding:45px 0; }

.footer_yerlesim{display: flex; flex-direction: row; justify-content: space-between; }
.footer_logo_item .inci_logo_yerlesim{font-size:13px; color:#CBCBCB;}
.copyright{padding:18px 0 0 0; font-size:13px; color:#CBCBCB; }
.footer_iletisim{font-size:13px; color:#CBCBCB; text-align:right;}
.hover-green:hover{
    color: #00F45A!important;
}
.hover-morlu:hover{
    color: #3F005D;

}