#avis-container{margin-top:35px;min-height: 200px;}
div#guestapp-widget-note{color:#fff;text-align:center;width:180px;height:180px;border-radius:100%;position:relative;margin:0 auto -41.6px;}
div#guestapp-widget-note img{display:none;}
div#note-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
#guestapp-widget-note i.fa.fa-star{font-size:32px;display:block;text-align:center;}
.note-wrap{position:absolute;border-radius:100%;width:80px;height:80px;text-align:center;line-height:80px;color:#fff;top:0;left:0;}
.avis-wrap{display:none;position:relative;padding:35px 35px 35px 115px;border-bottom:1px solid;margin-bottom:35px;}
.avis-wrap.displayAvis{display: block!important;}
.avis-wrap .star-ratings-css{margin-left:0;}
span.title-avis{text-transform:uppercase;font-weight:600;font-size:18px;display: block;margin-bottom: 10px;}
span.content-avis{display:block;margin-bottom:10px;}
span.auteur-avis{font-weight:bold;font-size:12px;margin-right:5px;}
time.date-avis{font-size:12px;font-style:italic;}
#guestapp-widget-note i.fa.fa-star{font-size:32px;display:block;text-align:center;}
span.note{font-size:32px;line-height:1;color:#fff;}
span.maximum-note{font-size:14px;color:#fff;}
#note-banner{font-size:10px;line-height:1;color:#fff !important;padding:10px;text-align:center;text-transform:uppercase;display:block;width:120%;left:-10%;position:relative;}
.avis-container{padding:35px 0;}
.star-ratings-css{color:#c5c5c5;font-size:25px;display: inline-block;line-height:1;margin:0 auto 10px;position:relative;padding:0;}
.star-ratings-css-top{color:#FF912C!important;padding:0;position:absolute;z-index:1;display:block;top:0;left:0;overflow:hidden;}
.star-ratings-css-top span{color:#FF912C!important;}
.star-ratings-css-bottom{padding:0;display:block;z-index:0;}
.guestapp-copyright{text-align:center;margin-top:50px;margin-bottom:50px;}
.guestapp-copyright span{display:block;font-weight:600;}
.guestapp-copyright img{max-width:150px;}
.reponse-avis-link {font-weight: bold;padding:10px 0;cursor: pointer;}
.reponse-avis {padding:0 15px;}
span.reponse-date {font-style:italic;display:block;font-weight: bold;font-size: 12px;}
div#seemore-avis {display:block;margin:0 auto;background:red;text-align:center;max-width:200px;text-transform:uppercase;color:#fff;line-height:1;padding: 10px;transition:0.2s ease-out;cursor: pointer;}
#no-reviews-title {text-align: right;font-style: italic;}
#preaload-reviews { 
	position: absolute; 
	left: 50%; 
	max-width: 50px;
	font-size: xx-large;
	line-height: 0;
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg);
	-moz-transform: translateX(-50%) rotate(0deg);
	-ms-transform: translateX(-50%) rotate(0deg);
	-o-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(360deg);
	-moz-transform: translateX(-50%) rotate(360deg);
	-ms-transform: translateX(-50%) rotate(360deg);
	-o-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: translateX(-50%) rotate(0deg);
	-moz-transform: translateX(-50%) rotate(0deg);
	-ms-transform: translateX(-50%) rotate(0deg);
	-o-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(0deg);
  }
  to {
    -webkit-transform: translateX(-50%) rotate(360deg);
	-moz-transform: translateX(-50%) rotate(360deg);
	-ms-transform: translateX(-50%) rotate(360deg);
	-o-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg);
  }
}
@media screen and (min-width: 769px) and (max-width: 1100px) { 
	div#guestapp-widget-note {width: 100px; height: 100px;}
	span.note { font-size: 21px; }
	.star-ratings-css { margin: 0 auto; }
}
@media screen and (max-width: 768px){ 
.avis-wrap {padding: 15px;margin-bottom: 15px;}
.note-wrap {position:relative;margin: 5px 0;}
span.title-avis {display:  block;}
}