/*
Theme Name: ITC Material Theme
Description: Special theme. Based on Bootstrap 3
Version: 2018.08122015483
Author: Jurko Chervony
Author URI: http://skinik.name
Theme URI: http://skinik.name
Tags: ...
Text Domain: cehla
*/

/* Fix scroll */
html.fullscreen {
	overflow: auto !important;
	width: auto !important;
	height: auto !important;
	max-width: auto !important;
	max-height: auto !important;
}


/**
 * TMP
 * Add more margin for comments icon
 */
span.icon.icon-ic-person-black-48px,
span.icon.icon-ic-comment-black-48px { margin-right: 4px !important; }
span.icon.icon-ic-comment-black-48px + a { margin-left: 3px; } /* Додаємо більший відступ для посилання на коментарі після іконки (без посилання відступ і так нормальний) */

.rating-and-price .title { padding-right: 5px; }

/** RE-styling Bootstrap **/
.navbar, code, pre, .label, .form-control, .badge, .table-bordered, .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child, .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child, .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child, .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child, .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child, .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-append input, .input-append select, .input-append .uneditable-input, .input-append input+.btn-group .btn, .input-append select+.btn-group .btn, .input-append .uneditable-input+.btn-group .btn, .input-append .add-on:last-child, .input-append .btn:last-child, .input-prepend.input-append input+.btn-group .btn, .input-prepend.input-append select+.btn-group .btn, .input-prepend.input-append .uneditable-input+.btn-group .btn, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, input.search-query, .form-search .input-append .search-query, .form-search .input-append .btn, .form-search .input-prepend .search-query, .form-search .input-prepend .btn, .btn, .btn-large, .btn-small, .btn-mini, .btn-group>.btn:first-child, .btn-group>.btn:last-child, .btn-group>.dropdown-toggle, .btn-group>.btn.large:first-child, .btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle, .btn-group-vertical .btn:first-child, .btn-group-vertical .btn:last-child, .btn-group-vertical .btn-large:first-child, .btn-group-vertical .btn-large:last-child, .nav-tabs>li>a, .nav-pills>li>a, .nav-tabs.nav-stacked>li:first-child>a, .nav-tabs.nav-stacked>li:last-child>a, .nav-tabs.nav-stacked>li>a:hover, .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .tabs-below>.nav-tabs>li>a, .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a, .navbar-inner, .navbar-search .search-query, .navbar .btn-navbar .icon-bar, .navbar .pull-right>li>.dropdown-menu .dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu, .breadcrumb, .pagination ul, .pagination ul>li:first-child>a, .pagination ul>li:first-child>span, .pagination ul>li:last-child>a, .pagination ul>li:last-child>span, .pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span, .pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span, .pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a, .pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span, .pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a, .pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span, .pager li>a, .pager li>span, .thumbnail, .alert, .progress, .hero-unit, .tooltip-inner, .popover, .popover-title, .modal, .modal-footer, .dropdown-menu, .dropdown-submenu>.dropdown-menu, .dropup .dropdown-submenu>.dropdown-menu, .dropdown-submenu.pull-left>.dropdown-menu, .typeahead, .accordion-group, .carousel-control, .well, .well-large, .well-small, .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a, .nav-collapse .btn, .nav-collapse .dropdown-menu, .border-radius-off
{
	border-radius: 0;
}



/* General
################################################################*/
#container {
	position: relative;
	z-index: 5;
}


.img-responsive {
	display: inline-block;
}

a,
a:hover,
a:focus
{
	color: #00A5D2;
}

a:hover img {
	opacity: 0.95;
}




body {
	/*color: #0b0b0b;*/
	color: #282f33;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	
    -webkit-font-smoothing: subpixel-antialiased;
	
	font-size: 16px;
	line-height: 1.44;
	/*background-color: #f7f8f8;*/
	background-color: #f9f9fb;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h /* add special class for using heading-style in other elements */
{
	font-weight: bold;
	line-height: 1.3;
}

/* Special responsive thumbs */
.thumb-responsive {
	display: block;
	height: 0;
	padding-bottom: 71%;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.thumb-responsive.lazy-loaded {
    background-size: cover;
} 

.thumb-responsive:after {
	/*
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	
	display: block;
	background: rgba(31, 166, 207,0);
	content: "";
	transition: all 0.15s linear;
*/
}

.category-video_cat .thumb-responsive:after {
	/*
	background-image: url(../i/play-button.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 22%;
	*/
}

.thumb-responsive:hover:after {
	/*
	background-color: rgba(31, 166, 207,0.4);
	*/
}



/* Header
################################################################*/
#header {
	background-color: #262626;
}

.header-top {
	margin: 0 auto;
	position: relative;
}

#header .logo a {
	display: inline-block;
    padding: 7px 10px 9px 10px;
}
#header .logo img {
	width: 110px;
}
#header .logo:hover a {}

/* Main menu */
#header .menu-main {
	margin: 0;
	padding: 0;
}
#header .menu-main ul {
	padding: 0;
	margin: 0;
}
#header .menu-main li {
	list-style: none;
	display: inline-block;
}
#header .menu-main li a {
	display: inline-block;
	color: #fff;
	text-decoration: none !important;
	font-size: 15px;
	padding: 0 20px;
	line-height: 50px;
	font-weight: bold;
}

#header .menu-main li.news a:hover,
#header .menu-main li.news.current-menu-item a { color: #55a658; }
#header .menu-main li.review_cat a:hover,
#header .menu-main li.review_cat.current-menu-item a { color: #1e88e5; }
#header .menu-main li.stati a:hover,
#header .menu-main li.stati.current-menu-item a { color: #3F52CE; }
#header .menu-main li.video_cat a:hover,
#header .menu-main li.video_cat.current-menu-item a { color: #ae1d1f; }
#header .menu-main li.blogs a:hover,
#header .menu-main li.blogs.current-menu-item a { color: #ffb109; }


/* MOBILE menu */
.menu_btn {
    color: #fff;
    padding: 10px;
    line-height: 46px;
	font-size: 30px;
	background: #000;
}
	
	
#menu-mobile {
	position:absolute;
	z-index: 999;
	top:0;
	bottom:0;
	left:-100%;
	width:180px;
	height:100%;  
	background:#fff;
} 
#menu-mobile ul {
	padding:10px 0;
	margin:0;
} 
#menu-mobile ul li {
	padding:0;
	margin:0;
	list-style: none;
}
#menu-mobile ul li a {
	display: block;
	padding: 7px 20px;
	color:#333;
	text-decoration: none !important;
	font-family:'Roboto';
	font-size:19px;
    font-weight: bold;
}
#menu-mobile ul li a:hover {
	color: #000;
    background: rgba(0, 151, 210, 0.2);
}

/* gre bg */
#grey_back {
	display:none;
	background-color:#000;
	opacity:0.7;
	width:100%;
	height:100%;
	position:absolute;
	z-index: 998;
	top:0;
}

/* Updated Mobile Menu */
/* for mobile */
@media (max-width: 767px) {
	#header .header-top { position: relative; }
	#header .menu_btn,
	#header .search-icon { position: relative; z-index: 2; }
	
	#header .menu_btn {
		padding: 5px 13px 0 13px;
		margin-left: -14px;
		line-height: 41px;
		font-size: 24px;
	}
	
	#header .logo {
		position: absolute;
		z-index: 0;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		background: #000;
	}
	
	#header .search-icon {
		margin-right: -10px;
	}
}
/**/




/* Tags menu */
#header .menu-tags {
	position: relative;
	z-index: 12;
	background: #f3f3f3;
}
#header .menu-tags ul {
	margin: 0;
	padding: 0;
}
#header .menu-tags li {
	list-style: none;
	display: inline-block;
}
#header .menu-tags a {
	font-size: 13px;
	color: #5b5b5b;
	padding: 0 15px;
	line-height: 26px;
}
#header .menu-tags li:before,
#header .menu-tags li:last-of-type:after {
    content: " ";
    display: inline-block;
    font-weight: normal;
    width: 1px;
    height: 15px;
    background: #ccc;
    position: relative;
    bottom: -3px;
}
#header .menu-tags a:hover {
	background: rgba(255,255,255,0.05);
}


#header .search_btn {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 46px; /* height of header */
	width: 46px;
	text-align: center;
	cursor: pointer;
    transform: rotate(90deg);
}
#header .search_btn:hover {}


.search_btn .icon-close {
	display: none;
}
.search_btn.open .glyphicon-search {
	display: none;
}

#header .search_btn.open {
	font-size: 38px;
}
.search_btn.open .icon-close {
	display: inline-block;
}

/* Search input */
#black-search {
	display: none;
	position: absolute;
	z-index:13;
	background: rgba(38,38,38,0.95);
	width: 100%;
}
#black-search #searchform {
	background: transparent;
	padding: 38px 10px 43px 10px;
	max-width: 1190px;
	height:131px;
	margin: 0 auto;
}

#black-search #searchform .input-group { width: 100%; }

#black-search .input-group-addon:first-child {
	color: #fff;
	background: none transparent;
	border: 0 none;
    font-size: 24px;
}

#black-search #s {
	border: 0 none;
	background: transparent;
	box-shadow:none !important;
	border-bottom: 1px solid #717171;
	padding: 5px 0;
	font-size:24px;
	color: #fafafa;
}

#black-search #s:-moz-placeholder { color: #717171; }
#black-search #s::-webkit-input-placeholder { color:#717171; }


#black-search .input-group-btn {
	width: 45px;
}

#black-search #searchsubmit {
	color: #fff;
	font-size:20px;
	background: transparent none;
	border: 0 none;
    transform: rotate(90deg);
}
#black-search #searchsubmit .icon {}




/* search results */
#itc-search-form {
	margin-bottom: 20px;
}
#searchform .form-control.date {
    background: #fff url("assets/i/fa-calendar.png") 95% 50% no-repeat;
    background-size: 18px;
}
#searchform .form-control:focus,
#searchform button:focus {
    position: relative;
    z-index: 9;
}



/* Ad Banners
################################################################*/

.ad {
	display: inline-block;
	text-align: left;
	overflow: hidden;
}
.ad * {
	max-width: 100%;
}
.ad .link-to-reklama {
	font-size: 12px;
	color: #9a9a9a;
	display: none;
}
.ad-banner {}

/* Ad below header 728x90 */
.ad-top {
	margin-top: 20px;
	margin-bottom: 15px;
}
.ad-top .ad-banner {
	max-height: 120px;
	overflow: hidden;
}




/* Featured posts
################################################################*/
#featured {
	margin-bottom: 30px;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

#featured .post {
	display: block;
	float: left;
	position: relative;
	text-decoration: none !important;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
}
#featured .post * {
	transition: all .15s ease-out;
}

#featured .post:before {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
    background-color: rgba(0,0,0,0.35);
}

#featured .post:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all linear 0.2s;
}
@media(min-width: 768px){
	#featured .post:hover:after { background-color: rgba(0, 0, 0, 0.44); }
	#featured .post.category-news:hover:after { background-color: rgba(85, 166, 89, 0.44); } /* novosti */
	#featured .post.category-review_cat:hover:after { background-color: rgba(30, 136, 229, 0.44); } /* obzory */
	#featured .post.category-stati:hover:after { background-color: rgba(48, 63, 159, 0.67); } /* stati */
	#featured .post.category-video_cat:hover:after { background-color: rgba(1, 1, 1, 0.44); } /* video */
	#featured .post.category-blogs:hover:after { background-color: rgba(230, 156, 39, 0.6); } /* blogi */
}

/* При наведенні миші на пост —  з'являється автор і коментарі */
#featured .title-wrp {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: -32px;
	padding: 0 15px 15px 15px;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}
#featured .post:hover .title-wrp {
	bottom: 0;
}

/* BIG one post */
#featured .post:first-child {
	width: 50%;
	height: 386px
}
#featured .post:first-child .entry-title {
	font-size: 22px;
}
/* small 4 posts */
#featured .post {
	width: 25%;
	height: 193px;
}
#featured .post .entry-title {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 7px 0;
}

#featured .title-wrp .part {
	font-size: 12px;
}
#featured .title-wrp .part .icon {
	font-size: 11px;
	margin-right: 3px;
	position: relative;
	top: 2px;
}
#featured .title-wrp .author {
	margin-right: 10px;
}
#featured .title-wrp .author .icon {
	top: 1px;
}
#featured .title-wrp .comments .icon {}
/**/

/*** MOBILE featured ***/
@media(max-width: 767px) {
	#featured {}
	#featured .featured-in {
		height: 0;
    	padding-bottom: 56.25%;
    	overflow: hidden;
	}

	#container #featured .post {
		width:100%;
		height: auto;
		text-align:center;
	}

	#featured .post .post-in {
		display: block;
		height:0; 
    	padding-bottom: 56.25%;
	}

	#featured .post .title-wrp,
	#featured .post:hover .title-wrp {
	    position: absolute;
	    z-index: 3;
	    left: 0;
	    right: 0;
	    bottom: auto;
	    /* bottom: -32px; */
	    padding: 0 15px;
	    color: #fff;
	    top: 50%;
	    transform: translateY(-50%);
	    display: block;
	    width: 100%;
	}

	#featured .post .entry-title {
		margin-bottom: 0;
		font-size:18px;
	}


	#featured .slick-dots {
		position: absolute;
		z-index: 666;
		left: 0;
		right: 0;
		bottom: 5px;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#featured .slick-dots li {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0 4px; 
		overflow: hidden;
		border-radius: 50%;
		background: #7f7f7f;
		color: #7f7f7f;
	}
	#featured .slick-dots li button {
		padding: 0;
		background: transparent none;
		border: 0 none;
	}
	#featured .slick-dots .slick-active button {
		background: #1e88e5;
		color: #1e88e5;
	}
}




/* Wrapper
################################################################*/
#wrapper {}
#wrapper > .container {
	padding-top: 15px;
	background: #f9f9fb;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;	
}
body:not(.home) #wrapper { /*padding-top: 15px;*/ }
body.single-video #wrapper { padding-top: 0; }
#wrapper > .container-fluid {
	background-color: #f7f8f8;
}



/* Content
################################################################*/
#content {
	margin-bottom: 20px;
}


#content.no_sidebar {
	width: 100%;
}


/*=== Loop ===*/
.page-title {
	margin-top: 0;
	margin-bottom: 30px;
}

#content .post.block-in-loop + .post.block-in-loop,
#content .home-themes-wrp,
#content .home-themes-wrp + .post.block-in-loop
{
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

/* Change size for img & txt */
#content .post.block-in-loop {}
#content .post.block-in-loop .col-img { width: 31%; }
#content .post.block-in-loop .col-img-in { position: relative; overflow: hidden; }
#content .post.block-in-loop .col-txt { width: 69%; position: relative; top: -3px; }


body.archive #content .dropdown-cat-menu {
	margin-top: -20px;
	margin-bottom: 20px;
}
body.archive #content #cat-menu {
	display: inline-block;
	line-height: 26px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	text-decoration: none !important;
	position: relative;
	z-index: 2;
}
body.archive #content #cat-menu:hover {}
body.archive #content #cat-menu .menu-icon {
	padding: 10px;
	margin-left: -10px;
	margin-right: 8px;
	font-size: 26px;
	float: left;
}
body.archive #content #cat-menu .menu-title {
	font-size: 17px;
	float: left;
	margin-top: 10px;
}
#content .open>.dropdown-menu { top: 42px; left: -1px; }
body.archive #content .dropdown-cat-menu>.dropdown-menu {
	top: 40px;
	left: -10px;
	/*
	background: #f2f2f2;
	border: 0 none;
	-webkit-box-shadow: none;
	box-shadow: none;
	*/
	max-width: 606px;
	z-index: 25;
	/*box-shadow: 0 0 4px #333;*/
}
body.archive #content .dropdown-cat-menu>.dropdown-menu li {
	width: 200px;
	float: none;
}
body.archive #content .dropdown-cat-menu>.dropdown-menu li a {
	position: relative;
	z-index: 10;
	padding: 7px 20px;
}

body.archive #content .dropdown-cat-menu.open .menu-icon {
	/*background: #f2f2f2;*/
}
body.archive #content .dropdown-menu>li>a:focus,
body.archive #content .dropdown-menu>li>a:hover {
	/*background: #ccc;*/
}



.post {}
.block-in-loop {
	margin-bottom: 15px;
}

.entry-header {
	margin-bottom: 7px;
	font-size: 13px;
	color: #888;
}
.entry-header .part {
	margin: 0 20px 0 0;
	white-space: nowrap;
}

.entry-header a {
	display: inline-block;
	color: inherit;
}
.entry-header a:hover {
	color: inherit;
}

/* Fix space between co-authors */
.entry-header a.author:nth-child(even) { margin-right: 5px; }
.entry-header .vcard a.author:nth-child(odd) { margin-left: 5px; }
/**/

.entry-header .icon {
	font-size: 14px;
	margin-right: 3px;
	position: relative;
	top: 3px;
}

span.cat {}
span.cat a {}
span.cat a { background-color: #111; } /* default color */
span.cat a.news { background-color: #55a658; }
span.cat a.review_cat { background-color: #1e88e5; }
span.cat a.stati { background-color: #3F52CE; }
span.cat a.video_cat { background-color: #ae1d1f; }
span.cat a.blogs { background-color: #ffb109; }


/** Rating && Price **/
.rating-and-price {
	margin-bottom: 10px;
	font-size: 14px;
}
.rating-and-price .title {
	color: #888887;
}
.rating-and-price .title a {
	color: inherit;
}
.rating-and-price .rating {
	margin-right: 20px;
	white-space: nowrap;
}

@media(max-width:600px) {				
	.rating-and-price .rating+.rating {
		display: block;
	}					
}

.rating-and-price .star {
	font-family: "stars";
	color: #00aede;
	position: relative;
	top: 2px;
	font-size: 14px;
}

.rating-and-price .hl-price {
	color: #000;
	text-decoration:underline;
}
.rating-and-price .hl-price:hover {
	color: #027AA2;
}
/** /Rating && Price **/



#content .post.block-in-loop .col-img span.cat {
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
#content .post.block-in-loop .col-img span.cat a {}

.itc-cat {
	padding: 4px 3px;
	opacity: 0.9;
	width: 70px;
	display: block;
	font-size: 10px !important;
	font-weight: bold;
	color: #fff !important;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
/* Wide labal for partnery */
.itc-cat.opyit-ekspluatatsii,
.itc-cat.partner-news,
.itc-cat.obzoryi-partnerov,
.itc-cat.presentation {
	width: 100%;
	max-width: 155px;
}


.entry-header .date .icon {}
.entry-header .author .icon { top: 1px; }
@media(max-width:767px) {
	body.singular .entry-header .author {
		display: inline-block !important;
	}
}
.entry-header .comments {}
.entry-header .comments .icon {}

.post .col-txt {
	padding-left: 0;
}

.entry-title {
	font-size: 16px;
	line-height: 1.3;
	font-weight: normal;
	color: #000;
	margin: 0 0 10px 0;
	text-transform:  none !important;
}
.entry-title a {
	color: inherit;
	transition: all linear 0.15s;
}
.entry-title:hover {
	/*color: #00A5D2;*/
	color: #00A5D2;
	text-decoration: none !important;
}
.entry-title:hover a {
	color: inherit;
	text-decoration: inherit;
}
/* bold_title */
.block-in-loop .entry-title.bold_title { font-weight: bold; }


/* Post formats */
#content .post.block-in-loop.formats-ad .entry-title > a:first-of-type:after {
	content: "";
	display: inline-block;
	width: 5px;
}
.format-ad {
    color: #fff!important;
    font-size: 11px;
    background: #df202f;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -2px;
}

.entry-excerpt {
	font-size: 14px;
	/*color: #4E4E4E;*/
	color: #343434;
}
.entry-excerpt p:last-of-type {
	margin: 0;
}



/* Pagination */
.pagination_block {}
.only-one-button {
	width: 100%;
}

.pagination_block a {
    display: block;
    background: #a8a8a8;
    color: #fff;
    text-decoration: none !important;
    font-size: 16px;
    text-align: center;
    padding: 15px 10px;
    margin-bottom: 1px;
}
.pagination_block a .icon {
    font-size: 14px;
    position: relative;
    top: 1px;
}
.pagination_block a:active {
	margin-top: 1px;
	margin-bottom: 0;
}
.pagination_block a:hover {
    background: #a0a0a0;
}
/*=== /Loop ===*/


/*=== AUTHOR archive ===*/
body.author {}

.title-below-article {
	display: inline-block;
	margin-top: 0;
	background: #a1a1a1;
	color: #fff;
	padding: 7px 10px;
	font-size: 12px;
	margin-bottom: 15px;
}

.author-info {
	padding: 20px;
	margin-bottom: 20px;
	background: #414252;
}
body.author .author-info {
	margin-bottom: 40px;
}

.author-avatar {
	float: left;
	margin: 0 20px 0 0;
}
.author-txt {}
.author-txt .title {
	font-size: 17px;
	color: #fff;
	margin: 0;
}
.author-txt .title a {
	color: inherit;
}
.author-txt .description {
	color: #fff;
	font-size: 14px;
}
.author-txt .sn {
	margin: 13px 0 0 0;
}
.author-txt .sn a {
	display: inline-block;
	float: left;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	padding: 0 10px;
	font-size: 13px;
	color: #fff;
	text-decoration: none !important;
}
.author-txt .sn a.twitter { background: #4fabf0; }
.author-txt .sn a.facebook { background: #4864a2; }
.author-txt .sn a.vk { background: #4b74a6; }
.author-txt .sn a.google { background: #e42015; }
.author-txt .sn a.site { background: #333; }

.author-txt .sn a:hover {
	opacity: 0.9;
}
/*=== /AUTHOR archive ===*/






/*=== SINGLE post ===*/
body.singular {}
body.singular .post {}
body.singular .entry-header {
	margin-bottom: 10px;
}
body.error404 .entry-header .entry-title,
body.singular .entry-header .entry-title {
	margin: 7px 0 10px 0;
	font-size: 24px;
	color: #000 !important;
}
body.singular.single-video .entry-header .entry-title {
	color: #fff !important;
}

body.singular .entry-content {
	line-height: 1.5;
}

.entry-content p {
    margin-bottom: 20px;
}

/**
 * Замінюємо у посиланнях underline на border-bottom
 * Для посилань з картинкою не застосовується це
 * Завдяки спеціальному класу доданому в js/cehla.js
 */
body.singular .entry-content p a.a-not-img,
/*body.singular .entry-content td a,*/
body.singular .entry-content li a,
body.singular .entry-content .post-facts a
{
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #00A5D2;
	transition: color 0.15s;
}
body.singular .entry-content p a.a-not-img:hover, body.singular .entry-content p a.a-not-img:focus,
/*body.singular .entry-content td a:hover, body.singular .entry-content td a:focus,*/
body.singular .entry-content li a:hover, body.singular .entry-content li a:focus,
body.singular .entry-content .post-facts a:hover, body.singular .entry-content .post-facts a:focus
{
	color: #00A5D2;
	text-decoration: none;
}


/*
.entry-content * {
	max-width: 100%;
}
*/
.entry-content img {
	max-width: 100%;
	height: auto;
}
#content .mceMediaCreditOuterTemp {
	max-width: 100%;
}

/* featured image */
body.singular article p:first-child > a > img {
	margin-top: 2px;
	margin-bottom: 10px;
}

/* Headers */
.entry-content h1,
.entry-content h2,
.entry-content h3 {
	font-weight: normal;
}


.entry-content h1 { font-size: 30px; }
.entry-content h2 { font-size: 26px; }

/*.entry-content h2 a { color:#23527c; }*/

.entry-content h3 { font-size: 22px; }

.entry-content li+li {
	margin-top: 4px;
}

/* Horizontal scroll for wide tables */
.entry-content .table-wrp {
    max-width: 100%;
    overflow: auto;
}
.entry-content .table-wrp table {
	font-size: 0.9em;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}

body.singular .entry-footer {
	margin-top: 12px;
}

/*
body.singular {
	margin-top: 30px;
}
*/

/*** SHARES ***/
/* Shares in side */
.post-shares-wrap div.sharedaddy { margin-top: 3px; }
.post-shares-wrap div.sharedaddy h3.sd-title { display: none; }
.post-shares-wrap .sd-content ul li {
	display: block;
	margin: 0 0 15px 0;
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
	text-align: center;
    height: 50px !important;
    width: 50px !important;
    border-radius: 0 !important;
}
.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before { 
	top: 4px !important;
	font-size: 30px !important;
}

/* Shares in footer */
#content .entry-footer div.sharedaddy { margin: 20px 0; } /* Jetpack shares */
#content .entry-footer .sd-content ul li { display: inline-block; margin:0  10px 0 0; }
#content .entry-footer .sd-social-icon .sd-content ul li[class*=share-] a.sd-button { height: 34px !important; }
#content .entry-footer .sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before { 
	top: -1px !important;
	font-size: 24px !important;
}
@media(min-width:1280px) {
	#content .entry-footer .sd-social-icon .sd-content ul li[class*=share-] a.sd-button { width:120px !important; text-align: left; }
	#content .entry-footer .sd-social-icon .sd-content ul li[class*=share-] a.sd-button > span:after {
		/* float: right; */
		font-size: 14px;
		padding: 0px 10px;
		display: inline-block;
		position: relative;
		top: 3px;
	}
	
	
	#content .entry-footer .sd-social-icon .sd-content ul li.share-twitter a.sd-button > span:after { content: "Twitter"; }
	/* Для кнопки фейсбуку треба окремий код */
	#content .entry-footer .sd-social-icon .sd-content ul li.share-facebook a.sd-button > span:before {
		content: "Facebook";
		/* float: right; */
		font-size: 14px;
		/* padding: 0 10px; */
		position: relative;
		top: 3px;
		padding-left: 10px;
	}
	#content .entry-footer .sd-social-icon .sd-content ul li.share-google-plus-1 a.sd-button > span:after { content: "Google+"; }
	#content .entry-footer .sd-social-icon .sd-content ul li.share-pocket a.sd-button > span:after { content: "Pocket"; }
	#content .entry-footer .sd-social-icon .sd-content ul li.share-telegram a.sd-button > span:after { content: "Telegram"; }
}



#content footer .essb_links {
	margin: 20px 0 30px 0;
}

@media(max-width:1199px) {
	#content .essb_links li a .essb_network_name {
		display: none;
	}
}

/* Збільшуємо мобільні іконки */
@media(max-width:991px) {
	#content .essb_links li {
		margin-right: 8px !important;
	}
	#content .essb_links .essb_icon {
		width: 55px;
		height: 40px;
	}
	#content .essb_links .essb_icon:before {
		font-size: 26px !important;
		top: 8px;
		left: 15px;
	}
}


@media(min-width:992px) {
	#content .post-shares-wrap .essb_links .essb_icon:before {
		font-size: 22px !important;
		text-align: center;
		position: absolute;
		top: 6px;
		left: 7px;
	}
}
.essb-customizer-toggle { display: none !important; }
/**/



/* tags */
body.singular .entry-tags {
	font-size: 14px;
	color: #747474;
}
body.singular .entry-tags .icon {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    top: 4px;
}
body.singular .entry-tags a {
	color: inherit;
}
/*=== /SINGLE post ===*/


/**
 * BRANDING in single video
 */
body.single-video.body-with-branding .ad-below-header {
	display:none;
}

body.single-video.body-with-branding .video-block {
	max-width:1190px;
	margin:0 auto;
}

#disqus_thread {
	margin-top: 15px;
}



/* Sidebar
################################################################*/
#sidebar {
	margin-bottom: 20px;
	/*overflow: hidden;*/
}
#sidebar .xoxo {
    width: 300px;
}

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

#sidebar .block {
	padding: 15px;
	border: 1px solid #ddd;
	background: #e9eaed;
}
#sidebar .block.no_border {
	padding: 0;
	border: 0 none;
	background: transparent none;
}

#sidebar .block+.block {
	margin-top: 30px;
}

#sidebar .block h3 {
	margin:0 0 13px 0;
	text-transform:uppercase;
	font-size:12px !important;
	color: #000;
}

#sidebar ul,
#sidebar ol {
	margin: 0;
	padding: 0;
}
#sidebar .xoxo li {
	list-style: none;
	margin: 0;
}
#sidebar .xoxo .block + .block {
	margin-top: 30px;
}

#sidebar .xoxo .block ul {
	margin: 0;
	padding: 0;
}
#sidebar .xoxo .block li + li {
	margin-top: 10px;
}


/*=== Widgets ===*/
#sidebar .post {
	/*padding-bottom: 10px;*/
    /*border-bottom: 1px solid #dbdbdb;*/
}
/* first post */
#sidebar .post-1 .col-img,
#sidebar .post-1 .col-txt { width: 100% !important; }
#sidebar .post-1 .col-txt { margin-top: 10px !important; padding-left: 15px !important; padding-right: 15px !important; } /* padding-left: 10px !important; padding-right: 10px !important; */
#sidebar .post-1 a.entry-title {
	font-size: 17px;
}

#sidebar .post+.post {
	border-top: 1px solid #ddd;
	margin: 10px -15px 0 -15px;
	padding: 10px 15px 0 15px;
}

#sidebar .post .col-txt {
	padding-left: 5px;
    position: relative;
    top: -3px;
}
#sidebar .post .col-txt,
#sidebar .post .txt {
	line-height: 1.15;
}

#sidebar a.entry-title {
    font-size: 14px;
}
#sidebar a.entry-title:after {
	content: "";
	display: inline-block;
	width: 10px;
}
#sidebar a.entry-title:hover {
	color: #00A5D2 !important;
}

#sidebar .comments {
	/*display: inline-block;*/
	display: inline;
	color: #666;
	font-size: 14px;
	white-space: nowrap;
}
#sidebar .comments .icon {
	position: relative;
	top: 3px;
	font-size: 14px;
}
#sidebar .comments a {
	color: #666;
	font-size: 13px;
}

#sidebar .more-posts {}




/* video nedeli */
#sidebar .video-of-week {}
#sidebar .video-of-week h3 {
	/*border-color: #3e3e3e;*/
}

#sidebar .video-of-week .post-1 .col-img,
#sidebar .video-of-week .post-1 .col-txt { width: 100% !important; }
#sidebar .video-of-week .post-1 .col-txt { margin-top: 10px !important; }

#sidebar .video-of-week .thumb-responsive {}
#sidebar .video-of-week .thumb-responsive:after {
	background-size: 20%;
}

#sidebar .video-of-week .entry-excerpt {
    clear: both;
    margin-top: 10px;
    float: left;
    width: 100%;
    padding: 0 10px;
}
#sidebar .video-of-week .entry-title {
	/*display: inline-block;*/
	display: inline;
	margin-top: 5px;
}

/* novosti partnerov */
#sidebar .partner-posts {
	/*background: #def1f8;*/
}
#sidebar .partner-posts h3 {
	/*border-color: #e14f32;*/
}
#sidebar .partner-posts .post {}
#sidebar .partner-posts .post + .post {}

/* popularnoe */
#sidebar .commented-posts-widget {
	/*background: #fbf7e4;*/
}
#sidebar .commented-posts-widget h3 {}
#sidebar .commented-posts-widget .post {}

#sidebar .commented-posts-widget .post + .post {}

#sidebar .commented-posts-widget .entry-title {}
#sidebar .commented-posts-widget .comment-count {}

/* latest news */
#sidebar .latest-news {}
#sidebar .latest-news h3 {}

/* ne propustite */
#sidebar .ne-propustite {}
#sidebar .ne-propustite h3 {}

/* latest articles */
#sidebar .latest-articles-widget {}
#sidebar .latest-articles-widget h3 {}

#sidebar .latest-articles-widget .post-1 .thumb-wrp {
	display: block;
	margin-bottom: 10px;
}

#sidebar .latest-articles-widget .post+.post .thumb-wrp {
	display: none;
}
#sidebar .latest-articles-widget .rating {
}
#sidebar .latest-articles-widget .rating .l {
	padding-top: 2px;
}
#sidebar .latest-articles-widget .rating .l .title {
	color: #888887;
	font-size: 13px;
}
#sidebar .latest-articles-widget .rating .l .star {
	color: #00aede;
	position: relative;
	top: 3px;
	font-size: 17px;
}


#sidebar .rating-and-price {
	margin-top: 7px;
	margin-bottom: 13px;
	font-size: 14px;
}
#sidebar .latest-articles-widget .rating {
	display: block;
	margin-bottom: 4px;
}


#sidebar .latest-articles-widget .rating .icon {}
#sidebar .latest-articles-widget .rating .r {
    padding: 2px 0 1px 0;
    width: 32px;
    background: #444;
    color: #cccccc;
    text-align: center;
    font-size: 12px;
}



/* SN */
#sidebar .sn-widget {
	border: 1px solid #ddd;
    padding: 15px !important;
}
#sidebar .sn {}
#sidebar .sn a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 47px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    text-decoration: none !important;
	float: left;
	border-radius: 50%;
}
#sidebar .sn a:hover {
	opacity: 0.95;
}
#sidebar .sn a+a {
    margin-left: 16px;
}


#sidebar .sn a[href*='twitter'] { background-color: #4fabf0; }
#sidebar .sn a[href*='facebook'] { background-color: #4864a2; }
#sidebar .sn a[href*='vk'] { background-color: #4b74a6; }
#sidebar .sn a[href*='google'] { background-color: #d34836; }
#sidebar .sn a[href*='youtube'] { background-color: #e42015; }
#sidebar .sn a[href*='feed'] { background-color: #f60; }



/* Footer
################################################################*/
.ad-bottom {
	margin-top: 15px;
	margin-bottom: 10px;
	display: block;
}
#footer {
	text-align: center;
}

#footer .row-1 {
	padding: 20px 0;
	background: #212121;
	color: #737373;
	font-size: 15px;
}
#footer .row-1 .col-logo img {
	max-width: 100%;
	height: auto;
}
#footer .row-1 .menu {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
#footer .row-1 .menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#footer .row-1 .menu a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 4px;
	margin: 0 5px 10px 5px; 
	border: 1px solid #737373;
	font-size: 12px;
}
#footer .row-1 .menu a:hover {
	color: #1fa6cf;
}

#footer .row-1 .copy {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.35;
}


#footer .row-1 .sn {
	clear: both;
	float: left;
	width: 100%;	
	margin-top: 20px;
}
#footer .row-1 .sn a {
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #737373;
    width: 40px;
    height: 40px;
    line-height: 44px; /* +2 pixels for border */
    text-align: center;
    font-size: 20px;
    color: #fff;
	text-decoration: none !important;
}
#footer .row-1 .sn a:hover {
	border-color: #1fa6cf;
}



#footer .row-2 {
	padding: 15px 0;
	background-color: #212121;
}




/**
 * Go top button
 */
.b-top {z-index:26;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
/* Додаємо невелику тінь для кнопки, щоб краще було видно  */
.b-top-but {
    box-shadow: 0 0 5px #000;
}
.b-top-but {
    z-index:26;
    position:absolute;
    display:block;
    /*left:56px;*/
    left:125px;
    bottom:0;
    margin:0 0 0 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 75px;
    font-size: 36px;
    color:#fff;
    background: #333;
    border-radius:50%;
}
@media(max-width:1279px) {
    .b-top-but {
        left: 75px;
    }
}





/**
 * Hides
 */
div#fancy_title { display: none !important; }ip