#pv_ratings {margin: 20px 0;}
#pv_ratings table {width: 100%;border-radius: 5px;overflow: auto;margin: 20px 0;}
#pv_ratings thead {background-color: #cfcfcf;}
#pv_ratings thead th {font-weight: bold;}
#pv_ratings tbody td,#pv_ratings thead th  {padding: 10px 5px;text-align: center;font-size: 14px;}
#pv_ratings .url a, #pv_ratings  a.add-poll {width: 100%;display: block;background-color: #fccf26;padding: 10px;border-radius: 5px;}

#pv_ratings a.add-poll { color: white; background: linear-gradient(45deg, #5e5f9f, orange); display: inline-block; width: auto; text-transform: uppercase; padding: 10px 30px; border-radius: 50px; font-size: 24px; font-weight: bold; }
#pv_ratings .btn-poll { font-size: 18px;text-align: center; padding: 30px 0; background-color: whitesmoke;}

#pv_ratings td.number {font-weight: bold;}
#pv_ratings td.rating span span {color: #c4c4c4;}
#pv_ratings td.rating>p{margin:0;}
#pv_ratings .img>div{width: 60px;height: 60px;overflow: hidden;border-radius: 100px;background-color: white;margin: auto;line-height: 60px;}
#pv_ratings .img img{width: 100%;margin: auto;}
#pv_ratings tbody tr{background-color: #fbfbfd;}
#pv_ratings tbody tr.grey{background-color: #f4f5f9;}
#pv_ratings tbody .h3 td {text-align: left !important;background-color: #e5e5e5 !important;padding: 10px 20px !important;color: #555555;font-weight: bold;}

figure {position: relative;}

.pv_rating_h2 {line-height: 70px;}
.pv_rating_h2_span { background-color: #fccf26; border-radius: 100px; width: 70px; height: 70px; display: inline-block; text-align: center; vertical-align: middle; line-height: 70px; font-weight: bold; margin-right: 20px; float: left; font-size: 35px; }
.pv_rating_h2_figure { max-width: 350px; height: auto; float: right; }
.pv_rating_h2_img { position: absolute; top: 20px; left: 20px; background-color: #fccf26; width: 120px; height: 120px; line-height: 20px; border-radius: 100px; padding: 40px 0; }
.pv_rating_h2_img strong{font-size: 30px;}
.pv_rating_h2_img p { font-weight: bold; }

#rating-poll * {text-align: center;color: white;}
#rating-poll {position: relative;z-index: 1;background-size: cover;margin: 40px 0;}
#rating-poll:before { position: absolute; content: ""; background: linear-gradient(45deg, rgba(93, 94, 158, 0.6), rgba(255, 177, 0, 0.6)); width: 100%; height: 100%; left: 0; top: 0; z-index: -1; }
#rating-poll h2 {font-weight: bolder;font-size: 3.5rem;line-height: 1.2;}
#rating-poll h2+p{font-size: 1.5rem;}
#rating-poll .row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
#rating-poll .item{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;padding-right: 10px;padding-left: 10px;position: relative;}
#rating-poll .item>div{position: relative;}
#rating-poll .shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
#rating-poll.list .percent i {margin-left: 5px;font-size: 80%;}



#rating-poll .img{transition: all 0.5s 0s;height: 200px; background-size: auto 90%; background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 10px; padding: 20px !important;}
#rating-poll h4 {font-size: 1rem !important;transition: all 0.5s 0s; margin-top: 0px; background-color: rgba(0, 0, 0, 0.2); border-radius: 0px 0 10px 10px; padding: 5px 0px; z-index: -1; }
#rating-poll:not(.list) .item{transition: all 0.5s 0s;}
#rating-poll:not(.list) .item:hover{padding: 0 !important;transition: all 0.5s 0s;cursor: pointer;}
#rating-poll:not(.list) .item:hover .img{border-radius: 10px 10px 0 0;transition: all 0.5s 0s;}
#rating-poll:not(.list) .item:hover h4{background-color: rgb(94, 95, 159);transition: all 0.5s 0s;}
#rating-poll:not(.list) .item:hover:after {content: "Голосовать"; color: black; padding: 5px 10px; background-color:#ffc107;  opacity: 0.9; position: absolute; right: 30%; top: 40%; width: 40%; }
#rating-poll:not(.list) .percent {width: 0 !important;overflow: hidden;    height: 0;}
#rating-poll:not(.list) .repost-poll {display: none;}

#rating-poll.list .need {display: none !important; text-align: center;}
#rating-poll.list .item {position: relative;margin: 0 0 12px 0 !important;padding: 0 !important; display: block !important; width: 100%!important; max-width: 100% !important; flex: unset; }
#rating-poll.list .item .img { position: absolute; left: 0; top: 0; z-index:6; margin-left: -15px;float: left; display: inline-block; width: 30px; height: 30px; border-radius: 100%; }
#rating-poll.list .item:hover .img {width: 160px !important; height: 160px !important; border-radius: 20px !important; z-index: 99 !important; box-shadow: 0 4px 50px black !important; }
#rating-poll.list h4 {font-size: 18px;text-align: right !important; padding-right:30px !important; margin: 0; height: 40px; border-radius: 30px; line-height: 30px; }
#rating-poll.list h4 span{position: relative;z-index: 9;}
#rating-poll.list .percent {overflow: hidden;width: 0%; position: absolute; transition: all 2s 0.5s; height: 100%; background: linear-gradient(45deg, #936c15, #ffb100); top: 0; left: 0; z-index: 5; border-radius: 30px; }
#rating-poll.list .percent>div {color: white; line-height: 100%; font-size: 12px; padding: 12px 0; }
#rating-poll.list .item.selected:before { content: "Ваш выбор"; display: inline-block; font-size: 10px; background-color: #ffffff; color: #5e5f9f; padding: 1px 10px; border-radius: 120px; position: absolute; left: -93px; top: 11px; z-index: 9; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); }
#rating-poll.list .percent[data_percent='0.00'] {background: none !important;}


#rating-poll .repost-poll { display: inline-block; margin-top: 20px; font-size: 2rem; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.54); font-weight: bold; }
#rating-poll .ya-share2__container_size_m .ya-share2__icon { width: 70px!important; height: 70px!important;background-size: 70px 70px !important; }
#rating-poll .ya-share2__badge {border-radius: 100px;margin-right: 20px;}



@media (max-width: 768px){
	#pv_ratings {overflow: scroll;}
	#rating-poll .item { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; margin-right: 2%; }
	#rating-poll .img {height: 100px;}
	#rating-poll h4 {font-size: 0.6rem;}
	#rating-poll h2 {font-size: 2rem;}
	#rating-poll.list .item .img{}
	#rating-poll .row {padding-left: 15px;}
	#rating-poll.list .percent>div{font-size: 10px;padding: 15px 0;text-align: right;padding-right: 10px;}
	#rating-poll.list h4 {font-size: 12px;}
	#rating-poll .percent_count,#rating-poll .percent_count+span,#rating-poll .znak,#rating-poll.list .percent[data_percent='0.00'] {display: none;}
	#rating-poll.list .item.selected:before {left: 40%;top: -6px;}
	#rating-poll h2+p {font-size: 1rem;}
	#rating-poll .repost-poll {font-size: 1.4rem;}
	#rating-poll .ya-share2__container_size_m .ya-share2__icon { width: 60px!important; height: 60px!important;background-size: 60px 60px !important; }
	#rating-poll .ya-share2__badge {border-radius: 100px;margin-right: 10px;}
}

/*Шорткод с плюсами минусами*/
.pv_plus {clear: both;}
.pv_plus, .pv_minus { float: left; padding: 25px 2% 0; border-radius: 4px; display: inline-block; width: 44%; border: 1px solid #e3e3e3; margin: 10px 0.5%; transition: all 1s 0s; }
.pv_plus:hover,.pv_minus:hover{box-shadow:0 0 20px rgba(0,0,0,0.12);transition:all 0.5s 0s}
.pv_minus:hover .h3:before{box-shadow:0 0 0 7px #e3e3e3;transition:all 0.5s 0s}
.pv_plus:hover .h3:before{box-shadow:0 0 0 7px #d7f4ba;transition:all 0.5s 0s}
.pv_plus .h3:before,.pv_minus .h3:before{content:"+";padding:0;background-color:#7ec13c;margin-right:20px;color:#fff;font-weight:700;border-radius:100px;box-shadow:0 0 0 5px #d7f4ba;width:35px;height:35px;display:inline-block;text-align:center;line-height:35px;transition:all 0.5s 0s}
.pv_minus .h3:before{content:"-";background-color:#cd4f5e;box-shadow:0 0 0 5px #ffd8dd}
.pv_plus+*:not(.pv_minus) {clear: both;}
.pv_minus+*:not(.pv_plus) { clear: both;}
@media (max-width: 900px){.pv_plus,.pv_minus{width: 99%}}