/*
Theme Name: Qapper
Theme URI: qapper.ru
Author: Ansy Qapper
Description: Qapper is a minimal responsive theme with plenty of premium features 
including numbered page navigation, responsive slider, 
Customizable Header & Footer, 4 Page Layouts, Custom Widgets & User Friendly Time Display. 
Qapper also has a powerful admin options panel, which lets you modify your site to a great 
extent. Qapper Theme is best suited for Blog/Magazine type Wordpress sites. .pot 
file has been provided, 
so that you can translate the theme into your own language.
Version: 1.0.6.4
License: GNU General Public License
Text Domain: Qapper
Tags: light, custom-background, two-columns, right-sidebar, flexible-width, custom-menu, sticky-post, theme-options, threaded-comments, translation-ready, gray, left-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Qapper is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Qapper WordPress Theme, Copyright 2015 Ansy Qapper.
Qapper WordPress Theme is distributed under the terms of the GNU GPL v3.
*/
/*  */
@font-face {
    font-family: "Open sans";
   
    font-style: normal;
    font-weight: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: "Open sans" !important;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	text-decoration: none;
}
a{
	text-decoration: none;
}
h3 a{
	color: #3b5c6e;
    font-size: 20px;
    font-weight: 600;
	text-decoration: none;
}
h3 a:hover{
	color: #08E425;
	text-decoration: none; 
}
h3 a:active{
	color: #08E425;
	text-decoration: none;
}
body {
	  /* background-image: url(img/back.jpg);*/
	background-color: #f4f4f0;
	
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
p{
	color: #966;
}
.head{
	background: url(img/fea.png) no-repeat center top;
	background-size: cover;
	padding: 30px;
}

.tegs{
	width: 90%;
	text-align: center;
	line-height: 22px;
	margin: 0;
			
}
a.tegs{
	text-decoration: none;
	border-radius: 3px;
	/*padding: 3px;*/
	display: inline;
	color: #f9f1ee;
	padding: 5px;
}
  a:hover.tegs{
  color: #19F936;
  text-decoration: none;
}
.logotip{
	margin: 10px 20px;
}

#logo {
/*float: left;
    height: 50px;
    width: 210px;
    background-size: contain;
    background-image: url(img/12.png);
    background-repeat: no-repeat;
    margin: 50px 10px;*/
}

#logo img{
padding: 5px;
}
/*@keyframes rotate{ 
	from { 
		transform:  rotate(0);
		}	
	to {
		transform: rotate(360deg);
	}
} 
@-moz-keyframes rotate{from {-moz-transform:  rotate(0);}	to {-moz-transform: rotate(360deg);}} 
@-webkit-keyframes rotate{from {-webkit-transform:  rotate(0);}	to {-webkit-transform: rotate(360deg);}} 

@keyframes hoveri{ 
	from { 
		transform:  scale(0);
		}	
	to {
		transform: scale(1.3);
	}
} 
@-moz-keyframes hoveri{from {-moz-transform:  scale(0);}	to {-moz-transform: scale(1.3);}} 
@-webkit-keyframes hoveri{from {-webkit-transform:  scale(0);}	to {-webkit-transform: scale(1.3);}} 

@keyframes animimg{
from {transform: scale(1.0);}
to {transform: scale(1.1);}
}
@-moz-keyframes animimg{
from {transform: scale(1.0);}
to {transform: scale(1.1);}
}
@-webkit-keyframes animimg{
from {transform: scale(1.0);}
to {transform: scale(1.1);;}
}

#content .gallery-item:hover {
	animation:animimg 0.5s 1;
	-webkit-animation:animimg 0.5s 1;
	-moz-animation:animimg 0.5s 1;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}	

#logo img:hover {
	/* анимировать будем при наведении мыши на картинку */
	
	/* имя анимации, длительность, продолжительность циклов, "задержки" 
	animation: rotate 0.7s infinite linear; 
	-moz-animation: rotate 0.7s infinite linear;
	-webkit-animation: rotate 0.7s infinite linear;
	
	/* 
	
	-webkit-animation-name —  имя анимации
	-webkit-animation-duration — время проигрывания анимации
	-webkit-animation-timing-function — метод расчета промежуточных значений свойств для анимации
	-webkit-animation-delay — задержка анимации
	-webkit-animation-iteration-count — количество циклов анимации
	-webkit-animation-direction — направление анимации
	-webkit-animation-play-state — проигрывается ли анимация или стоит на паузе

	*/}*/


#content{
	/*float: left;
	background-color: #fff;
	width: 780px;
	border: 2px solid #CDCEC6;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
	padding: 10px 5px 50px 10px;*/
}


/*Navigation*/
#navigation-block {
	    margin-top: 20px;
	/*float: right;
	background-color: #fff;
	margin-right: 56px;*/
}
#sliding-navigation ul ul {
    display: none;
    float: left;
    position: absolute;
    left: 100%;
    z-index: 99999;
    margin-top: -50px;
    background: rgba(0, 0, 0, 0.8);
    height: auto;
}
#sliding-navigation ul ul a {
    color: #eee;
}
#sliding-navigation ul ul ul {
    position: absolute;
    left: 100%;
    margin-top: -50px;
}
#sliding-navigation ul ul a {
    min-width: 200px;
    max-width: 255px;
    font-size: 14px;
    font-weight: normal;
    color: #1FC534;
	padding: 4px 20px;
}
#sliding-navigation ul ul a:hover {
	border-top: 0px;
	box-shadow: none;
	padding: 0px 20px;
}
#sliding-navigation li {
	display: block;
    font-size: 16px;
	line-height: 25px;
}
#sliding-navigation a {
  display: block;
  color: #1FC534;
  text-decoration: none;
  font-weight: normal;
  padding: 0px 15px;
}
#sliding-navigation a:hover {
  border-top: none;
  padding: 0px 15px;
  box-shadow: none;
  color: #19F936;
}
#sliding-navigation ul ul li:hover > a {
  border-top: none;
  padding: 4px 20px;
}
dt a img{
	width:100%;
	height: 150px;
}
.attachment img {
	width: 100%;
}
dd {
    background: #fff;
    padding: 15px 10px;
	box-shadow: 0 0 15px #dbdad6;
}

/*gallery
.attachment img {
	border: none;
	/*height: 350px;
	max-width: 99%;
	min-width: 235px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#gallery .gallery-item img {
	margin: 0;
	background-color: #C1C1CD;
	max-height: 170px;
	min-height: 150px;
	min-width: 247px;
	padding: 2px 3px 25px 3px;
    border: none;
}
.gallery-icon dt {
	max-height: 170px; 
}
.gallery-icon img{
	max-height: 170px;
	min-height: 150px;
	min-width: 247px;
	border-radius: 4px;
	background-color: #fff;
    padding: 2px 2px 25px 2px;
}
.gallery-item dl{
	background-color:#565656;
}
#gallery .gallery-caption {
    margin-top: -25px;
}

.gallery-caption{
	color: #71827F;
	margin-top: -28px;
	font-weight: 600;
}
*/
.gallary img{
	border: none;
}
.gallery-item {
    padding: 0px 10px 0px 0px;
 }
 #gallery-1 img {
    border: none;
}
/*.nav-previous{
	padding: 0px 10px;
	position: absolute;
}
.nav-home{
    padding: 0px 350px;
	width: 150px;

}
.nav-next{
	width: 120px;
	margin: -25px 0px;
	float: right;
}*/
.entry-header a{
	color: #337ab7;
}
.entry-header a:hover{
	color: #337ab8;
	text-decoration: none;
	
}
.entry-header a:active{
	color: #337ab8;
	text-decoration: none;
}
#image-navigation{
	padding: 5px 0px 15px 0px;
}
.PanelTegs {
    padding: 20px 0 17px;
    overflow: hidden;
    background: #3D4037;
}
.PanelTegs .wrap {
    width: 94%;
    margin: 0 auto;
    max-width: 1260px;
}
.PanelTegs .catalog {
    float: left;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.PanelTegs .site {
   
    float: right;
    color: #7F7F7F;
    font-size: 10px;
    line-height: 12px;
}
#sliding-navigation{
	/* box-shadow: 0 0 15px 0 #dbdad6; */
	/* background: #fff; */
	padding: 10px 0px;
}
.post-ratings img, .post-ratings-loading img, .post-ratings-image img {
    border: 0;
    padding: 0;
    margin: 0;
    width: auto;
    float: left;
	padding: 2px;
}
div.post-ratings img {
	padding: 2px;
}
.btn {
            margin: 5px;
			padding:0;
        }

        .btn-icon {
            padding-top: 0;
            padding-bottom: 0;
        }
        .btn > .icon {
            position: relative;
            left: -.75rem;
            display: inline-block;
            padding: .375rem .75rem;
            background: rgba(0, 0, 0, 0.15);
            border-radius: .25rem 0 0 .25rem;
        }
.abstract-label-bottom {
	position: absolute;
    bottom: 50px;
    background: rgba(255, 255, 255, 0.81);
    padding: 10px;
}
.metrika{
max-height: 60px;
max-width: 100px;	
}
.attachment {
    margin: 10px 0px 10px 0px;
}
.nav-next{
	text-align: right;
}
.nav-home{
	text-align: center;
}
.entry-meta{
	padding: 5px 0px;
}
.pluso{
	    padding: 5px 0px 0px 5px;
}