body{margin:0; padding:0;}
.allbody {
    background:url(../images/fonka.jpg) repeat center;
	color:#dfc176;
    font-family: ;
	margin:0;
	padding:0;
}


.mainbody {
    background:#740f29;
	color:#dfc176;
    font-family: ;
	margin:0;
	padding:0;
}
#tilesgal a{
	display:block;
	max-width:98%;
	text-align:center;
}
#tilesgal a img{max-width:100%;}
ul{list-style-type:none; margin:0; padding:0;}
footer{margin:20px 0 0 0; padding:10px 0; background:rgba(0,0,0,0.4); color:#f0f0f0;}
a{text-decoration:none;}
.lal{background:rgba(210,181,113,0.7);}
.clear{clear:both;}
.mobmenu{display:none;}
textarea{color:#fff;}
.social{margin:5px auto; display:flex;justify-content:space-around;}
.social a{display:block; width:40px; height:40px;position:relative;}
.noi{top:0;left:0;position:absolute;z-index:2;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.noi:hover{opacity:0;}
.i{top:0;left:0;position:absolute;z-index:1;}
.social a img{height:35px; height:35px;}

.telo{position:relative;}
.toupdesc{position:fixed;bottom:10px;right:0px;width:50px;height:50px;cursor:pointer;display:none;}
.toupdesc img{width:50px;height:50px;}
.nohup{top:0;left:0;position:absolute;z-index:2;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;}
.nohup:hover{opacity:0;}
.hup{top:0;left:0;position:absolute;z-index:1;}

.toupmob{width:50px;height:50px;position:fixed;bottom:30px;right:18px;display:none;}
.toupmob img{width:50px;height:50px;}
  
#totop{display:none; background:rgba(0,0,0,0.2); position:fixed; left:0px; top:0px; font-family:arial; width:100px; height:100%; text-align:center; vertical-align:top; color:#fff; padding-top:20px;  cursor:pointer;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#totop:hover{background:rgba(210,181,113,0.8); color:#740f29;}


@media only screen and (min-width:1290px) {
.mainlogoiname{width:500px; margin:100px auto 0 auto;}
.mainlogo{max-width:520px; width:100%;}
.mainlogo img{width:98%; margin:0 auto;}
.podimyamain{width:1200px; margin:20px auto 0 auto; height:50px;}
.mainnamel{ font-family:UKIJ Qolyazma; font-size:26px; padding:10px 0; float:left;}
.mainnamer{ font-family:UKIJ Qolyazma; font-size:26px; padding:10px 0; float:right;}

.mainmenu{width:1200px; height:50px; margin:80px auto 0 auto; text-align:center;}
.mainmenu a{display:inline-block; color:#dfc176; font-size:20px; font-family:UKIJ Qolyazma; padding:8px 7px 2px 7px; margin:0 5px; border:1px solid #dfc176; border-radius:3px;}

.header{height:240px; width:1200px; margin:0 auto; text-align:center;}
.logo{margin-top:30px;}

.podlogo{height:40px; width:600px; margin:0 auto;}
.namel{ font-family:UKIJ Qolyazma; font-size:22px; padding:10px 0; float:left; color:#740f29; font-weight:bold;}
.namer{ font-family:UKIJ Qolyazma; font-size:22px; padding:10px 0; float:right; color:#740f29; font-weight:bold;}


.topmenu{height:50px; width:100%; background:rgba(0,0,0,0.4);}
.topka{width:1200px; margin:0 auto; text-align:center;}
.topka a{display:inline-block; color:#fff; font-family:UKIJ Qolyazma; font-size:18px; padding:18px 15px 7px 15px; margin:0 10px;}
.topka a:hover{background:rgba(0,0,0,0.3);}

.telo{width:1170px; margin:20px auto 0 auto; min-height:500px; border:1px solid #c29428; background:rgba(210,181,113,0.7); font-family:UKIJ Qolyazma; font-size:18px; color:#740f29; padding:15px;}

.copiryght{width:1200px; margin:0 auto; padding:10px 0; font-family:UKIJ Qolyazma;}

.left{float:left; width:250px;}
.menu li{ margin:0 0 10px 0;}
.menu li a{display:block; padding:15px 10px 6px 10px; border:1px solid #c4921c; border-radius:2px; color:#740f29; font-size:20px; font-weight:bold;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
}
.menu li a:hover{background:rgba(210,181,113,0.9); border:1px solid #740f29; }

.sorttovar{width:905px; float:right;}
.shortstory{width:440px; height:290px; border:1px solid #c4921c; display:inline-block; border-radius:3px; margin:3px 4px; background:rgba(210,181,113,0.7); overflow:hidden;}
.shortimage{width:440px; height:290px; display:block; overflow:hidden; text-align:center; overflow:hidden;}
.shortimage img{display:block; width:100%;}
.mobtitle{display:none;}

.photo {display:block; text-align:center;}
.photo  img{max-width:80%;}

.tag{text-align:center;}
.tag a{display:inline-block; margin:5px 4px 20px 4px; padding:15px 20px 6px 20px; border-radius:3px; color:#fff; background:rgba(0,0,0,0.3);
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
}
.tag a:hover{background:rgba(0,0,0,0.5);}

.bread{margin:0 0 10px 0; padding:7px 0 2px 10px; border:1px solid #cb9f48; font-size:16px; background:rgba(203,159,72,0.3);}
.bread a{text-decoration:underline; color:#f0f0f0;}

.short-blog{padding:10px; border-bottom:1px solid #740f29;}
.sb-title{padding:15px 5px 0px 15px; background:rgba(0,0,0,0.3);}
.sb-title h2{margin:0; padding:0; font-size:22px;}
.sb-title a{color:#fff;}
.sb-date{background:rgba(0,0,0,0.3); color:#fff; font-size:16px; padding:0 0 5px 20px;}
.sb-intro{padding:15px 0 5px 0;}
.shortimgblog{display:block; width:200px; height:180px; margin:0 10px 10px 0; overflow:hidden; float:left;}
.shortimgblog img{max-width:200px; max-height:200px;}
.sb-link{color:#fff; text-decoration:underline;}

.grid_3{border:1px solid #740f29; padding:10px 5px 10px 5px; font-family:UKIJ Qolyazma; width:350px; background:rgba(0,0,0,0.4); color:#fff;}
.grid_6{font-family:UKIJ Qolyazma; width:350px; border:1px solid #740f29; padding:10px 5px 10px 5px; background:rgba(0,0,0,0.4); color:#fff;}
.ver{font-family:UKIJ Qolyazma; border:1px solid #740f29; padding:10px 5px 10px 5px; margin:0px 10px 0px 0; display:block; width:136px; background:rgba(0,0,0,0.4); color:#fff;}
.feed{margin:0;}
.subeform{background:#740f29; border-radius:4px; border:1px solid #333; padding:10px 20px; font-size:18px; color:#fff;}
}

@media only screen and (min-width:700px) and (max-width:1200px) {
.mobmenu{height:60px; display:block; width:60px; margin:0px auto 20px auto; cursor:pointer; background:url(../images/hidemenu.png) no-repeat center;}
.topmenu{width:100%; background:rgba(0,0,0,0.4);}
.topka{width:100%; margin:0 auto; text-align:center; display:none; padding-bottom:15px;}
.topka a{display:block; color:#fff; font-family:UKIJ Qolyazma; font-size:18px; padding:18px 15px 7px 15px; margin:0 10px 15px 10px; border:1px solid #fff;}
.topka a:hover{background:rgba(0,0,0,0.3);}
}

@media only screen and (min-width:1201px) and (max-width:1289px) {
.mobmenu{height:60px; display:block; width:60px; margin:0px auto 20px auto; cursor:pointer; background:url(../images/hidemenu.png) no-repeat center;}
.topmenu{width:100%; background:rgba(0,0,0,0.4);}
.topka{width:100%; margin:0 auto; text-align:center; display:none; padding-bottom:15px;}
.topka a{display:inline-block; color:#fff; font-family:UKIJ Qolyazma; font-size:18px; padding:18px 15px 9px 15px; margin:0 10px 15px 10px; border:1px solid #fff;}
.topka a:hover{background:rgba(0,0,0,0.3);}
}

@media only screen and (min-width:700px) and (max-width:1289px) {

.mainlogoiname{width:300px; margin:40px auto 0 auto;}
.mainlogo{max-width:300px; width:100%;}
.mainlogo img{width:98%; margin:0 auto;}
.podimyamain{width:96%; margin:20px auto 0 auto; height:50px;}
.mainnamel{ font-family:UKIJ Qolyazma; font-size:26px; padding:10px 0; float:left;}
.mainnamer{ font-family:UKIJ Qolyazma; font-size:26px; padding:10px 0; float:right;}

.mainmenu{width:96%; height:50px; margin:0px auto 30px auto; text-align:center;}
.mainmenu a{display:block; color:#dfc176; font-size:22px; font-family:UKIJ Qolyazma; padding:16px 4px 6px 4px; margin:20px 3px; border:1px solid #dfc176; border-radius:3px;}

	
.header{height:240px; width:98%; margin:0 auto; text-align:center;}
.logo{margin:30px auto 0 auto;}

.podlogo{height:40px; width:100%; margin:0 auto;}
.namel{ font-family:UKIJ Qolyazma; font-size:20px; padding:10px 0; float:left; color:#740f29; font-weight:bold;}
.namer{ font-family:UKIJ Qolyazma; font-size:20px; padding:10px 0; float:right; color:#740f29; font-weight:bold;}

.photo {display:block; text-align:center;max-width:90%;}
.photo  img{max-width:100%;}


.telo{width:96%; margin:20px auto 0 auto; min-height:500px; border:1px solid #c29428; background:rgba(210,181,113,0.7); font-family:UKIJ Qolyazma; font-size:18px; color:#740f29; padding:1.8%;}

.copiryght{width:96%; margin:0 auto; padding:10px 0; font-family:UKIJ Qolyazma;}

.left{float:left; width:28%;}
.menu li{ margin:0 0 10px 0;}
.menu li a{display:block; padding:15px 10px 6px 10px; border:1px solid #c4921c; border-radius:2px; color:#740f29; font-size:20px; font-weight:bold;}
.menu li a:hover{background:rgba(210,181,113,0.9); border:1px solid #740f29; }

.sorttovar{width:70%; float:right;}
.shortstory{width:47%;  border:1px solid #c4921c; display:inline-block; border-radius:3px; margin:3px 1%; background:rgba(210,181,113,0.7); overflow:hidden;}
.shortimage{width:100%;  display:block; overflow:hidden; text-align:center; overflow:hidden;}
.shortimage img{width:100%; display:block;}
.mobtitle a{color:#f0f0f0; background:rgba(0,0,0,0.3); padding:8px; text-align:center; display:block; overflow:hidden;}

.tag{text-align:center;}
.tag a{display:inline-block; margin:5px 4px 20px 4px; padding:15px 20px 6px 20px; border-radius:3px; color:#fff; background:rgba(0,0,0,0.3);}

.bread{margin:0 0 10px 0; padding:7px 0 2px 10px; border:1px solid #cb9f48; font-size:16px; background:rgba(203,159,72,0.3);}
.bread a{text-decoration:underline; color:#f0f0f0;}

.short-blog{padding:10px; border-bottom:1px solid #740f29;}
.sb-title{padding:15px 5px 0px 15px; background:rgba(0,0,0,0.3);}
.sb-title h2{margin:0; padding:0; font-size:22px;}
.sb-title a{color:#fff;}
.sb-date{background:rgba(0,0,0,0.3); color:#fff; font-size:16px; padding:0 0 5px 20px;}
.sb-intro{padding:15px 0 5px 0;}
.sb-link{color:#fff; text-decoration:underline;}
.shortimgblog{display:block; width:200px; height:180px; margin:0 10px 10px 0; overflow:hidden; float:left;}
.shortimgblog img{max-width:200px; max-height:200px;}

.grid_3{border:1px solid #740f29; padding:10px 5px 10px 5px; font-family:UKIJ Qolyazma; width:350px; background:rgba(0,0,0,0.4); color:#fff;}
.grid_6{font-family:UKIJ Qolyazma; width:350px; border:1px solid #740f29; padding:10px 5px 10px 5px; background:rgba(0,0,0,0.4); color:#fff;}
.ver{font-family:UKIJ Qolyazma; border:1px solid #740f29; padding:10px 5px 10px 5px; margin:0px 10px 0px 0; display:block; width:136px; background:rgba(0,0,0,0.4); color:#fff;}
.feed{margin:0;}
.subeform{background:#740f29; border-radius:4px; border:1px solid #333; padding:10px 20px; font-size:18px; color:#fff;}

}

@media only screen and (max-width:700px) {
body{font-family:UKIJ Qolyazma;}

.header{height:240px; width:100%; margin:0 auto; text-align:center;}
.logo{ max-width:80%; margin:30px auto 0 auto;}

.podlogo{height:40px; width:90%; margin:0 auto;}
.namel{ font-family:UKIJ Qolyazma; font-size:20px; padding:10px 0; float:left; color:#740f29; font-weight:bold;}
.namer{ font-family:UKIJ Qolyazma; font-size:20px; padding:10px 0; float:right; color:#740f29; font-weight:bold;}

.mobmenu{height:60px; display:block; width:60px; margin:0px auto 20px auto; cursor:pointer; background:url(../images/hidemenu.png) no-repeat center;}
.topmenu{width:100%; background:rgba(0,0,0,0.4);}
.topka{width:100%; margin:10px auto; text-align:center; display:none; padding-bottom:20px;}
.topka a{display:block; color:#fff; background:rgba(0,0,0,0.4); font-family:UKIJ Qolyazma; font-size:20px; padding:18px 15px 7px 15px; margin:10px 10px;}
.topka a:hover{background:rgba(0,0,0,0.3);}

.left{float:left; width:100%;}
.menu{margin:5px 0 20px 0;}
.menu li{ margin:0 auto 10px auto; width:98%;}
.menu li a{display:block; padding:15px 10px 6px 10px; border:1px solid #c4921c; border-radius:2px; color:#740f29; font-size:20px; font-weight:bold;}

.bread{display:none;}
.tag{display:none;}

.telo{background:rgba(210,181,113,0.7); padding:10px 15px; color:#740f29; font-size:18px;}

.sorttovar{max-width:440px; width:98%; margin:0 auto;}
.shortstory{max-width:440px; border:1px solid #c4921c; display:block; text-align:center; border-radius:3px; margin:18px auto; background:rgba(210,181,113,0.7); overflow:hidden;}
.shortimage{max-width:440px; display:block; overflow:hidden; text-align:center; overflow:hidden;}
.shortimage img{width:100%; margin:0 auto; display:block;}
.mobtitle a{color:#f0f0f0; background:rgba(0,0,0,0.3); padding:8px; text-align:center; display:block; overflow:hidden;}

.mainlogoiname{width:300px; margin:20px auto 0 auto;}
.mainlogo{width:94%; margin:0 auto;}
.mainlogo img{width:100%; margin:0 auto;}
.podimyamain{width:94%; margin:30px auto 0 auto; height:50px;}
.mainnamel{ font-family:UKIJ Qolyazma; font-size:22px; padding:10px 0; float:left;}
.mainnamer{ font-family:UKIJ Qolyazma; font-size:22px; padding:10px 0; float:right;}

.mainmenu{width:96%; margin:40px auto 30px auto; text-align:center;}
.mainmenu a{display:block; color:#dfc176; font-size:20px; font-family:UKIJ Qolyazma; text-align:center; padding:16px 4px 6px 4px; margin:15px 3px; border:1px solid #dfc176; border-radius:3px;}

.short-blog{padding:2%; border-bottom:1px solid #740f29;}
.sb-title{padding:15px 5px 0px 15px; background:rgba(0,0,0,0.3);}
.sb-title h2{margin:0; padding:0; font-size:22px;}
.sb-title a{color:#fff;}
.sb-date{background:rgba(0,0,0,0.3); color:#fff; font-size:16px; padding:0 0 5px 20px;}
.sb-intro{padding:15px 0 5px 0;}
.sb-link{color:#fff; text-decoration:underline;}
.shortimgblog{display:block; width:200px; height:180px; margin:20px auto; overflow:hidden; text-align:center;}
.shortimgblog img{max-width:200px; max-height:200px;}

.photo {display:block; text-align:center;max-width:90%; text-align:center; margin:0 auto;}
.photo  img{max-width:100%;}

.full-blog h1{margin:0 0 5px 0; padding:5px; font-size:24px;}

.grid_3{border:1px solid #740f29; font-size:20px; padding:10px 5px 10px 5px; font-family:UKIJ Qolyazma; width:350px; background:rgba(0,0,0,0.4); color:#fff;}
.grid_6{font-family:UKIJ Qolyazma; font-size:20px; width:350px; border:1px solid #740f29; padding:10px 5px 10px 5px; background:rgba(0,0,0,0.4); color:#fff;}
.ver{font-family:UKIJ Qolyazma; font-size:20px; border:1px solid #740f29; padding:10px 5px 10px 5px; margin:0px 10px 0px 0; display:block; width:136px; background:rgba(0,0,0,0.4); color:#fff;}
.feed{margin:0;}
.subeform{background:#740f29; border-radius:4px; border:1px solid #333; padding:10px 20px; font-size:18px; color:#fff;}
}