/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

/*********************************Top*********************************/

.localized_label {
background-color:#FFFF99;
padding:3px;
border:1px solid #000000;
font-size:0.8em;
margin-right:5px;
}

.localized_label a {
color:#000000;
text-decoration:none;
}

.fb-like {
/*min-height:40px;*/
}

#vk_like {
/*min-height:40px;*/
}

.top-item {
display:block;
margin-bottom:0.7em;
margin-top:0.7em;
}

.position {
float:left;
box-sizing: border-box; /*div will include padding and border*/
height:1.5em;
line-height:1.4em;
width:2.9em;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #666666;
border:1px solid #70A0CD;
background-color:#FFFFFF;
}

.ua {
background: url(../images/uaflag.gif);
background-size:cover;
border-color:#CCCCCC;
}


.item-title {
box-sizing: border-box; /*div will include padding and border*/
height:1.5em;
line-height:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #4B8ABF;
text-align: left;
font-weight: bold;
background-color:#F7F7F7;
border:1px solid #F7F7F7;
white-space: nowrap; /* for mobile */
overflow: hidden; /* for mobile */
}

.item-title a, .item-title a:visited{
color: #4B8ABF;
text-decoration:none;
margin-left:0.5em;
}

.item-image {
float:left;
position:relative;
margin-right:0.7em;
margin-top:0.5em;
margin-bottom:0.7em;
width:300px;
background-color:#F5F5F6;
min-height:150px; /*For CLS*/
text-align:center;
line-height:0; /*Removes line under image*/
}

.item-image img {
max-height:300px;
}

.item-description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin-top:0.5em;
margin-bottom:0.7em;
text-align:justify;
display: table;
}

.item-description a { /*for profile description link*/
color: #4B8ABF;
font-weight:normal;
text-decoration:underline;
}

.item-comments {
margin-bottom:2em;
}

.seemore{
box-sizing: border-box; /*div will include padding and border*/
font-size:1em;
text-align:left;
}

.seemore a{
background: #f4f4f4;
text-decoration:none;
border:1px solid #ccc;
color:#666666;
padding:0.3em;
margin:0.3em;
}

.seemore a:hover{
 background: #fff;
 color:#666666; 
 border:1px solid #aaa; 
}


.vote {
float:left;
width:30px;
height:30px;
background:transparent url(../images/vote.gif) no-repeat left top;
cursor:pointer;
margin-left:5px;
margin-top: 5px;
margin-right:5px;
}

.vote:hover {
background:transparent url(../images/vote-active.gif) no-repeat left top;
cursor:pointer;
}

.voted a {
clear:left;
float:left;
width:30px;
height:30px;
background:transparent url(../images/vote-active.gif) no-repeat left top;
cursor:pointer;
margin-left:5px;
margin-top: 5px;
margin-right:5px;
}

/*********************************TOOL*********************************/

.intro {
background-color:#F9F9F9;
padding:0.7em;
font-size:1em;
text-align:justify;
margin-bottom:1em;
margin-top:0.5em;
}

.intro a {
color:#4B8ABF;
text-decoration:underline;}

.intro img { /*Used in tool reviews, tag-content*/
max-width:100%;
}

/*СПОИЛЕР*/



.showmore_one {
padding-bottom:0.9em;
padding-right:2.5em;
position:relative;
}

.showmore_content {
position:relative;
overflow:hidden;
}
.showmore_trigger {
width:1.8em;
position:absolute;
top:0.7em;
right:0.3em;
cursor:pointer;
}
.showmore_trigger span {
display: inline-block;
}

/*TOOL*/

.item_link {
background-color:#F9F9F9;
padding:0.7em;
font-size:1em;
text-align:justify;
white-space: nowrap; /* for mobile */
overflow: hidden; /* for mobile */
}

.item_link a {
color:#4B8ABF;
text-decoration:underline;}

.tool-image { /*used in profile*/
float:left;
position:relative; /*for unavailable*/ 
margin-right:10px;
margin-top:0px;
margin-bottom:10px;
}

.tool-description {
font-size: 0.8em;
margin-top: 5px;
margin-bottom:20px;
text-align:justify;
display:table;
}

.tool-description a {
color:#4B8ABF;
text-decoration:underline;}

.tool-video {
margin-top:10px;
margin-bottom:20px;
}

.tool_vs {
text-align:left;
margin-bottom:20px;
margin-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#999999;
}

.tool_vs a{
color:#999999;
}

.tool_unavailable {
line-height:1.2em;
font-size:0.8em;
display:block;
position:absolute;
left:2px;
bottom:1px;
width:99%;
text-align:left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
color:#fff;
padding:0.2em;
background-color:rgba(0,0,0,.5);
text-align:center;
}

/*********************************Top Widget*********************************/

H4 {
/*Used: tool-subtitle*/
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
}

H4 a {
color:#1F9C3E;
text-decoration:underline;
}

H4 a:hover {
color:#4B8ABF;
}

.sidebar-top {
margin-top:1.4em;
font-size:1em;
margin-bottom:1.4em;
}

.sidebar-top H4 {
max-width:100%;
}

.sidebar-top table {
width:100%;
}

td.top_widget_n {
height:2.6em;
width:2.7em;
text-align:center;
vertical-align:middle;
background:transparent url(../images/top_widget_n.jpg) no-repeat;
background-size: contain;
}

.top_widget_tool {
text-align:left;
vertical-align:middle;
border-bottom:1px solid #C0BEBE;
}

.top_widget_tool a {
color:#4B8ABF;
}

/*SIDEBAR RATINGS*/

.sidebar_tops {
margin-top:1.2em;
margin-bottom:1.4em;
}

.sidebar_tops a:hover {
color:#1E9B3D;
}

.sidebar_tops img {
max-width:100%;
padding:0.2em 0 0.2em 0;
}

.sidebar_top_title {
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
}

.sidebar_top_title a {
color:#888888;
}

.sidebar_top_subtitle {
padding-top:0.2em;
padding-buttom:0.2em;
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
}

.sidebar_top_subtitle a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#888888;
}

.active a{
color:#1E9B3D;
}

.like {
box-sizing: border-box; /*div will include padding and border*/
display:inline-block;
width:151px;
height:26px;
background:transparent url(../images/like.png) no-repeat left top;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
cursor:pointer;
padding:4px 2px 6px 110px;
text-align:center;
}

.like:hover {
opacity: 0.9;
}

/*For autoloading*/
#showmore-triger {
text-align: center;
padding: 10px;
background: #ffdfdf;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

.top_widget_n {
height:32px;
width:34px;
}

}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

.item-image {
float:none;
}

.like {
padding:6px 2px 6px 110px;
}

}

/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

body {
background-color:#F7F7F7;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#container {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
max-width: 1440px;
background-color:#FFFFFF;
margin:0px;
padding:0 19px 19px 19px; /*to add border 1px*/
border:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
overflow: hidden;
font-size:18px;
font-family: verdana, Arial, Geneva CY, sans-serif;
}

#content {
width: calc(100% - 466px);
display:inline-block;
padding:0;
margin-right:19px; /*+ font interval*/
}

/****************************Header****************************************/


.logo_line {
width:100%;
}

.logo img {
height:90px;
}

.search {
vertical-align:middle;
}

.search input[type=text] {
float:left;
width: calc(100% - 40px);
/*height and other params are taken from common forms input*/
}

.search input[type=submit] {
width:40px;
/*height and other params are taken from common forms input*/
background-image: url("../images/searchbutton.png"); 
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;
border:0px;
cursor:pointer;
}

#search { /*search page*/
max-width:100%;
}

.menu {
display:none;
}

H1 {
clear:left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FF3300;
font-size:1.5em;
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
margin-right:0;
text-align:left;
}

H1 img {
margin-right:5px;
float:none;}


/*Paginator*/

.pagination{
font-size:13px;
text-align:right;
}

.pagination a{
padding:0px 4px 2px;
background: #f4f4f4;
text-decoration:none;
border:1px solid #ccc;
margin:0 2px;
color:#666666;
}

.pagination a:hover{
background: #fff;
color:#666666; 
border:1px solid #aaa; 
}

.pagination span, .pagination span.nextprev{
background:#FFFFFF;
border:1px solid #CCCCCC;
color:#CCCCCC;
padding:0px 4px 2px; 
margin:0 2px; 
}

.pagination span.current{
background:#546E8C;
border:1px solid #A49979;
color:#FFFFFF;
margin:0 2px; 
font-weight:bold;
}

.pagination h2 {
margin-top:-1.45em;padding:0;border:none
} /* In html1.php, pages links:EITHER span OR a */


/*COLUMNS*/

.column {
width:32%;
display:inline-block;
text-align:left;
font-size:0.9em;
vertical-align:top;
}

.column a {
color:#000000;
text-decoration:none;
}


/*********************************SIDEBAR*********************************/

#sidebar {
display:inline-block;
text-align:left;
vertical-align: top;
padding:0px;
margin:0px;
border:0px;
width:440px;
}

.sidebar-facebook {
margin-top:20px;
height:485px;
margin-bottom:1em;
}

.sidebar-title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
margin-top:20px;
margin-bottom:10px;
max-width:300px;
}

.sidebar-title a {
color:#1F9C3E;
text-decoration:underline;
}

.sidebar_text { /*used: LP*/
box-sizing: border-box; /*div will include padding and border*/
margin-top:1.4em;
margin-bottom:1.4em;
width:100%;
text-align:justify;
font-size:1em;
padding:0.5em;
background-color:#FFFFCC;
}

.sidebar_text a {
color:#1F9C3E;
text-decoration:underline;
}


/*********************************FOOTER*********************************/

.archive {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
color:#999999;
text-align:center;
text-decoration:none;
padding:5px 0px 5px 35px;}

.archive a {
color:#4B8ABF;
text-decoration:underline;
margin-bottom:0px;
}

.archive img { /*flag*/
height:0.9em;
}

#liveinternet {
display:none;}


/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

#container {
max-width:1152px;
padding:0 15px 15px 15px; /*+ border*/
font-size:15px;
}

#content {
width: calc(100% - 372px);
margin-right:14px; /*+font interval=20*/
}

#sidebar {
width:352px;
}



/****************************Header****************************************/


.logo img {
height:72px;
}

.search input[type=text] {
width: calc(100% - 31px);
}

.search input[type=submit] {
width:31px;
}


}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

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

#container {
max-width:1024px;
padding:0 13px; /*to add border 1px*/
font-size:13px;
}

#content {
width: calc(100% - 330px);
margin-right:13px; /*+font interval=18*/
}

/****************************Sidebar****************************************/

#sidebar {
width:312px;
}

/****************************Header****************************************/


.logo img {
height:64px;
}


}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

#container {
width:100%;
max-width:440px;
min-width:290px;
border:0;
padding:10px;
font-size:medium;
}

#content {
width:100%;
display:block;
margin:0;
font-size:18px;
}

iframe {
max-width:100%;
}

/****************************Header****************************************/

.logo_line {
float:left;
max-width:80%;
}

.logo img {
height:60px;
}

.search {
display:none;
}

h1 img {
display:none;
}

/*MOBILE MENU*/

.menu {
display:inherit;
}

.menu label {
float:right;
margin:5px 10px 20px 0px;
text-align:right;
width:44px;
height:44px;
cursor: pointer;
font-size: 0;
z-index: 1;
background: url("../images/menu.gif") no-repeat;
}

.menu input[type=checkbox] {
display: none;
}

.menu input[type=checkbox]:checked ~ .nav {
display: block;
}

.nav {
clear:right;
box-shadow: inset 0 5px #EEEEEE;
z-index: 100;
display: none;
margin-bottom:20px;
}

.nav__item {
display: block;
height: 40px;
font-weight: bold;
color:#666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 40px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
background-color:#F9F9F9;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.nav__item:hover {
background-color:#EEEEEE;
color:#FF3300;
}


/*Paginator**/
.pagination{
display:none;
}


/*COLUMNS*/
.column {
width:100%;
text-align:left;
font-size:1.1em;
}

/****************************Sidebar****************************************/

#sidebar {
width:100%;
margin-top:20px;
border-top:1px solid #e3e3e3;
}

.sidebar-facebook {
display:none;
}

/*****************************Footer****************************************/

.archive {
display:none;
}

}

/*********************************STAT*********************************/
/*Used: LB cabinet, admin*/

.cifra {
font-size:1.7em;
font-family:"Times New Roman", Times, serif;
text-align:center;
}

.ballance {
font-size:1.7em;
font-family:"Times New Roman", Times, serif;
text-align:left;
color:#FF0000;
}

.dashboard-stats {
border:1px solid #e3e3e3;
border-collapse: collapse;
font-size:small;
}

.dashboard-stats td {
background: #e8edff;
border-bottom: 1px solid #fff;
color:#000033;
border-top: 1px solid transparent;
padding: 0.5em;
}

.dashboard-info {
font-size:1.2em;
margin:0.8em 0 0.8em 0;
}


.dashboard-ballance {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:0.5px;
margin-top:0.5px;
}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

.dashboard-info {
clear:both;
}

}

/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

.slika_sidebar {
max-width:100%;
text-align:center;
}

.slika_sidebar img {
max-width:100%;
min-height:250px; /*for CLS*/
}

.slika_upper {
box-sizing: border-box; /*div will include padding and border*/
border:1px solid #CCCCCC;
padding:14px 0 13px 0;
text-align:center;
}

.slika_upper img {
max-height:135px;
min-height:96px; /*for CLS*/
margin:0;
padding:0;
}

.slika_under {
box-sizing: border-box; /*div will include padding and border*/
border:1px solid #CCCCCC;
padding:14px 0 13px 0;
text-align:center;
}

.slika_under img {
max-height:135px;
margin:0;
padding:0;
}

.slika_under_mobile {
display:none;
}

.slika_footer_mobile {
display:none;
}

.sticky {
  position: fixed;
  top: 15px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
  z-index: 101;
}

/******************************Advertising page******************************/

.slika_title {
clear:left;
text-align:left;
color:#4B8ABF;
padding-top:1em;
padding-bottom:0.5em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
}

.slika_sub_title {
clear:left;
text-align:left;
color:#4B8ABF;
padding-top:10px;
padding-bottom:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
}

.logos img{
float:left;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/


.slika_upper {
padding:11px 0 10px 0; /*not including border*/
}

.slika_upper img {
max-height:108px;
}

.slika_under img {
max-height:108px;
}

}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

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

.slika_upper {
padding:9px 0 8px 0; /*not including border*/
}

.slika_upper img {
max-height:96px;
}

.slika_under img {
max-height:96px;
}

}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

.slika_upper {
display:none;
}

.slika_under {
display:none;
}

.slika_sidebar {
display:none;
}

.slika_footer {
display:none;
}

.slika_under_mobile {
display:inherit;
min-height:250px; /*for CLS*/
margin-top:20px;
text-align:center;
}

.slika_under_mobile img {
max-width:100%;
}

.slika_footer_mobile {
display:inherit;
min-height:250px; /*for CLS*/
margin-top:20px;
text-align:center;
}

.slika_footer_mobile img {
max-width:100%;
}

.sticky {
position:static;
top:auto;
}

}
/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

.summary_title {
clear:left;
text-align:left;
color:#4B8ABF;
padding-top:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
}

.summary_title a {
color:#4B8ABF;
text-decoration:none;
}

.summary_title a:hover {
color:#1E9B3D;}

.summary_title span {
color:#999999;
}


.summary_details {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
color:#4B8ABF;
text-align:left;
text-decoration:none;
color:#666666;
margin-top:0.7em;
}

.summary_details a {
text-decoration:none;
color:#4B8ABF;
}

.summary_image {
margin-top:0.7em;
}

.summary_image img {
max-width:80%;
}

.summary_text {
font-size:1em;
text-align:justify;
margin-top:0.7em;
}

.summary_text a {
color:#4B8ABF;
text-decoration:underline;
}

.summary_tags {
margin-top:5px;
display:block;
background-color:#F9F9F9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#333333;
text-align:left;
text-decoration:none;
padding: 2px 0 2px 5px;
color:#666666;}

.summary_tags a {
color:#4B8ABF;
text-decoration:none;
}

 
/*********************************NEWS*********************************/


.fb-like {
padding-top:8px;
}

.news_details {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
color:#4B8ABF;
text-align:left;
text-decoration:none;
color:#666666;
white-space:nowrap;
padding-right:0.5em;
}


.news_text {
font-size:1em;
text-align:justify;
margin-bottom:1em;
}

.news_text a {
color:#4B8ABF;
text-decoration:underline;
}

.news_text img{
max-width:100%;
}

.news_text iframe{
border:0px;
max-width:100%;
}

/*********************************TAG*********************************/

.article_text { /*Used in tags, ads*/
font-size:1em;
text-align:justify;
}

.article_text a {
color:#4B8ABF;
text-decoration:underline;}

.article_text img{
clear:left;
border:0px;
max-width:100%;
}

.article_text iframe{
clear:left;
display:block;
border:0px;
width:640px;
height:360px;
max-width:100%;
}

/*Sidebar Tag Cloud*/

.tags {
width:100%;
text-align:justify;
padding:20px 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
border-top:1px solid #e3e3e3;
}

.tags a {
color:#999999;
text-decoration:none;
}

.tags a:hover {
color:#4B8ABF;
text-decoration:none;
}


/*********************************NEWS MOSAIC*********************************/

#news_mosaic {
width:100%;
text-align:justify;
margin-top:1em;
}

.news_block {
display:inline-block;
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
padding:0.65em;
width:49%;
height:18em;
margin-bottom:1em;
vertical-align:top;
border:1px solid #e3e3e3;
overflow: hidden;
}

.news_block_rss {
float:right;
margin:0.2em 0.2em 0 0;
}

.news_block_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.35em;
font-weight:normal;
margin-bottom:0.3em;
margin-top:0;
}

.news_block_title a {
color:#1F9C3E;
text-decoration:underline;
}

.news_block_title a:hover {
color:#4B8ABF;
}

.news_block_text {
font-size:1em;
text-align:left;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}


/*******************************ВИДЖЕТ****************************************/

.news_widget {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
border: 1px solid #e3e3e3;	
padding:10px;
margin-top:20px;
margin-bottom:1em;
}

.news_widget_logo {
border-radius: 50%; /* Радиус скругления */
border:1px solid #e3e3e3;	
height:50px; /* For CLS */
width:50px; /* For CLS */
background:transparent url(../images/icon.png) no-repeat left top;
}

.news_widget_lb {
font-size:0.8em;
font-weight:bold;
margin-left:0.5em;
}

.news_widget_lb a {
color:#2A5D93;
text-decoration:none;
}

.news_widget_subscribers {
border-top:1px solid #e3e3e3;
margin-top:10px;
padding-top:10px;
font-size:0.7em;
color:#666666;
}

.news_widget_date {
margin-top:10px;
color:#2A5D93;
font-size:0.7em;
font-weight:bold;
}

.news_widget_block {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
border: 1px solid #e3e3e3;	
padding:15px;
margin-top:10px;
}

.news_widget_image {
width:100%;
text-align:center;
background-color:#F5F5F6;
min-height:143px; /*For CLS*/
line-height:0; /*Removes line under image*/
}

.news_widget_image img {
max-width:100%;
}

.news_widget_title {
font-size:0.8em;
line-height:1.4em;
margin-top:5px;
}

.news_widget_title a {
text-decoration:none;
color:#111111;
font-weight:bold;
}

.news_widget_domain {
margin-top:5px;
font-size:0.8em;
color:#666666;
}

.news_widget_button {
margin-top:10px;
background-color:#5181B8;
text-align:center;
padding:7px;
border-radius: 5px; /* Радиус скругления */
font-size:0.8em;
color:#FFFFFF;
text-decoration:none;
}

.news_widget_button:hover {
background-color:#6690C1
}


/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

#news_mosaic {
text-align:center;
}

.news_block {
width:100%;
height:auto;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

}

/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

#navigation-bar {
margin-bottom:5px;
}

#navigation-bar img {
max-height:1.8em;
}

.register-avatar {
margin-left:0.5em;
}

.register{
font-size:0.8em;
}

.register a {
color:#4B8ABF;
text-decoration:underline;
}

/*ВЫПАДАЮЩЕ МЕНЮ*/

#subnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}


#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 100;
	}

#subnav a {
	background: #FFFFFF;
	display: block;
	}

#subnav li li {
	width: 100%;
	background: #FFFFFF;
	border-bottom: 1px solid #e3e3e3;	
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	z-index: 100;
	}

#subnav li li a:hover, #subnav li li a:active {
	background-color:#F8F8F8;
	}

#subnav li ul {
	position: absolute;
	width: 192px;
	left: -999em;
	z-index: 100;
	}

#subnav li:hover ul {
	left: auto;
	display: block;
	z-index: 100;
	}
	
/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

#subnav li ul {
width: 162px;
}

}


/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

#navigation-bar {
display:none;
}

}

/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/


#mosaic {
width:100%;
text-align:justify;
margin-top:1em;
}

.mosaic_block {
display:inline-block;
text-align:left;
box-sizing: border-box; /*div will include padding and border*/
padding:0.65em; /*??? better set in pixels for all sizes*/
max-width:322px; /*??? width:334px; /*+border*/
height:14em;
margin-bottom:1em;
vertical-align:top;
border:1px solid #e3e3e3;
overflow: hidden;
}

.mosaic_block_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.35em;
font-weight:normal;
margin-bottom:0.5em;
margin-top:0.5em;
}

.mosaic_block_title a {
color:#1F9C3E;
text-decoration:underline;
}

.mosaic_block_title a:hover {
color:#4B8ABF;
}

.mosaic_block img {
max-width:100%;
min-height:84px;
background-color:#EEEEEE;
}

.mosaic_block_text {
font-size:1em;
text-align:left;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}


/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

.mosaic_block {
width:270px;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

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

.mosaic_block {
width:240px;
}

}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

#mosaic {
text-align:center;
}

.mosaic_block {
width:100%;
max-width:322px;/*???*/
height:auto;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}

}

/********************************LOCALIT*******************************/

.list-image {
display:inline-block;   
position:relative;
float:left;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

.list-image-title {
font-size:11px;
display:block;
position:absolute;
left:2px;
bottom:2px;
width:99%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
color:#fff;
padding:5px;
background-color:rgba(0,0,0,.7);
}

.sidebar-cities {
box-sizing: border-box; /*div will include padding and border*/
margin: 1.4em 0 0.7em 0;
padding:1em;
width:100%;
background-color:#FFFFCC; 
font-size:1em;
text-align:justify;
}

.sidebar-cities select {
font: 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color:#FFFFFF;
border: 1px solid #b2b2b2;
padding: 3px;
margin: 0px 0px 0px 0px;
width:100%;
}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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


/********************************LOCALIT*******************************/

.list-image {
display:inline-block;   
    position:relative;
float:left;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

.list-image img {
max-width:90px;
}

.list-image-title {
font-size:11px;
display:block;
position:absolute;
left:2px;
bottom:2px;
width:99%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
color:#fff;
padding:5px;
background-color:rgba(0,0,0,.7);
}

.sidebar-cities {
display:none;
}

}
img.lb-image {
	max-width: none !important;
}

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*****************************************************************************/
/*********************************FullHD 1440**********************************/
/*****************************************************************************/

#home_intro {
width:100%;
text-align:justify;
margin-top:1.4em;
}

.home_intro_block {
display:inline-block;
text-align:left;
vertical-align: top;
width:300px;
}

#home_intro img {
width:100%;
min-height:80px; /*For CLS*/
}

.home_intro_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
margin-top:0.2em;
margin-bottom:0.4em;
}

.home_intro_title a {
color:#1F9C3E;
text-decoration:underline;
}

.home_intro_top {
margin-top:0.7em;
font-size:1em;
}

/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/

.home_intro_block {
width:240px;
}

}

/*****************************************************************************/
/***********************************Tablet 1024*********************************/
/*****************************************************************************/

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


.home_intro_block {
width:213px;
}

}


/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

#home_intro {
display:none;
}

}
/* CSS Document */

input { /*Used in search*/
box-sizing: border-box; /*div will include padding and border*/
height:36px;
font-size: 1em;
border: 1px solid #B2B2B2;
background-color:#F6F6F6;
padding-left:5px;
}




/*****************************Forms****************************************/
/***********************Login, Profile, Register***********************/

.public {
float:left;
text-align:left;
margin-top:1em;}

.public a {
text-align:center;
border:1px solid #e3e3e3;
padding: 3px 3px 3px 3px;
font-size:0.8em;
color:#4B8ABF;
text-decoration:none;
}

.public a:hover{
color:#FF3300;
text-decoration:none;
border:1px solid #FF3300;
padding: 3px 3px 3px 3px;}

.form {
padding:1em;
border:1px solid #e3e3e3;
background-color:#FFFFFF;
}

.form p {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#999999;
margin: 0.2em;
}

.form input {
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
padding:3px;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
width: 95%;
margin-bottom:0.5em;
}

.form textarea {
padding: 5px 5px 5px 5px;
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
width: 95%;
}

.alert {
margin: 5px 0px 10px 0px;
padding: 5px 5px 5px 5px;
display:block;
background-color:#FFFFCC;
color:#000000;
font-size:1em;
text-align:justify;
border:1px solid #e3e3e3;
}

.button, input.button
{
background:#0370ea;
background:-moz-linear-gradient(top,#008dfd 0,#0370ea 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#008dfd),color-stop(100%,#0370ea));
background:-webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
background:-o-linear-gradient(top,#008dfd 0,#0370ea 100%);
background:-ms-linear-gradient(top,#008dfd 0,#0370ea 100%);
background:linear-gradient(top,#008dfd 0,#0370ea 100%);
border:1px solid #076bd2;
-moz-border-radius:0.3em;
border-radius:0.3em;
color:#fff !important;
font-size:1em;
font-weight:700;
height:2.5em;
width:14em;
text-align:center;
text-decoration:none !important;
text-shadow:1px 1px 1px #076bd2;
margin-bottom:0px;
}

.button:hover{background:-moz-linear-gradient(top,#008dfd 30%,#0370ea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#008dfd),color-stop(100%,#0370ea));background:-webkit-linear-gradient(top,#008dfd 30%,#0370ea 100%);background:-o-linear-gradient(top,#008dfd 30%,#0370ea 100%);background:-ms-linear-gradient(top,#008dfd 30%,#0370ea 100%);background:linear-gradient(top,#008dfd 30%,#0370ea 100%);cursor:pointer}


/*****************************************************************************/
/***********************************HD 1152***********************************/
/*****************************************************************************/

@media only screen and (max-width: 11439px) { /**Replace to 1439 when FullHD wins**/


input { /*used in search*/
height:28px;
}

}

/*********************************WEBINARS*********************************/
/*Used: ITWebinars, LB network sidebar events, LocalIT sidebar events*/

.webinar_block {
display:block;
margin-bottom:1.4em;
padding:1.4em;
border:1px solid #CCCCCC;
}

.webinar_block_image {
position: relative;
display: inline-block;
width:300px;
min-height:143px;
background-color:#F5F5F6;
line-height:0; /*Removes line under image*/
}

.webinar_image_live {
position: absolute;
right:10px;
bottom:10px;
}

.webinar_block_description {
display:inline-block;
vertical-align:top;
margin-left:1.4em;
max-width:calc(100% - 325px);
}

.webinar_block_title {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:1em;
margin-top:0px;
}

.webinar_block_title a {
color:#4B8ABF;
text-decoration:underline;
}

.webinar_block_date {
font-size:1em;
font-weight:bold;
}

/*Sidebar Event*/
/*Used: LB, sattelits, LB.ua, LocalIT*/

.sidebar_events {
padding-bottom:1em;
border-bottom:1px solid #e3e3e3;
}


.sidebar_event {
clear:left;
text-align:left;
color:#999999;
padding-top:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.35em;
}

.sidebar_event a {
color:#4B8ABF;
text-decoration:none;
}

.sidebar_event a:hover {
color:#FF3300;}

.sidebar_event img {
margin-bottom:-0.2em;
}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

.webinar_block_description {
display:block;
margin-left:0;
margin-top:1em;
max-width:100%;
}

}
/*COMMENTS*/
/*Used: LB, satellites, LB.ua, LR, LI, LiveMD, Inv, Livenergy, bk*/

.fb-comments {
margin-top:1.4em;
max-width:100%;
}

#comments {
text-align:left;
font-size:1em;
margin-top:1.4em;
}

#comments p { /*Name - only for me*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
color:#333333;
text-align:left;
padding:2px 0px 0px 2px;
}

#comments p a {
font-size:1em;
text-decoration:underline;
color:#4B8ABF;
}


.comment_title {
color:#FF0000;
clear:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:normal;
margin-top:1em;
/*margin-bottom:0.4em;*/
text-align:left;
cursor:pointer;
}

.comment_title a{
color:#4B8ABF;
border-bottom: 1px dashed #4B8ABF; 
text-decoration:none;
}

.comment_add {
text-align:left;
padding-top:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#4B8ABF;
}

.comment_author {
color:#AAAAAA;
text-align:left;
padding-top:0.8em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
}

.comment_author a{
color:#AAAAAA;
text-decoration:none;
}

.comment_author img{
padding-right:3px;
border:0;
height:1.7em;
}


.comment_deleted {
color:#FF3300;
text-align:left;
padding-top:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
}

.comment_details {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
color:#333333;
text-align:left;
text-decoration:none;
padding:2px;
background-color:#F0F0F0;
display:block;
}

.comment_text {
padding-top:0.4em;
padding-bottom:0.4em;
color:#000000;
font-size:1em;
text-align:left;
border-bottom:1px solid #e3e3e3;}

.comment_quote {
margin: 0.4em 0.4em 0 0.8em;
padding: 0.4em;
display:block;
background-color:#FFFFCC;
color:#000000;
font-size:1em;
text-align:justify;
border:1px solid #e3e3e3;}

.comment_quote a{
color:#333333;
}

.comment_invite {
margin: 0.4em 0 0.4em 0;
padding: 0.4em;
display:block;
background-color:#FFFFCC;
color:#000000;
font-size:0.9em;
text-align:justify;
border:1px solid #e3e3e3;}

.comment_invite a {
color:#4B8ABF;
border-bottom: 1px dashed #4B8ABF; 
text-decoration:none;
cursor:pointer;}

.comment_alert {
box-sizing: border-box; /*div will include padding and border*/
margin: 0.4em 0 0.4em 0;
padding: 1em;
width:100%;
background-color:#FFFFCC;
color:#000000;
font-size:0.9em;
font-weight:700;
text-align:justify;
border:1px solid #e3e3e3;}

.subcomments {
margin-left:2.8em;
}

.comment_reply a{
color:#4B8ABF;
border-bottom: 1px dashed #4B8ABF; 
text-decoration:none;
cursor:pointer;
}

.crop { 
position:relative; 
overflow:hidden; 
height:8.3em;
}			

a.show_comment {
color:#4B8ABF;
border-bottom: 1px dashed #4B8ABF; 
text-decoration:none;
cursor:pointer;
font-size:0.8em;
}

/*Форма*/

.comments_form form {
box-sizing: border-box; /*div will include padding and border*/
background-color:#CCCCCC;
width:100%;
padding:0.2em;
}

.comments_form input {
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
font:  13px Verdana, Arial, Helvetica, sans-serif;
width: 440px;
margin-bottom:0px;
padding-bottom:0px;
}

.comments_form span {
}

.comments_form textarea {
width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
padding: 0.4em;
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
font: 1em Verdana, Arial, Helvetica, sans-serif;
}

.email { /*for spam field*/
display:none;
}

.comment_add_img a{
font-size:0.9em;
color:#4B8ABF;
}
/*********************************DISCOUNTS*********************************/
/*Used: ITDiscount, LB network sidebar*/

.discount_header {
font-family:Georgia, "Times New Roman", Times, serif;
color:#CC0000;
font-size:1.4em;
font-weight:normal;
margin-top:1.2em;
}

#discount_mosaic {
width:100%;
text-align:justify;
margin-top:1em;
}

.discount_block {
display:inline-block;
box-sizing: border-box;
text-align:left;
vertical-align:top;
overflow: hidden;
width:49%;
height:10em;
padding:0.65em;
margin-bottom:1em;
background-color:#FCFCFC;
}

.discount_block_title {
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:normal;
margin-bottom:0.5em;
margin-top:0px;
}

.discount_block_title a {
text-decoration:underline;
}

.discount_block_title a:hover {
color:#4B8ABF;
}

.discount_block_left {
font-size:14px;
margin-bottom:10px;
font-weight:bold;
}

.discount_block_screenshot {
position: relative;
display: inline-block;
}

.discount_block_ribbon {
position: absolute;
right:10px;
top:0px;
}

.discount_block_big {
box-sizing: border-box;
width:100%;
padding: 1em; 
margin-top:1.3em;
margin-bottom:1.3em;
background-color:#FCFCFC;
font-size:1em;
text-align:justify;
}

.discount_block_big a {
font-weight:bold;
color:#4B8ABF;
}

/*Sidebar Discount*/

.discount_sidebar {
box-sizing: border-box;
width:100%;
padding: 0 0.7em 0.7em 0.7em; 
margin-top:1em;
margin-bottom:1em;
background-color:#FCFCFC;
border:1px solid #CC0000;
font-size:1em;
}

.discount_sidebar img {
border-top:1px solid #CC0000;
float:left;
max-width:12%;
margin-right:0.7em;
}

.discount_sidebar_title {
padding-top:0.3em;
padding-bottom:0.3em;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:normal;
}

.discount_sidebar_title a {
color:#CC0000;
text-decoration:underline;
}

.discount_sidebar a a:hover {
color:#4B8ABF;
text-decoration:underline;
}

.countdown {
font-family: verdana, Arial, Geneva CY, sans-serif;
font-size:1em;
}

/*for empty blocks in mosaic with justify*/
/*should be under all mosaic styles*/
.empty {
height:0;
border:0;
margin:0;
padding:0;
}


/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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

.discount_block {
display:block;
width:100%;
}

}