@font-face {
  font-family: Bebas;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/bebas/BebasNeue-Regular.ttf") format("truetype"), 
       url("fonts/bebas/BebasNeue-Regular.otf") format("opentype");
}

@font-face {
  font-family: Bebas;
  font-style: normal;
  font-weight: bold;
  src: url("fonts/bebas/BebasNeue-Bold.ttf") format("truetype"), 
       url("fonts/bebas/BebasNeue-Bold.otf") format("opentype");
}

@font-face {
  font-family: RobotoCond;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/roboto/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
  font-family: RobotoCond;
  font-style: normal;
  font-weight: bold;
  src: url("fonts/roboto/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
  font-family: RobotoCond;
  font-style: italic;
  font-weight: bold;
  src: url("fonts/roboto/RobotoCondensed-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: RobotoCond;
  font-style: italic;
  font-weight: normal;
  src: url("fonts/roboto/RobotoCondensed-Italic.ttf") format("truetype");
}
/*
@font-face {
  font-family: RobotoCond;
  font-style: normal;
  font-weight: 200;
  src: url("fonts/roboto/RobotoCondensed-Light.ttf") format("truetype");
}

@font-face {
  font-family: RobotoCond;
  font-style: italic;
  font-weight: 200;
  src: url("fonts/roboto/RobotoCondensed-LightItalic.ttf") format("truetype");
}
*/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: RobotoCond, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #2f2f2f;
  overflow-x: hidden;
  background: #FFF;
}

a {
  color: #2687b4;
  text-decoration: none;
  
}

a:hover {
  color: #2687b4;
  text-decoration: underline;
}
/*
.wysiwyg a[target="_blank"], .wysiwyg a[target="_top"] {
  background: transparent url(images/nw.png) top right no-repeat;
  padding-right: 16px;
}
*/
a img {
  border: 0;
}

.placeholder {
  color: #AAA !important;
}

hr {
  width: 100%;
  height: 1px;
  border: solid #AAA;
  border-width: 1px 0 0 0;
  margin: 20px 0;
  float: left;
  clear: both;
}

button {
  padding: 7px;
  border-radius: 7px;
  text-align: center;
  color: #FFF;
  background: #2687B4;
  font-weight: bold;
  border: 0;
}

button:hover, button:active {
  opacity: 0.8;
}

#read-only-msg {
  border: 1px solid #000;
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
  background: #FFF;
  color: red;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -210px;
  width: 420px;
  text-align: center;
  padding: 0;
  font-size: 14px;
  z-index: 100;
}

p.cat-link {
  text-align: right;
  padding: 4px 0 8px 0;
}

p.youtube-more {
  clear: both;
  text-align: center;
}

p.youtube-more a {
  padding: 0;
}

.hide {
  display: none;
}

.addthis_sharing_toolbox {
  clear: both;
  margin-bottom: 10px;
}

.avb-top table {
  border: 0;
  padding: 0;
}

.avb-top img {
  max-width: 100%;
  height: auto;
}

.av-block {
  width: 100%;
  border: 0;
  padding: 0;
}

.av-block td {
  vertical-align: top;
  text-align: center;
}

.av-block td p {
  text-align: center;
}

/* responsible */
main img {
 max-width: 100%;
 height: auto;
}

video {
  max-width: 100%;
  height: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0;
    overflow: hidden;
    clear: both;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* 
  Header 
*/

header {
  background: #FFF url(images/bg.png) repeat-x left top;
}

.row1 {
  padding-top: 32px;
  height: 104px;
}

.row2 {
  height: 150px;
}

/* manufactures */

#manufactures {
}

#manufactures a {
  display: inline-block;
  padding: 4px;
  margin-right: 4px;
  font-size: 24px;
  color: #217ea9;
}

#manufactures a:last-child {
  margin-right: 0;
}

#manufactures a:hover {
  background: #e9e9e9;
  text-decoration: none;
}

/* links */

#links {
  text-align: right;
  position: relative;
}

#links a {
  display: inline-block;
  border-radius: 7px;
  padding: 4px 8px;
  font-size: 20px;
  color: #FFF;
  margin-right: 10px;
  vertical-align: middle;
}

#links a:hover {
  text-decoration: none;
  opacity: 0.8;
}

#links a.logo-mini {
  display: none;
  padding: 0 4px;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  border-radius: 7px;
  background: #217ea9;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Bebas, RobotoCond, Verdana;
}

#links a.cash-back {
  background: #217ea9;
  
}

#links a.group-buy {
  background: #ff2d2d;
}

#links span.search-open {
  display: inline-block;
  width: 42px;
  height: 42px;
  cursor: pointer;
  vertical-align: middle;
  background: transparent url(images/icon-search-open.png) no-repeat left top;
}

#links span.search-open.active, #links span.search-open:hover {
  background-image:  url(images/icon-search-open-active.png);
}

/* search */
#search {
  display: none;
  position: absolute;
  right: 0;
  top: 42px;
  background: #FFF;
  padding: 10px;
  border-radius: 7px;
  z-index: 10;
}

#search input.txt, .search-form input.txt {
  display: inline-block;
  height: 26px;
  padding: 4px 0 4px 7px;
  width: 252px;
  position: relative;
  color: #000;
  background: #FFF;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  font-size: 14px;
  vertical-align: top;
}

#search input.btn, .search-form input.btn {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #FFF url(images/search-btn.png) no-repeat center center;
  border: 0;
  cursor: pointer;
  vertical-align: top;
}

.logo {
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -145px;
  width: 289px;
  height: 150px;
}

.logo img {
  max-width: 100%;
  height: auto;
}
/* topnav */
#topnav {
}

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

/* lev1 */
#topnav > ul {
  height: 88px;
}

#topnav > ul > li {
  display: inline-block;
  height: 88px;
  position: relative;
}

#topnav li.num3 {
  margin-right: 289px;
}

#topnav li.num4, li.num5, li.num6 {
  margin-left: 18px;
}

#topnav > ul > li > a {
  display: inline-block;
  height: 88px;
  line-height: 88px;
  padding: 0 10px;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-size: 45px;
  font-family: Bebas, Verdana, Tahoma, Arial;
  font-weight: bold;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}

#topnav a:hover, #topnav a.curr {
  color: #FFF;
  background: #1f749c;
  text-decoration: none;
}

/* lev2 */
#topnav > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 88px;
  background: #1f749c;
  font-size: 37px;
  font-family: Bebas, Verdana, Tahoma, Arial;
  font-weight: bold;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  z-index: 20;
  width: 150%;
}

#topnav > ul > li:hover > ul {
  display: block;
}

#topnav > ul > li > ul > li {
  
}

#topnav > ul > li > ul > li > a {
  display: block;
  color: #FFF;
  text-transform: uppercase;
  font-size: 28px;
  font-family: Bebas, Verdana, Tahoma, Arial;
  font-weight: bold;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  border-bottom: 2px solid #1d6d93;
  padding: 10px;
}

/*
#login {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #333;
  height: 18px;
  padding: 4px 4px 0 4px;
  color: #FFF;
}

#login a {
  color: #6c6c6c;
  font-size: 12px;
  text-decoration: none;
  margin: 0 6px;
}

#login a:hover {
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
}

#login a.login {
  background: transparent url(images/login-btn.png) no-repeat left center;
  padding-left: 10px;
}
*/



/*
  content
*/

main {
  margin-bottom: 20px;
}

h1, p.h1 {
  font-size: 36px;
  font-weight: normal;
  color: #2f2f2f;
  margin: 20px 0;
}

h1 a {
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}

h2, p.h2 {
  font-size: 18px;
  font-weight: normal;
  color: #343434;  
  margin: 16px 0;
}

#banner, #banner2 {
  margin-bottom: 10px;
}

#banner a, #banner2 a {
  text-decoration: none;
}

.avtop-video {
  position: relative;
  margin-bottom: 10px;
  /*
  max-height: 189px;
  overflow: hidden;
  */
}

.avtop-video img {
  max-width: 100%;
  height: auto;
}

.avtop-video span {
  background: transparent url(images/play-btn2.png) no-repeat center center;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92px;
  height: 93px;
  margin-left: -46px;
  margin-top: -46px;
  cursor: pointer;
  transform: scale(0.5, 0.5);
}

.avtop-video span:hover {
  opacity: 0.8;
}

/*
  video-reviews
*/

.video-reviews {

}

.video-reviews .slick-slide {
  position: relative;
}

.video-reviews p.img {
  padding: 0 4px;
} 

.video-reviews p.img span {
  background: transparent url(images/play-btn2.png) no-repeat center center;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 92px;
  height: 93px;
  margin-left: -46px;
  margin-top: -46px;
  cursor: pointer;
  -ms-transform: scale(0.5, 0.5); /* IE 9 */
  -webkit-transform: scale(0.5, 0.5); /* Safari */
  transform: scale(0.5, 0.5);
}

.video-reviews p.img span:hover {
  opacity: 0.8;
}

/*
  reviews
*/
.reviews {

}

.review {
  margin-bottom: 10px;
  padding: 4px 0;
}

.review .info {
  float: left;
  width: 58px;
  height: 150px;
}

.review .info .date {
  color: #FFF;
  background: #217ea9;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  padding-top: 12px;
}

.review .info .date span {
  font-size: 22px;
}

.review .info .comments {
  height: 33px;
  line-height: 33px;
  border-bottom: 1px solid #525252;
  color: #999;
  background: #343434;
  vertical-align: middle;
  text-align: center;
}

.review .info .comments span {
  padding-left: 14px;
  background: transparent url(images/icon-comment.png) no-repeat left center;
}

.review .info a {
  color: #999;
  text-decoration: none;
}

.review .info .views {
  height: 34px;
  line-height: 34px;
  color: #999;
  background: #343434;
  vertical-align: middle;
  text-align: center;
}

.review .info .views span {
  padding-left: 14px;
  background: transparent url(images/icon-views.png) no-repeat left center;
}

.reviews.otzovik .review .info .rating {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #525252;
  color: #FFF;
  background: #343434;
  vertical-align: middle;
  text-align: center;
}

.reviews.otzovik .review .info .rating span {
  padding-left: 16px;
  background: transparent url(images/icon-rating.png) no-repeat left center;
}

.reviews.otzovik .review .info .date {
  height: 60px;
  padding-top: 2px;
}

.reviews.otzovik .review .info .comments {
  height: 28px;
  line-height: 28px;
}

.reviews.otzovik .review .info .views {
  height: 29px;
  line-height: 29px;
}


.review .img img {
  max-width: 100%;
  height: auto;
}

.review .text {
}

.review .text .title {
  font-size: 18px;
  margin: 0;
  margin-bottom: 7px;
}

.review .text .title a {
  color: #2F2F2F;
}

.review .stat {
  margin-top: 4px;
}

.review .stat > span {
  display: inline-block;
  font-size: 12px;
  background: #e6e6e6;
  color: #2f2f2f;
  padding: 2px 4px;
  margin-right: 7px;
  border-radius: 4px;
}

.review .stat > span:last-child {
  margin-right: 0;
}

.review .stat > span a {
  color: #2f2f2f;
}

.review .stat .views {
  padding-left: 24px;
  background: #e6e6e6 url(images/icon-views2.png) no-repeat 6px center;
}

.review .stat .comments {
  padding-left: 24px;
  background: #e6e6e6 url(images/icon-comment2.png) no-repeat 7px center;
}

.review .stat .rating em, .review .stat .rating b, .review .stat .rating span span span {
  display: none;
}

/*
  rightbar
*/
#rightbar {
  font-size: 16px;
}

#rightbar .block {
  margin-bottom: 10px;
}

#rightbar .block table {
  width: 100%;
}

#rightbar .block-title {
  text-align: center;
  background: #2687b4;
  color: #FFF;
  font-size: 34px;
  padding: 4px 2px;
  border-radius: 10px 10px 0 0;
}

#rightbar .block-content {
  padding: 0;
}

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

.last-news {
  /*border-bottom: 1px dashed #AAA;*/
  padding-bottom: 10px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.last-news .img {
  float: left;
  margin: 4px 4px 4px 0;
}

.last-news .img1 img {
  width: 100%;
  height: auto;
}

.last-news .date {
  display: none;
}

.last-news .date span {
  display: inline-block;
  background: #2687b4;
  color: #FFF;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 4px;
}

.last-news a {
  color: #2f2f2f;
}

.latest-news-all {
  text-align: center;
  margin-top: 10px;
}

.latest-news-all a {
  display: inline-block;
  padding: 10px;
  border-radius: 7px;
  color: #FFF;
  text-decoration: none;
  background: #217ea9;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
}


.featured h2 {
  text-align: center;
  margin: 40px 0 20px 0;
}

.featured h2 span {
  background: #2687b4;
  padding: 7px;
  border-radius: 7px;
  color: #FFF;
  font-size: 23px;
}

.featured .latest {
  width: 100%;
  margin: 10px 0;
}

.featured .last-news {
  width: 33%;
  float: left;
  padding: 7px;
}

.featured .latest .img img {
  border-radius: 7px;
}

.featured .last-news .date {
  display: block;
}


.featured .last-news .title {
  font-size: 14px;
}


.featured .latest-news-all {
  display: none;
}

.last-news.adv iframe {
  margin: 0 auto 10px auto;
  width: 231px;
}

/* subscribe */
.subscribe {
  font-size: 12px;
  padding: 10px 0;
}

.subscribe form {
  height: 36px;
  padding-top: 4px;
}

.subscribe input.txt {
  width: 190px;
  border: 1px solid #CCC;
  border-right-width: 0;
  height: 28px;
  padding: 4px;
  color: #000;
  background: #FFF;
  float: left;
}

.subscribe input.btn {
  width: 30px;
  height: 28px;
  background: transparent url(images/subscribe-btn.png) no-repeat left top;
  cursor: pointer;
  border: 0;
  float: left;
  position: relative;
  left: -1px;
}

.poll p.title {
  margin: 7px 0;
}

.poll p.btns {
  margin-top: 10px;
  text-align: center;
}

.poll input.submit, .poll a.results {
  border: 0;
  background: transparent url(images/vote-btn.png) no-repeat left top;
  width: 90px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}

.poll a.results {
  background: transparent url(images/results-btn.png) no-repeat left top;
}

.poll a.results span {
  display: none;
}

footer {
  min-height: 74px;
  background: #303030;
  color: #FFF;
  padding: 15px 0;
}

.rowf1 {
  padding-top: 15px;
  padding-bottom: 15px;
}

#socials {
  text-align: center;
}

#socials p.btns {
}

#socials p.btns a { 
  display: inline-block;
  width: 85px;
  height: 84px;
  text-decoration: none;
  margin-right: 4px;
}

#socials p.btns a.fb {background: transparent url(images/socials-bg.png) no-repeat left top;}
#socials p.btns a.fb:hover {background: transparent url(images/socials-bg.png) no-repeat left bottom;}
#socials p.btns a.rss {background: transparent url(images/socials-bg.png) no-repeat -85px top;}
#socials p.btns a.rss:hover {background: transparent url(images/socials-bg.png) no-repeat -85px bottom;}
#socials p.btns a.youtube {background: transparent url(images/socials-bg.png) no-repeat -170px top;}
#socials p.btns a.youtube:hover {background: transparent url(images/socials-bg.png) no-repeat -170px bottom;}
#socials p.btns a.ig {background: transparent url(images/socials-bg.png) no-repeat -255px top;}
#socials p.btns a.ig:hover {background: transparent url(images/socials-bg.png) no-repeat -255px bottom;}
#socials p.btns a.twitter {background: transparent url(images/socials-bg.png) no-repeat -340px top;}
#socials p.btns a.twitter:hover {background: transparent url(images/socials-bg.png) no-repeat -340px bottom;}
#socials p.btns a.vk {background: transparent url(images/socials-bg.png) no-repeat -425px top;}
#socials p.btns a.vk:hover {background: transparent url(images/socials-bg.png) no-repeat -425px bottom;}

/* botnav */
#botnav {
}

#botnav p {
  margin: 4px 0;
}

#botnav p a {
  display: block;
  padding-left: 14px;
  background: transparent url(images/icon-botnav.png) no-repeat left center;
  text-decoration: none;
  color: #FFF;
  font-size: 18px;
}

#botnav a:hover {
  color: #FFF;
  text-decoration: underline;
}

footer .info {
  font-size: 16px;
}

#counters {
  float: right;
}

#counters p {
  margin-bottom: 4px;
}

/* ads */
#ags {
  width: 100%;
}

#divAgRight, #divAgLeft {
  position: absolute;
  top: 290px;
  width: 253px;
  overflow: hidden;
  /*height: 1500px;*/
}

#divAgRight {
  margin-left: 502px;
  left: 50%;
}

#divAgLeft {
  margin-right: 502px;
  right: 50%;
  text-align: right;
}

#divAgRight.fixed, #divAgLeft.fixed {
  position: fixed;
}


/*
#back-top a {
  display: block;
  width: 34px;
  height: 121px;
  background: transparent url(images/up-btn.png) no-repeat left top;
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -60px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  text-decoration: none;
}

#back-top a:hover {
  opacity: 0.8;
  text-decoration: none;
}
*/

.poll_bar {
  border: 1px solid #CCC;
  background: url(images/bg_form.png) repeat-x top left;
  height: 18px;
}

.poll_title {
  padding: 7px 0 4px 0;
}

.poll_perc {
  font-weight: bold;
  color: blue;
}

.poll_perc_max {
  font-weight: bold;
  color: red;
}


/*
  Serial Nav
*/
#snav {
  padding-left: 14px;
  background: transparent url(images/home.png) no-repeat left top;
  border-bottom: 1px solid #AAA;
  padding-bottom: 8px;
}

#snav a {
  padding-right: 12px;
  padding-left: 6px;
  background: transparent url(images/snav.png) no-repeat right center;
  /*white-space: nowrap;*/
}

#snav > em {
  font-style: normal;
  padding-left: 6px;
}

/*
  Search Bar
*/
.searchbar {
  background: #FFF url(images/magglass.png) no-repeat 3px 4px;
  padding-left: 17px;
}

.searchlist td {
  padding: 7px;
}

/*
*   Wysiwyg Html Styles
*/
div.wysiwyg {
  font-size: 12px;
  color: #343434;
  text-align: justify;
}

div.wysiwyg p {
  margin: 1px 0;
  padding: 0;
}

.wysiwyg ul {
  margin: 4px 0 4px 0;
  list-style: square none inside;
}

.wysiwyg ol {
  margin: 4px 0 4px 0;
 list-style-position: inside;
}

.wysiwyg ul li {
  margin: 1px 0;
}

textarea.mceEditor {
  width: 99%;
  height: 200px;
}

/*
*   formView
*/

table.formView {
  padding: 0;
  margin: 0 auto;

  font-size: 14px;
  color: black;
}

table.formView tr.tr0 {
}

table.formView tr.tr1 {
}

table.formView td {
  padding: 2px 0;
}

table.formView td.tdText {
  vertical-align: top;
  font-weight: bold;
}

table.formView td.tdErr {
  color: red;
  font-size: 80%;
}

table.formView td.tdNotes {
  color: blue;
  font-size: 80%;
}

input.inputs,  input.inputs_err, textarea.inputs, textarea.inputs_err, select.inputs, select.inputs_err {
  font-family: inherit;
  font-size: 14px;
  background: #FFF url(images/bg_form.png) 0 0 repeat-x;
  border: 1px solid #CCC;
  padding: 4px 4px;
  width: 98%;
  border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

select.inputs, select.inputs_err {
  width: auto;
}

input.inputs_err, textarea.inputs_err, select.inputs_err {
  background: #F3DEDF;
  border: 1px solid #A00;
}

select.inputs.date, select.inputs_err.date {
  width: auto;
}

input.inputs.fx, input.inputs_err.fx {
  width: 40px;
  margin-right: 7px;
}

h2.inputs {
  margin: 7px 0;
  font: italic bold 16px/12px Arial, Verdana, Sans-Serif;
  color: #2153AA;
  text-align: left;
  padding-left: 10px;
}

optgroup {
  font-weight: bold;
  font-style: normal;
}

input.chars_count {
  font-size: 14px;
  border: none;
  background: white;
}

/* 
  Pager
*/
div.pager_div  {
  margin: 10px 0;
  font: 11px Verdana, Arial, Sans Serif;
  text-align: center;
}

div.pager_div a {
  text-decoration: none;
  padding: 3px 7px;
  border: 1px solid #CCC;
  /*
  display: inline-block;
  display: inline\9;
  zoom: 1;
  */
  line-height: 24px;
}

div.pager_div span {
  line-height: 24px;
}

div.pager_div a:hover {
  color: red;
  border: 1px solid #CCC;
  background: url(images/bg_form.png) repeat-x top left;
}

span.pagerPages {
  font-weight: bold;
}

a.pagerNotCurrent{
}

span.pagerCurrent {
  padding: 3px 7px;
  color: white;
  border: 1px solid #CCC;
  background-color: #217ea9;
}

span.pagerNavDisabled {
  color: #999;
  padding: 3px 7px;
  border: 1px solid #CCC;
}

/*
    dbView
*/
table.dbView {
  border: 1px solid #CCC;
  border-collapse:collapse;
  padding: 0;
  margin: 0;
  width: 99%;
}

table.dbView tr.tr0 {
  background-color: #FFF;
}

table.dbView tr.tr1 {
  background-color: #EEE;
}

table.dbView tr.trf {
  background-color: #BBB;
  color:white;
  font-weight:bold;
}

table.dbView th {
  font-size: 12px;
  border: 1px solid #CCC;
  background-color: #DDD;
  padding: 4px;
  text-align: center;
  color: #333;
}

table.dbView td, table.dbView .tdl, table.dbView .tdr, table.dbView .tdnn {
  font-size: 12px;
  padding: 4px 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #CCC;
}

table.dbView td.tdl {
  text-align: left;
  padding-left: 7px;
}
table.dbView td.tdr {
  text-align: right;
  padding-right: 7px;
}

table.dbView td.tdnn {
  font-weight: bold;
}

/*
  Comments
*/

.com_head {
  text-align: center;
  margin: 10px 0;
}

.com_head b {
  display: inline-block;
  background: #2687b4;
  color: #FFF;
  padding: 7px;
  font-size: 16px;
  border-radius: 7px;
}


.com_row {
  border-top: 1px #CCC dashed;
  padding: 10px;
}

.com_info {
  padding-bottom: 2px;
}

.com_num {
  background: #AAA;
  color: white;
}

.com_user {
  color: #00A;
  font-weight: bold;
}

.com_date {
  font-size:11px;
  color:#666;
}

.com_post {
  font-size: 14px;
  padding: 4px 0;
}

.com_row.m {
  background: #EFE5DE;
}

.com_row.p {
  background: #DEEAC9;
}


.comment-response-form {
  clear: both;
  padding-bottom: 15px;
}

.comment-response-form form {
  margin: 0 0 10px 10px;
  padding: 0 0 32px 10px;
  border-left: 1px solid #CCC;
}

#comment-response-form0 form {
/*
  margin: 0;
  padding: 0;
*/  
  border-left: 0;
  float: left;
  width: 100%;
}

/*
  Calendar
*/
#calendar table {
  width: 150px;
  border: 0;
}

#calendar table td, #calendar table th {
  text-align: center;
}


#calendar a {
  text-decoration: underline;
}

#calendar a:hover {
  text-decoration: underline;
}

/*
  Messages
*/
.msg {
  color: red;
  font-size: 12px;
}

.success {
  color: green;
  font-size: 14px;
}

span.success {
  color: green !important;
  font-weight: bold;
  font-size: 12px;
}

/*
  Tags
*/

p.tags {
  width: 100%;
}

p.tags a, p.tags > span {
  margin-right: 7px;
  background: transparent url(images/tag-bg.png) no-repeat left top;
  height: 17px;
  line-height: 17px;
  vertical-align: middle;
  display: inline-block;
  color: #FFF;
  margin-top: 10px;
  text-decoration: none;
  font-size: 14px;
}

p.tags a>span {
  margin-left: 8px;
  background: #217ea9;
  border-radius: 0 4px 4px 0;
  height: 17px;
  display: inline-block;
  padding-right: 6px;
  padding-left: 2px;
  cursor: pointer;
}

.sortby, .subcats {
  color: #555;
}

.subcats {
  text-align: center;
  font-size: 14px;
}

.sortby a, .subcats a {
  text-decoration: none;
  display: inline-block;
  margin: 6px 10px;
  border: 1px solid transparent;
  padding: 2px 4px;
  color: #555;
}

.sortby a.curr, .subcats a.curr {
  color: #217ea9;
  border: 1px solid #217ea9;
}

.sortby a:hover, .subcats a:hover {
  color: #217ea9;
}

.subcats.otzovik a {
  background: #2687b4;
  color: #FFF;
  border: 0;
  border-radius: 7px;
  padding: 4px 7px;
  font-size: 14px;
}

.subcats.otzovik a:hover {
  background: #1F749C;
}

.subcats.otzovik a.curr {
  background: #1F749C;
}

/* UsersNewsView */
.news-info {
  margin-top: 10px;
}

.news-info > div > span {
  display: inline-block;
  background: #2687b4;
  height: 31px;
  line-height: 23px;
  vertical-align: middle;
  color: #FFF;
  border-radius: 7px;
  padding: 4px 7px;
  margin-right: 22px;
  font-size: 19px;
  text-transform: uppercase;
}

.news-info > div > span:last-child {
  margin-right: 0;
}

.news-info a {
  color: #FFF;
  text-decoration: none;
}

.news-info .date {
}

.news-info .views {
}

.news-info .comments {
}

.news-info .rating {
}

span.stars {
  margin-top: 4px;
}

span.stars em {
  font-style: normal;
}

span.stars em::before {
  content: '(';
}

span.stars em::after {
  content: ' / ';
}

span.stars span::after {
  content: ')';
}

a.star-on, a.star-off, a.light-on, a.light-off {
  display: inline-block;
  text-decoration: none;
  width: 12px;
  height: 12px;
  background: transparent url(images/stars2.png) no-repeat left top;
  line-height: 12px;
}

a.star-off, a.light-off {
  background: transparent url(images/stars2.png) no-repeat right top;
}

a.light-on {
  background: transparent url(images/stars2.png) no-repeat left top !important;
}

a.light-off {
  background: transparent url(images/stars2.png) no-repeat right top !important;
}

span.stars b {
  display: none;
}

#news-text {
  margin-top: 20px;
}

#news-text .wysiwyg p {
  font-size: 18px;
}

.author {
  border-top: 1px solid #AAA;
  margin-top: 7px;
  padding-top: 7px;
  font-size: 10px;
  color: #CCC;
}

#showmore {
  display: none;
}

.tags-cloud a {
  margin-right: 7px;
}


#likes {
  text-align: left;
  padding: 10px 0;
}

#likes > ul {
  list-style: none;
  margin: 10px 0 10px 0;
  min-height: 24px;
  text-align: center;
  display: inline-block;
}

#likes > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

#likes > ul > li:last-child {
  margin-right: 0;
}

#likes > ul > li.title span {
  font-size: 18px;
  font-weight: bold;
  padding: 7px;
  background: #2687b4;
  color: #FFF;
  text-transform: uppercase;
  border-radius: 7px;
}

.top-comments td {
  padding: 4px 2px;
  border-bottom: 1px dotted #000;
  
}

/* back-top */
#back-top {
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 100;
}

#back-top a {
  width: 99px;
  height: 99px;
  display: block;
  text-decoration: none;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  background: transparent url(images/up.png) no-repeat center center;
  z-index: 10;
}

#back-top a:hover {
  opacity: 0.8;
}

/* otzovik */
a#new-site-btn {
  display: block;
  width: 163px;
  height: 29px;
  text-decoration: none;
  float: right;
  background: transparent url(images/new-site-btn.png) no-repeat left top;
}

a#new-site-btn span {
  display: none;
}

.search-form {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}

.search-form form {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 282px;
}

.otzovik-item.success {
  padding-top: 100px;
  text-align: center;
  font-size: 18px;
}

.otzovik-item {
  margin-top: 10px;
}

.otzovik-item .pic {
  text-align: center;
  border-bottom: 1px solid #f6f6f6;
  padding: 15px 0;
}

.otzovik-item .pic em {
  display: inline-block;
  display: inline\9;
  zoom: 1;
  height: 100%;
  vertical-align: middle;
}

.otzovik-item .pic img {
  display: inline-block;
  display: inline\9;
  zoom: 1;
  vertical-align: middle;
}

.otzovik-item .score {
  margin-top: 20px;
  text-align: center;
}

.otzovik-item .score em {
  display: inline-block;
  color: #FFF;
  background: #2687b4;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 7px;
  font-style: normal;
  margin-right: 10px;
}

.otzovik-item .score strong {
  display: inline-block;
  color: #FFF;
  background: #ececec;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 7px;
  font-weight: normal;
}


.otzovik-item .score span {
  display: inline-block;
  border-radius: 100px;
  font-size: 14px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
  font-weight: bold;
}

.otzovik-item .score span.m {
  background: red;
}

.otzovik-item .score span.n {
  background: #AAA;
}

.otzovik-item .score span.p {
  background: #74b65f;
}

.otzovik-item .score .rating {
  color: #FFF;
  text-align: center;
  width: 54px;
  height: 26px;
  background: transparent url(images/icon-score.png) no-repeat left top;
  font-size: 14px;
  padding-top: 4px;
  margin-left: 10px;
}
/*
.otzovik-item .score .rating.m {background-position: left -26px; color: #FFF;}
.otzovik-item .score .rating.n {background-position: left -52px; color: #FFF;}
.otzovik-item .score .rating.p {background-position: left top; color: #FFF;}
*/


.otzovik-item .description {
  color: #2f2f2f;
  text-transform: uppercase;
  font-size: 16px;
}
/*
.otzovik-item .views {
  width: 100px;
  float: right;
  text-align: right;
  margin-bottom: 15px;
}

.otzovik-item .views span {
  float: right;
  display: inline-block;
  display: inline\9;
  zoom: 1;
  color: #FFF;
  font-size: 12px;
  width: 18px;
  height: 18px;
  background: #97433c;
  text-align: center;
  padding-top: 2px;
  margin-left: 1px;
}
*/
.otzovik-item .url {
  color: #2687b4;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.otzovik-item .attrs {
  text-align: right;
  margin: 10px 0 20px 0;
}

.otzovik-item .attrs span, .otzovik-item .attrs a {
  display: inline-block;
  padding: 4px;
  background: #2687b4;
  text-transform: uppercase;
  color: #FFF;
  border-radius: 7px;
  margin-left: 7px;
  font-size: 14px;
  font-weight: bold;
}

.otzovik-item .wysiwyg p {
  font-size: 18px;
}

.add-comment-btn {
  text-align: center;
  margin: 10px 0;
}

.add-comment-btn a {
  display: inline-block;
  background: #2687b4;
  color: #FFF;
  padding: 7px;
  font-size: 16px;
  border-radius: 7px;
}

.comment-response .add-comment-btn a {
  margin-right: 10px;
}

/*
  Carousel
*/
#carousel-videos {
  margin-bottom: 28px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px 7px;
  text-indent: -999px;
  border: 1px solid #CCC;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 1px 7px;
  width: 12px;
  height: 12px;
  background-color: #CCC;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {

  .carousel-control .fa-chevron-left,
  .carousel-control .fa-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .fa-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .fa-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  
}

@media screen and (max-width: 767px) {
  .carousel {
    margin-bottom: 36px;
  }

  .carousel-indicators {
    bottom: -36px;
  }
}

/* popup */
body.popup {
  color: #000;
  background: #FFF;
  padding: 0;
  margin: 0;
  text-align: left;
}

body.popup #content {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  max-height: none;
  max-width: none;
  float: none;
}

body.popup #popup-close {
  position: fixed;
  top: 4px;
  right: 4px;
  font: bold 11px Verdana, Tahoma, Arial;
  background: white;
}

body.popup #print-icon {
  position: absolute;
  top: 10px;
  right: 20px;
} 

#vk_comments, #vk_comments iframe {
  width: 100% !important;
}

.footer-table {
  padding: 0;
  border: 0;
}

.footer-table td {
  padding: 0 10px 0 0;
  vertical-align: top;
}