.raitpage {display:flex;align-content:center;flex-wrap:wrap;max-width:270px;margin:0 auto;height:90vh;text-align:center;font-family:Arial, sans-serif;}
.raitpage img.logo,
.raitpage p {width:auto;margin:0 auto;padding:10px;}
.raitpage .titlewrap span {display:block;padding-top:10px;font-size:12px;font-weight:normal;}
.raitpage .titlewrap.icoyandex {padding-left:85px;text-align:left;background:url(img/icon-ymaps.jpg) no-repeat;}
.raitpage .titlewrap.icogoogle {padding-left:85px;text-align:left;background:url(img/icon-gmaps.jpg) no-repeat;}
.raitpage a.mapslink {display:inline-block;margin:20px 0;width:100%;text-decoration:none;color:#000;}
.raitpage a.mapslink img {display:block;margin:0 auto;}
.raitpage a.mapslink span {display:block;margin:0 auto;font-size:12px;color:#767676;font-weight:normal;}
.raitpage a.morelink {display:block;margin:0 auto;}

.rating {width:200px;height:40px;margin:0 auto;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;}
.rating:not(:checked) > input {display:none;}
.rating:not(:checked) > label {width:40px;cursor:pointer;font-size:40px;color:lightgrey;text-align:center;line-height:1;}
.rating:not(:checked) > label:before {content:"\2606";}
.rating > input:checked ~ label {color:#bc231d;}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {color:#bc231d;}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {color:#bc231d;}