/*   
Theme Name: Animated-site
Theme URI: http://set-holl/
Description: Бесплатный адаптивно анимационный шаблон, от Русских разработчиков, который разрабатывался исключительно для блога. Animated-site предоставит вам большие возможности его модернизации внутри консоли. Буквально за пару минут вы сможете изменить цветовое оформление сайта, добавить дополнительные виджеты, карусель или вовсе их убрать, так-же вы можете полностью управлять графическим дизайном шаблона. И это еще не всё. В скором времени, вас ждет еще больше крутых возможностей! https://vk.com/serega_weert
Author: Serega Krainik
Version: 1.3
License URI: vk.com/serega_weert
Tags: one-column,  accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: pppp
Author URI: https://vk.com/serega_weert
License: adk_serega
*/
body:hover {
    -webkit-transition: all 5s;
	-o-transition: all 5s;
    transition: all 2s;
}
.igm{
	max-width: 100%; 
	height: auto;
}
.col-6.col-sm-8.col-lg-4 {
    background: honeydew;
}
.tik_tak {
    margin: 30px 1px 1px 1px;
}
.avtor_data {
    margin: 0px 0px 10px 1px;
    color: chocolate;
    font-size: 16px;
}
.avtor_vasa{
color: chocolate;
    font-size: 16px;	
}

/*END*/
.footer_babaia {
    text-align: center;
    font-size: 22px;
    color: chocolate;
}

/*Навигация по поставм*/
.next_ex a {
    color: brown;
    font-size: 16px;
    float: left;
}
.next_en a {
    color: brown;
    font-size: 16px;
    float: right;
}

.navi_post {
    text-align: center;
    color: brown;
    font-size: 22px;
}
/**
*Навигация по постам^^^^^
**/
.list-group li {
    color: darkorange;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 5px 10px 10px -25px;
    border-radius: 53px;
}
.list-group h3{
    text-align: center;
    background-color: beige; 
    padding: 22px;
    border-radius: 22px;
    max-width: 1200px;
}
.list-group li:hover {
	background-color: blanchedalmond;
    /*background-color: mintcream;*/

	transition: all 1s;
	transform: scale(1.1);
}

.list-group a:hover{
	text-decoration: none;
    display: block;
    color: #000000;
    font-size: 16px;
    text-align: center;
}
/**
*Виджеты, не всё.^^^^;
**/
.zagolovok_xd:hover {
    color: peru;
    padding: 10px 15px;
    /* margin-bottom: -1px; */
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 5px 10px 10px -25px;
    border-radius: 53px;
    max-width: 1200px;
    text-align: center;
    -webkit-transition: all 5s;
	-o-transition: all 5s;
    transition: all 1s;
}

body:hover {
    background-color: #fafafa;
    color: black;
    -webkit-transition: all 5s;
	-o-transition: all 5s;
    transition: all 2s;
}
/**
* Это все анимация
**/
.item img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
/**
* Стиль карусели
**/
.panel-title{
text-decoration: none;
}
/**
* Загрузка сайта
**/
.pan,
.loader {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.loader .loader_inner {
	background-image: url("img/preloader.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-posirion: center;
	background-color: #fff;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	left: 50%;
	top: 50%;
	position: absolute;
}
/**
*Виджеты главной шаблона
**/
.open_zver {
    margin: 5px 0px 5px 0px;
}
.open_zver_dva {
    margin: 5px 0px 5px 0px;
}
.open_zver_tri {
    margin: 5px 0px 5px 0px;
}
/**
*Комментарии
**/
div#comments {
    float: left;
}
textarea.form-control {
    height: auto;
    max-width: 400px;
}
/**
*Навигация
**/
.navigation_col {
    text-align: center;
    font-size: 22px;
}
.prev.page-numbers {
    text-decoration: none;
    color: darkorange;
    position: relative;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 5px 30px 10px -25px;
    border-radius: 53px;
    max-width: 150px;
}
.page-numbers  {
    text-decoration: none;
    color: darkorange;
    position: relative;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 5px 30px 30px -25px;
    border-radius: 53px;
    max-width: 50px;
}
a.page-numbers {
    text-decoration: none;
}
span.page-numbers.current {
    color: lightgrey;
}
/**
*Картинки
**/
img.blosk_img {
    margin: 0 0 0 80px;
}
p.blosk_img {
    text-align: center;
}
/****Стилизация******/
#customize-controls .description {
    color: cornflowerblue;
}
/**
*Изображение в постах, деляю адаптивные
**/
img{
    max-width: 98%;
    height: 22%;
}
/**
*Делаю меню, верхнее
**/
/*.header_menu li {
    float: left;
    margin: -3px 0 0 30px;
    border: 1px solid;
    padding: 5px;
    background-color: coral;
}*/

.header_menu li {
    color: darkorange;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: -2px 2px 10px 20px;
    border-radius: 53px;
    max-width: 300px;
    float: right;
}
/**
*Подвал
**/
.row.foter_info {
    text-align: center;
}
/**
*Виджеты подвала
**/
p.foter_figet {
    text-align: center;
}
/**
*Виджеты
**/

#foorer_vi_3 li {
    display: block;
    
}

/*заголовок, лого*/
.a.navbar-brand {
    background-color: cadetblue;
    max-width: 200px;
    border-radius: 22px;
    margin: 0 0px 0px 20px;
}
.navbar-brand {
    color: #fff;
}


#breadcrumb li{
   /* list-style:none;*/
    display:inline-block;
    font-size: 20px;
    margin-right: 5px;
    text-decoration: none;
}

.krohki.row {
    margin: 0 0 0 -53px;
}
#breadcrumb li:hover{
   text-decoration: none;
}
/**
*Комментарии
**/
.media-body {
    background-color: #fff;
    margin-right: 54px;
    max-width: 520px;
    display: block;
    margin: -64px 0px 14px 82px;
}
img.avatar.avatar-64.photo.media-object {
    height: 100%;
    width: 100%;
    margin: 0px 4px 0 0px;
}
div#comments {
    max-width: 100%;
}