@font-face {
    font-family: 'Abel Pro';
    src: url('../fonts/AbelPro.otf') format('otf');
    font-weight: normal;
}

@font-face {
    font-family: 'Abel Pro Heavy';
    src: url('../fonts/AbelPro-Bold.otf') format('otf');
    font-weight: bold;
}


body {
  margin:0;
  padding:0;
  background-color: #e4e4e4;
  font-family: 'Abel Pro', sans-serif;
  font-size:18pt;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

#wrapper {
  margin:0 auto;

}

.curl_frame {
  display:none;
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.review-container {
  margin:0 auto;
  max-width:1080px;
}

.btn-loadmore {
  display:none!important;
}

.slick-track {
  margin-right: auto;
  display: flex!important;
  align-items: center;
}

.public-comment-title {
  display:none;
}


.starRatingContainer {
margin:0 auto 10px auto;
display: block
}

.starRatingContainer i {
  display:inline-block;
  background-image: url('../images/star.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height:50px;
  width:50px;
}

.starRatingContainer.fs-1 i:nth-last-child(-n+4) {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.starRatingContainer.fs-2 i:nth-last-child(-n+3) {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.starRatingContainer.fs-3 i:nth-last-child(-n+2) {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.starRatingContainer.fs-4 i:nth-last-child(-n+1) {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.starRatingContainer i:not(:last-of-type) {
  margin-right:10px;
}

.review-list .review-title,
.titleSpace a.ratingTitle {
  color:#ec6707;
  line-height:1.2;
  font-weight:bold;
  font-size:1.3em;
  display:block;
  margin:20px 0 5px 0;
  text-decoration: none;
}

.review-list .review-details {
  color:#3c4346;
  font-size:0.8em;
  text-transform: uppercase;
  font-weight: bold;
}

.review-list .review-item {
    text-align: center;
    padding:20px;
}

.review-item p:last-of-type {
  font-style: italic;
}

.userSpace {
  display:flex;
  font-style: italic;
  align-items: center;
  justify-content: center;
  margin:40px auto 10px auto;
  color:#4c5356;
  font-size:1rem;
}

.userName::after {
  content:'|';
  margin:0 5px 0 0;
  
}

@media only screen and (max-width: 980px) {

  body {
    font-size:14pt;
  }


}

@media only screen and (max-width: 768px) {

  body {
    font-size:12pt;
  }


}