.row.store-list .card .card-img-top{height:250px;} .pntop-row{margin-bottom:20px;} .pnshare ul{overflow:hidden; padding: 0px;} .pnshare ul li{float: left; list-style: none; border: 1px solid #000; padding: 5px 15px 5px 15px;; margin-right: 20px; border-radius: 20px; min-width: 95px;; margin-bottom: 10px;} .pn-store-left img{border-radius: 21px;} .pn-store-right h1{font-size:24px; font-weight: 400; line-height: 32px; margin-bottom: 10px;} .overview-tab{border-top: 1px solid #E8E8EC; border-bottom: 1px solid #E8E8EC; padding: 15px 0px;} .overview-tab button{border: none; padding: 15px 40px 15px 0px; font-size: 18px;} .overview-tab button:hover{background-color:transparent; color:#777;} .overview-tab button:active{color:#000;} .overview-tab button:focus{color:#000; border:none; outline: none;} .overview-tab button.active{color:#000} .overview-panel h3{font-size: 24px; font-weight: 600; margin: 20px 0px 20px 0px;} .overview-panel p{font-size:16px;} .overview-panel{font-size:16px;} .overview-profile {float: left; width: 10%;} .overview-content {float: left; width: 90%;} .overview-review {padding: 10px 0px 15px 0px;} .overview-content-left {float: left; display: flex; flex-direction: column;} .overview-content-left strong {color: #161616; font-size: 18px; font-weight: 500;} .overview-content-left .review-control-vote:before{line-height: 22px; letter-spacing: 5px; font-size: 16px; color: #ffc600; left:95px;} .overview-content-right {float: right; display: flex; flex-direction: column;} .overview-panel img {height: 220px; width: 221px; margin-right: 10px; margin-bottom: 20px; border-radius: 8px;} .overview-profile img {height: 32px; width: 32px; border-radius: 50%;} .pnshare img {height: 16px; width: 16px; margin-right: 6px;} .pnshare a {color: #000; text-decoration:none;} .tooltip { position: absolute; background-color: rgba(0,0,0,0.8); color: #fff; margin-top: -65px; margin-left: -7px; padding: 5px 10px; border-radius: 5px; opacity: 0; transition: opacity 0.3s; } .loader { border: 8px solid #f3f3f3; border-top: 8px solid #96ca4c ; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; margin-bottom: 23px; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .four-star-rating::before{ line-height: 22px; letter-spacing: 5px; font-size: 16px; color: #ffc600; left: 95px; font-family: 'porto-icons'; display:block; positon:absolute; content: '★★★★☆'; } .five-star-rating::before{ line-height: 22px; letter-spacing: 5px; font-size: 16px; color: #ffc600; left: 95px; font-family: 'porto-icons'; display:block; positon:absolute; content: '★★★★★'; }