/*
Theme Name: U Create
Theme URI: https://goodwinpress.ru/u-create
Author: GoodwinPress
Author URI: http://www.goodwinpress.ru
Description: Новый шаблон U Create (Ю Криэйт,  Ты Создаешь) предназначен для создания WP-сайтов любой тематики. Современная тема с обновленной консолью позволяет управлять внешним видом без вмешательства в код и специальных знаний. Широкая, светлая, сфокусированная на Вашем контенте. Отличная читаемость, много функций, простая верстка, минимум кода, порог вхождения - низкий. Шаблон адаптивный, ориентированный как на десктопы, так и на мобильные устройства. Максимальное удобство для пользователей с планшетов и смартфонов. 
Version: 1.0
*/


/*

* Таблица стилей содержит:
 *
 *
 * 01. Присоединить reset 
 * 02. Элементы WP
 * 03. Контейнеры сайта
 * 04. Шапка и лого
 * 05. Основное меню
 * 06. Мобильное меню
 * 07. Колонки сайта
 * 08. Блоки с иконками 
 * 09. Блок с фоном и кнопкой на статичной главной
 * 10. Три верхних изображения на статичной главной
 * 11. Два изображения в нижней части статичной главной
 * 12. Табы с последними записями
 * 13. Выпадающее поле поиска
 * 14. Верхний текстовый блок на статичной главной
 * 15. Кнопки сайта 
 * 16. Заголовки
 * 17. Записи
 * 18. Виджеты сайдбара
 * 19. Списки
 * 20. Внутренняя навигация с эффектом зума 
 * 21. Постраничная навигация
 * 22. Подвал
 * 23. Изображения
 * 24. Социалка
 * 25. Облако меток 
 * 26. Комментарии
 * 27.  Кнопка вверх
 * 28. Календарь
 * 29.  404 страница
 * 30.  Адаптивные стили
 
 *
 */
 
 
 
/*  01 присоединить reset  */ 
 
@import url("css/reset.css"); 

/*  02 Элементы WP  */ 
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden}
dl{margin:0 0 24px}
dt{font-weight:700}
dd{margin-bottom:18px}
strong{font-weight:700}
em, i{font-style:italic; margin-right:6px}
big{font-size:131.25%}
ins{background:#fff; text-decoration:none}
blockquote{width: 90%; border-left: 5px solid #F05B5B; padding-left: 20px; margin: 15px 0 15px 0px; font-size: 17px; color: #F05B5B;}
pre{background:#f7f7f7; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}
abbr, acronym{border-bottom:1px dotted #666; cursor:help}
sup, sub{height:0; line-height:1; position:relative; vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
input, textarea{color:#888; font-size:16px; border:1px solid #EBEBEB; background:#FCFCFC; padding: 5px; vertical-align:middle; outline: none;}
pre{border:1px solid rgba(0,0,0,0.1); margin-bottom:24px; max-width:100%; overflow:auto; padding:12px; white-space:pre; white-space:pre-wrap; word-wrap:break-word}
ol li{margin:0; padding:0 0 10px}
ol{list-style:decimal; margin:15px 0 18px 35px}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul, ol ol, ul ol, ol ul{margin-bottom:0}
table{width:100%; margin:20px 0 40px}
table th{color:#777; text-align:left; padding:15px 14px; font-size:16px; font-weight:700; border:1px solid #eaeaea}
table td{padding:13px 14px; border:1px solid #eaeaea; vertical-align:top}
table tr:nth-of-type(even){background:#fff}
table tr:nth-of-type(odd){background:#fafafa}
.borders{width:100%; height:8px; background:url(img/pattern.png) left bottom repeat-x; margin-bottom:20px; clear:both; display:block}
 
a{text-decoration:underline}
a:hover{text-decoration:underline; cursor:pointer}

 /*  03 Контейнеры сайта  */ 
body{font-family:'Arimo',Arial,sans-serif; font-size:95%; line-height:145%; font-weight:400; color:#666; }
#wrap{width:100%; max-width:1000px; margin:5px auto 20px;  background:#fff;  word-wrap:break-word;  box-shadow:0px 0px 20px #ddd;border-radius: 4px;}
.inner{padding:2% 2%}


/*  04 Шапка и лого  */
.header{
	width:100%;	
	background: url('/wp-content/themes/shkolapodarka/images/bg-top.png') repeat-x;
}

.headerin{
	margin: 0 auto;
    width: 100%;
    max-width: 1000px;
	height: auto;
}
.logo{
    font-size: 50px;
    margin: 18px auto;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
	float: left;
}

.logo img{width: 270px;}
.logo a{text-decoration:none}
.desc, .blog-desc{width:76%;  margin:auto; text-align:center; margin-bottom:40px}
.archive-desc{ margin-bottom:20px}

.archive-desc a, .home-nav  a{background: #80C6D4;
    color: #fff;
    padding: 4px 7px;
    float: left;
    margin-right: 6px;
    margin-bottom: 15px;
	text-decoration: none;
}

.archive-desc a:hover, .home-nav  a:hover{background: #F05B5B; color: #fff;}

.home-nav{
	margin-bottom: 140px;
	margin-top: -10px;}

.home-nav h3  a {
	background: #fff;
    color: #556270;
	padding: 0;
	float: none;
	text-decoration: underline;
}

.home-nav h3  a:hover {
	background: #fff;
    color: #F05B5B;
}
	
.home-nav h3 {
	clear: both;
	padding: 10px 0 5px;
}

.home-nav p {margin-bottom: 0;}

/*  05 Основное меню  */ 
.menunav{width:100%; z-index:1001; margin:0; margin-bottom:30px; line-height: 135%; padding-top: 41px;
text-align: right;}
.menunav ul{margin:0; list-style-type:none;}
.menunav ul li{position:relative; display:inline-block; text-align:center; padding:0; position:relative; z-index:101}
.menunav ul li:first-child{margin:0; z-index:1}
.menunav ul li{font-size: 15px; padding: 0 9px 20px 8px; border: none}
.menunav li a{text-decoration:none; font-weight:400; display:block; border-bottom: 1px solid}
.menunav li a:hover{text-decoration:none; border-bottom: 0; color: #fff;}
* html .menunav ul li a{display:inline-block}
.menunav ul li ul{position:absolute; height:auto; top:40px; left:-87px; display:none; visibility:hidden; width:240px; padding:15px 0; border-radius:5px}
.menunav ul li ul li{display:list-item; float:none; border:none; padding:8px 0 8px 0px; margin-left:0}
.menunav ul li ul li ul{top:0}
.menunav ul li ul li a{}
.menunav ul li ul li a:hover{}
* html .menunav{height:1%}
.menunav ul li ul li ul{position:absolute; height:auto; top:-16px; left:240px; display:none; visibility:hidden; width:240px; margin-left:-1px; border-radius:5px}
.menunav ul li > ul:after{ content:"";  width:0;  height:0;  position:absolute;  top:-11px;  left:42%;  border-left:15px solid transparent;  border-right:15px solid transparent}
.menunav ul li ul li> ul:after{border:none}
.menunav .fa-search{cursor: pointer}


.menu ul li  {color: #39B9E2; padding-bottom:0 !important;}
ul .sub-menu{margin-left:35px !important; font-size: 13px; list-style: square;}
.sub-menu li{padding: 0 0 10px !important;}

#menu-item-1336,#menu-item-1338,#menu-item-1340,#menu-item-1341,#menu-item-1342,#menu-item-1343,#menu-item-1344,#menu-item-1345{display:none}
/*  06 Мобильное меню  */ 
#mob{margin:-15px auto 20px; text-transform:uppercase; display:none; text-align:center;  font-family:'Roboto Condensed',sans-serif; font-weight:700}
#mob a{text-decoration:none}
#mobilemenu{ font-weight:400}
#mobilemenu .fa-search{cursor: pointer}


/* Меню сатбар */ 


/*  07 Колонки сайта  */ 
.full-width-container{width:100%; margin:0 auto}
.full-width-container:after, fullwidth-container:after{content:""; display:table; clear:both}
.maincol{width:71.5%; float: left;}
.maincolvideo {width:70%; float: left; margin-right: 2%;}
.sidebar{width:28%; float: right; margin: -2.1% -2.1% 0 0;}
#column1, #column2{float:left; width:48%;}
#column2{margin-left:4%}

.inside {background:#F7F7F7}
 
 
 /*  08 Блоки с иконками  на статичной главной */ 
.home-unit-left{float:left; width:48%}
.icon{display:block; margin-bottom:19px; font-size:30px}
.home-block{float:left; width:48%; margin-right:4%; margin-bottom:5%}
.home-block-last{float:left; width:48%; margin-right:0; margin-bottom:5%}
.home-unit-left h3{font-size:22px; font-weight:700; margin-bottom:10px}

 /*  09 Блок с фоном и кнопкой на статичной главной */ 
.home-unit-right{float:left; width:38%; margin-left:4%;  padding:5%}
.home-unit-right h2{font-size:22px; font-weight:700; margin-bottom:10px}
.home-unit-right img, .home-unit-right video, .home-unit-right iframe{margin:0 auto 25px}


/*  10 Три верхних изображения на статичной главной  */ 
.unit-1, .unit-2, .unit-3{float:left; width:32%;  position:relative; overflow:hidden; margin-bottom: 1%}
.unit-1, .unit-2{margin-right:1.33%}
.unit-3{margin-right:0}
.view-cover{width:86%; padding:5%;  background:rgba(51,51,51,.7); color:#fff; position:absolute; bottom:3%; left:2%; text-align:center}
.unit-1 .view-cover, .unit-2 .view-cover, .unit-3 .view-cover{opacity:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.unit-1:hover .view-cover,  .unit-2:hover .view-cover, .unit-3:hover .view-cover{opacity:1}
.unit-1 img, .unit-2 img, .unit-3 img{width:96%; padding:2%; background:#f9f9f9;  box-shadow:0px 0px 3px #999}


/*  011 Два изображения в нижней части статичной главной  */ 
.bottom-1,  .bottom-2{float:left; width:48%; position:relative;  margin-bottom:1%}
.bottom-1{margin-right:4%}
.bottom-2{margin-right:0}
.bottom-cover{ position:absolute; bottom:6px; left:10%; width:70%;  background:rgba(51,51,51,.7); color:#fff; padding:5%; text-align:center; transition:all .4s linear; -o-transition:all .4s linear; -moz-transition:all .4s linear; -webkit-transition:all .4s linear}
.bottom-1:hover .bottom-cover,  .bottom-2:hover .bottom-cover{background:rgba(255,156,151,.7)}
.bottom h2{font-size:28px; font-weight:700; margin-bottom:30px; text-align:center }


/*  012 Табы с последними записями на статичной главной  */ 
.recent_posts{margin:50px auto;  text-align:center !important}
.recent-post-tabs{margin-bottom:50px !important}
.recent-post-tabs >li{display:inline-block;  list-style:none;  margin:0 25px;  text-align:center !important}
.recent-post-tabs >li >a{border-radius:3px;  padding:0px 15px;  height:46px;  display:block;  line-height:46px;  font-size:15px;  position:relative;  -webkit-transition:all 0s;  -moz-transition:all 0s;  -ms-transition:all 0s;  -o-transition:all 0s;  text-decoration:none}
.recent-post-tabs >li.active >a, 
.recent-post-tabs >li.active >a:hover, 
.recent-post-tabs >li.active >a:focus{cursor:default;  color:#FFF;  text-decoration:none}
.recent-post-tabs >li.active >a:after{content:"";  width:0;  height:0;  position:absolute;  top:40px;  left:38%;  border-left:15px solid transparent;  border-right:15px solid transparent}
.recent_posts .bean-tab-pane{float:left;  opacity:0;  text-align:center;  width:100%;  -webkit-transition:opacity 0.15s linear;  transition:opacity 0.15s linear}
.recent_posts .bean-tab-pane.in{opacity:1}
.recent_posts .bean-tab-content{background-color:transparent;  border:none;  margin:0 auto;  width:70%}
.recent_posts .bean-tab-content >.bean-tab-pane{display:none}
.recent_posts .bean-tab-content >.active{display:block}
.bean-tab-content h2 a{text-decoration:none}
 
 
 /*  013 Выпадающее поле поиска  */ 
.searchpage-field {position:fixed;width:100%;z-index:10001;top:0;left:0;display:none;   height: 140px; background: rgba(54,54,54,0.8);  color:#fff; text-align: center;}
.fa-close {cursor: pointer; display: block; margin-top: 25px; font-size:30px}
 #s{font-size:16px;  padding-left:1%;text-align:left;margin-top:40px;color:#999;width:45%; max-width:500px;height:34px;border:none;background:#eaeaea}
#s:focus{background:#fff;-webkit-box-shadow:0 0 4px rgba(102,203,245,0.9);-moz-box-shadow:0 0 4px rgba(102,203,245,0.9);box-shadow:0 0 4px rgba(102,203,245,0.9)}
#searchsubmit{ color:#FFF;width:12%;  font-size:14px;   height:44px;cursor:pointer;margin-top:39px;border:none}
#searchsubmit:hover{ color:#fff;transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
 

/*  014 Верхний текстовый блок на статичной главной */ 
.item{width:90%; margin:auto; text-align:center}
 
 
 /*  015 Кнопки сайта  */ 
a.more-link,  .recent-more{width:110px; height:40px; display:block; vertical-align:top; font-size:13px; font-weight:400; line-height:40px; text-align:center; text-decoration:none; color:#fff; -webkit-appearance:none; outline:0; border:0; border-radius:3px; box-shadow:none; cursor:pointer}
.more-link:hover, .recent-more:hover{text-decoration:none; color:#fff}
a.recent-more{margin:20px auto 0}
a.more-link{float:left}
.bean-tab-pane a.more-link{float:none; margin:20px auto 0}
 a.btn, input[type="submit"].btn{width:130px; display:block; vertical-align:top; border-radius:4px; font-size:14px; font-weight:400; line-height:1.65em; text-align:center; text-decoration:none; color:#fff; -webkit-appearance:none; outline:0; margin-top:20px; border:0; box-shadow:none; cursor:pointer; padding:12px 14px}
.btn, input[type="submit"].btn{transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; color:#fff; border:0; text-decoration:none}
.btn:hover, input[type="submit"].btn:hover{color:#fff; border:0}



/*  016 Заголовки сайта */ 
h1, h2, h3, h4, h5, h6{line-height:115%;  font-family:'Roboto Condensed',sans-serif;}

h1{margin-bottom:10px;}

h2, h3, h4, h5, h6 {margin: 15px 0 10px;}

h1{font-size:26px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:17px}
h6{font-size:15px}
 
h1.post-title{font-size:26px; margin-bottom: 25px; text-transform: uppercase; padding-bottom: 10px;}
.maincol h1.post-title{font-size: 25px; margin-bottom: 0px;}
.maincolvideo h1.post-title{font-size: 25px; margin-bottom: 0px;}
.post-title a{font-size:19px; margin-bottom:5px;text-decoration:none;color: #636363;}
.post-title a:hover{text-decoration:underline}
.arch-title{font-size:24px; text-transform:uppercase; font-family:'Roboto Condensed',sans-serif; display:block; margin-bottom:14px}
 
 
 /*  017 Записи  */ 
.post{margin:0 0 20px;}
.post-arhive{margin:0 0 10px; width: 30%; float: left; margin-right: 3.3%; min-height: 240px;}
.post-date{color:#999; font-size:13px; margin-bottom:23px; text-align: center;}
.maincol .post-date{ margin-bottom:23px; text-align: left}
.maincolvideo .post-date{ margin-bottom:23px; text-align: left}
.post-tags{color:#999; font-size:13px; margin-top:30px}
.post-date a, .post-tags a{color:#999; text-decoration:none}
.post-date a:hover, .post-tags a:hover{  text-decoration:underline}
.post-info{display:block; font-size:13px; margin:0 0 10px 0; color:#999}
.item_published{ float:left;  width:68px;  color:white;  text-align:center;  margin:0 20px 20px 0;  padding-bottom:12px;  font-size:14px;  line-height:20px;  font-weight:bold;  text-transform:lowercase;  background:#FF9C97}
.item_published span{ display:block; padding-top:12px}


/*  018 Виджеты сайдбара  */ 
.side-blok{margin-bottom:30px; background: #F7F7F7}
.side-title, .screen-reader-text{font-size:16px; text-transform:uppercase; font-family:'Roboto Condensed',sans-serif; display:block; margin-bottom:22px; padding:10px; color:#fff; position: relative}
.side-blok a{text-decoration:none;color: #F05B5B;}
.side-blok a:hover, .post-col a:hover, .credits a:hover{text-decoration:underline}
.side-blok p a{text-decoration:none}
.side-blok p a:hover{text-decoration:underline}


#inside-text-25 {background: #fff;}

#inside-text-25 span{
	background: none!important;
    color: #444!important;
    font-size: 20px!important;
    text-align: center!important;
    line-height: 25px!important;
    margin-bottom: 0px!important;
	font-weight: bold;
}



.art-widget-catalog {
	width: 100%!important;
	margin-bottom: 10px!important;
	font-family: "Roboto", Arial, sans-serif!important;
	max-width: none!important;
	max-height: none!important;
	padding: 0!important;
}

.art-widget-title {
	padding-bottom: 10px!important;
    font-size: 24px!important;
    color: #556270!important;
	line-height: 115%!important;
    font-family: 'Roboto Condensed',sans-serif!important;
	font-weight: normal!important;
}

.art-widget-catalog-item__image {
	width: 140px!important;
    height: 140px!important;
	display: inline-block!important;
}

.art-widget-catalog-item__image img {
    padding-top: 8%!important;
	margin: 0;
	display: inline-block;
}


.art-widget-catalog-item {
	width: 23.4%!important;
	margin: 5px 4px!important;
	background: #f6f1df!important;
	border: 0px!important;
	text-align: center!important;
}

.art-widget-catalog-item:hover {
	border: 0px solid #f05b5b!important;
	background: #fefdf5!important;
}


.art-widget-catalog-item__title {
    font-size: 16px!important;
    line-height: 19px!important;
    height: 60px!important;
    color: #f05b5b!important;
	font-weight: 600!important;
	font-family: 'Roboto',sans-serif!important;
}

.art-widget-catalog-item__button { 
	background-color: #f05b5b!important;
    font-size: 16px!important;
	height: 27px!important;
    padding: 5px!important;
}

.art-widget-catalog-item__title:hover { 
	text-decoration: none!important;
}

.art-widget-catalog a:hover { 
	text-decoration: none!important;
}


.art-item-widget.art-item-small{width: 98.5%!important; margin-bottom: 10px;}
	
.art-item-widget {border: 2px solid #80C6D4!important;}

.art-catalog .art-div.art-buy { padding: 5px 10px!important;
    margin-left: 5px!important;
    font-size: 16px!important;
    background-color: #f05b5b!important;}

.art-catalog .art-div.art-price {
	font-weight: 200!important;
    font-size: 14px!important;
    padding-top: 7px!important;
    margin-right: 5px!important;
}


.art-item-widget .art-price {float: none!important; margin-left: 15px!important;}

.art-item-widget .art-buy { margin-right: 5px; margin-top: 5px; margin-bottom: 5px;}

.art-item-widget.art-item-small .art-photos img, .art-item-widget.art-item-small .art-photos { width: 100%!important; height: 100%!important;}


.inside-nav_menu-2 a{border-bottom: 1px solid; padding-bottom: 2px; color: #556270; text-decoration:none}
.inside-nav_menu-2 a:hover{border-bottom: 0px solid; color: #666;text-decoration:none}
.inside-nav_menu-2 span {border-top-right-radius: 4px;}


/*  019 Списки  */ 
 .metaslider ul li{list-style-type:none}
 .side-blok ul li ul{margin:10px 0 0}
 .side-blok ul li{margin:0; padding:0 0 10px; margin-left: 15px;}
 .side-blok ul li ul li{margin:0; padding:0 0 10px 14px}

.post ul{list-style: none; list-style-position:inside; margin-left: 5px}
.post ul li ul{margin:10px 0 0 30px}
.post ul li{margin:0; padding:0 0 10px; background: url("../shkolapodarka2/img/li_ton.png") 4px 7px no-repeat;
    padding-left: 30px;}
.post ul li ul li{margin:10px; padding: 0 0 0 25px}
.post ul ul {}

.post ol, .maincolvideo ol  {
	list-style: outside none;
	counter-reset: list;
}

.post ol li:before {
	counter-increment: list;
    content: counter(list);
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 11px;
    padding: 0 5px 0 10px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    margin: 4px 7px 0 -29px;
    color: #FFFFFF;
    background: #F05B5B;
    border: 1px solid #F05B5B;
    font-weight: bold;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.maincolvideo ul{list-style: none; list-style-position:inside;margin-left: 5px}
.maincolvideo ul li ul{margin:10px 0 0 30px}
.maincolvideo ul li{margin:0; padding:0 0 10px; background: url("../shkolapodarka2/img/li_ton.png") 4px 7px no-repeat;
    padding-left: 30px;}
.maincolvideo ul li ul li{margin:10px; padding: 0 0 0 25px}
.maincolvideo ul ul {padding:0 0 0 15px}


.maincolvideo ol li:before{
	counter-increment: list;
    content: counter(list);
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 11px;
    padding: 0 5px 0 10px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    margin: 4px 7px 0 -29px;
    color: #FFFFFF;
    background: #F05B5B;
    border: 1px solid #F05B5B;
    font-weight: bold;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.humanTest ul li {background: none; padding: 0;}

.humanTest ul li ul li {
    margin: 10px 0;
    padding: 0
}

/*  020 Внутренняя навигация с эффектом зума  */ 
.img-wrap-nav img{width:100%; float:left; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all .7s ease-in-out; -moz-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out}
.img-wrap-nav:hover img{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3)}
.img-wrap-nav{overflow:hidden; position:relative; float:left; margin:0 0 30px}
.post-navigation{margin-top:40px; line-height:24px; overflow:hidden}
.nav-box-previous{float:left; width:46%; margin-right:6%; position:relative}
.nav-box-next{float:left; width:46%; position:relative}
.post-navigation .red-color{display:inline-block; color:#fff; padding:3px 8px; vertical-align:middle; font-size:13px; position:absolute; top:0; left:0}
 .post-navigation a{text-decoration:none}
.post-navigation a:hover{text-decoration:underline}
.cover-title-nav{display:block; color:#fff; padding:20% 10% 5%; font-size:18px}
.img-wrap-nav .cover{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(51,51,51,0.5); opacity:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.img-wrap-nav:hover .cover{opacity:1}
.cover-title-nav span{display:block; font-size:14px; color:#eaeaea}
.post-navigation .red-color a, .post-navigation .red-color a:hover{color:#fff}


/*  021 стили постраничной навиации  */ 
.wp-pagenavi{width:100%; margin:50px 0 30px; padding-top:30px; border-top:3px solid #f4f4f4; font-size: 14px; color: #444}
.wp-pagenavi a {padding:6px 8px; margin:2px 5px 2px 0; text-decoration:none; border:1px solid #fff; color: #444!important;}
.wp-pagenavi span.pages{padding:2px 4px; margin:2px 30px 20px 2px; border:none; color: #444!important;}
.wp-pagenavi span.current{padding:6px 8px; margin:2px 5px 2px 0;  font-weight: normal; color: #F05B5B!important;}
.wp-pagenavi span.extend{padding:2px 4px; margin:2px; border:1px solid #fff; color: #444!important;}


 /*  022 подвал  */
.credits1{width: 100%; margin: 0 auto; font-size: 13px; text-align: center; padding: 10px 0; background-color: #80C6D4;} 
.credits1 a{margin: 0 10px;color: #fff;}
.credits1 a:hover{color: #fff; text-decoration: none;}

.credits{width:100%;  margin:0 auto;  font-size:13px; text-align:center; padding:20px 0}

 /*  023 оформление изображений  */ 
img.alignleft{float:left; margin:5px 15px 15px 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:20px}
.wp-caption{text-align:center; margin-bottom:15px; max-width:100%; height:auto}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption-text{font-size:13px; line-height:17px; padding: 0px 5px; margin: 0; font-style: italic;color: #929292}
.wp-caption.alignleft{float:left; margin:5px 15px 7px 0}
.wp-caption.alignright{float:right; margin:5px 0 7px 15px}
.wp-caption.aligncenter, .attachment img{display:block; margin-left:auto; margin-right:auto; margin-bottom:20px}
img.alignright{float:right; margin:5px 0 15px 15px}
 .blog-thumb{float:left; margin:5px 35px 10px 0}
 .no-display{opacity:0}
.appear{opacity:1;  -webkit-transition:all .4s ease-in-out;  -moz-transition:all .4s ease-in-out;  -o-transition:all .4s ease-in-out;  transition:all .4s ease-in-out}


/*  024 социалка  */ 
ul.social{list-style:none; padding:0; margin-bottom:15px; text-align:center; display:block}
ul.social:before{content:''; height:100%; display:inline-block}
ul.social li.social-icon{list-style:none; display:inline-block; width:28px; height:30px; font-size:20px; line-height:30px; margin:0 15px 15px 0;  border-radius: 5px; text-align: center; padding-left: 4px; }
ul.social:before, li.social-icon{vertical-align:middle}
ul.social a{color:#ddd; text-decoration:none}
ul.social a:hover{ text-decoration:none}


 /*  025 облако меток  */ 
.side-blok .tagcloud {width:100%; display:inline-block; margin-bottom:10px}
.side-blok .tagcloud a {background:#FF9C97; color:#fff; border:none; float:left; margin:0 7px 7px 0; padding:4px 6px; line-height:20px; font-size:10px!important; text-transform:uppercase; text-decoration:none}
.side-blok .tagcloud a:hover{background:#e0e3e5; color:#444; text-decoration:none}


 /*  026 комментарии  */ 
.comments-box{width:100%; margin:10px 0; position:relative}
#respond{margin:20px 0; padding:0}
#respond p{margin:0 0 5px}
.text{border:1px solid #DDD; padding:2px; color:#666; width:200px}
ol.commentlist{margin-top:30px; padding:0}
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none}
ol.commentlist li{margin-top:20px; list-style-type:none}
ol.commentlist li:before {content: none}
ol.commentlist li div.vcard cite.fn{font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:17px;  text-transform:uppercase}
ol.commentlist li div.vcard cite.fn a.url{text-decoration:none}
ol.commentlist li div.vcard img.avatar{float:left; margin:0 30px 0 0; border-radius: 30px}
ol.commentlist li div.commentmetadata{font-size:12px}
ol.commentlist li div.comment-meta{margin:3px 0 10px 0; display: none}
ol.commentlist li div.comment-meta a{color:#7b7b7b; text-decoration:none}
ol.commentlist li p{margin-left:90px}
ol.commentlist li div.reply{margin-left:90px; font-size:12px; text-transform:uppercase; color:#ccc; font-weight:700; cursor:pointer}
ol.commentlist li div.reply a{color:#ccc; text-decoration:none}
ol.commentlist li div.reply:hover{}
ol.commentlist .parent{padding:20px 0; border-bottom:3px dotted #f4f4f4}
ol.commentlist .parent li{margin-top:20px; border:none; padding:0}
ol.children{margin:0}
ol.children li{margin:20px 0 20px 30px}
#comment{margin-bottom:30px}
.comment-form label{color:#707070; font-size:12px; font-weight:700; display:block; line-height:1.5; text-transform:uppercase}
#reply-title, .comment-title{margin:50px 0 20px 0; font-size:22px; border-bottom:3px dotted #f4f4f4; padding:0 0 15px; line-height: 115%; font-family: 'Roboto Condensed',sans-serif; color: #556270;}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width:98%; padding:1%; margin-bottom:20px; box-shadow:0 0 1px #999}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags{color:#707070; font-size:12px; line-height:1.5; margin-bottom:30px}
.no-comments{color:#707070; font-weight:700; padding-top:1.6em}
.comment-navigation+.no-comments{border-top:0}
.form-submit{margin-bottom:30px; clear:both}
.required{color:#c0392b}
.top-text .vcard{display:inline-block; margin-bottom:40px}
#commentform textarea{height:200px; width:98%; box-shadow:0 0 1px #999; padding:1%; font-size:15px; line-height:24px; display:block; color:#333; background:#FCFCFC; float:left}
#commentform input:focus, #commentform textarea:focus{background:#fff; -webkit-box-shadow:0 0 4px rgba(102,203,245,0.9); -moz-box-shadow:0 0 4px rgba(102,203,245,0.9); box-shadow:0 0 4px rgba(102,203,245,0.9)}
.navleft{width:46%; padding:2%; float:left; text-align:left}
.navright{width:46%; padding:2%; float:right; text-align:right}
a#cancel-comment-reply-link{display:block; font-size:12px; margin-top:15px; color:#c0392b}
.logged-in-as{padding:15px 0}
.comment-form input[type="submit"]{display:inline-block;vertical-align:top;float:left;font-size:14px;font-weight:400;line-height:26px;text-align:center;text-decoration:none;color:#fff;-webkit-appearance:none;outline:0;border:0;border-radius:4px;box-shadow:none;cursor:pointer;padding:12px 14px;clear:both}
.comment-form input[type="submit"]:hover{ color:#fff;transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}


/*  027 кнопка вверх  */ 
#backtop{display:none; position:fixed; padding:7px 5px 8px 10px; text-align:center; z-index:100; bottom:6px; right:15px; font-size:30px; color:#fff; font-weight:400; background:rgba(51,51,51,0.4); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#backtop:hover{background:rgba(51,51,51,0.9)}


/*  028 календарь  */ 
.side-blok #calendar_wrap{width:100%; font-size:14px}
.side-blok table#wp-calendar{min-width:100%}
.side-blok #wp-calendar caption{color:#333; font-size:14px; padding:6px; text-align:left; text-transform:uppercase}
.side-blok #wp-calendar th{color:#777; text-align:center; padding:6px; font-size:14px; font-weight:700; border:1px solid #eaeaea}
.side-blok #wp-calendar td{padding:3px 6px; border:1px solid #eaeaea; text-align:center}
.side-blok #today{color:#FFF}
.side-blok #today a{color:#FFF}
.side-blok #wp-calendar a{text-decoration:underline}
.side-blok #wp-calendar a:hover{text-decoration:underline}


/*  029 404 страница  */ 
.dashed {border-bottom: 1px dashed #333; cursor: pointer; padding-bottom: 3px}
 ul.nice-cats{ margin:40px 0 40px 0; text-transform:uppercase; font-size:14px}
.nice-cats li.cat-item{border-bottom:1px dotted #eaeaea; text-align:right; font-weight:300; padding:4px 0; clear:both; list-style:none; color:#222; background:transparent; padding-left:0}
.nice-cats li.cat-item a{  text-align:left; float:left; text-decoration:none}
.nice-cats li.cat-item a:hover{ text-decoration:underline; cursor:pointer}

 /*  031 Хлебные крошки */ 
#breadcrumbs{color: #B6B6B6; margin-bottom: 5px;}
#breadcrumbs a{color: #B6B6B6; font-size: 12px; text-decoration: none;}
#breadcrumbs a:hover{text-decoration: underline; color: #FF9C97}

 /*  Реклама */ 
.recltop{margin-top: -10px; margin-bottom: 20px;}
.yarecltop{margin-bottom: 30px;}
.recltext {margin-top: -40px; margin-bottom: 20px;}
.recldown{border-left: 5px solid #0088ff; margin-top: 80px; margin-bottom: 20px; padding-left: 13px; margin-left: -3%;}
.yarecldown{margin-top: 0px; margin-bottom: 20px; }
.recldownads{margin-top: 20px; margin-bottom: 0px;display: inline-block;}
.adaptiv {padding: 20px 0;text-align: center;}
#reclbar{}
.adsmidle {margin-bottom: 10px;}
.adstop980 {margin-bottom: 15px;}
.adsvstatie {margin-bottom: 20px;}



.yarpp-related a {font-weight: normal!important}
.yarpp-related span {margin-bottom: 15px; display: block; font-style: italic;}

.current-menu-item  a{border-bottom: 0!important;}

#vk_groups {margin-bottom: 30px}

.video {text-align: center; padding: 15px 0 10px 0px; background: #f7f7f7; margin-bottom: 10px}
.videomk {margin-bottom: 20px;}
.type-video {text-align: left!important; background: #fff!important; padding-top: 0px;}

.share {padding: 10px 20px; border: 1px solid #BEC8D3; text-align: center; margin-bottom: 30px; margin-top: 30px; border-radius: 4px}
.sharetitle {float: left;}
.sharetitle p {font-size: 20px; color: #6688ad; line-height: 1.2;}

.soderz{padding: 10px 10px 0 20px; background: #f8f8f8}

.posthome {width: 32%; float: left; padding-right: 1%;min-height: 227px;}
.posthome a{font-size: 19px; margin-bottom: 5px; text-decoration: none;}
.posthome a:hover{text-decoration: underline;}


#get_recent_comments_wrap {padding-right: 10px;}

.rpwe-block ul li{margin:0;}
.rpwe-title {font-size: 18px; padding: 0 5px 5px 5px;}

.buttomkatalog {
    background: url(http://vocerkovlenie.ru/wp-content/themes/shkolapodarka2/img/flowers29.png) no-repeat left 10px top 10px #F05B5B;
    padding: 10px;
    color: #666;
	padding-left: 70px;
	line-height: 115%;
}

.buttomkatalog a{
	font-size: 18px;
	color: #fff;
}

.buttomkatalog a:hover{

	color: #fff!important;
}	
	
.store {
	margin-top: 20px;
	border-top: 1px solid #E6E6E6;
	padding-top: 20px;
}

.store img{
	margin-bottom: 25px;
}

.storename {
	margin-top: -13px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
}

.storelink {
	margin-left: 197px;
	color: #F05B5B;
	font-weight: bold;
}

.storelink  a{
	text-decoration: underline;
}

.storelink  a:hover{
	text-decoration: none;
}

.paneltest {

}
  
.test-preview {
	padding: 3px 0 0;}
  
.test-preview__head {
	margin: -3px 0 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	color: #F05B5B;
}
  
.test-preview__head + .test-preview__image {
	margin-top: 16px;}
  
.test-preview__image {
	margin: 0 auto;}
  
.test-preview__image__file {}
  
.test-preview__title {
	margin: 15px 0 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	padding: 0 9px;
}

.test-preview__note {
	margin: 6px 0 0;
	font-size: 14px;
	line-height: 17px;
	color: #343b51;
	padding: 0 9px;
}

.test-preview__submit {
	margin: 16px 0 0;
}

.buttontest {
	display: block;
	white-space: nowrap;
	height: 40px;
	line-height: 38px;
	padding: 0 30px;
	background: #F05B5B;
	text-align: center;
	font-size: 18px;
	color: #fff!important;
	cursor: pointer;
 }
 
.buttontest a{text-decoration: underline;}
 
/*-----Похожие записи с миниатюрой-----*/

#interesting_articles{margin: 0 0 30px -0.5%; display: inline-block;}
#interesting_articles ul{margin-right: -7%;}
#interesting_articles li {list-style: none; float: left; width: 30.2%; margin-right: 1.5%; background: none; padding-left: 0;}
#interesting_articles span{font-size: 22px; color: #556270; margin-bottom: 20px; padding-bottom: 15px; display: block;border-bottom: 3px dotted #f4f4f4;}
#interesting_articles img{margin-bottom: 3px!important;}
.linkcell{padding:0 5px;}


.cell2{
	float: left; 
	list-style: none; 
	min-height: 190px;
	overflow: hidden;
}
.cell2 img {padding: 0;}
.cell2 a{text-decoration: none!important; font-size: 18px; color: #F05B5B}
.cell2 a:hover{text-decoration: underline!important;}

 
#readpost {padding: 0px 0px 10px 0; display: inline-block; width: 100%; margin: 10px 0 20px 0; border-bottom: 3px dotted #f4f4f4;}
#readpost span {font-size: 22px; color: #556270;}
#readpost ul li a{
	background: url(http://vocerkovlenie.ru/wp-content/themes/shkolapodarka/images/arrow2.png)0px 8px no-repeat;
	list-style-position: outside;
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 0px 22px;
	overflow: hidden;
	text-decoration: none;
	font-size: 16px;
}
#readpost ul li a:hover {text-decoration: underline;}
#readpost ul li  {margin: 10px 0 0 0;}
#readpost ul {margin-top:15px;}

/*------------Похожие записи с миниатюрой------------*/ 

.reclheader {
	text-align: center;
    max-width: 1000px;
    height: auto;
    margin: 0 auto 20px;
    width: 100%;
}

.reclheader img {border-radius: 4px;}
#viv {display:none}

.giftblok {clear: both; float:none!important;}

.recltovar {
	background: #f6f1df;
    padding: 15px 20px 20px 20px;
    margin: 15px 0;
	text-align: center;}

.recltovar span{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
	color: #f05b5b;}

.recltovar p{
	font-size: 14px;
	margin-bottom: 22px;}

.recltovar img{ 
	width: 220px;
    float: left;
	margin: 5px 15px 15px 0;}
	
.recltovar a{ 
    padding: 10px 15px;
    background: #f05b5b;
    border-radius: 5px;
	color: #fff;}
	
.recltovar a:hover{ 
	color: #fff;
	background: #F43837;
	text-decoration: none;}

.recltovar2 {
	background: #f6f1df;
    padding: 15px 20px 20px 20px;
    margin: 15px 0;
	text-align: center;}

.recltovar2 span{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
	color: #f05b5b;}

.recltovar2 p{
	font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;}

.recltovarvideo{ 
    margin-bottom: 15px;}
	
.recltovar2 a{
	margin-top: 5px;
    padding: 10px 15px;
    background: #f05b5b;
    border-radius: 5px;
    color: #fff;
	display: inline-block;
}
	
.recltovar2 a:hover{ 
	color: #fff;
	background: #F43837;
	text-decoration: none;
}



.recltovar-kids {
	background: #f6f1df;
    padding: 15px 20px 20px 20px;
    margin: 15px 0;
	text-align: center;}

.recltovar-kids span{
	font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
	color: #f05b5b;}

.recltovar-kids p{
	font-size: 16px;
	margin-bottom: 22px;}

.recltovar-kids img{ 
	margin: 5px;}
	
.recltovar-kids a{
	display: inline-block;
    width: 30%;
}
	
.recltovar-kids a:hover{ 
	text-decoration: none;}


	
	
.yandex_rtb_top {
	text-align: center;
    margin-bottom: 15px;
}

#cb_widget-2 {max-width: 268px;}
	
	

#tgroup_66 {
	text-align: center;
	display:inline-block;
	width: 100%;
}

#tgroup_66 table {
	margin: 10px 0 10px;
}


#tgroup_66 table td {
	border: none;
	padding: 0 4px;
}

#tgroup_66 table tr:nth-of-type(even) {
	max-width: 200px!important;
    display: inline-block;
    padding: 0 1px;
}

#tgroup_66 table tr:nth-of-type(odd) {
	 background: none;
}

#tizdiv_table_66 {
	max-width: 100%!important;
}

#tgroup_66 table {
    width: 100%;
}

#wrapper_66 img {
    width: 100%;
}

.tizdiv_a_66 {
    padding-top: 0px!important;
}


#banner {
	position: fixed;
    z-index: 10000;
    bottom: 0px;
    right: 0;
    border-top: 3px solid #f00;
    background: #FFF;
	padding-top:17px;
}

#banner p{
	position: absolute;
    top: -19px;
    right: 7px;
    width: 30px;
    line-height: 30px;
    border: 1px solid #444;
    border-radius: 100%;
    color: #444;
    background-color: rgb(233, 242, 246);
    text-align: center;
    text-decoration: none;
	cursor: pointer;
	font-size: 21px;
}



.reveal-modal {	
width: 720px!important;
height: 439px!important;
padding: 0!important;	
	
}

.reveal-modal .close-reveal-modal {	
color: #ece8e5!important;
font-size: 30px!important;
}

.plainmodal-overlay {
background-color: rgb(68, 68, 68)!important;
}

.popapbanner a {
	display: block;	
	position: absolute;
    top: 220px;
    left: 360px;
    font-size: 23px;
    color: #f65258;
    border: 4px solid #f65258;
    padding: 12px 65px;
    background: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: Roboto slab;
    font-weight: 600;
	text-decoration: none;
	
}

.popapbanner a:active, a:focus { outline: none; }

.popapbanner a:hover {
    color: #fff;
    background: #f65258;
}

.pop-recl_block-3 p {
margin-bottom: 0!important;
}

.artskills-top-4 {margin-bottom: 20px;}
.artskills-top-4 .art-div.art-item {width: 15.8%!important;}



.podarok-block1,
.podarok-block2
 {
	padding: 10px 15px 20px 15px;
    display: inline-block;
    margin-bottom: 15px;
    background: #F7F7F7;
    text-align: center;
}

.podarok-block1:hover,
.podarok-block2:hover {
}

.podarok-block1 h2,
.podarok-block2 h2,
.podarok-block1 h3,
.podarok-block2 h3, 
.podarok-block1 h4,
.podarok-block2 h4, 
.podarok-block1 h5,
.podarok-block2 h5 {
    font-size: 22px;
    margin-left: -45px;
    display: inline-block;
    margin-top: -10px;
    margin-bottom: 15px;
    padding: 0 5px;
    width: 70%;
}


.podarok-block1 img,
.podarok-block2 img {
	max-width: 250px;
	height: auto;
	margin: 0 ;
}

.podarok-block1 p,
.podarok-block2 p {
	margin-bottom: 10px;
	font-size: 15px;
}

.podarok-block1:after,
.podarok-block2:after{
    clear:both;
}

.bay-button {
    z-index: 100;
    position: relative;
}

.bay-button a {
	color: #ffffff;
    cursor: pointer;
    background-color: #80c6d4;
    padding: 5px 15px;
    text-decoration: underline;
    display: inline-block;
    text-align: center;
	
}

.bay-button a:hover {
	color: #ffffff;
    text-decoration: none;
	background-color: #f05b5b;
}

span.podarok-number {
    font-size: 18px;
    border: 1px solid #80c6d4;
    background: #fff;
    color: #80c6d4;
    padding: 2px 4px;
    float: left;
    display: inline-block;
    width: 34px;
	border-radius: 4px;
}



 /*  030 адаптивные стили  */
 
 /*@media only screen and (min-width:1024px){
body {
	background-color: #ff7006!important;
    background-image: url(./img/fon2-1111.jpg)!important;
    background-position: 45% 0!important;
	background-repeat: no-repeat!important;
	background-attachment: inherit!important;}

.background-link {height:230px;}

} 
 */ 
 
@media only screen and (max-width:1280px){
body{font-size:92%}
}

@media only screen and (max-width:1140px){
#wrap{margin:0 auto}
.animated{-webkit-animation-duration:0s;animation-duration:0s}
.menunav ul li{ padding:0 9px 20px 8px; }
.desc, .blog-desc{font-size:14px; width:96%}
.entry-content{margin-bottom:50px}
.view-cover{font-size:13px; line-height:19px}
.post-title a {font-size: 20px;}
}
 
@media only screen and (max-width:1024px){
#wrap{margin:0 auto}
.animated{-webkit-animation-duration:0s;animation-duration:0s}
.menunav ul li{ padding:0 9px 20px 8px; }
.desc, .blog-desc{font-size:14px; width:96%}
.entry-content{margin-bottom:50px}
.view-cover{font-size:13px; line-height:19px}
.post-arhive{min-height: 280px;}
.post-title a {font-size: 18px;}
.logo img {padding-left: 5%;}
}

@media only screen and (max-width:1009px){
.posthome {width: 100%; min-height:50px;}
.posthome img{float: left; margin: 0 10px 20px 0}
.posthome a{font-size: 22px;}
.reclheader img {border-radius: 0;}
.art-widget-catalog-item {width: 31.7%!important; margin: 5px 4px!important; max-width:: none!important}
}

@media only screen and (max-width:891px){
.art-widget-catalog-item {width: 31.5%!important; margin: 5px 4px!important; max-width: none!important}
}

@media only screen and (max-width:840px){
#wrap{margin:110px auto 0}
.menunav {padding-bottom: 0px; padding-top: 10px;}
#menu{margin-left:-9999px; width:0; height:0; overflow:hidden}
#mob{display:block; float: right; padding: 20px;}
}

@media only screen and (max-width:796px){
.art-widget-catalog-item {width: 31.2%!important; margin: 5px 4px!important; max-width: none!important}
}


@media only screen and (max-width:760px){
.inner{padding:2% 4%}
.full-width-container { margin: 30px auto;}
.menunav {padding-bottom: 0px; padding-top: 0px; margin: 0px auto;}
#mob{margin:20px auto 20px;}
ol{margin:15px 0 18px 40px}
ol.commentlist li p{margin-left:0; margin-top:20px}
ol.commentlist li div.reply{margin-left:0}
.home-unit-left{width:100%; margin-bottom:20px}
.home-unit-right{width:90%; margin-left:0; margin-bottom:0}
.maincol{width:100%; margin-right:0; margin-bottom:40px}
.maincolvideo {width:100%; margin-right:0; margin-bottom:40px}
.sidebar{width:100%}
.cover-title-nav{padding:17% 10% 2%; font-size:14px; text-align:left; line-height:20px}
.no-padding-container li{padding:25px 0}
.no-padding-container .blogpost-left li, .no-padding-container .blogpost-right li{padding-right:0; padding-left:0}
#column1, #column2{float:left; width:100%;}
#column1{margin-bottom:3%}
#column2{margin:0}
.item h1, .bottom h2{font-size:22px}
.home-unit-left h3{font-size:18px;  margin-bottom:6px}
ol.children li{margin:20px 0}
.home-block-last, .home-block{width:100%;  margin:0 0 40px 0}
.item{width:100%; margin:auto; text-align:left}
.art-widget-catalog-item {width: 23.40%!important; margin: 5px 4px!important; max-width: none!important}
}


@media only screen and (max-width:720px){body{font-size:100%}	
.art-widget-catalog-item {width: 31.7%!important; margin: 5px 4px!important; max-width: none!important}
}


@media only screen and (max-width:700px){body{font-size:100%}
.unit-1, .unit-2, .unit-3{width:100%; margin-bottom:25px}
.bottom-1,  .bottom-2{width:100%;  margin-bottom:25px; margin-left:0}
.view-cover{font-size:15px; line-height:24px}
.recent_posts .bean-tab-content{  width:100%; text-align: left}
.entry-content{  text-align: left}
.unit-1 .view-cover, .unit-2 .view-cover, .unit-3 .view-cover{opacity:1}
.blog-thumb { margin-bottom: 0;}
.art-widget-catalog-item {width: 31.7%!important; margin: 5px 4px!important; max-width: none!important}
}

@media only screen and (max-width:669px){body{font-size:100%}	
.art-widget-catalog-item {width: 31.0%!important; margin: 5px 4px!important; max-width: none!important}
}



@media only screen and (max-width:600px){body{font-size:100%}
.logo{font-size:40px;}
 #s{font-size:14px;padding-left:1%; width:50%; }
#searchsubmit{  width:22%;font-size:13px; margin-top: 41px}
 .cover-title-nav{font-size:15px}
.footer ul li, .side-blok ul li {margin:0; padding:0 0 10px 10px}
.nav-box-previous{float:left; width:100%; margin-right:0}
.nav-box-next{float:left; width:100%}
.post ul li ul{margin:10px 0 0 20px}
.view-cover{font-size:14px; line-height:22px}
.blog-thumb{float:none; clear:both}
.post p{}
.post-arhive{ width: 46%; min-height: 250px;}
.sharetitle {float: none; margin-bottom: 10px;}
.sharetitle p {text-align: center;}
#tgroup_66 table td {border: none; padding: 0 4px; display: inline-block;width: 100%;}
#tgroup_66 table tr:nth-of-type(even) {max-width: 215px!important;display: inline-block; padding: 2px 6px 2px 2px;
}
}

@media only screen and (max-width:550px){
#interesting_articles li {width: 100%;}
.cell2 {width: 100%; text-align: center; background-color: #F7F7F7; padding: 10px 0 5px;}
.cell2 a {font-size: 20px;}
#interesting_articles ul {margin-right: 0;}
.art-widget-catalog-item {width: 46%!important; margin: 5px 4px!important; max-width: none!important}
}

@media only screen and (max-width:500px){
#wrap{margin:0 auto}
.logo{float: none; margin-top: 0px;}
.logo img {margin-top: 8px; padding-left: 0;}
#mob {float: none; margin-top: -38px;}
#interesting_articles li {width: 100%;}
.cell2 {width: 100%; text-align: center; background-color: #F7F7F7; padding: 10px 0 5px;}
.cell2 a {font-size: 20px;}
#interesting_articles ul {margin-right: 0;}
.recltovar img { float: none; width: 350px;margin-bottom: 10px;}

}

@media only screen and (max-width:460px){
.art-widget-catalog-item {width: 46%!important; margin: 5px 4px!important; max-width: none!important}
}

@media only screen and (max-width:440px){
.post-arhive{min-height: 260px;}
.post-title a {font-size: 17px;}
.posthome {width: 100%;}
.posthome img{display: block; float:none; margin: 0 0 20px 0}
.posthome a{font-size: 20px; width:220px}
.art-widget-catalog-item {max-width: none!important}
}

@media only screen and (max-width:414px){ul.social li.social-icon{font-size:24px; line-height:34px}
.unit-1, .unit-2, .unit-3{width:100%; margin-right:0}
.cover-title-nav{font-size:13px}
.bottom-cover {font-size:13px; line-height: 20px}
#s{padding-left:2%; width:48%;}
.post-arhive{min-height: 280px;}
.post-title a {font-size: 18px;}
}

@media only screen and (max-width:350px){
.art-widget-catalog-item {width: 97%!important; margin: 5px 4px!important; max-width: none!important}
}

@media only screen and (max-width:320px){
.home p, .home span {text-align: justify;}
}

.adslot_1 { display:inline-block; width: 260px; height: 200px;}
@media (min-width:300px) { .adslot_1 { width: 100%; height: 200px; margin-left: 0} }
@media (min-width:350px) { .adslot_1 { width: 100%; height: 200px; margin-left: 0} }
@media (min-width:500px) { .adslot_1 { max-width: 600px; width: 100%; height: 250px;} }
@media (min-width:650px) { .adslot_1 { max-width: 690px; width: 100%; height: 250px;} }

.adslot_2 { display:inline-block; width: 260px; height: 200px;}
@media (min-width:300px) { .adslot_2 { width: 100%; height: 250px; margin-left: 0} }
@media (min-width:350px) { .adslot_2 { width: 100%; height: 250px; margin-left: 0} }
@media (min-width:500px) { .adslot_2 { max-width: 600px; width: 100%; height: 300px;} }
@media (min-width:650px) { .adslot_2 { max-width: 690px; width: 100%; height: 300px;} }

@media (max-width:500px) {.ads-link-title { width:100%;height:130px;text-align: center; margin-bottom: 15px;} }
@media (min-width:500px) {.ads-link-title { width:100%;height:85px;text-align: center; margin-bottom: 15px;} }