/*
 * Theme Name: Basic
 * Description: Basic is fully responsive, clean and minimal WordPress theme. It has various options in WordPress Customizer to change look of the theme - primary design color, background and header, page layout (left or right sidebar, full or centered content). Clean valid code, semantic markup, markup by Schema.org, full adaptation to mobile devices. Basic is ready to use with child themes and gives for developers simple design change with custom hooks and action. Translation Ready (English, Russian, Ukrainian, French are integrated).
 * Theme URI: http://wp-puzzle.com/basic/
 * Author: WP Puzzle
 * Author URI: http://wp-puzzle.com/
 * Version: 1.2.1
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: two-columns, one-column, full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats
 * Text Domain: basic
 */



/* reset & 12 columns
 * ============================================================================ */ 
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;margin:0;font-size:100%;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}
ol,ul{list-style:none}a:focus{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:''}table{border-collapse:collapse;border-spacing:0}img,object,embed,video{max-width:100%}
object,embed,video{width:100%}img{height:auto;vertical-align:middle;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.grid{width:90%;margin-left:auto;margin-right:auto}.grid [class*=col]{width:100%;margin-left:0}
@media screen and (min-width:1024px) {.grid{width:100%}.grid [class*=col]{float:left}.grid:after,.grid:before,.grid .newrow:before{display:table;line-height:0;content:""}.grid:after,.grid .newrow,.grid .newrow:before{clear:both}.grid [class*=col]{margin-left:1.694915254%;margin-right:0}.grid .newrow,.grid [class*=col]:first-of-type{margin-left:0}
.grid .col1{width:6.779661017%}.grid .col2{width:15.25423729%}.grid .col3{width:23.72881356%}.grid .col4{width:32.20338983%}.grid .col5{width:40.6779661%}.grid .col6{width:49.15254237%}.grid .col7{width:57.62711864%}.grid .col8{width:66.10169492%}.grid .col9{width:74.57627119%}.grid .col10{width:83.05084746%}.grid .col11{width:91.52542373%}.grid .col12{width:100%}}
.fl{float:left}.fr{float:right}.b{font-weight:bold}.i{font-style:italic}.tl{text-align:left}
.tc{text-align:center}.tr{text-align:right}.pn{padding:0}.mn{margin:0}.hide{display:none}
/* ============================================================================ */


/* ============================================================================
 *		LAYOUT
 * ============================================================================ */
html { height: 100%; }
body { width: 100%; min-width: 280px; background: #fff; }
.wrapper { margin: 0 auto; }
#header { min-height: 100px; background-repeat: no-repeat; background-position: top center; background-size: cover; }
#main { padding: 60px 0; margin: 0 auto; position: relative; }
#content { width: 100%; float: none; }
#sidebar { display: none; }
#sidebar.block{ display: block;}
#footer { width: 100%; padding: 20px 0; margin: 0; background: #00b59e; }
/*.maxwidth { margin: 0 auto; position: relative; width: 90%; max-width: 1080px; }*/
.maxwidth { margin: 0 auto; position: relative; width: 100%; max-width: 1200px; }
/*.maxwidth { margin: 0 auto; position: relative; width: 89.6551724137931%; max-width: 1080px; }*/
body.custom-background .wrapper { margin: 0 auto; background: #fff; max-width: 1160px; }

/* adaptive layout */
@media screen and (min-width: 1024px) {
	/*.maxwidth { width: 90%; }*/
	#content { width: 67.12962962962963%; float: left; }
	#sidebar { width: 27.77777777777778%; margin-top: 0; float: right; display: block; }
	.layout-leftbar #sidebar { float: left; }
	.layout-leftbar #content { float: right; }
	.layout-full #sidebar { display: none; }
	.layout-full #content { float: none; width: 100%; }
	.layout-center #sidebar { display: none; }
	.layout-center #content { float: none; width: 70%; margin-left: auto; margin-right: auto; }
/*}*/
/*@media screen and (min-width:1024px) {*/
	.wrapper { width: 100%; }
}
/* ============================================================================ */




/* ============================================================================
 *		inline HTML TAGS
 * ============================================================================ */
body { font: 16px/140% 'Open Sans', Tahoma, Verdana, Segoe, sans-serif; color: #222; word-wrap: break-word; }

a { color: #00B59E; }
a:hover { color: #F15B67; }

article.post a:hover {
	color: #F15B67 !important;
}
p { padding: 0 0 1em 0; }
p:last-child { padding-bottom: 0; }

h1, h2, h3, h4, h5, h6, .wtitle, .title { 
	margin: 0;
	padding: 0 0 0.5em;
	line-height: 110%;
	/*font-family: 'PT Serif', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;*/
	/*font-weight: bold;*/
	font-style:italic;
	color:#F15B67;
}
h1 { font-size: 36px; padding: 0; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5, h6 { font-size: 18px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color:#F15B67;}

blockquote, q { 
	position: relative;
	padding: 30px 30px 30px 80px;
	margin: 10px 0 20px 30px;
	color: #444;
	font: normal 1em/120% 'PT Serif', TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	background: #EFEFEF;
	border-left: 3px solid #936;
	border-radius: 3px;
	display: block;
}
blockquote:after {
	content: '”';
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 4em;
	line-height: 100%;
}

table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; }
table tr th:last-child { border-right: 1px solid #ddd; }
table td { padding: 5px 20px; border: 1px solid #ddd; }

pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 15px; margin: 0 0 1em 0 }
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline }
sup { bottom: 1ex }
sub { top: .5ex }
small { font-size: 75% }
big { font-size: 125% }



/* ============================================================================
 *		FORM HTML TAG
 * ============================================================================ */
input, textarea { 
	padding: 10px 10px 10px 0;
	border-color: #ddd;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 300 16px/140% 'Open Sans', Tahoma, Verdana, Segoe, sans-serif; 
	color: #222;
}
textarea { 
	min-height: 90px; 
	max-width: 100%; 
	box-sizing: border-box;
}
textarea,
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=tel], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=time],
input[type=month], 
input[type=week], 
input[type=number], 
input[type=search] { 
	padding: 9px 10px;
	border-width: 1px; 
	border-style: solid;
	height: 20px; 
}
input[type=search] { 
	height: 40px;
}
input[type=color] { 
	padding: 0; 
	border: 0; 
	background: #fff;
}
input:focus, textarea:focus {
	outline: none; 
	border-color: #00b59e; 
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
	box-shadow: inset 0 0 8px rgba(0,0,0,0.08); 
}
input[type=submit], 
input[type=button], 
.submit, .button { 
	padding: 10px 20px;
	height: 40px;
	line-height: 20px;
	border: 0;
	background-color: #00b59e;
	color: #fff;
	cursor: pointer;
}
input[type=submit]:hover, 
input[type=button]:hover, 
.submit:hover, 
.button:hover { 
	opacity: 0.9;
}
/* ============================================================================ */



/* ============================================================================
 *		HEADER
 * ============================================================================ */
.sitetitle { text-align: center; }
.logo { margin: 30px auto; }
#logo { display: block; margin: 0; padding: 0; font: bold 60px/50px 'PT Serif', Tahoma, Verdana, Segoe, sans-serif; 
	color: #936; text-decoration: none; letter-spacing: -0.02em; }
#logo:hover { opacity: 0.9; }
.sitedescription {/*text-align: center;*/padding-top: 10px;}
/*body.wp-custom-logo #logo { display: none;}*/
.sitetitle.center .custom-logo { margin-left: auto;margin-right: auto; }
.sitetitle.right .custom-logo { margin-left: auto;margin-right: 0; }
.custom-logo-top { display: block; margin-bottom: 20px;}
.custom-logo-bottom { display: block; margin-top: 20px; }
.sitetitle .custom-logo-left { float: left; margin-right: 20px; }
.sitetitle .custom-logo-right { float: right; margin-left: 20px; }
.sitetitle.right .custom-logo-right, .sitetitle.left .custom-logo-right { margin-left: 20px; margin-right: 0; }
.sitetitle.left .custom-logo-left, .sitetitle.right .custom-logo-left { margin-left: 0; margin-right: 20px; }


/* mobile navigation button */
#mobile-menu { display: block; padding: 15px 0; text-decoration: none; text-transform: uppercase; 
	text-align: center; font-weight: 500; cursor: pointer; background: #eee; z-index: 999; position: relative; }
#mobile-menu:hover { background: #00b59e; color: #fff; }


/* header navigation */
.topnav { background: #FFF; }
.top-menu { background: #936; position: absolute; z-index: 1000; width: 90%; }
.top-menu li { padding: 0; display: block; }
.top-menu li a, .top-menu li span { display: block; padding: 15px 20px; color: #fff; line-height: 20px; 
	font-weight: 500; text-decoration: none; position: relative; cursor: pointer; }
.top-menu li a:hover,
.top-menu li span:hover,
.top-menu li .sub-menu > li:hover > a, 
.top-menu li .sub-menu > li:hover > span:hover  { 
	background-color: rgba(255,255,255,0.2);
}
.top-menu .current_page_item > a,
.top-menu .current_page_item > span,
.top-menu .current-menu-item > a,
.top-menu .current-menu-item > span {
	background-color: rgba(0, 0, 0, 0.22)
}
.top-menu .current-menu-item > a:hover,
.top-menu .current-menu-item > span:hover { color: #fff; }
.top-menu .sub-menu { margin: 0; }

/* ============================================================================ */




/* ============================================================================
 *		CONTENT
 * ============================================================================ */
.entry-box { margin: 30px 0 0; }
.entry-box .entry {	padding-bottom: 30px;}
/*.page .entry { margin-top: 30px; }*/

.entry ul { margin: 0.5em 0 1em 30px; }
.entry ol { margin: 0.5em 0 1em 50px; list-style: decimal; }
.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin-top: 0; margin-bottom: 0; }
.entry li { padding-top: 5px; }
.entry ul li { padding-left: 20px; position: relative; } 
.entry ul li:before, .ftrwidget ul li:before { 
	content: '✓';
	position: relative;
	top: 0;
	left: 0;
	line-height: 100%;
	margin: 0 10px 0 -20px;
	color: #00B59E;
	font-weight: bold;
}

.comment-body ol, .comment-body ul { margin: 0.2em 0 0.5em 40px }
.comment-body ul {list-style-type: disc;}
.comment-body ol {margin-left: 40px;list-style-type: decimal;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6,
.comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 {
	padding-top: 30px;
	padding-bottom: 10px;
}
.sticky{border:5px solid #eee;padding:30px;}

.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;
	left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}


 
/* ANONS 
 * ----------------------------------------- */
.anons { margin-bottom: 60px;}
.anons h2 { font-size: 28px; padding-bottom: 0; }
/*.anons-thumbnail { display: none; }*/
.anons-thumbnail.show { display: block; }
.anons img { margin-bottom: 15px; margin-top: 5px; max-width: 100%; height: auto; }

.largeimage { margin: 0 0 1em; max-width: 100%; height: auto; }
.medium, .thumbnail { float: left; margin: 5px 1.5em 0.5em 0; }
.medium { max-width: 50%; height: auto; }
.thumbnail { max-width: 30%; height: auto; }

.more-link-box {text-align: right;}
.more-link { display: inline-block; padding: 10px 20px; background: #936; color: #fff; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; }
.more-link:after { content: '➤'; float: right; margin-left: 10px; margin-right: -5px; }
.more-link:hover { opacity: 0.8; color: #fff; }

	
/* __________ post __________ */
.meta { margin: 10px 0 0; font-size: 12px; }
.meta span {  padding-right: 20px; }
.meta span.hide { display: none; }
.meta .fa { padding: 0 5px 0 0; }
.meta, .meta a { color: #999999; }
.meta a { text-decoration: none; }
.meta a:hover { text-decoration: underline; }


/* __________ archive __________ */
.inform { margin-bottom: 2em; border-bottom: 1px dotted #e2e2e2; }
.inform h1 { padding-bottom: 1em; }
.inform .archive-desc { padding: 0 0 2em 4em; }

/* __________ socialshare __________ */
.social_share { margin: 30px 0 0; padding:5px 0; border-top: 2px solid #00B59E; }
.social_share li, .social_share ul { margin: 0 !important; padding: 0 10px 0 0 !important; list-style: none; }
.social_share li:before { display: none; }
.psb { display: block; float: left; height: 40px; width: 40px; margin: 0 10px 0 0; background: url(img/socialshare.png) 0 0 no-repeat; transition: top 0.3s; position: relative; top: 0; }
.psb, .share42-item { transition: top 0.3s; position: relative; top: 0; }
.psb:hover, .share42-item:hover { position: relative; top: 3px; }
.fb { background-position: 0 0; }
.ok { background-position: -80px 0; }
.tw { background-position: -40px 0; }
.vk { background-position: -120px 0; }
.gp { background-position: -160px 0; }



/* __________ images __________*/
.entry iframe { max-width: 100%; }
.entry img { max-width: 100%; height: auto; margin-bottom: 10px; margin-top: 8px; }
.alignleft img {display: block;margin: 0 auto 0 0;}
.alignright img {display: block;margin: 0 0 0 auto;}
img.alignleft, .alignleft { float: left; margin-right: 20px; margin-left: 0; }
img.alignright, .alignright { float: right; margin-left: 20px; margin-right: 0; }
.aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }
.entry .attachment, .entry .caption, .entry .gallery-caption { text-align: center; }
.entry .attachment .navigation { height: 150px; }
.wp-caption, .attachment img { text-align: center; max-width: 100%; }
.wp-caption img { margin-top: 0; margin-bottom: 0;}
.wp-caption-text, .wp-caption p.wp-caption-text { font-size: 12px; color: #222; margin: 0 0 15px; }
.entry .wp-smiley { margin: 0; padding: 0; border: 0; }

/* __________ galleries __________*/
.gallery { border: 2px solid #eee;padding: 15px 20px;margin: 20px 0 30px; }
.gallery:after { content: '';display: table;clear: both;}
.gallery-item img { display: block;margin: 0 auto; }

.gallery-columns-1 .gallery-item { width: 100%; padding: 10px 0; }

.gallery-columns-2 .gallery-item { width: 48%; padding: 10px 1%; float: left; }
.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: both; }

.gallery-columns-3 .gallery-item { width: 31.33333333333333%; padding: 10px 1%; float: left; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: both; }

.gallery-columns-4 .gallery-item { width: 23%; padding: 10px 1%; float: left; }
.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: both; }

.gallery-columns-5 .gallery-item { width: 18%; padding: 10px 1%;float: left; }
.gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: both; }

.gallery-columns-6 .gallery-item { width: 14.66666666666667%;padding: 10px 1%; float: left; }
.gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: both; }

.gallery-columns-7 .gallery-item { width: 12.28571428571429%; padding: 10px 1%; float: left; }
.gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: both; }

.gallery-columns-8 .gallery-item { width: 10.5%; padding: 10px 1%; float: left; }
.gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: both; }

.gallery-columns-9 .gallery-item { width: 10%; padding: 10px 0.5555555555555556%; float: left; }
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; }




/* __________ paginate __________ */
.nav-links { line-height: 40px; }
.nav-links a { text-decoration: none; }
.nav-links .page-numbers { padding: 4px 12px 6px; margin-right: 5px; background: #ddd; color: #444; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background, color 0.3s; transition: background, color 0.3s; }
.nav-links a:hover, .nav-links .current { background: #00b59e; color: #fff; }
.nav-links .total { margin-right: 5px; }


/* ============================================================================
 *		COMMENTS
 * ============================================================================ */
#comments, #respond { margin: 60px 0 0; }
.comments-title, #reply-title { font-size: 30px; padding: 20px 0 5px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.comments-title .cnt { float: right; font-size: 0.7em; }
.comment-list { margin: 10px 0 0 0; }
.comment-body { margin: 0 0 20px 0; padding: 20px 20px 20px 100px; background: #F9F9F9; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }
.comment-body a { text-decoration: none; }
.comment-body a:hover { text-decoration: underline; }
.avatar { position: absolute; top: 20px; left: 20px; -webkit-border-radius: 4px; border-radius: 4px; }
.comment-author { float: left; margin-right: 10px; line-height: 20px; }
.comment-metadata { font-size: 0.7em; line-height: 17px; padding-top: 3px; }
.says { display: none; }
.comment-content { margin: 10px 0; font-size: 14px; line-height: 130%; clear: both; }
.comment-reply-link { font-size: 10px; text-transform: uppercase; font-weight: 500; color: #C5C5C5; position: absolute; bottom: 5px; right: 10px; }
.bypostauthor .comment-body { background: #EFEFEF; }


/* _____ REPLY to comment  */
.rinput input { width: 92%; padding-left: 4%; padding-right: 4%; }
.rcomment textarea { width: 100%; }
#cancel-comment-reply-link { font-size: 14px; float: right; }
.comment #respond { margin: -20px 0 60px 0; }


/* ============================================================================
 *		SIDEBAR
 * ============================================================================ */
#widgetlist { margin: 0; padding: 0; list-style: none; }
#widgetlist > li:last-child { margin-bottom: 0; }
.widget, .categories, #widgetlist > li { margin-bottom: 60px; padding: 0; }
.wtitle { padding: 0 0 5px 0; margin-bottom: 15px; border-bottom: 2px solid #555; color: #555; font-size: 20px; text-align: center; /*text-transform: uppercase;*/ }
.widget ul { margin: 0; }
.widget li { padding: 5px 0 5px 20px; position: relative; }
.widget ul li:before { content: '»'; position: absolute; top: 7px; left: 0; line-height: 100%; }
.widget .children { margin-left: 20px; }
.widget_calendar td, .widget_calendar th {padding: 10px}
.widget a {	text-decoration: none; }
.widget a:hover {	text-decoration: underline; }


/* ============================================================================
 *		OTHER
 * ============================================================================ */
 
/* _____ Search & Results */
.search-results .inform { margin-bottom: 4em; }
.searchform { width: 100%; max-width: 400px; margin: 0; padding: 0; position: relative; }
#header .searchform { display: none; margin: 30px auto; max-width: 300px; }
#content .searchform { margin: 30px 0; }
input.s { width: 90%; }
input.search_submit { position: absolute; top: 0; right: 0; width: 40px; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.serp { margin-bottom: 40px; margin-left: 20px; position: relative; }
.serp:before { content: ''; position: absolute; left: -20px; top: 8px; border: 3px solid black; border-radius: 50%; }
.serp h2 { font-size: 20px; }
.serp .meta { margin: 5px 0 0 0; font-size: 10px; line-height: 100%; }
.serp .entry { margin-top: 10px; }
.serp .entry p { font-size: 14px; line-height: 130%; }

/* ============================================================================ */



/* ============================================================================
 *		FOOTER
 * ============================================================================ */
#footer { color: #fff; font-size: 14px; line-height: 125%; text-decoration: none; }
#footer a {color: #fff; transition: opacity 0.3s;}
#footer a:hover { color: #999999; text-decoration: underline; }
#footer .maxwidth { position: relative; }

.footer-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; }
.footmenu { padding: 0 0 20px 0; margin: 0; text-align: center; }
.footer-menu li { display: inline-block; padding: 5px 10px; }
#footer .footer-menu a:hover { color: #fff; opacity: 0.7; }

#copy { text-align: center; /*font-size: 12px;*/ }
#designedby { text-align: center; opacity: 0.8; }
/*#designedby, #designedby a { font-size: 12px; }*/
#toTop {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 170px;
	display: none;
	cursor: pointer;
	background: url(../basic/img/link_top_back.png) no-repeat 0 0;
	background-size: 100% auto;
	color: #fff !important;
	border-radius: 3px; /*transform: rotate(-90deg);*/
	font-size: 24px;
	text-align: center;
}

#toTop:hover {
	background-position:  0 -187px;
}



/* ============================================================================
 *		ADAPTIVE
 * ============================================================================ */

/* ___ Laptop/Tablet ( > 768px )  --------------------------------------------- */
@media only screen and (min-width: 768px)  {

	.sitetitle { text-align: left; }
	.sitetitle.center { text-align: center; }
	.sitetitle.right { text-align: right; }
	#header {background-size: auto;}
	#header .searchform { display: block; float: right; margin: 35px 0 0; }
	body.custom-background #header {background-size: contain;}

	/*.anons-thumbnail { display: block; }*/

	/*.tile {display: inline-block; width: 47%; margin-right: 5%; vertical-align: top;}*/
	/*.tile:nth-child(2n), .archive .tile:nth-child(2n +1) {margin-right:0;}*/
	/*.archive .tile:nth-child(2n) {margin-right: 5%;}*/
	/*.tile h2 {font-size: 26px;}*/

	/*.tile .largeimage, .tile .medium { margin: 0 0 1em; max-width: 100%; height: auto; }*/
	/*.tile .thumbnail { float: left; margin: 5px 1.5em 0.5em 0; }*/
	/*.tile .medium { float: none; width: 100%; max-width: 100%; height: auto; }*/
	/*.tile .thumbnail { width: 30%; height: auto; }*/

	.rinput { display: inline-block; width: 30%; margin-right: 4%; }
	.rurl { margin-right: 0; }

	#copy {text-align: left; padding-bottom: 0;}
	#designedby {text-align: right;}
	
}

/* ___ Desktop ( > 1024px ) ------------------------------------------------ */
@media only screen and (min-width: 1024px) {
/*@media only screen and (min-width: 1025px) {*/
	body.custom-background .menu{width:100%;margin:0;padding:0 40px;border-radius:0}
	body.custom-background .wrapper {margin: 40px auto;}
	body.custom-background .wrapper {border-radius:10px;}
	body.custom-background #footer {border-radius: 0 0 10px 10px;}
	
	#mobile-menu { display: none; }
	.topnav {background: transparent;}
	.top-menu { position: static; text-align: center; }
	.top-menu li { display: inline-block; position: relative; }
	.top-menu li a { border-bottom: 0; font-weight: normal; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; }
	.top-menu > li:hover > a { background: rgba(255,255,255,0.3);  }
	.top-menu .sub-menu, .top-menu .children { display: none; margin: 0; position: absolute; top: 100%; left: 0; background: #00b59e; width: 300px; z-index: 1000;  box-shadow: 3px 3px 0 rgba(0,0,0,0.1); }
	.top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left;}
	.top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); }
	.top-menu li:hover > .sub-menu,
	.top-menu li:hover > .children { display: block; }
	.top-menu .sub-menu .sub-menu,
	.top-menu .children .children { display: none; top: 0; left: 100%; padding: 0; border-top: 0; border-left: 3px solid #fff; }
	.top-menu .sub-menu li:hover > .sub-menu,
	.top-menu .children li:hover > .children { display: block; }
	.top-menu .menu-item-has-children > a:after, .top-menu  .menu-item-has-children > span:after { content: '»'; float: right; margin: 1px 0 0 15px; transform: rotate(90deg); }
	.top-menu .sub-menu > .menu-item-has-children > a:after, .top-menu  .sub-menu > .menu-item-has-children > span:after, 
	.top-menu  .children > .menu-item-has-children > a:after, .top-menu  .children > .menu-item-has-children > span:after { 
		content: '»'; float: right; margin: 0; transform: none; 
	}
	
}

/* ___ Desktop ( > 1200px ) ------------------------------------------------ */
@media only screen and (min-width: 1280px) {
	body.custom-background #header {border-radius: 10px 10px 0 0;}
	.top-menu { border-radius: 5px; }
	#navpages li { padding-left: 10px; }
	#navpages .sub-menu { margin-left: 10px; }
	#navpages .sub-menu .sub-menu { left: 190px; }
	#navpages li a { font-size: 16px; padding: 10px; }
	
	.comment-list ul.children {margin: 0 0 50px 30px;}

}

/* -------------------------------------------------------------------------- */

/* custom styles */
#header {
	background:#00b59e url(../basic/img/header_back.jpg) no-repeat center center;
	/*background-size:cover !important;*/
	height:307px;

}
#header .topnav ul.top-menu {
	width: 100%;
	max-width: 100%;
	text-align:left;
	background:#F15B67;
}
#header .sitetitle {
	min-height: 200px;
	width: 100%;
	max-width: 100%;
	height: 100%;
}
#header .logo {
	width:100%;
	height:100%;
	margin:0;
}
#header .logo > a {
	display: block;
	width:100%;
	height:100%;
}
#header .topnav ul.top-menu li.current_page_item,
#header .topnav ul.top-menu li:hover {
	background-color:#00B59E;
}
#header .topnav ul.top-menu li.current_page_item > span,
#header .topnav ul.top-menu li.current-menu-item > span {background:#00b59e;}
#header .topnav {
	z-index: 2;
	position: relative;
	width: 100%;
	background: #F15B67;
}
#header .topnav > nav {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}
#header .header_top_panel {
	background:#FFF;
	width:100%;
	float:left;
}
#header .header_top_panel .header_top_panel_line {
	height:5px;
	margin:7px 0;
	background:#00b59e;
}
#sidebar .wtitle {
	color:#00B59E;
	border:none;
	text-align: left;
	font-size: 28px;
	text-transform: 
	
}
#sidebar .wtitle {
	background: url(../basic/img/categories/pic_14.png) no-repeat left top;
	background-size: 30px 30px;
	padding-left: 36px;
}
#sidebar #nav_menu-6 .wtitle {
	background:none;
	padding-left: 0;
}

/*#sidebar #text-57 .preview_cont {
	border:none;
}*/
a.more-link {
	background:none;
	color:#F15B67;
	/*font-weight: bold;
    font-size: 18px;*/
    text-transform: lowercase;
}
article.post a.more-link:hover {color:#00B59E !important;}
a.more-link::after {display: none;}
.meta {

}
article.post.anons {
	/*border-bottom: 2px solid #F15B67;*/
	padding-bottom: 15px;
	position: relative;
}
article.post.anons::after {
	content: ' ';
	display: block;
	width: 94.5%;
	height: 2px;
	background: #F15B67;
	position: absolute;
	bottom: 0px;
	left: 0;
}
article.post.anons::before {
	content: ' ';
	display: block;
	width: 40px;
	height: 40px;
	background: url(../basic/img/flower0.png) no-repeat center center;
	position: absolute;
	bottom: -20px;
	right: 0;
	background-size: 35px 25px;
}
article.post.anons img.thumb_default,
article.post.anons img.thumb_left {
	float:left;
}
article.post.anons img.thumb_fullwidth {
	float:left;
	width:100%;
}
p.more-link-box {
	clear:both;
}
#main {
	padding: 80px 0;
}
.slider {
	width: 100%;
    float: left;
    margin: 0 0 30px;
    padding-bottom:15px;
    border-bottom:2px solid #00b59e;
}
.slider-wrapper {
    float: left;
    width: 60%;
    height:280px;
}
#slider li {
	text-align: center;
}
#slider li img {
	width:90%;
	height:auto;
	max-height:280px;
	margin:0;
}
.pager {
    float: left;
    width: 40%;
}
.pager li {
    list-style: none;
    padding: 10px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 65px;
    font-size: 16px;
    line-height: 21px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
    background: #F15B67;
}
.pager li:hover,
.pager li.active {
	background: #00b59e;
}
.pager li a {
	color:#FFF;
	text-decoration: none;
	font-size: 14px;
}
@media screen and (max-width:800px) {
	.pager li {
		padding: 5px 10px;
		min-height: 60px;
	}
	.pager li a {
		/*font-size: 12.5px;*/

	}
}

.pager li.active::before {
	content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 15px 0;
    border-color: transparent #00b59e transparent transparent;
    margin: -15px 0 0;
}

.pager li:hover::before {
	border-color: transparent #00b59e transparent transparent;

}
@media screen and (max-width:768px) {
	
	.slider-wrapper,
	#slider-pager {
		width:100%;
		float:none;
		margin:0 auto;
	}
	.slider-wrapper  {
		height:320px;
	}
	#slider li img {
		max-height:320px;
	}
	.pager li {
		min-height: 60px;
		text-align: center;
		display: table;
		width: 100%;
		padding: 15px 10px;
	}
	.pager li a {
		display: table-cell;
		vertical-align: middle;
	}
	.pager li.active::before {
		border-color:transparent transparent transparent transparent;
	}
	.pager li:hover::before {
		/*border:none;*/
	}
	.pager > li:first-child::before {
		/*content: '';
	    position: absolute;
	    top: 50%;
	    left: -10px;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 15px 10px 15px 0;
	    border-color: transparent #F15B67 transparent transparent;
	    margin: -15px 0 0;	*/

	}
	.pager > li:first-child:hover::before,
	.pager > li:first-child {
		/*border-left: 10px solid transparent !important;
		border-right: 10px solid transparent !important;
		border-bottom: 15px solid #00b59e !important;*/
		/*border-color: transparent #00b59e transparent transparent;*/

	}

	
}
@media screen and (max-width:600px) {
	.slider {display: none;}
}
.comment-body {
	padding:20px;
}
.comment .avatar {
	position: static;
	float:left;
	margin: 0 10px 10px 0;
}
.comment-author {
	float:none;
}
.comment .eg-image {display: none !important;}

.metabox_block.metabox_author,
.metabox_block.metabox_category_title,
.metabox_block.metabox_categories a {
	font-size: 16px;
	color:#898989;
}
.metabox_block.metabox_categories a {
	text-decoration: none;
}
.metabox_category_img img {
	width: 25px;
	height: 25px;
	float:left;
	margin: 0 5px 0 0;
}
.anons_metabox {
	width: 100%;
	float: left;
	margin: 15px 0 15px 0;
}
.metabox_block.metabox_author {
	float:left;
	margin-right: 30px;
}
.metabox_category_title {
	/*padding: 2px 0;*/
	float: right;
}
.metabox_category_item {
	display: inline-block;
	margin-right: 15px;
}
.social_share br {
	display:none;
}
blockquote {
	border:none !important;
	background:#FFF;
	padding:30px 80px 30px 80px;
}
blockquote::after {
	content:'';
	display: block;
	width:38px;
	height:38px;
	background:url(../basic/img/quote_left.png) no-repeat center center;
	background-size: 100%;
	top: 35%;
}
blockquote::before {
	content:'';
	display: block;
	width:38px;
	height:38px;
	background:url(../basic/img/quote_right.png) no-repeat center center;
	background-size: 100%;
	top: 35%;
	right:20px;
	left:auto;
	position: absolute;
}
blockquote p {
	font-family: 'Open Sans';
	font-size: 18px;
	line-height: 1.5em;
}
#widgetlist > li {
}
#qips_smiles {
	margin:20px 0;
}
#mobile-menu {
	display:none;
}
.topnav nav {
	display: block;
}
.mobile_toggle_wrap {
	display:none;
	width:100%;
	text-align: center;
	height: 56px;
	box-sizing: border-box;
}
#mobile-menu-toggle {
	display: inline-block;
	border: none;
	background: #00b59e;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	border-radius: 10px;
	margin: 8px 0;
	box-sizing: border-box;
	padding: 10px 20px;
	height: 40px;
	line-height: 100%;
}
@media screen and (max-width:1024px) {
	.topnav nav {
		display: none;
	}
	/*#mobile-menu {
		display: block;
	}*/
	.mobile_toggle_wrap {
		display: block;
	}
}
#nav_menu-6 ul li::before {display: none;}
#nav_menu-6 ul li {padding:10px 0 12px 38px;}
ul.top-menu li.menu-item-type-taxonomy {
	/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/
	background-size: 30px 30px !important;
	background-position: 5px center !important;
}
#nav_menu-6 ul li {
	background-size: 30px 30px !important;
	background-position: 0 center !important;
}
#nav_menu-6 ul li a:hover {color:#F15B67;}
ul.top-menu li.menu-item-type-taxonomy a {padding-left: 38px;}
ul.top-menu li.menu-item-title-literaturnaya-stranica {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-skazochnoe-korolevstvo,
#nav_menu-6 ul li#menu-item-5078 {background: url(../basic/img/categories/pic_25.png) no-repeat left center;}
ul.top-menu li.menu-item-title-budyte-zdorovy {background: url(../basic/img/categories/pic_19.png) no-repeat left center;}
ul.top-menu li.menu-item-title-veglivyy-s-pelenok,
ul.top-menu li.menu-item-title-vospitannyy-s-pelenok {background: url(../basic/img/categories/pic_18.png) no-repeat left center;}
ul.top-menu li.menu-item-title-detki {background: url(../basic/img/categories/pic_26.png) no-repeat left center;}
ul.top-menu li.menu-item-title-detskie-zagadki {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-detskie-mulytfilymy {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-detskie-pesni {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-detskie-poteshki {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-detskie-stihi {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-detskie-schitalochki {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-igry,
ul.top-menu li.menu-item-title-igry-i-zabavy,
#nav_menu-6 ul li#menu-item-5081 {background: url(../basic/img/categories/pic_12.png) no-repeat left center;}
ul.top-menu li.menu-item-title-knigi-dlya-detey-i-roditeley,
#nav_menu-6 ul li#menu-item-5082 {background: url(../basic/img/categories/pic_14.png) no-repeat left center;}
ul.top-menu li.menu-item-title-maminy-posidelki {background: url(../basic/img/categories/pic_22.png) no-repeat left center;}
ul.top-menu li.menu-item-title-opyty-dlya-detey,
ul.top-menu li.menu-item-title-opyty-i-eksperimenty-dlya-detey,
#nav_menu-6 ul li#menu-item-5080 {background: url(../basic/img/categories/pic_27.png) no-repeat left center;}
ul.top-menu li.menu-item-title-otdyh-s-detymi,
#nav_menu-6 ul li#menu-item-5083 {background: url(../basic/img/categories/pic_16.png) no-repeat left center;}
ul.top-menu li.menu-item-title-bloging,
ul.top-menu li.menu-item-title-zametki-blogini {background: url(../basic/img/categories/pic_23.png) no-repeat left center;}
ul.top-menu li.menu-item-title-zamechatelynye-mamy {background: url(../basic/img/categories/pic_22.png) no-repeat left center;}
ul.top-menu li.menu-item-title-konkursy {background: url(../basic/img/categories/pic_20.png) no-repeat left center;}
ul.top-menu li.menu-item-title-konkursnye-raboty {background: url(../basic/img/categories/pic_20.png) no-repeat left center;}
ul.top-menu li.menu-item-title-moi-gosti {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-nastroenie {background: url(../basic/img/categories/pic_21.png) no-repeat left center;}
ul.top-menu li.menu-item-title-eto-interesno {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-otdyh-s-detymi {background: url(../basic/img/categories/pic_16.png) no-repeat left center;}
ul.top-menu li.menu-item-title-prazdniki,
ul.top-menu li.menu-item-title-prazdniki > ul.sub-menu > li,
#nav_menu-6 ul li#menu-item-5084 {background: url(../basic/img/categories/pic_17.png) no-repeat left center;}
ul.top-menu li.menu-item-title-skazochnoe-korolevstvo {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-tvorcheskaya-minutka,
#nav_menu-6 ul li#menu-item-5079 {background: url(../basic/img/categories/pic_13.png) no-repeat left center;}
ul.top-menu li.menu-item-title-tematicheskie-zanyatiya {background: url(../basic/img/categories/pic_11.png) no-repeat left center;}
ul.top-menu li.menu-item-title-shkolynye-gody-chudesnye,
ul.top-menu li.menu-item-title-uroki-s-mamoy,
ul.top-menu li.menu-item-title-uroki-s-mamoy-i-mamina-mudrosty,
#nav_menu-6 ul li#menu-item-5090 {background: url(../basic/img/categories/pic_15.png) no-repeat left center;}
ul.top-menu li.menu-item-title-shkatulka-sokrovisch,
ul.top-menu li.menu-item-title-shkatulka-sokrovisch > .sub-menu li,
#nav_menu-6 ul li#menu-item-5085,
#nav_menu-6 ul li#menu-item-5085 > .sub-menu li {background: url(../basic/img/categories/pic_24.png) no-repeat left center;}
#nav_menu-6 ul li#menu-item-5085 {background-position: left 7px !important;}
ul.top-menu li.menu-item-title-literaturnaya-stranica {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-skazochnoe-korolevstvo {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}
ul.top-menu li.menu-item-title-sodergimoe {/*background: url(../basic/img/categories/pic_11.png) no-repeat left center;*/}

#nav_menu-6 ul li > .sub-menu {
	margin-top: 10px;
}

.subscribe_form_wrap {
	width:100%;
	height:285px;
	background:url(../basic/img/podpis_fon.jpg) no-repeat center center;
	background-size: 100% auto;
}
#est-form-div {
	padding: 15px 0 0 96px;
}
.est-form #est-top-header {
	max-width: 446px;
	color: #000;
	font-weight: 400;
	margin-bottom: 10px;
}
.est-form-input-wrap {
	width:438px;
	margin: 0 0 25px 0;
}
.est-form-input-wrap input {
	width:100%;
	width: 100%;
	box-sizing: border-box;
	height: 38px;
	border: 1px solid #b5b5b5;
}
.est-form-input-wrap input.est-form-input {
	height:45px;
	border:none;
	color:transparent;
	background: url(../basic/img/button_sprite.png) no-repeat;
	background-size: 100% auto;
}
.est-form-input-wrap input.est-form-input:hover {
	background-position: 0 -46px;
	background-size: 100% auto;

}
@media screen and (max-width: 1150px) {
	#content {
		padding:0 15px;
		box-sizing: border-box;
	}

}
@media screen and (max-width: 1024px) {
	#est-form-div {
		padding: 20px 0 0 160px;
	}
}
@media screen and (max-width: 825px) {
	#est-form-div {
		padding: 20px 0 0 100px;
	}
}
@media screen and (max-width: 800px) {
	#header {
		height: auto;
		min-height: 220px;
		background-size: 100% 100%;
		position: relative;
	}
	#header .topnav {
		position: absolute;
		bottom:-55px;
	}
}
@media screen and (max-width: 768px) {
	.subscribe_form_wrap {
		background-size: cover;
	}
	#est-form-div {
		padding: 20px 0 0 70px;
	}
}
@media screen and (max-width: 650px) {
	#est-form-div {
		padding: 20px 0 0 20px;
	}
	#header {
		min-height: 200px;
	}
}
@media screen and (max-width: 550px) {
	.subscribe_form_wrap {
		min-height: 285px;
		height: auto;
	}
	#est-form-div {
		width: 100%;
		padding: 30px 20px 5px 20px;
		box-sizing: border-box;
	}
	.est-form-input-wrap {width:100%;}
	.est-form-input-wrap input.est-form-input {
		background-position: 0 0 !important;
		height:40px;
		overflow: hidden;
	}
	

}
.header_adaprive_img {display: none;width:100%;height:auto;}
@media screen and (max-width: 560px) {
	.header_adaprive_img {display: inline;}
	#header {background:none;min-height: 1px;}
	#header .sitetitle {display: none;}
	#header .topnav {bottom:-46px;}

}
@media screen and (max-width: 460px) {
	#header {
		min-height: 175px;
	}
	.est-form-input-wrap input.est-form-input {
		height:38px;
	}

}
@media screen and (max-width: 430px) {
	.est-form-input-wrap input.est-form-input {
		height:30px;
	}

}
@media screen and (max-width: 400px) {
	#header .topnav {
    	bottom: -33px;
    }
    blockquote {padding:0;}
    blockquote::before, blockquote::after {display: none;}
}
@media screen and (max-width: 360px) {
	#header .topnav {
    	bottom: -20px;
    }
    .est-form-input-wrap input.est-form-input {
		height:26px;
	}

}
@media screen and (max-width: 320px) {
	#header .topnav {
    	bottom: -12px;
    }
}
#sidr-main {
	box-shadow: none;
}
#sidr-main li {
	display: inline-block;
	width:100%;
	line-height: 18px;
	
}
#sidr-main li a {
	width:100%;
	display:block;
	padding:10px 0 10px 10px;
	box-sizing: border-box;

}
#sidr-main .sidr-class-sub-menu li a {
	padding-left: 25px;
}
#sidr-main li > .sidr-class-sub-menu > li.sidr-class-menu-item-has-childre > .sidr-class-sub-menu li a {
	padding-left: 30px;

}

iframe { max-width: 100%; }