﻿@font-face {
  font-family: 'PTSans';
  font-style: normal;
  font-weight: 400;
  src: local('PTSans'),
       url('/fonts/PTSans.woff2') format('woff2'), 
       url('/fonts/PTSans.ttf') format('ttf');
}
@font-face {
  font-family: 'PTSansBold';
  font-style: normal;
  font-weight: 400;
  src: local('PTSansBold'),
       url('/fonts/PTSansBold.woff2') format('woff2'), 
       url('/fonts/PTSansBold.ttf') format('ttf');
}
@font-face {
  font-family: 'PTSansBoldItalic';
  font-style: normal;
  font-weight: 400;
  src: local('PTSansBoldItalic'),
       url('/fonts/PTSansBoldItalic.woff2') format('woff2'), 
       url('/fonts/PTSansBoldItalic.ttf') format('ttf');
}
@font-face {
  font-family: 'PTSans-Web-Bold';
  font-style: normal;
  font-weight: 400;
  src: local('PTSans-Web-Bold'),
       url('/fonts/PTSans-Web-Bold.woff2') format('woff2'), 
       url('/fonts/PTSans-Web-Bold.ttf') format('ttf');
}
@font-face {
  font-family: 'Lobster-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster-Regular'),
       url('/fonts/Lobster-Regular.woff2') format('woff2'), 
       url('/fonts/Lobster-Regular.ttf') format('ttf');
}

@font-face {
  font-family: 'OpenSans-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-Regular'),
       url('/fonts/OpenSans-Regular.woff2') format('woff2'), 
       url('/fonts/OpenSans-Regular.ttf') format('ttf');
}
@font-face {
  font-family: 'OpenSans-Light';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-Light'),
       url('/fonts/OpenSans-Light.woff2') format('woff2'), 
       url('/fonts/OpenSans-Light.ttf') format('ttf');
}
@font-face {
  font-family: 'OpenSans-Italic';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-Italic'),
       url('/fonts/OpenSans-Italic.woff2') format('woff2'), 
       url('/fonts/OpenSans-Italic.ttf') format('ttf');
}
@font-face {
  font-family: 'OpenSans-CondLight';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-CondLight'),
       url('/fonts/OpenSans-CondLight.woff2') format('woff2'), 
       url('/fonts/OpenSans-CondLight.ttf') format('ttf');
}
@font-face {
  font-family: 'OpenSans-Semibold';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-Semibold'),
       url('/fonts/OpenSans-Semibold.woff2') format('woff2'), 
       url('/fonts/OpenSans-Semibold.ttf') format('ttf');
}
@font-face {
  font-family: 'OpenSans-Bold';
  font-style: normal;
  font-weight: 400;
  src: local('OpenSans-Bold'),
       url('/fonts/OpenSans-Bold.woff2') format('woff2'), 
       url('/fonts/OpenSans-Bold.ttf') format('ttf');
}

/* red #f80303 red2 -DA4453 */
/* blue #477ACF blue 2- #477ACF */

body { font-family:'OpenSans-Regular'; margin:0px; padding:0px; font-size:14px; background-color:#fff; }
.width-layer-style { width:1180px; margin:0px auto; }
.table-data { display:table; width:100%; border-spacing:0px; }
.table-data .cell { display:table-cell; }
.table-data .row { display:table-row; }

.table-data-dv { width:100%; border-spacing:0px; display:table; }
.table-data-dv .cell-data { display:table-cell; vertical-align:top; }
.table-data-dv .row-data { display:table-row;  }
.italic-text { font-family:'OpenSans-Italic'; font-style:italic; }

a { color:#DA4453; }
a:hover { cursor:pointer; text-decoration:underline; color:#f80303; }
.txt_in_all_incorr { background-color:#FFB8B8; }
.txt_in_all_incorr:focus { -moz-box-shadow: 0 0 2px rgba(0, 160, 255,1); -webkit-box-shadow: 0 0 2px rgba(0, 160, 255,1); box-shadow: 0 0 2px rgba(0, 160, 255,1); }

.TopArrowDV { right:-60px; position: fixed; bottom: 8%; background-color:#f80303; opacity:0.3; padding:12px; border-radius:4px; overflow: hidden; }
.TopArrowDV:hover { cursor:pointer; opacity:0.95; }

.head-item-block { text-align: center; font-size: 16px; font-weight:bold; margin-bottom: 10px; border-bottom: 1px solid #f80303; }

.content-block { background-color: #f9f9f9; padding-bottom:30px; }
.top-menu { color:#000; font-family:'OpenSans-Semibold'; }
.top-menu .parallelogram { transform: skew(-10deg); }
.top-menu .logo { width:62px; vertical-align:middle; transform: skew(10deg); padding-bottom:4px; }
.top-menu .item { border-top:3px solid #fff; text-align:center; width:140px; vertical-align:middle; }
.top-menu .item:hover { border-top:3px solid #DA4453; background-color:#f8f8f8; cursor:pointer; }
.top-menu .item a { color:#000; text-decoration:none; }
.top-menu .item a:hover { color:#DA4453; text-decoration:none; }
.top-menu .menu-cell-0 { width:92px; text-align:center; background-color:#f8f8f8; }
.top-menu .cell-item { height:70px; vertical-align:middle; display:table-cell; width:140px; transform: skew(10deg); }
.search-block { border:1px solid #C8C8C8; width:220px; margin-left:34px; }
.search-block .main_search { padding:2px 4px; width:99%; border:none; outline:none; height:22px; }
.search-block img { width:20px; vertical-align:middle; margin:2px 4px; }
.search-block img:hover { cursor:pointer; }

.footer { padding-top:14px; color:#7B7B7B; background: #e8e8e8 url(/template/i/row_bg.png) repeat; border:1px solid #dcdcdc; }
.footer .logo { width:42px; vertical-align:middle; margin-right:14px; margin-left:20px; }
.footer .site-name { font-family:'OpenSans-Bold'; font-weight:bold; }
.footer .table-data { margin-bottom:10px; }
.footer .table-data-cell { border-bottom:1px solid #cdcdcd; padding-bottom:14px; vertical-align:top; }
.footer .left-cell { width:50%; }
.footer .table-data-dv .bottom-cells { padding-top:6px; padding-bottom:6px; }
.footer .b-title_h4 { font-size: 16px; line-height: 19px; font-weight: 700; color:#000; padding-left:20px; }
.Main-red-button { background-color:#477ACF; }
.footer .row-details-left { text-align:right; padding:4px 12px; }
.footer .row-details-right { text-align:right; padding-right:20px; font-family:'OpenSans-Semibold'; }


.head-sub-menu { border-top:3px solid #DA4453; padding:9px 0; border-bottom:1px solid #cdcdcd; background: #f8f8f8 url(/template/i/head_sub_menu_BG.png) repeat-x; }
.head-sub-menu .head-name { font-size:26px; line-height:32px; }
.head-sub-menu .head-h1 { margin: 16px 0px 16px 0px; }
.head-sub-menu .article-details { font-size:14px; color:#424242; }
.head-sub-menu .article-details img { width:16px; vertical-align:middle; padding-bottom:4px; }
.head-sub-menu .article-details span { margin-right:14px; }
#ContentPlaceHolder1_ArticleName { display:table-cell; vertical-align:middle; }

.article-content { text-align:justify; margin-top:20px; }
.article-content .social-data { padding:14px 0px 14px 0px; }

.article-content .parent-block-left { width:75%; }
.article-content .b-item-block-left { width:94%; max-width:860px; padding-right:12px; margin-right:10px; box-shadow: 0 0 1px rgba(102,102,102,.4); background: #fff; min-height: 120px; padding: 8px 20px; text-align: justify;  }
.article-content .b-item-right-block { padding-left:6px; font-size:14px;  box-shadow: 0 0 1px rgba(102,102,102,.4); background: #fff; min-height: 120px; padding: 4px 6px; text-align: justify; }
.article-content .pre-header { margin:6px; padding:6px 0px; font-size:16px; }
.article-content .pre-header .item { border-bottom:3px solid #fff; font-weight:bold; text-align:center; padding: 0px 0px 4px 0px; }
.article-content .pre-header .item:hover, .article-content .pre-header .item_active { font-weight:bold; text-align:center; border-bottom:3px solid #DA4453; cursor:pointer; padding: 0px 0px 4px 0px; }

.b-item-right-block a { color:#000; text-decoration:none; }
.b-item-right-block .b-pre-image { max-width:90px; max-height:90px; overflow:hidden; }
.b-item-right-block .mini-image { max-width:200px; max-height:200px; }
.b-item-right-block .table-item { margin-bottom:14px; border-bottom:1px solid #e6e6e6; }
.b-item-right-block .table-item:hover .popular-header { color:#DA4453; text-decoration:underline; cursor:pointer; }
.b-item-right-block .popular-header { font-size:12px; font-weight:bold; margin-bottom:10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.b-item-right-block .popular-details { font-size:11px; color:#424242; }
.b-item-right-block .popular-details img { width:16px; vertical-align:middle; padding-bottom:5px; margin-right:2px; }
.b-item-right-block .popular-details span { margin-right:10px; }
.b-item-right-block .popular-details .item-sel0 { display:inline-block; }
.b-item-right-block .popular-details .item-sel1 { display:inline-block; }
.b-item-right-block .popular-details .item-sel2 { display:inline-block; }


.article-content .b-article {  }
#ContentPlaceHolder1_Main_data p { margin:10px 0px; }
#ContentPlaceHolder1_Main_data p  em { font-family:'OpenSans-Italic'; }
#ContentPlaceHolder1_Main_data img { max-width:94%; text-align:center; margin:12px auto; vertical-align:top; display:block; }
#ContentPlaceHolder1_Main_data a>img { -moz-box-shadow: 0 0 6px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.8); box-shadow: 0 0 8px rgba(0,0,0,0.8); }
.b-article h1, .b-article h2, .b-article h3, .b-article h4, .b-article h5, .b-article h6 { color: #DA4453; text-align:left; border-bottom:1px solid #e3e3e3; padding-bottom:2px; margin: 14px 0px 10px 0px; }
.b-article h1 { font-size:24px; font-weight:bold; }
.b-article h2 { font-size:22px; font-weight:bold; }
.b-article h3 { font-size:20px; font-weight:bold; }
.b-article h4 { font-size:18px; font-weight:bold; }
.b-article h5 { font-size:16px; font-weight:bold; }
.b-article h6 { font-size:15px; font-weight:bold; }

#ContentPlaceHolder1_Main_data ol { counter-reset: item; margin:14px 0px; margin-left: 20px; padding-left:12px; line-height: 22px;}
#ContentPlaceHolder1_Main_data ol li { display: block; line-height:24px; }
#ContentPlaceHolder1_Main_data ol>li:before { content: counter(item) "."; font-weight:bold; margin:2px 8px; counter-increment: item; padding:1px 9px; text-align:center; color:#fff; display:inline-block; transform: skew(-20deg); background: #477ACF; }

#ContentPlaceHolder1_Main_data ul { counter-reset: item; margin: 10px 0px; line-height: 22px; padding: 6px 0px 6px 20px; }
#ContentPlaceHolder1_Main_data ul li { display: block; line-height:20px; list-style-type:none; margin: 4px 0px; padding-left: 6px; text-indent: 0px; margin-left: 6px;}
#ContentPlaceHolder1_Main_data ul>li:before { content: '\2714'; font-weight:bold; margin:2px; counter-increment: item; padding:1px 4px; display:inline-block; left: -22px; position: relative; margin-right: -22px; }


#navi-head { padding:8px 12px; background-color:#f9f9f9; text-align:left; border-radius:6px; margin-bottom:18px; line-height:16px; }
#navi-head .content-head { font-size:22px; margin:8px 26px; }
#navi-head .sub-head2 { margin:8px 40px 0 !important; font-size:16px; }
#navi-head .sub-head3 { margin:8px 48px 0 !important; font-size:15px; }
#navi-head .sub-head4 { margin:8px 56px 0 !important; font-size:14px; }
#navi-head .sub-head5 { margin:8px 64px 0 !important; font-size:14px; }
#navi-head .sub-head6 { margin:8px 72px 0 !important; font-size:14px; }
#navi-head .sub-head7 { margin:8px 80px 0 !important; font-size:14px; }
#navi-head .sub-head8 { margin:8px 88px 0 !important; font-size:14px; }
#navi-head .sub-head9 { margin:8px 96px 0 !important; font-size:14px; }
#navi-head ul { margin:10px 0px; }
#navi-head ul>li {  }
#navi-head a {  }
#navi-head a:hover { text-decoration:none; }


.parent-recommended {  }
.parent-recommended .details { font-family:'OpenSans-Semibold'; font-size:16px; font-weight:bold; border-bottom:3px solid #DA4453; display:inline-block; padding: 6px 14px 6px 0px; margin-top:14px; }

#Recomended {  }
#Recomended .block-item { display:inline-block; margin:6px 8px; width:250px; padding:4px; }
#Recomended .block-item:hover .block-title { cursor:pointer; text-decoration:underline; }
#Recomended .block-image { height:140px; text-align:left; z-index:1; overflow:hidden; border:1px solid #f4f4f4; }
#Recomended .block-image img { width:248px; max-width:none; }
#Recomended .block-title { line-height:16px; height:60px; margin-top:6px; color:#000; font-family:'OpenSans-Semibold'; font-weight:bold; }
#Recomended .block-details { font-size:12px; color:#858585; margin-top:4px; }
#Recomended .block-details-icon { width: 12px; vertical-align: middle; padding-bottom: 3px; margin-right:2px; }

.Parent-komments { margin-top:20px; }
.head-komment { font-weight:bold; font-size:18px; font-family:'OpenSans-Semibold'; font-size:16px; font-weight:bold; border-bottom:3px solid #DA4453; display:inline-block; padding: 6px 14px 6px 0px; margin-top:14px; margin-bottom:10px; }
.komment-block { margin:8px 0px; padding:24px; border-radius:2px; padding-bottom: 0; margin-bottom: 20px;
    -webkit-box-shadow: 0 0 1px rgba(102,102,102,.4); -moz-box-shadow: 0 0 1px rgba(102,102,102,.4); box-shadow: 0 0 1px rgba(102,102,102,.4);
    background: #fff; min-height: 40px; padding: 8px 20px;
}
.komment-block .user-name { font-weight:bold; font-size:16px; color:#DA4453; display:inline-block; padding:2px 6px 0px 0px; }
.komment-block .data-add { font-size:12px; color: #444444;  display:inline-block; padding:2px 6px 0px 0px; }
.komment-block .komment { vertical-align:top; margin-top:6px; }
.komment-block-nothing { text-align:center; color:#878787; }
.komment-block .user-image {  }
.komment-block .table-data { display:table; width:100%; }
.komment-block .table-data .cell { display:table-cell; vertical-align:top; }
.komment-block .table-data .left-data { text-align:right; padding:6px 0px; width:70px; }
.komment-block .table-data .right-data { text-align:left; padding-left:20px; }
.block-comment { display:table; width:100%; border-spacing:0px; }
.block-comment .cell-left { display:table-cell; width:35%; vertical-align:top; }
.block-comment .cell-right { display:table-cell; }
.block-comment .block-row { margin:4px 2px; }
.block-comment .txt-data { border-radius:2px; min-height:28px; margin:auto; margin-bottom:6px; padding:2px 4px; border:1px solid #cdcdcd; min-width:94%; }


/*buttons*/
.centered { margin:50px auto; text-align:center; }
.button::-moz-focus-inner{ border: 0; padding: 0; }
.button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button:hover{ background-color: #eee; color: #555; }
.button:active{ background: #e9e9e9; position: relative; top: 1px; text-shadow: none;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}
.button[disabled], .button[disabled]:hover, .button[disabled]:active{
  border-color: #eaeaea; background: #fafafa; cursor: default; position: static; color: #999;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.button.small{ padding: 4px 12px; }
.button.large{ padding: 12px 30px; text-transform: uppercase; }
.button.large:active{ top: 2px; }
.button.green, .button.red, .button.blue {
  color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2);  
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}
.button.green{ background-color: #57a957; border-color: #57a957; }
.button.green:hover{ background-color: #62c462; }
.button.green:active{ background: #57a957; }
.button.red{ background-color: #ca3535; border-color: #c43c35; }
.button.red:hover{ background-color: #ee5f5b; }
.button.red:active{ background: #c43c35; }
.button.blue{ background-color: #269CE9; border-color: #269CE9; }
.button.blue:hover{ background-color: #70B9E8; }
.button.blue:active{ background: #269CE9; }
.green[disabled], .green[disabled]:hover, .green[disabled]:active{ border-color: #57A957; background: #57A957; color: #D2FFD2; }
.red[disabled], .red[disabled]:hover, .red[disabled]:active{ border-color: #C43C35; background: #C43C35; color: #FFD3D3; }
.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{ border-color: #269CE9; background: #269CE9; color: #93D5FF; }
.button-group,.button-group li{ display: inline-block; *display: inline; zoom: 1; }
.button-group{ font-size: 0; margin: 0; padding: 0; background: rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.button-group li{ margin-right: -1px; }
.button-group .button{ font-size: 13px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.button-group .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
.button-group li:first-child .button{ -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.button-group li:first-child .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
.button-group li:last-child .button{ -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.button-group li:last-child .button:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}
/*buttons*/
.red-btn { padding:4px 20px; border-radius:2px; outline:none; background-color:#DA4453; border:1px solid #DE2A2A; color:#fff; }
.red-btn:hover { cursor:pointer; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); box-shadow: 1px 1px 4px rgba(0,0,0,0.3); }


#ContentPlaceHolder1_PageNation { text-align:center; width:100%; margin: 10px auto 16px auto; }
#ContentPlaceHolder1_PageNation .menu { margin:2px auto; margin-right:20px; }
#ContentPlaceHolder1_PageNation .menu .item { border:1px solid #D9D9D9; display:inline-block; font-size:14px; background-color:#e8e8e8; padding:2px 6px; margin:0px 2px; border-radius:2px; }
#ContentPlaceHolder1_PageNation .menu .item:hover { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
#ContentPlaceHolder1_PageNation .menu .item-active { background-color:#e8e8e8; cursor: not-allowed; font-weight:bold; font-size:16px; border:1px solid #D9D9D9; position:relative; border-radius:2px; padding:6px; display:inline-block; margin:0px 3px;  }
#ContentPlaceHolder1_PageNation .menu a { text-decoration:none; }

.List-data { }
.List-data .b-item-block:first-child { margin-top:6px; }
.List-data .b-item-block { background: #fff; margin:12px 0px; padding: 13px 1.7% 5px; margin-bottom: 14px; background: #fff; border-radius: 3px;
    -webkit-box-shadow: 0 0 1px 1px #e4e4e4; -moz-box-shadow: 0 0 1px 1px #e4e4e4; box-shadow: 0 0 1px 1px #e4e4e4;    
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.List-data .b-item-block img { max-width:99%; }
.List-data .b-item-block p { text-align:justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } 
.List-data .b-item-block .head-name { font-size:18px; margin-left:10px; font-weight:bold; }
.List-data .b-item-block .head-name a { text-decoration:none; }
.List-data .b-item-block .head-name a:hover { text-decoration:underline; }
.List-data .table-preview { display:table; width:100%; border-spacing:0px; }
.List-data .table-preview .cell { display:table-cell; vertical-align:middle; padding:4px 6px; }
.List-data .table-preview .left-cell { width:34%; text-align:center; }
.List-data .table-preview .user-mini-avatar { max-width:260px; max-height:160px; border:1px solid #ebebeb; }
.List-data .anons-div-left { text-align:left; margin-top:2px; padding:2px 4px; display:inline-block; float:left; }
.List-data .anons-div-left .img-category { margin-right:2px; padding-bottom:2px; width:14px; }
.List-data .anons-div-left a { text-decoration:none; }
.List-data .anons-div-left a:hover { text-decoration:underline; }
.List-data .anons-div { text-align:right; padding:2px 4px; float:right; }
.def-content { padding-top:10px; }
.def-content .article-details { font-size:12px; color:#424242; clear:both; }
.def-content .article-details img { width:16px; vertical-align:middle; padding-bottom:4px; }
.def-content .article-details span { margin-right:14px; }
.def-content .pre-header { margin:6px; padding:6px 0px; font-size:16px; }
.def-content .pre-header .item { border-bottom:3px solid #fff; font-weight:bold; text-align:center; padding: 0px 0px 4px 0px; }
.def-content .pre-header .item:hover, .def-content .pre-header .item_active { font-weight:bold; text-align:center; border-bottom:3px solid #DA4453; cursor:pointer; padding: 0px 0px 4px 0px; }
.def-content .b-item-right-block { background: #fff; border-radius: 3px; padding-bottom:6px;
    -webkit-box-shadow: 0 0 1px 1px #e4e4e4; -moz-box-shadow: 0 0 1px 1px #e4e4e4; box-shadow: 0 0 1px 1px #e4e4e4;    
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.def-content .b-item-right-block .b-items { padding:2px 8px; }
.def-content .b-item-block-left { width: 75%; padding-right: 22px; }
#NewComments { font-size:13px; }

.Search-page {  }
.Search-page #ContentPlaceHolder1_Search_Value { border: none; height:26px; font-size:15px; text-align:left; outline: none; padding:0px 4px; background-color:#fff; width:100%; color:#000; }
.Search-page .remove-image { width:14px; vertical-align:middle; padding-bottom:2px; }
.Search-page .remove-image:hover { cursor:pointer; }
.Search-page .search-block { max-width:820px; margin:auto; border:none !important; min-width:200px; width:80%; }
.Search-page { margin-top:14px; min-height:200px; }
.Search-page .title-founds { font-size:1.3em; font-weight:bold; color:#045435; }
.Search-page .find-segment { font-size:1.1em; font-weight:bold; text-decoration:underline; }
.Search-page .found-url { font-size:13px; color: #999999; margin:0px; }
.Search-page .found-short-desc { font-size:12px; margin:6px 0px; overflow:hidden; }
.Search-page .found-data-article { font-size:12px; color: #999999; }
.Search-page .found-item-block { margin:20px 8px; }
.Search-page .Find-expression { font-weight:bold; background-color:#e5e807; }

#dektop-menu {  }
#mobile-menu { display:none; }

.Share-table { border-spacing:0px; margin:14px auto; font-size:12px;  }
.Share-table th { text-align:center; color:#fff; font-weight:bold; background-color:#124C96; border-right:1px solid #404040; line-height:16px; padding:6px 8px; }
.Share-table td { text-align:center; border:1px solid #cdcdcd; border-top:none; border-left:none; padding:6px 8px; line-height:14px; }
.Share-table tr td:first-child { border-left:1px solid #cdcdcd; }
.Share-table tr:nth-of-type(odd) { background-color:#EDEDED; }
.Share-table.Small td { font-size:11px; }

.b-article blockquote { font-style: italic; padding: 0 40px; position: relative; min-height: 50px; margin: 20px 0; }
.b-article blockquote:before, .b-article blockquote:after {
  display: block; content: ',,';
  font: bold 40px/40px Georgia, "Times New Roman", Times, serif;
  position: absolute;
}
.b-article blockquote:before { top: -25px; left: 0; }
.b-article blockquote:after {
  bottom: -10px; right: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*ads*/
.ads {  }
.ads-vertical-right { border:1px solid #ebebeb; margin-top:9px; width:300px; height:600px; text-align:center; }
.ads-after-content { border:1px solid #ebebeb; min-height:4px; }
.dyn-block-ads { position:fixed; top:2px; }
.ads-quick { width:300px; height:auto; border:1px solid #ebebeb; margin-bottom:8px; }
/*- ads*/

.video-container {	position:relative; padding-bottom:56.25%; padding-top:30px;	height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed {	position:absolute; top:0; left:0; width:100%; height:100%; }

.Block_PH { position:relative; width:92%; text-align:center; margin:auto; }
.Block_PH .inputText { font-size: 16px; width: 98%; height: 30px; border:none; padding:2px 8px; padding-top:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 0 0 0 1px #d9d9d9; margin-bottom:8px; }
.Block_PH .inputText:active, .Block_PH .inputText:focus { outline:none; animation-name: Change_Border; animation-duration: 1s; box-shadow: 0 0 0 2px #1990c6; border:none; }
.Block_PH .inputText:focus ~ .floating-label, .Block_PH .inputText:not(:focus):valid ~ .floating-label { top: 2px; left: 16px; font-size: 11px; opacity: 1; color:#858585; }
.Block_PH .floating-label { position: absolute; pointer-events: none; font-size:16px; left: 18px; top: 12px; color:#616161; transition: 0.4s ease all; }


/*Pros-Cons*/
.table-pros-cons { }
.table-pros-cons ul { margin-left:0px !important; text-indent:-24px; padding-left:45px; padding-right: 8px; }
.table-pros-cons .cell { vertical-align:top; width:50%; }

.table-data .pros_item_head { background-color:#00bf08; color:#fff; margin-right:4px !important; font-weight:bold; font-size:16px; padding:12px; }
.table-data .pros_item li { list-style-type:none; text-align:left; margin:8px 0; text-indent:0px; position:relative; }
.table-data .pros_item > li:before { content: '' !important; background:url('/files/like_1.png'); background-size: 22px; background-repeat: no-repeat; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-bottom:0px; position: absolute; left: -14px; top: -2px; }
    
.table-data .cons_item_head { background-color:#bf000a; color:#fff; margin-left:4px !important; font-weight:bold; font-size:16px; padding:12px; }
.table-data .cons_item li { list-style-type:none; text-align:left; margin:4px 0; text-indent:0px; position:relative; }
.table-data .cons_item > li:before { content: '' !important; background:url('/files/dislike_1.png'); background-size: 22px; background-repeat: no-repeat; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-bottom:0px; position: absolute; left: -14px; top: 4px; }

.cell-left-recomended { width:94px; }
.b-item-right-block .mini-image { max-width:100%; max-height:100%; }

.b-best-choice { display: block; position:relative; }
.b-best-choice .img-best-choice { float:right; top:0px; right:0px; width:160px; margin: -10px -20px 4px 10px !important; }

.global-new-articles { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }







@media only screen and (min-width: 1201px) {
    


}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    .width-layer-style { width:980px; margin:0px auto; }
    .b-item-right-block .popular-header {  }
    .b-item-right-block .b-pre-image { max-width:80px; }
    .b-item-right-block .mini-image { max-width:100px; max-height:100px; }
    .b-item-right-block .popular-details .item-sel2 { display:none; }
    .head-sub-menu { height:140px; }
    #ContentPlaceHolder1_ArticleName { height:106px; }
    .head-sub-menu .head-h1 { margin: 10px 0px 18px 0px; }
    .article-content .b-item-block-left { width:93%; }

}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:100%; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { max-width:160px; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:36px; }
    #Recomended .block-item { width:320px; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    #Dyn_right_ads { display:none; }
}
@media only screen and (max-width: 801px) {
    #dektop-menu { display:none; }
    #mobile-menu { display:block; position:relative; }
    #mobile-menu .logo { width:64px; vertical-align:middle;  }
    #mobile-menu  #Mobile_menu_details { display:none; position:absolute; top:80px; background-color:#fff; cursor:pointer; left:0px; padding:6px 9px; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0,0.6); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0,0.6); box-shadow: 0 2px 2px rgba(0, 0, 0,0.6); }
    #mobile-menu  #Mobile_menu_details a { text-decoration:none; }
    #mobile-menu  #Mobile_menu_details a:hover { text-decoration:underline; cursor:pointer; }
    #mobile-menu  #Mobile_menu_details ul { margin:6px 4px; padding-left:4px; }
    #mobile-menu  #Mobile_menu_details ul li { line-height:26px; list-style-type:none; }
    #mobile-menu  #Parent_menu { cursor:pointer; }
    #mobile-menu  #Parent_menu img { vertical-align:middle; margin-right:4px; width:26px; }
    #mobile-menu .cell-left { width:120px; text-align:center; }
    #mobile-menu .cell-right { padding-left:24px; position:relative; }
    .Share-table-parent { width:100%; overflow:auto; }
    
}
@media only screen and (min-width: 601px) and (max-width: 801px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:100%; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { width: 240px; max-width: 260px; display: inline-block; text-align: center; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:48px; }
    #Recomended .block-item { width:44%; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    .List-data .table-preview .user-mini-avatar { max-width:180px;  }
    .List-data .b-item-block p { -webkit-line-clamp: 5; }
    .b-item-right-block .mini-image { max-height:240px; max-width:240px; }
    .b-item-right-block .table-item { width:98%; }
    .head-sub-menu { height:160px; }
    #ContentPlaceHolder1_ArticleName { height:120px; }
    .head-sub-menu .head-h1 { margin: 20px 0px 18px 0px; }
    
}
@media only screen and (max-width: 600px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .article-content .b-item-block-left { width:90%; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:100%; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { width: 98%; max-width: 98%; text-align: center; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:48px; }
    #Recomended .block-item { width:96%; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    .List-data .b-item-block p { -webkit-line-clamp: 4; }
    .b-item-right-block .mini-image { max-height:100%; max-width:100%; }
    .b-item-right-block .table-item { width:98%; }
    .head-sub-menu { height:160px; }
    #ContentPlaceHolder1_ArticleName { height:120px; }
    .head-sub-menu .head-h1 { margin: 20px 0px 18px 0px; font-size:20px; }
    .block-comment { display:block; }
    .block-comment .cell-left { display:block; width:100%; }
    .block-comment .cell-right { display:block; }
    .block-comment .txt-data { width:94%; }
    .table-item .cell-left-recomended { width:50%; }
    .footer .left-cell { width:100%; }
    .footer .row-details-left { margin: 16px auto 14px 18px; }
    .footer .row-details-right { }
    .footer .row-details-right a { display:block; text-align:center; margin-bottom:16px; }
    .List-data .table-preview .left-cell { width:96%; }
    .List-data .table-preview .cell { display:block; }
    .def-content .b-item-block-left { margin-right:0px; padding-right:0px; }
    .List-data .table-preview .user-mini-avatar { max-width:96%; max-height:260px; }
    #ContentPlaceHolder1_Main_data ul { padding: 4px 2px; }
    #navi-head .sub-head2 { margin: 8px 2px 0 !important; }
    #navi-head .sub-head3 { margin: 8px 28px 0 !important; }
    .komment-block .table-data .left-data {  }
    .komment-block .table-data .cell { display:block; }
    .Search-page .title-founds { text-align:left; }
    .article-content .b-item-block-left { padding:4px;  }
    .TopArrowDV { display:none; }

    .table-pros-cons {  }
    .table-pros-cons .cell { display:block; width:98%; }
    #ContentPlaceHolder1_Main_data ul li { padding-left: 28px; }
    #ContentPlaceHolder1_Main_data a > img { max-width:96% !important; }
}
@media only screen and (max-width: 400px) {
    .width-layer-style { width:94%; margin:0px auto; }
    .article-content .b-item-block-left { width:100%; padding:4px; }
    .table-data-dv .cell-data { display:block; }
    .article-content .parent-block-left { width:auto; }
    .b-item-right-block .table-item { width:48%; margin:4px 6px; display:inline-block; }
    .b-item-right-block .b-pre-image { width: 98%; max-width: 98%; text-align: center; }
    .top-menu .search-block { width:100px; margin-left:10px;  }
    #Recomended .block-title { height:48px; }
    #Recomended .block-item { width:96%; margin: 9px 8px; }
    #Recomended .block-image { height:160px; }
    #Recomended .block-image img { width:100%; }
    .top-menu .item { width:114px; }
    .def-content .b-item-block-left { width:98%; }
    .List-data .b-item-block p {-webkit-line-clamp: 4; }
    .b-item-right-block .mini-image { max-height:100%; max-width:100%; }
    .b-item-right-block .table-item { width:98%; }
    .head-sub-menu { height:160px; }
    #ContentPlaceHolder1_ArticleName { height:120px; }
    .head-sub-menu .head-h1 { margin: 20px 0px 18px 0px; font-size:20px; }
    .block-comment { display:block; }
    .block-comment .cell-left { display:block; width:100%; }
    .block-comment .cell-right { display:block; }
    .block-comment .txt-data { width:94%; }
    .table-item .cell-left-recomended { width:50%; }
    .footer .left-cell { width:100%; }
    .footer .row-details-left { margin: 16px auto 14px 18px; }
    .footer .row-details-right { }
    .footer .row-details-right a { display:block; text-align:center; margin-bottom:16px; }
    .List-data .table-preview .left-cell { width:96%; }
    .List-data .table-preview .cell { display:block; }
    .def-content .b-item-block-left { margin-right:0px; padding-right:0px; }
    .List-data .table-preview .user-mini-avatar { max-width:96%; max-height:260px; }
    #ContentPlaceHolder1_Main_data ul { padding: 4px 2px; }
    #navi-head .sub-head2 { margin: 8px 2px 0 !important; }
    #navi-head .sub-head3 { margin: 8px 28px 0 !important; }
    .komment-block .table-data .left-data {  }
    .komment-block .table-data .cell { display:block; }
    .Search-page .title-founds { text-align:left; }
    #mobile-menu #Mobile_menu_details { left:-100px; }
    #Recomended { width:96%; display:none; }
    .table-data-dv { display:block; width:100%; }    
    .b-best-choice .img-best-choice { width:120px; right:6px; }


}


