@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Exo+2&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

body {
margin: auto;
background-position: center;
font-family: 'Fira Sans', sans-serif;
-webkit-font-smoothing: antialiased;
font-size:14px;
color:#493c2d;
background-repeat: repeat-x;
background: #303030 url(/img/bg_new.jpg) top left no-repeat fixed;
box-shadow: 0 0 50px 0 gray;
max-width: 600px;
}

a:link, 
a:active, 
a:visited {
	color: #000080;
    text-decoration: none;
}

a:hover, 
a:focus {
	color: black;
	transition: all 0.7s ease-in-out;
}

#dx{
display:none;
background:none;
}

.ma1 a:link, 
.ma1 a:visited 

 {
    background: #2686f2;
    color: #e3f3ff;
    padding: 9px;
    font-family: Arial,Helvetica,sans-serif;
    
    border-bottom: 1px solid #257eef;
    text-shadow: 0px 1px #2177da;
    display: block;

}
.ma1 a:focus, 
.ma1 a:hover, 
.ma1 a:active{ 
background: #288bfb;
text-shadow: 0px 1px #2177da;
color : #fff; 
padding: 9px ;
border-bottom: 1px solid #257eef;
text-decoration : none; 
}

.hove{
padding:10px;
text-decoration:none;
background: url(/img/hove.png) fixed;
font-weight:bold;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
display:block;
}

.pic,.home{
border-bottom:1px solid #cacaca;
border-top:1px solid #cacaca;
padding:3px;
background:#fff
}

.chip {
    display: inline-block;
    padding: 0 15px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    border-radius: 25px;
    background-color: #f1f1f1;
    float: right;
}

.chip img {
    float: right;
    margin: 0 10px 0 -25px;
    height: 38px;
    width: 38px;
    border-radius: 100%;
}

.ekoxeta {
    border: 2px solid #ddd; 
    border-radius: 100px;  
    padding: 5px;

}

.ekoxeta:hover {
    box-shadow: 0 0 8px 4px rgba(0, 140, 186, 0.5);
}

.ekoxetas {
    border: 2px solid #ddd; 
    border-radius: 100px;  
    padding: 5px;
    box-shadow: 0 0 8px 4px rgba(0, 140, 186, 0.5);
}

.pics{
border-bottom:1px solid #cacaca;
padding:3px;
background:#fff;
margin-top:2px;
margin-bottom:2px;
}
.pics img{
position:static;}


.bl {
    border-left: 1px solid rgba(0, 0, 0, 0.11);
}

.br {
    border-right: 1px solid rgba(255, 255, 255, 0.11);
}

a.search{
    background:#de2e07 url(/img/Zoom-out-icon.png) repeat-x;
    background-position: center center;
    background-repeat: no-repeat;
}

a.add{
    background:#de2e07 url(/img/fav-add-icon.png) repeat-x;
    background-position: center center;
    background-repeat: no-repeat;
}

a.block{
    display: block;
    height: 58px;
}
a.block:active{
    background-color: rgba(0, 0, 0, 0.17);
}

.design {
	color: gold;
	font-size: 10px;
        border-radius: 20px;
	text-align: center;
	float: left;
	padding: 1px 6px;
        border: 1px solid gray;
        background: #800000 url(/img/w4.png) fixed;
	//background: #FF69B4;
	}
img{vertical-align: middle;}

.men { 
float:right;
    margin: 17px 10px 0px 0px;
padding: 10px;
position: relative;
}
.ln { 
float:right;
    margin: 17px 10px 0px 0px;
padding: 10px;
position: relative;
}

.logo { 
height: 70px;
background: url(/img/hcr.png) no-repeat top right,url(/img/h.png) repeat-x  #2d90ff;
}

.l { 
    margin: -39px 0px 0px 8px;
    height: 33px;
    background: url(/img/fc.png) no-repeat top left;
    position: relative;
}

.foot {
        text-shadow: 0px 1px 0px #2680e6;
    color: #fff;
    background: url(/img/wm.png) no-repeat right bottom,url(/img/h.png) repeat-x #2d90ff;
    text-align: left;
    padding: 17px;
    font-weight: bold;
    margin-bottom: 15px;
}
.foot a:link, 
.foot a:visited 
 {
text-shadow: 0px 1px 0px #2680e6;
    color: #fff;
display: block;
    text-align: left;
    
    font-size: 13px;
    padding: 6px;

}

.footer  {background: url(/img/coppy.png) no-repeat left, url(/img/footer.gif)repeat-x top left #de3009; padding: 13px 111px 13px; color:#000; height: 20px;}.footer a {color:#fff;}
.title{
    text-shadow: 0 1px 0 #2077da;
    color: #f7fbff;
    background: url(/img/m.png) repeat-x top #2d90ff;
    padding: 9px;
    text-align: center;
    font-weight:bold;
}

.tit {
text-align:left;
color: #ffffff;
padding: 10px;
font-weight:bold;
box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.13);
background-color: #f9aac7;
padding:7px;
padding-left: 2%;
border-top: 1px solid #f9aac7;
border-bottom: 1px solid #d87198;
}

.razd{ font-weight:bold; clear:both; border-bottom:1px solid #e9993f;border-top:1px solid #ffdfbc;
padding:8px;
background:#faae59 url(/img/razd.gif) repeat-x;
}

.rsize{
width:100%;
min-width:305px;
max-width:800px;
margin:0 auto;
}

.header {
box-shadow: inset 0 -15px 25px rgba(0, 0, 0, 0.13);
border-top: 1px solid #f9aac7;
border-bottom: 1px solid #d87198;
background-color: #ff96bd;
border: 0;
margin: 0;
padding: 15px;
//box-sizing: border-box;
//width: 100%;
//position: fixed;
}

.header_icon {
left: 0;
padding: 12px;
position: absolute;
top: 0; }
.header_icon a .fa {
color: #fff;
font-size: 25px; 
}

.search {
left: 0;
margin: 0 auto;
padding: 7px;
position: absolute;
right: 0;
top: 0;
width: 50%; 
}

.in_search {
border: 0;
margin: 0;
padding: 0;
position: relative;
width: 100%; 
}

.in_search input[type="text"] {
background-color: #fff;
border: 0;
border-radius: 5px;
margin: 0;
padding: 9px;
padding-right: 41px;
width: 100%; 
}

.in_search input[type="submit"] {
background-color: #F08080;
border: 1px solid #fff;
border-radius: 0 5px 5px 0;
bottom: 0;
color: #fff;
font-family: "FontAwesome";
font-size: 18px;
padding: 7px;
position: absolute;
right: 0;
top: 0; 
}

.nav_icon {
padding: 12px;
position: absolute;
right: 0;
top: 0; }
.nav_icon .fa {
color: #fff;
font-size: 25px; 
}

.languages {
background-color: #fff;
border: 0;
border-radius: 5px 0 5px 5px;
box-shadow: -2px 2px 4px -2px #000;
display: none;
margin: 0;
padding: 0;
position: absolute;
right: 11px;
top: 38px;
z-index: 1; 
}

.languages a .menu {
background-color: transparent;
border: 0;
color: #000;
margin: 0;
padding: 10px; 
}

.maintxt{
padding: 10px;
background-color:#f3f3f3;
border:#ccc solid 1px;
border-radius:0px;
}
@keyframes yaziRenglendi {
	10% { color: black }
	20% { color: gold }
	30% { color: black }
	40% { color: gold }
	50% { color: black }
	60% { color: gold }
	70% { color: black }
	80% { color: gold }
	90% { color: black }
	100% { color: gold }
}

.elimirzeyef {
	animation: xetanic 0s ease-in-out infinite alternate,
			   yaziRenglendi 20s infinite
}

@keyframes yaziRenglendir {
	10% { color: red }
	20% { color: black }
	30% { color: red }
	40% { color: black }
	50% { color: red }
	60% { color: black }
	70% { color: red }
	80% { color: black }
	90% { color: red }
	100% { color: black }
}

.elimirzeyeff {
	animation: xetanic 0s ease-in-out infinite alternate,
			   yaziRenglendir 20s infinite
}

.razd img
{ vertical-align:middle; margin: -8px 10px -10px -10px; }
.head  {
text-align:center;
font-weight:bold;
clear:both;
border-bottom:1px
solid #bf2604;
border-top:1px solid #ff967f;
padding:0px;
color:#fff;
background:#de2e07 url(/img/c1.gif) repeat-x;
}
.zero2{
font-size: 13px;
color:#494949;
padding: 8px;
}
.menu {
font-size: 12px;
background-color: #FFFFFF;
margin: 1px 1px 1px 1px;
padding: 4px 4px 4px 4px;
}
.menu img{
border:2px solid #313131;
}
.menu img:hover{
border:2px solid #da012e;
transition: all 0.7s ease-in-out;
}
.block, .navigations {
background-color: #fff;
margin-top:1px;
padding:8px;
}

.navigation table {margin-top:0px; width: 100%; text-align: center; padding: 2px; border-radius:5px;}
.navigation table .noAct {background:#333333; padding: 10px; border-radius: 4px; }
.navigation table a { background:#de2e07 url(/img/c1.gif) repeat-x; padding: 10px; }
.navigation table a:hover { background:#333333; padding: 10px; }
.navigation a, .navigation span {
border-radius: 4px;
display: block;
color: #ffffff; 
}

p {
	margin-top: 5px;
	margin-bottom: 7px;
}

.mn-gp {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0;
	border-radius: 6px;
	box-shadow: rgba(0,0,0,0.05) 0 1px 1px;
}

.mn-gp-it {
    position: relative;
    margin-top: -1px;
    display: block;
    color: #ffcfc1;
    padding: 12px 15px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.mn-gp-it:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.mn-gp-it:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pull-left {
	padding-right: 10px;
	float: left;
}

.media {
	margin-top: 15px;
}
.media:first-child {
	margin-top: 0;
}
.media,
.media-body {
	overflow: hidden;
	zoom: 1;
}
.media-body {
	width: 10000px;
}
.media-object {
	display: block;
	border-radius: 5px;
	border: 1px dashed #000080;
}
.media-object.img-thumbnail {
	max-width: none;
}
.media-right,
.media > .pull-right {
	padding-left: 10px;
}
.media-left,
.media > .pull-left {
	padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
	display: table-cell;
	vertical-align: top;
}
.media-middle {
	vertical-align: middle;
}
.media-bottom {
	vertical-align: bottom;
}
.media-heading {
	margin-top: 0;
	margin-bottom: 10px;
}

hr{
margin-top:4px;
margin-bottom:6px;
border-bottom:1px solid #D3D3D3;
border-top-style:none;
border-top-width:0;
border-right-style:none;
border-right-width:0;
border-left-style:none;
border-left-width:0
}

.navigation img{vertical-align:middle;}


.sort {
background-color: #FFFFFF;
border-top: none;
margin: 1px 1px 1px 1px;
padding: 4px 4px 4px 4px;
}

#iright{text-align: right;}
#bar_right{
font-size : 12px;
    color: #f7fbff;
    background: url(/img/m.png) repeat-x top #2d90ff;
padding : 4px;
border-radius:4px;
margin : 0px;
float:right;
position: center;
}

#rights{
font-size : 12px;
    color: #f7fbff;
    background: url(/img/m.png) repeat-x top #2d90ff;
padding : 4px;
border-radius:4px;
margin : 0px;
float:right;
position: center;
}

#eko_right{
float:right;
font-family:Verdana;
padding : 0 2px 0 2px;
margin-right: 10px;
}

.error {
color: #FFFFFF;
background-color: #CC6666;
border: 1px solid #990000;
padding:8px;
text-decoration:none;
font-weight:bold;
}
.microtime {
background-color: #FFFFFF;
max-width: 35px;
font-size: xx-small;
float: right;
padding-right: 2px;
}

textarea{
width:100%;
padding:12px 20px;
margin:8px 0;
display:inline-block;
border:1px solid #ccc;
border-radius:8px;
box-sizing:border-box
}
select{
width:100%;
padding:12px 20px;
margin:8px 0;
display:inline-block;
border:1px solid #ccc;
border-radius:8px;
box-sizing:border-box
}
input[type="text"],input[type="number"],input[type="email"],input[type="tel"],input[type="mail"],input[type="password"],input[type="file"]{
width:100%;
padding:12px 20px;
margin:8px 0;
display:inline-block;
border:1px solid #ccc;
border-radius:8px;
box-sizing:border-box
}
input[type="submit"]{
width:100%;
background: url(/img/m.png) repeat-x top #2d90ff;
color:#fff;
padding:14px 20px;
margin:8px 0;
border:none;
border-radius:6px;
cursor:pointer;
font-family:Arial;
font-size:16px
}
input[type="submit"]:hover{
background: url(/img/m.png) repeat-x top #2d90ff;
border-radius:6px;
font-family:Arial;
font-size:16px
}

a button{
width:100%;
background: url(/img/m.png) repeat-x top #2d90ff;
color:#fff;
padding:14px 70px;
border:none;
cursor:pointer;
font-size:16px;
font-family:Arial;
font-weight: bold;
border-radius: 4px;
}
a button:hover{
width:100%;
background: url(/img/m.png) repeat-x top #2d90ff;
color:#fff;
padding:14px 70px;
border:none;
cursor:pointer;
font-family:Arial;
font-size:16px;
font-weight: bold;
border-radius: 4px;
}

.preview{
width:50%;
display:inline-block;
vertical-align:middle;
padding:5px;
margin:auto;
}
.preview img{
height:64px;
width:64px;
border:1px solid #313131;
}
.preview img:hover{
border:1px solid #da012e;
transition: all 0.7s ease-in-out;
}
.category{
padding:10px;
text-decoration:none;
background-color: #E0FFFF;
font-weight:bold;
//border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
display:block;
}
.categorye{
padding:10px;
text-decoration:none;
background-color: #B0E0E6;
font-weight:bold;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
display:block;
}
.category:hover{
background-color: #F8F8FF;
transition: all 0.5s ease-in-out;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}

.categorye:hover{
background-color: #F8F8FF;
transition: all 0.5s ease-in-out;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}

.links span{
display:inline-block;
float:right;
padding:4px 8px;
margin-top:-4px;
background:rgba(32, 32, 32, 0.15);
border-radius:4px;
}

.esas{
padding:10px;
text-decoration:none;
background-color: #F5F5F5;
font-weight:bold;
//border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
display:block;
font-weight:bold;
}

.hov, .sub{
padding:10px;
text-decoration:none;
background-color: #F5F5F5;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
display:block;
font-weight:bold;
}

.raz {
    background:rgba(32, 32, 32, 0.12);
    padding: 13px;
    color: #888888;
    border-radius: 4px;
    font-weight: bold;
    display: block;
    margin: 5px 0;
    border: 1px solid #ccc;
}

.count {
    display: inline-block;
    min-width: 10px;
    padding: 5px 7px 3px 7px;
    font-weight: bold;
    font-size: 11px;
    line-height: 1;
    margin-top: -2px;
    float: right;
    color: #fff;
    text-shadow: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background:rgba(32, 32, 32, 0.50);
    border-radius: 3px;
}

.hov a span{
display: inline-block;
    padding: 10px 10px;
    margin-right: 0px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.hov span{
display: inline-block;
    padding: 10px 10px;
    margin-right: 0px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #A9A9A9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#A9A9A9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #A9A9A9);
}

.pages {
       font-weight:bold; clear:both; border-bottom:1px solid #bf2604;border-top:1px solid #ff967f;
padding:8px;color:#fff;
background:#de2e07 url(/img/c1.gif) repeat-x;
}
.pages a, .pages b {
border: 1px solid #BE2E0D;
border-radius: 4px;
cursor: pointer;display:inline-block;
padding:  5px 8px;
vertical-align: middle;
margin: 1px 2px;
}
.pages b{
background-color: #2D2B2B;
color: #fff;
        }
/*Menu---------------------------------------------------------------*/
.categorys
{
display:block;
width: 100%;
background:#fff
}
.categorys a
{
background:  url(/img/links.gif)repeat-x  #fce6ce;
  font-weight:bold;
border-bottom:1px solid #f2c38f; border-top:1px solid #fff;
display:block; font-weight:bold;
width: 100%;
}

.aut_count
{
margin: -3px 0 0 -9px;
background: url(/img/m.png) repeat-x top #2d90ff;
position: absolute;
border-radius: 8px;
line-height: 16px;
min-height: 16px;
min-width: 16px;
font-size: 75%;
color: #fff;
}

.tile-menu{
overflow:hidden;
margin:0 5px;
/*margin:0 10px 20px 10px;
*/
}

.tile-menu__wrap{float:left;width:33%;height:115px;margin-bottom:19px;}@media all and (min-width:900px){.tile-menu__wrap{width:25%;}}.tile-menu__link{text-align:center;display:block;cursor:pointer;background:#fff;text-decoration:none !important;height:115px;border-radius: 10px;margin:0 5px 0 5px;-webkit-box-shadow:0px 3px 5px rgba(93,109,157,0.3);-moz-box-shadow:0px 3px 5px rgba(93,109,157,0.3);box-shadow:0px 3px 5px rgba(93,109,157,0.3);}.old_browser .tile-menu__link{border:1px solid #dee1e7;}.tile-menu__link:hover{background:#dee1e7;-webkit-box-shadow:inset 0px 3px 4px #c0c0c0;-moz-box-shadow:inset 0px 3px 4px #c0c0c0;box-shadow:inset 0px 3px 4px #c0c0c0;}


.tile-menu__pic{
height:40px;
width:40px;
margin:25px 0 10px 0;
background-position:-9999px -9999px;
display:inline-block;

}
.tile-menu__pic_dating{
background-position:0 0;
}
.tile-menu__pic_users{
background-position:-40px 0;
}
.tile-menu__pic_chat{
background-position:-80px 0;
}
.tile-menu__pic_ads{
background-position:-120px 0;
}
.tile-menu__pic_files{
background-position:0 -40px;
}
.tile-menu__pic_music{
background-position:-40px -40px;
}
.tile-menu__pic_comm{
background-position:-80px -40px;
}
.tile-menu__pic_blogs{
background-position:-120px -40px;
}
.tile-menu__pic_online-games{
background-position:0 -80px;
}
/* .tile-menu__pic_forum{
background-position:0 -116px;
}
.tile-menu__pic_auto{
background-position:-40px -116px;
}
.tile-menu__pic_sport{
background-position:-80px -116px;
}
.tile-menu__pic_games{
background-position:0 -156px;
}
*/ .tile-menu__title{
height:17px;
color:#323232;
word-break:break-all;
font-weight:bold;
font-size:87.5%;
/* 14/16 = 0,875 */
}