.clear {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

.rating-loader-12x12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('../images/loader-12x12.gif');
}

#rating-microdata {
  left: -1000em;
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}


.views-count {
  background: url('../images/views-16x16.png') no-repeat;
  height: 16px;
  line-height: 16px;
  padding-left: 20px;
  font-size: 13px;
}

.rating-wrap {
  display: table;
}

/* like voting ****************************************************************/
#like-section:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

#like-section {
  list-style: none;
  display: table;

  border: 1px solid #AAA;
  border-radius: 4px 4px 4px;

  background: #eeeeee;
  background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
  background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

#like-section li {
  list-style: none;
  float: left;
  padding: 3px;
  color: #000;
  cursor: pointer;
}

#like-button {
  border-right: 1px solid #AAA;
}


#like-section span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px 0 3px;
}

.like-icon {
  background: url('../images/like/button/01.png') no-repeat;
  width: 13px;
  height: 17px;
}

#dislike-button:hover .dislike-icon {
  background: url('../images/like/button/01.png') no-repeat -18px -22px;
}

#like-button:hover .like-icon {
  background: url('../images/like/button/01.png') no-repeat -18px 0;
}

.dislike-icon {
  background: url('../images/like/button/01.png') no-repeat 0 -22px;
  width: 13px;
  height: 20px;
}

.like-text, .dislike-text {
  font-size: 14px;
  text-shadow: 1px 1px 1px #EEE;
  color: #090;
  font-weight: bold;
  letter-spacing: 1px;
}

.dislike-text {
  color: #900;
  font-weight: normal;
}

#like-info, #dislike-info {
  border: 1px solid #CCC;
  background: #E5E5E5;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 14px;
  color: #050;
  min-width: 20px;
  min-height: 23px;
  line-height: 1.2;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

#like-info {
  text-shadow: 1px 1px 1px #CCC;
}

#dislike-info {
  color: #600;
  text-shadow: 1px 1px 1px #FFF;
}

#like-info .rating-loader-12x12,
#dislike-info .rating-loader-12x12 {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -6px;
}
/* like voting ****************************************************************/



/* like result ****************************************************************/
.like-result {
  height: 16px;
  padding: 0 0 0 19px;
  font-size: 13px;
  box-sizing: border-box;
  line-height: 16px;
}

.like-result span {
  vertical-align: middle;
  padding: 0;
  line-height: 1;
  display: inline-block;
  margin: 0;
}

.lr-icon-01 {
  background: url('../images/like/result/01.png') no-repeat;
  padding-left: 19px;
}

.lr-icon-02 {
  background: url('../images/like/result/02.png') no-repeat;
}

.lr-icon-03 {
  background: url('../images/like/result/03.png') no-repeat;
}

.lr-icon-04 {
  background: url('../images/like/result/04.png') no-repeat;
}

.lr-icon-05 {
  background: url('../images/like/result/05.png') no-repeat;
}

.lr-icon-06 {
  background: url('../images/like/result/06.png') no-repeat;
}

.lr-icon-07 {
  background: url('../images/like/result/07.png') no-repeat;
  padding-left: 21px;
}

.lr-icon-08 {
  background: url('../images/like/result/08.png') no-repeat;
}

.lr-icon-09 {
  background: url('../images/like/result/09.png') no-repeat;
}
/* like result ****************************************************************/


.rating, .rating-bar {
  display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.rating:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

.rating {
	vertical-align: middle;
}

.rating-bar {
  float: left;
}



.rating li span {
  display: none;
  background: #CCC;
  border-radius: 3px;
  padding: 2px 3px;
  position: absolute;
  color: #000;
  text-align: center;
  border: 1px solid #555;
  opacity: 0.95;
  line-height: 1;
  font-weight: normal;
  word-break: normal;
  white-space: normal;
  word-wrap: normal;
}
.rating li span:after {
  opacity: 0.95;
  content: '';
  position: absolute;
  left: 1%;
  bottom: -8px;
  border: 4px solid transparent;
  border-top: 4px solid #555;
}

.rating ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
  float: left;
}


.rating li {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 100%;
}


.rating-current {
  z-index: 1;
}


.rating-icon {
	display: block;
	position: absolute;
	text-decoration: none;
	z-index: 3;
	cursor: pointer;
}

.rating-icon:hover {
  z-index: 2;
}


.voting-info {
  float: left;
  vertical-align: middle;
  white-space: nowrap;
  color: #444;
}


.rating-loading-bar {
  z-index: 4;
  position: relative;
}

.rating-loading-text {
  font-weight: bold;
}

.rating-loading-bar,
.rating-loading-text {
  display: none;
  float: left;
  font-weight: normal;
}

/* icon size: 12px ************************************************************/
.ri-size-12 .voting-info,
.ri-size-12 .rating-loading-text {
  font-size: 10px;
  margin-left: 3px;
}

.ri-size-12 li span {
  margin-top: -2px;
  font-size: 12px;
}
.ri-size-12 li span:after { left: 1px; }

.ri-size-12 .rating-bar,
.ri-size-12 ul {
	width:  60px;
	height: 12px;
}

.ri-size-12 .rating-current,
.ri-size-12 .rating-loading-bar {
	height: 12px;
}

.ri-size-12 .rating-icon {
	width: 12px;
	height: 12px;
}

.ri-size-12 .ri-1 { left: 0; }
.ri-size-12 .ri-1:hover {
  width: 12px;
  left: 0;
}

.ri-size-12 .ri-2 { left: 12px; }
.ri-size-12 .ri-2:hover {
  width: 24px;
  left: 0;
}

.ri-size-12 .ri-3 { left: 24px; }
.ri-size-12 .ri-3:hover {
  width: 36px;
  left: 0;
}

.ri-size-12 .ri-4 { left: 36px; }
.ri-size-12 .ri-4:hover {
  width: 48px;
  left: 0;
}

.ri-size-12 .ri-5 { left: 48px; }
.ri-size-12 .ri-5:hover {
  width: 60px;
  left: 0;
}
/* icon size: 12px ************************************************************/

/* icon size: 20px ************************************************************/
.ri-size-20 .voting-info,
.ri-size-20 .rating-loading-text {
  font-size: 12px;
  line-height: 20px;
  margin-left: 6px;
}

.ri-size-20 li span {
  margin-top: -1px;
  font-size: 14px;
}
.ri-size-20 li span:after { left: 5px; }

.ri-size-20 .rating-bar,
.ri-size-20 ul {
	width:  100px;
	height: 20px;
}

.ri-size-20 .rating-current,
.ri-size-20 .rating-loading-bar {
	height: 20px;
}

.ri-size-20 .rating-icon {
	width: 20px;
	height: 20px;
}

.ri-size-20 .ri-1 { left: 0; }
.ri-size-20 .ri-1:hover {
  width: 20px;
  left: 0;
}


.ri-size-20 .ri-2 { left: 20px; }
.ri-size-20 .ri-2:hover {
  width: 40px;
  left: 0;
}

.ri-size-20 .ri-3 { left: 40px; }
.ri-size-20 .ri-3:hover {
  width: 60px;
  left: 0;
}

.ri-size-20 .ri-4 { left: 60px; }
.ri-size-20 .ri-4:hover {
  width: 80px;
  left: 0;
}

.ri-size-20 .ri-5 { left: 80px; }
.ri-size-20 .ri-5:hover {
  width: 100px;
  left: 0;
}
/* icon size: 20px ************************************************************/


/* icon size: 30px ************************************************************/
.ri-size-30 .voting-info,
.ri-size-30 .rating-loading-text {
  font-size: 15px;
  line-height: 32px;
  margin-left: 7px;
}

.ri-size-30 li span { font-size: 15px; }
.ri-size-30 li span:after { left: 10px; }

.ri-size-30 .rating-bar,
.ri-size-30 ul {
	width:  150px;
	height: 30px;
}

.ri-size-30 .rating-current,
.ri-size-30 .rating-loading-bar {
	height: 30px;
}

.ri-size-30 .rating-icon {
	width: 30px;
	height: 30px;
}

.ri-size-30 .ri-1 { left: 0; }
.ri-size-30 .ri-1:hover {
  width: 30px;
  left: 0;
}


.ri-size-30 .ri-2 { left: 30px; }
.ri-size-30 .ri-2:hover {
  width: 60px;
  left: 0;
}

.ri-size-30 .ri-3 { left: 60px; }
.ri-size-30 .ri-3:hover {
  width: 90px;
  left: 0;
}

.ri-size-30 .ri-4 { left: 90px; }
.ri-size-30 .ri-4:hover {
  width: 120px;
  left: 0;
}

.ri-size-30 .ri-5 { left: 120px; }
.ri-size-30 .ri-5:hover {
  width: 150px;
  left: 0;
}
/* icon size: 30px ************************************************************/


/* icon size: 46px ************************************************************/
.ri-size-46 .voting-info,
.ri-size-46 .rating-loading-text {
  font-size: 16px;
  margin-left: 10px;
  line-height: 52px;
}

.ri-size-46 li span { font-size: 16px; }
.ri-size-46 li span:after { left: 19px; }

.ri-size-46 .rating-bar,
.ri-size-46 ul {
	width:  230px;
	height: 46px;
}

.ri-size-46 .rating-current,
.ri-size-46 .rating-loading-bar {
	height: 46px;
}

.ri-size-46 .rating-icon {
	width: 46px;
	height: 46px;
}

.ri-size-46 .ri-1 { left: 0; }
.ri-size-46 .ri-1:hover {
  width: 46px;
  left: 0;
}


.ri-size-46 .ri-2 { left: 46px; }
.ri-size-46 .ri-2:hover {
  width: 92px;
  left: 0;
}

.ri-size-46 .ri-3 { left: 92px; }
.ri-size-46 .ri-3:hover {
  width: 138px;
  left: 0;
}

.ri-size-46 .ri-4 { left: 138px; }
.ri-size-46 .ri-4:hover {
  width: 184px;
  left: 0;
}

.ri-size-46 .ri-5 { left: 184px; }
.ri-size-46 .ri-5:hover {
  width: 230px;
  left: 0;
}
/* icon size: 46px ************************************************************/
/*post introduction*/
.companies-directory-cluster-title {
  font-size: 1.5em;
}

.intro-ratings.intro-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-wrap: wrap;

  box-sizing: border-box;

  font-size: 1em;
}

.intro-ratings .p-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  box-sizing: border-box;

  padding: 0.5em;
}

.intro-ratings .post-intro {
  background: #CCC;
  border: 1px solid #555;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

.intro-ratings .p-item {
  margin: 0.3em 0.3em 0.5em 0.3em;
  line-height: 1;
}

.intro-ratings .i-image {
  margin: 0;
}

.intro-ratings .i-image img {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #444;
}

.intro-ratings .i-title {
  font-size: 1.1em;
}
.intro-ratings>.p-wrapper{width:150px;}
/*post introduction*/
/*custom css*/
.rating li span {background: #CCC !important}
.rating li span {border-color: #555 !important}
.rating li span:after {border-top-color: #555 !important}
.rating li span {color: #000 !important}
.ri-size-12 ul {background: url(../images/points/01-12.png)}
.ri-size-12 .rating-current {background: url(../images/points/01-12.png) left bottom}
.ri-size-12 .rating-icon:hover {background: url(../images/points/01-12.png) left center}
.ri-size-12 .rating-loading-bar {background: url(../images/points/01-12.png) left bottom}
.ri-size-20 ul {background: url(../images/points/01-20.png)}
.ri-size-20 .rating-current {background: url(../images/points/01-20.png) left bottom}
.ri-size-20 .rating-icon:hover {background: url(../images/points/01-20.png) left center}
.ri-size-20 .rating-loading-bar {background: url(../images/points/01-20.png) left bottom}
.ri-size-30 ul {background: url(../images/points/01-30.png)}
.ri-size-30 .rating-current {background: url(../images/points/01-30.png) left bottom}
.ri-size-30 .rating-icon:hover {background: url(../images/points/01-30.png) left center}
.ri-size-30 .rating-loading-bar {background: url(../images/points/01-30.png) left bottom}
.ri-size-46 ul {background: url(../images/points/01-46.png)}
.ri-size-46 .rating-current {background: url(../images/points/01-46.png) left bottom}
.ri-size-46 .rating-icon:hover {background: url(../images/points/01-46.png) left center}
.ri-size-46 .rating-loading-bar {background: url(../images/points/01-46.png) left bottom}
/*custom css*/