html {
    -webkit-tap-highlight-color: transparent;
    background: none;
    background-color: rgb(236, 239, 241);
    overflow-y: scroll !important;
    color: #000;
    background: #FFF;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #0d2074;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::selection {
    color: #FFF;
    background-color: rgb(45, 62, 80);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: inherit;
}

p {
    margin: 0 0 10px;
}

dl,dl * {
    margin: 0;
    padding: 0;
}

body {
    background-image: url(resim/spacer.gif);
    font: 76%/1.6em "Whitney SSm A","Whitney SSm B","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #e8eaec !important;
    color: #515365;
    background-repeat: repeat;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    text-align: left;
	line-height: 1.28;
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

* {
    word-wrap: break-word;

}

ul , ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.time > strong {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

a {
	text-decoration: none;
    color: #515365;
	webkit-transition: color .18s ease,background-color .18s ease,border-color .18s ease;
    transition: color .18s ease,background-color .18s ease,border-color .18s ease;
}

a:hover {
    text-decoration: none;
    color: #e91e63
}

.hizala {
    max-width: 1120px;
    margin: 10px auto;
    padding: 10px;
}

body.index .navigation {
    display: none;
}

.hide {
    display: none;
}

.show {
    display: block !important;
}

/* UST KISIM
============================== */
.header_ust {
    height:  60px;
    line-height:  60px;
    background: #3f4257;
}

header .hizala {
    margin: 0 auto;
    padding:  0;
    max-width:  1120px;
}

header .sag {
    text-align: right;
    height: 60px;
    float:  right;
    line-height:  60px;
}

header .sol {
	text-align:  left;
}

.header_ust .sag > li {
    position: relative;
    margin: 0 6px 0 20px;
    float: left;
}

.girisButton,.kayitButton {
    border: 2px solid #38a9ff;
    padding: 8px 15px;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: inline;
    font-size: 11px;
}

.kayitButton {
    border-color: #7c5ac2;
}

.girisButton:hover {
    background: #38a9ff;
}

.kayitButton:hover {
    background: #7c5ac2;
}

.acilir_menu {
    position: absolute;
    z-index: 1020;
    background: #fff;
    left: 50%;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 34px 0 rgba(63,66,87,.2);
    border-radius: 3px;
    -webkit-transform: translate(-50%,-4px);
    transform: translate(-50%,-4px);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header_ust .sag > li > a {
	color: #fff;
	font-size: 13px;
}

.header_ust .sag > li > a > i {
    margin: 0 5px;
}

.acilir_menu > li {
    display: block;
    float: none!important;
    margin: 0!important;
    line-height: 25px;
    white-space: nowrap;
    text-align: left!important;
    padding: 6px 15px;
    border-bottom: 1px solid #e2e6e9;
}

.acilir_menu > li > a {
    display: block;
    padding: 0;
    background: 0 0!important;
    color: #515365;
    transition: all .2s ease;
    font-size: 13px;
}

.acilir_menu li i {
    margin-right: 10px;
    color: #c2c7cc;
}

.acilir_menu li:hover {
    background: #f9f9f9;
}

.acilir_menu li:hover a {
    color: #38a9ff;
}

.acilir_menu li:last-child {
    border-bottom:  0;
}

.acilir_menu li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.acilir_menu li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

header .avatar {
    width: 30px;
    height: 30px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    border-radius: 100%;
    -moz-border-radius: 100%;
    border: 2px solid #FFF;
    background: #FFF;
    transition: all .5s;
    line-height: normal;
    overflow: hidden;
    max-width: none;
    vertical-align: middle;
    display: inline-block;
}

header .avatar > img {
    width: 100%;
    min-height: 100%;
    border-radius: 4px;
}

header .nick {
    margin-left: 5px;
    font-size: 13px !important;
    color: #FFF !important;
    vertical-align: middle;
    transition: all .2s;
    display: inline-block;
}

* > li:hover > .acilir_menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%,0px);
    transform: translate(-50%,0px);
    -webkit-transition: all .5s cubic-bezier(.32,1.695,.355,1.135);
    transition: all .5s cubic-bezier(.32,1.695,.355,1.135);
}

.acilir_menu:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -9px;
    border: solid transparent;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 9px;
}

.acilir_menu > li:last-child a b {
    color: #AA3232;
}

.header_ust li:hover .avatar,.header_ust li:hover i {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}

.header_alt {
    background: #fff;
}

.header_alt > * > ul {
    display: inline-block;
    margin-left: -13px;
}

.header_alt > * > ul > li {
    position: relative;
    display: inline;
}

.header_alt > * > ul > li > a {
    position: relative;
    display: inline-block;
    padding: 18px 13px 17px;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    color: #3e4551;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.header_alt > * > ul > li > a.active {
    font-weight: 600;
    color: #2d72d9;
}

.header_alt > * > ul > li > a:hover {
    color: #2d72d9;
    background-color: rgba(45,114,217,.04);
}

.header_alt > * > ul > li > a > span {
    margin-left: 5px;
}

.logo {
    font-size: 0;
    color: transparent;
    float: left;
    width: 150px;
    line-height: 54px;
    margin-right: 2%;
}

.logo a span {
    background-image: url(resim/logo.png);
    display: block;
    max-height:  60px;
    min-height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/* ARAMA
============================== */
#search {
    float: left;
    margin: 0 20px 0 6px;
    position:  relative;
    width: 25%;
}

#search input.text {
    height: 60px;
    line-height: 60px;
    width: 100%;
    border: 0;
    background: #494c62;
    padding: 0 15px;
    color: #e6e6e6;
}

#search input.text:focus {
    outline: none;
}

#search button {
    position: absolute;
    background: 0 0;
    border: 0;
    top: 9px;
    right: 0;
    font-size: 24px;
    color: #b3b3b3;
}

/* NAVIGASYON
============================== */
.navigation .crust {
    display: block;
    float: left;
    position: relative;
    zoom: 1;
    max-width: 50%;
}

.navigation .crust > a {
    cursor: pointer;
    color: rgb(153, 153, 153);
    text-decoration: none;
    padding: 0 20px 0 24px;
    outline: 0 none;
    -moz-outline-style: 0 none;
    display: block;
    _border-bottom: none;
}

.navigation .crust:first-child > a {
    padding-left: 20px;
}

.navigation {
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    zoom: 1;
    clear: both;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

.navigation .crust:hover a {
    color: rgb(102, 102, 102);
}

.navigation .arrow {
    float: left;
}

.navigation .arrow span {
    background-image: url(resim/ok.svg);
    background-repeat: no-repeat;
    background-position: center -20px;
    margin-top: 5px;
    border-color: transparent;
    background-size: 10px 40px;
    display: block;
    width: 10px;
    height: 10px;
}

.navigation {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    zoom: 1;
    max-width: 100%;
    line-height: 20px;
    box-sizing: border-box;
    height: 40px;
}

.navigation .crust:last-child a {
    color: rgb(102, 102, 102);
    padding-right: 0;
}

/* HIZLI LINKLER
============================== */
#hizli_linkler {
	background: #38a9ff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 0 0 4px 4px;
	margin-bottom: 10px;
	font-size: 13px;
}

#hizli_linkler > li {
    display: inline-block;
    margin: 0px 20px;
}

#hizli_linkler > li > a {
    color: #fff;
    display:  block;
}

/* ISTATISTIKLER
============================== */
#istatistik_list {
    margin-top: 25px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    color: #767676;
    clear:  both;
}

.istatistikBaslik {
    height: 40px;
    line-height: 40px;
    background: #3f4257;
    color: #fff;
    font-weight: 600;
    padding: 0 20px;
}

#istatistik_list li:first-child div {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#istatistik_list li:last-child div {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mainbg {
    padding: 10px 15px;
    background: #f5f8fa;
}

p.online_not {
    font-size: 11px;
    color: #777777;
}

#forumIstatistikleri dl {
    width: 13.7%;
    display: inline-block;
    margin: 2px;
    background: #efefef;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px 0;
    width: 11.9%;
    text-align: center;
}

#forumIstatistikleri {
    text-align: center;
}

#forumIstatistikleri dd {
    font-size: 10pt;
    color: #7B7B7B;
}

#forumIstatistikleri dl dt {
    display: block !important;
    font-size: 10pt;
    color: #7B7B7B;
    font-weight: 700;
}

/* FORUM BASLIK CUBUGU
============================== */
.forumAciklama {
    margin: 5px 20px 0 20px;
    position:  absolute;
    top: 50%;
    color: #9a9a9a;
    vertical-align:  top;
    left: 0;
    right: 0;
    margin-top: -35px;
}

.baslikCubugu {
    margin: 14px 0;
    padding: 5px 0;
    text-align: center;
    background: #494c62;
    color: white;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
}

.baslikCubugu h1 {
    font-size: 20px;
    overflow: hidden;
    zoom: 1;
    text-align: center;
}

#sayfaAciklamasi {
    color: rgb(255,255,255);
    background: #383b50;
    border-radius: 2px;
    margin: 0;
    font-size: 13px;
    margin-top: 12px;
    text-align: center;
}

.baslikCubugu:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* LINK GRUP
============================== */
.sayfaLinkGrubu {
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    font-size: 13px;
    background-color: rgb(255, 255, 255);
    padding-right: 20px;
    padding-left: 20px;
    margin: 20px 0;
    border-radius: 2px;
    line-height: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    box-sizing: border-box;
    clear: both;
    width: 100%;
}

.LinkGrubu {
    float: right;
    padding: 10px 0;
    margin: 0 -10px;
}

.LinkGrubu a {
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    float: left;
    text-transform: uppercase;
    line-height: 20px;
    color: #ee7068;
}

/* FORUM LISTESI
============================== */
.forumList {
    position: relative;
    zoom: 1;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 20px;
    margin: 10px auto;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color:  #fff;
}

.forumListesi > li {
     display: table;
     table-layout: fixed;
     width: 100%;
     word-wrap: normal;
}

.forumList .bolumBasliklari > *:nth-child(1), 
.forumList .forumListesi > li > div:nth-child(1) {
    width: 75px;
    text-align: center;
}

.forumList .bolumBasliklari > *:nth-child(2),
.forumList .forumListesi > li > div:nth-child(2) {
    padding: 10px 15px;
}

.forumList .bolumBasliklari > *:nth-child(3),
.forumList .forumListesi > li > div:nth-child(3) {
    padding: 10px 15px;
    width: 20%;
}

.forumList .bolumBasliklari > *:nth-child(4),
.forumList .forumListesi > li > div:nth-child(4) {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15%;
    padding: 10px;
}

.forumList .bolumBasliklari > *:nth-child(5),
.forumList .forumListesi > li > div:nth-child(5) {
    width: 4%;
    text-align: center;
}

.forumList .bolumBasliklari > *:nth-child(1) {
    display: none;
}

.forumList .bolumBasliklari > *:nth-child(2) {
    width: calc(66% - 100px);
    width: -webkit-calc(66% - 100px);
    width: -moz-calc(66% - 100px);
    padding: 0 15px;
    text-align: left;
    text-transform: uppercase;
}

.forumList .bolumBasliklari > *:nth-child(3) {
    background: #383b50;
    padding: 0 15px;
    text-align: center;
}

.forumList .bolumBasliklari > *:nth-child(4) {
    padding:  0 15px;
}

.forumList .bolumBasliklari > *:nth-child(5) {
    padding: 0 10px;
}

.forumList .bolumBasliklari > * {
    font-weight: 600;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.forumListesi > li > div {
	display: table-cell;
    padding: 15px 0;
    border-right: 1px solid #e2e6e9;
    border-bottom: 1px solid #e2e6e9;
    vertical-align: middle;
}

.forumListesi li div.forumSonMesaj {
    text-align: right;
    overflow: hidden;
}

.forumListesi .avatarHizala {
    display: block;
    position: relative;
}

.forumListesi .forumAvatar .avatar {
    margin: 0 20px;
    display: block;
    width: 40px;
    height: 40px;
}

.forumListesi .forumAvatar .avatar img {
    width: 40px;
    height: 40px;
    display: block;
}

.forumListesi .konuBasligiBolumu {
    overflow: hidden;
    zoom: 1;
    position: relative;
}

.forumListesi .ikon {
    float: right;
    background: transparent;
    position: relative;
    top: 16px;
    width: 24px;
    height: 24px;
}

.forumListesi .konuDurumlari {
    float: right;
    position: relative;
    top: 16px;
    margin-right: 10px;
}

.forumListesi .konuBasligi {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 18px;
    margin-bottom: 6px;
    max-width: 100%;
    word-wrap: break-word;
    font-weight: 500;
    position: relative;
}

.forumListesi .konuBasligi a {
    color: #2980b9;
}

.forumListesi .ikinciSira {
    font-size: 14px;
    color: rgb(102, 102, 102);
    clear: both;
    font-size: 13px;
}

.forumListesi .mesajTarihi {
    float: left;
    color: rgb(153, 153, 153);
}

.forumListesi .mesajTarihi a {
    color: rgb(153, 153, 153);
}

.forumListesi .ikinciSira .startDate {
    margin-left: 20px;
}

.forumListesi .forumIstatistikler dl {
    padding: 0;
    box-sizing: border-box;
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
}

.forumListesi .forumIstatistikler .major {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 18px;
    line-height: inherit;
    background: #d8efff;
}

.forumListesi .forumIstatistikler dl dt {
    display: none;
}

.forumListesi .forumIstatistikler dl dd {
    float: none;
    text-align: inherit;
    color: rgb(102, 102, 102);
}

.forumListesi .forumIstatistikler .minor {
    font-size: 14px;
    color: rgb(102, 102, 102);
    background: #f5f5f5;
}

.forumListesi .lastPostInfo {
    color: rgb(153, 153, 153);
}

.forumListesi .lastPostInfo .avatar img {
    border: 1px solid #c4c4c4 !important;
    margin-top: 4px;
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 1px;
    border-radius: 100%;
    background-position: 0 0 !important;
    padding: 0 !important;
}

.forumListesi .lastPostInfo dt {
    margin-bottom: 6px;
    margin-left: 33px;
}

.forumListesi .lastPostInfo dt a {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 18px;
    font-size: 13px;
    color: inherit;
}

.forumListesi .lastPostInfo dd {
    font-size: 13px;
    color: inherit;
}

#forumListAyarlari a {
    font-size: 12px;
    color: rgb(102,102,102);
    padding: 10px 15px;
    margin: 0 auto;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    display: block;
    text-align: center;
    outline: 0;
    position: relative;
    line-height: 20px;
    text-transform: uppercase;
}

#forumListAyarlari {
    background-color: #f5f5f5;
    white-space: nowrap;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.bolumBasliklari {
    white-space: nowrap;
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: normal;
    font-size: 12px;
    color: rgb(255,255,255);
    margin: 0 auto;
    line-height: 35px;
    background: #3f4257;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 35px;
}

.bolumBasliklari a {
    color: rgb(255, 255, 255);
    outline: none;
}

.forumList .forumSep span {
    font-size: 11px;
    color: rgb(102, 102, 102);
    background-color: rgb(245, 245, 245);
    margin: 0 auto;
    border-bottom: 1px solid rgb(236, 236, 236);
    text-transform: uppercase;
    line-height: 20px;
    padding: 4px 10px;
    display: block;
}

/* FORUM BASLIGI
============================== */
.forumBasligi {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #494c62;
}

.forumBasligi ul > li {
    display: block;
    font-weight: 600;
    color: #fff;
    float: left;
}

.forumBasligi ul:first-child li {
    width: 75px;
}

.forumBasligi ul li:nth-child(2) {
    width: calc(66% - 100px);
    width: -webkit-calc(66% - 100px);
    width: -moz-calc(66% - 100px);
    padding: 0 15px;
}

.forumBasligi > ul > li > a {
    color: #fff;
}

/* FORUM LÄ°STESÄ°
============================== */
.forum_listesi .forum {
    width: 100%;
    display: block;
    overflow: hidden;
    background: #f5f8fa;
}

.forum_listesi .forum > ol {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.forum_listesi .forum > ol > li {
    display: table-cell;
    padding: 15px 0;
    border-right: 1px solid #e2e6e9;
    border-bottom: 1px solid #e2e6e9;
    vertical-align: middle;
}

.forum_listesi {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.forum_listesi .tcat {
	padding: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.forum_listesi .forum ol > li:nth-child(1),
.forum_listesi .tcat ul > li:nth-child(1) {
    width: 75px;
    text-align: center;
}

.forum_listesi .forum ol > li:nth-child(2),
.forum_listesi .tcat ul > li:nth-child(2) {
    padding: 10px 15px;
}

.forum_listesi .forum ol > li:nth-child(3),
.forum_listesi .tcat ul > li:nth-child(3) {
    padding: 10px 15px;
    width: 25%;
}

.forum_listesi .forum ol > li:nth-child(4),
.forum_listesi .tcat ul > li:nth-child(4) {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15%;
    padding: 10px;
}

.forum_listesi .tcat > ul > li {
    font-weight: 600;
    color: #fff;
    display: table-cell;
}

.forum_listesi .tcat > ul {
    width: 100%;
    display: table;
    overflow: hidden;
}

.forum_listesi .tcat ul > li:nth-child(2) {
    width: calc(66% - 100px);
    width: -webkit-calc(66% - 100px);
    width: -moz-calc(66% - 100px);
    padding: 0 15px;
    text-align: left;
    text-transform: uppercase;
}

.forum_listesi .tcat ul > li:nth-child(3) {
    background: #383b50;
    padding: 0 15px;
    text-align:  center;
}

.forum_listesi .tcat ul > li:nth-child(4) {
    padding: 0 15px;
}

.forum_listesi .forum-Basligi {
    font-size: 13px;
    color: #979aae;
    display: block;
}

.forum_listesi .forum-Basligi > span {
    color: #515365;
    font-size: 14px;
    font-weight: 600;
    transition: color .18s ease,background-color .18s ease,border-color .18s ease;
}

.forum_listesi .forumRss i {
    margin-left: 5px;
    color: #bcbdc3;
}

.forum_listesi .forum-Aciklama {
    font-size: 12px;
    color: #979aae;
    margin-bottom: 5px;
    display: block;
}

.forum_listesi .alt-forum {
    display: block;
}

.alt-forum > ul > li {
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
}

.forum_listesi .forum-sonmesaj {
    color: rgb(153,153,153);
}

.forum_listesi .sonmesaj-avatar img {
    border: 1px solid #c4c4c4 !important;
    margin-top: 4px;
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 1px;
    border-radius: 100%;
    background-position: 0 0 !important;
    padding: 0 !important;
}

.forum_listesi .forum-sonmesaj dt {
    margin-bottom: 6px;
    margin-left: 40px;
}

.forum_listesi .forum-sonmesaj dt a {
    line-height: 18px;
    font-size: 13px;
    color: inherit;
    font-weight: 600;
}

.forum_listesi .sonmesaj-yazar {
    float: left;
    color: rgb(153,153,153);
}

.forum_listesi .sonmesaj-tarih {
    margin-left: 5px;
}

.forum_listesi .forum ol > li:nth-child(4) dl {
    padding: 0;
    box-sizing: border-box;
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    position: relative;
}

.forum_listesi .forum ol > li:nth-child(4) dl.major {
    font-size: 14px;
    color: rgb(153,153,153);
    line-height: 18px;
    line-height: inherit;
    background: #d8efff;
}

.forum_listesi .forum ol > li:nth-child(4) dl.minor {
    font-size: 14px;
    color: rgb(102,102,102);
    background: #f5f5f5;
}

.forum_listesi .forum ol > li:nth-child(4) dl dt {
    display: none;
}

.forum_listesi .forum ol > li:nth-child(4) dl dd {
    float: none;
    text-align: inherit;
    color: rgb(102,102,102);
}

.forum_listesi .forum-sonmesaj dd {
    font-size: 13px;
    color: inherit;
    margin-left: 40px;
}

.forum_listesi .forum ol > li:nth-child(1) i:before {
    font-size: 2rem;
	color: inherit;
}

.forum_listesi .forum ol > li:nth-child(1) i.on:before {
    color: #38a9ff;
}

.forum_listesi .forum ol > li:nth-child(1) i.off:before {
	color: inherit;
}

.forum_listesi .forum ol > li:nth-child(1) i.offlock:before {
	content:"\f023"
}

.forum_listesi .forum ol > li:nth-child(1) i.offlink:before {
	content: "\f0c1";
}

/* POSTBIT
============================== */
#mesajList {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    clear: both;
}

.mesajList .mesaj {
    zoom: 1;
    padding: 0;
}

.mesajKullaniciBilgileri {
    /* overflow: hidden; */
    width: 100%;
}

.mesajKullaniciBolumu {
    position: relative;
}

.mesajList .Avatar {
    padding: 30px;
    float: left;
    box-sizing: border-box;
    width: 136px;
    height: 136px;
    position: relative;
}

.mesajList .kullanici_kutu {
    overflow: visible;
    float: left;
    position:  relative;
}

.mesajList .avatar {
    display: block;
    font-size: 0;
}

.mesajList .avatar > img {
    border-radius: 100%;
    background-position: 0 0 !important;
    padding: 0 !important;
    width: 72px;
    height: 72px;
    font-size: 36px;
    line-height: 72px;
}

.mesajList .kullanici_kutusu {
    display: none;
    padding: 14px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    position: absolute;
    width: 360px;
    height: 120px;
    top: 50px;
    left: 80px;
    -webkit-transform: translate(-110px,-70px);
    -ms-transform: translate(-110px,-70px);
    transform: translate(-110px,-70px);
    transition: all 1s ease 0.3s;
    z-index: 1002;
}

.mesajList .kullanici_avatari {
    float: left;
}

.mesajList .kullanici_icerigi {
    margin-left: 100px;
}

.mesajList .kullanici_metni {
    position: relative;
}

.mesajList span.kullanici_basligi {
    position: absolute;
    margin-left: -10px;
    padding-right: 6%;
    margin-top: 10px;
    width: 75px;
    text-align: center;
}

.mesajList span.kullanici_basligi:before {
    content: "|";
    display: inline-block;
    margin-right: 6px;
    color: rgb(153, 153, 153);
}

.mesajList span.kullanici_basligi:after {
    content: "|";
    display: inline-block;
    margin-left: 6px;
    color: rgb(153, 153, 153);
}

.mesajList h2.kullanici_adi {
    font-size: 18px;
    display: inline-block;
    vertical-align: sub;
    overflow: hidden;
    line-height: 20px;
    font-weight: bold;
    vertical-align: middle;
}

.mesajList .kullanici_istatistikleri {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #e3e3e3;
    padding-top: 5px;
    margin-top: 5px;
}

.mesajList .kullanici-isatatistik {
    font-size: 12px;
}

.mesajList .kullanici-isatatistik dt,
.mesajList .kullanici-isatatistik dd {
    text-align: center;
    display: table-row;
    padding: 0;
    margin: 0;
}

.mesajList span.kullanici_basligi {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: rgb(255, 255, 255) !important;
    background: #95a5a6;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mesajList h3.mesajKullaniciBasligi {
    padding-top: 27px;
    padding-right: 20px;
    margin-left: 136px;
    border-top: 1px solid rgb(236, 236, 236);
}

.mesajList .mesaj:first-child .mesajKullaniciBolumu h3.mesajKullaniciBasligi {
    border-top:  0;
}

.mesajList h3.mesajKullaniciBasligi > a {
    font-size: 18px;
    display: inline-block;
    vertical-align: sub;
    overflow: hidden;
    line-height: 20px;
    font-weight: bold;
    vertical-align: middle;
}

.mesajList span.DateTime {
    position: absolute;
    right: 50px;
    float: left;
    color: rgb(153, 153, 153);
}

.mesajList .mesajBilgileri {
    padding: 0;
    margin-left: 136px;
    border-top: 1px solid rgb(236, 236, 236);
    border-bottom-style: none;
    zoom: 1;
    background-color: rgb(255, 255, 255);
}

.mesajList .mesajIcerigi {
    padding-right: 20px;
    overflow: hidden;
}

.mesajList .MesajMetni {
    font-size: 13px;
    font-family: Microsoft\ YaHei,arial,helvetica,clean,sans-serif;
    line-height: 1.4;
    padding: 0;
    padding: 18px 0;
}

.mesajList .mesaj:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mesajList .mesaj_numarasi {
    font-size: 11px;
    color: rgb(245, 245, 245);
    background: #3498db;
    padding: 3px 5px;
    margin: -5px -5px 5px 5px;
    border: 1px solid #3498db;
    border-radius: 3px;
    border-top-right-radius: 0px;
    display: block;
    top: -23px;
    float: right;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
    margin-right: -5px;
}

.mesajList .mesaj_numarasi span {
    background-color: #2980b9;
    border-top-right-radius: 3px;
    position: absolute;
    top: -4px;
    right: -1px;
    width: 5px;
    height: 4px;
}

.mesajList .mesaj_numarasi a {
    color: rgb(245, 245, 245) !important;
}

.mesajList .mesaj_kontrol {
    position: relative;
    float:  right;
}

.mesajList .mesaj_kontrol > * {
    position:  absolute;
    right: 35px;
    top: -53px;
}

.mesajList .extraUserInfo {
    font-size: 11px;
    color: rgb(153, 153, 153);
    padding: 17px 20px 0 0;
    margin-left: 136px;
}

.kullanici_buton {
    float: left;
    margin-top: 12px;
    margin-right: 5px;
    height: 24px;
    padding: 0 20px;
    line-height: 24px;
    color: rgb(182, 182, 182);
    background-color: white;
    box-shadow: none;
    border: 1px solid rgb(182, 182, 182);
}


/* ALT KISIM
============================== */
footer {
    position: relative;
}

footer a {
    color: #a5cae4;
    padding: 5px;
    display: block;
}

footer a:hover {
    color: #fff;
}

#footerLinkler {
    display: flex;
    justify-content: space-evenly;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
}

#footerLinkler > div {
    flex: 1;
}

#footerLinkler h3 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}

#footerLinkler a {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    padding: 3px 0;
    transition: color 0.3s;
}

.footerCopyright {
    background: url(resim/footer.png) repeat-x;
    background-size: auto 100%;
    height: 65px;
    border-top: 1px solid rgb(255,255,255);
    border-top: 1px solid rgba(255,255,255, 0.08);
    _border-top: 1px solid rgb(255,255,255);
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding-top: 13px;
}

.social-media-links {
    padding-top: 10px;
}

.social-media-links a {
    display: inline-block;
    font-size: 25px !important;
    margin-right: 5px;
}

#footerLinkler a:hover {
    color: #fff;
}

/* FORUM ISTATISTIKLERI
============================== */
#forum_istatistikleri {
    _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    padding: 10px 20px;
    color: #fff;
}

.istatistikler_icerik {
    display: flex;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.istatistikler_icerik > div {
    flex: 1;
    align-items: center;
    display: flex;
    justify-content: center;
}

.istatistikler_icerik .ikon {
    border: 2px solid rgb(255,255,255);
    border: 2px solid rgba(255,255,255, 0.3);
    _border: 2px solid rgb(255,255,255);
    border-radius: 50%;
    font-size: 32px;
    height: 60px;
    line-height: 67px;
    text-align: center;
    width: 60px;
    margin-right: 10px;
}

.istatistikler_icerik .ikon span:before {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#2bb8b2),to(#01a8fc));
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2bb8b2 0%, #01a8fc 100%) padding-box text;
    line-height: 60px;
}

.istatistikler_icerik .yazi {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.istatistikler_icerik p {
    text-transform: lowercase;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin:  0;
}

.istatistikler_icerik > div a {
    align-items: center;
    display: block;
    color: #fff;
}

/* KIMLER CEVRIMICI
============================== */
.onlineStats {
    width: 100%;
    display: flex;
    overflow: hidden;
    margin: 30px 0 15px 0;
}

.onlineStats > div {
    vertical-align: top;
}

.onlineNow {
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase;
    color: #797878;
    display: inline-block;
}

.onlineNow span {
    color: #38a9ff;
}

.onlineNote {
    display: inline-block;
    position: relative;
    background: #38a9ff;
    margin-left: 20px;
    padding: 8px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
}

.onlineNote .arrow {
    position: absolute;
    top: 7px;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #38a9ff;
}

.onlineNote a {
    color: #fff;
}

.onlineList {
    background: #f5f8fa;
    margin: 20px 0px;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    border-radius: 2px;
    overflow: hidden;
    zoom: 1;
    clear: both;
}

.onlineStats > div:nth-child(2) {
    margin-left: 15px;
    flex: 0 0 250px;
}

.onlineStats > div:nth-child(1) {
    flex: 1 1 auto;
}

/* POSTBIT 2
============================== */
ul.mycode_list {
    padding: 0;
    display: block;
    list-style-type: circle;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.post_edit > * {
    display:  block;
    background: #ebf5f7;
    border: 1px solid #cee2e6;
    padding: 5px 10px;
    margin: 5px 10px 5px 0px;
}

.mesajButtonlar {padding: 10px 20px 10px 0;margin-top: 10px;position: relative;/* border-top: 1px solid #ececec; */overflow:  hidden;}

.postbitButon > * > a {
    display: inline-block;
    padding:  5px 10px;
    margin-left: 5px;
    border: 1px solid #e6e6e6;
    color: #9a9a9a;
}

.postbitButon > * > a:hover {
    color: #38a9ff;
    border-color: #38a9ff;
}

.smallRep {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.RepLink {
    display: block;
    background: #ee7068;
    color: white !important;
    width: 50px;
    border-radius: 2px;
    text-align: center;
    margin-top: 2px;
}		
		
		
.mesajKullaniciBolumu {}

.Avatar {}

.admin {
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    top: -3px;
    left: 5px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    line-height: 18px;
    font-size: 10px;
    color: #fff;
    z-index: 5;
    background: #CF2D2D;
}

.admin:before {
    border-width: 0 10px 14px;
    border-color: transparent rgba(0,0,0,.1);
    bottom: -15px;
    left: -1px;
    z-index: 0;
}

.admin:after,.admin:before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
}

.admin:after {
    border-color: transparent #CF2D2D;
    border-width: 0 9px 12px;
    bottom: -12px;
    left: 0;
    z-index: 3;
}

/* ILETISIM SAYFASI
============================== */
#iletisim {
    position: relative;
    zoom: 1;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 20px;
    margin: 10px auto;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #fff;
}

#iletisim > dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#iletisim > dl > dt,#iletisim > dl > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

#iletisim > dl > dt {
    border-right: 1px solid transparent;
    background: #fff;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    font-weight:  600;
}

#iletisim > dl > dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

#iletisim dfn {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #969696;
    font-weight:  normal;
}

#iletisim > dl.buton > dt {
    display: none;
}

#iletisim > dl.buton > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#iletisim > dl.buton > dd div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

				
/* YARDIM SAYFASI
============================== */
#yardim {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: auto;
    min-height: 1px;
}

#yardim .yardim_sol {
    display: table-cell;
    vertical-align: top;
    width: 250px;
	padding-right: 20px;
}

#yardim .yardim_sag {
    display: table-cell;
    vertical-align: top;
    transition: all 600ms;
}

#yardim .yardim_sol h2 {
    position: relative;
    border-radius: 3px;
    margin-bottom: 5px;
    box-shadow: none;
    padding: 11px 10px 10px 20px;
    font-size: 13px;
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;
    background: #f5f5f5;
}

#yardim .yardim_sol a {
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height:  1.4;
    color:  inherit;
}

#yardim .yardim_sol p {
    display:  none;
}

#yardim .yardim_sol > div {
    border: none;
    background: #fff !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    border-radius:  3px;
    margin-bottom: 20px;
}

#yardim .yardim_sol ol {
    padding: 10px 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#yardim .yardim_sag > div {
    border: none;
    background: #fff !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-bottom: 20px;
}

#yardim .yardim_sag li {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left:  10px;
    padding-right:  10px;
}

#yardim .yardim_sag a {
    margin: 3px 0;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
    color: #e91e63;
    display:  block;
}
		
#yardim_arama li {
    margin-bottom:  12px;
    line-height: 24px;
}
			
/* YENI KONU -- YENI MESAJ
============================== */
#yeni_konu {
    position: relative;
    zoom: 1;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 20px;
    margin: 10px auto;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #fff;
}

#yeni_konu dl.dar {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#yeni_konu dl.dar > dt {
    padding-top: 22px;
    border-right: 1px solid transparent;
    background: #fff;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    font-weight: 600;
}

#yeni_konu dl.dar > dt dfn {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #969696;
    font-weight: normal;
}

#yeni_konu dl.dar > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 67%;
    padding: 15px 10px 15px 10px;
}

.konu_avatar {
    float: left;
    width:  72px;
}

.konu_basligi {
    display:  inline-block;
    width: 100%;
    float:  left;
}

.konu-basligi {
    display: flex;
    align-items: stretch;
    max-width: 100%;
}

.konu_onek {
    flex-grow: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 10%;
}

.konu-basligi > input {
    flex-shrink: 1;
    min-width: 0;
}

#yeni_konu dl.genis {
    display:  block;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#yeni_konu dl.genis > dd {
    padding-top: 15px;
    width: auto;
    padding: 15px 10px 15px;
    display:  block;
}

#yeni_konu dl.genis > dt {display: block;width:  72px;padding: 15px 10px 15px;text-align:  center;float:  left;}

#yeni_konu .avatar img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

#yeni_konu .avatar > a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: inline-block;
    text-align:  center;
}

#yeni_konu .konu_alanlari dl.genis > dt {
    display:  none;
}

#yeni_konu .konu_alanlari dl.genis > dd {
}

#yeni_konu dl > dd > ul {}

#yeni_konu dl.dar > dd > ul > li {
    margin-bottom: 6px;
}

#yeni_konu dl.dar > dt, #yeni_konu dl.dar > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

hr.ayrac {
    margin: -1px 10px 0;
    border: none;
    border-top: 1px solid #ececec;
    box-sizing: content-box;
    height: 0;
}

dl.konu_butonlari {
    display: table;
    width:  100%;
}

dl.konu_butonlari dd {
    border-top: 1px solid #dfdfdf;
}

dl.konu_butonlari dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

dl.konu_butonlari dt {
    display:  none;
}

dl.konu_butonlari dd div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

#yeni_konu #mesaj_ikonlari > dt {
    display:  none;
}

#yeni_konu #mesaj_ikonlari > dd li {
    display: inline-block;
    margin-right: 5px;
}

#yeni_konu #mesaj_ikonlari > dd img, 
#yeni_konu #mesaj_ikonlari > dd i {
    vertical-align: top;
}

#mesaj_ikonlari > dd input {
    margin: 3px 3px 3px 3px;
    vertical-align: middle;
}

#yeni_konu #mesaj_ikonlari > dd {
    padding: 7.5px 10px;
}

.konu_anket {
    padding: 6px 10px;
    margin: 0;
    font-weight: 400;
    text-decoration: none;
    font-size: 17px;
    color: #666666;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #fbfbfb;
}

.konu_anket:before, .konu_anket:after {
    content: " ";
    display: table;
}

span.konu_anket_baslik {
    cursor: pointer;
    display: inline-block;
    text-align: right;
    min-width: 33%;
    min-width: calc((33%) - (3.3px) - (10px) - (1px));
    max-width: 100%;
    position: relative;
}

span.konu_anket_baslik:after {
    float: right;
    margin-right: 0;
    margin-left: 5px;
    font-size: 100%;
    line-height: inherit;
    position:  absolute;
    right: -210%;
}

span.konu_anket_baslik:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    display: inline-block;
    width: .58em;
    font-size: 80%;
    margin-right: .2em;
	font-weight: 900;
}

ul.etiket {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #666666;
    background: #fff;
    margin-bottom: 10px;
}

li.etiket_dosya {
    border-bottom: none;
    padding: 6px;
    margin:  0;
}

.etiket_bolum {
    display: flex;
}

span.etiket_ikon {
    width: 100px;
    min-height: 50px;
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center;
}

span.etiket_ikon img {
    display: block;
    width: 100px;
}

i.etiket_icon {
    display: block;
    width: 100px;
}

i.etiket_icon:before {
    font-family: "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f15b";
    display: inline-block;
    width: .86em;
    font-size: 60px;
    vertical-align: middle;
    color: #e91e63;
    border-radius: 100%;
}

.etiket_ana {
    flex: 1;
    min-width: 0;
    vertical-align: top;
    padding-left: 10px;
}

.etiket_ana:before {
    content: '';
    display: block;
    margin-top: -.18em;
}

.etiket_butonlar {
    float: right;
    padding-left: 6px;
    font-size: 11px;
}

.etiket_baslik {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
}

input[type="file"] {
    width: 95px;
}

input[type="file"]::-webkit-file-upload-button {    
	outline: none;
    overflow: hidden;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    z-index: 2;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    display: inline-table;
    font-size: 13px;
    color: #666666;
    background: transparent;
    padding: 8px 10px;
    text-transform: uppercase;
    border: none;
    border-color: rgba(13,13,13,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(13,13,13,0);
}

.konu_butonlari.sticky {
    position: fixed;
    bottom: 0;
    z-index: 200;
    background:  #fff;
    width: 95%;
    margin:  0 auto;
    box-shadow: 0px -5px 15px rgba(0,0,0,0.15);
}

/* PROFIL SAYFASI
============================== */
.profil_Sayfasi {
    zoom: 1;
    overflow:  hidden;
}

.profil_Sayfasi .profil_Sol {
    float: left;
    width: 250px;
    padding-right: 20px;
}

.profil_Sayfasi .panel_Sag {
    margin-left: 270px;
}

.profil_Sayfasi .profil_Kutu {
    margin: 20px 0;
    border: none;
    padding: 20px;
    overflow: hidden;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
    border-radius: 2px;
    background-color:  #fff;
}

.profil_Sayfasi .profil_Kutu:first-child {
    margin-top: 0;
}

.profil_Sayfasi .profil_Kutu.ziyaretciPaneli {
    background: linear-gradient(135deg, #90d3d6, #c3e1cf);
}

.profil_Sayfasi .avatar {
    width: 60px !important;
    height: 60px !important;
    font-size: 20px !important;
    line-height: 66px;
    margin: auto;
    border-radius: 100%;
    display: block;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}

.profil_Sayfasi .avatar > img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.profil_Sayfasi .profilRep {
    float: right;
    margin-top: -60px;
    margin-right: -5px;
}

.profil_Sayfasi .profilRep dl.pairsJustified {
    height: 20px;
    padding: 1px 10px;
    color: white;
    background: #88c0b6;
    border-radius: 15px;
    margin-bottom: 5px;
}

.profil_Sayfasi .profil_Sol .pairsJustified {
    margin: -1px 0;
}

.profil_Sayfasi .profilRep dl.pairsJustified dt {
    color: white;
}

.profil_Sayfasi .ziyaretciYazi h2 {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
}

.profil_Sayfasi .ziyaretciYazi h4 {
    text-align: center;
    margin-top: -6px;
    margin-bottom: 20px;
    color: #70b8ba;
    background: white;
    margin-left: -20px;
    margin-right: -20px;
}

.profil_Sayfasi .profil_Kutu.bilgiPaneli dl {
    overflow: hidden;
    zoom: 1;
    line-height: 1.28;
    margin-top: 4px;
}

.profil_Sayfasi .profil_Kutu.bilgiPaneli dt,.profil_Kutu.bilgiPaneli dd {
    font-size: 13px;
}

.profil_Sayfasi:After {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Tabs {
    font-size: 13px;
    background-color: rgb(245, 245, 245);
    padding: 0;
    border-bottom: 1px solid rgb(236, 236, 236);
    word-wrap: normal;
    min-height: 50px;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
}

.profil_Sayfasi .Tabs {
    padding: 0;
    height: auto;
    position: relative;
    box-shadow: none;
    height: 51px;
}

.Tabs li {
    display: inline-block;
    vertical-align: top;
    margin: 0 -1.5px;
}

.Tabs li a {
    color: rgb(102, 102, 102);
    text-decoration: none;
    padding: 0 20px;
    display: block;
    line-height: 51px;
    cursor: pointer;
    outline: 0 none;
    white-space: nowrap;
    word-wrap: normal;
    height: 50px;
}

.Tabs li.current a {
    color: rgb(135, 200, 204);
    margin-bottom: -1px;
    border-bottom: 2px solid rgb(135, 200, 204);
    line-height: 49px;
    height: 48px;
}

.Tabs li:hover a {
    color: rgb(135, 200, 204);
}

.profil_Sayfasi .tab-content {
	display:none
}

.profil_Sayfasi #tab1 {
	display:block
}

.profil_Sayfasi #profilTabs {
    padding: 20px;
}

.profil_Sayfasi .panel_Sag #profil_tabs {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    border-radius: 2px;
}

.profil_Sayfasi h3.profilBaslik {
    color: rgb(102, 102, 102);
    padding-bottom: 10px;
    margin: 0 auto 20px;
    border-bottom: 1px solid rgb(236, 236, 236);
    font-weight: 500;
}

.profil_Sayfasi .profilContent {
    display: block;
    margin-bottom: 24px;
}

.profil_Sayfasi .profilContent dl {
    display: block;
    margin-bottom: 8px;
}

.profil_Sayfasi .profilContent dl dt {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    color: rgb(153, 153, 153);
}

.profil_Sayfasi .profilContent dl dd {
    display: inline-block;
    min-width: 320px;
    vertical-align: top;
    color: rgb(119, 119, 119);
}

/* UYELER SAYFASI
============================== */		
.uyeList .bolumBasliklari > *:nth-child(1) {
    display:  none;
}

.uyeList .bolumBasliklari > *:nth-child(2) {
    width: calc(66% - 100px);
    width: -webkit-calc(66% - 100px);
    width: -moz-calc(66% - 100px);
    padding: 0 15px;
    text-align: left;
    text-transform: uppercase;
}

.uyeList .bolumBasliklari > *:nth-child(3)
,.uyeList .bolumBasliklari > *:nth-child(5) {
    background: rgba(0, 0, 0, 0.25882352941176473) !important;
    padding: 0 15px;
    text-align: center;
}

.uyeList .bolumBasliklari {
	white-space: nowrap;
	display: table;
	table-layout: fixed;
	width: 100%;
	word-wrap: normal;
	font-size: 12px;
	color: rgb(255,255,255);
	margin: 0 auto;
	line-height: 35px;background: #3f4257;border-top-left-radius: 4px;border-top-right-radius: 4px;height: 35px;
}

.uyeList {
    position: relative;
    zoom: 1;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 20px;
    margin: 10px auto;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #fff;
}

.uyeList .bolumBasliklari > * {
    font-weight: 600;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.uyeList .bolumBasliklari > *:nth-child(4),
.uyeList .bolumBasliklari > *:nth-child(6) {
    padding: 0 15px;
}

.uyeList .bolumBasliklari > *:nth-child(1),
.uyeListesi li> *:nth-child(1) {
    width: 75px;
    text-align: center;
}

.uyeListesi > li > div {
    display: table-cell;
    padding: 15px 0;
    border-right: 1px solid #e2e6e9;
    border-bottom: 1px solid #e2e6e9;
    vertical-align: middle;
}

.uyeList .bolumBasliklari > *:nth-child(2),
.uyeListesi li> *:nth-child(2) {
    padding: 10px 15px;
    width:  auto;
}

.uyeListesi li> *:nth-child(3),
.uyeListesi li> *:nth-child(5) {
    color: rgb(153, 153, 153);
    font-size: 13px;
    text-align: center;
}

.uyeList .bolumBasliklari > *:nth-child(3), 
.uyeListesi li> *:nth-child(3),
.uyeList .bolumBasliklari > *:nth-child(5), 
.uyeListesi li> *:nth-child(5) {
    padding: 10px 15px;
    width: 15%;
}

.uyeList .bolumBasliklari > *:nth-child(6),
.uyeListesi li> *:nth-child(6) {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 15%;
    padding: 10px;
}

.uyeAvatar .avatar {
    margin: 0 20px;
    display: block;
    width: 40px;
    height: 40px;
}

.uyeAvatar .avatar img {
    width: 40px;
    height: 40px;
    display: block;
}

.uyeKullaniciAdi .KullaniciAdi {font-size: 14px;color: rgb(153, 153, 153);line-height: 18px;margin-bottom: 6px;max-width: 100%;word-wrap: break-word;font-weight: 500;position: relative;}

.uyeKullaniciAdi .KullaniciBasligi {
    text-transform: uppercase;
    color: rgb(153, 153, 153);
    font-size: 13px;
}

.uyeIstatistik dl {
    padding: 0;
    box-sizing: border-box;
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
}

.uyeIstatistik .major {
    font-size: 14px;
    color: rgb(153, 153, 153);
    line-height: 18px;
    line-height: inherit;
    background: #d8efff;
}

.uyeIstatistik .minor {
    font-size: 14px;
    color: rgb(102, 102, 102);
    background: #f5f5f5;
}

.uyeIstatistik dl dt {
    display:  none;
}

.uyeIstatistik dl dd {
    float: none;
    text-align: inherit;
    color: rgb(102, 102, 102);
}

.uyeListesi > li {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: normal;
}

.uyeList .bolumBasliklari > *:nth-child(4), 
.uyeListesi li> *:nth-child(4) {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 8%;
    padding: 10px;
}

#uyeArama > a {
    font-size: 12px;
    color: rgb(102,102,102);
    padding: 10px 15px;
    margin: 0 auto;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    display: block;
    text-align: center;
    outline: 0;
    position: relative;
    line-height: 20px;
    text-transform: uppercase;
}

#uyeArama {
    background-color: #f5f5f5;
    white-space: nowrap;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#uyeAramaPanel {
    padding: 8px 0px 8px 0px;
    margin: 0 auto;
    border-top: 1px solid rgb(236, 236, 236);
    line-height: 20px;
    zoom: 1;
    overflow: hidden;
    display: none;
}

#uyeAramaPanel ol li {
    display:  table-cell;
    width: 33.3%;
    padding: 8px 20px 7px 20px;
}

#uyeAramaPanel ol {
    white-space: nowrap;
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: normal;
}

#uyeAramaPanel ol li > label {
    text-transform:  uppercase;
    margin-bottom:  5px;
    font-size: 12px;
    font-weight: 600;
}

/* FORUM ISTATISTIKLER SAYFASI
============================== */	
#frm_istatistikleri {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: normal;
}

#frm_istatistikleri > * {
    display: table-cell;
    padding-right:  10px;
    vertical-align: top;
}

#frm_istatistikleri > *:last-child {
    padding:  0;
}

#frm_istatistikleri .durum.online {
    position: absolute;
    top: -20px;
    left: -77px;
    border-color: transparent;
    border: 14px solid transparent;
    border-left-color: #7fb900;
    border-top-color: #7fb900;
    border-radius: 3px 1px 0 1px;
}

.kutu_genis, .kutu_kucuk {
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #fff;
    padding:  15px;
    overflow:  hidden;
    margin-bottom: 15px;
    vertical-align:  middle;
}

#frm_istatistikleri dl {
    box-sizing: border-box;
    width: 50%;
    float: left;
    text-align: left;
    margin-bottom: 8px;
    padding-right: 15px;
    display:  block;
    overflow:  hidden;
}

#frm_istatistikleri dl dd {
    float:  right;
    color: #585858;
    font-weight:  bold;
}

#frm_istatistikleri dl dt {
    float:  left;
    color: #999;
    font-weight: 500;
}

.kutu_numara {
    text-align:  center;
    font-size: 17px;
    font-weight:  bold;
    color: #585858;
}

.kutu_yazi {
    text-align:  center;
    font-size: 14px;
    margin-top:  5px;
    color: #999;
    font-weight: 500;
}

.kutu_populer > ul > li {
    border-bottom: 1px solid #e2e6e9;
    padding: 15px 10px;
}

.kutu_populer {
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #fff;
    overflow: hidden;
    vertical-align: middle;
    clear:  both;
}

.kutu_kucuk {
    width: 44%;
    float: left;
}

#frm_istatistikleri div:nth-child(3) {
    float: right;
}

.kutu_populer > ul > li span {
    float:  right;
    background: #ffffff;
    min-width: 20px;
    height:  20px;
    padding: 5px;
    text-align:  center;
    line-height: 20px;
    border-radius: 3px;
    margin-top: -8px;
    color: #585858;
    border: 1px solid #ececec;
}

.kutu_genis > div {
    clear:  both;
    width:  100%;
    margin-bottom:  8px;
    color: #999;
}

.kutu_populer > ul > li:last-child {
    border:  0;
}

.kutu_populer > ul > li.baslik {
    font-size: 14px;
    font-weight:  600;
    text-transform: uppercase;
    text-align:  center;
    color: #585858;
}
#portal .header_alt,
#portal .navigation {
    display: none;
}

#portal #main .hizala {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

#portal .panelButtonlar {
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    display: none;
}

#portal .panelButtonlar > #panelButton_sol {
	float: left;
	opacity: 0;
}

#portal .panelButtonlar > #panelButton_sag {
	float: right;
	opacity: 0;
}

#portal .panelButton {
    font-size: 20px;
    padding: 4px;
    display: inline-block;
    color: #fff !important;
    transition: all .5s ease;
    width: 30px;
    height: 30px;
    text-align: center;
}

#portal .panelButton > .fa {
    padding: 4px;
    border-radius: 3px;
}

#portal .container {
    display: table;
    width: 100%;
    min-height: 100%;
    position: relative;
}

#portal .sol_panel,
#portal .sag_panel {
    z-index: 99;
    max-width: 280px;
    overflow: auto !important;
    position: relative !important;
    font-size: 10pt;
}

#portal .sag_panel {
    right:  0;
}

#portal .sol_panel {
    left:  0;
}

#portal .sol_panel, 
#portal .sag_panel,
#portal .orta_panel {
    display: table-cell;
    vertical-align: top;
    min-height: 600px;
    min-height: 100%;
}

#portal .sol_panel, 
#portal .sag_panel {
    position: absolute;
    z-index: 100;
    background: #FFF;
    color: #747474;
    font-size: 11pt;
    width: 280px;
    max-width: 0;
    min-height: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

#portal .sol_panel > *,
#portal .sag_panel > * {
    width: 280px;
    min-height: 88.5vh;
}

#portal .sol_panel > * > *,
#portal .sag_panel > * > * {
    width: 92%;
    padding: 4%;
}

#portal .kutu {
    font-size: 10pt;
}

#portal .kutu .ust {
    color: #464646;
    padding: 5px;
    text-align: center;
}

#portal .site .ust {
    background: #f3f3f3;
    border-radius: 5px;
}

#portal .site .ust, 
#portal .site .alt {
    padding: 5px;
    text-align: center;
}

#portal .site .ust * {
    vertical-align: middle;
}

#portal span.resim {
    display: inline-block;
    width: 50px;
    height: 50px;
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);
    background-size: cover !important;
    transition: all .5s ease;
    border-radius: 5px;
    border: 2px solid #FFF;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

#portal .site .ust .forumadi {
    margin-left: 15px;
    transition: all .5s;
    font-weight: bold;
    color: #535353;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#portal .site .ust:hover .resim {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}

#portal .link .alt {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
}

#portal .link li:nth-child(odd) {
    text-align: left;
    float:  left;
}

#portal .link li {
    width: 50%;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
}

#portal .link .ust h3 {
    display: inline-block;
    padding-left: 5px;
}

#portal .kutu li {
    padding: 1% 0;
    margin: 0;
    position: relative;
}

#portal .link li:nth-child(even) {
    text-align: right;
    float:  right;
}

#portal .link .alt li a {
    display: block;
    padding: 0;
}

#portal .link li a {
    color: #747474;
    position: relative;
    z-index: 10;
    padding: 5px;
}

#portal .link .alt i {
    display: inline-block;
    width: 18px;
    text-align: center;
}

#portal .link li:hover {
    background: #53566d;
}

#portal .link li:hover a {
    color: #fff;
}

#portal .stats .ust h3 {
    display: inline-block;
    padding-left: 5px;
}

#portal .stats li {
    width: 50%;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0;
    float:  left;
}

#portal .stats a {
    color: #777;
}

#portal .stats li dl {
    background: #F3F3F3;
    border-radius: 5px;
    margin: 5px 5px 0 5px;
    padding: 5px;
}

#portal .stats dd {
    font-weight: bold;
}

#portal .stats a:hover dl {
	background: #53566d;
}

#portal .stats a:hover * {
    color: #FFF !important;
}

#portal .kullanici .ust,.kullanici .alt {
    padding: 5px;
    text-align: center;
}

#portal .kullanici .ust {
    background: #f3f3f3;
    border-radius: 5px 5px 0 0;
}

#portal .kullanici .avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);
    background-size: cover !important;
    transition: all .5s ease;
    border-radius: 100%;
    border: 2px solid #FFF;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}

#portal .kullanici .ust:hover .avatar {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}

#portal .kullanici .kullanici_adi {
    margin-left: 15px;
    font-weight: bold;
    color: #585858;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#portal .kullanici .ust a:hover .kullanici_adi {
    color: #53566d;
}

#portal .kullanici .ust * {
    vertical-align: middle;
}

#portal .kullanici .alt {
    background: #f9f9f9;
    border-radius: 0 0 5px 5px;
}

#portal .kullanici_pnl > li {
    display: inline-block;
    padding: 10px;
    font-size: 12pt;
}

#portal .kullanici_pnl > li > a {
    color: #585858;
    opacity: .6;
    transition: all .5s ease;
}

#portal .kullanici_pnl > li > a:hover i,
#portal .kullanici_pnl > li > a:hover {
    opacity: 1;
    color: #585858;
}

#portal .kullanici_pnl {
    text-align: center;
}

#portal .loginbutton, .loginsocial, .regbutton {
    text-align: center;
}

#portal .loginbutton > *, .regbutton > * {
    transition: all .5s ease;
    color: #FFF;
    border: none;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

#portal .loginbutton > * {
    background: #58a72e;
}

#portal .regbutton > * {
    background: #383838;
}

#portal .loginbutton > *:hover {
    background: #65b938;
}

#portal .regbutton > *:hover {
    background: #555;
}

#portal .yeni_konu a {
    cursor: pointer;
    padding: 3px 6px !important;
    font-size: 10pt;
    border-radius: 4px;
    border: 0;
    color: #f6fff2 !important;
    display: inline-block;
    background: #3f4257;
}

#portal .yeni_konu a:hover {
    background: #52556b;
}

#portal .yeni_konu {
    text-align: center;
    margin-top: 20px;
}

#portal .threads .ust h3 {
    display: inline-block;
    padding-left: 5px;
}

#portal .threads .alt {
    background: #f3f3f3;
    border-radius: 5px;
}

#portal .sag_panel > * > * {
    width: 92%;
    padding: 4%;
}

#portal .sag_panel .konu {
    font-size: 10pt;
    margin: 0.1em 0;
    padding: 4px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
}

#portal .sag_panel .konu > a {
    max-width: 180px;
    margin-top: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    color: #777;
}

#portal .sag_panel .konu > span {
	top: 3px;
    position: relative;
    font-size: 8pt !important;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#portal .sag_panel .resim > a {
    position: relative;
    top: 0;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0;
    border: 0 !important;
    border-radius: 4px;
}

#portal .sag_panel .konu .resim * {
    width: 100%;
    min-height: 100%;
    border-radius: 4px;
	font-size: 0;
}

#portal .sag_panel .konu .resim span {
    display: block;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
}

#portal .sag_panel .konu:hover {
    background: #53566d!important;
    color: #fff;
}

#portal .sag_panel .konu:hover .resim span {
    opacity:  1;
}

#portal .sag_panel .resim {
    display: inline-block;
    width: 30px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #FFF;
    box-shadow: 0 0 2px #999;
    margin-right: .8em;
}

#portal .konu:hover a {
    color: #fff;
}

#portal .tab-content {
	display:none
}

#portal #tab1 {
	display:block
}

#portal .tab-container {
	color: #333;
	font-size: .8em;
	line-height: 1.6em;
	padding: 3%;
	text-align: center;
}

@media screen and (min-width: 880px) {
#portal .tab-container {
    padding: 4% 10.8%;
}


}

#portal .blog {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 5px;
    text-align: left;
    margin: 0 auto;
}

#portal .blog li {
    background: #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.09);
    padding: 20px;
    margin: 20px 0 10px;
}

#portal h2.blog_baslik {
    line-height: 1.8em;
    margin: 0;
    padding: 4px 1%;
}

#portal h2.blog_baslik:before {
    font-family: "Font Awesome 5 Free";
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    font-size: 15px;
    margin-right: 5px;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    content: "\f005";
    background: #82C160;
}

#portal h2.blog_baslik > a {
    font-size: 24px;
    color: #262627;
    border-bottom: 1px dotted transparent;
}

#portal .blog_aciklama, .blog_aciklama a {
    font-size: 14px;
    color: #888;
}

#portal .main .ust,.main .alt {
    font-size: 10px;
    color: #888;
    text-align: justify !important;
    margin: 0;
    padding: 4px 1%;
}

#portal .main .yazar, .main .tarih {
    font-size: 13px;
    color: #9B9B9B;
}

#portal .main .yazar a {
    max-width: 180px;
    margin-top: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    color: #9B9B9B;
    border-bottom: 1px dotted transparent;
    font-weight: normal;
}

#portal .main .yazar a:hover {
    color: #535353;
    border-color: #535353;
}

#portal .main .yazar a:before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}

#portal .main .tarih:before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    margin-left: 15px;
}

#portal .main .alt .sag {
    text-align: right;
}

#portal .main .orta {
    margin: 0;
    padding: 4px 1%;
    margin: 5px 0 20px;
    text-align: justify;
    line-height: 1.75em;
    font-size: 15px;
    max-height: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#portal .main .alt .sag a {
    border: 0;
    font-weight: bold;
    font-size: 10px;
    background: rgba(0, 0, 0, .05);
    padding: 2px 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all .5s;
    color: #696969;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    color: #535353;
}

#portal .main .alt .sag a:hover {
    opacity: .5;
    color: #696969;
}

#portal .konu_ist {
    height: 38px;
    width: 38px;
    text-align: center;
    float: right;
    line-height: 38px;
    background: #7f7f7f !important;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}

.konu_ist > div {
    width: 100px;
    position: absolute;
    z-index: 1020;
    background: #7f7f7f;
    left: 50%;
    display: block;
    background-color: #7f7f7f;
    box-shadow: 0 0 34px 0 rgba(63,66,87,.2);
    border-radius: 3px;
    -webkit-transform: translate(-130%,-4px);
    transform: translate(-130%,-4px);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    margin: 0;
    padding: 0;
    list-style-type: none;
    top: -20px;
}

#portal .konu_ist > div > dl > dt {
    float: left;
    font-size: 11px;
    color: #f3f2f2;
    text-align: left;
}

#portal .konu_ist > div > dl {
    margin: 0;
    padding: 0px 12px;
    overflow:  hidden;
}

#portal .konu_ist > div > dl > dd {
    float: right;
    font-size: 11px;
    color: #fff;
    text-align: right;
}

#portal .konu_ist > div:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 40%;
    height: 0;
    width: 0;
    margin-left: 0;
    border: solid transparent;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #7f7f7f;
    border-width: 9px;
}

#portal .konu_ist:hover > div {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-130%,0px);
    transform: translate(-130%,0px);
    -webkit-transition: all .5s cubic-bezier(.32,1.695,.355,1.135);
    transition: all .5s cubic-bezier(.32,1.695,.355,1.135);
}

/* PROMO LIST */
.promo_list{
display:none;text-align:center
}

.promo_list .box{
display:block;vertical-align:top;font-size:11pt;width:100%;margin:0 ;float: left;
}

.promo_list .box > div{
position:relative;height:100%;margin:0;color:#FFF
}

.promo_list .box{
margin-bottom:5% !important
}

.promo_list .box *{
cursor:pointer !important
}

.promo_list .box:nth-child(odd) > div{
margin-right:5%
}

.promo_list .box:nth-child(even) > div{
margin-left:5%
}

.promo_list .box .top{
font-size:30pt;cursor:default;transition:all .5s ease;margin-bottom:10px
}

.promo_list .box h3{
font-weight:bold;font-size:11pt
}

.promo_list .default a{
color:#FFF;border-bottom:1px dotted #FFF
}

.promo_list .box p{
padding:0 10px 15px 10px;margin:0;font-size:11pt
}

.promo_list .box .outer{
position:relative;overflow:hidden;text-align:center
}

.promo_list .box .default{
padding:0 5px 20px 5px
}

.promo_list .box .animated{
position:absolute;width:65px;height:65px;top:5px;opacity:0;overflow:hidden;transition:all 1s;border-radius:100%
}

.promo_list .box .inner{
position:absolute;top:-5px;padding:0 5px 20px 5px; transition:all 1s;background-color:rgba(255,255,255,.4)
}

.promo_list .box .top i{
width:65px;height:65px;display:inline-block;line-height:65px; transition:all 1s;text-align:center;margin-left:-5px;margin-top:5px;background:#FFF;border-radius:100%
}

.promo_list .box .outer:hover .top i {
background:transparent
}

.promo_list .box .inner h3{
color:#434343
}

.promo_list .box .animated,.promo_list .box .inner{
color:#FFF
}

.promo_list .box .outer:hover .animated{
position:absolute;top:0!important;left:0 !important;width:100%;color:#5a5a5a;height:100%;border-radius:0;opacity:1
}

.promo_list .box .outer:hover .inner{
top:0 !important;left:0!important;width:100%;height:100%;color:#5a5a5a;background-color:rgba(255,255,255,1)
}

.promo_list .box.assistenza .inner{
box-shadow:inset 0 -5px 0 #03a9f4
}

.promo_list .box.assistenza .top{
color:#03a9f4
}

.promo_list .box.assistenza > div{
background:#03a9f4;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.1)
}

.promo_list .box.motori .inner{
box-shadow:inset 0 -5px 0 #e51c23
}

.promo_list .box.motori .top{
color:#e51c23
}

.promo_list .box.motori > div{
background:#e51c23;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.1)
}

.promo_list .box.album .inner{
box-shadow:inset 0 -5px 0 #795548
}

.promo_list .box.album .top{
color:#795548
}

.promo_list .box.album .top i{
font-size:.9em
}

.promo_list .box.album > div{
background:#795548;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.1)
}

.promo_list .box.skin .inner{
box-shadow:inset 0 -5px 0 #00BFA5
}

.promo_list .box.skin .top{
color:#00BFA5
}

.promo_list .box.skin > div{
background:#00BFA5;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.1)
}

.promo_list .box.mobile .inner{
box-shadow:inset 0 -5px 0 #673ab7
}

.promo_list .box.mobile .top{
color:#673ab7
}

.promo_list .box.mobile .top i{
font-size:1.2em
}

.promo_list .box.mobile > div{
background:#673ab7;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.1)
}

.promo_list .box.sicuro .inner{
box-shadow:inset 0 -5px 0 #8BC34A
}

.promo_list .box.sicuro .top{
color:#8BC34A
}

.promo_list .box.sicuro > div{
background:#8BC34A;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 0 5px rgba(0,0,0,.1)
}

/* RASGELE
============================== */
select, input, button, textarea, button {
    font-family: Microsoft\ YaHei,arial,helvetica,clean,sans-serif !important;
    box-sizing: border-box;
}

select[multiple="multiple"] {
    height: auto;
}

i.fa {
    line-height: inherit;
}

input[type="checkbox"]:before {
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    background-image: url(resim/checkbox.png);
    background-repeat: no-repeat;
    background-position: -16px 0;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 3px;
    content:  ' ';
    background-color:  #fff;
}

input[type="checkbox"]:checked:before {
    background-position: 0 0;
}

input[type="radio"]:checked::before {
    content:  '';
    border-color: rgb(57, 181, 74);
}

input[type="radio"]:before {
    content:  '';
    padding: 2px;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    transition: all 0.2s;
    display: inline-block;
    vertical-align: -2px;
    width: 5px;
    height: 5px;
    border: 2px solid rgb(153, 153, 153);
}

input[type="radio"]:after {
    content: '';
    width: 5px;
    display: block;
    height: 5px;
    border-radius: 100%;
    background-color: transparent;
    transition: all 0.2s;
    position:  absolute;
    top: 4px;
    left: 4px;
}

input[type="radio"]:checked:after {
    content:  '';
    background-color: rgb(57, 181, 74);
}

input[type="radio"] {
    position:  relative;
}

/* DUYURU
============================== */
.duyuru {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    color: #6d7fff;
    background-color: #d9e4f7;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    border-left-width: 44px;
    border-color: #6d8cff;
}

.duyuru:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: inherit;
    margin-top: -5px;
}

.duyuru:after {
    content: '\f0a1';
    font-family: "FontAwesome";
    color: #fff;
    width: 44px;
    left: -44px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ON EK 
============================== */
.onek {
    background-color: transparent;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 2px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
}

.onek.pembe {
    color: white;
    background-color: #916bd2;
    border-color: #81A9E1;
}

.onek.mavi {
    color: white;
    background-color: #2980b9;
    border-color: #2980b9;
}

.onek.gri {
    color: white;
    background-color: #8a8a8a;
    border-color: #8a8a8a;
}

.onek.acikgri{
    color: #6c8383;
    background-color: #e6e6e6;
    border-color: #728c90;
}

.onek.turuncu {
    color: white;
    background-color: #ff6f32;
    border-color: #ff6f32;
}

.onek.kirmizi {
    color: white;
    background-color: #e34f49;
    border-color: #e34f49;
}

.onek.acikmavi {
    color: white;
    background-color: #00adec;
    border-color: #88F;
}

.onek.turkuaz {
    color: white;
    background-color: #66c6cc;
    border-color: #66c6cc;
}

/* ETIKET
============================== */
.attachedFiles {
    margin-bottom: 10px;
}

.attachedFiles .attachedFilesHeader {
    font-size: 13px;
    color: rgb(102, 102, 102);
    text-transform: uppercase;
    line-height: 1;
    padding: 4px 8px;
    display: none;
}

.attachedFiles .attachmentList {
    overflow: hidden;
    zoom: 1;
    padding: 5px 0;
    margin: 0 -5px;
}

.attachment {
    float: left;
    width: 50%;
    max-width: 200px;
}

.attachment .boxModelFixer {
    overflow: hidden;
    zoom: 1;
    margin: 5px;
    padding: 10px;
    background-color: rgb(236, 236, 236);
    border-radius: 30px;
    border: none;
    height: 60px;
    box-sizing: border-box;
}

.attachment .thumbnail {
    float: left;
    border-right: 1px solid rgb(236, 236, 236);
    padding-right: 5px;
    width: 50px;
    height: 50px;
    max-width: 40px;
    max-height: 40px;
    overflow: hidden;
}

.attachment .thumbnail .genericAttachment {
    background: rgb(57, 181, 74) url(resim/ikonlar.png) no-repeat center -1342px;
    display: block;
    width: 40px;
    height: 40px;
}

.attachment .thumbnail .SquareThumb {
    max-width: 40px;
    max-height: 40px;
    border-radius: 100%;
}

.attachment .attachmentInfo {
    white-space: nowrap;
    overflow: hidden;
    zoom: 1;
    font-size: 13px;
    padding-left: 5px;
}

.attachment .attachmentInfo .filename {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.attachment .attachmentInfo .filename a {
    color: rgb(102, 102, 102);
}

.attachment .attachmentInfo dl dt, .attachment .attachmentInfo dl:last-of-type {
    display: none;
}

.attachment .attachmentInfo dl dd {
    float: none;
    text-align: left;
    color: rgb(153, 153, 153);
}

/* FORUM ZIYARETI
============================== */
#usersbrowsing {
    background-color: rgb(255, 255, 255);
    padding: 8px 20px;
    margin: 20px 0;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

.usersbrowsing_head {
    margin-right:  5px;
    font-weight: 700;
    font-size:  11px;
    color: #7d7d7d;
}

.usersbrowsing_head:before {
    font-family: "Font Awesome 5 Free";
    content: '\f06e';
    margin-right: 5px;
    color: #565656;
    font-size: 13px;
    font-weight: 400;
}

/* POSTBIT GRUP IKONLARI
============================== */
.mesajKullaniciBolumu .groupicons {
    position: absolute;
    z-index: 1001;
    margin-left: 50px;
}

.groupicons .groupicon {
    position: absolute;
    color: white;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    display: inline-block;
}

.groupicon .fa {
    line-height: 24px;
}

.groupicons .groupicon:nth-child(2) {
    margin-left:  15px;
}

.groupicon.groupicon_admin {
    background-color: #c0392b;
}

.groupicon.groupicon_admin .fa:before {
    content: "\f0ad";
}

.groupicon.groupicon_smod {
    background-color: #ff7418;
}

.groupicon.groupicon_smod .fa:before {
    content: "\f0e7";
}

.groupicon.groupicon_mod {
    background-color: #18aaff;
}

.groupicon.groupicon_mod .fa:before {
        content: "\f0e3";
}

/* POSTBIT DURUM
============================== */
.mesajKullaniciBolumu div.Avatar .durum {
	position: absolute;
    top: 29px;
    left: 29px;
    border-color: transparent;
    border: 7px solid transparent;
    border-left-color: #7fb900;
    border-top-color: #7fb900;
    border-radius: 3px 1px 0 1px;
}

.kullanici_kutusu .kullanici_avatari .durum {
    top: 15px !important;
    left: 15px !important;
}

.durum.offline {
	display: none;
	border-left-color: rgb(185, 0, 0);
    border-top-color: rgb(185, 0, 0);
}

.durum.away {
	border-left-color: rgb(222, 186, 10);
    border-top-color: rgb(222, 186, 10);
}

/* PAIRSJUSTIFIED
============================== */
.pairsJustified {
    line-height: 1.5;
}

.pairsJustified dl,
dl.pairsJustified {
    overflow: hidden;
    zoom: 1;
}

.pairsJustified dt {
    float: left;
    max-width: 100%;
    margin-right: 5px;
}

.pairsJustified dt {
    color: #666666;
}

.pairsJustified dd {
    float: right;
    text-align: right;
    max-width: 100%;
}

/* GIRIS SAYFASI
============================== */
#girisSayfasi {
	margin: 20px auto;
	padding: 20px;
	background-color: rgb(255, 255, 255);
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	padding-top: 35px;
	padding-bottom: 30px;
}

#girisSayfasi .girisSayfasiContent {
    max-width: 300px;
    margin: auto;
}

#girisSayfasi .girisSayfasiField {
    overflow: hidden;
}

#girisSayfasi .girisSayfasiField > * {
    display:  block;
}

#girisSayfasi .girisSayfasiField input[type="text"], 
#girisSayfasi .girisSayfasiField input[type="password"] {
    width: 100%;
}

#girisSayfasi .girisSayfasiField input[type="text"] {
    margin-bottom: 20px;
}

#girisSayfasi .girisSayfasiField input[type="text"]:focus, 
#girisSayfasi .girisSayfasiField input[type="password"]:focus {
    line-height: 41px;
}

#girisSayfasi #girisSayfasiPass {
    padding: 0;
    margin-top: 15px;
    float: left;
    width: 100%;
    margin-right: -50px;
    clear: left;
}

#girisSayfasi .girisSayfasiField input[type="password"] {
    float: left;
    max-width: 250px;
}

#girisSayfasi .lostpw {
    margin-top: 0;
    width: 40px;
    height: 40px;
    float: right;
    border-bottom: 1px solid rgb(236, 236, 236);
    padding: 12px;
    padding-top: 11px;
    box-sizing: border-box;
    clear: right;
    box-sizing: border-box;
}

#girisSayfasi .lostpw > span {
    width: 16px;
    height: 16px;
    display: block;
	line-height: 16px;
    box-sizing: border-box;
    border-radius: 100%;
    border: 1px solid rgb(102, 102, 102);
    color: rgb(102, 102, 102);
    text-align: center;
    font-weight: bold;
}

#girisSayfasi .girisSayfasiFooter {
    margin-top: 40px;
    margin-bottom: 40px;
    min-height: 34px;
}

#girisSayfasi .rememberPassword {
    margin-top: 8px;
    float: left;
    clear: left;
}

#girisSayfasi .loginButton {
    float: right;
}


#forumListAyarlariPanel > * {
    margin-right: 10px;
    zoom: 1;
    width:  auto;
    float:  left;
}

#forumListAyarlariPanel {
    padding: 8px 20px 7px 20px;
    margin: 0 auto;
    border-top: 1px solid rgb(236, 236, 236);
    line-height: 20px;
    zoom: 1;
    overflow:  hidden;
    display:  none;
}

#forumListAyarlariPanel > *:last-child {
    float:  right;
}		

/* BILDIRIM
============================== */		
.bildirim_kutusu {
    font-weight: bold;
    font-size: 9px;
    color: white;
    padding: 0 4px;
    border: 2px solid rgb(121, 196, 201);
    border-radius: 9.5px;
    position: absolute;
    left: -6px;
    top: 10px;
    line-height: 15px;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    word-wrap: normal;
    text-indent: 0;
    height: 15px;
    background-color: #2980b9;
    border-color: #79c4c9;
}		

/* HIZLI MESAJLASMA
============================== */
#hizli_mesajlasma {
    margin-bottom: 20px;
}

.hizli_mesaj_hizala {
    display: flex;
}

.hizli_mesaj {
    background: #fff !important;
    color: #666666;
    border-radius: 3px;
}

.hizli_mesaj_kullanici {
    display: block;
    vertical-align: top;
    padding: 10px;
    flex: 0 0 135px;
    border: none;
    position: relative;
    background: transparent;
    min-width: 0;
}

.hizli_mesaj_ana {
    display: block;
    vertical-align: top;
    padding: 10px;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.hizli_mesaj_avatar > a {
    margin-top: 10px;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

.hizli_mesaj_avatar {
    text-align: center;
    margin-bottom: 3px;
}

.hizli_mesaj_avatar > a > img {
    border-radius: 100%;
    width: 96px;
    height: 96px;
}

textarea#mesaj {
    border-radius: 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 13px;
    color: #666666;
    background: #fff;
    border: 1px solid #ececec;
    padding: 6px;
    display: block;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

textarea#mesaj {
    background: #FFFFFF;
    min-height: 0;
    max-height: 400px;
    max-height: 53vh;
    resize: vertical;
}

.hizli_mesaj_alt {
    text-align: right;
    display: inherit;
    margin-top: 5px;
    margin-right: 10px;
    flex-wrap: wrap;
    margin-bottom: -5px;
    overflow:  hidden;
}

.hizli_mesaj_kontrol {
    text-align:  left;
    clear:  left;
    float:  left;
}

.hizli_mesaj_buton {
    float: right;
    text-align:  right;
    clear:  right;
}

.hizli_mesaj_kontrol > * {
    margin-right: 5px;
    font-size: 11px;
    line-height: 27px;
    cursor: pointer;
	    display: inline;
}

/* POSTBIT HIZLI BUTONLAR
============================== */
.postbit_Buton {
    font-size: 13px;
    padding: 0 20px 0 0;
    overflow: hidden;
    zoom: 1;
    text-transform: uppercase;
}

.postbit_Buton > * {
    padding: 0 10px;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    right: 0;
    line-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 34px;
    cursor: pointer;
    z-index: 1;
    height: 40px;
}

.postbit_Button.show {
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    width: auto;
    z-index: 57;
    background-color: rgb(255, 255, 255);
}

.postbit_Button.show > a {
	display: inline;
}

.postbit_Button > a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 11px 10px;
    margin: 0;
    border: none;
    display:  none;
    color: inherit !important;
}

.postbit_Button:after {
    content: "\f142";
    height: 40px;
    padding: 0 5px;
    font-size: 18px;
    color: #999;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.mesajButtonlar > div {
    margin-bottom: 0px;
    padding: 7px 0;
}

.mesajButtonlar:before,
.mesajButtonlar:after {
    content: " ";
    display: table;
}

.posbitBegeni {
    float: left;
    display: inline-flex;
}

.postbitButon {
    float: right;
    font-size: 13px;
}

.postbitButon > a {
    padding: 0;
    border: none;
    border-radius: 0;
    margin-left: 35px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: inherit !important;
}

/* POSTBIT BEGENI
============================== */
.posbitBegeni > span {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 13px;
    text-transform: uppercase;
    padding-right: 20px;
    margin-right: 20px;
}

.begenenKullanicilar:after {
    content: '';
    position: absolute;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #999999;
}

.begenenKullanicilar {
    height: auto;
    overflow-y: visible;
    border: none;
    background: #fff;
    padding: 0;
    font-size: 13px;
    margin-top: 0;
    position: relative;
    color: #969696;
}

/* IMZA
============================== */		
.signature {
    margin-top: 10px;
    font-size: 12px;
    color: #969696;
    border-top: 1px solid #f4f4f4;
    padding-top: 8px;
}

.postbit_Button > a:focus {
    color: #e91e63 !important;
}
		
/* FORUM TAKIMI SAYFASI
============================== */
.forum_takimi_kullanici {
    background: linear-gradient(135deg, #c415c7, #02bedc);
    margin: 20px 0;
    border: none;
    padding: 20px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    color: #fff;
}

ol.forum_takim > li {
    width: 250px;
    margin: 0 10px 0px 0;
    display: inline-block;
    align-items: center;
    justify-content: center;
}

ol.forum_takim {
    margin:  20px 0;
    overflow:  hidden;
    display: block;
    width: 100%;
}

.forum_takimi_avatar {
    width: 96px;
    height: 96px;
    font-size: 20px;
    line-height: 66px;
    margin: auto;
    border-radius: 100%;
    display: block;
    position: relative;
}

.forum_takimi_avatar img {
    width: 96px;
    height: 96px;
    border-radius: 100%;
}

h3.forum_takimi_kullanici_adi {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
}

.forum_takimi_ziyaret .pairsJustified dt {
    color: #ffffff;
}

.forum_takimi_butonlar {
    overflow:  hidden;
}

.forum_takimi_butonlar a {
    float:  none;
    display:  block;
    text-align:  center;
    margin: 8px 0 0;
    background: rgba(3, 3, 3, 0.1803921568627451);
    border:  none;
    color: #fff !important;
    padding:  4px;
    transition: all .5s ease;
}

.forum_takimi_butonlar a:hover {
    background: rgba(3, 3, 3, 0.25);
}


ol.forum_takim > li:nth-child(5),
ol.forum_takim > li:nth-child(10) {
    margin-right:  0;
}

/* POSTBIT KULLANICI OZEL
============================== */
.konum {
    margin-top: 5px;
}

.cinsiyet {
    position:  relative;
    display:  inline;
}

.cinsiyet:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 8px;
    display: inline-block;
    font-size: 17px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cinsiyet.Bay:before {
    content: '\f222';
    color: #089cff;
}

.cinsiyet.Bayan:before {
    content:  '\f221';
    color: #f90093;
}

.cinsiyet.Diger:before {
    content: '\f224';
    color: #8BC34A;
}

/* IPUCU
============================== */
.ipucu {
    display:  none;
    position: absolute;
    text-align: left;
    font-size: 13px;
    color: rgb(102, 102, 102);
    background-color: rgb(255, 255, 255);
    padding: 5px 10px;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    z-index: 15000;
    cursor: default;
    box-shadow: 0 2px 5px rgba(208, 208, 208, 0.25);
    top: -45px;
    left: 50%;
    -webkit-transform: translate(30%,5px);
    transform: translate(30%,5px);
    border: 1px solid #eaeaeaaa;
}
.ipucu:after, 
.ipucu:before {
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #ffffff;
    border-width: 9px 11px 0 0;
    margin-left: 0;
}

.ipucu:before, 
.ipucu:after {
    top: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ipucu:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #cccbcb;
    border-width: 9px 11px 0 0;
    margin-left: 0;
}

.ipucu:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #ffffff;
    border-width: 9px 11px 0 0;
    margin-left: 0;
}

*:hover > .ipucu {
    display:  block;
}

/* GIRIS PANELI
============================== */
#giris-kutusu {
    position: relative;
    max-width: 360px;
    display: block;
    margin: auto;
    padding: 5px 20px 0 20px;
    outline: 0;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    animation: animatezoom 0.6s;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(-180deg, rgb(63, 81, 181) 29%, #ffffff 29%);
}

.giris-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0, 0, 0, 0.25);
    text-align: left;
}

.giris-input:focus + .giris-input-focus::before {
	width: 100%;
}

.giris-input {
    font-family: Poppins !important;
    font-size: 15px;
    color: #555555;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0 5px;
    outline: none;
    border: none;
    font-weight: 500;
}

.grs-ekstra {
    box-sizing: border-box;
    display:  block;
    overflow:  hidden;
}

/*.grs-btn {width: 100%;display: block;position: relative;z-index: 1;border-radius: 25px;overflow: hidden;margin: 0 auto;margin-top: 13px;}

.giris-form-btn-bg {
    position: absolute;
    z-index: -1;
    width: 300%;
    height: 100%;
    background: #efccff;
    background: -webkit-linear-gradient(right, #b6bef9, #dbbbe8, #b6bef9, #dbbbe8);
    background: -o-linear-gradient(right, #daf8ff, #efccff, #daf8ff, #efccff);
    background: -moz-linear-gradient(right, #daf8ff, #efccff, #daf8ff, #efccff);
    background: linear-gradient(right, #daf8ff, #efccff, #daf8ff, #efccff);
    top: 0;
    left: -100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
*/

button.giris-form-btn {
    font-style: normal;
    font-size: 14px;
    color: rgb(102, 102, 102);
    background-color: transparent;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 3px;
    border-style: none;
    border-radius: 2px;
    font-family: inherit;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    height: 34px;
    margin: 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    background: none;
	width: 100%;
}

.grs-btn {
    background-color: rgb(233, 30, 99);
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    color: #ffffff;
    border-radius: 2px;
    transition: all 0.2s;
    height: 34px;
    margin-right: 0;
    margin-left:  0;
    display: inline-block;
    margin: 0 -1px;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    margin-top:  10px;
    width:  100%;
    text-align:  center;
}

.grs-btn:focus {
    top: -3px;
}

.grs-sosyal-btn {
    text-align: center;
}

.grs-sosyal-btn > a {
    background: transparent;
    border: 1px solid transparent;
    color: #989898;
    border-color: #989898;
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 10px;
    border-radius: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 13px;
    transition: all .5s ease;
    cursor: pointer;
    outline: none;
    margin-right: 5px;
    text-align: center;
}

a.grs-facebook:hover {
    border-color: #3B5998;
    color: #3B5998;
}

a.grs-twitter:hover {
    color: #55ACEE;
    border-color: #55ACEE;
}

.giris-input:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #6a7dfe;
    background: -webkit-linear-gradient(left, #daf8ff, #efccff);
    background: -o-linear-gradient(left, #daf8ff, #efccff);
    background: -moz-linear-gradient(left, #daf8ff, #efccff);
    background: linear-gradient(left, #daf8ff, #efccff);
}

.kayit-yeri {
    padding-top: 20px;
    text-align: center;
    font-size: 13px;
    color: #999999;
    line-height: 1.4;
}

.kayit-yeri > a {
    border-bottom: 1px solid #999999;
	color: #999999;
}

.grs-btn:hover .giris-form-btn-bg {
    left: 0;
}

.giris-input-focus {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.giris-input-focus:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #3f51b5;
    background: -webkit-linear-gradient(left, #e91e63, #3f51b5);
    background: -o-linear-gradient(left, #daf8ff, #efccff);
    background: -moz-linear-gradient(left, #daf8ff, #efccff);
    background: linear-gradient(left, #daf8ff, #efccff);
}

.grs-kullanici, .grs-sifre {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #adadad;
    margin: 30px 0 15px 0;
}

.giris-input-focus:after {
    font-size: 15px;
    color: #999999;
    line-height: 1.2;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.giris-input:focus + .giris-input-focus:after {
    top: -18px;
}

.grs-avatar {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f9f9f9;
    margin: 0 auto;
    margin-bottom: 30px;
}

.grs-ekstra label {
    font-size: 14px;
    color: #999999;
    line-height: 1.2;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
}

a.lostpw {
    font-size: 12px;
    line-height: 1.5;
    color: #999999;
}

input:-webkit-autofill + .giris-input-focus:after {
    top: -18px;
}

input:-webkit-autofill {
    background-color: #fff !important;
}

span.giris-kapat {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 0;
    cursor: pointer;
}

span.giris-kapat:before {
    content: '\f057';
    font-size: 18px;
    font-family: "Font Awesome 5 Free";
    color: #fff;
}

@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


/* KAYIT FORM
============================== */
#kayit-form {
    background: #fff;
    color: #666666;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    border-radius: 2px;
    padding: 20px;
    padding-bottom: 0;
}

#kayit-form dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#kayit-form dl dt {
    border-right: 1px solid transparent;
    background: #fff;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    padding-top: 20px;
    font-weight: 600;
}

#kayit-form dl > dt, 
#kayit-form dl > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

#kayit-form dl dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

#kayit-form .kayit-aciklama {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #969696;
    margin: 6px 0 0;
}

#kayit-form dt dfn {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #969696;
    font-weight: 500;
}

#kayit-form select,#kayit-form input {
    max-width: 320px;
}

#kayit-form .kayit-input {
    font-size: 20px;
    color: #555555;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 40px;
    background: transparent;
    padding: 0 5px;
    outline: none;
    border: none;
}

 #kayit-form input:-webkit-autofill ~ .kayit-input-focus:after {
    top: -15px;
}

#kayit-form .kayit-kullanici,
#kayit-form .kayit-email,
#kayit-form .kayit-sifre {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    max-width: 320px;
}

#kayit-form .kayit-kullanici label.error, 
#kayit-form .kayit-email label.error, 
#kayit-form .kayit-sifre label.error {
    position: absolute;
}

#kayit-form .kayit-kullanici label.error:after, 
#kayit-form .kayit-email label.error:after, 
#kayit-form .kayit-sifre label.error:after {
    display: none;
}


#kayit-form .kayit-input-focus {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

#kayit-form .kayit-input-focus:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #6a7dfe;
    background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
    background: -o-linear-gradient(left, #21d4fd, #b721ff);
    background: -moz-linear-gradient(left, #21d4fd, #b721ff);
    background: linear-gradient(left, #21d4fd, #b721ff);
}

#kayit-form input:focus ~ .kayit-input-focus:before {
    width:  100%;
}

#kayit-form input:focus ~ .kayit-input-focus:after {
    top: -15px;
    color: #03a9f4 !important;
    font-size:  12px;
}

#kayit-form input.valid ~ .kayit-input-focus:after {
    top: -15px;
    color: #82c930 !important;
    font-size: 12px;
}

#kayit-form input.error ~ .kayit-input-focus:after {
	top: -15px;
	color: #F44336 !important;
	font-size: 12px;
}

#kayit-form .kayit-input-focus:after {
    font-size: 14px;
	text-transform: lowercase;
    line-height: 1.2;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#kayit-form dl dd li {
    margin-bottom: 6px;
}

#kayit-form dl dd label {
    margin-left:  6px;
}

#kayit-form dl.kayit-button dt {
    display:  none;
}

#kayit-form dl.kayit-button dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#kayit-form dl.kayit-button dd div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

/* SEARCH FORM
============================== */
#search-form dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#search-form dl dt {
    border-right: 1px solid transparent;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    font-weight: 600;
}

#search-form dl dt,#search-form dl dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

#search-form dl dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

#search-form dl dd input, #search-form dl dd select {
    max-width:  320px;
}

#search-form dl dd li {
    margin-bottom:  8px;
}

#search-form dl.btn dt {
    display: none;
}

#search-form dl.btn dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#search-form dl.btn dd div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

/* RSS SAYFASI
============================== */
#rss_box {
    position: relative;
    zoom: 1;
    padding: 0;
    border: none;
    border-radius: 2px;
    margin-top: 20px;
    margin: 10px auto;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #fff;
}

#rss_box > dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#rss_box > dl > dt,#rss_box > dl > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

#rss_box > dl > dt {
    border-right: 1px solid transparent;
    background: #fff;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    font-weight:  600;
}

#rss_box > dl > dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

#rss_box dfn {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #969696;
    font-weight:  normal;
}

#rss_box > dl.buton > dt {
    display: none;
}

#rss_box > dl.buton > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#rss_box > dl.buton > dd div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

#rss_box > p {
    padding: 10px;
}

.listColumns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.listColumns > li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
    position: relative;
    margin-bottom: 6px;
    position: relative;
}

.rss_note {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #969696;
    margin: 6px 0 0;
}

#rss_box > dl > dd input {
    max-width: 320px;
}

/**************************/
.kullanici_pnl_avatar {
    float:  left;
}

.kullanici_pnl_bilgi {
    margin-left: 70px;
}

.kullanici_pnl_istatistikler {
    clear:  both;
    padding: 15px 0;
    border-top: 1px solid #dee7ee;
    border-bottom: 1px solid #dee7ee;
    margin-top: 15px;
    margin-bottom: 15px;
    display:  flex;
    align-items: center;
    justify-content: center;
}

span.kullanici_grubu {
    display:  block;
    margin-top: 4px;
    color: #2cafdb;
}

span.kayit_tarihi {
    display: block;
    margin-top: 4px;
    color: #797979;
}

.kullanici_pnl_istatistikler dt {
    color: #1bb583;
    font-weight:  600;
    display:  block;
    font-size: 16px;
}

.kullanici_pnl_istatistikler dl {
    flex: 1;
    text-align:  center;
    border-right: 1px solid #dee7ee;
}

.kullanici_pnl_istatistikler dd {
    display:  block;
    margin-top:  5px;
    color: #797878;
    font-size: 12px;
}

.kullanici_pnl_istatistikler dl:last-child {
    border:  0;
}

.orta_pnl {
    flex:  1 1 auto;
    margin-left: 15px;
}


/* REGISTER COPPA
============================== */
#register_coppa {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    padding: 15px;
}

#register_coppa dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

#register_coppa dl dt {
    border-right: 1px solid transparent;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    font-weight: 600;
}

#register_coppa dl dt,#register_coppa dl dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

#register_coppa dl dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

#register_coppa dl.btn dt {
    display:  none;
}

#register_coppa dl.btn dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#register_coppa dl.btn dd div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

#register_coppa .aciklama {
    clear:  both;
    font-size:  11px;
    padding-top: 10px;
    color: #969696;
    display:  block;
}


/**/
.degisken-yazi {
    display: flex;
    overflow: hidden;
    border: 1px solid #dfe5ee;
    background: #f5f8fa;
    border-radius: 4px 4px 0px 0px;
    margin-bottom: -2px;
    color: #494c62;
    line-height: 23px;
}

.degisken-yazi div:nth-child(2) {
    font-weight: 600;
    text-transform: uppercase;
}

.degisken-yazi div {
    vertical-align: middle;
    padding: 10px 20px;
    border-right: 1px solid #e2e6e9;
    color: #494c62;
}

.degisken-yazi div:last-child {
    border: 0;
	flex-grow: 1;
}

.telif_hakki {
    padding: 15px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #dfe5ee;
    background: #f5f8fa;
    border-radius: 0px 0px 4px 4px;
    margin-bottom: 35px;
    color: #494c62;
    line-height: 1.6923;
}

#yukari {
	display: none;
    position: fixed;
    right: 1.5%;
    bottom: 10%;
	z-index: 9999;
	border-radius: 100%;
	border: 1px solid #d3dbe2;
	background: #f5f8fa;
}

#yukari_boyut {
    color: #adadad;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
}

/**/
.pulse2{
	-webkit-animation:pulse2 1s linear infinite;
	-moz-animation:pulse2 1s linear infinite;-ms-animation:pulse2 1s linear infinite;
	animation:pulse2 1s linear infinite
}

@keyframes "pulse2"{
	0%{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1)
	}
	50%{
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)}
	}
@-moz-keyframes pulse2{
	0%{
		-moz-transform:scale(1.1);
		transform:scale(1.1)
	}
	50%{
		-moz-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%{
		-moz-transform:scale(1);
		transform:scale(1)}
	}

@-webkit-keyframes "pulse2"{
	0%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1)
	}
	50%{
		-webkit-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}

@-ms-keyframes "pulse2"{
	0%{
		-ms-transform:scale(1.1);
		transform:scale(1.1)
	}
	50%{
		-ms-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%{
		-ms-transform:scale(1);
		transform:scale(1)
	}
}

.pulse-button {
  cursor: pointer;
  -webkit-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  	box-shadow: 0 0 0 0 rgba(177, 177, 177, 0.7);
}
.pulse-button:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

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

/** MYKOD 
*********************/
.rarpass {
    overflow: hidden;
    zoom: 1;
    margin: 5px 0;
    padding: 10px 15px 10px 10px;
    background-color: rgb(21, 169, 188);
    border-radius: 4px;
    border: none;
    height: 60px;
    box-sizing: border-box;
    max-width: 250px;
    position: relative;
}

.raricon {
    float: right;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: 10px;
    transform: rotate(345deg);
    -webkit-transform: rotate(345deg);
}

.raricon:before {
    font-family: "Font Awesome 5 Free";
    content: '\f1c6';
    display: block;
    font-size: 70px;
    color: #00000029;
}

.rartext {
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    z-index: 2;
}

.rartext a {
    color: #fff;
}

.rartext2 {
    text-align: left;
    font-size: 11px;
    margin-top: 6px;
    text-transform: lowercase;
    color: #f1f1f1;
    display: block;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}