/*----------------------------------------------------------
    Theme Name: Cleant
	Theme URI: http://livethemes.ru/themes/cleant/
    Author: LiveThemes
    Author URI: http://livethemes.ru/
    Version: 1.1
----------------------------------------------------------*/

body {
    font-family: Arial, Tahoma, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	line-height: 150%;
	color: #666;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 20px 0;
	padding: 0;
	color: #555;
	
font: bold;
	line-height: normal;
}
h1 { font-size: 23px; }
h2 { font-size: 22px; color: #495e83;}
h3 { font-size: 20px; color: #495e83;}
h4 { font-size: 18px; color: #495e83;}
h5 { font-size: 13px; }
h6 { font-size: 12px; }

a { 
    outline: none; 
    color: #495e83; 
    text-decoration: none;	
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
    -o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}
a:hover { text-decoration: underline; color: #888; }

h2.entry-title a:hover {text-decoration: none;}

img { border: 0;}

blockquote { 
    margin: 0 0 0 20px;
    padding: 0 0 0 15px; 
    font-style: italic; 
	border-left: 2px solid #B51E82;
color: #333;
}

pre, code {
	line-height: 1.8;
}

del { text-decoration: line-through; }

embed, iframe,
object, video {
	max-width: 100%;
	border: 0;	
}

ul {
    margin: 0 0 20px 0;
	padding: 0 0 0 40px;
	list-style: square;
list-style-image: url(/mar.png);
}

ul  li, ol li {
	margin: 0 0 5px 0;
}

ol {
	margin: 25px 0 15px 25px;
	padding: 0 0 0 15px;
}

/*----------------------------------------------------------*/
/*	Slider
/*----------------------------------------------------------*/

#slider {
	max-width: 750px;
	margin-bottom: 30px;
	text-shadow: none;
}

#slider ul, #slider ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li { background: none; }

.flexslider { 
	width: 100%;
	min-height: 350px;
	position: relative; 
}

.loading {
    background: url(images/load.gif) center center no-repeat;
	max-width: 750px;
	max-height: 350px;
}

.flexslider .slides > li {
	display: none;
	position: relative;
}

.flexslider .slides img { 
    width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

#slider .caption {  
	width: 100%;
	margin-top: 20px;
	font-size: 14px;
}
#slider .caption-con {
    background: #f9f9f9;
	padding: 20px 184px 20px 20px;
	color: #888;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 4px;
}

#slider .title-sl { font-size: 20px; color: #B51E82; }
#slider .title-sl:hover { color: #888; }

#slider .slider-details { margin-top: 10px; }
#slider .slider-details a { color: #888; text-decoration: underline; }
#slider .slider-details a:hover { text-decoration: none;  }

.lt-control-nav {
    width: 144px;
	text-align: right;
	position: absolute; 
	right: 20px; 
	bottom: 17px; 
	z-index: 10;
}

.no-caption .lt-control-nav {
    width: auto;
}

.lt-control-nav li { 
    margin: 0 0 3px 3px; 
    display: inline-block; 
    zoom: 1; 
    *display: inline;
}

.lt-control-paging li a { 
    background: #d0d0d0;
    width: 15px; 
    height: 15px; 
    display: block; 
    cursor: pointer; 
	text-align: left;
    text-indent: -9999px;
    border-radius: 15px;
}

.lt-control-paging li a:hover, 
.lt-control-paging li a.lt-active { 
    background: #b0b0b0;
}

.no-caption .lt-control-paging li a { 
    background: #fefefe;
}

.no-caption .lt-control-paging li a:hover, 
.no-caption .lt-control-paging li a.lt-active { 
    background: #202020;
}

/*----------------------------------------------------------*/
/*	Search Form
/*----------------------------------------------------------*/

.searchform {
    background: #fff;
    max-width: 288px;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.searchform .in-search {
    font-family: Arial, Tahoma, sans-serif;
    background: none;
	max-width: 288px;
	height: 30px;
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 14px;
	border: 0;
	outline: none;
}

.ie7 .searchform  .in-search { margin: 4px 0 0 0; }
.ie8 .searchform  .in-search { margin: 5px 0 0 0; }

/*----------------------------------------------------------*/
/*	Widgets
/*----------------------------------------------------------*/

/*  Posts
------------------------------------- */

.posts-wg {
    background: url(images/line_small.png) bottom repeat-x;
    margin-bottom: 15px;
	padding-bottom: 18px;
	overflow: hidden;
}

.p-r-wg {
	margin-left: 92px;
	float: left;
}

.p-title-wg {
	font-size: 16px;
}

.p-thumb-wg {
	width: 80px;
	margin-right: -92px;
	float: left;	
}

.p-thumb-wg img {
	height: 80px;
	width: 80px;
	display: block;
	border-radius: 4px;
}

.p-thumb-wg:hover {  
    opacity: 0.2;
}

.p-date-wg { font-size: 13px; margin-top: 5px; }

/*  Categories widget 
------------------------------------- */

.widget_categories ul, 
.widget_archive ul {
    margin: 0;
	padding: 0;
	list-style: none;
}

.widget_categories ul  li, 
.widget_archive ul  li {
	margin: 0 0 5px 0;
	display: block;
	position: relative;
	overflow: hidden;
padding-bottom: 10px;
background: url("https://ihair.desigusxpro.com/hr/wp-content/themes/cleant/images/line_small.png") 50% 100% repeat-x transparent;
}

.widget_categories ul .children {
    padding-left: 5px;
}

.widget_categories ul .children li {
    margin: 0;
    padding: 5px 0 0 0;
    border-bottom: 0;
}

.widget_categories ul li.current-cat a {
    color: #888 !important;
}

span.cat-count {
    margin-left: 5px;
	display: block;
    float: right;
}

/*  Tag Cloud 
------------------------------------- */

.tagcloud a { 
   margin: 0 2px 2px 0;
}

/*  Recent Comments 
------------------------------------- */

.widget_recent_comments ul {
    margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.widget_recent_comments ul  li {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	display: block;
}

/*----------------------------------------------------------*/
/*	Header
/*----------------------------------------------------------*/

#header { 
    background: url(images/line.png) bottom repeat-x;
	width: 100%;
	margin: 0 auto 30px auto;
    position: relative;
	z-index: 900;
}

#header-con { 
	max-width: 1140px;
	margin: 0 auto;
	padding: 30px 30px 35px 30px;
}

/*  Logo 
------------------------------------- */

#logo {
    height: 40px;
    display: block;
	float: left;

}

a#logo-text {
    margin-top: 5px;
	display: block;
    line-height: normal;
	font-size: 32px;
    float: left;
}
a#logo-text { color: #555; }
a#logo-text:hover { color: #888; }

/*  Top Menu 
------------------------------------- */

#top-nav {
    margin-top: 10px;
	float: right;
	position: relative;
	z-index: 900;
}	

#top-nav ul {
    margin: 0; 
	padding: 0; 
	list-style: none;
}

#menu-icon {
	display: none;
}
 
.top-menu li {
	float: left;
	position: relative;
	list-style: none;
}

.top-menu li {
	float: left;
}

.top-menu a {

	margin-left: 20px;
	padding: 5px;
	display: block;
	font-size: 16px;
	position: relative;
}

/* dropdown */

.top-menu ul {
	width: 180px;
	height: auto;
	padding: 10px 0 !important;
	display: none; 
	position: absolute; 
	left: 20px;
	border-radius: 4px;
}

.top-menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.top-menu ul a {
	height: auto;
	margin: 0;
	padding: 5px 20px;
	font-size: 13px;
	line-height: 130%;
	font-weight: normal;
	text-transform: none;
	text-shadow: none;
}

.top-menu li:hover > ul {
	display: block;
}

.top-menu ul ul {
	position: absolute; 
	left: 180px;
	top: -10px;	
}

@media screen and (max-width: 1000px) {

#top-nav {
   	margin-top: 10px;
}

#menu-icon {
	background: url(images/mm_icon.png)  left center no-repeat;
    width: 45px;		
	height: 20px;
	margin: 0 auto;
	padding: 6px 10px 0 37px;
	display: block;
    color: #555;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;		
}

.top-menu a {
	margin-left: 0;
}
	
.top-menu {
	width: 200px;
	margin: 0 auto !important;
	padding: 10px 0 !important;
	display: none;
	position: absolute;
	left: -105px;
	top: 30px;
	z-index: 10000;
    border-radius: 4px;
}

.top-menu li {
	float: none;
}

.top-menu a {
	height: auto;
	padding: 2px 15px;
	text-shadow: none;
	text-transform: none;
}

.top-menu a:hover, .top-menu li:hover a.sublist, .top-menu li.current-menu-item > a {
    background: none;
}

.top-menu ul {
    width: auto;
	padding: 0 0 0 10px!important;
	display: block; 
	position: static; 
}

.top-menu ul a {
	padding: 2px 15px;
	border: 0;
}
	
.top-menu ul ul {
	position: static; 
}	

}

@media screen and (min-width: 1000px) {

/* ensure #nav is visible on desktop version */
.top-menu {
	display: block !important;
}

}

@media screen and (max-width: 480px) {

#top-nav {
   	margin-top: 30px;
	float: left;  
}

.top-menu {
	left: 0;
}

}

/*----------------------------------------------------------*/
/*	Content
/*----------------------------------------------------------*/

#container { 
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 30px;
}

#primary { 
    width: 100%;
	float: left;
}

#primary img {
    max-width: 100%;
	height: auto;
border-radius: 4px;
}

#primary-con { 
    margin-right: 390px;
}

.pr-no-s { 
    margin-right: 0 !important;
}

.l_s #primary-con { 
    margin-left: 390px;
	margin-right: 0;
}

.page-template-page-one-column-php #primary-con, 
.error404 #primary-con { 
    margin-left: 0;
    margin-right: 0;
}

.wg-pr, .meta-desc {  
	margin-bottom: 30px;
	overflow: hidden;
}

.entry-con .wg-pr {  
	margin-bottom: 0;	
	padding: 0;
}

.wg-pr-t { margin-bottom: 20px; line-height: normal; }

#sidebar { 
    width: 360px;
	margin-left: -360px;
    float: left;	
}

.l_s #sidebar {  
	margin-left: -100%;
}

#sidebar img {
    max-width: 100%;
	height: auto;
}

.wg-s {  
    background: #EAF6F8 url(images/wg_s_arrow.png) top center no-repeat; 
	margin-bottom: 30px;
	padding: 30px;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 4px;
	overflow: hidden;
}

.wg-s-t { 
    background: url(images/w_s_t.png) left no-repeat; 
	margin-bottom: 20px; 
	padding-left: 28px; 
	line-height: normal; 
}

.meta-desc h1 { margin: 0; }
.meta-desc p { margin-bottom: 0; }

/*----------------------------------------------------------*/
/*	Post Blog
/*----------------------------------------------------------*/

.post-col{  
	width: 48%;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	float: left;
}

.row {  
	width: 100%;
	clear: both; 
	overflow: hidden; 
}
	
.col2 { float: right; }

.thumb-entry img {
    margin-bottom: 15px;
 	display: block;
	border-radius: 4px;
}

.thumb-entry:hover {  
    opacity: 0.2;
}

.entry-details { 
    margin-bottom: 15px;
	padding: 4px 10px;
    display: inline-block; 
	font-size: 13px;
	border-radius: 4px;
}
.ie7 .entry-details { 
    display: inline; 
}
.entry-details.t-on { 
    margin-bottom: 0; 
	opacity: 0.8;
	position: absolute;
	top: 15px;
	left: 15px;
}

h1.entry-title { margin-bottom: 15px; }

.excerpt-con p { margin: 0; }

.more-link  { 
    margin-top: 10px; 
	margin-left: 10px; 
	float: right; 
}
.more-link:hover { text-decoration: underline; }

.entry-con {  
	margin-bottom: 15px;
}

.entry-details-single { 
    background: #EAF6F8;
	margin-bottom: 15px;
        margin-top: 15px;
	padding: 15px;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 4px;
}

.home-page {  
	margin-bottom: 30px;
}

.single .post img, 
.page .post img { max-width: 100%; height: auto; }

/*   WordPress Video
------------------------------------- */

.fluid-width-video-wrapper { margin-bottom: 20px; } /* FitVids */

.wp-video {
    width: 100% !important;
}

.single .wp-video-shortcode, 
.page .wp-video-shortcode,
.single .wp-audio-shortcode,
.page .wp-audio-shortcode {
    width: 100% !important;
	margin-bottom: 20px;
	text-align: center;
}

/*   WordPress Mediaelements
------------------------------------- */

.post .mejs-layer,
.post .mejs-mediaelement,
.post .mejs-container .mejs-controls {
	background: #191919;
}
.post .mejs-controls .mejs-time-rail .mejs-time-current,
.post .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #0096ff;
}

.post .mejs-controls .mejs-time-rail .mejs-time-total,
.post .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #323232;
}

.post .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #676767;
}

.post .mejs-controls .mejs-time-rail span,
.post .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.post .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}

.post .mejs-button button {
    outline: none !important;
}

/*  WordPress Gallery
------------------------------------- */

.gallery  { 
    margin: 0 auto; 
    overflow: hidden;
}

.gallery br  { display: none; }

.gallery-item {
    background: #fff;
    margin: 0 0 10px 0;
	float: left;  
}

.gallery-item a:hover img { opacity: 0.2; }
.gallery-item img  { display: block; border-radius: 4px; }

.gallery-caption { display: none; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.3%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }

/*  Edit Link
------------------------------------- */

.edit-link {
    background: #ffba00;
    margin-bottom: 15px;
	padding: 3px 10px;
	font-size: 12px;
	display: inline-block;
}

.edit-link a { color: #fffffe; text-decoration: underline; }
.edit-link a:hover { color: #fffffe; text-decoration: none; }


/*  WordPress Image
------------------------------------- */

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-top: 2px;
	margin-bottom: 10px;
}

/*  Navigation Post 
------------------------------------- */

.nav-post {
    margin-bottom: 30px;
	overflow: hidden;	
}

.nav-post a {
	display: block;
}

.nav-post-prev {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-post-next {
	float: left;
	width: 50%;
}

/*  Comments 
------------------------------------- */

#comments{
	margin-bottom: 30px;
}

.comments-title {
    margin-bottom: 20px;
	color: #444;
	font-size: 18px;
}

#reply-title {
    margin-top: 20px;
	font-size: 18px;
}

#comments ol, 
#comments ul{
	list-style: none !important;
	padding:0;
	margin: 0;

}
 
#comments li{
	background: none;
	padding:0;
	margin: 0;
}

.nopassword,
.nocomments {
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0;
	text-align: center;
}

.commentlist div.comment {
	margin: 0 0 25px 80px;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}

.commentlist .children div.comment {
	margin-left: 160px;
}

.commentlist .children .children div.comment {
	margin-left: 240px;
}

.commentlist .children .children .children div.comment {
	margin-left: 320px;
}

.commentlist .children .children .children .children div.comment {
	margin-left: 400px;
}

.comment-author {
	font-size: 16px;
	margin-bottom: 5px;
}

.comment-author .fn {
	color: #444;
}

.commentlist .avatar {
	position: absolute;
	top: 0;
	left: -80px;
}

.comment-meta{
	color: #888;
	font-size: 12px;
}

#cancel-comment-reply-link {
    margin-top: 10px;
	display: block;
	color: #e96666;
	font-size: 12px;
}

.comment-awaiting-moderation {
	color: #e96666;
	font-style: italic;
}

#comment-navigation {
	padding-top: 10px;
}

.pinglist li {
    margin: 0 5px 5px 5px!important;
	float: left;	
}

/* Comment Form */

#respond input, 
#respond textarea {
    font-family: Arial, Tahoma, sans-serif;
	background: #fff;
	height: 26px;
	width: 300px;
	padding: 0 5px;
	display: block;
	border: 1px solid #e0e0e0;
	outline: none;
	border-radius: 3px;
}

#respond textarea {
    width: 95%;
	height: 120px;
	padding: 5px;
}

#respond input#submit {
    font-family: Arial, Tahoma, sans-serif;
	background: #fff;
	width: 100px;
	margin: 10px 0 0 0;
	padding: 0;	
	color: #888;
	outline: none;
	cursor: pointer;
}

#respond input#submit:hover {
	color: #333;
}

p.comment-form-author,
p.comment-form-email, 
p.comment-form-url {
    width: 312px;
	position: relative;
}

p.comment-form-author label,
p.comment-form-email label, 
p.comment-form-url label {
    width: 50px;
    text-align: left;
	position: absolute;
	top: 4px;
	right: -60px;
}

.required {
    display: block;
	position: absolute;
	top: 4px;
	right: 0;
}

p.comment-form-author .required {
	right: 0;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #ff7777;
	font-size: 15px;
	font-weight: bold;	
}

/*----------------------------------------------------------*/
/*	Page Navigation
/*----------------------------------------------------------*/

.page-nav {
     padding: 0 0 0 0;
    margin: 10px 0 35px 0;
    font-size: 15px;
    line-height: 16px;
	clear: both;
	overflow: hidden;
}

.page-nav .page-numbers {
    background: #fff;
    display: block;
    float: left;
    margin: 0 6px 5px 0;
    padding: 7px 12px;
    text-decoration: none;
    color: #666;
border-radius: 5px;
border: 1px solid #DDDDDD;
}
 
.page-nav .current {
    color: #B51E82;
    font-weight: bold;
border: 1px solid #BD609D;
}

.page-nav a:hover {
   color: #fff;
background: #B51E82;
border: 1px solid #B51E82;
}

/* -------------------- Nav List -------------------- */

/*----------------------------------------------------------*/
/*	Bottom
/*----------------------------------------------------------*/

#bottom { 
    max-width: 1140px;
	margin: 0 auto;
	text-align: left;
}

#bottom-left, 
#bottom-center, 
#bottom-right {
    width: 31.6%;
	margin-right: 2.6%;
	float: left;
}
#bottom-right {
	margin-right: 0;
}

.bottom-con {
    background: #EAF6F8 url(images/wg_s_arrow.png) top center no-repeat; 
	margin-bottom: 30px;
	padding: 30px 30px 15px 30px;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 4px;
	overflow: hidden;
}

#bottom img {
    max-width: 100%;
	height: auto;
}

.wg-b-l, .wg-b-c, .wg-b-r { 
    width: 100%;
	margin-bottom: 0px;
}

.wg-b-t {     
    background: url(images/w_s_t.png) left no-repeat; 
	margin-bottom: 20px; 
	padding-left: 28px; 
	line-height: normal; 
}

/*----------------------------------------------------------*/
/*	Footer
/*----------------------------------------------------------*/

#footer { 
    background: url(images/line.png) top repeat-x;
    max-width: 1200px;
	margin: 0 auto 30px auto;
	padding-top: 20px;
	text-align: left;
}

#footer .textwidget {width: 600px;}
.wg-f-t { display: none; }

/*----------------------------------------------------------*/
/*	Mobile
/*----------------------------------------------------------*/

@media screen and (max-width: 768px) {

#primary { 
    width: 100%;
	float: none;
}

#primary-con { 
    margin-right: 0;
}

.l_s #primary-con { 
    margin-left: 0;
	margin-right: 0;
}

#sidebar {  
    width: auto;
	margin-left: 0;
    float: none;	
}

.l_s #sidebar {  
	margin-left: 0;
}

	
}

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

.commentlist div.comment {
	margin-left: 25px;
}

.commentlist .children div.comment {
	margin-left: 50px;
}

.commentlist .children .children div.comment {
	margin-left: 75px;
}

.commentlist .children .children .children div.comment {
	margin-left: 100px;
}

.commentlist .children .children .children .children div.comment {
	margin-left: 125px;
}

.commentlist .avatar {
	position: absolute;
	top: 0;
	left: -25px;
}

.commentlist .avatar {
	width: 20px;
	height: 20px;
}

#bottom-left, 
#bottom-center, 
#bottom-right {
    width: 100%;
	margin-right: 0;
	float: none;
}

}

@media screen and (max-width: 480px) {

#logo img {
	float: none;
        width: 350px;

}


#interesting_articles #cell {width: 250px; height: 180px; margin-left: -5px;}

#respond input, #respond textarea {width: 250px; margin-top:5px;} 
p.comment-form-author label, p.comment-form-email label, p.comment-form-url label {right: 0px; position: relative;}
p.comment-form-author, p.comment-form-email, p.comment-form-url {width: 250px;}

#footer .textwidget {width:200px; margin: 0 0 0 5px;}

a#logo-text {
    margin-top: 0;
    float: none;
}

.flexslider { 
	min-height: 50px;
}

#slider .caption {
    display: none;
}

.lt-control-paging li a { 
    background: #fefefe;
}

.lt-control-paging li a:hover, 
.lt-control-paging li a.lt-active { 
    background: #202020;
}

.post-col{  
	width: 100%;
	float: none;
}
	
.col2 { float: none; }


}

/*----------------------------------------------------------*/
/*	Clear
/*----------------------------------------------------------*/

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.socknop {float: left; margin-top: 5px; height: 35px; width: 100%;}

.breadcrumbs {margin: 0 0 15px 0; color: #8A8A8A; font-size: 13px; background-color: #f9f9f9; padding: 7px 10px 7px 10px; border-radius: 3px;}
.stat {float: right; opacity: 0.6;}
.stat:hover {opacity: 1;}
.entry-con a {text-decoration: underline;}

#cell{
 height: 210px;  /* Высота ячейки  */
 float: left;   /* Каждая следующая ячейка располагается слева */
 list-style: none;  /* Отменяем родительские стили */
 margin: 14px;  /* Расстояние между ячейками */
 padding: 5px;  /* Отступы от миниатюры до края ячейки */
 text-align: center; /* Текстовые заголовки расположены по центру */
 width: 335px;  /* ширина одной ячейки */
 overflow: hidden;  /* Окончания длинных заголовков, не вместившихся в ячейку, будут скрыты */
 border: #F5F5F5 solid 1px; /* Рамка вокруг ячейки */
 border-top-left-radius: 10px;  /* Закругление левого верхнего угла ячейки */
 border-top-right-radius: 10px;  /* Закругление правого верхнего угла ячейки */
 border-bottom-left-radius: 10px;  /* Закругление нижнего левого угла ячейки */
 border-bottom-right-radius: 10px;  /*Закругление нижнего правого угла ячейки */
}

#interesting_articles{
 margin: 10px 0;   /*  Отступы от верхнего и нижнего края */
 float: left;     /* Прижимаем блок к левому краю */
 width: 100%;  /* Длина блока соответствует ширине страницы */
}

#cell a{text-decoration:underline;}

#interesting_articles ul {
 margin-left: 5px;  /*  Внешний отступ от левого края страницы */
 width: 750px;  /* Общая ширина блока без учета отступов от краев страницы */
}

#interesting_articles li {
 list-style: none;  /* Отменяем нумерацию списка (1,2,3 и т.д.) */
}

ul.comments-widget {
  list-style: none;
 padding-left: 0px !important;
}

ul.comments-widget a {text-decoration: underline;}
ul.comments-widget li {
background: url("https://ihair.desigusxpro.com/hr/wp-content/themes/cleant/images/line_small.png") 50% 100% repeat-x transparent;
  margin: 0 0 15px;
  padding: 0 0 15px;
  min-height: 40px;

}
ul.comments-widget .alignleft {
  margin: 0 8px 0 0;
}
ul.comments-widget img.avatar {
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 4px;
 margin: 0 3px 0 0;
}

.entry-con ol {
    counter-reset:li; /* Инициализируем счетчик */
    padding:0; /* Удаляем  установленное по умолчанию левое поле*/
    list-style:none; /* Отменяем нумерацию установленную по умолчанию */
  }
 .entry-con ol li {
      position:relative; /* Создаем контекст для позиционирования элементов */
      margin:10px 0 6px 2em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
      padding:4px 8px;
      border-top:1px solid #B60081;
      background:#fff;
      }
  .entry-con ol li:before {
      content:counter(li); /* В качестве данных используем счетчик */
      counter-increment:li; /* Увеличиваем значение счетчика на 1 */
      /* Позиционируем и оформляем цифры */
      position:absolute;
      top:-1px;
      left:-2em;
      width:2em;
      padding:4px 0;
      border-top:1px solid #B60081;
      color:#fff;
      background:#B60081;
      font-weight:bold;
      font-family:"Helvetica Neue", Arial, sans-serif;
      text-align:center;
      }

.vop {background:#B60081; padding:7px; float: left; text-align:center; border-top:1px solid #8F0467; margin-left: 45px; !important}
.vop a {color:#ffffff;}

.vop2 {background:#B60081; padding:7px; float: left; text-align:center; border-top:1px solid #8F0467; margin-left: 20px; !important}
.vop2 a {color:#ffffff;}

.vop2 a:hover {color:#ffffff;}
.vop a:hover {color:#ffffff;}

.top-menu img {margin-right: 6px;}

body .dwqa-container a {color:#B60081; text-decoration: underline; !important}
.ads_c {margin: 20px 0 20px 0;}
.ads_blokh1 { width: 320px; height: 100px; margin: 5px 0 5px 0;}
@media(min-width: 500px) { .ads_blokh1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ads_blokh1 { display: inline-block; min-width:400px;max-width:970px;width:100%;height:90px; } }
.ads_h1 {margin: 0 0 15px 0;}
.vajno {width:100%; border-bottom:1px solid #F4F4F4; padding-bottom: 10px; margin-bottom: 15px;}
.link_ads {margin: 5px 0 20px 0;}
.ads_h3 {margin: 30px auto 30px auto !important;}
.ads_h3_v {margin: 25px auto 25px auto !important; display: block; max-height: 140px;}
.adaptiv {margin: 5px 0 15px 0;}
.ads_prod {margin: 10px 0 10px 0;}
.ads_h {margin: 30px auto 30px auto !important; display: block;}
.ads_ya {padding: 10px 0 25px 0; margin-left: auto !important;
    margin-right: auto !important;}

.ads_of {background:#FEFAFA; border:1px solid #F2D8E9; border-radius: 4px; padding: 0 15px 0 15px; margin: 20px 0 20px 0; position:relative; overflow: hidden;}
.ads_of a {color: #B60081;}
.ads_of img {margin-top: 10px; border-radius: 4px;}
.ads_of img:hover {border:1px solid #ED0E0E;}

.al{padding:15px; width:96.2%; background:#FEFAFA; margin: 10px 0 18px 0; border-left: 3px solid #D0E9EE; display: block; text-align: justify;}
.li-rek {padding:15px; width:96.2%; background:#FEFAFA; margin: 10px 0 18px 0; border: 1px solid #F2D8E9; display: block; border-radius: 4px;}
.foter-m a {padding-right:15px;}

.box-uthor {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EAF6F8;
	border-radius: 4px}
.box-uthor-in {position: relative;
    display: -webkit-flex;
    text-align: center;
    flex-flow: column nowrap;
    justify-content: center;
	z-index: 10;
	padding: 35px;}
.box-uthor-foto img {border-radius: 100% !important;}
.box-uthor-info {max-width: 700px;
    margin-right: auto;
    margin-left: auto;}
	
.box-uthor-info img {margin-bottom: -4px; margin-right: 3px; border-radius: 4px !important;}
	
.box-h1 h1 {font-size: 32px !important; margin-right: auto;
    margin-left: auto; text-align: center;
    padding-bottom: 20px;}

.box-uthor-post {text-align: center;
    flex-flow: column nowrap;
    justify-content: center;
    z-index: 10;
    padding: 35px;}
	
.box-uthor-post img {display: inline !important;}
.box-uthor-post h2 {font-size: 32px !important; margin-right: auto;
    margin-left: auto; text-align: center;
    padding-bottom: 30px;}
	
.box-uthor-post h3 {font-size: 18px; font-weight: 200;}

.content-meta {font-size: 13px;
    color: #8A8A8A;}

.buttonup {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: #b60081;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
	opacity:0.4;
}

.buttonup:hover {
    background: #b60081;
    color: #fff;
    cursor: pointer;
	opacity:0.9;
}