/**
 * @package 	WordPress
 * @subpackage 	Travel Time
 * @version 	1.0.0
 * 
 * Simple Rating CSS Rules
 * Created by CMSMasters
 * 
 */



/*-------------------------------------------------------------------------

	1. 	Styles
	2.  Animation

-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------*/
/*	1.	Styles */
/*-------------------------------------------------------------------------*/
#page #spr_container {
  margin: 0;
  clear: both;
  overflow: hidden;
  display: inline-block;
}
#page #spr_container .spr_visual_container .spr_rating_piece.spr_bs_empty,
#page #spr_container .spr_visual_container .spr_rating_piece.spr_bs_full_voted {
  cursor: pointer;
}
#page #spr_container .spr_visual_container .spr_rating_piece.spr_bs_full_voted:hover:not(.spr_bs_empty),
#page #spr_container .spr_visual_container .spr_rating_piece.spr_bs_empty:hover:not(.spr_bs_full_voted) {
  cursor: default;
}
#page .project_details_item_desc .cmsmasters_spr_container {
  display: block;
}
/* Tour Rating Box */
.cmsmasters_rating_box {
  padding: 60px 0 0;
  position: relative;
}
/* Global */
#page .cmsmasters_spr_container {
  clear: both;
  overflow: hidden;
  display: inline-block;
}
#page .spr_visual_container {
  height: 14px;
  line-height: 14px;
  width: 75px;
  padding: 0;
  margin: 3px 0;
  display: block;
  position: relative;
  overflow: hidden;
  float: right;
}
#page .spr_visual_container > div {
  width: auto;
  height: 100%;
  position: relative;
  overflow: hidden;
  clear: both;
}
#page .spr_visual_container > div .spr_rating_piece {
  background: none;
  font-size: 13px;
  width: 13px;
  height: 100%;
  margin: 0;
  display: block;
  position: relative;
  overflow: hidden;
  float: left;
}
#page .spr_visual_container > div .spr_rating_piece:not(:last-child) {
  margin-right: 2px;
  margin-left: 0;
}
#page .spr_visual_container > div .spr_rating_piece:before {
  font-family: "fontello";
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  vertical-align: baseline;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  text-indent: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#page .spr_visual_container > div .spr_rating_piece:before {
  content: '\e8aa';
}
/*-------------------------------------------------------------------------*/
/*	2.	Animation */
/*-------------------------------------------------------------------------*/
#spr_container .spr_visual_container .spr_rating_piece {
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}