#navpanel,
.panel-menu,
.ui-panel-inner {
    position: fixed;
    right: 0
}

.stock-market li b,
body,
span.categorys a {
    font-family: 'Open Sans', sans-serif
}

.astroloji .sliderDiv,
.stock-market li,
.stock-market_weather li,
ul.share-area.detail-share li,
ul.slides li h1,
ul.slides li h1 a {
    text-align: center
}

body {
    font-size: 15px
}

.header.ui-bar-b {
    border: 0;
    height: 46px;
    overflow-y: hidden;
    width: 100%;
    background-color: #cf161c
}

.ui-footer-fixed,
.ui-header-fixed {
    z-index: 999999!important
}

.ui-footer-fixed {
    bottom: 0!important;
    position: fixed
}

.header-logo {
    padding-top: 9px
}

.panel-trigger {
    background-color: #333
}

.ui-body-a {
    border: 0
}

nav {
    display: block
}

.ui-panel-inner {
    top: 1px;
    left: 0;
    bottom: 0;
    padding: 0;
    width: 272px
}

#navpanel {
    width: 256px!important;
    float: right;
    top: 0;
    z-index: 9999
}

.panel-menu {
    border-bottom: 1px solid #575757;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%!important;
    width: 255px;
    left: 0;
    top: 0
}

.panel-menu a i,
ul.slides li {
    position: relative
}

.panel-menu li {
    width: 50%;
    float: left
}

.panel-menu li a {
    color: #E2E2E2;
    border-bottom: 1px solid #3b3b3b;
    padding: 10px 13px;
    display: block;
    font-size: .875em;
    text-decoration: none
}

.panel-menu li a:hover {
    background-color: none
}

.panel-menu a i {
    padding-right: 10px;
    font-size: 24px;
    display: inline-block;
    float: left;
    color: #E2E2E2;
    bottom: 3px
}

.stock-market li span,
ul.slides li h1 a {
    color: #fff;
    font-size: 15px
}

.ui-content {
    padding: 0;
    width: 100%;
}

ul.slides li h1 a {
    width: 100%
}

ul.slides li h1 {
    padding: 3px 0;
    background-color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 24px;
    left: 23%;
    width: 50%
}

.stock-market li {
    float: left;
    padding: 5px 0;
    width: 25%
}

.stock-market li.last {
    border-right: 0;
    padding-right: 0
}

.stock-market li:nth-child(1),
.stock-market li:nth-child(3) {
    background-color: #39b54a
}

.stock-market li:nth-child(2),
.stock-market li:nth-child(4) {
    background-color: #cc282a
}

.stock-market li:nth-child(1) b,
.stock-market li:nth-child(3) b {
    color: #00610d
}

.stock-market li:nth-child(2) b,
.stock-market li:nth-child(4) b {
    color: #710b0c
}

.stock {
    padding-top: 15px;
    width: 100%;
    max-width: 100%;
    display: block
}

.stock-market_weather li {
    float: left;
    border-right: 1px solid #dcdcdc;
    padding: 5px 1px 15px;
    width: 25%;
    box-sizing: border-box
}

.stock-market_weather li.last {
    border-right: 0;
    padding-right: 0
}

.astroloji .sliderDiv,
.astroloji li {
    border-right: 0!important;
    padding: 5px 0 15px!important;
    float: left
}

.stock-market_weather li span {
    color: #cc292b;
    font-size: 15px
}

.astroloji a span,
.burc-name {
    font-size: 12px;
    color: #cc292b;
    width: 100%;
    display: block
}

.astroloji li {
    width: 100%!important
}

.astroloji li a {
    float: left;
    width: 25%
}

.burc-name {
    font-size: 18px!important;
    padding-top: 3px
}

.burc-icon {
    margin-right: 15px
}

.astroloji a b,
.burc-type {
    font-size: 10px!important;
    width: 100%!important;
    display: block;
    padding-top: 3px
}

.burc-type {
    font-size: 13px!important;
    color: #7c7c7c!important
}

.stock-market li span img {
    position: relative;
    left: 5px;
    bottom: 0;
    display: none
}

.stock-market li b {
    font-size: 15px;
    color: #494949
}

.stock-market li.weather {
    padding-left: 0;
    position: relative
}

.stock-market li span.city {
    color: #929292;
    font-size: 11px
}

.stock-market li.weather b,
.stock-market li.weather img,
.stock-market li.weather span {
    float: left
}

.stock-market li.weather b {
    font-size: 14px;
    font-weight: 700;
    color: #b01f21
}

.ui-listview>li p {
    font-size: 15px;
    line-height: 1.3em;
    margin: .2em 0!important
}

.stock-market li.weather img.weather {
    padding: 0 10px
}

.w-group {
    padding-top: 12px;
    width: 250px
}

.share-widget {
    z-index: 99999999;
    right: -161px;
    width: auto;
    height: 42px
}

.share-widget.active {
    transition: .3s;
    right: 0;
    border-left: 0
}

.share-widget.passive {
    transition: .3s;
    right: -161px;
    border-left: 0
}

ol.share-area {
    background-color: #fff;
    border-left: 1px solid #c8c7cc;
    float: left;
    border-bottom: 1px solid #c8c7cc
}

ol.share-area li a img {
    padding: 5px
}

ol.share-area li {
    float: left
}

ul.share-area.detail-share {
    width: 100%;
    border-bottom: 1px solid #979797;
    border-top: 1px solid #CCC;
    background-color: #fff;
    bottom: -34px;
    position: fixed
}

ul.share-area.detail-share2 {
    margin-top: 5px;
    border-top: 1px solid #CCC;
    width: 100%
}

ul.share-area.detail-share2 li:first-child {
    float: left;
    background: #ccc;
    padding: 15px 5px;
    font-size: 13px
}

ul.share-area li a {
    float: left;
    padding: 10px 15px
}

.gray-b {
    border-bottom: 1px solid #c4c4c4
}

ul.infoline li {
    float: left
}

ul.infoline li:last-child {
    margin-right: 0
}

ul.infoline li a,
ul.infoline li span {
    font-size: 12px;
    color: #818a8c;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    font-weight: 400
}

ul.infoline li span,
ul.infoline li.comments a {
    padding: 2px 0
}

ul.infoline li.category a {
    background-color: #DADADA;
    color: #9C9C9C;
    font-size: 11px
}

ul.infoline li.category {
    border-bottom: 2px solid #838383
}

ul.infoline li.comments {
    border-bottom: 2px solid #bb2b2c
}

ul.infoline li.date {
    border-bottom: 2px solid #000
}

ul.infoline li b {
    width: 100%;
    color: #4B4B4B;
    display: inline-block;
    font-weight: 400
}

.detail {}

.detail p {
    line-height: 22px;
    font-size: 16px;
    margin: 16px 0;
    color: #595959
}

.detail p strong {
    color: #911C1C
}

.detail p.spot {
    line-height: 20px;
    color: #6E6E6E;
    font-weight: 700;
    text-align: left;
    margin: 0!important
}

.detail p a {
    color: red;
    text-decoration: underline
}

h1.title {
    font-size: 21px;
    line-height: 24px;
    color: #454545;
    text-align: left;
    margin-top: 0!important
}

.foot li a,
.returnMainSite,
a.close-login i,
a.top,
ul.detail-foo {
    text-align: center
}

.review {
    padding: 10px 5px;
    background-color: #f2f2f2;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 15px
}

.review button,
.review textarea {
    border: 1px solid #D5D5D5!important;
    float: left;
    height: 42px!important;
    font-size: 11px;
    box-sizing: border-box
}

.review textarea {
    width: 70%;
    background-color: #D8D8D8!important;
    font-size: 13px;
    resize: none;
    outline: 0
}

.review button {
    width: 30%;
    background-color: #bb2b2b!important;
    color: #fff!important
}

.comments-box {
    background-color: #fff
}

.pads {
    padding: 0 10px
}

ul.comments {
    width: 100%
}

ul.comments li div img.left {
    position: absolute;
    top: 0;
    left: 0
}

ul.comments li {
    border-bottom: 1px solid #c4c4c4;
    padding: 10px 0
}

ul.comments li:last-child {
    border-bottom: 0
}

ul.comments li div img.right {
    position: absolute;
    bottom: 10px;
    right: 0
}

ul.comments li div span {
    position: relative;
    left: 15px;
    font-size: 12px;
    color: #e31616
}

ul.comments li div b {
    position: relative;
    right: 10px;
    font-size: 11px;
    color: #646464;
    font-weight: 400;
    float: right;
    top: 5px
}

ul.comments li div p {
    color: #141414;
    font-size: 13px;
    line-height: 1.4em;
    padding: 5px 0
}

.show-all-comments a {
    text-decoration: none;
    font-size: 13px;
    color: #e31616;
    padding: 5px
}

.detail-footer {
    background-color: #e8e8e8!important;
    padding: 0!important;
    border-top: 0!important
}

ul.detail-foo li a.top-page {
    display: none
}

.galeri-detay-title {
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.galeri-detay-title h1 {
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    font-weight: 400
}

.ui-btn.btn-no-bg {
    background-color: transparent!important;
    box-shadow: none!important;
    border: 0!important;
    text-shadow: none!important
}

.btn-no-bg i {
    font-size: 30px
}

.stndart {
    padding: 3px 6px!important;
    margin: 0!important
}

.red {
    color: #830707
}

.right-menu {
    padding: 6px 4px 0
}

.group.search-area {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
    position: fixed;
    background-color: #bb2b2b;
    display: none
}

.group.search-area a.close-search i {
    display: inline-block;
    top: 10px;
    position: absolute;
    left: 10px;
    font-size: 23px;
    color: #fff
}

.group.search-area .ui-input-search.ui-body-inherit {
    margin-left: 50px;
    float: left;
    width: 68.6%;
    border: 0!important;
    height: 27px
}

.ui-input-search input,
.ui-input-text input {
    background: 0 0!important;
    font-size: 12px
}

.ui-input-search:after {
    display: none!important
}

.ui-input-search input {
    padding-left: .75em;
    padding-top: 6px
}

a.login {
    background-color: #D63636!important;
    border: 0!important;
    color: #fff!important;
    font-weight: 400!important;
    padding: .4em 1em!important;
    width: 75%;
    float: right
}

.login-area {
    background-color: #fff!important;
    border-bottom: 1px solid #f1f1f1;
    display: none;
    position: absolute;
    z-index: 99999;
    top: -130px;
    left: 0;
    width: 100%
}

a.close-login {
    color: #D63636;
    width: 2%;
    float: left;
    padding-top: 12px;
    padding-right: 10px;
    display: inline-block
}

a.close-login i {
    font-size: 24px
}

ul.detail-foo li {
    float: left;
    width: 12%
}

ul.detail-foo li a i {
    color: #2f2f2f;
    font-size: 18px
}

ul.detail-foo li a {
    padding: 10px
}

ul.detail-foo li a.selected,
ul.detail-foo li a:hover {
    background-color: #979797
}

ul.detail-foo li a.selected i,
ul.detail-foo li a:hover i {
    color: #fff
}

ul.detail-share.active {
    bottom: 92px;
    transition: .3s
}

ul.detail-share.passive {
    bottom: -70px;
    transition: .3s
}

.galeri-foot {
    width: 100%;
    background-color: #fff
}

.foot li {
    float: left;
    width: 25%
}

.foot li a {
    padding: 5px 0;
    color: #bb2b2b;
    display: block;
    font-size: 25px;
    margin-left: .5px
}

.pad5 .ui-controlgroup-controls {
    display: block!important
}

.ui-icon-myiconfb {
    background: url(https://im.haberturk.com/assets/images/mobile/other/facebook_baglan.png) no-repeat rgba(0, 0, 0, .4)!important
}

.ui-icon-myicontw {
    background: url(https://im.haberturk.com/assets/images/mobile/other/twitter_baglan.png) no-repeat rgba(0, 0, 0, .4)!important
}

.ui-icon-myiconfb,
.ui-icon-myicontw {
    width: 147px;
    height: 30px;
    background-color: transparent!important;
    border: 0!important;
    padding: 0!important;
    margin: 0!important;
    float: left
}

.ui-btn-icon-left:after {
    display: none!important
}

.ui-header-fixed {
    top: 0!important;
    padding-top: 0!important
}

.returnMainSite,
a.top {
    background-color: #B4B4B4;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #FFF;
    height: 25px;
    display: none;
    position: fixed;
    padding-top: 7px;
    opacity: .9;
    z-index: 10000;
    transition: all .2s ease-in-out 0s
}

a.top {
    width: 50px;
    right: 0
}

.returnMainSite {
    left: 0;
    width: 84%
}

a.top i {
    font-size: 14px
}

label.mylabel {
    float: left;
    margin-right: 0;
    padding: 6px;
    font-size: 13px;
    color: #A09F9F;
    letter-spacing: .2px;
    background-color: #ddd;
    border-right: 1px solid #ddd!important
}

#select-native-fc-button {
    border-left: 0!important;
    border-right: 0!important;
    border-top: 1px solid #ddd!important;
    border-bottom: 1px solid #ddd!important;
    background-color: #EEE!important;
    padding: 5px!important;
    color: #A09F9F;
    font-size: 13px
}

.ui-btn-icon-right:after {
    background-color: #E2E2E2!important;
    display: none!important
}

section.category {
    width: 100%;
    margin: 5px 0;
    background-color: #fff
}

.gundem {
    color: #bb2b2b;
    border-bottom: 1px solid #bb2b2b
}

.gundem a.ctg,
.gundem a.ins i {
    color: #d82d2d
}

.spor {
    color: #578f29;
    border-bottom: 1px solid #578f29
}

.spor a.ctg,
.spor a.ins i {
    color: #73ad47
}

.magazin,
.magazin a.ctg,
.magazin a.ins i {
    color: #980b57
}

.magazin {
    border-bottom: 1px solid #980b57
}

.ekonomi,
.ekonomi a.ctg,
.ekonomi a.ins i,
.kultur-sanat {
    color: #496fad
}

.ekonomi {
    border-bottom: 1px solid #496fad
}

.kultur-sanat {
    border-bottom: 1px solid #d2a10b
}

.kultur-sanat a.ctg,
.kultur-sanat a.ins i {
    color: #d2a10b
}

.yasam,
.yasam a.ctg,
.yasam a.ins i {
    color: #21e5e7
}

.yasam {
    border-bottom: 1px solid #21e5e7
}

.teknoloji,
.teknoloji a.ctg,
.teknoloji a.ins i {
    color: #178fa2
}

.teknoloji {
    border-bottom: 1px solid #178fa2
}

.saglik,
.saglik a.ctg,
.saglik a.ins i {
    color: #56b478
}

.saglik {
    border-bottom: 1px solid #56b478
}

.dunya,
.dunya a.ctg,
.dunya a.ins i {
    color: #d96c4e
}

.dunya {
    border-bottom: 1px solid #d96c4e
}

.diger,
.diger a.ctg,
.diger a.ins i {
    color: #bb2b2b
}

.diger {
    border-bottom: 1px solid #bb2b2b
}

section.category a.ctg {
    font-size: 16px;
    padding: 5px;
    margin-left: 15px;
    width: 50%
}

section.category a.ctg-diger {
    width: 90%
}

section.category a.ins i {
    right: 15px;
    top: 5px;
    font-size: 19px;
    text-shadow: none;
    width: 50%;
    text-align: right
}

.loader-area {
    width: 100%;
    height: 30px;
    text-align: center
}

.loader-area img {
    width: 28px;
    height: 28px
}

.ui-mobile .ui-page-active {
    padding-bottom: 0!important
}

.search-result {
    padding: 10px
}

.search-result h1,
.search-result span {
    display: block;
    padding: 2px 5px
}

.search-result h1 {
    font-size: 18px;
    color: #9f9f9f
}

.search-result span {
    font-size: 14px;
    color: #535353;
    float: left
}

.search-result span b {
    color: #bb2b2b;
    font-weight: 700;
    padding: 0 2px
}

.search-result-group {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.search-result-group li {
    float: left;
    width: 33%
}

.search-result-group li a {
    float: left;
    padding: 10px 5px;
    background-color: #e8e8e8;
    color: #9f9f9f;
    font-size: 15px;
    border-right: 1px solid #ccc;
    font-weight: 400;
    height: 21px;
    width: 100%;
    text-align: center
}

.search-result-group li a.selected,
.search-result-group li a:hover {
    background-color: #fff;
    border-bottom: 0;
    height: 21px
}

.search-result-group li a b {
    color: #bb2b2b;
    font-size: 13px
}

.search-result-group li:last-child a {
    border-right: 0;
    padding: 10px 5px
}

.loader-area p {
    float: left;
    padding: 6px 0 0 3px
}

#MemberPasswordReset {
    display: none
}

.reset-dialog {
    width: 100%;
    padding: 5px;
    color: red
}

.globalnav {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    line-height: 1em
}

.globalnav li {
    float: left;
    margin: 0;
    padding: 0;
    width: 33%
}

.globalnav a.tt {
    display: block;
    color: #444;
    text-decoration: none;
    font-weight: 700;
    background: #ECECEC;
    margin: 0;
    padding: .6em 0;
    border-left: 1px solid #fff;
    border-top: 1px solid #E4E4E4;
    border-right: 1px solid silver;
    text-align: center;
    font-size: 15px
}

.globalnav a.here:link,
.globalnav a.here:visited,
.globalnav a:active,
.globalnav a:hover,
.globalnav ul {
    background: #fff
}

.lot-info .percent,
.lot-info .status {
    font-size: 1.133em;
    font-weight: 700;
    float: left
}

.globalnav a.tt:last-child {
    border-right: 0
}

.globalnav a.here:link,
.globalnav a.here:visited {
    position: relative;
    z-index: 102
}

ul li div.content {
    background-color: #fff;
    margin-top: 10px
}

.globalnav ul {
    position: absolute;
    left: 0;
    top: 1.5em;
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    border-top: 1px solid #ddd
}

.content .header .status {
    margin-left: 2px
}

.lot-info .status {
    color: #000;
    line-height: 1em;
    padding-left: 35px;
    margin-left: 10px;
    text-indent: 0
}

.lot-info .percent {
    color: #009f12;
    padding: 0 0 0 5px
}

.up-text {
    color: #22b733!important
}

.lot-info .net {
    float: left;
    color: #555;
    font-size: .833em;
    padding-left: 3px
}

.main-table .col2 {
    width: 120px
}

.main-table thead td {
    border-bottom: 1px solid #e9e9e9;
    font-weight: 700;
    padding: 4px 10px
}

.text-center {
    text-align: center!important
}

.main-table tbody .even td {
    border-right: 2px solid #fff;
    background-color: #e9e9e9
}

.main-table tbody td {
    border-right: 2px solid #f3f3f3;
    padding: 5px 5px 2px 10px;
    white-space: nowrap;
    font-size: 11px
}

.text-right {
    text-align: right!important
}

.pad20 {
    padding: 20px
}

.main-table a {
    color: #002077!important;
    font-weight: 400!important;
    line-height: 28px
}

.main-table a:hover {
    background-color: transparent!important;
    line-height: 28px
}

ul.glr-lst.inl li {
    width: 100%;
    float: left;
    position: relative
}

ul.glr-lst.inl li a b {
    background: #000;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    min-height: 178px;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0
}

.box {
    background-color: #fff;
    margin: 10px;
    -webkit-box-shadow: 0 0 3px 0 rgba(135, 135, 135, 1);
    -moz-box-shadow: 0 0 3px 0 rgba(135, 135, 135, 1);
    box-shadow: 0 0 3px 0 rgba(135, 135, 135, 1)
}

b.b {
    font-size: 14px!important
}

a.full-news-list,
a.news-list h1 {
    color: #141414
}

a.news-list h1 {
    font-size: 14px;
    font-weight: 400
}

a.full-news-list {
    font-size: 16px;
    font-weight: 400
}

a.full-news-list.small {
    font-size: 12px
}

a.full-news-list i {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 41px;
    height: 41px;
    position: absolute
}

i.galleryIco,
i.video-play2 {
    top: -36px;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 41px;
    height: 41px;
    position: absolute
}

i.video-play2 {
    right: 0
}

i.galleryIco {
    right: 5px
}

ul.two li:first-child {
    padding-right: 16px;
    border-right: 1px solid #ccc
}

ul.two li:last-child {
    padding-left: 9px
}

.full-layout li {
    border-bottom: 5px solid #424242;
    padding: 5px 0
}

.full-layout li ul li,
.full-layout li.no,
.full-layout li:last-child {
    border-bottom: 0
}

ul.full-layout li a {
    position: relative
}

ul.full-layout li a.full-news-list h1 {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 10px
}

ul.full-layout li a.full-news-list.small h1 {
    position: absolute;
    z-index: 2;
    bottom: 6px;
    left: 10px
}

ul.full-layout li a.full-news-list .back {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    opacity: .75
}

ul.full-layout li a.full-news-list.small .back {
    width: 120px;
    height: 40px
}

.my-list {
    margin: 0!important;
    background-color: #e8e8e8!important
}

.my-list li,
.my-list li a {
    background-color: #fff!important
}

.photo-gallery,
.photos-title {
    background: #fff
}

.my-list li:first-child a {
    border-bottom: 1px
}

.my-list li:last-child a {
    border-bottom: 0!important
}

.my-list li a {
    padding: 5px 0;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important
}

.pb-none {
    padding-bottom: 0!important
}

.my-list li a img {
    width: 97px!important;
    width: 100px!important
}

.my-list li a.my-link {
    padding-top: 0!important
}

.my-list li a.my-link h2 {
    margin: 0!important;
    font-size: 13px!important
}

.my-list li a.my-link p {
    font-size: 14px;
    margin-top: 5px!important
}

.photos-title {
    border-bottom: 5px solid #424242
}

.photos-title-bottom {
    border-bottom: 1px solid #ddd
}

.photos-title a {
    color: #424242;
    font-size: 14px
}

.galery-content {
    padding: 10px 0;
    text-align: center
}

.galery-content a h1 {
    margin: 0 auto;
    padding-left: 6px;
    width: 90px;
    min-height: 50px;
    color: #191919;
    font-size: 12px
}

ul.listed.two {
    margin-bottom: 15px
}

ul.hava-durumu li span {
    color: #333;
    font-size: 11px;
    width: 100%;
    display: block
}

ul.hava-durumu li img {
    position: relative
}

ul.hava-durumu li {
    padding: 10px 1px!important
}

.hava-durumu li b {
    font-size: 14px!important;
    color: #000!important
}

.full li:first-child {
    padding-top: 0
}

.full li {
    padding-bottom: 10px;
    border-bottom: 2px solid #999;
    padding-top: 13px
}

.full li a h1 {
    padding-top: 3px;
    color: #333;
    font-size: 16px
}

ul.yazar-listed li a img {
    border: 1px solid #d1d1d1
}

ul.yazar-listed li a h1 {
    font-weight: 700;
    display: block;
    margin: 2em 0 0 7.6em;
    color: #191919;
    font-size: 14px;
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 10px
}

div.yazar-listed a,
ul.yazar-listed li a {
    padding: 0 20px
}

ul.yazar-listed li a p {
    margin-top: .6em;
    margin-left: 8.8em;
    color: #d81616;
    font-size: 12px;
    font-weight: 700
}

div.yazar-listed a img {
    border: 1px solid #d1d1d1
}

div.yazar-listed a h1 {
    font-weight: 700;
    display: block;
    margin: 2em 0 0 7.6em;
    color: #191919;
    font-size: 14px
}

.locations-change,
.table-dt,
.title h1 a,
a.cat-link span {
    display: inline-block
}

div.yazar-listed a p {
    margin-top: .6em;
    margin-left: 8.8em;
    color: #d81616;
    font-size: 12px;
    font-weight: 700
}

.articleOtherArhiveText {
    text-align: right;
    font-size: 17px
}

.article-title {
    color: #393939;
    width: 320px;
    margin: 0 0 2px;
    text-shadow: none;
    padding-left: 10px;
    font-size: 14px
}

.article-spot {
    width: 95%;
    float: left;
    margin-bottom: 5px;
    text-shadow: none;
    color: #fff
}

.article-date,
.article-url a {
    color: #C5C5C5;
    text-shadow: none;
    width: 100%
}

.article-date {
    font-size: 12px
}

ul.category-listed li {
    padding: 0 0 0 20px
}

ul.category-listed li:first-child {
    padding-top: 20px
}

.galeri-listviews {
    background-color: #2f2f2f
}

.galeri-listviews li a.cat-link,
a.cat-link {
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)!important;
    width: 100%;
    height: 55px
}

a.cat-link span {
    color: #fff;
    padding-top: 13px;
    padding-left: 8px;
    font-size: 22px
}

.galeri-listviews li a.cat-detay-link {
    right: 0;
    top: 0
}

.group.gray-b img.pull-left {
    padding-right: 10px
}

.video-full {
    width: 260px;
    height: 173px
}

.vide120 {
    width: 120px;
    height: 120px
}

.weather-icon {
    margin-right: 10px;
    height: 90px
}

.location {
    font-size: 20px;
    color: #333
}

.wt-group .date {
    font-size: 13px;
    color: #adadad;
    line-height: 16px
}

.temperature {
    font-size: 32px;
    color: #1c75bb;
    font-weight: 700
}

.temperature span {
    font-size: 17px;
    font-weight: 700;
    line-height: 32px;
    vertical-align: super;
    color: #8D8C8C
}

.temperature-low {
    font-size: 12px;
    color: #1c75bb;
    margin-top: 4px;
    padding-left: 47px
}

.weather-detail {
    font-size: 16px;
    line-height: 16px;
    color: #1c75bb;
    font-weight: 700
}

.table-dt {
    margin-top: 12px
}

.table-dt td.normal {
    font-weight: 400!important;
    padding-right: 0;
    padding-left: 16px
}

.table-dt tr td {
    padding-right: 5px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    font-weight: 700
}

.table-dt td:not(.normal) {
    width: 100%
}

.ui-icon-my-icon {
    border: 0!important;
    background-color: #1c75bb!important;
    color: #fff!important;
    font-size: 13px;
    font-weight: 400!important
}

.ui-icon-my-icon:after {
    background: url(https://im.haberturk.com/assets/images/mobile/other/select-bottom.png) top right no-repeat!important;
    width: 17px;
    height: 11px;
    top: 22px
}

.title h1 {
    font-size: 13px;
    color: #595959
}

.title h1 span {
    color: #1c75bb
}

.title h1 a {
    padding: 5px;
    background-color: #1c75bb
}

.locations-change .ui-field-contain {
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.locations-change .ui-select {
    margin-bottom: .1em!important
}

.locations-change {
    width: 100%
}

ul.hava-durumu.dt li {
    border-right: 0!important;
    height: 130px
}

.image.group.center {
    background-color: #fff
}

.cat-manset h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999999;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    background: rgba(0, 0, 0, .5)
}

.manset-container,
.rlt,
a.image-bottom-text {
    position: relative
}

.cat-manset h2 span {
    color: #fff;
    font-size: 18px
}

.stock-warning {
    padding: 5px;
    background: #fcdede;
    color: #fc0707;
    font-size: 11px;
    margin-bottom: 5px
}

.span2 {
    padding: 10px
}

.l-top {
    padding-top: 10px
}

.c-span {
    padding-right: 9px
}

.l-span {
    padding-left: 10px
}

.span8 {
    width: 45%;
    float: left
}

a.image-bottom-text h3 {
    overflow: hidden;
    padding-top: 10px
}

a.image-bottom-text p {
    padding-top: 5px
}

a.image-bottom-text h3,
a.image-bottom-text p {
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 16px;
    letter-spacing: -.025em
}

.l-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #c5c5c5
}

.image-text img {
    display: block
}

.main-golg,
a.image-text span {
    background: url(https://im.haberturk.com/assets/images/mobile/other/flash-golg.png) bottom left repeat-x;
    width: 100%;
    position: absolute;
    bottom: 0;
    min-height: 80px
}

a.image-text h3 {
    color: #fff;
    line-height: 20px;
    font-size: 18px;
    padding: 5px 10px;
    position: absolute;
    bottom: 0
}

.box2 {
    padding-bottom: 10px;
    border-bottom: 5px solid #c5c5c5
}

.mtop10 {
    margin-top: 10px
}

.mtop35 {
    margin-top: 27px
}

.category-title a span {
    float: left
}

.category-title a b,
.category-title a span {
    float: left;
    padding-left: 3px
}

.astroloji {
    color: #cc282a
}

.box-new {
    background: #fff!important;
    padding-top: 10px
}

.astroloji a b,
.burc-type {
    text-decoration: none;
    color: #000
}

ul.nws-shr {
    background: #fff;
    border-bottom: 1px solid #c5c5c5;
    box-shadow: 0 7px 8px 6px #d3d3d3
}

ul.nws-shr li {
    float: left;
    text-align: center;
    padding: 0 8px;
    margin: 8px 0
}

ul.nws-shr li:last-child {
    border-right: none!important
}

ul.nws-shr li i.icon.tw {
    background-position: -138px -99px;
    width: 31px;
    height: 26px
}

ul.nws-shr li i.icon {
    position: relative;
    right: 2px
}

i.icon.tw {
    background-position: -78px -96px;
    width: 17px;
    height: 20px
}

ul.nws-shr li i.icon.fbk {
    background-position: -179px -99px;
    width: 15px;
    height: 26px
}

ul.nws-shr li i.icon.gl {
    background-position: -197px -99px;
    width: 25px;
    height: 25px
}

ul.nws-shr li i.icon.cmt {
    background-position: -230px -99px;
    width: 28px;
    height: 25px;
    top: 3px
}

ul.nws-shr li i.icon.lnk {
    background-position: -268px -96px;
    width: 23px;
    height: 26px
}

ul.nws-shr li span {
    font-size: 20px;
    color: #c5c5c5;
    display: block
}

.caption span,
span.categorys,
span.categorys a {
    background-color: #cc282a;
    color: #fff;
    float: left
}

ul.nws-shr li a,
ul.nws-shr li i,
ul.nws-shr li span {
    float: left
}

.caption span,
span.categorys {
    display: block;
    font-size: 13px;
    padding: 3px 8px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

span.categorys a {
    padding: 2px 0
}

span.author,
span.who {
    font-family: proxima_nova_rgbold
}

i.icon.comments {
    background-position: -42px -116px;
    width: 15px;
    height: 12px;
    position: relative;
    top: 3px;
    margin-left: 5px;
    float: none
}

i.icon {
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(https://im.haberturk.com/assets/images/mobile/other/icon-sprite.png);
    background-repeat: no-repeat;
    width: 19px;
    float: left
}

.news-tt h1 {
    font-size: 20px;
    color: #252525;
    letter-spacing: .01em;
    line-height: 120%;
    margin-top: 10px!important;
    float: left
}

.news-date-create {
    font-size: 14px!important;
    color: #959595;
    display: block
}

.news-date-create span {
    padding-left: 10px
}

#HaberTarih {
    font-size: 10px;
    margin-top: 10px
}

.module-spech {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f0f0f0;
    padding: 20px;
    border: 0;
    width: 150px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 30px
}

.mbt20,
.tw-module,
div.author {
    margin-bottom: 20px
}

.module-top span {
    width: 100%;
    display: block;
    padding-bottom: 10px
}

.module-bottom {
    position: absolute;
    left: 50%;
    background: url(https://im.haberturk.com/assets/images/mobile/other/spech.png);
    width: 45px;
    height: 27px;
    bottom: -27px
}

span.what {
    font-size: 16px;
    color: #252525;
    font-style: italic
}

span.who {
    color: #575757;
    font-size: 14px
}

.news-content-text strong {
    font-size: 18px;
    width: 100%
}

.tw-module {
    width: 220px;
    margin-left: 20px
}

.tw-module div {
    padding: 15px 20px 0
}

.tw-module-top {
    background-color: #00bff3;
    color: #fff;
    font-size: 20px
}

.tw-module-bottom {
    background-color: #009ade;
    padding: 10px 20px!important
}

.tw-module-bottom a {
    color: #bfe6f7;
    font-size: 16px
}

.tw-content span,
span.tw-content {
    color: #252525;
    font-style: italic
}

.tw-module-top span {
    display: block;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 20px
}

span.tw-who {
    font-size: 14px
}

span.author {
    color: #959595;
    font-size: 16px
}

.news-detail-default-link {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #6895F9;
    text-decoration: underline;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    display: inline-block;
    padding: 5px
}

.news-detail-default-link:hover {
    text-decoration: none;
    background-color: #6895F9;
    color: #fff;
    display: inline-block
}

a.link-gry:hover span,
dip-not a:hover {
    text-decoration: underline
}

.module-related {
    padding: 5px 0 20px;
    border: 0;
    width: 160px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 30px
}

.module-tt h2 {
    font-size: 20px;
    color: #464646;
    padding-bottom: 10px
}

.module-image i.icon.galeri,
.module-image i.icon.haber,
.module-image i.icon.video {
    position: absolute;
    top: 10px;
    left: 10px
}

.module-text .gray,
.module-text .rd {
    padding: 10px
}

.module-text .gray {
    height: 116px
}

.module-text .rd {
    background-color: #cc282a
}

.module-text a.ts {
    font-size: 16px;
    padding-bottom: 5px
}

.module-text a.sp,
.module-text a.ts {
    color: #fff;
    line-height: 20px
}

module-text a.sp {
    font-size: 15px
}

.mlr {
    margin: 0 30px
}

a.link-gry {
    background-color: #e7e7e7;
    display: table;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    position: relative
}

a.link-gry:hover {
    background-color: #CACACA
}

a.link-gry span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #040404;
    line-height: 24px;
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px
}

.link-gry i {
    float: left;
    left: 0!important;
    top: 0!important;
    position: absolute!important
}

.blt.left {
    left: -20px;
    top: 10px
}

.left-bullet {
    background: url(https://im.haberturk.com/assets/images/mobile/other/sol-bullet.png) left top no-repeat
}

.left-bullet,
.right-bullet {
    width: 33px;
    height: 25px
}

.blt.right {
    right: -10px;
    bottom: 5px
}

.right-bullet {
    background: url(https://im.haberturk.com/assets/images/mobile/other/sag-bullet.png) left top no-repeat
}

.dip-not {
    background-color: #e7e7e7;
    padding: 13px 20px;
    margin-bottom: 20px
}

.dip-not span.tw-tt {
    color: #0badcd;
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 5px
}

.dip-not a {
    color: #464646;
    font-size: 14px
}

.dip-not a,
.dip-not span {
    width: 100%;
    display: block
}

.dip-not span.tw-spot {
    color: #252525;
    font-size: 17px;
    line-height: 24px;
    font-style: italic;
    padding-bottom: 5px
}

.two-content-module .module-text {
    width: 160px
}

.two-content-module .module-text .gray,
.two-content-module .module-text .rd {
    height: 120px;
    overflow: hidden
}

.module-text .gray a.sp,
.module-text .gray a.ts {
    color: #020201
}

.module-text .gray {
    background: #E7E7E7
}

.imgBoxWrap {
    float: left;
    width: 100%;
    padding: 0 10px 15px!important;
    box-sizing: border-box;
    position: relative;
    margin: 10px 0
}

.imgFluid {
    width: 100%;
    height: auto
}

.imgBoxWrap .headline,
.local-headline {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 22px;
    margin-top: 10px
}

.local-headline {
    font-size: 15px
}

.imgBoxWrap .spotText {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #3D3D3D;
    margin-top: 8px;
    line-height: 20px;
    font-weight: 400
}

.imgBoxWrap .bottomBorder {
    float: left;
    width: 100%;
    height: 5px;
    background-color: #c5c5c5;
    margin-top: 5px
}

.imgBoxWrap .vidPlayIcoWrap {
    position: absolute;
    top: 30%;
    left: 41%
}

.mSurveyHeadline {
    float: left;
    width: 100%;
    color: #fff;
    background-color: #cb292a;
    padding: 10px;
    line-height: 22px;
    box-sizing: border-box;
    margin: 10px 0
}

.mSurveyWrap {
    float: left;
    width: 100%;
    height: auto
}

.mSurveyWrap .headline span {
    font-size: 24px
}

.mSurveyWrap .border {
    float: left;
    width: 100%;
    border-bottom: 3px solid #918b89;
    margin-bottom: 5px
}

.mSurveyWrap .inpLabWrap {
    float: left;
    width: 100%
}

.mSurveyWrap .inpLabWrap .selectSurvey {
    float: left;
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0;
    padding: 5px 10px 7px;
    color: #606060
}

.mSurveyWrap .inpLabWrap input {
    float: left;
    width: 10%;
    box-sizing: border-box;
    display: none;
    margin: 0!important
}

.mSurveyWrap .inpLabWrap .selectSurvey:nth-child(odd) {
    background-color: #f1f1f1
}

.mSurveyWrap .inpLabWrap .selectSurvey:nth-child(even) {
    background-color: #e9e9e9
}

.mSurveyWrap .inpLabWrap .selectSurveyActive {
    background-color: #16a334!important;
    color: #fff;
    background: url(https://im.haberturk.com/assets/images/mobile/other/checkSurvey1.png) no-repeat;
    background-position-x: right;
    background-position-y: center
}

.mSurveyWrap .inpLabWrap .selectSurveyActive span {
    color: #fff
}

.mSurveyWrap .surveySendBtn {
    float: left;
    background-color: #cb292a;
    color: #fff;
    padding: 10px;
    border-bottom: 3px solid #a41a1b;
    margin: 10px 0
}

.galleryNewsBox {
    margin-top: 10px;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.galleryNewsTextWrap {
    position: absolute;
    bottom: 5px;
    background-color: rgba(0, 0, 0, .8);
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px 10px;
    float: left;
    left: 0
}

.fatihName,
.fatihTextName {
    width: 150px!important;
    text-align: left
}

.galleryNewsBox .spotText,
.galleryNewsTextWrap .headline {
    color: #fff
}

.fatihName {
    color: red!important
}

.fatihTextName {
    color: #333!important;
    overflow: hidden;
    height: 41px
}

.fatihAltayliLink {
    border-top: 4px solid #d2d2d2;
    border-bottom: 1px dotted #d2d2d2
}

.arrowDownImg {
    font-size: 22px;
    float: right;
    margin: -3px 20px 0 10px;
    height: 10px
}

.openSubMenuText {
    float: left
}

.headerSocialBtnsWrap {
    width: 272px;
    height: 45px;
    border-bottom: 1px solid #3b3b3b;
    background: #000;
    float: right
}

.headerSocialBtnsWrap a {
    float: right;
    margin: 8px 10px;
    width: 44px
}

.fooSocialBtns {
    padding: 5px 10px 0
}

.pull-left {
    float: left!important
}

.pull-right {
    float: right!important
}

.detail-footer {
    display: block;
    width: 100%;
    background: #000;
    margin-bottom: 10px;
    float: left
}

.detail-footer ul li {
    float: left;
    width: 14.28%;
    text-align: center
}

.detail-footer ul li a {
    text-align: center;
    display: block;
    padding: 9px 0 6px
}

.detail-footer ul li a img {
    width: 24px;
    height: 24px
}

.detail-footer ul li a:hover {
    background-color: #ccc
}

.detail-footer ul li a.facebookBg {
    background-color: #3b5998
}

.detail-footer ul li a.twitterBg {
    background-color: #55acee
}

.detail-footer ul li a.whatsappBg {
    background-color: #4dc247
}

.detail-footer ul li a.commentBg {
    background-color: #a71930
}

.detail-footer ul li a.sendmailBg {
    background-color: #1961A7
}

.detail-footer ul li a.fontsizeBg {
    background-color: #5482ab
}

.detail-footer ul li a.googlePlusBg {
    background-color: #dd4b39
}

.borsaWrap .line,
.borsaWrap .lineDown {
    background-color: #bb2b2c
}

.ui-shadow-inset {
    border: 0!important;
    box-shadow: 0 1px 6px 0 #ccc;
    border-radius: 0!important
}

.astrolojiBorder,
.borsaWrap {
    border-bottom: 1px solid #ccc;
    float: left
}

.borsaWrap {
    width: 25%;
    padding: 2px 1px;
    box-sizing: border-box
}

.borsaWrap .line {
    float: left;
    width: 100%;
    height: 4px
}

.borsaWrap .lineUp {
    background-color: #393
}

.borsaWrap .bbox2 {
    float: left;
    text-align: center;
    width: 100%;
    background-color: #e4e4e4;
    font-weight: 700;
    color: #000
}

.borsaWrap .bbox2 span {
    font-size: 18px;
    font-weight: 700
}

.borsaWrap .status {
    float: left;
    width: 100%
}

.borsaWrap .downText {
    color: #bb2b2c;
    margin-bottom: -2px;
    margin-top: 2px
}

.borsaWrap .upText {
    color: #393
}

.borsaWrap .bbox3 {
    float: left;
    text-align: center;
    width: 100%;
    background-color: #fff
}

.borsaWrap .bbox3 .percent {
    font-size: 13px;
    color: #8a8a8a
}

.astrolojiBorder {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-bottom: 10px
}

.ui-listview>.ui-li-has-thumb>.ui-btn,
.ui-listview>.ui-li-static.ui-li-has-thumb {
    padding-top: 1px!important
}

#comment-dialogs {
    display: none;
    background-color: #F95555;
    color: #fff;
    padding: 5px;
    margin: 5px 0
}

.bootstrap {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    float: left;
    box-sizing: border-box
}

.YMbottomNews {
    margin-top: 10px;
    overflow: hidden;
    color: #fff!important;
    font-size: 14px;
    font-family: arial
}

.YMbottomNews .bottomInfo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    float: left
}

.YMbottomNews .bottomInfo .bgDiv {
    background: rgba(0, 0, 0, .3);
    float: left;
    padding: 20px;
    width: 100%;
    height: 98.5%;
    box-sizing: border-box
}

.YMbottomNews .bottomInfo .category {
    background-color: #CC282A;
    padding: 5px 10px;
    margin-bottom: 5px;
    font-size: 12px;
    display: inline-block
}

.YMbottomNews .bottomInfo .newsHeadline,
.YMbottomNews .bottomInfo .newsSpot {
    text-shadow: 2px 2px 2px #000;
    margin: 5px 0;
    width: 100%;
    font-size: 13px;
    display: inline-block;
    color: #fff
}

.YMbottomNews:hover .bottomInfo .newsSpot,
ul.other-articles li a h1,
ul.other-articles li a p {
    margin-left: 0
}

.YMbottomNews .bottomInfo .newsSpot {
    overflow: hidden;
    height: 27px
}

.YMbottomNews .bottomInfo .newsHeadline {
    font-weight: 700
}

.marB20 {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

ul.other-articles li {
    padding: 5px 0;
    display: inline-block;
    width: 100%
}

ul.other-articles li:first-child {
    padding-bottom: 0;
    padding-top: 15px
}

ul.other-articles li a h1 {
    margin-top: 5px
}

ul.other-articles {
    margin: 15px 0
}

li a.tts h1 {
    border-bottom: 0!important;
    display: inline-block!important;
    width: 100%!important;
    font-size: 18px!important;
    color: #e31616!important
}

ul.other-articles li a span {
    color: #595959;
    font-size: 12px;
    line-height: 1em;
    padding-top: 10px;
    display: inline-block
}

.htVideoWrapper {
    box-shadow: none!important
}

body a,
body span {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important
}

.htSocialShareBand {
    position: relative;
    height: 36px;
    background-color: #b4b4b4;
    margin: 10px 0
}

.htSocialShareTitle {
    color: #fff;
    float: left;
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 20px;
    text-shadow: none
}

.htVideoDetayInfo>div>span,
.htVideoDetayText,
.htVideoDetaytitle {
    font-family: 'Open Sans', sans-serif
}

.htSocialShareBoxes {
    float: right;
    height: 36px;
    width: auto;
    margin-right: 20px
}

.htSocialShareBoxes>li {
    border-right: 1px solid rgba(255, 255, 255, .2);
    display: inline-block;
    float: left;
    height: 36px;
    width: 36px
}

.htSocialShareBoxes>li:hover {
    background-color: #a0a0a0
}

.htSocialShareBoxes>li>a>i {
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.htVideoWrapperSwipeSag,
.htVideoWrapperSwipeSol {
    display: none;
    background-color: #000;
    height: 70px;
    width: 70px;
    z-index: 100000;
    border-radius: 100px;
    opacity: .8
}

.htSocialShareBoxes>li+li+li+li {
    border-right: 0!important
}

.htVideoWrapperSwipeSol {
    position: absolute;
    left: -51px;
    top: 50px
}

.htVideoWrapperSwipeSol .fa-chevron-left {
    float: right;
    position: relative;
    top: 24px;
    right: 15px;
    color: #fff;
    font-size: 20px
}

.htVideoWrapperSwipeSag {
    position: absolute;
    right: -51px;
    top: 50px
}

.htVideoWrapperSwipeSag .fa-chevron-right {
    float: left;
    position: relative;
    top: 24px;
    left: 15px;
    color: #fff;
    font-size: 20px
}

.htVideoDetaytitle {
    font-size: 28px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    margin: 5px 0 10px
}

.htVideoDetayText {
    color: #464646;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px 10px
}

.htVideoDetayInfo {
    height: 36px;
    border-width: 1px 0;
    border-style: solid;
    border-color: RGB(230, 230, 230);
    margin-bottom: 10px
}

.htVideoDetayInfo>div {
    float: left;
    height: 36px;
    text-align: center;
    width: 33%
}

.htVideoDetayInfo>div>span {
    line-height: 37px;
    color: #505050;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none
}

.htVideoDetayInfo .detayInfoComments::before,
.htVideoDetayInfo .detayInfoDate::before,
.htVideoDetayInfo .detayInfoVisit::before {
    font-family: fontawesome;
    font-size: 14px;
    font-weight: 400;
    margin: 0 5px
}

.htVideoDetayInfo .detayInfoDate::before {
    content: "\f017"
}

.htVideoDetayInfo .detayInfoComments::before {
    content: "\f0e6"
}

.htVideoDetayInfo .detayInfoVisit::before {
    content: "\f06e"
}

.htVideoDetayInfo .detayInfoComments a {
    display: inline-block;
    line-height: 37px;
    color: #505050;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none
}

.htVideoDetayInfo .detayInfoComments a:hover {
    color: #505050
}

.htVideoDetayYorumlar {
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 4px 0;
    padding: 5px 20px 15px
}

.htVideoDetayYorumlar button {
    display: block;
    height: 42px!important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: #cf161c!important;
    border: 0;
    color: #fff!important;
    margin-bottom: 10px
}

.htVideoDetayYorumlar textarea,
.yorumlarTitle>span {
    font-family: 'Open Sans', sans-serif
}

.htVideoImgWrapper,
.htVideoWrapper {
    position: relative
}

.htCommentText p,
.htVideoCatName>li,
.htVideoCatName>li>a {
    display: inline
}

.htVideoDetayYorumlar textarea {
    height: 42px!important;
    border: 2px solid #cf161c!important;
    color: #cf161c!important;
    line-height: 28px;
    padding: 5px 20px 0;
    font-weight: 500;
    margin: 10px 0
}

.yorumlarTitle {
    height: 30px
}

.yorumlarTitle>span {
    line-height: 40px;
    color: #323232;
    font-size: 14px;
    font-weight: 600;
    text-shadow: none
}

.yorumlarTitle>span::before {
    content: "\f0e6";
    font-family: fontawesome;
    font-size: 14px;
    font-weight: 400;
    margin: 0 5px
}

.htBenzerHaberler,
.htBenzerHaberlerTitle {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.htBenzerHaberlerTitle {
    color: #000!important;
    font-size: 24px;
    line-height: 26px;
    margin: 6px 0 10px
}

.htVideoPlayButton {
    color: #fff;
    font-size: 80px;
    left: 50%;
    margin-left: -34px;
    margin-top: -44px;
    position: absolute;
    top: 50%;
    opacity: .6
}

.htBenzerHaberler {
    color: #000!important;
    font-size: 24px;
    margin: 10px 20px 0
}

.htBenzerVideolarLink {
    margin: 20px 0;
    text-align: center;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -ms-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

.htBenzerVideolarLink>a {
    background-color: #a0a0a0;
    border-radius: 25px;
    color: #fff;
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 28px;
    position: relative
}

.htBenzerVideolarLink:hover a {
    background-color: #cf161c
}

.htBenzerVideolarLink>a::before {
    content: "\f25a";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: 400;
    left: -6px;
    position: relative
}

.htVideoCatName {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #cf161c
}

.htVideoCatName>li>a {
    color: #cf161c;
    font-weight: 700
}

.catSeperator::before,
.htVideoCatName::before {
    font-family: fontawesome;
    font-weight: 400;
    margin: 0 5px
}

.catSeperator::before {
    content: "\f054";
    font-size: 10px
}

.htVideoCatName::before {
    content: "\f114";
    font-size: 14px
}

.htCommentBox>li {
    border-bottom: 1px dotted #fac8c8!important;
    padding: 10px 0!important
}

.htCommentBox>li:last-child {
    border-bottom: none!important
}

.htCommentDate {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: #828282;
    float: right;
    position: relative;
    right: 10px;
    top: 2px
}

.htCommentUser {
    color: #cf161c!important;
    font-family: "Open Sans", sans-serif;
    font-size: 12px!important;
    font-weight: 600;
    left: 0!important
}

.htCommentTumYorumlar {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px!important;
    color: #cf161c!important;
    text-align: center
}

.htCommentText::after,
.htCommentText::before {
    font-family: fontawesome;
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.htCommentPostInfo {
    margin: 0 0 5px
}

.htCommentText::before {
    content: "\f10d";
    right: 2px;
    top: -4px
}

.htCommentText::after {
    content: "\f10e";
    left: 2px;
    top: 6px
}

.htCommentBoxWrapper {
    display: none
}

.openComment {
    background-color: #8c8c8c;
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600
}

.htVideoLink {
    padding: 10px 20px!important;
    border-bottom: 1px solid #e6e6e6
}

.yazarImgWrap {
    width: 30%;
    float: left
}

.yazarTextWrap {
    width: 70%;
    float: left
}

.yazarTextWrap h1 {
    font-weight: 700;
    color: #212121;
    width: 100%
}

.yazarTextWrap a {
    color: #333
}

.photoNewsText {
    float: left;
    width: 100%;
    padding: 5px 0 10px
}

.photoNewsText p{
    line-height: 1.3;
}

.photoNewsText2 {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 20px
}

.photoNewsSocialContainer {
    float: left;
    width: 100%;
    border-top: 2px solid #ccc;
    margin-top: 30px
}

.photoNewsImgCountWrap,
.photoNewsSocialBoxWrap {
    margin: 10px 0;
    float: left
}

.photoNewsImgCountWrap .numberBox {
    float: left;
    padding: 8.8px 10px 4.9px;
    background-color: #ebf1f6;
    color: #1a2c3e;
    font-size: 20px;
    border-right: 1px solid #1a2c3e;
    font-weight: 700
}

.photoNewsImgCountWrap .numberBox:nth-last-child(1) {
    border: 0;
    color: #acb4bb
}

.photoNewsSocialBoxWrap a {
    float: left;
    padding: 6px 10px;
    margin: 0 2px;
    font-size: 22px;
    color: #fff
}

.photoNewsSocialBoxWrap a.twitter {
    background-color: #67C8EB
}

.photoNewsSocialBoxWrap a.facebook {
    background-color: #527BBD
}

.photoNewsSocialBoxWrap a.googlePlus {
    background-color: #D54C47
}

.photoNewsSocialBoxWrap a.linkedin {
    background-color: #2187C9
}

.photoNewsSocialBoxWrap a.whatsapp {
    background-color: #43d854
}

.allTextsBtn {
    padding: 5px 20px;
    width: 100%;
    margin: 10px 0;
    color: #333
}

.oldNewsDiv a {
    width: 97%;
    float: left;
    text-decoration: none;
    color: #000;
    background: #ccc;
    margin-bottom: 5px
}

table {
    width: 100%
}

table tr td {
    padding: 5px;
    color: #000;
}

tr:nth-child(even) {
    background: #F5F5F5
}

tr:nth-child(odd) {
    background: #EAEAEA
}

.newsDetailsReturnSite {
    background-color: #B4B4B4;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    height: 25px;
    position: fixed;
    text-align: left;
    padding-left: 12px;
    padding-top: 7px;
    opacity: .9;
    width: 80%;
    z-index: 10000;
    transition: all .2s ease-in-out 0s
}

.newsDetailsReturnSite a {
    color: #fff
}

.sectionTwitter {
    float: none!important
}

.w50 {
    width: 50%!important;
    padding: 0 10px
}

.mar0 {
    margin: 0!important
}

.htDetayYazarImzaWrapper {
    height: 100px;
    margin: 15px 0 0
}

.htDetayYazarImzaWrapper:hover img {
    -moz-opacity: .7;
    -webkit-opacity: .7;
    -ms-opacity: .7;
    -o-opacity: .7;
    opacity: .7
}

.htDetayYazarRight {
    float: left;
    width: 60%;
    height: 100px
}

.htDetayYazarImzaWrapper .htDetayYazarTitle {
    margin: 20px 0 2px
}

.htDetayYazarImzaWrapper .htDetayYazarTitle a {
    font-weight: 700;
    font-size: 18px;
    color: #323232
}

.htDetayYazarImzaWrapper .htDetayLink {
    color: #b4b4b4;
    font-size: 14px;
    margin-bottom: 4px
}

.htDetayYazarImzaWrapper .htDetayYazarImg {
    border: 3px solid #e6e6e6;
    border-radius: 50px;
    overflow: hidden;
    float: left;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    margin: 10px 15px
}

#Altin,
ul.horoscope-lnk {
    margin-bottom: 20px
}

.htDetayYazarImzaWrapper .htDetayYazarImg img {
    width: 80px;
    height: 80px
}

.htDetayYazarImzaWrapper .htDetayYazarFolio a {
    display: inline;
    margin-right: 2px
}

.htDetayYazarImzaWrapper .htDetayYazarFolio a:hover i {
    -moz-opacity: .7;
    -webkit-opacity: .7;
    -ms-opacity: .7;
    -o-opacity: .7;
    opacity: .7
}

.htDetayYazarImzaWrapper .htDetayYazarFolio i {
    color: #b4b4b4;
    font-size: 14px
}

#Altin .main-table tbody i.arrow-icon {
    background: url(https://im.haberturk.com/assets/images/mobile/other/symbols_sprite.gif) no-repeat;
    width: 12px;
    height: 12px
}

#Altin .main-table tbody i.arrow-icon.up {
    background-position: -4px -4px
}

#Altin .main-table tbody i.arrow-icon.down {
    background-position: -4px -34px
}

#Altin .main-table tbody i.arrow-icon.normal {
    background-position: -4px -64px
}

#Altin td.top-sit-title {
    border-top: 3px solid #0072bc
}

#Altin table td {
    background-color: #fbfbfb;
    color: #636363;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

#Altin table td.align-right {
    text-align: right
}

#Altin td.pd {
    padding: 3px
}

#Altin td.pd a {
    color: #636363
}

#Altin table tr td:last-child {
    border-right: 1px solid #e1e1e1
}

#Altin td.upt {
    color: #39b54a
}

#Altin td.downt-bg,
#Altin td.upt-bg {
    color: #fff
}

#Altin td.downt-bg {
    background-color: #b20000
}

#Altin td.upt-bg {
    background-color: #39b54a
}

#Altin td.downt {
    color: #cb2c1b
}

ul.horoscope-lnk li a {
    border-bottom: 2px solid #c6c6c6;
    margin-right: 1px;
    font-size: 14px;
    color: #424242;
    font-weight: 700;
    padding: 5px 10px
}

ul.horoscope-lnk li a.selected,
ul.horoscope-lnk li a:hover {
    border-color: #e52410
}

.location-news-group .w50 {
    box-sizing: border-box
}

.cust-ui-btn .ui-btn {
    padding: .3em 1em;
    border-color: #F4F4F4
}

.custom-select-box {
    border: 0;
    font-size: 13px;
    font-weight: 400;
}

.yerel-haber-alert {
    background: #F2DEDE;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    color: #a94442;
    float: left;
    font-size: 12px;
}

.news-wd {
    border: 1px solid #e5e5e5;
    float: left;
    margin: 10px 10px 10px 0;
}

.news-wd span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #040404;
    line-height: 24px;
    font-size: 18px!important;
    padding-top: 10px
}


/* SANS OYUNLARI STYLES */

.betGamesWrap {
    float: left;
    width: 100%;
    padding: 0
}

.betGamesWrap .betGamesBottomText {
    float: left;
    width: 100%;
    padding: 0 15px;
    line-height: 20px;
    font-size: 16px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.betGamesWrap .selectWeekWrap {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.betGamesWrap .selectWeekWrap .selectWeekText {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px;
}

.betGamesWrap .selectWeekWrap .selectWeekSelect {
    float: left;
    font-weight: bold;
}

.betGamesWrap .selectWeekWrap .selectWeekSelect select {
    float: left;
    outline: 0;
    font-size: 20px;
    padding: 5px;
}

.betGamesWrap .betGamesHead {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    box-sizing: border-box;
}

.betGamesWrap .betGamesBox {
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    margin-bottom: 50px;
}

.betGamesWrap .betGamesBox .betGamesBoxHead {
    float: left;
    font-weight: bold;
    width: 100%;
    background-color: #cb1e1e;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 10px 15px 35px 15px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox {
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    padding: 0 15px 10px 15px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top: -25px;
    padding: 15px;
    box-sizing: border-box;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxInInfo {
    float: left;
    width: 100%;
    color: #434141;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap span {
    background-color: #cb1e1e;
    margin: 3px;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    padding-top: 13px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap .betGamesPlus {
    color: #000;
    font-size: 52px;
    background: none;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap .betGamesPlus b {
    float: left;
    margin-top: 7px;
    width: 100%;
    text-align: center;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap .betGamesPlus:hover {
    background: none!important;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap span:hover {
    background-color: #6f1111;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap .betGamesBlackCircle {
    background-color: #000;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap {
    float: left;
    width: 100%;
    text-align: center;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap a {
    display: inline-block;
    transition: all 0.3s ease;
    background-color: #cb1e1e;
    color: #fff;
    margin: 0 auto;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap a:hover {
    background-color: #6f1111;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap .betGamesBoxAllResultsAreas {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #000;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap .betGamesBoxAllResultsAreas span {
    float: left;
    margin-right: 10px;
}

.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap .betGamesBoxAllResultsAreas span:nth-child(2),
.betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap .betGamesBoxAllResultsAreas span:nth-child(4) {
    margin-right: 20px;
    color: #cb1e1e;
    font-weight: bold;
}

input#email-2,
input#password-2 {
    height: 42px!important;
    background-color: #fff
}

.login .btn-type2 {
    padding: 7px 0!important;
    font-size: 16px!important;
    float: left;
    margin-bottom: 10px;
}

table.lotoSonuclarTable {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

table.lotoSonuclarTable tbody {}

table.lotoSonuclarTable tbody tr {
    display: flex;
    border-bottom: 1px dotted rgb(220, 220, 220);
}

table.lotoSonuclarTable tbody tr:last-child {
    border-bottom: none;
}

table.lotoSonuclarTable tbody tr td {
    width: 100%;
    padding: 6px;
    border: none;
    background-color: transparent;
}

table.lotoSonuclarTable tbody tr .title {
    text-align: right !important;
}

table.lotoSonuclarTable tbody tr .desc {
    color: rgb(203, 30, 30);
    font-weight: bold;
    text-align: left !important;
}

.tumOyunlarIndex {
    float: left;
    width: 100%;
    margin: 0 0 15px;
}

.tumOyunlarIndex ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tumOyunlarIndex ul li {
    padding: 0 15px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    border: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    align-items: center;
    display: flex;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tumOyunlarIndex ul li a {
    color: rgb(0, 0, 0);
}

.tumOyunlarIndex ul li.active {
    background-color: rgb(203, 30, 30);
    border-color: rgb(203, 30, 30);
}

.tumOyunlarIndex ul li.active a {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.tumOyunlarIndex ul li.active:hover a {
    color: rgb(255, 255, 255);
}

.tumOyunlarIndex ul li:hover {
    border-color: rgb(203, 30, 30);
}

.tumOyunlarIndex ul li:hover a {
    color: rgb(203, 30, 30);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
    .module-spech {
        width: 85%;
    }
}

@media screen and (max-width:767px) {
    .betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap span {
        width: 30px;
        height: 30px;
        font-size: 15px;
        margin: 1px;
        padding-top: 8px;
    }
    .betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxInInfo {
        font-size: 15px;
    }
    .betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap .betGamesPlus {
        font-size: 32px;
    }
    .betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBallsWrap .betGamesPlus b {
        margin-top: 1px;
    }
    .betGamesWrap .betGamesBox .betGamesBoxInBox .betGamesBoxInBoxIn .betGamesBoxAllResultsWrap .betGamesBoxAllResultsAreas {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    .betGamesWrap .selectWeekWrap .selectWeekText {
        margin: 0;
        width: 50%;
        font-size: 16px;
    }
    .betGamesWrap .selectWeekWrap .selectWeekSelect {
        width: 50%;
    }
    .betGamesWrap .selectWeekWrap .selectWeekSelect select {
        font-size: 16px;
        float: right;
    }
}

@media screen and (max-width:500px) {
    .betGamesWrap {}
    .betGamesWrap .betGamesBox .betGamesBoxHead {
        float: initial;
        width: initial;
    }
    .betGamesWrap .betGamesBox .betGamesBoxInBox {
        padding: 0;
    }
    table.lotoSonuclarTable tbody tr {
        flex-wrap: wrap;
        background-color: transparent;
        border: none;
    }
    table.lotoSonuclarTable tbody tr .title {
        text-align: center !important;
    }
    table.lotoSonuclarTable tbody tr .desc {
        text-align: center !important;
        border-bottom: 1px dotted rgb(220, 220, 220);
    }
    table.lotoSonuclarTable tbody tr td {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .new-media-img {}
}

.center-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%
}

.new-media-title {
    color: #fff;
    font-size: 23px;
    text-shadow: 2px 2px 0px #252525;
    text-align: left;
    line-height: 140%;
}

.new-media-title-group {
    position: absolute;
    bottom: 1%;
    padding: 20px;
    width: 80%;
    z-index: 99;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
}

.category-set {
    width: 30%;
    right: 0;
    color: #fff;
    top: 10px;
    position: absolute;
}

.category-set a {
    color: #fff;
    font-size: 12px;
    background: #cf161c;
    border-bottom: 1px solid #790a0a;
    padding: 5px;
}

.img-overley-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9
}

.new-media-img {
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    height: 560px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center!important;
}

#HaberTarih.shadow {
    font-size: 11px;
    margin-top: 10px;
    float: left;
    color: #eaeaea;
    text-shadow: 2px 2px 0px #252525;
}

.header.ui-bar-b {}

.left.right-menu .red {
    color: #fff;
}

.ui-content {}

.header {
    z-index: 99
}

ul.share-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

ul.share-group li {
    float: left;
    width: 14.28%;
}

ul.share-group li a {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    border: solid 2px #000;
    cursor: pointer;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    margin: 0 auto 5px;
}

.date span {
    padding-left: 5px
}

.s300x200Sticky {
    z-index: 9999;
    text-align: center;
    width: 100%;
}

.mobileHeadline {
    padding: 0 10px 5px;
}

.mobileSpot {
    padding: 0 10px 5px;
    color: #6E6E6E;
    font-size: 15px;
    font-weight: 700;
}

.mobileCatReAf {
    float: left;
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
}

.mobileCat {
    border-radius: 0!important;
}

.LinkBodyKeywords {
    display: inline-block;
}


/**
 * Yeni header ile taşındı
 */

header#header {
    height: auto;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    border-top: 0;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.header-layer-group-one {
    width: 100%;
    max-width: 980px;
    min-width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    display: table
}
.category-box-menu {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 18px;
}
.other-category-menu .category-box-inner{
      transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}
.other-category-menu .category-box-inner, .other-category-menu .category-box-inner:after, .other-category-menu .category-box-inner:before {
    background: #666;
}
.category-box-inner, .category-box-inner:after, .category-box-inner:before {
    position: absolute;
    width: 25px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background: #666;
}
.category-box-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.category-box-inner:before {
    transition: top 75ms ease .12s,opacity 75ms ease;
}
.category-box-inner:before {
    top: -6px;
}
.category-box-inner:after, .category-box-inner:before {
    display: block;
    content: "";
}
.category-box-inner:after {
    bottom: -6px;
}
.category-box-inner:after, .category-box-inner:before {
    display: block;
    content: "";
}
.other-category-menu:hover {
    opacity: .7;
}
.ion-person-add {
    font-size: 20px;
    color: #666;
    position: relative;
    top: 9px;
    right: 10px;
    cursor: pointer;
}
body.open .category-box-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}
body.open .category-box-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}
body.open .category-box-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}

body.open .other-category-menu .category-box-inner, body.open .category-box-inner:after, body.open .other-category-menu .category-box-inner:before{
  background: #ec1c24;
}


.header-top-group {
    height: 40px;
    background-color: #e6e6e6;
    z-index: 999999;
}

.header-main-logo {
    float: left;
    width: 100px;
    z-index: 99999;
    position: relative
}

.header-main-logo h1 {
    font-size: 10px;
    color: #000;
    opacity: 0.4;
    text-align: center;
}

.header-speacial-day {
    float: left;
    max-width: 65px;
    height: auto;
    overflow: hidden;
    margin-right: 10px;
    height: 40px
}

.header-link-group ul li {
    float: left;
}

.header-link-group ul li a {
    font-size: 15px;
    color: #666;
    padding: 12px 6px;
    border-bottom: 3px solid transparent;
    display: block;
    font-weight: 700
}

.header-link-group a img {
    float: left;
    position: relative;
    right: 5px;
    top: 2px;
}

.header-link-group li.ekonomi a:hover,
.header-link-group li.ekonomi:hover a,
.header-link-group li.ekonomi.selected a:hover,
.header-link-group li.ekonomi.selected a {
    border-color: #0072bc;
}

.header-link-group li.ekonomi.selected a.first-link-group {
    color: #0072bc;
}

.header-link-group li.spor-link.selected a.first-link-group {
    color: #057C21;
}

.header-link-group li.magazin-link.selected a.first-link-group {
    color: #92278f;
}

.header-link-group li.gundem.selected a.first-link-group {
    color: #b9040e;
}

.header-link-group li.dunya.selected a.first-link-group {
    color: #a45a30;
}

.header-link-group li.teknoloji.selected a.first-link-group {
    color: #00aeef;
}

.header-link-group li.yazarlar.selected a.first-link-group {
    color: #b9040e;
}

.header-link-group li.saglik.selected a.first-link-group {
    color: #03a99d;
}

.header-link-group li.spor-link a:hover,
.header-link-group li.spor-link:hover a,
.header-link-group li.spor-link.selected a:hover,
.header-link-group li.spor-link.selected a {
    border-color: #057C21;
}

.header-link-group li.magazin-link a:hover,
.header-link-group li.magazin-link:hover a,
.header-link-group li.magazin-link.selected a:hover,
.header-link-group li.magazin-link.selected a {
    border-color: #92278f;
}

.header-link-group li.gundem a:hover,
.header-link-group li.gundem:hover a,
.header-link-group li.gundem.selected a:hover,
.header-link-group li.gundem.selected a {
    border-color: #b9040e;
}

.header-link-group li.dunya a:hover,
.header-link-group li.dunya:hover a,
.header-link-group li.dunya.selected a:hover,
.header-link-group li.dunya.selected a {
    border-color: #a45a30;
}

.header-link-group li.teknoloji a:hover,
.header-link-group li.teknoloji:hover a,
.header-link-group li.teknoloji.selected a:hover,
.header-link-group li.teknoloji.selected a {
    border-color: #00aeef;
}

.header-link-group li.yazarlar a:hover,
.header-link-group li.yazarlar:hover a,
.header-link-group li.yazarlar.selected a:hover,
.header-link-group li.yazarlar.selected a {
    border-color: #b9040e;
}

.header-link-group li.saglik a:hover,
.header-link-group li.saglik:hover a,
.header-link-group li.saglik.selected a:hover,
.header-link-group li.saglik.selected a {
    border-color: #03a99d;
}

.header-link-group li.sanat a:hover,
.header-link-group li.sanat:hover a,
.header-link-group li.sanat.selected a:hover,
.header-link-group li.sanat.selected a {
    border-color: #bd204a;
}

.header-link-group li.video-link a:hover,
.header-link-group li.video-link:hover a,
.header-link-group li.video-link.selected a:hover,
.header-link-group li.video-link.selected a {
    border-color: #8a8a8a;
}

body.open .header-link-group li.video-link.selected a,
body.open .header-link-group li.galeri-link.selected a {
    border-color: transparent;
}

.weather-group {
    width: 25%
}

.row-full {
    float: left;
}

.header-link-group li.galeri-link a:hover,
.header-link-group li.galeri-link:hover a,
.header-link-group li.galeri-link.selected a:hover,
.header-link-group li.galeri-link.selected a {
    border-color: #8a8a8a
}

.header-sub-menu {
    width: 100%;
    max-width: 980px;
    min-width: 980px;
    margin: 0 auto;
    position: relative;
    left: 140px;
}

.other-category-menu {
    width: 40px;
    height: 10px;
    position: relative;
    padding: 0;
    margin-top: 1px;
}

.other-category-menu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: #666;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.other-category-menu span:nth-child(1) {
    top: 10px;
}

.other-category-menu span {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.other-category-menu span:nth-child(2),
.other-category-menu span:nth-child(3) {
    top: 16px;
}

.other-category-menu span:nth-child(4) {
    top: 22px;
}

body.open .other-category-menu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.open {
    overflow-y: hidden;
    font-weight: normal!important
}

body.open .off-canvas-settings.white {
    z-index: 999!important;
}

body.open .other-category-menu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.open .other-category-menu span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

body.open .other-category-menu span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

body.open .other-category-menu span {
    background: #ec1c24;
}

body.open .header-link-group li > .limited-width {
    display: none;
}

body.open .header-top-group {
    background: rgba(0, 0, 0, .17);
    border-bottom: 0;
    height: 42px;
    position: fixed;
    width: 100%;
    top:0;
    z-index: 999999;
}

body.open .header-link-group ul li a {
    color: #353535;
}

body.open .header-link-group li:hover > .limited-width {
    display: none
}

body.open .header-link-group .pull-left li a {
    pointer-events: none;
    cursor: default;
    border-color: transparent!important;
    color: #353535!important;
}

body.open .last-minute-group {
    display: none
}

body.open #header {
    font-size: 14px;
}

body.open a.other-category-menu,
body.open a.search-group {
    background: rgba(0, 0, 0, .27);
}

.limited-width.video-open-sub {
    background-color: #cccccc;
    height: 60px;
    z-index: 999999999;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.limited-width.video-open-sub ul li a {
    color: #333333!important;
    font-size: 15px!important;
    border-bottom: 3px solid transparent!important;
    padding-bottom: 20px!important;
    padding-top: 20px!important
}

.limited-width.video-open-sub ul li a:hover,
.limited-width.video-open-sub ul li a.selected {
    border-bottom-color: #666666!important
}

.header-link-group li:hover > .limited-width.video-open-sub {
    display: flex
}

.limited-width.video-open-sub li.category-main-logo {
    position: relative;
    width: 118px;
    max-width: 118px
}

img.svg-logo-image {
    width: 100%;
    height: auto;
    max-width: 118px;
    position: absolute!important;
    left: 0;
    top: 5px!important;
}

body#video .header-link-group a img,
body#galeri .header-link-group a img {
    float: left;
    position: relative;
    right: 3px;
    top: -2px;
}

body.off-canvas-settings-block.disable-scrolling #header .header-main-logo {
    z-index: 9
}

.limited-width {
    position: absolute;
    left: 0;
    top: 40px;
    height: 40px;
    width: 100%;
    display: none;
}

.header-link-group li:hover > .limited-width,
.header-link-group li.selected > .limited-width {
    display: block;
}

.header-link-group li:hover > .limited-width {
    z-index: 9
}

.header-sub-menu a,
.header-sub-menu a:hover {
    color: #fff!important;
    border-bottom: 0!important;
}

.header-sub-menu a {
    padding: 13px 10px!important;
}

.header-link-group li.ekonomi > .limited-width {
    background-color: #0072bc;
}

.header-link-group li.sanat > .limited-width {
    background-color: #bd204a;
}

.header-link-group li.spor-link > .limited-width {
    background-color: #057C21;
}

.header-link-group li.magazin-link > .limited-width {
    background-color: #92278f;
}

.header-link-group li.gundem > .limited-width {
    background-color: #b9040e;
}

.header-link-group li.dunya > .limited-width {
    background-color: #a45a30;
}

.header-link-group li.teknoloji > .limited-width {
    background-color: #00aeef;
}

.header-link-group li.yazarlar > .limited-width {
    background-color: #b9040e;
}

.header-link-group li.saglik > .limited-width {
    background-color: #03a99d;
}

.header-link-group li.video-link > .limited-width {
    background-color: #8a8a8a;
}

.header-link-group li.galeri-link > .limited-width {
    background-color: #5f5f5f;
}

.header-link-group li.spor-link .header-sub-menu a:hover {
    background-color: #009245
}

.header-link-group li.ekonomi .header-sub-menu a:hover {
    background-color: #04619e
}

.header-link-group li.sanat .header-sub-menu a:hover {
    background-color: #a91d47
}

.header-link-group li.magazin-link .header-sub-menu a:hover,
.header-link-group li.magazin-link .header-sub-menu li.selected {
    background-color: #761d74;
}

.header-link-group li.gundem .header-sub-menu a:hover {
    background-color: #04619e
}

.header-link-group li.dunya .header-sub-menu a:hover {
    background-color: #04619e
}

.header-link-group li.teknoloji .header-sub-menu a:hover,
.header-link-group li.teknoloji .header-sub-menu li.selected {
    background-color: #0796cc
}

.header-link-group li.yazarlar .header-sub-menu a:hover {
    background-color: #04619e
}

.header-link-group li.saglik .header-sub-menu a:hover,
.header-link-group li.saglik .header-sub-menu li.selected {
    background-color: #02837a
}

#navOtherOverlay {
    font-family: 'Source Sans Pro', sans-serif;
    background: rgba(0, 0, 0, .97);
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 999998;
    visibility: hidden;
    min-height: 100%;
    overflow-y: hidden;
    display: none;
    bottom: 0;
    font-weight: normal;
}

#header2017 .login-modal-content .btn {
    min-width: auto
}

body.open #navOtherOverlay {
    visibility: visible;
    top: 0;
    padding-top: 40px;
    display: block
}

.nav-container {
    width: 100%;
    max-width: 980px;
    min-width: 980px;
    padding: 20px;
    margin: 0 auto;
    position: relative;
}

.nav-container a, .nav-container span {
    font-weight: normal;
    -webkit-font-smoothing: inherit!important;
    -moz-osx-font-smoothing: inherit!important;
    text-shadow: none;
}

.nav-layout-group {
    float: left;
    width: 16.6%;
}

.nav-layout-group.pull-right {
    width: 25%
}

.nav-layout-group .nav-category-title,
.navlayout-social-group span {
    font-size: 22px;
    color: #fff;
    padding-bottom: 12px;
    padding-right: 8px;
    padding-left: 8px;
}

.nav-layout-group ul li {
    width: 100%;
}

.nav-layout-group ul a {
    font-size: 16px;
    color: #bababa;
    display: inline-flex;
    padding: 4px 0;
    border-bottom: 1px solid transparent
}

.nav-layout-group ul a:hover {
    color: #fff;
}

.search-form {
    width: 0;
    height: 40px;
    position: absolute;
    right: 94px;
    top: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
    float: left;
    overflow: hidden;
}

.search-group {
    border-left: 0!important;
}

.search-form input {
    width: -webkit-calc(100% - 107px);
    width: calc(100% - 107px);
    border: 0;
    border-radius: 0;
    color: #a6a6a6;
    font-weight: 300;
    line-height: 30px;
    padding: 0 .7em;
    height: 36px;
    float: right;
    position: relative;
    right: 0;
    margin-top: 2px;
    outline: 0;
}

.search-form.open {
    width: calc(100% - 137px);
    visibility: visible;
    opacity: 1;
}

.search-form a.search-btn-group {
    background-color: #000;
    padding: 8px;
    line-height: 130%;
    float: right;
    position: relative;
    right: 0;
    color: #fff!important;
    margin-top: 0;
    border: 0;
    height: 38px;
}

.mobile-menu-group {
    display: none
}

.sub-menu-third-part-group {
    position: absolute;
    left: -60px;
    top: 40px;
    padding: 15px 20px;
    color: #fff;
    width: 85%;
    display: none;
    z-index: 999
}

.sub-menu-third-part-group > div {
    float: left;
}

li.spor-link .sub-menu-third-part-group {
    background-color: #009245
}

li.saglik .sub-menu-third-part-group {
    background-color: #02837a
}

li.ekonomi .sub-menu-third-part-group {
    background-color: #04619e
}

li.sanat .sub-menu-third-part-group {
    background-color: #04619e
}

.sub-menu-third-part-group li.title {
    width: 100%;
    display: block;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

li.spor-link .sub-menu-third-part-group > div:first-child {
    border-right: 1px solid #037d3d;
    width: 45%;
    margin-right: 1%;
}

.sub-menu-third-part-group > div:last-child {
    margin-left: 3%;
    width: 50%;
}

.sub-menu-third-part-group > div > div {
    width: 50%;
    float: left;
}

.sub-menu-third-part-group > div > div > ul li {
    width: 100%;
}

.sub-menu-third-part-group li {
    width: 50%
}

.sub-menu-third-part-group li a {
    padding: 5px 0!important;
    border-bottom: 0!important;
    font-size: 13px!important
}

.sub-menu-third-part-group li a:hover {
    text-decoration: underline
}

li.team-group:hover a:first-child {
    background-color: #009245;
}

li.team-group:hover a:first-child {
    background-color: #009245;
}

.header-sub-menu li:hover > .sub-menu-third-part-group {
    display: block
}

.date-and-weather-group {
    width: 100%;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

.date-and-weather-group span {
    padding: 5px;
    font-size: 14px;
    color: #fff;
}

.date-and-weather-group span,
.date-and-weather-group img {
    display: block;
    float: left;
}

.last-minute-group {
    width: 100%
}

.login-area-group {
    padding-top: 10px
}

.weather-group a {
    color: #fff;
}

.other-nav-layout-group {
    width: 100%;
    display: inline-block;
    margin: 20px 0;
}

.navlayout-social-group {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.navlayout-social-group {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.navlayout-social-group ul {
    margin-left: 5px;
    overflow: hidden;
    display: block;
    height: 90px;
}

.navlayout-social-group span {
    display: block;
    padding-bottom: 15px
}

.navlayout-social-group ul li {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: solid 2px #fff;
    background-color: transparent;
    text-align: center;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    background-color: #fff
}

.navlayout-social-group ul a {
    font-size: 20px;
}

.navlayout-social-group ul a,
.navlayout-social-group ul a:hover {
    font-size: 20px;
    color: #333;
}

.navlayout-social-group li a i {
    background-color: transparent
}

.nav-container .nav-search-group-set {
    display: none;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
}

.nav-search-group-set .search-form input {
    width: 100%;
}

.nav-search-group-set .search-form .ui-input-text {
    min-height: 36px;
    margin: 0;
    box-shadow: none;
}

.nav-search-group-set .search-form .search-btn-group {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.nav-layout-group .nav-category-title,
.navlayout-social-group span {
    display: block;
}

.scroll-group.scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#navOtherOverlay::-webkit-scrollbar {
    width: 12px;
}

#navOtherOverlay::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);
}

#navOtherOverlay::-webkit-scrollbar-thumb {
    background-color: rgb(70, 70, 70);
    outline: 1px solid #fff;
}

.header-sub-menu li a img.pull-right {
    top: 3px;
    left: 5px;
}

.login-area-group a {
    color: #fff;
    font-weight: normal !important;
}

.login-area-group a img {
    margin-right: 5px
}

.category-page-type #header {
    position: relative;
    z-index: 99999
}

body#video #header,
body#galeri #header,
body.category-page-type-health #header,
body#ekonomi #header,
body#magazin #header,
body#spor #header {
    height: 80px
}

body.open#video #header,
body.open#galeri #header,
body.open.category-page-type-health #header,
body.open#ekonomi #header,
body.open#magazin #header,
body.open#spor #header {
    height: 60px
}

body.open .header-my-account {
    margin-right: 30px;
    margin-top: 10px;
}

#header.sticky-scroll {
    position: fixed;
    top: -80px;
    z-index: 9999;
    width: 100%;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#header.sticky-scroll.show {
    top: 0;
}

html[xmlns*=""]:root .nav-group-category-sub {
    display: none
}

body.off-canvas-settings-block #header.show {
    left: 40px;
}

body.off-canvas-settings-block #header.show .header-layer-group-one {
    left: -40px;
    position: relative
}

a.category-main-logo:hover {
    border-bottom-color: transparent!important
}

@media screen and (max-width:485px) {
    body.open {
        height: 100%;
        overflow: hidden;
    }
    .mobile-menu-group {
        display: block;
        padding: 0;
    }
    .header-layer-group-one {
        display: none
    }
}

@media screen and (max-width:360px) {
    .mobile-menu-group .header-link-group > ul li:nth-child(4) {
        display: none
    }
}

@media screen and (max-width:530px) {
    .header-link-group ul li.main-link-group:nth-child(2) {
        display: none
    }
    .mobile-menu-group .header-link-group.pull-right li.main-link-group:nth-child(3) {
        display: block
    }
}

@media screen and (min-width:768px) {
    .nav-layout-group > ul {
        display: block
    }
    li.spor-link .sub-menu-third-part-group > div:first-child {
        width: 35%
    }
    .nav-group-category-sub {
        display: none
    }
}

@media screen and (max-width:620px) {
    .header-link-group ul li.main-link-group:nth-child(3) {
        display: none
    }
    .header-link-group div.pull-right li:nth-child(3) {
        display: block
    }
}

@media screen and (max-width:630px) {}

@media screen and (max-width:700px) {
    .header-link-group ul li.main-link-group:nth-child(4) {
        display: none
    }
}

@media screen and (max-width:740px) {
    .header-link-group ul li.main-link-group:nth-child(5) {
        display: none
    }
}

@media screen and (max-width:720px) {
    .header-link-group ul li.main-link-group:nth-child(6) {
        display: none
    }
    li.main-link-group > .limited-width {
        display: none!important
    }
    .header-sub-menu {
        left: 40px;
    }
}

@media screen and (max-width:815px) {
    .header-link-group ul li.main-link-group:nth-child(7) {
        display: none
    }
}

@media screen and (max-width:905px) {
    .header-link-group ul li.main-link-group:nth-child(9),
    .header-link-group ul li.main-link-group:nth-child(8) {
        display: none
    }
}

@media screen and (max-width:767px) {
    body.off-canvas-settings-block .mobile-menu-group {
        width: 100%;
        margin: 0 10px;
        padding: 0 0 0 40px;
    }
    .date-and-weather-group {
        width: 70%
    }
    .login-area-group {
        width: 30%;
        float: left;
    }
    .row-full {
        display: inline-block;
        width: 100%;
    }
    .scroll-group.scroll {
        position: absolute;
        width: 100%;
        margin-left: -20px;
        -webkit-transform: translateZ(0);
    }
    .scroll-group.scroll .nav-layout-group {
        padding: 0 10px;
    }
    .mobile-menu-group .header-main-logo {
        width: 90px
    }
    .mobile-menu-group .mobile-menu-set {
        float: right !important;
    }

    /*
    .mobile-menu-group{display:block!important}
    .header-layer-group-one{display:none!important}
    */

    div#header {
        display: block!important
    }
    .nav-container .nav-search-group-set {
        display: inline-block;
        position: relative
    }
    .nav-container .nav-search-group-set .search-form {
        visibility: visible;
        opacity: 1;
        display: block;
        width: 100%;
        position: initial
    }
    .nav-layout-group {
        width: 100%;
    }
    .nav-layout-group > ul {
        display: none
    }
    .navlayout-social-group span {
        width: 100%;
    }
    .nav-layout-group .nav-category-title {
        width: 60%;
    }
    .other-category-menu {
        margin-left: 14px;
    }
    .header-link-group .pull-left {
        margin-left: 0;
    }
    .scroll-group {
        height: 370px;
        margin-bottom: 30px
    }
    .category-page-type .mobile-menu-group {
        padding: 0 0 0 10px;
    }
    .static-link {
        display: block
    }
    .static-link > .limited-width {
        display: none!important
    }
    .nav-layout-group.pull-right {
        width: 100%;
        display: block;
        float: none !important;
    }
    .nav-category-title {
        float: left;
    }
    .nav-group-category-sub {
        padding: 10px 0px;
        float: right;
        width: 40%;
    }
    .nav-group-category-sub img {
        position: relative;
        top: -5px;
        right: 15px;
        float: right;
    }
    .nav-layout-group > ul {
        padding: 30px 10px 20px 20px;
    }
    .nav-layout-group > ul li {
        border-bottom: 1px dotted #191919;
        padding: 5px 0;
        float: left;
    }
    .nav-layout-group:nth-child(6) .nav-category-title:after {
        display: none
    }
    body#video #header,
    body#galeri #header,
    body.category-page-type-health #header,
    body#ekonomi #header,
    body#magazin #header,
    body#spor #header {
        height: 40px;
    }
    .last-minute-group {
        display: none
    }
    .header-link-group ul li.main-link-group:nth-child(8),
    .header-link-group ul li.main-link-group:nth-child(7),
    .header-link-group ul li.main-link-group:nth-child(6) {
        display: none
    }
    li.teknoloji.main-link-group .header-sub-menu {
        left: 30px;
    }
    .nav-layout-group ul li[data-id="mb-canli-skor"],
    .nav-layout-group ul li[data-id="mb-iddaa"],
    .nav-layout-group li.add-site,
    .nav-layout-group li.haber-t,
    .nav-layout-group li.folder-news,
    .nav-layout-group li.tv-group {
        display: none
    }
    html[xmlns*=""]:root .nav-group-category-sub {
        display: block
    }
}

@media screen and (max-width:980px) {
    .header-layer-group-one,
    .header-sub-menu,
    #header {
        min-width: 100%!important;
        max-width: 100%!important;
    }
    #navOtherOverlay .nav-container {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .header-link-group ul li a {
        padding: 10px 0;
    }
    .search-form {
        right: 68px;
    }
    .sub-menu-third-part-group {
        width: 100%;
        left: -40px;
    }
    .header-layer-group-one {
        padding: 0 0 0 0;
    }
    .spor-link ul.header-sub-menu {
        left: 40px!important;
    }
    .saglik ul.header-sub-menu {
        left: 40px!important;
    }
    .header-link-group .pull-right li:first-child a {
        padding: 12px 5px;
    }
    .header-sub-menu a {
        padding: 13px 7px!important;
        font-size: 14px!important;
    }
}

@media screen and (max-width:1250px) {
    #header {
        margin: 0!important;
    }
    body.off-canvas-settings-block .header-layer-group-one {
        padding: 0 0 0 50px;
        margin: 0;
    }
    /*  .category-page-type .header-layer-group-one{padding:0 0 0 10px;} */
    #header {
        max-width: 980px;
        min-width: 980px
    }
    .static-link {
        display: block!important
    }
    .search-form {
        right: 73px;
    }
    .search-form.open {
        width: calc(100% - 147px)
    }
    body.off-canvas-settings-block .limited-width {
        margin-left: 50px;
        width: calc(100% - 50px)
    }
    body.off-canvas-settings-block .header-top-group,
    body.off-canvas-settings-block .header-layer-group-one {
        max-width: 1028px!important;
        min-width: 1028px!important
    }
    body.off-canvas-settings-block .limited-width {
        max-width: 978px;
        min-width: 978px;
    }
    body.off-canvas-settings-block .sticky-scroll.show .header-top-group {
        max-width: 100%!important;
        min-width: 100%!important
    }
}

@media screen and (max-width:1030px) {
    body.off-canvas-settings-block .header-layer-group-one,
    body.off-canvas-settings-block .header-top-group,
    body.off-canvas-settings-block #header,
    body.off-canvas-settings-block .limited-width {
        max-width: 100%!important;
        min-width: 100%!important
    }
}

@media screen and (min-width:1050px) and (max-width:1249px) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 2) {
    body:not(.off-canvas-settings-block) .header-layer-group-one {
        padding: 0 0 0 10px;
    }
    body.off-canvas-settings-block .header-layer-group-one {
        min-width: 1030px!important;
        max-width: 1030px!important
    }
    .header-link-group ul li a {
        padding: 12px 4px;
    }
    .category-page-type .header-link-group ul li a {
        padding: 12px 6px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .header-link-group ul li a {
        padding: 12px 14px;
    }
    body.open #navOtherOverlay {
        top: 38px;
    }
    .category-page-type .header-link-group ul li a {
        padding: 12px 6px;
    }
    .category-page-type #header {
        min-width: 100%!important;
        max-width: 100%!important
    }
}

@media screen and (max-width:860px) and (min-width:768px) {
    .header-link-group ul li.main-link-group:nth-child(8) {
        display: none
    }
}

@media screen and (min-width:980px) and (max-width:1250px) {}

#galeri .header-link-group ul li a,
#video .header-link-group ul li a {
    font-size: 13px;
}

a.other-category-menu,
a.search-group {
    background-color: #e6e6e6;
    border-bottom: 0
}

.login-modal-btn.close {
    display: none;
}
.login-modal-btn span {color:#fff;}

.login-modal-area.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.login-modal-area {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999999999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.login-modal-area .alert {
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0px;
    z-index: 200;
    background-color: rgba(185, 4, 14, 0.9);
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.login-modal-area .alert ul {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: left;
}

.login-modal-area .alert ul > li {
    margin-bottom: 10px;
}

.login-modal-area .alert-close,
.login-modal-area .reset-password-close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 100%;
    border: solid 1px #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    flex: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 30px;
}

.login-modal-area .reset-password-close {
    border-color: transparent;
    background-color: #b9040e;
    color: #fff;
}

.login-modal-area .reset-password-close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.login-modal-area .alert-close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.login-modal-content {
    width: 700px;
    height: 1px;
    background-color: #fff;
}

.login-modal-content.open {
    height: 410px;
    position: relative;
}

.login-modal-close {
    width: 40px;
    height: 40px;
    background-color: #b9040e;
    text-align: center;
    font-size: 40px;
    color: #fff;
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.login-modal-close:hover {
    background-color: darkred;
}

.login-modal-content .btn {
    width: 100%;
    min-width: 270px;
    height: 40px;
    padding: 10px;
    border: none;
    background-color: #b9040e;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.login-modal-content .btn:hover {
    background-color: darkred;
    color: #fff;
}

.login-modal-content .title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.login-modal-content .description {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}

.login-modal-content .textbox {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 10px;
    border: solid 1px #f1f1f1;
}

.login-modal-content .captcha {
    width: 100%;
    height: 57px;
    overflow: hidden;
    background-color: #fff;
    color: #dedede;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: 0;
}

.captcha .g-recaptcha .rc-anchor-light {
    background: none!important;
    border: none!important;
    font-size: 30px!important;
}

.login-modal-content .captcha img {
    width: 50%;
}

.login-modal-content .captcha input {
    width: 50%;
}

.login-modal-content .captcha input {
    margin-bottom: 0px;
}

.new-membership {
    height: 0px;
    overflow: hidden;
    background-color: #dedede;
    padding: 0px;
    float: left;
    width: 50%;
}

.new-membership > form {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.new-membership .name,
.new-membership .surname,
.new-membership .password,
.new-membership .password-confirm {
    width: 50%;
}

.new-membership.open {
    height: 410px;
    padding: 40px;
}

.reset-password {
    height: 0px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 0px;
    background-color: #dedede;
    padding: 0px;
    float: left;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.reset-password.open {
    height: 400px;
    padding: 40px;
}

.reset-password form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sign-in {
    height: 0px;
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 0px;
    float: left;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sign-in > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.sign-in.open {
    height: 410px;
    padding: 40px;
}

.sign-in-img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    border: solid 1px #dedede;
    background-color: #fff;
    margin: 0 auto 20px;
}

.sign-in-img img {
    width: 106%;
    height: 106%;
    margin: -2px;
    background-image: url("/assets/images/v3/avatar-man.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 2px;
}

.sign-in .reset-pwd-btn,
.sign-in .new-membership-btn {
    cursor: pointer;
    padding: 4px 0px;
    text-align: center;
}

.sign-in-other {
    text-align: center;
    font-size: 12px;
}

.sign-in-other > a {
    color: #333;
}

.sign-in-other > a:hover {
    color: #b9040e;
}

.sign-up {
    background-color: #fff;
    padding: 40px;
    height: 400px;
    float: right;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.sign-up-connect {
    width: 100%;
    height: 40px;
    background-color: #dedede;
    color: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.sign-up-or {
    text-align: center;
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

.sign-up-connect > div:nth-child(1) {
    font-size: 18px;
    padding: 10px;
    text-align: center;
    width: 40px;
}

.sign-up-connect > div:nth-child(2) {
    font-size: 14px;
    padding: 10px;
}

.sign-up a {
    display: block;
    margin-bottom: 10px;
}

.other-connect > div:nth-child(1) {
    font-size: 14px;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.facebook,
.facebook-connect {
    background-color: #3b5998;
}

.facebook-connect:hover,
.facebook:hover {
    background-color: #133783 !important;
}

.twitter,
.twitter-connect {
    background-color: #1da1f2;
}

.twitter-connect:hover,
.twitter:hover {
    background-color: #3b88c3 !important;
}

.gplus,
.gplus-connect {
    background-color: #db4437;
}

.gplus-connect:hover,
.gplus:hover {
    background-color: #bc2922 !important;
}

.linkedin,
.linkedin-connect {
    background-color: #287bbc;
}

.linkedin-connect:hover,
.linkedin:hover {
    background-color: #1b5480 !important;
}

.other-connect {
    background-color: #dedede;
    color: #333;
}

.other-connect:hover {
    background-color: #b9040e;
    color: #fff;
}

.header-my-account-btn.open {
    display: block;
}

.header-my-account-btn {
    display: none;
}

.header-my-account {
    max-width: 300px;
    width: auto;
    padding: 30px;
    background-color: #fff;
    position: absolute;
    top: 45px;
    right: 10px;
    z-index: 210;
    box-shadow: 0 0 3px rgba(192, 192, 192, 0.7);
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}

.header-my-account.open {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header-my-account figure {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #fff;
    border: solid 1px #dedede;
}

.header-my-account figure img {
    width: 106%;
    height: 106%;
    margin: -2px;
    background-image: url("/assets/images/v3/avatar-man.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 2px;
}

.header-my-account .my-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    border-bottom: solid 1px #b9040e;
    padding-bottom: 15px;
}

.header-my-account ul {
    width: 100%;
    padding: 15px 15px 0px 15px;
}

.header-my-account > ul > li {
    position: relative;
    list-style: circle;
    padding: 5px 0px;
    border-bottom: dotted 1px transparent;
    font-size: 14px;
    margin-bottom: 5px;
}

.header-my-account > ul > li:hover {
    border-bottom: dotted 1px #b9040e;
}

.header-my-account > ul > li:hover > a {
    color: #b9040e;
}

.header-my-account > ul > li > a {
    color: #000;
}

.header-my-account > ul > li:last-child {
    list-style: none;
    background-color: #b9040e;
    padding: 20px 30px;
    margin: 10px -45px -30px -45px;
}

.header-my-account > ul > li:last-child > a {
    color: #fff;
}

.header-my-account .info {
    padding: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header-my-account .info span:nth-child(1) {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.header-my-account .info span:nth-child(2) {
    font-size: 12px;
    color: #999;
}

.header-my-account:before {
    content: "";
    position: absolute;
    top: -12px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #b9040e transparent;
}

.member-detail-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.member-content-menu {
    width: 200px;
    height: auto;
    min-height: 400px;
    padding: 20px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.member-content-menu.auto-height {
    min-height: auto;
}

.member-content-menu > div {
    margin-bottom: 5px;
    text-align: center;
    line-height: 100%;
}

.member-img {
    width: 120px;
    height: 120px;
    border: solid 1px #999;
    overflow: hidden;
    border-radius: 100%;
    margin: 0px auto 10px !important;
    position: relative;
}

.member-img img {
    width: 106%;
    height: 106%;
    margin: -2px;
    background-image: url("/assets/images/v3/avatar-man.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 2px;
}

.member-img-edit {
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #b9040e;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 10px;
    cursor: pointer;
}

.member-img-edit:hover {
    background-color: #000;
}

.member-name {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.member-email {
    font-size: 12px;
    color: #666;
}

.member-menu {
    padding-left: 20px;
    border-top: 1px dotted #333;
    padding-top: 10px;
    margin-top: 20px;
    position: relative;
}

.member-menu li {
    margin-bottom: 5px;
    font-size: 14px;
    list-style: circle;
    padding: 5px 0px;
    border-bottom: dotted 1px transparent;
    position: relative;
}

.member-menu li a {
    color: #000;
}

.member-menu li:hover a,
.member-menu li.selected a {
    color: #b9040e;
}

.member-menu li:hover,
.member-menu li.selected {
    border-bottom: dotted 1px #b9040e;
}

.member-menu li a > span {
    display: inline-block;
}

.member-menu li a > span:nth-child(2) {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: solid 1px #b9040e;
    margin-left: 10px;
    text-align: center;
    font-size: 12px;
    padding: 3px;
}

.member-content-detail,
.member-content-captcha {
    width: calc(100% - 200px);
    height: auto;
    margin-bottom: 20px;
}

.menu-content-detail {
    background-color: #f1f1f1;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.menu-content-detail:last-child {
    margin-bottom: 0px;
}

.member-content-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
}

.member-content-info > div > span {
    padding: 0 5px;
}

.member-content-info > div > span:nth-child(1) {
    font-weight: 700;
}

.member-content-info > div > span:nth-child(2) {
    font-weight: 300;
}

.member-content-info > div:nth-child(1) {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}

.member-content-detail .sub-title {
    font-size: 12px;
    padding: 0px 0px 10px 0px;
}

.member-news-delete {
    width: 30px;
    height: 30px;
    background-color: #b9040e;
    font-size: 20px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
}

.member-news-delete:hover {
    background-color: #000;
}

.member-input-box {
    margin-bottom: 15px;
}

.member-input-box input,
.member-input-box select {
    width: 100%;
    height: 40px;
}

.member-input-box select {
    background-color: #fff;
    border: none;
    border-radius: none !important;
}

.member-input-title {
    padding: 5px;
    height: 25px;
}

.member-input-title > span:nth-child(1) {
    font-size: 12px;
    color: #000;
    margin-right: 5px;
}

.member-input-title > span:nth-child(2) {
    font-size: 12px;
    color: #b9040e;
}

.member-input-title > span:nth-child(3) {
    font-size: 12px;
    color: #fff;
    background-color: #b9040e;
    padding: 5px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    float: right;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.member-input-title > span:nth-child(3):hover {
    background-color: #000;
}

.member-btn-legal-text {
    font-size: 12px;
    color: #333;
    margin-top: 30px;
}

.member-btn-legal-text > span:nth-child(1) {
    color: #b9040e;
    margin-right: 5px;
}

.member-btn {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: none;
    margin: 20px 0px;
    background-color: #b9040e;
    color: #fff;
    border-radius: 5px;
}

.member-btn:hover {
    background-color: darkred;
}

.member-content-detail .switch {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin-left: 10px;
}

.slider-group .swiper-container {
    width: 100% !important;
}

.search-group {
    background-color: transparent !important;
}

.header-main-logo img {
    height: auto !important;
}

.pull-right {
    float: right !important;
}

@media screen and (max-width: 414px) {
    .login-modal-content {
        max-width: 300px;
        overflow: scroll;
    }
    .login-modal-content,
    .login-modal-content .sign-in,
    .login-modal-content .sign-up,
    .login-modal-content .reset-password,
    .login-modal-content .new-membership {
        width: 100%;
    }
    .login-modal-content .btn {
        min-width: 220px;
    }
}

.slider-group .color-yellow h2 span {
    color: yellow;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.slider-group .color-blue h2 span {
    color: #0072bc;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.slider-group .color-red h2 span {
    color: #b9040e;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.slider-group .color-purple h2 span {
    color: #92278f;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.slider-group .color-white h2 span {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.slider-group .color-black h2 span {
    color: black;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

#header div,#header a, #header ul, #header li, #header span, #header input {
    box-sizing: border-box !important;
}

.header-link-group > .pull-left {display: none;}
.modal-box-group {z-index: 1000001 !important;}

/*
 * Yeni headerla taşınan kısım bitti
 */