.challenge-layout { background-color: #f1f1f1 !important; }
.challenge-layout #contentwrapper, .challenge-layout #innerwrapper, .challenge-layout #bodywrapper { background: none !important; }
.challenge-layout .no-books-wrapper .challengebooks-wrapper .challengebook.empty { margin-bottom: 0px; }

.challenge-layout .profile-title { padding-bottom: 0; border-bottom: none; margin-bottom: 20px; line-height: 28px; color: #39424c; font-family: 'PT  Sans', sans-serif; font-size: 24px;}

.challenge-layout .no-avatar { background:  transparent url(/img/skins/vizov2016/no_avatar.svg) center center !important; background-size: contain !important; }
.challenge-layout .authorize-links { font-family: Arial; font-size: 14px; font-weight: 400; color: #0768d8; }
.challenge-layout .authorize-links:visited, .challenge-layout .authorize-links:active { color: #0768d8; }

.challenge-layout .top { height: 220px; padding: 30px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.challenge-layout.year-2020 .top,
.challenge-layout.year-2019 .top { background-color: rgba(237, 243, 255, 0.95); /*box-shadow: inset 0px 5px 30px -15px;*/}
.challenge-layout.year-2018 .top { background-color: #fdd9c1; box-shadow: inset 0px 5px 30px -15px;}
.challenge-layout.year-2017 .top { background-color: #ffe7c1; }
.challenge-layout.year-2016 .top { background-color: #caebf2; }
.challenge-layout.year-2015 .top { background-color: #f0e0d0; }

.challenge-layout .top .kv-logo { display: inline-block; height: 90px; width: 103px; margin: 26px 32px 26px 0px; float: left; background-size: cover !important;}
.challenge-layout.year-2020 .top .kv-logo { background: url(/img/skins/vizov2016/kv-2020-logo.svg) no-repeat; height: 93px; width: 102px; margin: 0 33px 0 0; }
.challenge-layout.year-2019 .top .kv-logo { background: url(/img/skins/vizov2016/kv-2019-logo.svg) no-repeat; height: 93px; width: 102px; }
.challenge-layout.year-2018 .top .kv-logo { background: url(/img/skins/vizov2016/kv-2018-logo.svg) no-repeat; }
.challenge-layout.year-2017 .top .kv-logo { background: url(/img/skins/vizov2016/vertical_logo17_2.svg) no-repeat; }
.challenge-layout.year-2016 .top .kv-logo { background: url(/img/skins/vizov2016/vertical_logo16.svg) no-repeat; }
.challenge-layout.year-2015 .top .kv-logo { background: url(/img/skins/vizov2016/vertical_logo15.svg) no-repeat; }
.challenge-layout .top .top-content { vertical-align: top; display: flex; max-width: 1200px; width: 100%; padding: 0 56px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.challenge-layout .top .top-content .kv-stats-wrapper { display: inline-block; padding-right: 30px; /*padding: 5px 0px;*/ }
.challenge-layout .top .top-content .kv-stats-wrapper .stats-row { font-family: "PT Sans", sans-serif; color: #39424c; font-size: 16px; line-height: 22px; display: block;}
.challenge-layout .top .top-content .kv-stats-wrapper .stats-row .value { font-weight: 700; }
.challenge-layout .top .top-content .kv-stats-wrapper .stats-row .value-description { font-weight: 400; }

.challenge-form-wrapper { margin-left: auto; }
.challenge-form-wrapper .challenge-form-table { color: #39424c; min-width: 455px; }
.challenge-form-wrapper .challenge-form-table tr td { vertical-align: middle; }
.comment-clear-link { text-decoration: none; border-bottom:1px dashed #0768d8; color: #0768d8; font-size: 16px; font-weight: 400; float: right; margin-top: 8px; }

.challenge-form-wrapper .challenge-form-table .comment-clear-link:hover, .challenge-layout .challenge-info-block .challenge-info-wrapper .rules-link:hover,
.challenge-layout .challenge-banner .banner-more:hover, .challenge-layout .banner-more-block.challenge-banner .comments-link:hover,
.challenge-layout .userchallenge-wrapper .userchallenge-comment-wrapper .userchallenge-edit-link:hover,
.challenge-layout .challengebook .book-name:hover, .challenge-layout .challengebook .book-author:hover,
.challenge-layout .challenge-more-menu .item-link:hover, .challenge-layout .event-wrapper .event-user-wrapper .event-participant-info a:hover { color: #04A00C !important; text-decoration: none; }

.challenge-form-wrapper .challenge-books-count {width: 41px;height: 35px;color: #9ca1a6;font-family: 'PT Sans', sans-serif;font-size: 16px;font-weight: 400;padding: 8px 2px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-right: 10px;}
.challenge-form-wrapper .challenge-form-table .btn-accept, .challenge-layout .challenge-banner .btn-accept, .btn-accept { width: 163px; height: 40px; background-color: #CE8100; border-radius: 20px; color: white !important; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; text-decoration: none; border: none; outline: none; cursor: pointer; display: inline-block; text-align: center; line-height: 40px; }
.challenge-form-wrapper .challenge-form-table .challenge-comment { width: 455px; resize: none; padding: 5px 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 53px; color: #9ca1a6; font-family: 'PT Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 20px; }

.challenge-layout.year-2020 .challenge-form-wrapper .challenge-books-count,
.challenge-layout.year-2020 .challenge-form-wrapper .challenge-form-table .challenge-comment,
.challenge-layout.year-2019 .challenge-form-wrapper .challenge-books-count,
.challenge-layout.year-2019 .challenge-form-wrapper .challenge-form-table .challenge-comment { border: 1px solid rgba(57, 66, 76, 0.54);box-sizing: border-box;box-shadow: inset 2px 3px 8px rgba(161, 169, 179, 0.5);border-radius: 3px; }

.challenge-layout.year-2020 .btn-accept,
.challenge-layout.year-2019 .btn-accept { background-color: #314999 }
.challenge-layout.year-2018 .btn-accept { background-color: #7d1935 }
.challenge-layout.year-2016 .btn-accept { background-color: #ff6467 }


.knob { display: none; }

.challenge-layout .progess-block-wrapper { margin-left: auto;height: 159px; display: table; }
.challenge-layout .progess-block-wrapper .what-to-read { display: block; text-align: right; font-size: 16px; line-height: 22px; margin-top: 30px; }
.challenge-layout .progress-block { display: table-cell; vertical-align: middle; }
.challenge-layout .progress-block .progress-wrapper { width: 370px; height: 45px; }

.challenge-layout.year-2020 .progress-block .progress-wrapper,
.challenge-layout.year-2019 .progress-block .progress-wrapper { position: relative; padding-bottom: 10px;  width: 371px; height: 46px;}
.challenge-layout .progress-block.side { display: block; margin: 40px auto; }
.challenge-layout .progress-block.side .progress-wrapper { width: 200px; height: 24px; }
.challenge-layout .progress-block .progress-wrapper .progressbar { vertical-align:text-bottom;height: 45px;max-width: 370px;display: inline-block; }
.challenge-layout .progress-block.side .progress-wrapper .progressbar { max-width: 200px; height: 24px; }

.challenge-layout .progress-sidenav.year-2020 .progress-block.side .progress-wrapper .progressbar,
.challenge-layout .progress-sidenav.year-2019 .progress-block.side .progress-wrapper .progressbar { max-width: 175px; height: 42px; }
.challenge-layout .progress-sidenav.year-2018 .progress-block.side .progress-wrapper .progressbar { max-width: 175px; height: 41px; }
.challenge-layout .progress-block .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/progressbar_new2.png) no-repeat left top; }

.challenge-layout.year-2020 .progress-block .progress-wrapper .progressbar.progress,
.challenge-layout.year-2019 .progress-block .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/top_progress_filled.svg) no-repeat left top; }
.challenge-layout.year-2018 .progress-block .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/progressbar_new3.svg) no-repeat left top; }
.challenge-layout .progress-block.side .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/progressbar_s_new2.png) no-repeat left top; }
.challenge-layout .progress-block .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/progressbar_new.png) no-repeat right top; }

.challenge-layout.year-2020 .progress-block .progress-wrapper .progressbar.progress-bg,
.challenge-layout.year-2019 .progress-block .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/top_progress_notfilled.svg) no-repeat right top; }
.challenge-layout.year-2018 .progress-block .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/progressbar_new.svg) no-repeat right top; }
.challenge-layout .progress-block.side .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/progressbar_s_new.png) no-repeat right top; }
.challenge-layout .progress-block .progress-wrapper .progressbar-days { background: #F4D8AA; }
.challenge-layout .progress-block .progress-wrapper .progressbar-days hr { margin: 0;height: 4px;border: none; background: #ce8100; }
.challenge-layout .progress-sidenav.year-2018 .progress-block .progress-wrapper .progressbar-days { background: #deab9f; }
.challenge-layout .progress-sidenav.year-2018 .progress-block .progress-wrapper .progressbar-days hr { background: #7d1935; }

.challenge-layout.year-2020 .progress-block .progress-wrapper .progressbar-days,
.challenge-layout.year-2019 .progress-block .progress-wrapper .progressbar-days { margin-top: 2px; position: absolute; bottom: 0; width: 384px; left: 50%; margin-left: -192px; height: 8px; background: #fff; }

.challenge-layout.year-2020 .progress-block .progress-wrapper .progressbar-days hr,
.challenge-layout.year-2019 .progress-block .progress-wrapper .progressbar-days hr { height: 8px;background: #FF7B00; }
.challenge-layout.year-2018 .progress-block .progress-wrapper .progressbar-days { background: #deab9f; }
.challenge-layout.year-2018 .progress-block .progress-wrapper .progressbar-days hr { background: #7d1935; }
.challenge-layout .progress-block .progressbar-text { color: #39424c; font-size:18px; line-height: 24px; font-family: 'PT Sans', sans-serif;display: block; margin-bottom: 15px; }

.challenge-layout .progress-sidenav.year-2020 .progress-block .progress-wrapper .progressbar-days hr,
.challenge-layout .progress-sidenav.year-2019 .progress-block .progress-wrapper .progressbar-days hr { height: 6px; }

/*.challenge-layout .progress-sidenav.year-2019 .progress-block .progress-wrapper .progressbar-days { width: 200px; margin-left: -100px; height: 6px; }*/
.challenge-layout .progress-sidenav.year-2020 .progress-block .progress-wrapper .progressbar-days,
.challenge-layout .progress-sidenav.year-2019 .progress-block .progress-wrapper .progressbar-days { width: 185px; margin-left: -92px; height: 6px; }

.challenge-layout .progress-sidenav.year-2020 .progress-block.side .progress-wrapper,
.challenge-layout .progress-sidenav.year-2019 .progress-block.side .progress-wrapper { width: 175px; height: 42px; position: relative; margin: 0 auto; padding-bottom: 7px; }

.challenge-layout .progress-sidenav.year-2020 .progress-block.side .progress-wrapper .progressbar.progress,
.challenge-layout .progress-sidenav.year-2019 .progress-block.side .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/side_progress_filled.svg) no-repeat left top; }

.challenge-layout .progress-sidenav.year-2020 .progress-block.side .progress-wrapper .progressbar.progress-bg,
.challenge-layout .progress-sidenav.year-2019 .progress-block.side .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/side_progress_notfilled.svg) no-repeat right top; }

.challenge-layout .progress-sidenav.year-2018 .progress-block.side .progress-wrapper { width: 175px; height: 41px; margin: 0 auto; }
.challenge-layout .progress-sidenav.year-2018 .progress-block.side .progress-wrapper .progressbar.progress { background: url(/img/skins/vizov2016/progressbar_s_new3.svg) no-repeat left top; }
.challenge-layout .progress-sidenav.year-2018 .progress-block.side .progress-wrapper .progressbar.progress-bg { background: url(/img/skins/vizov2016/progressbar_s_bg_new3.svg) no-repeat right top; }

.challenge-layout .top .top-content .progress-block .progress-wrapper .days-progress { position: absolute;width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px; }
.challenge-layout .top .top-content .progress-block .progress-wrapper .books-progress { position: absolute;width:70px;height:70px;top:50%;left:50%;margin-top:-35px;margin-left:-35px; }
.challenge-layout .top .top-content .progress-block .progress-info { float: left; margin-left: 15px; display: block; }
.challenge-layout .top .top-content .progress-block .progress-info .progress-left { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 7px; display: block; }
.challenge-layout .top .top-content .progress-block .progress-books-info,
.challenge-layout .top .top-content .progress-block .progress-days-info { display: block; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 400; line-height: 38px; }
.challenge-layout .top .top-content .progress-block .progress-books-info { color: #ff6468; }
.challenge-layout .top .top-content .progress-block .progress-days-info { color: #2b97dc; }

.challenge-layout.year-2017 .top .top-content .progress-block .progress-books-info { color: #CF8100; }
.challenge-layout.year-2015 .top .top-content .progress-block .progress-books-info { color: #65614C; }

.challenge-layout.year-2017 .top .top-content .progress-block .progress-days-info { color: #F5A623; }
.challenge-layout.year-2015 .top .top-content .progress-block .progress-days-info { color: #CD9E3A; }

.challenge-layout .top .top-content .progress-block .progress-books-info .books-count, .challenge-layout .top .top-content .progress-block .progress-days-info .days-count { font-size: 28px; font-weight: 700; }
.challenge-layout .top .top-content .progress-block .more-wrapper { width: 100px; float: left; margin-top: 28px; position: relative; }
.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more { display: block; width: 30px; height: 8px; background: url(/img/skins/vizov2016/i-more.png) no-repeat; margin:0; cursor: pointer;}
.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu { display: none; position: absolute; background-color: white; border-radius: 10px; box-shadow: 0 1px 5px rgba(56, 65, 76, 0.4); width: 145px; height: 131px; z-index: 1; left: -160px; top: -65px; padding: 10px 0; box-sizing: border-box;}
.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu .triangle-message.left { display: block; position: absolute; width: 14px; height: 8px; top: 67px; right: 8px; background: none; }
.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu .triangle-message.left:before, .challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu .triangle-message.left:after { content: ''; position: absolute; right: -23px; top: -6px; border: 8px solid transparent; border-left: 7px solid #D8DADC; }
.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu .triangle-message.left:after { border-left: 7px solid white; top: -6px; }
.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu .item-link { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; margin: 0 10px 0px 20px;}

.challenge-layout .top .top-content .progress-block .more-wrapper .challenge-more-menu .stripe-separator { display: block; width: 100%; border: 1px solid #d8d8d8; margin: 10px 0 8px}

.challenge-layout .challenge-info-block { padding-left: 0px; padding-right: 0px; max-width: 1200px; margin: 0 auto;}
.challenge-layout .challenge-info-block .challenge-info-wrapper { margin: 0 auto; padding: 0 41px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.challenge-layout .page-title { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 20px; display: inline-block;}
.challenge-layout .challenge-info-block .challenge-info-wrapper .rules-link { color: #0768d8; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 400; float: right; margin-top: 5px; }
.challenge-layout .challenge-info-block .challenge-info-wrapper .rules-link:hover { color: #0768d8 !important; }
.challenge-layout .challenge-info-block .challenge-info-wrapper .rules-link .rules-scroll { display: inline-block; width: 18px; height: 20px; background: url(/img/skins/ll2015b/icons63.png) -80px -780px no-repeat; margin-right: 5px; vertical-align: -5px; }
.challenge-layout .challenge-info-block .challenge-info-wrapper .challenge-text { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; }
.challenge-layout .challenge-info-block .challenge-info-wrapper .challenge-text p { margin-bottom: 20px; }
.challenge-layout .header.header-context-wrapper .header-context { border-bottom: none; min-width: auto !important; height: 66px; }
.challenge-layout .header.header-context-wrapper .header-context .header-container { padding: 0px 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-width: auto !important; }
.challenge-layout .header.header-context-wrapper .header-context ul.nav.context { border-bottom: 2px solid #dadadb; margin-left: -12px; }
.challenge-layout .header.header-context-wrapper .header-context ul.nav.context:after { content: ''; display: block; clear: both; }
.challenge-layout .header.header-context-wrapper .header-context ul.nav.context li { padding: 0 12px; float: left; height: 60px; line-height: 60px; }
.challenge-layout .header.header-context-wrapper .header-context ul.nav.context li a { font-size: 16px; font-family: 'PT Sans', sans-serif; }

.challenge-layout .challenge-usersearch-block { padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.challenge-layout .div-form-search .filter-title { color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 18px;font-weight: 700;line-height: 20px; display: block; margin-bottom: 15px; }
.challenge-layout .div-form-search .btn-feed { height: 35px; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 230px; margin-left: 20px; }

.challenge-layout .div-form-search .filter-select { height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; display: inline-block; }
.challenge-layout .div-form-search .filter-select:after { content: " "; background: url(/img/skins/vizov2016/i-more-arrows.png) no-repeat; padding: 0 8px; font-size: 12px; position: absolute; right: 6px; top: 14px; z-index: 1; text-align: center; width: 18px; height: 100%; pointer-events: none; box-sizing: border-box; background: url(/img/skins/ll2015b/icons37.png) no-repeat -120px -307px; height: 7px; }
.challenge-layout .div-form-search .filter-select select { padding: 0px 23px 0 10px; color: #39424c; font-family: 'PT Sans', sans-serif; font-weight: 400; background-color: #fff; height: 35px; padding-right: 25px;-webkit-appearance: none;-moz-appearance: none;appearance: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border: 1px solid #c5c5c5; }
.challenge-layout .div-form-search label { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.11px; }

.challenge-layout .div-form-search .share-menu-ul.oneline li a { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 400; }
.challenge-layout .div-form-search .filter-param-desc { color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 14px;font-weight: 400;letter-spacing: -0.11px; }

.challenge-layout .div-form-search .btn-setfilter { width: 175px; height: 35px; background-color: #39424c; border-radius: 3px; line-height: 35px; color: white; font-family: 'PT Sans', sans-serif; text-align: center; outline: none; border: none; cursor: pointer; font-weight: 700; font-size: 16px}
.challenge-layout .sort-participant-wrapper .btn-feed { height: 35px; line-height: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 230px; }
.filter-result-text { float: right; margin-top: 11px; color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 14px;font-weight: 400;letter-spacing: -0.11px; }

.challenge-layout .participants-wrapper { margin-top: 30px; display: block; background: white; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(57,66,76,0.2); }
.challenge-layout .participant-wrapper { padding: 15px 10px; width: 253px; display: inline-block; float: left; }
.challenge-layout .participant-wrapper .participant-progressbar, .challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar { position: relative; display: table-cell; width: 38px; height: 38px; vertical-align: middle; text-align: center; color: #39424c; font-family: 'PT Sans', sans-serif;font-size: 12px;font-weight: 400;}
.challenge-layout .participant-wrapper.challenge-done { background-color: rgba(3, 160, 12, 0.1); }
.challenge-layout .participant-wrapper.challenge-done .participant-progressbar { background: url(/img/skins/vizov2016/c_done.png) center center no-repeat !important; }
.challenge-layout .participant-wrapper.challenge-done .participant-progressbar { height: 38px; width: 38px; border-radius: 50%; background-color: #04a00c !important; }
.challenge-layout .participant-wrapper.challenge-done .participant-progressbar:before { content: ''; display: block; width: 13px; height: 10px; background: url(/img/skins/ll2015b/icons63.png) -163px -645px no-repeat !important; margin: 0 auto; }
.challenge-layout .participant-wrapper .participant-avatar { display: table-cell; padding-left: 17px; }
.avatar { background-size: cover; background-position: center center;background-repeat: no-repeat;background-color: transparent;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; display: inline-block; }
.challenge-layout .participant-wrapper .participant-avatar .avatar { width: 38px; height: 38px; }
.challenge-layout .participant-wrapper .participant-progressbar-wrapper { display: table-cell; vertical-align: top; }
.challenge-layout .participant-wrapper .percent { display: block; margin-top: 10px; text-align: center; color: #9ca1a6; font-family: 'PT Sans', sans-serif;font-size: 10px;font-weight: 400;  }
.challenge-layout .participant-wrapper.challenge-done .percent { color: #04a00c;  }
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar .percent { position: absolute;bottom: -7px;width: 33px;left: 50%;margin-left: -17px;color: #9ca1a6;font-family: 'PT Sans', sans-serif;font-size: 10px;font-weight: 400; }
.challenge-layout .participant-wrapper .participant-info .participant { display: block; color: #39424c;font-family: "PT Sans", sans-serif;font-size: 16px;font-weight: 700; margin-bottom: 10px; }
.challenge-layout .participant-wrapper .participant-info { display: table-cell; vertical-align: top; padding-left: 10px; font-family: 'PT  Sans', sans-serif; font-size: 14px; font-weight: 400; color: #39424c; max-width: 147px; }
.challenge-layout .participant-wrapper .participant-info .participant-books-read { color: #0768d8; }

.challenge-layout .challenge-banner { width: 100%; background-color: #caebf2; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; border-radius: 5px 5px 5px 5px; }
.challenge-layout.year-2018 .challenge-banner { background-color: #fdd9c1; }
.challenge-layout.year-2017 .challenge-banner { background-color: #ffe7c1; }
.challenge-layout.year-2016 .challenge-banner { background-color: #caebf2; }
.challenge-layout.year-2015 .challenge-banner { background-color: #f0e0d0; }
.challenge-layout #main-challenge-banner { margin-top: 20px; }
.challenge-layout #main-challenge-banner.toggled { box-shadow: 0 1px 0 #9ca1a6; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;-khtml-border-radius: 5px 5px 0px 0px;}
.challenge-layout .challenge-banner .banner-title { color: #39424c; font-family: 'PT  Sans', sans-serif; font-size: 24px; font-weight: 700; line-height: 20px; display: block; margin-bottom: 15px;}
.challenge-layout #main-challenge-banner.challenge-banner .banner-text { padding-right: 180px; display: inline-block; }
.challenge-layout .challenge-banner .banner-text { color: #39424c; font-family: 'PT  Sans', sans-serif; font-size: 14px;  line-height: 20px; font-weight: 400; }
.challenge-layout .challenge-banner .banner-more { color: #0768d8; font-family: 'PT  Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; border-bottom: 1px dashed #0768d8; margin-top: 10px; display: inline-block; }
.challenge-layout .challenge-banner .banner-more:hover { border-bottom: 1px dashed #04A00C; }

.challenge-layout .banner-more-block.challenge-banner { display: none; background-color: rgba(202, 235, 242, 0.5); border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;-khtml-border-radius: 0 0 5px 5px;}

.challenge-layout.year-2018 .banner-more-block.challenge-banner { background-color: rgba(253, 217, 193, 0.5); }
.challenge-layout.year-2017 .banner-more-block.challenge-banner { background-color: rgba(252, 231, 193, 0.5); }
.challenge-layout.year-2016 .banner-more-block.challenge-banner { background-color: rgba(202, 235, 242, 0.5); }
.challenge-layout.year-2015 .banner-more-block.challenge-banner { background-color: rgba(240, 224, 208, 0.5); }

.challenge-layout .banner-more-block.challenge-banner .triangle { display: inline-block; position: absolute; background: url(/img/skins/vizov2016/triangle.png) no-repeat; width: 28px; height: 16px; right: 102px; top: -2px; }
.challenge-layout .banner-more-block.challenge-banner p { margin-bottom: 25px; }
.challenge-layout .banner-more-block.challenge-banner .comments-icon { width: 18px; height: 16px; display: inline-block; vertical-align: -4px; background: url(/img/skins/vizov2016/i-comment.png) no-repeat; margin-right: 5px; }
.challenge-layout .banner-more-block.challenge-banner .comments-link { color: #0768d8; font-family: 'PT  Sans', sans-serif; font-size: 14px; font-weight: 400; }

.userchallenge-avatar { display: inline-block; font-size: 0; }
.challenge-layout .userchallenge-wrapper { padding: 24px; }
.challenge-layout .userchallenge-wrapper .object-more { top: 31px; }
.challenge-layout .userchallenge-wrapper .userchallenge-date { display: block; float: right; margin-right: 28px; font-size: 12px; color: #9CA1A6; line-height: 14px; margin-top: 10px;}
.challenge-layout .userchallenge-wrapper .userchallenge-avatar .avatar { width: 34px; height: 34px; }
.challenge-layout .userchallenge-wrapper .userchallenge-menu a { font-size: 14px; color: #39424c; padding: 20px;  }
.challenge-layout .userchallenge-comment-wrapper { min-width: 120px; display: inline-block; position: relative; margin-left: 30px; background-color: #caebf2; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; padding: 8px 16px; box-sizing:border-box; vertical-align: top; }
/*.challenge-layout.year-2018 .userchallenge-comment-wrapper { background-color: #fdd9c1; }*/
.challenge-layout .userchallenge-comment-wrapper .comment,
.challenge-layout .userchallenge-comment-wrapper .userchallenge-edit-link { font-family: Arial; font-size: 14px; font-weight: 400; line-height: 18px; color: #39424c; }
.challenge-layout .userchallenge-comment-wrapper .userchallenge-edit-link { color: #0768d8; /*position: absolute; bottom: 12px; left: 10px;*/}
.challenge-layout .userchallenge-comment-wrapper .triangle { display: inline-block; width: 15px; height: 14px; background: url(/img/skins/vizov2016/triangle-com.png) no-repeat; position: absolute; top: 5px; left: -13px;}
/*.challenge-layout.year-2018 .userchallenge-comment-wrapper .triangle { background: url(/img/skins/vizov2016/triangle-com_2018.png) no-repeat; }*/

.challenge-layout .challenge-booksearch-wrapper { padding: 24px; }

.challenge-layout .challengebooks-wrapper, .challenge-layout .challenge-booksearch-wrapper { margin-top: 25px; }
.challenge-layout .challenge-booksearch-wrapper .filter-more { color: #0768d8;font-family: Arial;font-size: 14px;font-weight: 400;line-height: 20px; float: right;}
.challenge-layout .challenge-booksearch-wrapper .filter-more .filter-toggle-icon { display: inline-block; height: 7px; width: 12px; background: url(/img/skins/vizov2016/i-more-arrows.png) no-repeat; background-position-y: -8px; margin-left:5px;}
.challenge-layout .challenge-booksearch-wrapper .filter-more.toggled .filter-toggle-icon { background-position-y: 0px; }

.challenge-layout .challengebooks-wrapper { position: relative; font-size: 0;}
.challenge-layout .challengebooks-wrapper.middletiles { background: white; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(57,66,76,0.2); }
.challenge-layout .challengebooks-wrapper.middletiles .challengebooks-list { padding: 24px; }
.challenge-layout .challengebooks-wrapper.middletiles .challengebook { margin-right: 27px; }
.challenge-layout .challengebooks-wrapper.middletiles .challengebook:nth-child(5n) { margin-right: 0px; }
.challenge-layout .challengebooks-wrapper .challengebook { width: 140px; display: inline-block; margin-right: 19px; margin-bottom: 30px; vertical-align: top;}
.challenge-layout .challengebooks-wrapper .challengebook .book-data { padding: 0; margin: 0; }
.challenge-layout .challengebooks-wrapper .challengebook .challengebook-cover { display: block; width: 140px; height: 220px; margin-bottom: 15px; background-size: cover !important; }
.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small { display: inline-block; float: left; width: 35px; height: 30px; background-size: cover !important; }

.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small.kvlogo2020 { background: url(/img/skins/vizov2016/kv-2020-logo.svg) no-repeat; background-size: contain !important; }
.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small.kvlogo2019 { background: url(/img/skins/vizov2016/kv-2019-logo.svg) no-repeat; background-size: contain !important; }
.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small.kvlogo2018 { background: url(/img/skins/vizov2016/kv-2018-logo.svg) no-repeat; }
.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small.kvlogo2017 { background: url(/img/skins/vizov2016/vertical_logo17_2.svg) no-repeat; }
.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small.kvlogo2016 { background: url(/img/skins/vizov2016/vertical_logo16.svg) no-repeat; }
.challenge-layout .challengebooks-wrapper .challengebook .kvlogo-small.kvlogo2015 { background: url(/img/skins/vizov2016/vertical_logo15.svg) no-repeat; }
.challenge-layout .challengebooks-wrapper .challengebook-info { font-family: 'PT Sans', sans-serif;color: #39424c;font-weight: 400; margin-top: 5px; }
.challenge-layout .challengebooks-wrapper .challengebook-info .times-read { font-size: 16px; margin-left: 45px; display: block; line-height: 20px; }
.challenge-layout .challengebooks-wrapper .challengebook-info .times-read-desc { font-size: 10px; margin-left: 45px; display: block; }


.challenge-layout .challengebooks-wrapper .challengebook.empty .challengebook-cover { background-color: rgba(238, 238, 238, 0.5); }
.challenge-layout .no-books-wrapper .no-books { z-index: 1; display: inline-block; position: absolute; width: 331px; height: 81px; background: url(/img/skins/vizov2016/no-books.png) no-repeat; top: 50%; left: 50%; margin-top: -40px; margin-left: -166px; }
.challenge-layout .no-books-wrapper.not-owner .no-books { background: url(/img/skins/vizov2016/no-books-user.png) no-repeat; }


/*
.challenge-layout .i-pager-prev { background: url(/img/skins/vizov2016/pagination.png) no-repeat; margin-right: 0px; width: 13px; height: 9px; vertical-align: 2px; }
.challenge-layout .i-pager-next { background: url(/img/skins/vizov2016/pagination.png) -15px no-repeat; margin-right: 0px; width: 14px; height: 9px; vertical-align: 1px; }
.challenge-layout a:hover .i-pager-next { background: url(/img/skins/vizov2016/pagination.png) -15px no-repeat;}
.challenge-layout a:hover .i-pager-prev { background: url(/img/skins/vizov2016/pagination.png) no-repeat; }
.challenge-layout .pagination-page { height: 30px; box-sizing: border-box; line-height: 30px; font-size: 14px; color: #9ca1a6; font-family: 'PT Sans', sans-serif;}
.challenge-layout .pagination-page.page-active { background-color: #39424c; font-size: 18px; color: #fff; }
.challenge-layout .pagination-page:not(.page-active):hover, .challenge-layout a.pagination-page:not(.page-active):hover, .challenge-layout a.pagination-page:not(.page-active):visited:hover { background-color: #f5f5f6; color: #000; }
*/

.challenge-layout .label-text { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; }
.challenge-layout .input { color: #39424c; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 400; }

.modal-alert {display:none; position: fixed; top:50%;left:50%;background-color: white;border-radius: 10px;box-shadow: 0 5px 20px rgba(56, 65, 76, 0.2), 0 2px 5px rgba(0, 0, 0, 0.05); z-index: 1001;}
.modal-alert { width: 558px; margin-left:-279px; margin-top:-114px; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.modal-alert .refuse-icon { display: block; width: 32px; height: 32px; margin: 0 auto 10px; background: url(/img/skins/vizov2016/refuse-ico.png) no-repeat; }
.modal-alert .accept-icon { display: block; width: 32px; height: 32px; margin: 0 auto 10px; background: url(/img/skins/vizov2016/accept-ico.png) no-repeat; }
.modal-alert .modal-title { color: #39424c; font-family: 'PT Sans', sans-serif;font-size: 24px;font-weight: 700;text-align: center; display: block; margin-bottom: 15px; }
.modal-alert .modal-text { color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 18px;font-weight: 400;display: block; text-align: center; margin-bottom: 15px;}
.modal-bg { display:none; background: url(/img/popup-bg.png); position: fixed; top: 0; right:0; bottom:0; left:0; z-index: 1000;}
.modal-alert .control-block { text-align: center; }
.modal-alert .modal-btn { display: inline-block;width: 145px;height:35px;color: #0768d8;font-family: 'PT Sans', sans-serif;font-size: 16px;font-weight: 700;line-height: 35px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.modal-alert .modal-btn { background-color: #fff; border: 1px solid #0768d8; }
.modal-alert .modal-btn.refuse-btn { margin-left: 40px; background-color: #0768d8; color: #fff;}
.modal-alert .modal-btn:hover { background-color: #0768d8; color: #fff; }

.modal-alert .network-wrapper {text-align: center; margin-bottom: 25px;}
.modal-alert .network-wrapper .network-icon { display: inline-block; width: 32px; height: 32px; margin-right: 15px; }
.modal-alert .network-wrapper .network-icon.vkontakte-network { background: url(/img/skins/litres/vk.png) no-repeat; }
.modal-alert .network-wrapper .network-icon.facebook-network { background: url(/img/skins/litres/fb.png) no-repeat; }
.modal-alert .network-wrapper .network-icon.twitter-network { background: url(/img/skins/litres/tw.png) no-repeat; }
.modal-alert .network-wrapper .share-link:last-child .network-icon { margin-right: 0px !important; }

.challenge-layout .refuse-link { color: #9ca1a6; font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; display: inline-block; margin-left: 20px; }
.challenge-layout .userchallenge-wrapper.not-owner { position: relative; margin-bottom: 20px; }
/*.challenge-layout .userchallenge-wrapper.not-owner .userchallenge-avatar { display: table; }*/

.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar-wrapper { display: inline-block;  }
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar, .challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar { position: relative; display: table-cell; width: 38px; height: 38px; vertical-align: middle; text-align: center; color: #39424c; font-family: 'PT Sans', sans-serif;font-size: 12px;font-weight: 400;}
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar.challenge-done { background-color: rgba(3, 160, 12, 0.1); }
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar.challenge-done { background: url(/img/skins/vizov2016/c_done.png) center center no-repeat !important; }
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar.challenge-done { height: 38px; width: 38px; border-radius: 50%; background-color: #04a00c !important; }
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar.challenge-done:before { content: ''; display: block; width: 13px; height: 10px; background: url(/img/skins/ll2015b/icons63.png) -163px -645px no-repeat !important; margin: 0 auto; }
.challenge-layout .userchallenge-wrapper.not-owner .percent { display: block; margin-top: 10px; text-align: center; color: #9ca1a6; font-family: 'PT Sans', sans-serif;font-size: 10px;font-weight: 400;  }
.challenge-layout .userchallenge-wrapper.not-owner .participant-progressbar.challenge-done .percent { color: #04a00c;  }


.challenge-layout .userchallenge-wrapper.not-owner .avatar { margin-left: 10px; }
.challenge-layout .userchallenge-wrapper .common-friends-wrapper .avatar { display: inline-block; width: 28px; height: 28px; }

.challenge-layout .challenge-books-search .search-input-new { width: 221px; }
.challenge-layout .challenge-books-search .filter-select select { width: 280px; }
.challenge-layout .challengebook .cover-wrapper { position: relative; }
.challenge-layout .challengebook .cover-wrapper .book-moreinfo-btn { z-index: 100; position: absolute; bottom: 4px; right: 4px; height: 40px; width: 40px; cursor: pointer; display: inline-block; background: url(/img/skins/vizov2016/book-info.png) no-repeat; }
.challenge-layout .challengebook .cover-wrapper .book-moreinfo-btn.active { background: url(/img/skins/vizov2016/book-info-c.png) no-repeat; }
.challenge-layout .challengebook .cover-wrapper .book-moreinfo-wrapper { padding: 10px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;text-align: center; width: 140px; height: 220px; background-color: rgba(255, 255, 255, 0.9); display: none; position: absolute; top: 0;left: 0;right: 0;bottom: 0; }
.challenge-layout .challengebook.middletiles .cover-wrapper .v-middle { width: 140px; height: 200px; }
.challenge-layout .challengebook .book-name { color: #0768d8; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 700; display: block; }
.challenge-layout .challengebook .book-author { color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 14px;font-style: italic; display: block; margin-top: 8px; }
.challenge-layout .challengebook .rating-book .r00-ln-blue,.challenge-layout .challengebook .rating-book .r05-ln-blue,
.challenge-layout .challengebook .rating-book .r10-ln-blue,.challenge-layout .challengebook .rating-book .r15-ln-blue,
.challenge-layout .challengebook .rating-book .r20-ln-blue,.challenge-layout .challengebook .rating-book .r25-ln-blue,
.challenge-layout .challengebook .rating-book .r30-ln-blue,.challenge-layout .challengebook .rating-book .r35-ln-blue,
.challenge-layout .challengebook .rating-book .r40-ln-blue,.challenge-layout .challengebook .rating-book .r45-ln-blue,
.challenge-layout .challengebook .rating-book .r50-ln-blue { width: 105px; height: 18px; }

.challenge-layout .challengebooks-wrapper.bigtiles { clear: both; background: white; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(57,66,76,0.2); }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook:nth-child(3n-1) { margin: 0px 68px !important; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook { width: 200px; text-align: center; margin-right: 0 !important; padding: 20px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .book-moreinfo-wrapper { height: 60px; margin-bottom: 10px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .challengebook-cover { width: 200px; height: 310px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .book-author { margin-bottom: 10px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .challengebook-info { text-align: left; width: 140px; margin: 10px auto 0;}
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .challengebook-info .kvlogo-small.kvlogo2016 { height: 26px; width: 30px; background-size: cover !important; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .challengebook-info .times-read { font-size: 18px; }

.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book { margin:0 0 15px; font-family: 'PT  Sans', sans-serif;font-size: 16px;font-weight: 700;line-height: 14px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .good { color: #03A00B }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .bad { color: red; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .medium { color: #F5A623; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r05-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -85px -341px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r10-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -190px -323px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r15-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -64px -341px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r20-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -169px -323px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r25-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -169px -1px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r30-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -148px -1px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r35-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -22px -377px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r40-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat -125px -359px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r45-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat 0px -377px; }
.challenge-layout .challengebooks-wrapper.bigtiles .challengebook .rating-book .r50-ln-blue { background: url(/img/skins/ll2015b/stars9.png) no-repeat 0px -359px; }

.challenge-layout .event-wrapper { -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.20);-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.20);box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.20); padding: 24px 0; margin-bottom: 16px; }
.challenge-layout .event-wrapper .userchallenge-comment-wrapper { display: block; min-width: auto; margin: 20px 24px 0 77px; }
.challenge-layout .event-wrapper .challengebooks-wrapper.middletiles { box-shadow: none; }
.challenge-layout .event-wrapper .event-user-wrapper { display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; padding:0 320px 0px 24px; background-color: #fff; }
.challenge-layout .event-wrapper .event-user-wrapper .date { position: absolute; top: 0px; right: 24px; line-height: 20px; }
.challenge-layout .event-wrapper .event-user-wrapper .event-icon { display: table-cell; }
.challenge-layout .event-wrapper .event-user-wrapper .event-icon .kvlogo2016 { margin-top: 10px; }
.challenge-layout .event-wrapper .event-user-wrapper .event-icon .participant-wrapper { padding: 0; width: auto; display: block; background: none; }
.challenge-layout .event-wrapper .event-user-wrapper .event-icon .participant-wrapper.challenge-done .participant-progressbar { height: 44px; }
.challenge-layout .event-wrapper .event-user-wrapper .event-icon .participant-wrapper .participant-progressbar .percent { bottom: -15px; }
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-avatar { display: table-cell; vertical-align: top; line-height: 0px; vertical-align: middle; width: 38px; }
.challenge-layout .event-wrapper .event-user-wrapper .event-icon.event-logo, .challenge-layout .event-wrapper .event-user-wrapper .event-icon.event-progressbar { padding-right: 25px; width: 38px; } 
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-avatar .avatar { width: 38px; height: 38px;}
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-info { display: table-cell; padding-left: 15px; font-family: 'PT  Sans', sans-serif; font-size: 14px; line-height: 140%; font-weight: 400; color: #39424c; vertical-align: middle;}
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-info .login { color: #3b444e; font-weight: bold; }
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-info .userchallenge-comment-wrapper { padding: 13px 14px; margin-left: 14px; display: block; margin-bottom: 15px; color: #39424c; font-size: 14px; font-weight: 400; line-height: 18px;}
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-info .event-info { font-family: 'PT  Sans', sans-serif; font-size: 12px; font-weight: 400; margin-top: 10px; }
.challenge-layout .event-wrapper .event-user-wrapper .event-participant-info .event-info .date { color: #9ca1a6; }
.challenge-layout .event-wrapper .holder { height: 312px; overflow: hidden; }
.challenge-layout .event-wrapper .carousel { line-height: initial; font-size: initial; }
.challenge-layout .event-wrapper .carousel.challenge-event-books li { width: 167px; }
.challenge-layout .event-wrapper .carousel.challenge-event-books .challengebook { margin: 0px; }
.challenge-layout .event-wrapper .carousel.challengebooks-wrapper { margin-top: 0px; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books { position: relative;padding: 0px 24px 0 0;box-sizing: border-box; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .swiper-wrapper { padding: 0 24px; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .next-carousel, .challenge-layout .event-wrapper .block-carousel.event-challenge-books .prev-carousel { top: 95px; width: 45px; opacity: 0.7;z-index:1; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .next-carousel { background: url(/img/skins/vizov2016/nav_right.png) no-repeat; right: 0px;}
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .prev-carousel { background: url(/img/skins/vizov2016/nav_left.png) no-repeat; left: 0px;}
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .paging { text-align: center; margin-top: 10px; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .paging li { display: inline-block; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .paging li a { font-size: 0; width: 8px; height: 8px; display: inline-block; background: url(/img/skins/vizov2016/carousel_markers.png) no-repeat; margin-right: 4px;}
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .paging li a.active { background: url(/img/skins/vizov2016/carousel_markers.png) -12px no-repeat; }
.challenge-layout .event-wrapper .block-carousel.event-challenge-books .paging :last-child a { margin: 0px; }

.challenge-layout .event-wrapper .kvlogo-small.kvlogo2016 { display: inline-block; width: 35px; height: 30px; background-size: cover !important; background: url(/img/skins/vizov2016/logo2016-small.png) no-repeat; }

.challenge-layout.year-2018 .event-wrapper .kvlogo-small { background: url(/img/skins/vizov2016/kv-2018-logo.svg) no-repeat; }
.challenge-layout.year-2017 .event-wrapper .kvlogo-small { background: url(/img/skins/vizov2016/vertical_logo17_2.svg) no-repeat; }
.challenge-layout.year-2016 .event-wrapper .kvlogo-small { background: url(/img/skins/vizov2016/vertical_logo16.svg) no-repeat; }
.challenge-layout.year-2015 .event-wrapper .kvlogo-small { background: url(/img/skins/vizov2016/vertical_logo15.svg) no-repeat; }

.challenge-layout .equal, .challenge-layout .arrow-g, .challenge-layout .arrow-r {display: inline-block; width: 12px; height: 18px; margin: 0 !important;}
.challenge-layout .equal { background: url(/img/skins/vizov2016/equal.png) no-repeat; height: 6px; }
.challenge-layout .arrow-g { background: url(/img/skins/vizov2016/arrow_g.png) no-repeat; }
.challenge-layout .arrow-r { background: url(/img/skins/vizov2016/arrow_r.png) no-repeat; }
.red { color: #f00; }
.green { color: #04a00c; }

.challenge-layout .challenges-top-wrapper .top-no-wrapper { width: 100px; text-align: center;color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 12px;margin-left: 50px;vertical-align: middle;display: table-cell; }
.challenge-layout .challenges-top-wrapper .challenge-row#my-top-challenge .top-no { padding: 2px 4px;background-color: #9ca1a6;border-radius: 4px;color: white; }
.challenge-layout .challenges-top-wrapper .challenge-row#my-top-challenge .participant-info { font-weight: bold; }
.challenge-layout .challenges-top-wrapper .challenge-top-wrapper { height: 340px; width: 20px;background-color: rgba(255, 99, 103, 0.3); position: relative; float: left; margin: 20px 110px 20px 65px; }
.challenge-layout.year-2018 .challenges-top-wrapper .challenge-top-wrapper { background-color: #ffdbc3; }
.challenge-layout .challenges-top-wrapper #your-mark { left:28px;color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 12px;width: 115px;display: inline-block; position: absolute; }
.challenge-layout.year-2018 .challenges-top-wrapper .your-mark-strip { background-color: #7d1935 !important; }
.challenge-layout .challenges-top-wrapper .text-vertical { transform: rotate(270deg);width: 150px;text-align: center;position: relative;left: -87px;top: 156px;display: inline-block;color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 12px; }
.challenge-layout .challenges-top-wrapper .interval-text { position: absolute;right:28px;color: #39424c;font-family: 'PT Sans', sans-serif;font-size: 12px; }
.challenge-layout .challenges-top-wrapper .participant-wrapper { width: auto; }
.challenge-layout .challenges-top-wrapper .participant-wrapper .participant-info { max-width: none; }
.event-challenge-books .prev-carousel.prev-disable, .event-challenge-books .next-carousel.next-disable { display: none !important; }

.swiper-container { width: 100%; height: 100%; min-width: 635px; }
.swiper-slide { height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.challenge-layout  .pagination-more-left { padding: 20px; margin-bottom: 0px; background-color: #f9f9f9; border-top: 2px solid #d8d8d8; min-height: 35px; }
.challenge-layout  .pagination-more-left .pagination-right { float: right; }
.challenge-layout  .pagination-more-left .pagination-right .pager-ll2015b { margin-top: 0px; }
.challenge-layout  .pagination-more-left#events-more { padding-top: 8px; }
.challenge-layout .pagination-more-left.no-card-block { background: transparent; border: none; padding: 24px 0; }

.header-container {margin: 0 41px; min-width: 918px !important; width: auto;}
.challenge-layout .challenges-top-wrapper .participant-wrapper { display: table-cell; padding: 16px 24px; vertical-align: middle; min-width: 350px; }

.challenge-layout #comment-block #comment { max-width: 810px; }
@media (min-width: 1200px) {
    
   /* .challenge-layout .challenge-info-block .challenge-info-wrapper { max-width: 1118px !important; width: 100% !important; }
    .challenge-layout .column-670 { width: 840px !important; }
    .challenge-layout .challengebooks-wrapper .challengebook:nth-child(5n) { margin-right: 0px !important; }
    .challenge-layout .challengebooks-wrapper .challengebook:nth-child(5) { display: inline-block !important; }
    .challenge-layout .challengebooks-wrapper.middletiles .challengebook { margin-right: 19px; }
    .challenge-layout .challengebooks-wrapper.middletiles .challengebook:nth-child(5n) {margin-right: 0px;}*/
}

@media (max-width: 1200px) {
    .header { min-width: 1000px; }
    .header-container { min-width: 960px !important; margin: 0 20px; }
    .challenge-layout .top .top-content { min-width: 1000px; /*padding: 0 31px; */}
    .challenge-layout .challengebooks-wrapper .challengebook:nth-child(4n) { margin-right: 0px; }
    .challenge-layout .challengebooks-wrapper .challengebook.empty:nth-child(5) { display: none; }
    .challenge-layout .challengebooks-wrapper.middletiles .challengebook, .challenge-layout .challengebooks-wrapper.middletiles .challengebook:nth-child(5n) {margin-right: 30px;}
    .challenge-layout .challengebooks-wrapper.middletiles .challengebook:nth-child(4n) { margin-right: 0px; }
    .challenge-layout .top .kv-logo { margin: 26px 32px 26px 0px; }
    .challenge-form-wrapper .challenge-form-table .challenge-comment { /* width: 390px; */  }
    .challenge-layout .header.header-context-wrapper, .challenge-layout .header.header-context-wrapper .header-container, .challenge-layout .header.header-context-wrapper .header-context { width: 700px; min-width: 700px;}
    .challenge-layout .header.header-context-wrapper .header-container, .challenge-layout .header.header-context-wrapper .header-context { margin: 0 0 15px; }
    .challenge-layout .top .top-content .kv-stats-wrapper .stats-row { font-size: 16px; }
    .challenge-layout .div-form-search .filter-select, .challenge-layout .div-form-search .filter-select select { width: 180px !important; }
    .challenge-layout .challenge-books-search .search-input-new { width: 145px !important; }
    #book-filter-more-block .filter-select, #book-filter-more-block .filter-select select { width: 110px !important; }
    .swiper-container { min-width: 490px; }
    .challenge-layout .participant-wrapper {  min-width: 330px; }
    .challenge-layout .challenges-top-wrapper .participant-wrapper { min-width: 265px; max-width: 265px; }
    .challenge-layout .challenge-info-block .challenge-info-wrapper { padding: 0 20px; max-width: 1000px; }
    .challenge-layout #comment-block #comment { max-width: 652px; }
}

.sidenav.context-ads { width: 240px;background:transparent;margin-top:20px; }
.sidenav .context-ads-text { padding:2px 5px;background:#fff;border-radius:2px; }
.sidenav.context-ads .wordbreak .title { color: black; font-family: Arial; font-size: 12px; font-weight: 700; line-height: 14px; text-decoration: underline;}
.sidenav.context-ads .wordbreak .text { color: black; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 5px; }
.sidenav.context-ads .wordbreak .link { color: #009b0a; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 14px; }

.block-carousel {height: auto;}
.block-carousel .holder { overflow: hidden; height: auto; }
.block-carousel ul.carousel li { margin-right:0px; width: 208px; vertical-align: top; }
.block-carousel ul.carousel li.event-selection-book { width:130px; }
.block-carousel a.prev-carousel, .block-carousel a.next-carousel, .block-carousel a.prev-disable, .block-carousel a.next-disable { width: 25px; height: 90px; display:block !important; position: absolute; top: 35px; background: transparent url(/img/skins/ll2015b/arrows-block.png) 0 0 no-repeat; }
.block-carousel a.prev-carousel:hover  { background-position: 0 -92px; left: 0px; }
.block-carousel a.next-carousel:hover  { background-position: -27px -92px; right: 0px; }
.block-carousel a.prev-carousel, .block-carousel a.prev-disable, .block-carousel a.prev-disable:hover { background-position: 0 0px; left: 0px; }
.block-carousel a.next-carousel, .block-carousel a.next-disable, .block-carousel a.next-disable:hover {background-position: -27px 0px; right: 0px;}

ul.carousel { width: 40000px; position:relative; font-size: 0px; line-height: 0px; }
ul.carousel li { display: inline-block; vertical-align: bottom; margin-right: 5px; width: 100px; }
.small-carousel { height: 175px; margin-bottom: 14px; position:relative; }
.small-carousel .holder { overflow: hidden; height: 175px; }
a.prev-carousel, a.next-carousel { width: 35px; height: 70px; display:block; position: absolute; top: 65px; }
a.prev-carousel { background: transparent url(/img/icons/icon_left.png) center center no-repeat; left: -30px; }
a.next-carousel { background: transparent url(/img/icons/icon_right.png) center center no-repeat; right: -30px; }
a.prev-carousel:hover { background: transparent url(/img/icons/icon_hover_left.png) center center no-repeat; left: -30px; }
a.next-carousel:hover { background: transparent url(/img/icons/icon_hover_right.png) center center no-repeat; right: -30px; }

.div-form-search .search-input-new { font-size: 16px; }
.sort-title { display: block; font-size: 14px; color: rgba(57, 66, 76, 1); text-align: left; line-height: 20px; margin-bottom: 8px; }

.challenge-info-reminder-stripe { max-width: 1200px;padding: 0 37px;position: relative;margin: 0 auto;box-sizing: border-box;height: 48px; }
.challenge-info-reminder-stripe .challenge-info-reminder-text { font-size: 16px;line-height: 48px;text-align: right;color: #39424C; display: block; padding-right: 40px; }
.challenge-info-reminder-stripe .i-cardclose { position: absolute; top: 50%; margin-top: -10px; right: 35px; cursor: pointer; }

.kv-checkbox {
    display: none; }

.kv-checkbox + label {
    float: right;
    position: relative;
    padding: 0px 2px 0 47px;
    cursor: pointer;
    text-transform: uppercase;
    font: 14px/44px "Source Sans Pro", sans-serif;}

.kv-checkbox + label:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 38px;
    height: 24px;
    border-radius: 12px;
    background: #898B8C;
    -webkit-transition: .2s;
    transition: .2s; }

.kv-checkbox + label:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 1px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #fff;
    -webkit-transition: .2s;
    transition: .2s; }

.kv-checkbox:checked + label:before {
    background: #6AB3F0; }

.kv-checkbox:checked + label:after {
    left: 15px; }