.masterLeft::before { background-color: #90be12; border-bottom: 20px solid #0096d7; content: ""; height: calc(100% + 20px); position: absolute; right: 30px; top: -20px; width: 300%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; }
.masterLeft::after { background-color: #90be12; content: ""; display: block; height: 20px; position: absolute; right: -100px; top: -20px; width: 150%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; }

#masterHeader { overflow: hidden; }
    #masterHeader > img { width: 100%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; }
    #masterHeader .master-title { height: 100%; left: 0; top: 0; width: 100%; }
        #masterHeader .master-title::before { background: rgba(0, 0, 0, 0) url("/images/fix.png") repeat scroll 0 0; background-size: cover; content: ""; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; }
    #masterHeader .bas { bottom: 10px; color: #fff; font-size: 180px; font-weight: 900; letter-spacing: -21px; line-height: 0; opacity: 0.3; position: absolute; right: 0; text-transform: uppercase; }
    #masterHeader .mtitle > h2 { color: #fff; text-align: center; font-size: 45px; font-weight: 100; margin: 0 auto; padding: 150px 20px 0 15px; position: relative; z-index: 2; -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: slideInUp; }

#leftMenu { padding: 50px 0 70px; position: relative; z-index: 5; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; }
    #leftMenu ul li { margin-bottom: -2px; position: relative; }
        #leftMenu ul li ul { display: none; padding-left: 15px; }
        #leftMenu ul li.ok > ul { display: block; }
        #leftMenu ul li a { border-bottom: 1px solid rgba(255,255,255,0.3); border-radius: 0; color: #fff; display: block; padding: 10px 10px 10px 0; }
            #leftMenu ul li a::before { content: "\f105"; font-family: fontawesome; margin-right: 5px; }

        #leftMenu ul li.active > a, #leftMenu ul li:hover > a { background: #fff none repeat scroll 0 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); color: #0096d7; padding: 10px; position: relative; }
            #leftMenu ul li.active > a::after, #leftMenu ul li:hover > a::after { color: #fff; content: "\f04b"; float: right; font-family: fontawesome; font-size: 16px; margin-right: -20px; }
    #leftMenu .menu-title { display: none; }

    #leftMenu #submenu > ul > li.ok { border-left: 1px solid #fff; padding-left: 12px; }

#masterContent .icerik { font-size: 15px; line-height: 24px; padding: 50px 0 50px 20px; text-align: justify; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; }
    #masterContent .icerik p { min-height: 10px; }
    #masterContent .icerik a { color: #0096d7; }
    #masterContent .icerik h1, h3, h5 { color: #a5cc71; text-align: left; }
    #masterContent .icerik h2, h4, h6 { color: #0096d7; text-align: left; }
    #masterContent .icerik ul { padding-left: 15px; }
        #masterContent .icerik ul li::before { color: #0096d7; content: "\f138"; display: inline-block; font-family: fontawesome; font-size: 12px; margin: -3px 5px 0 -15px; padding-right: 2px; vertical-align: middle; }


.breadcrumb { background: none transparent; text-align: center; border-radius: 0; display: block; margin: 0 auto; padding: 5px 15px 3px; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: slideInUp; }
    .breadcrumb a { color: #fff; font-size: 14px; opacity: 0.5; }
        .breadcrumb a:hover { font-size: 14px; opacity: 1; }
    .breadcrumb > li + li::before { color: #fff; opacity: 0.5; content: "\f105"; font-family: FontAwesome; }

#masterContent .sayfagaleri a { border: 1px solid #eee; display: block; height: 150px; margin: 0 0 20px; overflow: hidden; padding: 10px; width: 100%; }
    #masterContent .sayfagaleri a img { border: medium none; border-radius: 0; box-shadow: none; display: block; height: 100%; object-fit: cover; padding: 0; width: 100%; }
    #masterContent .sayfagaleri a:Hover { padding: 5px; }
#masterContent .noleft .icerik { padding-left: 0; }

/*news*/
.news .newslist-body h5 { color: #a5cc71; font-size: 18px; font-weight: 400; line-height: 23px; margin: 0; padding: 0; text-align: left; }
.news .newslist-body p { color: #a0a0a0; font-weight: 400; margin: 20px 0; }
.news .cat-date { color: #0096d7 !important; font-weight: 300 !important; }
    .news .cat-date .fr { color: #ddd; font-weight: 700; }
.news .newslist-img img { border-bottom: 1px solid #eee; height: 180px; margin: 0 auto 20px; object-fit: cover; width: 100%; }
.news .newslist-e > a { border: 1px solid #eee; display: block; margin: 0 0 30px; padding: 20px; }
    .news .newslist-e > a:hover { box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); }
.news-detail .haber-tarih { color: #ccc; font-size: 14px; margin: -8px 0 20px; }
.news-detail .text { margin-bottom: 30px; }
.news .btn { -moz-user-select: none; background-color: #efefef; background-image: none; border: 1px solid #eee; border-radius: 4px; color: #777; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; touch-action: manipulation; vertical-align: middle; white-space: nowrap; }
    .news .btn:hover { background-color: #a5cc71; color: #fff; }
.content.news .pager-buttons { margin-top: 50px; }
.news-detail .blog-img img { border: 10px solid #fff; border-radius: 0; box-shadow: none; margin-top: -90px; padding: 0; }
#footer { margin-top: -1px; }