.portales form div.stars {
    background: url("../images/stars.png") repeat-x 0 0;
    width: 150px;
}

.portales form div.stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.portales form div.stars input[type="radio"].star-5:checked ~ span {
    width: 100%;
}

.portales form div.stars input[type="radio"].star-4:checked ~ span {
    width: 80%;
}

.portales form div.stars input[type="radio"].star-3:checked ~ span {
    width: 60%;
}

.portales form div.stars input[type="radio"].star-2:checked ~ span {
    width: 40%;
}

.portales form div.stars input[type="radio"].star-1:checked ~ span {
    width: 20%;
}

.portales form div.stars label[class^="star-"] {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer;
}

.portales form div.stars label:hover ~ span {
    background-position: 0 -30px;
}

.portales form div.stars label.star-5:hover ~ span {
    width: 100% !important;
}

.portales form div.stars label.star-4:hover ~ span {
    width: 80% !important;
}

.portales form div.stars label.star-3:hover ~ span {
    width: 60% !important;
}

.portales form div.stars label.star-2:hover ~ span {
    width: 40% !important;
}

.portales form div.stars label.star-1:hover ~ span {
    width: 20% !important;
}

.portales form div.stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url("../images/stars.png") repeat-x 0 -30px;
    -webkit-transition: -webkit-width .1s;
    -moz-transition: -moz-width .1s;
    -ms-transition: -ms-width .1s;
    -o-transition: -o-width .1s;
    transition: width .1s;
}

.portales .rating-online label {
    cursor: default;
    margin-bottom: 10px !important;
    display: block !important;
}

.portales .rating-process {
    margin-bottom: 30px;
}

.portales .rating-thanks {
    background-color: #ecf1e3;
    padding: 12px;
}

.portales .rating-thanks h4 {
    background: url("../images/check_verde.png") no-repeat 0 0;
    color: #7fa142;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 25px;
    margin-bottom: 6px !important;
    height: 21px;
}

.portales .rating-thanks p {
    padding-left: 25px;
    margin-bottom: 0 !important;
}

.portales .average {
    background: url("../images/stars.png") repeat-x 0 0;
    width: 150px;
}

.portales .average label {
    display: block !important;
    height: 30px;
    margin: 0;
    padding: 0 !important;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    left: 200px;
    top: 8px;
}

.portales .average span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url("../images/stars.png") repeat-x 0 -30px;
}

.portales .rating-online ul li .stars {
    display: block;
    float: left;
}

.portales .rating-online ul li .star {
    display: block;
    float: left;
}

.portales .rating-online ul li .bar {
    display: block;
    height: 5px;
    float: left;
    margin-top: 7px;
}

.portales .rating-online ul li .number {
    float: right;
    text-align: right;
}

.portales .rating-online ul {
    list-style: none;
    border: 0;
}

.portales .rating-online ul li {
    display: inline-block;
    width: 100%;
    border: 0;
}

.portales .rating-online ul li .bar .percentage {
    height: 5px;
    background-color: grey;
    display: block;
    width: 0;
}

.portales .col-porcent .text h4 {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.portales .op-title {
    color: #203763;
    font-size: .9375rem;
    font-weight: bold;
}

.portales .op-valoracion {
    margin-bottom: 1.3em;
    font-weight: bold;
    font-size: 14px;
}

.portales .op-valoracion p {
    margin-bottom: .4em;
}

.portales .op-valoracion p.cifra, .portales .op-valoracion span {
    display: inline-block;
}

.portales .op-valoracion span {
    font-weight: 600;
    padding-left: 5px;
}


.portales .op-valor-estrellas {
    font-size: 11px;
    font-weight: 600;
    width: 64px;
    text-align: center;
    display: inline-block;
    padding-top: 5px;
}

.portales .op-orange-stars {
    margin-bottom: 1.1em;
}

.portales .op-orange-stars .average {
    background: url("../images/star_carousel_public.png") repeat-x 0 -38px;
    width: 340px;
}

 .average.regal-average{
  background: url("../images/star_regal_desk.png") repeat-x 0 -38px !important;
 
 }

  .average.regal-average span{
       background: url(../images/star_regal_desk.png) repeat-x 0 0 ! important;
        width: 280px;
        height: 31px;
    }

.portales .op-orange-stars .average span {
    display: block;
    width: 0;
     position: relative;
    top: 0;
    left: 0;
    height: 38px;
    background: url("../images/star_carousel_public.png") repeat-x 0 0;
}

.slider-module.landing-feedback .op-orange-stars .average span {
    margin-top: 26px;
}
.portales .estrellas-quote {
    width: 355px;
    background: url("../images/star_public_5.png") no-repeat 0 -34px;
}

.portales form div.estrellas-quote span.star-background {
    display: block;
    position: relative;
    top: 0;
    width: 0;
    height: 34px;
    -webkit-transition: -webkit-width .1s;
    -moz-transition: -moz-width .1s;
    -ms-transition: -ms-width .1s;
    -o-transition: -o-width .1s;
    transition: width .1s;
    background: url("../images/star_public_5_orange.png") no-repeat 0 0;
    left: 0;
}

.portales .valoracion-genesis {
    padding-right: 20px !important;
}

    
.portales .valoracion-genesis.float-right {
    float: right;
}

.portales .valoracion-genesis a.web-btn {
	float: right;
    margin-top: 20px;
    margin-bottom: 40px;
    min-height: 0;
    width: 133px;
    line-height: 50px;
    padding: 0;
}

.portales .valoracion-genesis.float-right a.web-btn {
	width: auto;
	padding: 15px 10px 12px;
	line-height: 0;
}

.portales .valoracion-genesis .icon {
    margin: -2px 0 0 7px !important;
}

.portales .valoracion-genesis textarea {
    min-height: 90px;
}

.portales input.input-estrella[type=radio] {
    position: absolute;
    height: 34px;
    width: 34px;
    margin: 2px 0 0 16px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.portales input.input-estrella[type=radio] + label {
    height: 34px;
    width: 34px;
    display: block;
    padding: 0;
    margin: 0 17px;
    z-index: 10;
    float: left;
    position: relative;
    background: transparent !important;
    cursor: pointer;
}

.portales form div.estrellas-quote input[type="radio"].star-5:checked ~ span.star-background {
    width: 100%;
}

.portales form div.estrellas-quote input[type="radio"].star-4:checked ~ span.star-background {
    width: 80%;
}

.portales form div.estrellas-quote input[type="radio"].star-3:checked ~ span.star-background {
    width: 60%;
}

.portales form div.estrellas-quote input[type="radio"].star-2:checked ~ span.star-background {
    width: 40%;
}

.portales form div.estrellas-quote input[type="radio"].star-1:checked ~ span.star-background {
    width: 20%;
}

.portales form div.estrellas-quote label.star-5:hover ~ span.star-background {
    width: 100% !important;
}

.portales form div.estrellas-quote label.star-4:hover ~ span.star-background {
    width: 80% !important;
}

.portales form div.estrellas-quote label.star-3:hover ~ span.star-background {
    width: 60% !important;
}

.portales form div.estrellas-quote label.star-2:hover ~ span.star-background {
    width: 40% !important;
}

.portales form div.estrellas-quote label.star-1:hover ~ span.star-background {
    width: 20% !important;
}

.portales .wrapper.estrellas {
    margin-bottom: 20px;
}

.portales p.estrellas {
    font-weight: bold;
    font-size: 15px;
}

.portales .op-valor-estrellas {
    font-size: 11px;
    font-weight: 600;
    width: 64px;
    text-align: center;
    display: inline-block;
    padding-top: 5px;
}


.portales .wrapper-valoraciones-long {
    margin-top: 10px;
    width: 340px;
}

.portales .op-valoracion.valoracion-sin-slider {
    margin-top: 10%;
}

.portales .op-orange-stars.stars-long {
    margin-left: -15px;
}

.portales .opinion-erizo {
    height: 310px;
    background: url("../images/erizo-valoracion-title.png") 100% 110px no-repeat;
}

.portales #feedback-online-portlet, .portales #feedback-online-portlet-sucess {
    border-top: 1px solid #e2e2e2;
    background: #f8f8f8;
    overflow: hidden;
}

.privateCustomer .liberty .portales #feedback-online-portlet, .privateCustomer .liberty .portales #feedback-online-portlet-sucess {
    
    overflow: hidden;
    
}

.public .liberty .portales #feedback-online-portlet, .public .liberty .portales #feedback-online-portlet-sucess {
    background: #3D4047;
    overflow: hidden;
    color: #fff;
}

.landing-feedback.slider-module {
    background-color: #fafafa;
}
.portales .slider-module.landing-feedback .slider-header.opinion-module{
    width: 40%;
    clear: both;  
}
.portales .slider-module.landing-feedback .wrapper .slider-header:before{
    border-top: white;
}
.portales .slider-module.landing-feedback .wrapper .slider-header .opinion-icon{
    float: left;
    background-image: url(../images/quote.png);
    background-position: 0;
    background-repeat: no-repeat;
    height: 35px;
    width: 42px;
    top: 0px !important;
    right: 18px! important;
}

.portales .slider-module.landing-feedback .wrapper .slider-header .opinion-icon.regal-opinion-icon{
    float: left;
    background-image: url(../images/quoteregal.png);
    background-position: 0;
    background-repeat: no-repeat;
    height: 35px;
    width: 42px;
    top: 0px !important;
    right: 18px! important;
}

.portales .slider-module.landing-feedback .slider-header.opinion-module .title{
    float: right;
    width: 50%;
    margin-right: 35%;
    font-family: 'Sansation';
    font-size: 32px;
    line-height: 37px;
}

.portales .slider-module.landing-feedback .slider-header.opinion-module .title.regal-option-tittle{
		font-family:'Diamond';
		font-weight:500;
		Float: right;
        width: 50%;
        font-size: 32px;
        line-height: 39px;
         margin-right: 35%;
	}

.portales .landing-feedback .op-valoracion{
    font-family: 'Sansation';
    font-size: 48px;
    font-weight: 600;
}
.portales .landing-feedback .op-valoracion .cifra{
    color: #007DC3;
    font-size: 72px;
}

.portales .landing-feedback .op-valoracion .cifra{
    color: #007DC3;
    font-size: 72px;
}

.portales .landing-feedback .op-valoracion.cifr.regal-option-cifra{
	 color: #FF6D22 !important ;

}
p.cifra.regal-option-cifra{
	 color: #FF6D22 !important ;
	
}


.portales .landing-feedback .op-valoracion .cifra2{
    color: #666666;
}
.landing-feedback .valoracion-title{
    color: #203763;
    font-size: 18px;
    line-height: 24px;
    font-family:'Open Sans';
    font-weight: 600;
}

.landing-feedback .valoracion-title.regal-valoracion-title{
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    font-family:'Open Sans';
     font-weight: 600;
     color: #333;
}
.landing-feedback .estrellas-horizontal .op-title{
    font-size: 20px;
    font-style: italic;
    color:#333333;
}

/*Generali specific styles*/
.liberty .portales .op-orange-stars .average {
    background: url("../images/star_carousel_public_generali.png") repeat-x 0 -38px;
    width: 340px;
}
.liberty .portales .op-orange-stars .average span {
    display: block;
    width: 0;
     position: relative;
    top: 0;
    left: 0;
    height: 38px;
    background: url("../images/star_carousel_public_generali.png") repeat-x 0 0;
}

@media only screen and (max-width: 1024px) {
.portales .slider-module.landing-feedback .slider-header.opinion-module .title.regal-option-tittle{
         margin-right: 0px;
	}
	.portales section.landing-feedback .op-valoracion .cifra {
    font-size: 56px;
    line-height: 65px;
}
	.wrapper.landing-module{
	text-align:center !important;
	}
    .portales .opinion-module {
        width: 22% !important;
        margin-right: 0px !important;
        float: left;
    }
   .portales .slider-module.landing-feedback .slider-header.opinion-module{
        width: 100% !important;
        text-align: center;
    }
    .portales .slider-module.landing-feedback .slider-header.opinion-module .title{
    float: none  !important;
}
.s7of12.estrellas-horizontal.gde-estrellas-horizontal {
		width: 100% !important;
	}
	.portales .slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module{
		text-align: center;
	}
	.portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module{
		width: 81% !important;
	}
	.portales .slider-module.landing-feedback .slider-header.opinion-module .title.gde-option-tittle{
		float: none !important;
		width:55% !important;
	}
	
	.portales section.slider-module.landing-feedback .wrapper .slider-header .opinion-icon{
		margin: 0 0px;
	}
}


@media only screen and (max-width: 767px) {
	section.slider-module.landing-feedback{
	text-align:center;
	}
    .portales .slider-module.landing-feedback .slider-header.opinion-module{
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        padding: 0px 10px 16px 10px !important;
        width: 75% !important;
    }
    .s7of12.estrellas-horizontal.gde-estrellas-horizontal{
        padding:0px; 
    }
    .s6of12.gde-star-no-border {
        padding: 10px 0px !important;
    }
    .s6of12.rating-module.gde-rating-module{
        padding-right:0px;
        padding-left:px;
    }
    .slider-header.opinion-module.s4of12.gde-opinion-module{  
        padding-right:0px;
        padding-left:0px;
        width:80%;
	}    
	.wrapper.landing-module.gde-landing-module{
	text-align:center;
	}
    .portales .slider-module.landing-feedback .slider-header.opinion-module .opinion-icon{
      }
    .portales .slider-module.landing-feedback .slider-header.opinion-module .title{
        font-size: 24px;
        margin: 0 auto;
        float: left;
        width: 72%;
        line-height:28px;
    }   
    .landing-feedback .op-valoracion{
        width: 88%;
        margin: 0 auto;
        text-align: center;
    }
    .landing-feedback .valoracion-title{
        width: 66%;
        margin: -10px auto 20px;
        text-align: center;
        font-family: Open Sans;
    }
    
    .landing-feedback .estrellas-horizontal .op-orange-stars{
        position: relative;
        bottom: 96px;
        width: 100%;
        margin: 0 auto;
    }
    
    .landing-feedback .estrellas-horizontal .op-title{
        display: block;
        width: 37%;
        margin: 0 auto;
    }
    .landing-feedback .estrellas-horizontal .op-orange-stars .average{
        margin: 0 auto;
    }
    .portales .opinion-module {
        width: 33% !important;
        margin-right: 0px !important;
    }

    .portales .estrellas {
        margin: 15px 0 0 -5px;
    }
     .opinion-module .s60f12{
     padding :0px 10px 0px 0px;
     }
     .s6of12 .rating-module{
      padding :0px 10px 0px 0px;
     }
    .portales .valoracion-estrellas {
        margin-left: -5px;
    }

    .portales .wrapper.estrellas .valoracion-estrellas {
        margin-left: 0;
        width: 100%;
        float: left;
        position: relative;
    }

    .portales p.estrellas {
        margin-left: 5px;
    }

    .portales .valoracion-genesis p.estrellas {
        margin-left: 0;
    }

    .portales .op-valor-estrellas {
        vertical-align: text-top;
    }

    .portales .op-orange-stars .average {
        background: url("../images/star_carousel_public_small.png") repeat-x 0 -31px;
        width: 280px;
        height: 31px;
    }

    .portales .op-orange-stars .average span {
        height: 31px;
        background: url("../images/star_carousel_public_small.png") repeat-x 0 0;
       
    }
    .average.regal-average{
 background: url(../images/star_regal_mob.png) repeat-x 0 -31px!important;
}
 
   
    .average.regal-average span{
        background: url("../images/star_regal_mob.png")  repeat-x 0 0 !important;
        width: 280px;
        height: 31px;
    }


    .portales .wrapper-valoraciones {
        text-align: center;
        width: 285px;
    }

    .portales .wrapper-valoraciones-long {
        width: 300px;
    }

    .portales .op-valor-estrellas {
        width: 17.6%;
    }

    .portales .estrellas-horizontal {
        padding-left: 0 !important;
        float: right;
    }

    .portales .estrellas-quote {
        width: 300px;
        margin-top: 20px;
        margin-left: -10px;
        background: url("../images/star_public_5_mobile.png") no-repeat 0 -30px;
    }
    
    .portales #feedback-online-portlet, .portales #feedback-online-portlet-sucess .custom-portlet .grey-slab .wrapper {
    	padding: 0 20px;
    }
     
    .portales #feedback-online-portlet .wrapper.estrellas, .portales #feedback-online-portlet-sucess .wrapper.estrellas {
		padding: 0;
	}
	
	.portales #feedback-online-portlet .col.s6of12.errorToParent.mobile-wide {
		padding: 0;
	}
	
	.portales #feedback-online-portlet .col.s6of12.errorToParent.mobile-wide .estrellas-quote {
		margin-top: 25px;
		margin-bottom: 25px;
	}

    .portales input.input-estrella[type=radio] + label {
        margin: 0 13px;
    }

    .portales form div.estrellas-quote span.star-background {
        height: 30px;
        background: url("../images/star_public_5_orange_mobile.png") no-repeat 0 0;
    }

    .portales input.input-estrella[type=radio] {
        height: 21px;
        width: 57px;
        margin: 7px 0 0;
    }

    .portales .estrellas-quote .op-valor-estrellas {
        width: 59px;
        float: left;
        margin: 0;
    }

    .portales .rating-thanks h4 {
        height: auto;
    }
    .portales section.slider-module.landing-feedback .slider-header.opinion-module .title.gde-option-tittle		{	
		width: 78% !important;
	}
    .portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module
		{
		
        width: 77% !important;
	}
}

@media only screen and (min-width: 600px) {
    .portales .rating-online .col-porcent {
        width: 50% !important;
        float: left;
    }

    .portales .rating-online ul li .stars {
        width: 3%;
    }

    .portales .rating-online ul li .star {
        width: 5%;
    }

    .portales .rating-online ul li .bar {
        width: 78%;
    }

    .portales .rating-online ul li .number {
        width: 11%;
    }
}

@media only screen and (max-width: 599px) {
    .portales .rating-online .col-porcent {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .portales .rating-online ul li .stars {
        width: 6%;
    }

    .portales .rating-online ul li .star {
        width: 7%;
    }

    .portales .rating-online ul li .bar {
        width: 75%;
    }

    .portales .rating-online ul li .number {
        width: 12%;
    }
    .col.s6of12 .valoracion-genesis.mobile-wide.valoracion-margin-mobile .subtext.estrellas {
    	padding-bottom: 15px;
    }
    .portales .valoracion-genesis.float-right a.web-btn {
    	width: 100%;
    	margin-top: 10px;
    }
}

@media only screen and (max-width: 480px) {
	
	.col.s6of12.valoracion-genesis.mobile-wide.valoracion-margin-mobile {
		margin-top: 30px;
	}
	
    .portales .opinion-module {
        width: 100% !important;
        float: none;
    }
	
	.portales .landing-feedback .s7of12.estrellas-horizontal {
		width: 100% !important;
	}
	.portales .estrellas-horizontal {
        width: 100% !important;
    }

    .portales .valoracion-genesis a.web-btn {
        margin-top: 0;
        min-height: 0;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        line-height: 0;
    }

    .portales .valoracion-genesis {
        padding-right: 0 !important;
    }

    .portales .wrapper.estrellas .valoracion-estrellas {
        position: absolute;
    }

    .portales .valoracion-genesis p.estrellas {
        margin-top: 30px;
    }

    .portales .op-orange-stars {
        margin-bottom: 10px;
    }

    .portales .op-valoracion.valoracion-sin-slider {
        margin-top: 0;
        margin-left: 10px;
    }

    .portales .op-orange-stars .average {
        margin-top: 15px;
        margin-left: -5px;
    }

    .portales .wrapper-valoraciones {
        margin-left: -9px;
    }

    .portales #feedback-online-portlet, .portales #feedback-online-portlet-sucess {
        margin-bottom: 0;
    }

    .portales .opinion-erizo {
        height: auto;
        background: none;
    }

}

@media only screen and (max-width: 320px) {
.portales section.slider-module.landing-feedback .slider-header.opinion-module
    {
    width:90% !important;
    }
	.portales .feedback-carousel .bx-controls-direction a {
		top: 120px !important;
		right: 17px;
	}
	.portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module{
		width: 90% !important;
	}
	.portales section.slider-module.landing-feedback .slider-header.opinion-module .title.gde-option-tittle		{
		width: 97% !important;
		font-size:22px;
	}
	.portales .feedback-carousel .bx-controls-direction a {
		top: 120px !important;
		right: 17px;
	}
}

@media only screen and(min-width:415px) and(max-width:768px) {
	.portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module
		{
		width: 80% !important;
	}
	.portales section.slider-module.landing-feedback .slider-header.opinion-module .title.gde-option-tittle
		{
		width: 70% !important;
		font-size:22px;
	}
}
@media screen and (max-width: 375px) {
	.portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module
		{
		width: 85% !important;
	}
	.portales section.slider-module.landing-feedback .slider-header.opinion-module .title.gde-option-tittle
		{
		width: 82% !important;
		font-size:22px;
	}
}
@media screen and (max-width: 320px) {
	.portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module
		{
		width: 99% !important;
	}
	.portales section.slider-module.landing-feedback .slider-header.opinion-module .title.gde-option-tittle
		{
		width: 80% !important;
		font-size:22px;
	}
}

@media screen and (max-width: 280px) {
	.portales section.slider-module.landing-feedback .slider-header.opinion-module.gde-opinion-module
		{
		width: 100%!important;
	}
}
}