body { font-family: 'open sans',sans-serif; font-size: 15px; width: 100%; max-width: 768px; height: 100%; background-color: #f1f1f1; margin: 0 auto; }
p { margin: 0; }
a { color: #222; }
a:hover { text-decoration: none; }
ul, li { list-style: none; margin: 0; padding: 0; }
iframe {border:none;}
.d-n { display: none !important; }
.d-b { display: block !important; }

.h-0 { height: 0 !important; }

.p-0 { padding: 0 !important; }
.p-5 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-5 { padding-right: 5px !important; }
.pl-5 { padding-left: 5px !important; }

.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }

.row { margin: 0; }

h3.pops { margin: 0; font-size: 18px; padding: 10px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.5);background: #444;}

.fh { margin:10px 0;}
.fh h3 { margin: 0; font-size: 18px; padding: 10px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.5);background: #207598;}
.fh ul {background:#21576d}
.fh li {padding:10px;}
.fh li a {color: #fff;}

.loader { position: absolute; bottom: 20px; width: 100%; text-align: center; margin: 0 0 0 0; opacity: .5; }

.container-fluid { padding: 0; margin: 40px 0 0 0; position: relative; }
#header { display: block; margin: 0 auto; padding: 0; }
div.header { position: fixed; backface-visibility: hidden; top: 0; text-align: center; width: 100%; max-width: 768px; height: 40px; margin: 0; padding: 10px; background-color: #e2e2e2; z-index: 1000; -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.28); box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.28); transition: 0.2s ease-in-out .2s; -webkit-transition: 0.2s ease-in-out .2s; -moz-transition: 0.2s ease-in-out .2s; -o-transition: 0.2s ease-in-out .2s; }

.headerHide { top: -56px; }
.fixed-open { transform: translate3d(200px, 0px, 0px); }

a#logo { position: absolute; top: 0px; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; width: 145px; font-size: 12px; }
a#logo img { height:36px; }

.menu-here-fix { position: fixed; color: #fff; background-color: #222; padding: 10px; height: 48px; left: -50px; bottom: 46px; z-index: 10000; opacity: .7; display: block; border-top-right-radius: 50%; border-bottom-right-radius: 50%; transition: 0.2s ease-in-out .2s; -webkit-transition: 0.2s ease-in-out .2s; -moz-transition: 0.2s ease-in-out .2s; -o-transition: 0.2s ease-in-out .2s; }
.menu-here-fix:focus, .menu-here-fix:hover { color: #fff; }
.menu-here-fix > i { font-size: 24px !important; }
.menu-here-fix-open { left: -5px !important; }

span.spor { background-color: #19700f; color: #fff; }
span.ekonomi { background-color: #064F9A; color: #fff; }
span.gundem { background-color: #850000; color: #fff; }
span.dunya { background-color: #008282; color: #fff; }
span.siyaset { background-color: #e49900; color: #fff; }
span.magazin { background-color: #ca0cc6; color: #fff; }

img.spor { border-right: 2px solid #19700f; }
img.ekonomi { border-right: 2px solid #064F9A; }
img.gundem { border-right: 2px solid #850000; }
img.dunya { border-right: 2px solid #008282; }
img.siyaset { border-right: 2px solid #e49900; }
img.magazin { border-right: 2px solid #ca0cc6; }

.nav-icon-con { position: absolute; top: 0; left: 0; height: auto; overflow: hidden; z-index: 10000; width: 40px; height: 40px; background-color:#C5C5C5; }
#nav-icon { display: inline-block; width: 25px; height: 16px; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: pointer; }
#nav-icon { top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#nav-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; }
#nav-icon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#nav-icon span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) { top: 0px; }
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) { top: 7px; }
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) { top: 14px; }
#nav-icon.open span:nth-child(1), #nav-icon.open span:nth-child(6) { -webkit-transform: rotate(49deg); -moz-transform: rotate(49deg); -o-transform: rotate(49deg); transform: rotate(49deg); }
#nav-icon.open span:nth-child(2), #nav-icon.open span:nth-child(5) { -webkit-transform: rotate(-49deg); -moz-transform: rotate(-49deg); -o-transform: rotate(-49deg); transform: rotate(-49deg); }
#nav-icon.open span:nth-child(1) { left: 3px; top: 3px; }
#nav-icon.open span:nth-child(2) { left: calc(50% - 3px); top: 3px; }
#nav-icon.open span:nth-child(3) { left: -50%; opacity: 0; }
#nav-icon.open span:nth-child(4) { left: 100%; opacity: 0; }
#nav-icon.open span:nth-child(5) { left: 3px; top: 10px; }
#nav-icon.open span:nth-child(6) { left: calc(50% - 3px); top: 10px; }

.p-title { padding: 10px 10px 5px 10px; font-size: 20px; font-weight: 400; margin:10px 0; border-bottom: 2px solid #eee; color: #333; text-shadow: 1px 1px 1px #fff; font-family: 'Roboto Condensed', sans-serif; }

.h-bottom { margin: 0; padding: 5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 8%, rgba(232,232,232,1) 54%, rgba(232,232,232,1) 92%, rgba(198,198,198,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 8%,rgba(232,232,232,1) 54%,rgba(232,232,232,1) 92%,rgba(198,198,198,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 8%,rgba(232,232,232,1) 54%,rgba(232,232,232,1) 92%,rgba(198,198,198,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c6',GradientType=0 ); }

.glyphicon { font-size: 22px; }
.glyphicon-menu-hamburger,
.glyphicon-remove,
.glyphicon-search { font-size: 22px; color: #868376; }
.glyphicon-align-right { color: #FFFFFF; background-color: #5D9572; padding: 5px; border-radius: 5px; font-size: 20px; position: absolute; right: 5px; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; height: 32px; }

.mm-menu.mm-front { z-index: 10000000; }
ul.mm-listview { }
ul.mm-listview > li > a, ul.mm-listview > li > span { padding: 8px 5px 8px 10px; }
ul.mm-listview li a { color: #fff; font-size: 18px; font-weight: 400; font-family: "PT Sans","Helvetica Neue",sans-serif; }
ul.mm-listview li a i { color: #A9A9A9; padding: 5px; width: 24px; height: 24px; font-size: 16px; }
#mm-blocker { background: rgba(3, 2, 1, 0.52); z-index: 9999 !important; }
.mm-panels > .mm-panel > .mm-listview { margin: 0px -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 0px; }
.mm-menu.mm-top, .mm-menu.mm-bottom { height: calc(100% - 40px); height: -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px); min-height: auto; max-height: 95%; }
.mm-menu { width: 70%; background: rgba(25, 25, 25, 0.5); }
.mm-search { margin-top: 10px; }
.mm-search > input { padding: 15px; }
.mm-menu .mm-search input { color: #ddd; background: rgba(0, 0, 0, 0.3);  border: 1px solid #666;}
html.mm-opening .mm-slideout { -webkit-transform: translate(70%, 0); -moz-transform: translate(70%, 0); -ms-transform: translate(70%, 0); -o-transform: translate(70%, 0); transform: translate(70%, 0); }
/*
    html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }
*/
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-70%, 0); -moz-transform: translate(-70%, 0); -ms-transform: translate(-70%, 0); -o-transform: translate(-70%, 0); transform: translate(-70%, 0); }

nav.menu { z-index: 10000000; }
nav.menu ul li.section { padding: 12px 10px 12px 10px; color: #fff; background-color: #14394b; }

/*MANUEL MENÜ STYLE
.menu > ul { list-style: none; margin: 0; padding: 0; display: block; overflow: scroll; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; -webkit-box-flex: 1; overflow-y: scroll; }
.menu > ul > li { border-bottom: solid 1px #f1f1f1; padding: 15px; }
.menu > ul > li > a { display: block; font-size: 16px; font-weight: 500; color: #444; }
.menu > ul > li > a > i { color: #888; padding: 5px; width: 24px; height: 24px; font-size: 14px; }
*/

.open-menu2 { position: absolute; right: 0; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; display: block; padding: 10px; background-color: #C5C5C5; }
.open-menu2 > i { color: #fff; font-size: 14px; }

nav.menu2 > ul { width: 45%; height: auto; background-color: #333; position: fixed; top: 40px; right: 0; z-index: 10000; -webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.28); -moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.28); box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.28); list-style: none; margin: 0; padding: 0; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-box-flex: 1; overflow-y: scroll; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; opacity: 0; }
nav.menu2 > ul > li { border-bottom: 1px solid #555; padding: 10px; }
nav.menu2 > ul > li > a { display: block; font-size: 16px; font-weight: 500; color: #fff; font-family: "PT Sans","Helvetica Neue",sans-serif; }
nav.menu2 > ul > li > a > i { color: #fff; padding: 5px; width: 24px; height: 24px; font-size: 15px; }
nav.menu2.active > ul { display: block; visibility: visible; opacity: 1; width: 50%; }
nav.menu2.active-android > ul { display: block !important; width: 50%; background-color: #3395BA; visibility: visible; opacity: 1; }

section.headlines { display: block; width: 100%; height: auto; }

.headline-slide > .swiper-pagination > .swiper-pagination-bullet { background-color: #FFBBBB; width: 4px; height: 4px; opacity: .3; }
.headline-slide > .swiper-pagination > .swiper-pagination-bullet-active { background: #fff; opacity: .6; }
.headline-slide > .swiper-pagination { bottom: 0; }
.headline-slide > .swiper-button-next, .headline-slide > .swiper-button-prev { background: none; }
.headline-slide > .swiper-button-next > i, .headline-slide > .swiper-button-prev > i { color: #ccc; }
.headline-slide > .swiper-button-next { right: 0; }
.headline-slide > .swiper-button-prev { left: 0; }
.headline-slide > .swiper-wrapper > .swiper-slide > a > img { width: 100%; height: auto; max-width: 100%; }
.headline-slide > .swiper-wrapper > .swiper-slide > a { display: block; position: relative; }
.headline-slide > .swiper-wrapper > .swiper-slide > a > p { position: absolute; bottom: 0; left: 0; padding: 20px 10px 15px 10px; margin: 0; width: 100%; -webkit-font-smoothing: antialiased; }
.headline-slide > .swiper-wrapper > .swiper-slide > a > p > strong { display: block; color: #f59f03; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; text-shadow: 2px 2px 5px #000; font-weight: 500; }
.headline-slide > .swiper-wrapper > .swiper-slide > a > p > em { display: block; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 600; text-shadow: 1px 1px 1px #000; font-style: normal; }
.headline-slide > .swiper-wrapper > .swiper-slide > a > span { display: block; position: absolute; z-index: 2; top: 0px; left: 0px; padding: 2px; font-weight: 400; font-size: 11px; font-family: 'Roboto Condensed', sans-serif; }

.box-category {  }
.box-category .swiper-wrapper > .swiper-slide > a > p { bottom: 20px; width: auto; background-color: rgba(0,0,0,0.8); padding: 10px 10px 5px 10px; }
.box-category .swiper-pagination > .swiper-pagination-bullet { background-color: #000; width: 4px; height: 4px; opacity: 1; }
.box-category .swiper-pagination > .swiper-pagination-bullet-active { background: #ccc; opacity: 1; }


section.articles { display: block; width: 100%; height: auto; padding: 5px 0 5px 0; }
.article-slide > .swiper-wrapper { height: auto; margin: 0; padding: 0; }
.article-slide > .swiper-wrapper > li { background-color: #fff; float: left; width: 130px; height: auto; overflow: hidden; margin-right: 1px; padding: 5px; }
.article-slide > .swiper-wrapper > li > a { display: block; height: 100%; }
.article-slide > .swiper-wrapper > li > a > p { margin: 0 0 10px 0; }
.article-slide > .swiper-wrapper > li > a > img { display: block; margin: 0 auto 5px auto; float: none; clear: both; border: 0px solid #E4E4E4; width: 80px; height: 80px; }
.article-slide > .swiper-wrapper > li > a > p > strong { display: block; color: #525252; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; text-align: center; line-height: 16px; }
.article-slide > .swiper-wrapper > li > a > p > em { display: block; color: #ababab; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-style: normal; text-align: center; margin: 10px 0 10px 0; }

.article2-slide > .swiper-wrapper { height: auto; margin: 0; padding: 0; }
.article2-slide > .swiper-wrapper > li { background-color: #fff; float: left; width: 140px; height: auto; overflow: hidden; margin-right: 5px; padding: 5px; }
.article2-slide > .swiper-wrapper > li > a { display: block; height: 100%; }
.article2-slide > .swiper-wrapper > li > a > p { margin: 0; }
.article2-slide > .swiper-wrapper > li > a > img { width: 100%; height: auto; border: 1px dotted #ccc; margin-bottom: 2px; }
.article2-slide > .swiper-wrapper > li > a > p > strong { display: block; color: #525252; font-weight: 400; font-size: 14px; text-align: center; line-height: 16px; }
.article2-slide > .swiper-wrapper > li > a > p > em { display: block; color: #06269A; font-weight: 500; font-size: 14px; font-style: normal; text-align: center; margin: 5px 0 5px 0; }

section.g-v { display: block; width: 100%; height: auto; }
.g-v-slide > .swiper-wrapper { height: auto; margin: 0; padding: 0; }
.g-v-slide > .swiper-wrapper > li { background-color: #fff; float: left; width: 220px; height: auto; overflow: hidden; margin-right: 1px; }
.g-v-slide > .swiper-wrapper > li > a { display: block; height: 100%; }
.g-v-slide > .swiper-wrapper > li > a > p { margin: 0; }
.g-v-slide > .swiper-wrapper > li > a > span { display: block; position: relative; }
.g-v-slide > .swiper-wrapper > li > a > span > i { position: absolute; top: 5px; left: 5px; color: #fff; font-weight: 300; font-size: 25px; }
.g-v-slide > .swiper-wrapper > li > a > span > img { width: 100%; height: auto; }
.g-v-slide > .swiper-wrapper > li > a > span > strong { display: block; font-family: "PT Sans","Helvetica Neue",sans-serif; width: 100%; position: absolute; bottom: 0; padding: 20px 5px 5px 5px; color: #fff; font-size: 16px; line-height: 18px; font-weight: 300; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 87%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 87%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 87%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
.g-v-slide > .swiper-wrapper > li > a > em { display: block; color: #3C3C3C; font-weight: 500; font-size: 14px; font-style: normal; }

.newspapers > .swiper-wrapper > li { width: 185px }
.newspapers > .swiper-wrapper > li strong { display: block; padding: 5px; text-align: center; }

section.news-list { display: block; position: relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 5px; }

/*list1*/
.list1 > ul { }
.list1 > ul > li { background-color: #000; max-width: 100%; height: auto; border-bottom: 1px solid #fff; vertical-align: top; }
.list1 > ul > li > a { display: block; position: relative; }
.list1 > ul > li > a > img { display: block; width: 100%; height: auto; }
.list1 > ul > li > a > strong { display: block; position: absolute; z-index: 2; bottom: 0; line-height: 20px; font-size: 20px; font-weight: 500; padding: 20px 5px 10px 5px; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 87%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 87%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 87%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
.list1 > ul > li > a > span { display: block; position: absolute; z-index: 2; top: 2px; left: 2px; padding: 2px; font-weight: 300; font-size: 11px; }
.list1 > ul > li > a > i { position: absolute; top: 5px; left: 5px; color: #fff; font-weight: 300; font-size: 25px; }

@media all and (orientation:landscape) {
    .list1 > ul { text-align: center; font-size: 0; margin-right: -1px; }
    .list1 > ul > li { display: inline-block; width: 50%; text-align: left; border-right: 1px solid #fff; }
    .list1 > ul > li > a > strong { font-size: 18px; }
}

/*list2*/
.list2 > ul { }
.list2 > ul > li { background-color: #000; max-width: 100%; height: auto; border-bottom: 1px solid #fff; vertical-align: top; }
.list2 > ul > li > a { display: block; position: relative; }
.list2 > ul > li > a > img { display: block; width: 100%; height: auto; }
.list2 > ul > li > a > strong { display: block; position: absolute; z-index: 2; bottom: 5px; left: 0; line-height: 20px; font-size: 18px; font-weight: 500; padding: 10px; color: #fff; background-color: rgba(0, 0, 0, 0.62); }
.list2 > ul > li > a > span { display: block; position: absolute; z-index: 2; top: 2px; left: 2px; padding: 5px; font-weight: 300; font-size: 11px; opacity: .6; }

@media all and (orientation:landscape) {
    .list2 > ul { text-align: center; font-size: 0; margin-right: -1px; }
    .list2 > ul > li { display: inline-block; width: 50%; text-align: left; border-right: 1px solid #fff; }
    .list2 > ul > li > a > strong { font-size: 16px; }
}

/*list3*/
.list3 > ul { }
.list3 > ul > li { background-color: #fff; width: 100%; height: auto; overflow: hidden; margin-bottom: 5px; border-bottom: 1px dotted #969696; }
.list3 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list3 > ul > li > a > img { float: left; width: 45%; height: auto; }
.list3 > ul > li > a > strong { float: left; width: 54%; line-height: 18px; font-size: 15px; font-weight: 500; padding: 0 0 0 5px; color: #000; }
.list3 > ul > li > a > span { float: left; display: block; position: absolute; bottom: 0; left: 45%; padding: 1px 3px 1px 1px; margin: 2px 0 0 0; font-weight: 300; font-size: 11px; }

/*list4*/
.list4 > ul { }
.list4 > ul > li { background-color: #fff; width: 100%; height: auto; overflow: hidden; margin-bottom: 5px; }
.list4 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list4 > ul > li > a > img { width: 100%; max-width: 100%; height: auto; }
.list4 > ul > li > a > strong { display: block; line-height: 20px; font-size: 18px; font-weight: 500; padding: 2px 0 5px 5px; color: #000; margin: 5px 0 5px 0; }
.list4 > ul > li > a > span { display: block; position: absolute; top: 5px; right: 0; padding: 1px 5px 1px 5px; margin: 2px 0 0 0; font-weight: 300; font-size: 11px; }

/*list5*/
.list5 > ul { }
.list5 > ul > li { background-color: #fff; width: 100%; height: auto; overflow: hidden; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.list5 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list5 > ul > li > a > img { float: right; width: 45%; height: auto; }
.list5 > ul > li > a > strong { float: left; width: 54%; line-height: 18px; font-size: 15px; font-weight: 500; padding: 0 0 0 5px; color: #000; }
.list5 > ul > li > a > span { display: block; position: absolute; bottom: 0; right: 0; padding: 1px 3px 1px 3px; margin: 2px 0 0 0; font-weight: 300; font-size: 11px; }

/*list6*/
.list6 > ul { width: 100%; position: relative; margin: 0; }
.list6 > ul > li { background-color: #fff; padding: 2px; }
.list6 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list6 > ul > li > a > img { width: 100%; height: auto; }
.list6 > ul > li > a > strong { display: block; padding: 5px; font-weight: 500; padding: 0 0 5px 5px; color: #000; line-height: 18px; font-size: 15px; }
.list6 > ul > li > a > span { display: inline-block; font-weight: 300; font-size: 11px; margin: 10px 0 10px 5px; line-height: normal; padding: 2px; }

@media all and (orientation:landscape) {
    .list6 > ul > li { width: 32%; }
}

@media all and (orientation:portrait) {
    .list6 > ul > li { width: 49%; }
}


/*list7*/
.list7 > ul { display: block; }
.list7 > ul > li { width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; vertical-align: top; background-color: #fff; border-bottom: 1px solid #ddd; }
.list7 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list7 > ul > li > a > img { width: 100%; max-width: 100%; height: auto; }
.list7 > ul > li > a > strong { display: block; line-height: 20px; font-size: 18px; font-weight: 500; padding: 5px 0 10px 5px; color: #000; }
.list7 > ul > li > p { overflow: hidden; height: auto; margin: 5px 0 0 0; }
.list7 > ul > li > p > a.cat { float: left; padding: 0px 5px 1px 5px; margin: 0; font-weight: 300; font-size: 12px; color: #776942; }
.list7 > ul > li > p > span.time { float: right; position: relative; color: #b2a277; font-style: normal; font-size: 12px; margin: 0 0 0 5px; padding: 1px 5px 1px 5px; }
.list7 > ul > li > p > span.time > i { font-size: 12px; top: 2px; }
.list7 > ul > li > p > span.time > a.s-name { color: #8a6d3b; font-size: 12px; margin: 0 5px 0 0; }
.list7 > ul > li.half-row {width:48%;margin-left:1%;margin-right:1%;float:left}

@media all and (orientation:landscape) {
    .list7 > ul { text-align: center; font-size: 0; margin-right: -1px; }
    .list7 > ul > li { display: inline-block; width: 50%; height: auto; text-align: left; border-right: 1px solid #fff; }
    .list7 > ul > li > a > strong { font-size: 16px; }
    .list7 > ul > li > a > p > span.time { font-size: 12px; }
}


/*list8*/
.list8 > ul { width: 100%; position: relative; margin: 0; }
.list8 > ul > li { background-color: #fff; padding: 2px; }
.list8 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list8 > ul > li > a > img { width: 100%; height: auto; }
.list8 > ul > li > a > strong { display: block; padding: 5px; font-weight: 600; padding: 0 0 5px 5px; color: #000; line-height: 18px; font-size: 15px; }
.list8 > ul > li > a > span { display: inline-block; font-weight: 300; font-size: 12px; margin: 10px 0 10px 5px; line-height: normal; color: #666; }
.list8 > ul > li > a > span.time { display: block; margin-bottom: 5px; font-size: 12px; }
.list8 > ul > li > a > span.time > i { font-size: 12px; }

@media all and (orientation:landscape) {
    .list8 > ul > li { width: 32%; }
}

@media all and (orientation:portrait) {
    .list8 > ul > li { width: 49%; }
}

/*list9*/
.list9 > ul { background-color: #E8E8E8; }
.list9 > ul > li { background-color: #fff; width: 100%; height: auto; overflow: hidden; margin-bottom: 1px; vertical-align: top; }
.list9 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list9 > ul > li > a > img { float: left; width: 130px; height: auto; }
.list9 > ul > li > a > strong { float: left; width: 54%; line-height: 20px; font-size: 16px; font-weight: 600; padding: 0 0 0 5px; color: #313131; }
.list9 > ul > li > a > p { overflow: hidden; height: auto; margin: 5px 0 5px 0; }
.list9 > ul > li > a > p > span { float: left; padding: 0px 5px 1px 5px; margin: 0; font-weight: 300; font-size: 12px; color: #b2a277; text-decoration: underline; }
.list9 > ul > li > a > p > span.time { float: right; position: relative; color: #b2a277; font-style: normal; font-size: 12px; margin: 0 0 0 5px; padding: 1px 5px 1px 5px; text-decoration: none; }
.list9 > ul > li > a > p > span.time > i { font-size: 13px; top: 2px; }

/*list10*/
.list10 > ul { background-color: #fff; overflow: hidden; height: auto; font-size: 0; margin-right: -1px; }
.list10 > ul > li { display: inline-block; background-color: #fff; width: 50%; height: auto; overflow: hidden; vertical-align: top; border-right: 1px solid #EFEEEE; }
.list10 > ul > li > a { display: block; width: 100%; height: auto; overflow: hidden; position: relative; }
.list10 > ul > li > a > img { width: 100%; max-width: 100%; height: auto; }
.list10 > ul > li > a > strong { display: block; line-height: 20px; margin: 10px 0 10px 0; font-size: 16px; font-weight: 600; padding: 0 0 0 5px; color: #313131; }
.list10 > ul > li > a > p { overflow: hidden; height: auto; margin: 10px 0 0 0; }
.list10 > ul > li > a > p > span { float: left; padding: 0px 5px 1px 5px; margin: 0; font-weight: 300; font-size: 12px; color: #b2a277; }
.list10 > ul > li > a > p > span.time { float: right; position: relative; color: #b2a277; font-style: normal; font-size: 12px; margin: 0 0 0 5px; padding: 1px 5px 1px 5px; }
.list10 > ul > li > a > p > span.time > i { font-size: 13px; top: 2px; }

@media all and (orientation:landscape) {
    .list10 > ul { }
    .list10 > ul > li { width: 33.3%; }
}

section.markets { display: block; width: 100%; height: auto; overflow: hidden; background-color: #F2F2F2; }

.markets-slide1 > .swiper-wrapper { height: auto; margin: 0; padding: 0; }
.markets-slide1 > .swiper-wrapper > li { position: relative; clear: both; background-color: #232323; float: left; width: 19.42%; height: auto; overflow: hidden; margin-right: 5px; padding: 5px; text-align: left; font-size: 12px; color: #fff; }
.markets-slide1 > .swiper-wrapper > li > strong { display: block; font-weight: 400; color: #f5f2f2; }
.markets-slide1 > .swiper-wrapper > li > em { font-weight: 500; color: #fff; }
.markets-slide1 > .swiper-wrapper > li > i { position: absolute; bottom: 0; top: 50%; right: 5px; font-size: 15px; }
.markets-slide1 > .swiper-wrapper > li > i.glyphicon-arrow-down { color: #2680DC; }
.markets-slide1 > .swiper-wrapper > li > i.glyphicon-arrow-up { color: #FF2A2A; }
.markets-slide1 > .swiper-wrapper > li > i.glyphicon-stop { color: #ccc; }

.markets-slide2 > .swiper-wrapper { height: auto; margin: 0; padding: 0; }
.markets-slide2 > .swiper-wrapper > li { position: relative; clear: both; background-color: #1B006B; float: left; width: auto; height: auto; overflow: hidden; margin-right: 5px; padding: 5px; text-align: left; font-size: 12px; color: #fff; }
.markets-slide2 > .swiper-wrapper > li > strong { font-weight: 400; color: #fff; }
.markets-slide2 > .swiper-wrapper > li > em { font-weight: 500; color: #fff; }
.markets-slide2 > .swiper-wrapper > li > i { display: inline-block; font-size: 15px; }
.markets-slide2 > .swiper-wrapper > li > i.glyphicon-arrow-down { color: #2680DC; }
.markets-slide2 > .swiper-wrapper > li > i.glyphicon-arrow-up { color: #FF2A2A; }
.markets-slide2 > .swiper-wrapper > li > i.glyphicon-stop { color: #ccc; }

section.markets2 { display: block; width: 100%;overflow: hidden; text-align: center; background-color: #3A3A3A; color: #fff; padding:10px 0; }
section.markets2 > div { display: inline-block; width: auto; padding: 0 2px 0 3px; font-size: 14px; font-family: "PT Sans","Helvetica Neue",sans-serif; width:49%; }
section.markets2 > div > span { display: inline-block; width: 10px; height: 10px; background: transparent url(../i/sprite.png); }
section.markets2 > div.up > span { background-position: 1px -36px; background-repeat: no-repeat; }
section.markets2 > div.down > span { background-position: -9px -38px; background-repeat: no-repeat; }
section.markets2 > div.cont > span { background: none; background-color: #207598; }

.authors { padding: 4px; background-color: #fff }
.authors li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee }
.authors li:last-child { margin-bottom: 0; border-bottom: 0 }
.authors li a { display: block; }
.authors li a img { border-radius: 50% }
.authors li a p { position: absolute; left: 75px; top: 10px }
.authors li a p span { display: block; font-size: 14px; color: #666 }
.authors li a p strong { display: block; font-weight: 600}

/*HABER DETAY*/
.n-d { display: block; overflow: hidden; height: auto; font-family: "PT Sans","Helvetica Neue",sans-serif; margin-bottom: 30px; background-color: #234B4C; }
.n-d .hs_item { background:#fff;}
.n-d-head { overflow: hidden; height: auto; background: #fff;}
.n-d > div > .n-d-head > h1,
.n-d > div > .n-d-head > h2,
.n-d > div > .n-d-head > h3 { margin: 0; padding: 0 7px 0 7px; color: #353535; }
.n-d > div > .n-d-head > h1 { font-size: 26px; font-weight: bold; margin: 10px 0 0 0; color: #000; }
.n-d > div > .n-d-head > span > img { width: 100%; height: auto; margin: 10px 0 0 0; }
.n-d > div > .n-d-head > h2 { font-size: 17px; line-height: 1.4; color: #383838; word-wrap: break-word; font-weight: 600; margin-bottom: 10px; }
.n-d > div > .n-d-head > h3 { font-size: 13px; margin: 10px 0 10px 0; color: #777777; }
.n-d > div > .n-d-head > h3 > span { padding: 0 4px 0 4px; }
.n-d-head .authr { position: relative; height: 100px; margin-bottom: 20px }
.n-d-head .authr img { position: absolute; left: 10px; top: 10px; width: 75px; height: 75px; border-radius: 50%; margin-top: 5px; }
.n-d-head .authr .authr-ttl { margin-left: 110px }
.n-d-head .authr .authr-ttl h3 a { color:#fff; }
.n-d-head .authr h1 { margin-top: 10px; margin-bottom: 5px; font-size: 20px !important; }
.n-d-head .authr h3 { margin-top:0; font-size: 16px }
.n-d-head .authr h3 span { display: block; margin-bottom: 5px }
.n-d-social { padding: 10px 0 5px 0; text-align: center; background-color: #fff; }
.n-d-social-fxd { padding: 0; position: fixed; width: 100%; max-width: 600px; bottom: 0; background-color: #B3B3B3; z-index: 100; }
.n-d-social-fxd-body-margin { margin: 0 0 40px 0; }
.n-d-social > a { display: block; float: left; width: 40px; height: 40px; background: #333; text-align: center; line-height: 40px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; margin-left: 1.5%; }
.n-d-social > a i.fa { color: #fff; font-size: 26px; vertical-align: middle; }
.n-d-social > a.facebook { background: #4a67b7; }
.n-d-social > a.twitter { background: #22b0f2; }
.n-d-social > a.googleplus { background: #d54c47; }
.n-d-social > a.linkedin { background: #2187c9; }
.n-d-social > a.whatsapp { background: #2ab200; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTUuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IldoYXRzQXBwIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBmaWxsPSJ3aGl0ZSIgZD0iTTk1LDQ5LjI0N2MwLDI0LjIxMy0xOS43NzksNDMuODQxLTQ0LjE4Miw0My44NDEKICBjLTcuNzQ2LDAtMTUuMDI1LTEuOTgtMjEuMzU3LTUuNDU1TDUsOTUuNDA2bDcuOTc1LTIzLjUyMmMtNC4wMjMtNi42MDctNi4zNC0xNC4zNTUtNi4zNC0yMi42MzcKICBjMC0yNC4yMTMsMTkuNzgxLTQzLjg0MSw0NC4xODQtNDMuODQxUzk1LDI1LjAzNCw5NSw0OS4yNDd6IE01MC44MTgsMTIuMzg4Yy0yMC40ODQsMC0zNy4xNDYsMTYuNTM1LTM3LjE0NiwzNi44NTkKICBjMCw4LjA2NSwyLjYyOSwxNS41MzQsNy4wNzYsMjEuNjExbC00LjY0MSwxMy42ODhsMTQuMjc1LTQuNTM3YzUuODY1LDMuODUxLDEyLjg5MSw2LjA5NywyMC40MzYsNi4wOTcKICBjMjAuNDgyLDAsMzcuMTQ2LTE2LjUzNCwzNy4xNDYtMzYuODU4UzcxLjMwMSwxMi4zODgsNTAuODE4LDEyLjM4OHogTTczLjEyOSw1OS4zNDRjLTAuMjczLTAuNDQ3LTAuOTk0LTAuNzE3LTIuMDc2LTEuMjU0CiAgYy0xLjA4NC0wLjUzNy02LjQxLTMuMTM4LTcuNC0zLjQ5NWMtMC45OTQtMC4zNTgtMS43MTctMC41MzktMi40MzksMC41MzdjLTAuNzIxLDEuMDc2LTIuNzk3LDMuNDk1LTMuNDMsNC4yMTIKICBjLTAuNjMxLDAuNzE4LTEuMjYyLDAuODA4LTIuMzQ2LDAuMjdjLTEuMDgyLTAuNTM3LTQuNTcyLTEuNjcyLTguNzA5LTUuMzMzYy0zLjIxOS0yLjg0OC01LjM5My02LjM2NC02LjAyNS03LjQ0MQogIGMtMC42MzEtMS4wNzUtMC4wNjYtMS42NTYsMC40NzUtMi4xOTFjMC40ODgtMC40ODIsMS4wODQtMS4yNTUsMS42MjUtMS44ODJjMC41NDMtMC42MjgsMC43MjMtMS4wNzUsMS4wODItMS43OTMKICBjMC4zNjMtMC43MTcsMC4xODItMS4zNDQtMC4wOS0xLjg4M2MtMC4yNy0wLjUzNy0yLjQzOC01LjgyNS0zLjM0LTcuOTc3Yy0wLjkwMi0yLjE1LTEuODAzLTEuNzkyLTIuNDM2LTEuNzkyCiAgYy0wLjYzMSwwLTEuMzU0LTAuMDktMi4wNzYtMC4wOXMtMS44OTYsMC4yNjktMi44ODksMS4zNDRjLTAuOTkyLDEuMDc2LTMuNzg5LDMuNjc2LTMuNzg5LDguOTYzYzAsNS4yODgsMy44NzksMTAuMzk3LDQuNDIyLDExLjExMwogIGMwLjU0MSwwLjcxNiw3LjQ5LDExLjkyLDE4LjUsMTYuMjIzYzExLjAxMiw0LjMwMiwxMS4wMTIsMi44NjcsMTIuOTk4LDIuNjg4YzEuOTg0LTAuMTc5LDYuNDA2LTIuNTk5LDcuMzExLTUuMTA4CiAgQzczLjM5OCw2MS45NDQsNzMuMzk4LDU5Ljc5Miw3My4xMjksNTkuMzQ0eiIvPgo8L3N2Zz4K"); background-size: 26px 26px; background-repeat: no-repeat; background-position: center center; }
.n-d-social > a.zoom-in,
.n-d-social > a.zoom-out { background-color: #888; }
.n-d > div > div.news-text { font-size: 16px; padding: 7px 7px 7px 7px; background-color: #fff; transition: 0.2s ease-in-out .2s; -webkit-transition: 0.2s ease-in-out .2s; -moz-transition: 0.2s ease-in-out .2s; -o-transition: 0.2s ease-in-out .2s; }
.n-d > div > div.news-text > p { margin-bottom: 10px; }
.n-d > div > div.news-text img { width: 100% !important; height: auto !important; margin-bottom:10px; }
.n-d > div > div.news-text > iframe { max-width: 100%; min-width: 100%; height: 240px; }
.n-d > div > article { font-size: 16px; padding: 7px 7px 7px 7px; background-color: #fff; transition: 0.2s ease-in-out .2s; -webkit-transition: 0.2s ease-in-out .2s; -moz-transition: 0.2s ease-in-out .2s; -o-transition: 0.2s ease-in-out .2s; }
.n-d > div > article img { width: 100% !important; height: auto !important; }
.n-d > div > article p { margin-bottom: 20px }

.n-d .hs_item .comm-btn{display:block;width:120px;height:35px;background-color:#2882b7;/*padding-top:8px;*/border-radius:4px;text-align:center;color:white}
.n-d .hs_item .comm-btn:hover{color:white}
.n-d .hs_item .comm-btn span{position:absolute;left:-60px;top:4px;padding-top:4px;font-size:12px;color:#2c3e50}
.n-d .hs_item .comments{padding:20px;margin-bottom:20px;background-color:#fff}
.n-d .hs_item .comments form{margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #c3c1c0}
.n-d .hs_item .comments textarea, .comments input{border:1px solid #e2e6e9;resize:none;font-weight:300}
.n-d .hs_item .comments textarea{height:86px}
.n-d .hs_item .comments .contract{margin-top:8px;font-size:13px;color:#bdc3c7}
.n-d .hs_item .comments .comm-lists{padding:0;margin:0;list-style:none}
.n-d .hs_item .comments .comm-lists li {margin-bottom:10px; background:#fafbfb;position: relative;}
.n-d .hs_item .comments .comm-lists li:last-child {margin:0px;}
.n-d .hs_item .comments .comm-lists li p{width:100%;padding:5px 10px;background-color:#ecf0f1;clear:both; line-height:18px; color:#333;border-radius:5px 5px 0 0}
.n-d .hs_item .comments .comm-lists abbr {display:block; height:24px; margin-right:15px; color:#2882b7;}
.n-d .hs_item .comments .comm-lists abbr b {float:left; height:24px; line-height: 18px;margin-right:15px; color:#2882b7; font-size:13px; padding-top:2px;}
.n-d .hs_item .comments .comm-lists abbr small {float:left; height:24px; line-height:24px; color:#587986; font-size:11px;}
.n-d .hs_item .comments .comm-lists abbr a {float:right; height:24px; color:#2882b7; font-size:11px;}
.n-d .hs_item .comments .comm-lists .vote {padding:0;font-size:12px;font-weight:bold;color:#fff;height:30px;line-height:30px;text-align:center;}
.n-d .hs_item .comments .comm-lists .vote.down {background:#ce594f;border-radius:0 0 0 5px;}
.n-d .hs_item .comments .comm-lists .vote.up {background:#79b330;border-radius:0 0 5px 0;}

a.commentCevapButton {
    position: absolute;
    display: block!important;
    right: 5px;
    top: 0;
    color: #ce594f;
    font-weight: bold;
}
.commentParent{
  padding: 10px;
  background: #79b330;
  color: #fff;
      margin-bottom: 10px;
}
.commentParent .parent_name{
  font-weight: bold;
}
.commentParent .parent_close{
      background: #ce594f;
    width: 24px;
    height: 24px;
    float: right;
    margin-top: -5px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    cursor: pointer;
}
.parent_comment{
	margin-left: 40px!important;
}

.n-d .news-text .comments {padding:20px;margin-bottom:20px;background-color:#fff}
.n-d .news-text .comments form{margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #c3c1c0}
.n-d .news-text .comments textarea, .comments input{border:1px solid #e2e6e9;resize:none;font-weight:300}
.n-d .news-text .comments textarea{height:86px}
.n-d .news-text .comments .comm-btn{display:block;width:120px;height:35px;background-color:#2882b7;/*padding-top:8px;*/border-radius:4px;text-align:center;color:white}
.n-d .news-text .comments .comm-btn:hover{color:white}
.n-d .news-text .comments .comm-lists{padding:0;margin:0;list-style:none}
.n-d .news-text .comments .comm-lists li {margin-bottom:10px; background:#fafbfb;}
.n-d .news-text .comments .comm-lists li:last-child {margin:0px;}
.n-d .news-text .comments .comm-lists li p{margin: 0;width:100%;padding:5px 10px;background-color:#ecf0f1;clear:both; line-height:18px; color:#333;border-radius:5px 5px 0 0}
.n-d .news-text .comments .comm-lists abbr {display:block; height:24px; margin-right:15px; color:#2882b7;}
.n-d .news-text .comments .comm-lists abbr b {float:left; height:24px; line-height: 18px;margin-right:15px; color:#2882b7; font-size:13px; padding-top:2px;}
.n-d .news-text .comments .comm-lists abbr small {float:left; height:24px; line-height:24px; color:#587986; font-size:11px;}
.n-d .news-text .comments .comm-lists .vote {padding:0;font-size:12px;font-weight:bold;color:#fff;height:30px;line-height:30px;text-align:center;}
.n-d .news-text .comments .comm-lists .vote.down {background:#ce594f;border-radius:0 0 0 5px; margin-bottom: 10px;}
.n-d .news-text .comments .comm-lists .vote.up {background:#79b330;border-radius:0 0 5px 0; margin-bottom: 10px;}

.n-d > div.nextNewsBrackets { padding: 5px; font-size: 20px; text-align: center; font-weight: 400; background-color: #EEEFBC; }

.n-d > div > div.news-text > div.ajansGaleri { }
.n-d > div > div.news-text > div.ajansGaleri > a { display: inline-block; margin: 0 0 5px 0; }

.n-d > div.nextNewsBrackets { padding: 5px; font-size: 20px; text-align: center; font-weight: 400; background-color: #EEEFBC; }




/*GALERİ DETAY*/
.g-d { display: block; overflow: hidden; height: auto; font-family: "PT Sans","Helvetica Neue",sans-serif; }

/*Galeri Detay - 1*/
.g-d-head { overflow: hidden; height: auto; background-color: #383434; }
.g-d > div.g-d-head > h1,
.g-d > div.g-d-head > h2,
.g-d > div.g-d-head > h3 { margin: 0; padding: 0 5px 0 5px; color: #353535; }
.g-d > div.g-d-head > h1 { font-size: 26px; font-weight: bold; margin: 10px 0 0 0; color: #EFEFEF; }
.g-d > div.g-d-head > span.i-cont { display: block; height: auto; overflow: hidden; position: relative; }
.g-d > div.g-d-head > span.i-cont > a > img { width: 100%; height: auto; margin: 10px 0 0 0; }
.g-d > div.g-d-head > span.i-cont > a.next { display: block; position: absolute; right: 5px; top: 0; bottom: 0; z-index: 100; width: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAzCAQAAAAqC3DBAAAA2UlEQVR4AdXNNVJEURBA0Rfh7u5EOFv6K4CdQIRFZDjkyAaAcXd3S8d6XNLX/Ysubn7qCnKwDl+wgsU3ALn48y4O9/p/ADIpJL8ddOtU4K97KH45QOL3/bzcVeNp/F1L4q46f9sn8ecDPp4lcI0K/OWQhzt/2XkGz39U4G9HJP50jOKRtWIBwOkUE9IUZsEMkEwdnQsFRdOJKj0Vo3J0jkrjf04tfPQAQee76AiCJon0RJ5a+ej+mTxdYKQxHLX9L7rYoLvytIo/2nRYyAbbXguS1psUCoKyVQG5Plnv4lOblwAAAABJRU5ErkJggg=='); background-size: 30px 51px; background-repeat: no-repeat; background-position: center center; }
.g-d > div.g-d-head > span.i-cont > a.prev { display: block; position: absolute; left: 5px; top: 0; bottom: 0; z-index: 100; width: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAzCAQAAAAqC3DBAAAA3ElEQVR4AdXLvQqCYBQA0Au1hUG0RqWl1toD9A7tVUMv097Q2Bpi9gYF7W2qIVi1+Ve0F9zUwd37geLZD+QK23hEnlpviJczNIj1anErmGStnbQuoEqqNcZayVrviBZjnedYu3E1zTLVB6LBWGdZK89ajdzrs6iqk6qQ1imt6vnWKJ8Qf9/RmlCj3Pr4iK6/FYFCG75DxMDdC9QeIHs/9Ij9lXSlX8KuDpLuFdtVkdhDv7RdkeMeFte9uGsSU1fkEvadlHSf2FWRsQdRd2yoE7tjjzewBCIuqk0o1B8OqVVbmJsAhwAAAABJRU5ErkJggg=='); background-size: 30px 51px; background-repeat: no-repeat; background-position: center center; }
.g-d > div.g-d-head > h2 { margin: 10px 0 0 0; font-size: 17px; line-height: 1.4; color: #D2D2D2; word-wrap: break-word; font-weight: 500; }
.g-d > div.g-d-head > h3 { font-size: 14px; margin: 10px 0 0 0; color: #777777; }
.g-d-social { margin: 10px 0 0 0; padding: 0 5px 0 5px; text-align: center; }
.g-d-social > a { display: inline-block; width: 18.97%; height: 40px; background: #333; text-align: center; line-height: 40px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.g-d-social > a i.fa { color: #fff; font-size: 26px; vertical-align: middle; }
.g-d-social > a.facebook { background: #4a67b7; }
.g-d-social > a.twitter { background: #22b0f2; }
.g-d-social > a.googleplus { background: #d54c47; }
.g-d-social > a.linkedin { background: #2187c9; }
.g-d-social > a.whatsapp { background: #2ab200; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTUuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IldoYXRzQXBwIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBmaWxsPSJ3aGl0ZSIgZD0iTTk1LDQ5LjI0N2MwLDI0LjIxMy0xOS43NzksNDMuODQxLTQ0LjE4Miw0My44NDEKICBjLTcuNzQ2LDAtMTUuMDI1LTEuOTgtMjEuMzU3LTUuNDU1TDUsOTUuNDA2bDcuOTc1LTIzLjUyMmMtNC4wMjMtNi42MDctNi4zNC0xNC4zNTUtNi4zNC0yMi42MzcKICBjMC0yNC4yMTMsMTkuNzgxLTQzLjg0MSw0NC4xODQtNDMuODQxUzk1LDI1LjAzNCw5NSw0OS4yNDd6IE01MC44MTgsMTIuMzg4Yy0yMC40ODQsMC0zNy4xNDYsMTYuNTM1LTM3LjE0NiwzNi44NTkKICBjMCw4LjA2NSwyLjYyOSwxNS41MzQsNy4wNzYsMjEuNjExbC00LjY0MSwxMy42ODhsMTQuMjc1LTQuNTM3YzUuODY1LDMuODUxLDEyLjg5MSw2LjA5NywyMC40MzYsNi4wOTcKICBjMjAuNDgyLDAsMzcuMTQ2LTE2LjUzNCwzNy4xNDYtMzYuODU4UzcxLjMwMSwxMi4zODgsNTAuODE4LDEyLjM4OHogTTczLjEyOSw1OS4zNDRjLTAuMjczLTAuNDQ3LTAuOTk0LTAuNzE3LTIuMDc2LTEuMjU0CiAgYy0xLjA4NC0wLjUzNy02LjQxLTMuMTM4LTcuNC0zLjQ5NWMtMC45OTQtMC4zNTgtMS43MTctMC41MzktMi40MzksMC41MzdjLTAuNzIxLDEuMDc2LTIuNzk3LDMuNDk1LTMuNDMsNC4yMTIKICBjLTAuNjMxLDAuNzE4LTEuMjYyLDAuODA4LTIuMzQ2LDAuMjdjLTEuMDgyLTAuNTM3LTQuNTcyLTEuNjcyLTguNzA5LTUuMzMzYy0zLjIxOS0yLjg0OC01LjM5My02LjM2NC02LjAyNS03LjQ0MQogIGMtMC42MzEtMS4wNzUtMC4wNjYtMS42NTYsMC40NzUtMi4xOTFjMC40ODgtMC40ODIsMS4wODQtMS4yNTUsMS42MjUtMS44ODJjMC41NDMtMC42MjgsMC43MjMtMS4wNzUsMS4wODItMS43OTMKICBjMC4zNjMtMC43MTcsMC4xODItMS4zNDQtMC4wOS0xLjg4M2MtMC4yNy0wLjUzNy0yLjQzOC01LjgyNS0zLjM0LTcuOTc3Yy0wLjkwMi0yLjE1LTEuODAzLTEuNzkyLTIuNDM2LTEuNzkyCiAgYy0wLjYzMSwwLTEuMzU0LTAuMDktMi4wNzYtMC4wOXMtMS44OTYsMC4yNjktMi44ODksMS4zNDRjLTAuOTkyLDEuMDc2LTMuNzg5LDMuNjc2LTMuNzg5LDguOTYzYzAsNS4yODgsMy44NzksMTAuMzk3LDQuNDIyLDExLjExMwogIGMwLjU0MSwwLjcxNiw3LjQ5LDExLjkyLDE4LjUsMTYuMjIzYzExLjAxMiw0LjMwMiwxMS4wMTIsMi44NjcsMTIuOTk4LDIuNjg4YzEuOTg0LTAuMTc5LDYuNDA2LTIuNTk5LDcuMzExLTUuMTA4CiAgQzczLjM5OCw2MS45NDQsNzMuMzk4LDU5Ljc5Miw3My4xMjksNTkuMzQ0eiIvPgo8L3N2Zz4K"); background-size: 26px 26px; background-repeat: no-repeat; background-position: center center; }

/*Galeri Detay - 2*/
#glryhst { margin-bottom: 30px; }
.g-d > h1 { font-size: 35px; line-height: 40px; font-family: "PT Sans","Helvetica Neue",sans-serif; color: #414141; padding: 0px 10px 25px 10px; clear: both; font-weight: 600; }
.g-d > h1 > i { padding: 0 15px 0 0; }
.g-d > h1 > span { vertical-align: middle; font-size: 35px; border-left: 1px solid #414141; padding-left: 15px; }
.g-d > div.glrydtl { }
.g-d > div.glrydtl > ul { padding: 0; margin: 0; list-style: none; }
.g-d > div.glrydtl > ul > li { margin-bottom: 30px; }
.g-d > div.glrydtl > ul > li > div.glryhead { position: relative; height: 20px; margin-bottom: 15px; border-top: 1px solid #ddd; }
.g-d > div.glrydtl > ul > li > div.glryhead > div.glryshare { position: absolute; top: -25px; width: 100%; }
.g-d > div.glrydtl > ul > li > div.glryhead > div.glrnav { position: absolute; right: 0; top: -25px; width: 50px; height: 50px; background-color: #414141; }
.g-d > div.glrydtl > ul > li > div.glryhead > div.glrnav > i.current { display: block; margin-left: 5px; margin-top: 2px; font-size: 20px; color: #fff; font-style: normal; }
.g-d > div.glrydtl > ul > li > div.glryhead > div.glrnav > i.count { position: absolute; right: 0; bottom: 0; padding: 2px; background-color: #fff; font-size: 12px; font-style: normal; color: #000; }
.g-d > div.glrydtl > ul > li > p { font-size: 20px; font-weight: 400; line-height: 25px; padding: 7px 7px 0 7px; }
.g-d > div.glrydtl > ul > li > img { width: 100%; height: auto; }

.g-d > div.nextGalleryBrackets { padding: 5px; font-size: 20px; text-align: center; font-weight: 400; background-color: #A9A9A9; color: #252525; }


.nextglr { display: block; padding: 10px; margin-bottom: 20px; background-color: #ddd; color: #333; font-size: 20px; text-align: center; }

#glr-dtl { background-color: #fff }
#glr-dtl h1 { background-color: #f1f1f1; margin-bottom: 20px; font-size: 30px; text-align: center; }
#glr-dtl .glr-itm { text-align: center; }
#glr-dtl .glr-itm img { margin-bottom: 20px; max-width: 100% }
#glr-dtl .glr-itm p { font-size: 18px; line-height: 24px; padding: 10px }

#glr-dtl .glrbtm {height: 52px;background-color: #eee;color: #000;margin-bottom: 20px;margin-top: 35px;position: relative;}
#glr-dtl .glrbtm span{ display: block; float: left; padding: 10px; }
#glr-dtl .glrbtm .social a{display:inline-block;width:32px;height:32px;margin-right:5px;padding-top:3px;color: #fff;border-radius: 50%;font-size: 18px;text-align: center;}
#glr-dtl .glrbtm .social a.wp{background-color: #2AB201}
#glr-dtl .glrbtm .social a.fb{background-color: #4a67b7}
#glr-dtl .glrbtm .social a.tw{background-color: #22B0F2}
#glr-dtl .glrbtm .social a.gp{background-color: #d54c47}
#glr-dtl .glrbtm .nmb { float: right; font-size: 30px }
#glr-dtl .glrbtm .nmb span { display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 6px; height: 52px; background-color: #bbb }
#glr-dtl .glrbtm .nmb em { display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 6px; height: 52px; font-style: normal }
#glr-dtl .glrbtm .rltdnws { position: relative; float: right; }
#glr-dtl .social { float: left; margin-top: 10px; margin-left: 10px }

/*KATEGORİ
.c-t-txt { background-color: #e8e8e8; font-size: 20px; color: #a94442; font-weight: 700; padding: 10px; font-family: "PT Sans","Helvetica Neue", sans-serif; background: -moz-linear-gradient(top, rgba(232,232,232,0) 0%, rgba(23,23,23,0) 90%, rgba(0,0,0,0.15) 100%); background: -webkit-linear-gradient(top, rgba(232,232,232,0) 0%,rgba(23,23,23,0) 90%,rgba(0,0,0,0.15) 100%); background: linear-gradient(to bottom, rgba(232,232,232,0) 0%,rgba(23,23,23,0) 90%,rgba(0,0,0,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e8e8', endColorstr='#26000000',GradientType=0 ); }
*/
.c-t-txt { position: fixed; z-index: 1000; top: 14px; right: 5px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #DCDCDC; font-size: 20px; text-shadow: 1px 1px 0px rgb(27, 115, 163); }

/*TAM SAYFA REKLAM*/
.ad-fullpage { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #444; z-index: 100000; }
.ad-fullpage-open { display: block; }
.ad-fullpage > div.ad-c-t-cont { padding: 5px; height: auto; overflow: hidden; }
.ad-fullpage > div.ad-c-t-cont > span.adclosetime { float: right; display: block; color: #ccc; font-size: 12px; padding: 7px; font-style: italic; }
.ad-fullpage > div.ad-c-t-cont > a.adclose { float: right; display: block; font-size: 22px; color: #fff; margin: 0 5px 0 0; }
.ad-fullpage > div.ad-cont { text-align: center; margin: 10px 0 0 0; }

.footer{padding-top:30px;text-align:center;width:auto}
.footer a{font:bold 1em Arial;color:#000;display:block;margin-bottom:10px}
.footer span{font-size:12px;display:block;padding-bottom:10px}

.map { position: relative; margin-top: 20px }
.map img { width: 100% }
.map .form { position: absolute; z-index: 1; top: 45%; left: 50%; width: 50%; margin-left: -25%; }

.nwsp-lst { margin-bottom: 30px }
.nwsp-lst h2 { margin-bottom: 20px; font-size: 18px }
.nwsp-lst li { width: 50%; height: 330px; float: left; padding: 5px }
.nwsp-lst li img { width: 100%; margin-bottom: 10px }
.nwsp-lst li strong { display: block; text-align: center; }

.nwsp-dtl { margin-bottom: 20px }
.nwsp-dtl h2 { margin-bottom: 20px; font-size: 18px }
.nwsp-dtl img { width: 100% }

.nwsp-dtl-lst { margin-bottom: 20px; font-size: 14px }
.nwsp-dtl-lst li { width: 50%; float: left }
.nwsp-dtl-lst li a { display: block; padding: 4px; margin: 2px; background-color: #ddd}

.loader {
    position:relative;
    width: 20px;
    margin:auto;
}
.loader:before{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#9b59b6;
    animation: loader_before 1.5s infinite ease-in-out;
}
 
.loader:after{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#2ecc71;
    left:22px;
    animation: loader_after 1.5s infinite ease-in-out;
}
 
@keyframes loader_before {
    0% {transform: translateX(0px) rotate(0deg)}
    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}
      100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes loader_after {
    0% {transform: translateX(0px)}
    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
    100% {transform: translateX(0px)}
}


.ui-datepicker-inline{margin:0 auto;}
.ui-datepicker.ui-datepicker-multi { margin: 0 auto; }
.anlik-borsa-list {}
.anlik-borsa-list li {}
.anlik-borsa-list li a {}
.anlik-borsa-list li a small {font-weight:bold;color:#be0000}
.anlik-borsa-list li a strong {}


.activity-list{}
.activity-list ul{}
.activity-list li{margin-bottom: 20px;background: #fff;padding: 10px;}
.activity-list strong{display: block;margin-bottom: 5px;}
.activity-list small{display: block;margin-bottom: 5px;color: #be0000;}
.activity-list em{display: block;margin-bottom: 5px;}
.activity-list b{margin-bottom: 5px;display: block;color: #ce0000;}
.activity-list span{}

ul.letters{margin-bottom:10px;height:14px;margin-bottom:20px;}
ul.letters li{float:left;border-right:1px dotted #555}
ul.letters li:last-child{border-right:none}
ul.letters li a{font-size:15px;font-weight:700;padding:0 6px;color:#2c505f;line-height:1em}


.fnc {margin:10px 10px;text-align:center;clear:both;}
.fnc ul {margin:0 auto;padding:0;}
.fnc li {list-style:none;width:25%;float:left;border-right:2px solid #fff;background:#f5f3f3;padding:4px 0}
.fnc li:last-child {border:none;}
.fnc li strong {display:block;}
.fnc li span {display:block;}
.fnc li em {display:block;font-style:normal;font-weight:bold;}
.fnc li .fa-caret-up, .fnc li .up{color:#82ad2f}
.fnc li .fa-caret-down, .fnc li .down{color:#c24141}
.fnc li .fa-circle, .fnc li .circle{color:#e0b60b;font-size:14px}

.box-ad{margin:10px auto;}

span.singleDate {
    position: absolute;
    right: 0;
    top: -100%;
    display: block;
    background: #eee;
    padding: 0 15px!important;
    margin: 0!important;
    font-weight: bold;
    font-size: 12px;
    line-height: 52px;
}