#body, #contentwrapper, .footer #nav-wrapper, .footer /*, .ll2015b4 .header, .ll2015b4 .header #fixed-menu, .ll2015b4 .header #header */ { background-color: #FCFCFC !important; background: #FCFCFC !important; }

.gold { color: #a88944; }
.bold { font-weight: bold; }
.header { margin-bottom: 50px; }
.yp-main-title { display: block; font-family: "Trebuchet MS", Arial, sans-serif; color:  #000000; font-size: 48px; font-weight: 700; text-align: center; max-width: 525px; margin: 0 auto 49px; line-height: 120%; }
.yp-main-text { display: block; font-family: "PT Sans", Arial, sans-serif; color:  #000000; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center; max-width: 905px; margin: 0 auto 45px; }

.yp-info-wrapper { display: block; margin: 0 auto 45px;}
.yp-info-wrapper .yp-logo-wrapper, .yp-info-wrapper .yp-image-wrapper, .yp-info-wrapper .yp-votes-wrapper { display: block; vertical-align: middle; }
.yp-info-wrapper .yp-image-wrapper { padding: 0 140px; }

.yp-votes { display: block; color:  #000000; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center; }
.yp-logo { display: block; width: 148px; height: 93px; background: url(/img/skins/yp2018/logo.png) no-repeat; margin: 0 auto 20px; }
.yp-image { display: block; width: 435px; height: 347px; background: url(/img/skins/yp2018/img-1920.png) no-repeat; }

.books-wrapper { display: block; width: 980px; margin: 0 auto; }
.yp-book { display: inline-block; width: 230px; /*height: 360px;*/ margin-bottom: 75px; text-align: center; margin-right: 140px; }
.yp-book:nth-child(3n) { margin-right: 0px; }
.yp-book .yp-book-cover { display: block;  width: 230px; height: 360px; background-size: cover !important; margin-bottom: 24px; }
.yp-book .yp-book-title a { color:  #a88944 !important; font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden;}
.yp-book .author-block { height: 26px; margin-bottom: 20px; }
.yp-book .author-block .author { display: block; color:  #141414; font-size: 18px; font-weight: 400; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; }

.yp-book .btn-bb-vote, .yp-book .btn-bb-unvote { display: block; position: relative; border-width: 3px; border-style: solid; width: 230px; height: 45px; line-height: 39px; font-size: 18px; font-weight: 700; text-align: left; padding: 0 14px; box-sizing: border-box;}
.yp-book .btn-bb-vote { border-color: #b4924a; color:  #a88944; }
.yp-book .btn-bb-unvote { border-color:  #ec483f; color: #ec483f; }
.yp-book .btn-bb-vote:before { content: ''; display: block; position: absolute; width: 18px; height: 19px; background: url(/img/skins/yp2018/tick.svg) no-repeat; top: 50%; margin-top: -9px; right: 14px; }
.yp-book .btn-bb-unvote:before { content: ''; display: block; position: absolute; width: 21px; height: 19px; background: url(/img/skins/yp2018/cancel.svg) no-repeat; top: 50%; margin-top: -9px; right: 14px; }
.yp-book .count-voters { color:  #ec483f; font-size: 18px; font-weight: 700; }

.btn-bb-vote.btn-savevoter { display: block; border-color: #b4924a; color:  #a88944; margin: 0 auto 50px; border-width: 3px; border-style: solid; width: 240px; height: 45px; line-height: 39px; font-size: 18px; font-weight: 700; padding: 0 14px; box-sizing: border-box;text-align: center; }
.btn-bb-vote.btn-savevoter:before { content: none; }
.vote-info { display: block; text-align: center; font-weight: bold; color: #ec483f; margin-bottom: 50px; }

/************************/
.swiper-slide .yp-book { margin-right: 0px; float: left; }
.vote-reviews-block { padding: 50px 0px; background-color:  #f2f6fb; }
.vote-reviews-block .vote-reviews-icon { display: block; width: 203px; height: 58px; background: url(/img/skins/bigbook/review_logo.png) no-repeat; margin: 0 auto 50px; }
.vote-reviews-block .vote-reviews-title { display: block; color:  #141414; font-size: 52px; line-height: 52px; text-align: center; margin-bottom: 39px; }
.vote-reviews-block .vote-reviews-text { display: block; width: 590px; color:  #141414; font-size: 18px; line-height: 26px; text-align: center; margin: 0 auto 70px;  }

.vote-reviews-block #contentwrapper { background-color:  #f2f6fb !important; }
.vote-reviews-container { border-radius: 10px; background-color:  #ffffff; box-shadow: 0px 15px 20px 0px rgba(147, 195, 251, 0.2); padding: 50px 70px; } 
.vote-reviews-block .vote-book-block { float: left; }
.vote-reviews-block .reviews-wrapper { margin-left: 280px; height: 550px;}
.swiper-slide-contentwrapper { padding: 0 113px; }
.swiper-button-prev { left: 0px !important; background: url(/img/skins/bigbook/arrow_left.png) no-repeat !important; }
.swiper-button-next { right: 0px !important; background: url(/img/skins/bigbook/arrow_right.png) no-repeat !important; }
.swiper-button-prev, .swiper-button-next { top: 255px !important; width: 44px !important; height: 44px !important; margin-top: 0px; }
.review-wrapper {  margin-bottom: 30px; }
.review-wrapper .review-info-block { margin-bottom: 15px; }
.review-wrapper .review-info-block .review-user-avatar-wrapper { display: table-cell; height: 60px; }
.review-wrapper .review-info-block .review-user-avatar-wrapper .review-user-avatar { display: block; height: 60px; width: 60px; border-radius: 50%; }
.review-wrapper .review-info-block .review-user-info-wrapper { display: table-cell; height: 60px; vertical-align: middle; padding-left: 20px;}
.review-wrapper .review-info-block .review-user-info-wrapper .review-user-login { color:  #0768d8 !important; font-size: 18px; line-height: 26px; text-decoration: none;}
.review-wrapper .review-info-block .review-user-info-wrapper .review-date { display: block; color:  #8c8c8c; font-size: 16px; line-height: 20px;}
.review-wrapper .review-block-wrapper { margin-left: 80px; }
.review-wrapper .review-block-wrapper .review-text { margin-bottom: 20px; }
.review-wrapper .review-block-wrapper .review-text p { color:  #141414; font-size: 16px; line-height: 22px; }

.review-actionbar .actionbar-wrapper { float: right; }
.review-actionbar a { text-decoration: none; }

.review-actionbar .actionbar-wrapper .review-like { display: inline-block; width: 22px; height: 20px; background: url(/img/skins/bigbook/like_logo.png) no-repeat; vertical-align: -5px; margin-right: 10px;}
.review-actionbar .actionbar-wrapper .review-like-count { display: inline-block; color:  #0768d8 !important; font-size: 16px; line-height: 24px; text-decoration: none; margin-right: 10px; }
.review-actionbar .actionbar-wrapper .review-comments { display: inline-block; height: 20px; width: 20px; background: url(/img/skins/bigbook/comment_logo.png) no-repeat; vertical-align: -6px; margin-left: 20px; margin-right: 20px; }
.review-actionbar .actionbar-wrapper .review-networks { display: inline-block; width: 17px; height: 20px; background: url(/img/skins/bigbook/share_ico.png) no-repeat; vertical-align: -5px; margin-left: 10px; }
.review-actionbar .actionbar-wrapper .like-wrapper.has-voted .review-like-count { color: #f34001 !important; }
.review-actionbar .actionbar-wrapper .like-wrapper.has-voted .review-like { background: url(/img/skins/bigbook/like_filled_logo.png) no-repeat; width: 23px;}

.vote-reviews-block .reviews-wrapper .swiper-container { width: 100%; height: 100%; padding-right: 92px; }
.vote-reviews-block .reviews-wrapper .swiper-slide { height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.vote-reviews-block .reviews-wrapper .swiper-container-vertical > .swiper-scrollbar { right: 40px; }
.social-more-share { top: -22px; }
.container-share-middle .container-share-small-open { margin-left: 10px; right: -27px;}
.tr-share { display: table-cell; }

/************************/

.btn-vote-wrapper { position: fixed; bottom: 0; height: 75px; width: 100%; background: #fff; left: 0; z-index: 2; padding: 15px; box-sizing: border-box; }
.show768 { display: none; }

@media (max-width: 1199px) {
  .yp-main-title { font-size: 36px; }
  
  .books-wrapper { width: 900px; }
  .yp-book { width: 200px; margin-bottom: 50px; }
  .yp-book .yp-book-cover { width: 200px; height: 312px; }
  
  .yp-book .btn-bb-vote, .yp-book .btn-bb-unvote { width: 200px; }
  .yp-image { width: 348px; height: 277px; background: url(/img/skins/yp2018/img-1024.png) no-repeat; }
  .yp-info-wrapper .yp-image-wrapper { padding: 0 135px; }
  
  
  
  .vote-reviews-block .vote-reviews-icon { margin: 0 auto 40px; }
   .vote-reviews-block .vote-reviews-title { font-size: 40px; margin-bottom: 32px; }
   .vote-reviews-block .vote-reviews-text { margin: 0 auto 56px; }
  
  .vote-reviews-container { padding: 50px 24px; }
  .swiper-slide-contentwrapper { padding: 0 56px; }
  
  .swiper-button-prev, .swiper-button-next { top: 255px !important; width: 32px !important; height: 32px !important;  }
  .swiper-button-prev { left: 0px !important; background: url(/img/skins/bigbook/arrow_left.png) no-repeat !important; background-size: contain !important; }
  .swiper-button-next { right: 0px !important; background: url(/img/skins/bigbook/arrow_right.png) no-repeat !important; background-size: contain !important; }
  
  .vote-reviews-block .reviews-wrapper { margin-left: 246px; }
  .vote-reviews-block .reviews-wrapper .swiper-container-vertical > .swiper-scrollbar { right: 75px; }
}


@media (max-width: 1023px) {
  .hide768 { display: none !important; }
  .show768 { display: block; }
  #body { min-width: 480px; }
  #bodywrapper { width: auto; }
  #contentwrapper { padding: 0 24px; }
  
  .header { width:100%; height:auto; position:relative;min-width: auto; }
  .header .logo { float:left; line-height: 34px; }
  .header .logo img { width:106px; height:22px;vertical-align:middle; }
  .header-inner { height:50px; padding: 0px 15px; text-align: right;position:relative;background: #fff; }
  .header-search { display:inline-block;vertical-align:middle; }
  .header .header-top { padding-top:15px;padding-bottom:15px;height:34px;background: #fff; text-align: right; }
  .header .header-menu { padding-top:15px;padding-bottom:15px;height:34px;background: #fff; text-align: center;border-top: 1px solid #ececec; }
  .header .header-menu .link-header { float:left;position: relative;width:20%;height:34px; }
  .header .header-menu .link-header .btn-icon { position:relative; } 
  .header .header-menu .link-header .count-label { position:absolute;top:-16px;left: 40px; background: transparent; }
  .header .header-menu .link-header .count-label span { padding: 0 3px 1px;min-width: 9px;display: inline-block;line-height: 14px; }
  .header .btn-icon, .header .btn-fill-empty { vertical-align:middle; }
  .header .search-top-form { padding:15px 0;margin:0;box-shadow: none;position:relative;top:-15px;background:#fff; }
  .header .search-top-form .search-input-new { border-color: #535A63; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  .header .search-top-form .btn-find-close { position:absolute;right:94px;top:-2px; }

  .btn-main, a.btn-main, a.btn-main:visited { background: #fff;vertical-align:middle;color: #757b82;font-weight: 400;line-height: 28px;height: 28px;display: inline-block;padding: 0 5px;border: 1px solid #d8dadc;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-decoration:none; }
  .btn-main:hover, a.btn-main:hover, a.btn-main:visited:hover { color: #39424c;border-color: #39424c; }

  .icon-find { width:32px; height:32px;vertical-align: middle; display:inline-block; background: transparent url(/img/skins/mobile2016/header-search.png) center center no-repeat;background-size:24px 24px; }

  .header .user-avatar {width: 32px;height: 32px;margin-left: 10px;display: inline-block;vertical-align: -10px;background: transparent url(/img/skins/mobile2016/unreg.png) center center no-repeat;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
  .header .user-login { display:inline-block;margin-top:1px; color: #39424C !important;font-weight: normal;text-decoration: none;font-size:14px; }
  .header-inner.user-menu { text-align:left; border-top: 1px solid #ececec; min-height: 60px;background: #fff; }
  .header-inner.user-menu .header-search { float:right; margin:13px 0px 0px 5px; }
  .header-inner.user-menu .header-search .icon-find { background-size: auto; }
  .header-inner .icon-link { display:inline-block; vertical-align:middle;height:42px;margin-top:8px;max-height:42px; }
  .header .search-top-form .btn-find-close { position: absolute; right: 94px; top: -2px; }
  
  .search-input-new.default { padding: 0 10px;position:relative; }
    .search-input-new.default.with-btn-find { padding-right: 119px;padding-left:8px; }
    .search-input-new.default .ic-calendar { top:4px;right:4px;position:absolute; }
    .group-block .btn-search-new { width:34px;background-position: 7px center !important; }
    .group-block .search-string.with-filter { margin-right:56px; }
    .group-block .search-input-new { border: 2px solid #B4B7BB;height:30px;line-height:30px;padding-right:40px; }
    .search-input-new .btn-find { position:absolute;right:-2px;top:-2px;background: #535A63 url(/img/skins/mobile2016/icons/search-white.svg) 10px 8px no-repeat;padding: 0 10px 0 34px;background-color: #535A63 !important;border-radius:0 3px 3px 0; }
    .group-block .search-input-new input[type="text"] { color: #39424C; position: relative; top: -17px; display: block; left: 0;}
    .search-input-new input[type="text"] { width: 100%;  height: 30px; padding-top: 0px; line-height: 30px;font-weight: 400; border: 0px; background: transparent; }
    .btn-fill, .btn-fill-empty, .btn-ic-empty, .btn-ic {text-decoration: none;text-shadow: none !important;display: inline-block;border-radius: 3px;font-size: 16px;font-weight: bold;padding: 0 16px;text-align: center;}
    .btn-fill { border: 0px; background-color: #39424c !important; color: #fff !important; height: 34px; line-height: 33px; cursor: pointer; }
    input[type="text" i] { padding: 1px 0px; }

    .user-full-menu {border-top: 2px solid #ececec;border-bottom: 2px solid #ececec; padding: 15px 0 0; position: relative;background: #fff;}
    .triangle-menu {width: 21px;height: 13px;position: absolute;top: -4px;right: 20px;background: url(/img/skins/mobile2016/arrow-menu.png) 0 0 no-repeat;}
    .user-full-menu ul li { margin-bottom: 5px; }
    .user-full-menu ul li a { font-size: 16px; height: 38px; line-height: 35px; display: block; }
    .page-more { margin: 20px 0px; background: #fff; display: block;color: #39424c !important; height: 42px; line-height: 42px; border-top: 1px solid #d8dadc; border-bottom: 1px solid #d8dadc; text-align: center; font-weight: 700; }

  .header-icons { width:32px; height:32px; display:inline-block;background-repeat:no-repeat;background-position: center center; }
  .icon-books { background-image: url(/img/skins/ll2015b/um/books_grey.svg);  }
  .icon-messages { background-image: url(/img/skins/ll2015b/um/message_grey.svg); }
  .icon-notifications { background-image: url(/img/skins/ll2015b/um/notifications_grey.svg); }
  .icon-books.active { background-image: url(/img/skins/ll2015b/um/books_hover.svg); }
  .icon-messages.active { background-image: url(/img/skins/ll2015b/um/message_hover.svg);  }
  .icon-notifications.active { background-image: url(/img/skins/ll2015b/um/notifications_hover.svg); }
  .icon-recs { background-image: url(/img/skins/ll2015b/um/recommendations_grey.svg);margin-top: 7px; }
  .icon-recs.active { background-image: url(/img/skins/ll2015b/um/recommendations_hover.svg); }
  .icon-recs-new { background-image: url(/img/skins/ll2015b/um/recommendations_active.svg);margin-top: 7px; }
  .icon-recs-new.active { background-image: url(/img/skins/ll2015b/um/recommendations_active_hover.svg); }
  .ic-close-black { background-image: url(/img/skins/mobile2016/icons/close-black.svg); }

  .count-label, #system-msgs-count.count-label {position: relative;padding: 2px;height: 18px;display: inline-block;vertical-align: 23px;margin-left: -16px;margin-right: 5px;border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;}
  .count-label span {position: relative;padding: 1px 5px 2px;font-family:Arial, Helvetica, sans-serif;top: -2px;font-weight: bold;color: #FFF;font-size: 12px;background: #04A00C;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
  .count-label-gray span { background: #39424c !important; }
  .count-label-red span { background: #f00 !important; }
  .header #system-msgs-count { margin-top: 8px;font-weight: bold;margin-left: 6px;background: #d0021b;color:#fff;font-size:12px;position: relative;top: auto;padding: 0px;vertical-align: -6px;margin-right: 15px;left: auto;display: inline-block;width: 26px;height: 26px;text-align: center;line-height: 26px;border-radius: 13px;-moz-border-radius: 13px;-webkit-border-radius: 13px;}

  .btn-icon { width:34px;height:34px;display:inline-block;line-height:33px;text-align:center;background-position:center center;background-repeat: no-repeat; background-color: transparent !important;}
  .ic-rec { background-image: url(/img/skins/mobile2016/icons/rec-menu.svg); }
  .ic-rec-new { background-image: url(/img/skins/mobile2016/icons/rec-menu-fill.svg); }
  .ic-message { background-image: url(/img/skins/mobile2016/icons/message-black.svg); }
  .ic-notify { background-image: url(/img/skins/mobile2016/icons/notify-menu.svg); }
  .ic-books { background-image: url(/img/skins/mobile2016/icons/books.svg); }
  .ic-search-black { background-image: url(/img/skins/mobile2016/icons/search-black.svg); }
  
  .footer { border-top: 1px solid #d9d9d9; background-color: #f7f7f7; position:relative; }
  .footer-inner { padding: 10px 15px; }
  .footer-inner ul li { font-size: 14px;font-weight: 400;line-height: 30px; opacity: 0.8; }
  .li-counter { position:absolute; bottom: 11px; right: 15px; }

  .search-input, input[type="text"].search-input { border:0;background:#fff;text-align:left;padding:0 20px; position:absolute; line-height:50px; height:50px; font-size: 18px;position:absolute; top:0px; left:0px; right:30px; }
  .header-inner.user-menu .search-input, .header-inner.user-menu input[type="text"].search-input { top:5px; }
  input:focus {outline: 0;}
  .pad-lr, .footer-inner, .user-full-menu ul li a { padding-left: 32px; padding-right: 32px; }
  
  .yp-image { width: 348px; height: 277px; background: url(/img/skins/yp2018/img-480.png) no-repeat; }
  .yp-info-wrapper .yp-image-wrapper { padding: 0 135px; }
  
  .yp-logo { margin: 0 auto 50px; }
  .yp-info-wrapper .yp-image-wrapper { padding: 0px; }
  .yp-votes { max-width: initial; text-align: center; margin-bottom: 35px; }
  .count-votes { font-size: 30px; }
  .yp-info-wrapper { margin-bottom: 35px; }
  .books-wrapper { width: 380px; }
  .yp-book { width: 160px; margin-right: 55px; }
  .yp-book:nth-child(3n) { margin-right: 55px; } 
  .yp-book:nth-child(2n) { margin-right: 0px; }
  .yp-book .yp-book-cover { width: 160px; height: 250px; }
  .yp-book .btn-bb-vote, .yp-book .btn-bb-unvote { width: 160px; }
  
  
  .vote-reviews-block { padding: 60px 0; }
  .vote-reviews-block .vote-book-block { float: none; display: block; margin: 0 auto 60px; }
  .vote-reviews-block .reviews-wrapper, .review-wrapper .review-block-wrapper { margin-left: 0px; }
  .vote-reviews-block .reviews-wrapper { height: 680px; }
  .vote-reviews-block .vote-reviews-text { width: auto; }
  .review-wrapper { margin-bottom: 60px; }
  .swiper-slide-contentwrapper { padding: 0px; }
  .vote-reviews-container { padding: 60px 30px; }
  .swiper-button-prev { left: 38px !important; }
  .swiper-button-next { right: 38px !important; }
  .swiper-button-prev, .swiper-button-next { top: 109px !important; }
  .pad-lr, .footer-inner, .user-full-menu ul li a { padding-left: 32px; padding-right: 32px; }
  .votes-block .text-votes { vertical-align:6px; }
  .vote-reviews-block .yp-book { float: none;  display: block;  margin: 0 auto 60px; }
}

@media (max-width: 479px) {
  #body { min-width: 320px; }
  #contentwrapper { padding: 0 20px; }
  
  .yp-image { width: 278px; height: 221px; background: url(/img/skins/yp2018/img-320.png) no-repeat; }
  .count-votes { display: block; text-align: center; }
  .books-wrapper { width: auto; }
  .yp-book { display: block; margin: 0px auto 50px !important;}
  
  .vote-reviews-block { padding: 50px 0; }
  .vote-reviews-block .vote-reviews-icon { margin: 0 auto 30px; }
  .vote-reviews-block .vote-reviews-title { font-size: 30px; margin-bottom: 24px;line-height: 120%; }
  .vote-reviews-block .vote-reviews-text { margin: 0 auto 46px;  }
  .vote-reviews-container { padding: 50px 20px; }
  .swiper-button-prev { left: 0px !important; }
  .swiper-button-next { right: 0px !important; }
  .vote-reviews-block .reviews-wrapper { height: 817px; }
}