.blog-holder .review-info .user-name{
    padding-left: 0px;
   }
.featured-blog-tag{
    padding: 0 6px;
    font-size: 12px;
    border-radius: 15px;
    color: #ffffff;
    background-color:#4A90E2;
}
.post-blog-btn{
    margin: 10px 0;
    padding: 13px 20px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    word-spacing: 0.5px;
    background-color: #ff595e;
    border: 1px solid #e14449;
    color: #ffffff;
}
.post-blog-btn:hover{
    color: #ffffff;
}
.photo-tag{
    padding-top: 12px;
}
.photo-tag-title{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #666666;
}
.photo-tag-content {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}

.blog-loved-by{
    text-align: center;
    display: block;
}
.blog-loved{
    font-size: 15px;
    font-weight: 500;
    color: rgba(36, 44, 66, 0.8);
}
.blog-loved-by .next-btn{
    margin: 2px 0 0 0;
}
.blog-loved-by .icon-next{
    margin-top: 4px;
    font-size: 16px;
    color: #333333;
}
.blog-loved-by .icon-recommendation{
    padding-top: 0px;
    font-size: 22px;
    color: #d75a4a;
}
.rr-comments-container .view-more {
    margin: 16px 0;
}
/*======== Love modal starts ========*/
.blog-tittle-text{
    padding: 12px 20px;
    border-bottom: 1px solid rgba(36, 44, 66, 0.1);
    font-size: 17px;
    font-weight: 500;
    color: #333333;
}
#lovedByModal ul.nav li {
    width: 33.33%;
    text-align: center;
}
#lovedByModal .modal-body {
    padding: 0;
}
#lovedByModal .modal-dialog {
   margin-top: 50px;
}
.tab-profile-pic{
    vertical-align: middle;
}
.usr-detail-holder{
    display: table-cell;
    vertical-align: middle;
}
/*
#lovedByModal .no-ratings-holder{
    display: none;
}
*/
/*======== Love modal ends========*/

/*==========user control css for more blogs Start==========*/

    .other-blog-by{
        padding: 12px 20px;
    }
    .other-blog-text{
        font-size: 19px;
        font-weight: 500;
        line-height: 1.37;
        color: #242c42;
        padding-bottom: 10px;
    }
    .other-blog-title{
        padding-bottom: 11px;
    }
    .other-blog-title a {
        font-size: 18px;
        display: inline;
        vertical-align: middle;
    }
    .other-blog-title .other-blog-video-icon{
        vertical-align: middle;
    }
    .products .other-blog-title:nth-child(4) a{
        padding-bottom: 5px;
    }
    .other-blog-by .see-more-text{
        text-align: right;
         font-size: 16px;
    }
/*========user control css for more blogs ends============*/

/*======== Blog post css starts ========*/
.post-visibility{
    width: 100%;
    margin-top: 12px;
    padding: 12px;
    background-color: #ffffff;
}
.post-visible-text{
    padding-bottom: 12px;
    font-size: 17px;
    font-weight: 600;
    color: #44a512;
}
.post-visibility-btn{
    width:100%;
    border-radius: 3px;
    border: 1px solid #cacaca;
    background-color: #ffffff;
}
.post-visibility-btn span{
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #999999;
}
.post-visibility .btn.active{
    box-shadow: none;
    background-color: #efefef;
    color: #fff;
}
input[type=checkbox], input[type=radio]{
    display: none;
}
/*======== Blog post css ends ========*/

.blog-title-heading {
    display: inline;
    vertical-align:middle;
}
.blog-title-heading ~ .blog-title-video-icon{
    vertical-align: middle;
}



















/*======== rar page css ========*/
body{
     font-family: proxima-nova, arial, sans-serif;
}
.pull-right{
    float:right;
}
.pull-left{
    float:left;
}
h1{
    color:#44a512;
    margin:10px 0;
}
h2{
    margin:0 0 10px;
    font-size: 19px;
    font-weight: 600;
    color: #44a512;
}
.main-content{
    /*background-color: #fff;*/
}
.mb-10{
    margin-bottom: 10px !important;
}
.product-info-font{
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #242c42;
 }
/*.more-reviews a{
     font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    background-color: #ff595e;
}*/

.lead-generate-btn{
    display: block;
    margin: 10px auto;
    padding: 7px;
    width: 100%;
    border-radius: 5px;
    margin-top: 12px;
    background-color: #ffffff;
    border: 1px solid #d75a4a;
}
.success-alert-wrapper.rating-alert .success-alert {
    background-color: #32c5ff;
    border-radius: 0;
    border: solid 1px #0091ff;
    padding: 12px 18px;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.73;
    color: #ffffff;
}
.success-alert-wrapper.prod_countAlert .success-alert{
    background-color: #32c5ff;
    border-radius: 0;
    border: solid 1px #0091ff;
    padding: 12px 18px;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.73;
    color: #ffffff;
}
/*======== main content starts here ========*/
.your-rating .profile-rate-title {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.44;
    font-weight: 500;
    color: #242c42;
}
.your-rating .star-holder{
    justify-content: center;
}
.your-rating-star{
    padding: 2px 12px;
    border-radius: 13px;
    background-color: rgba(155, 155, 155, 0.5);
    display: inline-block;
    color: #fff;
}
.your-rating .one-star {
    background: #de4d5e;
}

.your-rating .two-star {
    background: #ffa34c;
}

.your-rating .three-star {
    background: #84ebd4;
}

.your-rating .four-star {
    background: #8ad167;
}

.your-rating .five-star {
    background: #44a513;
}

.your-rating-star span:first-child{
    padding-right: 2px;
}
.your-rating-star:not(:last-child){
    margin-right: 12px;
}
.your-rating .icon-star-rating{
    font-size: 12px;
    color: #fff;
}
.your-rating .prod-name{
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    color: rgba(36, 44, 66, 0.5);
}
.img-closed img{
     position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.img-play-holder{
    position: relative;
}
.image-play{
   position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.product{
    width:100%;
    position: relative;
    background-color: #ffffff;
    /*border-bottom: 1px solid #cacaca;*/
    display: table;
}
/*==deleted starts===*/
/*.product-logo{
    width: 110px;
    height: 110px;
    margin-right: 12px;
    position: relative;
    display: table-cell;
}
.product-logo > img{
    max-width: 100%;
    max-height: 100%;
    padding: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}*/
/*==deleted ends===*/
.product-content{
    padding: 10px 20px 0 20px;
    display: table-cell;
    vertical-align: middle;
}
.prod-name-addr-holder{
    position: relative;
}
.prod-name-addr-content{
    padding-right: 10px;    
    width:85%;
}
.product-name {
    margin: 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.25;
    color: #333333;
    vertical-align: middle;
}

.product-content > span{
    margin-left: 4px;
}
h1.product-name {
    margin: 0;
    /*width: 80%;*/
}
.product-name a{ 
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    word-wrap: break-word;
    word-break: break-word;
    color: #242c42;
    vertical-align: baseline;
    display: inline;
    width: calc(100% - 60px);
    padding-bottom: 0;
}

.reviewtitleRR{
    font-size: 24px;
    font-weight: 600;
}
.product-name a:hover{
    color: #44a512;
}
.prod-address-text{
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(36, 44, 66, 0.6);
}
/*.product-content > img{
    height: 18px;
    width: 18px;
}*/
.prod-rating-holder{
    display: flex;
    align-items: center;
    flex-flow: wrap;
    margin-top: 5px;
}
.star-holder{
    display: flex;
    align-items: center;
}
.prod-rating-holder .star-holder{
    padding-bottom: 10px;
    margin-right: 10px;
}
.prod-rating-holder .star-holder .icon-star-rating{
    font-size: 19px;
}
.prod-rating-holder .star-holder .icon-half-star{
    font-size: 19px;
}

.prod-rating-holder .star-holder .icon-star-rating:not(:last-child) {
    margin-right: 2px;
}
.prod-rating-holder .star-holder .icon-half-star:not(:last-child){
    margin-right: 2px;
}

.recomm-likes-holder{
    display: flex;
    padding-bottom: 10px;
}
.likes-percent{
    padding: 1px 8px;
    color: #e02020;
    margin-left: 15px;
    border: 1px solid #e02020;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
}
.likes-percent span:last-child, .votes-count span:last-child{
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
}
.likes-percent .icon-recommendation{
    margin-right: 5px;
    font-size: 16px;
    color: #e02020;
}
.prod-rating-holder .likes-percent {
    margin-left: 0px;
    display: flex;
    align-items: center;
    flex-shrink: 1;
}
.votes-count{
    padding: 1px 8px;
    color: #44a512;
    margin-left: 15px;
    border: 1px solid #4dbc16;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
}
.prod-rating-holder .votes-count {
        margin-left: 8px;
}
.product .product-grey{
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
}
.prod-total-rating{
    width: 60px;
    line-height: 29px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
}
.prod-total-rating span:first-child{
    font-size: 22px;
    font-weight: 600;
    color: #f7a200;
}
.prod-total-rating span:last-child{
     color: #f7a200;
    font-size: 18px;
}
.rar-divider{
    height: 1px;
    margin: 10px 20px;
    background-color: rgba(36, 44, 66, 0.1);
}
.thick-divider{
    border-bottom: 8px solid #f5f5f5;
}
/*.follow-unfollow-holder{
    padding: 8px 0;
}
.people-follow-text{
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
}
.follow-unfollow-btn span{
    vertical-align: middle;
}
.follow-unfollow-btn .rar-divider{
    margin: 12px 0;
}*/
.people-following-text{
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #a9a9a9;
}
.wr-follow-btn{
    padding: 0 14px;
}
.wr-follow-btn .wr-btn{
    padding: 13px 20px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    word-spacing: 0.5px;
    background-color: #ff595e;
    border: 1px solid #e14449;
    color: #ffffff;
    margin-bottom:20px;
}
.wr-follow-btn .follow-btn{
    padding: 13px 20px;
    margin-bottom: 6px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #a9a9a9;
    color: #a9a9a9;
}
.wr-follow-btn .follow-btn.active{
    border: 1px solid #44a512;
    color: #44a512;
}
.product-info{
    padding: 0 20px;
    /*background-color: #f8f8f8;*/
    /*border-bottom: 1px solid #cacaca;*/
    text-align: center;
 }
.product-info > .row{
    margin-right: -20px;
    margin-left: -20px;
}
 .product-info-holder{
    width: 18%;
    margin-top: 2px;
    display: inline-block;
    vertical-align: text-top;
 }
/*.product-info-holder .icon-write-review{
    color: #ea4335;;
    font-size: 46px;
}*/ /*arham on rar*/
.product-info-icons{
    text-align: center;
    padding-bottom: 6px;
}
.product-info-icons span{
    font-size: 24px;   
}
.photos,.menu,.product-summary,.reviews{
    width: 100%;
    overflow: hidden; 
    background-color: #ffffff;
    padding: 0 20px;
}
.photos-holder{
    height: 60px;
    width: 60px;
    position: relative;
    float:left;
    border: 1px solid #e5e5e5;
    margin: 0 7px 9px 0px;
    border-radius: 4px;
}
.photos-holder img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: contain;
  }
.photos-holder .more-photos{
    width: 60px;
    font-size: 17px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    
   }
.photos-holder .icon-upload-photo-camera{
    width: 60px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    top: 0;
    background-color: #242c42;
}
.photos-holder .icon-upload-photo-camera:before{
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}
.photos-holder .icon-upload-photo{
    position: absolute;
    top: 12px;
    right: 0;
    left: 0;
}
.photos-holder .add-photo-text{
    position: absolute;
    bottom: 5px;
    font-size: 8px;
    font-weight: 600;
    display: block;
    color: #fff;
    text-align: center;
    width: 100%;
}
/*.reviews{
    overflow: auto;
    background-color: #ffffff;
    border-bottom: 1px solid #cacaca;
    padding: 0 16px;
}*/
.lead-generate{
    background-color: #fff;
    padding: 0 20px;
}
.lead-generate .lead-generate-type {
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-transform: uppercase;
    color: rgba(36, 44, 66, 0.5);
}
.lead-generate .form-control {
    height: 36px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 2.4;
    border-radius: 0;
    color: #242c42;
    background-color: initial;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(36, 44, 66, 0.1);
}
.lead-generate select.form-control{
    color: rgba(36, 44, 66, 0.5);
}
.lead-generate select.form-control option{
    color: #333;
}
.lead-generate .has-error .form-control{
   border-color: #ff442c;
}
.lead-generate .quote{
    padding: 9px 12px;
    background-color: #ff595e;
    line-height: 2;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: 1px solid #e14449;
}
.lead-generate .success-text{
    margin: 8px 0;
    font-size: 13px;
    text-align: center;
    color: #44a512;
}
.contact-title1{
    padding-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
    color: #ff595e;
    word-break: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.rar-tabs{
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
}
.rar-tabs .row{
    margin: 0 20px;
    padding-bottom: 10px;
}
.rar-tabs > .row > .col-m-4{
    padding:0;
    width: auto;
}
.rar-tabs > .row > .col-m-4:first-child{
    padding-right: 15px;
}
.rar-tabs > .row > .col-m-4:nth-child(2){
    padding-right: 15px;
}
.rar-tabs .row .col-m-4 a{
    width: 100%;
    padding: 7px 15px;
    margin-right: 5px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 2px;
    display: block;
    line-height:1;
    text-decoration: none;
    border: solid 1px #cac9c9;
    color: #cac9c9;
}
.rar-tabs > .row > .col-m-4 > a.active{
    color: #44a512;
    border: 1px solid #4dbc16;
}
/*
.rar-tabs > .row > .col-m-4 > a:active{
    color: #44a512;
    border-bottom: 2px solid #44a512;
}
*/
.rar-tabs-font a:active{
    color:#44a512;
    border-bottom:1px solid #44a512;
}
.rar-tab-content{
    position: relative;
    min-height: 150px;
    /*background-color: #f5f5f5;*/
    /*overflow: auto;*/
    border-top: 8px solid #f5f5f5;
}
.review-holder{
    /*border-radius: 3px;*/
    background-color: #ffffff;
    /*box-shadow: 0 0 2px 0 #aeaeae;*/
    /*border-bottom: 8px solid #f5f5f5;*/
}
.rar-review-content{
    padding: 16px 20px 0 20px;
    /*border-bottom: 1px solid #cacaca;*/
}
.rar-review-info{
    padding: 0 20px 10px 20px;
}
.review-title{
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.profile-pic{
    width: 62px;
    height: 62px;
    flex-shrink: 0;
}
.profile-pic-holder{
    position: relative;
}
.profile-pic > a{
    display:block;
    position: relative;
}
.profile-pic a img {
    width: 62px;
    height: 62px;
    border-radius:100%;
    cursor: pointer;
}
.review-title .tooltip.right .tooltip-arrow{
    top: 20% !important;
    left: 0px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
}
.review-title .tooltip-inner{
    padding: 8px 16px;
}
.review-title .profile-pic-holder .tooltip-inner{
    min-width: 265px;
    padding: 8px 16px;
}
.review-title .tooltip.right {
    margin-left: 0;
    padding: 0 5px;
    top: 28px !important;
    display: block;
}
.review-title .tooltip-inner .badge-tooltip-text, .review-title .tooltip-inner a{
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}
.review-title .tooltip-inner .badge-tooltip-text, .review-title .tooltip-inner a{
    font-weight: 600;
}
.review-title .tooltip-inner .badge-tooltip-content{
    padding-bottom: 5px;
    font-weight: 500;
}
.review-title .tooltip-inner .badge-tooltip-text{
    padding-bottom: 5px;
}
.badge-tooltip-text .icon-close{
    margin-top: 2px;
    font-size: 10px;
    float: right;
}
.review-title .tooltip-inner a{
    /*padding: 4px;
    text-decoration: underline;*/
}
.profile-pic .user-badge{
    width: 30px;
    height: 30px;
/*    font-size: 24px;*/
    position:absolute;
    bottom: -1px;
    right: -7px;
}
.profile-pic .user-badge img{
    width: 100%;
    height: 100%;
}
.user-heading-name{
    padding-left: 20px;
    width: calc(100% - 66px)
}
.user-heading-name a{
    font-size: 17px;
    font-weight: 600;
    line-height: 1.53;
    word-break: break-word;
    word-wrap: break-word;
    color: #242c42;
}
.review-heading h1{
    margin: 0;
}
.review-heading a {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.24;
    vertical-align: middle;
    word-break: break-word;
    word-wrap: break-word;
    display: inline;
    color: #242c42;
}
.review-heading a:hover{
    color: #337ab7;
}
.user-rating-tags{
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
.review-heading{
    padding-bottom: 10px;
    display: inline-block;
}
.user-star-rating{
    margin-right: 10px;
    align-items: center;
    display: flex;
}
.user-star-rating .icon-star-rating,.user-star-rating .icon-half-star{
    font-size: 19px;
}
.user-star-rating .icon-star-rating:not(:last-child),.user-star-rating .icon-half-star:not(:last-child){
    margin-right: 3px;
}
.user-tags{
    padding-top: 2px;
    display: flex;
    align-items: center;
}
.usrname-time-read{
    width:100%;
}
.promoted-text{
   padding-bottom: 10px;
}
.promoted-text a{
    font-size: 13px;
    color: #999;
}

/*.usrname-time-read .icon-useful{
    font-size: 18px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #00e6f5, #1c8ef7);
    border-image-slice: 1;
}*/

.review-holder-green{
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #44a512;
}
.review-holder-grey{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.73;
    color: rgba(36, 44, 66, 0.6);
    vertical-align: middle;
    cursor: text;
}
.user-heading-name .user-id{
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #6d7278;
    /*flex-shrink: 0;*/
}
.user-heading-name .verified-icon{
    margin-left: 5px;
}
.review-ty{
    padding-top: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #4a90e2;
    font-size: 14px;
}
.flag-rev-resp{
    padding-top: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #ff595e;
}
.review-holder  .useful-not-very a  span{
    cursor:pointer;
    vertical-align: middle;
}
/*.dot-seperator{
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #999999;
    display: inline-block;
    margin-left: 5px;
    vertical-align: -1px;
}*/
.usrname-time-read{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.86;
    color: rgba(36, 44, 66, 0.6);
}
.user-heading-name .tooltip-inner {
    background-color: #242c42;
    white-space: nowrap;
}
.usrname-time-read .tooltip.bottom .tooltip-arrow {
    margin-left: -6px;
    border-bottom-color: #44a512;
}
.usrname-time-read .tooltip.in {
    opacity: 1;
}
.usrname-time-read .read-icon-holder span{
    vertical-align: middle;
}
/*.seperator{
    height: 1px;
    border-bottom: 1px solid #cacaca;
    margin-left: -12px;
    margin-right: -12px;
  }*/
.product-review-content{
    font-size: 17px;
    color: #242c42;
    font-weight: 500;
    line-height: 1.47;
    /*padding-bottom: 6px;*/
    word-wrap: break-word;
    word-break: break-word;
}
.flag-rev-text{
    padding-top: 12px;
    font-weight: 600;
    line-height: 1.86;
    text-align: right;
    color: #ff595e;
}
#flag-review button{
    background: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.86;
    color: #ff595ef;
}
#flag-review{
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
#flag-review .dropdown-menu{
    min-width: 100px;
    margin: 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.175);
    background: #fff;
    z-index: 1;
}
.dropdown-menu:before, .dropdown-menu:after {
    content: "";
    border-style: solid;
    position: absolute;
}
.dropdown .dropdown-menu:before {
    border-width: 11px;
    right: 36px;
    top: -22px;
    border-color: transparent transparent #cacaca transparent;
}
.dropdown .dropdown-menu:after {
    border-width: 10px;
    right: 37px;
    top: -20px;
    border-color: transparent transparent #fff transparent;
}
.dropup .dropdown-menu:before {
    border-width: 11px;
    right: 36px;
    top: 88px;
    border-color: #cacaca transparent transparent transparent;
}
.dropup .dropdown-menu:after {
    border-width: 10px;
    right: 37px;
    top: 87px;
    border-color: #fff transparent transparent transparent;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.read-more > span{
    font-size: 16px;
    font-weight: 500;
    color: #44a512;
    cursor:pointer;
}
.useful-not-very{
    padding-top: 10px;
    clear: both;
}
.useful-not-very .rating-icon{
    font-size: 22px;
    margin-right: 6px; 
}
.useful-not-very .rating-icon:last-child{
    margin-right: 14px;
}
.useful-not-very .review-holder-grey{
    padding-left: 5px;
}
.your-rating {
    background-color: #f4f4f4;
    padding: 10px 20px;
    overflow: auto;
    text-align: center;
}
/*.your-rating .profile-pic{
    padding-right: 15px;
}*/
.review-save-draft{
    padding: 2px 32px 10px 32px;
    border-radius: 3px;
    text-align: center;
    background-color: #f5f5f5;
}
.review-save-draft span{    
    padding-bottom: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #242c42;
}
.finish-your-review{
    padding: 9px 8px;
    margin: 0 auto;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    display: block;
    line-height: 2;
    border: 1px solid #4dbc16;
    letter-spacing: 0.5px;
    text-align: center;
    color: #44a512;
    text-transform: uppercase;
}
.rar-banner{
    margin: 12px 16px;
}
.rar-banner img{
    width: 100%;
    max-height: 280px;
}
.line {
    height: 50px;
    border-right: 1px solid #aeaeae;
    vertical-align: middle;  
    display: table-cell;
}
.updated-text{
    padding-top: 6px;
    font-size: 12px; 
    line-height: 1.58;
    text-align: center;
    color: #9b9b9b;
}
.profile-rating{
    padding-left: 15px;
    vertical-align: middle;
    display: table-cell;
}
.profile-rating > span{
    margin-right:10px;
}
.profile-rating > img:last-child{
    margin-right:0;
}
.more-reviews a{
    border: 1px solid #e14449;
    border-radius: 4px;
    background-color: #ff595e;
    padding: 9px 24px;
    text-align: center;
    display: block;
    letter-spacing: 0.5px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 2;
}
.more-reviews{
    background-color: #f4f4f4;
    padding: 2px 20px 10px 20px;
}
.rar-list .panel-group{
    border-bottom: 1px solid rgba(36, 44, 66, 0.1);
    margin-bottom: 0;
}
.rar-list .panel-default{
    border: none;
    box-shadow: none;
}
.rar-list .panel-body {
    padding: 0;
}
.rar-list .panel-default > a.collapsed:before {
    margin-top: 5px;
}
.rar-list .panel-default > a:before {
    margin-top: 5px;
}
.list-info{
    background-color: #ffffff;
}
.list-info .panel{
    box-shadow: none;
    border: none;
}
.list-info .panel-group .panel-default{
    margin: 0;
}
.list-info .panel-default > a.collapsed:before{
margin-top: 2px;
}
.list-info .panel-default > a:before{
margin-top: 2px;
}
.list-info .panel-group{
    margin: 0;
}
.info-holder-type{
    padding: 10px 5px;
    /*border-top: 1px solid #cacaca;*/
    display: block;
}
/*#listVarientsAccordion{
    border-top: 1px solid #cacaca; 
}*/

.info-type{
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    color: #44a512;
}
.info-holder-type .sel-category-btn{
    float: right;
    padding-top: 5px;
}
.info-holder-type .icon-next{
    color: #666666;
}
.review-readall-specs-app{
    padding: 0 5px !important;
}
.specificationtable tr:first-child td{
    padding-top: 0;
}
.main-table tr:first-child .review-readall-specs-app .review-title-specs_app{
    margin-top: 0px;
}
.list-info .panel-body{
    padding: 0;
}
.prod-more-list{
    list-style: none;
    font-size: 14px;
    line-height: 1.29;
    color: #333333;
}
.prod-more-list a{
    display: block;
}
.prod-more-list li{
    padding: 10px 5px;
    color: #242c42;
    font-weight: 500;
}
.prod-more-list a:not(:first-child) li{
    border-top: 1px solid #efefef;
}
.rar-list{
    margin: 0 16px;
}
#collapseTwo .content{
    padding: 0 4px !important;
}
.specificationtable tr{
   padding: 0 5px !important;
}

@media only screen and (max-width: 380px) { 
    .review-title .profile-pic-holder .tooltip-inner{
        min-width: 200px;
    }
}
/*========RAR ASIAN PAINTS CSS STARTS HERE========*/
/*.varients{
    padding: 10px 16px 0 16px;
    background-color: #ffffff;
}
.varients-title{
    margin: 10px 0 6px 0;
    font-weight: 500;
    color: #44a512;
}
.varients .icon-dropdown{
    padding-top: 3px;
    font-size: 18px;
    color: #666666;
}
.varients-content{
    list-style-type: none;
}
.varients-content-font:not(:last-child) { 
  font-size: 14px;
  line-height: 3;
  text-align: left;
  color: #333333;
  border-bottom: 1px solid #cacaca;
}
.varients-content-font:last-child{
  font-size: 14px;
  line-height: 3;
  text-align: left;
  color: #333333;
}*/
.more-prod-photos{
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(36, 44, 66, 0.1);
    background-color: #ffffff;
}
.more-photos-text{
    margin: 10px 0 6px 0;
    font-size: 19px;
    font-weight: 600;
    color: #44a512;
}
.more-prod-photos .icon-next{
    margin-top: 4px;
    color: #666666;
    font-size: 15px;
}
.more-prod-photos .svg-next{
    margin-top: 5px;
    background: url(../../App_Themes/SVG/expand.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
/*======== RAR ASIAN PAINTS CSS ENDS HERE ========*/


/*======== RAR AUTO CSS STARTS HERE ========*/
.information{
    background-color: #ffffff;
}
/*
.information  h1{
    margin: 10px 0 6px 0;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}
*/
.information-title{ 
    padding: 10px 16px;
    color: #44a512;
    font-weight: 500;
    background-color: #f4f4f4;
}
.information-holder{
    
}
.information-holder-type:last-child{
    width: 100%;
    padding: 11px 16px;
    border-top: 1px solid #cacaca;
    display: table;
}
.information-holder-type:not(:last-child){
    width: 100%;
    display: table;
    padding: 11px 16px;
    border-top: 1px solid #cacaca;
}
.information-type{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    color: #44a512;
}
.information-detail{
    width: 50%;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.29;
    color: #333333;
}
.approx-sign{
    vertical-align: sub;
}
.noreview-text,.noarchive-text{
    text-align: center;
    color: #999999;
    padding: 18% 16px;
}
/*======== RAR AUTO CSS ENDS HERE ========*/

/*======== RAR RESTAURANT CSS STARTS HERE ========*/
.product-info-icons .icon-been-here{
    color: #d0021b;
}
.product-info-icons .icon-write-review-active{
    color: #d75a4a;
}
#dvwritereview .product-info-font{
    color: #d75a4a;
}
.product-address{
    width: 100%;
    padding: 0 20px;
    background-color: #ffffff;
    display: table;
}
.address-info{
    width:90%;
        padding-right: 20px;
    display:table-cell;
    vertical-align: middle;
}
.address-text,.menu-text,.photos-text,summary-text, .review-text{
    margin: 0;
    padding-bottom: 8px;
    font-size: 19px;
    font-weight: 600;
    color: #44a512;
}
.review-text{
    color: #242c42;
}
.address-detail{
    font-size: 17px;
    font-weight: 500;
    line-height: 1.53;
    color: #242c42;
}
.address-info span{
    font-size: 14px;
    color: #999999;  
}
.product-google-maps{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.product-google-maps a{
    width: 50px;
    height: 50px;
    display: block;
    float: right;
}
.product-google-maps img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.restaurants-info{
    padding: 16px 16px 0;
    border-top: 1px solid #cacaca;
}
.restaurants-info h1{
    margin: 10px 0;
    font-size: 18px;
}
.restaurants-info .information-holder{
    display: block;
    padding-bottom: 18px;
}
.restaurants-info .information-type{
    width: 100%;
    display: block;
}
.restaurants-info .information-detail{
    width: 100%;
    display: block;
}
.restaurants-info .information-detail p{
    width: 100%;
    padding: 6px 0;
    display: block;
    text-align: left;
}
.info-title {
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    font-family: "proxima-soft","Varela Round",sans-serif;
    border-bottom: 1px solid #ddd;
}
/*======== RAR RESTAURANT CSS ENDS HERE ========*/



/*======== RAR MOVIE CSS STARTS HERE ========*/
.movie-content .icon-recommendation{
    font-size: 17px;
}
.movie-content .star-holder span{
    font-size: 18px;
}
.movie-banner{
    height: 145px;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
}
.movie-content{
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 11px 12px;
}
.movie-content .likes-text{
    color: #ffffff;
}
.movies-total-rev{
    font-size: 14px;
    color: #ffffff;
    float: right;
}
.movies-total-rev span{
    color: #ffffff;
    vertical-align: middle;
}
.movie-title{
    width: 100%;
    border-bottom: 1px solid #cacaca;
    background-color: #ffffff;
    position: relative;
    padding: 12px; 
}
.prod-movie-name{
    margin: 0;
    font-size: 17px;
    padding-bottom: 6px;
    line-height: 1.29;
    color: #333333;
}
.prod-movie-name a{
    font-size: 17px;
    line-height: 1.29;
    color: #333333;
}
.prod-movie-name a:hover{
    color: #44a512;
}
.prod-movie-details1,.prod-movie-details2{
    width: calc(100% - 48px);
    font-size: 12px;
    line-height: 1.17;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999999;
}
.prod-movie-details1{
    padding-bottom: 5px;
}
.movie-title .prod-total-rating{
    bottom: 8px;
}
.movies-information .information-detail{
    text-align: left;
}
/*======== RAR MOVIE CSS ENDS HERE ========*/



/*======== RAR CORPORATE CSS STARTS HERE ========*/
.verified-tag {
    font-size: 12px;
    background-color: #44a512;
    border-radius: 15px;
    color: #ffffff;
    padding: 0 6px;
    margin: 0 10px;
    vertical-align: middle;
}
/*======== RAR CORPORATE CSS ENDS HERE ========*/
.other-review-wrapper{
    color: #999999;
    padding: 0 16px 12px 16px;
}

/*======== main content ends here ========*/

/*======== rar page css ends here ========*/

/* ======== SUMMARY Start ======= */
.modal-content{
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}   
.modal-dialog{
    margin-top: 10px;
}
.summary-title{
    font-size: 17px;
    font-weight: 500;
    /*text-align: center;*/
    line-height: 1.53;
    color: #242c42;
    margin:8px 0;
}
.summary-ratings{
    overflow: hidden;
    margin: 0 -2px;
}
.product-ratings{
    /*padding-bottom:10px;*/
    text-align: center;
    clear: both;
}
.summary-ratings .rating{
    width: 50%;
    /* float: left; */
    padding: 0 6px 10px;
    display: inline-block;
    margin: 0 -2px;
}
.product-summary .rating-title{
    font-size: 13px;
    font-weight: 600;
    line-height: 2;
    color: rgba(36, 44, 66, 0.5);
    text-transform: uppercase;
}
.summary-ratings .rating-line .unrated{
    background-color: #d8d8d8;
}
.summary-ratings .rating-line{
    line-height: 1;
}
.summary-ratings .rating-line span{
    height:6px;
    width:17%;
    border-radius: 1px;
    display:inline-block;
    vertical-align: middle;
}
.product-ratings > .prod-rate-line > span{
    border-radius: 13px;
}
.product-ratings > .prod-rate-line > span > span {
    vertical-align: middle;
}
.product-ratings > .prod-rate-line > span > span:first-child{
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    margin-right: 4px;
}
.product-ratings .rating-title{
    text-align: left;
    padding-bottom: 10px;
}
/*.summary-ratings .rating-line > span:first-child,
.product-ratings > .prod-rate-line > span:first-child{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.summary-ratings .rating-line > span:last-child,
.product-ratings > .prod-rate-line > span:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}*/
/*
.summary-ratings .rating .rated{
    background-color: #42d1c3;
}
.summary-ratings .rating .rated{
    background-color: #fcaf3f;
}
.summary-ratings .rating .rated{
    background-color: #fa6545;
}
.summary-ratings .rating .rated{
    background-color: #f54a7f;
}
*/
.product-ratings > .prod-rate-line > span{
    height:26px;
    width:15%;
    max-width: 75px;
    display:inline-block;
    color:#fff;
    margin: 0 6px;
}
.product-ratings > .prod-perc-line > span{
    width:15%;
    max-width: 75px;
    font-size: 14px;
    color: #242c42;
    display:inline-block;
    margin: 10px 6px 0;
    font-weight: 500;
}

/*
.product-ratings > .prod-rate-line > span > span:last-child{
    vertical-align: middle;
}
*/
.product-ratings .rated1{
    background-color: #d0021b;
}
.product-ratings .rated2{
    background-color: #ff7c00;
}
.product-ratings .rated3{
    background-color: #50e3c2;
}
.product-ratings .rated4{
    background-color: #4dbc16;
}
.product-ratings .rated5{
    background-color: #44a512;
}
.prod-rate-line .white-star{
    font-size:16px;
    font-weight: 600;
    color:#fff;
}
/* ======== SUMMARY CSS End ======= */

/* ======== CLAIM BUSINESS CSS starts ======= */
.claim-business {
    padding: 0 20px;
    margin: 20px 0;
    text-align: center;
}
.claim-business .claim-business-img{
    margin: 10px 0;
}
.claim-business .claim-business-img img{

}
.claim-business .claim-business-title{
    padding-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.37;
    color: #242c42;
}
.claim-business .claim-business-text{
    padding-bottom: 11px;
    font-size: 16px;
    line-height: 1.63;
    color: #242c42;
}
.claim-business .claim-business-btn a{
    padding: 10px 20px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    background-color: #81209d;
    line-height: 2;
    border-radius: 3px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #ffffff;
}
/* ======== CLAIM BUSINESS CSS End ======= */

/* ======== Lead,getonroad,launch generation MODAL CSS starts ======= */
#getQuote .modal-head,#getLead .modal-head{
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
#getQuote .content,#getLead .content{
    height: 365px;
    overflow: auto;
}
.thank-quote .modal-head{
    padding-bottom: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #d2d2d2;
    }
.alert-danger {
    padding: 10px;
    margin: 0 6px 15px;
}
/* ======== Lead,getonroad,launch generation MODAL CSS ends ======= */


/* ======== RAR TIPS CSS STARTS ======= */
.tips-time-read{
    padding: 12px 0 8px 0;
}
.mt-10 {
    margin-top: 10px;
}
/* ======== RAR TIPS CSS End ======= */

.discontinued-img,.closed-img{
    width:100px;
    height: 100px;
}


/*======== Corporate write review Email OTP starts ========*/
#otpEmailVerifi,#otpmobilelVerifi .modal-dialog {
    margin-top: 10%;
}
#otpEmailVerifi .modal-body{
    padding: 20px;
}
#otpEmailVerifi .form-control{
    background-color: #fafafa;
    border: 1px solid #cacaca;
}
.otp-verify-tittle{
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #333333;
}
.verify-btn{
    width: 100%;
}
.verify-btn-text{
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}
.otp-sent-text{
    padding: 12px;
    font-size: 17px;
    line-height: 1.29;
    text-align: center;
    color: #333333;
}
.resent-otp-text{
    padding: 12px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #44a512;
}
/*======== Corporate write review Email OTP ends========*/

/*======== Corporate write review Mobile OTP starts========*/
#otpMobilelVerifi .modal-dialog {
    margin-top: 10%;
}
#otpMobilelVerifi .modal-body{
    padding: 20px;
}
#otpMobilelVerifi .form-control{
    background-color: #fafafa;
    border: 1px solid #cacaca;
}
/* ======== WRBUILDER MODAL CSS STARTS ======= */
#wrBuilderModal .wr-text{
    padding: 8px 0;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #333333;
}
.builder-city-list {
    max-height: 350px;
    overflow-y: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.builder-city-box{
text-align: center;
    margin-bottom: 15px;
    padding-bottom: 5px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.builder-city-box a {
    display: block;
}
.builder-city-box .builder-img {
    height: 100px;
    position: relative;
}
.builder-city-box .builder-img img {
position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
.builder-city-box .builder-name {
    height: 45px;
    padding-top: 10px;
    color: #333;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    font-size: 13px;
}
/* ======== WRBUILDER MODAL CSS End ======= */

/* ======== RAR TOP CAROUSEL START ========*/
#imageBanner {
    height: 210px !important;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
#imageBanner .image-close{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;    
}
.proj-descrip-banner {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 210px;
    position: relative;
}
.carouselDescripBanner {
    width: 100%;
}
.carouselDescripBanner .carousel-control{
    background-image: none;
}
.carouselDescripBanner .carousel-indicators{
    z-index: 10;
}
.carouselDescripBanner .item .item-img {
    height: 210px !important;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.carouselDescripBanner .item .item-img.product-logo-img{
    background-size: contain;
}
.proj-descrip-banner .default-img{
    height: 100%;
}
.proj-descrip-banner .default-img img{
    height: 210px !important;
    width: 100%;
}
.proj-descrip-banner .banner-top-icon {
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: right;
    padding-right: 10px;
}
.proj-descrip-banner .banner-top-icon .icon-holder {
    display: inline-block;
    vertical-align: middle;
    background-color: #333;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    margin-left: 10px;
    position: relative;
}
.proj-descrip-banner .banner-top-icon .icon-holder i {
    font-size: 25px;
}
.proj-descrip-banner .banner-top-icon .icon-holder > * {
    vertical-align: middle;
}
#carouselBanner .carousel-indicators li{
    background-color: #fff;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border: 1px solid #000;
    box-shadow: 0 0 5px 0 #000;
}
#carouselBanner .carousel-indicators .active{
    width: 10px;
    height: 10px;
}
/* ======== RAR TOP CAROUSEL END ========*/


/* ======== RECOMMENDED TOP ARTICLES STARTS ========*/
.opening-hours-holder .opening-hours-content:first-child {
    padding-right: 36px;
    width: 68px!important;
}
.pages-related-holder {
    margin: 0 16px 0px 16px;
}
.pages-related{
    padding:10px 5px
}
.pages-related-holder .pages-related-title {
   padding-bottom: 11px;
    font-size: 19px;
    font-weight: 600;
    color: #44a512;
}
.pages-related-holder .see-more{
    padding-top: 10px;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #44a512;
}
.recommend-top-pages {
    position: relative;
    margin-right: 10px;
    margin: 10px;
    height: 150px;
    min-width: 218px;
    max-width: 296px;
    position: relative;
}
 
.recommend-top-pages a {
    width: 100%;
    background-size: cover;
    background-position: center;
    min-height: 100%;
    position: relative;
    font-size: 15px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0 0 2px 0 #cacaca;
}

    .recommend-top-pages .recommend-top-text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 8px 12px 8px;
        font-weight: 500;
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),#000);
        text-align: center;
        color: #fff;
        height: 45%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* ======== RECOMMENDED TOP ARTICLES END ========*/


.review-share-btn{
    text-align: center;
}
.review-share-btn .share-pop-img img{
    width: 45px;
  /*  height: 45px;
    border-radius: 100%;
    background-color: #fff;*/
}
.review-share-btn .share-pop-img{
    display: inline-block;
    text-align: center;
}
.review-share-btn .share-pop-img:not(:first-child){
     margin-left: 2%;
}
    .share-review-btn span{
        vertical-align: middle;
    }
    .review-share-btn a{
        color: #fff;
    }
     .share-popup .icon-facebook-1 {
        color: #3a589b;
    }

    .share-popup .icon-twitter {
        color: #598dca;
    }

    .share-popup .icon-google-plus {
        color: #e34627;
        margin-right: 0 !important;
    }

    .share-popup .icon-mail {
        color: #404040 ;
    }
    /*.share-popup.transform {
            transform: scale(1);
        }*/
    .share-popup span {
            font-size: 30px;
        }
    .share-popup span:not(:last-child) {
        margin-right: 10px;
    }
    .share-popup{
        margin-top: 14px;
    }
    /*.share-popup:before {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-top: 13px solid rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: -26px;
        left: 9%;
    }
    .share-popup:after {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-top: 13px solid rgba(255, 255, 255, 0.95);
        position: absolute;
        bottom: -25px;
        left: 9%;
    }*/



































/*======== Corporate write review Mobile OTP ends========*/
 @media only screen and (max-width: 480px){
    .see-more {
        display: block;
        text-align: right;
        padding-top: 0px;
        float: none !important;
    }
}
@media only screen and (max-width: 380px) {
    .rar-tabs > .row > .col-m-4:first-child, .rar-tabs > .row > .col-m-4:nth-child(2) {
        padding-right: 8px;
    }

    .rar-tabs .row .col-m-4 a {
        padding: 5px 3px;
    }
}
@media only screen and (max-width: 375px) {
    .photos-holder{
         height: 50px;
         width: 50px;
    }
    .photos-holder .icon-upload-photo-camera {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
   .photos-holder img {
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }
   .photos-holder .more-photos{
        line-height: 50px;
        width: 50px;
   }
   .photos-holder .add-photo-text{
       display: none;
   }
}

@media only screen and (max-width: 360px){
    .product-logo{
        width: 102px;
    }
    .prod-rating-holder .likes-percent {
        margin-left: 0px;
    }
    /*.prod-rating-holder .votes-count{
        margin-left: 6px;
    }*/

}
@media only screen and (max-width: 350px){
    .review-holder-green{
        font-size: 13px;
    }
    .verified-icon{
        width: 16px;
        height: 16px;   
    }
    .review-holder-grey{
        font-size: 13px;
    }
    .read-more > span{
        font-size: 14px;
    }
    .builder-city-list {
        max-height: 280px;
    }
    .your-rating-star:not(:last-child){
        margin-right: 6px;
    }
     .summary-ratings .rating {
        width:100%;
    }
    .product-ratings > .prod-rate-line > span, 
    .product-ratings > .prod-perc-line > span{
        width:40px;
        margin: 0 3px;
    }
    .prod-rate-line .white-star{
          font-size: 14px;
    }   
    .photos-holder{
         height: 45px;
         width: 45px;
    }
    .photos-holder .icon-upload-photo-camera {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
   .photos-holder img {
        width: 45px;
        height: 45px;
        border-radius: 4px;
    }
   .photos-holder .more-photos{
        width: 45px;
        line-height: 45px;
   }
   .your-rating{
       padding: 10px 12px;
   }

}
@media only screen and (max-width: 320px) {
    .votes-count{
         margin-left: 7px;
    }
}

/*footer catogories*/

.seo-footer-holder a {
     font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    color: #666666;
}

.seo-footer-holder .list-url a {
     font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    color: #333333;
}
.cat-text-holder {
    font-size: 12px;
    line-height: 22px !important;
}

.cat-text-holder a:first-child {
    font-weight: 600;
    line-height: normal;
    font-size: 12px;
    color: #333333;
}

.cat-text-holder a:not(:first-child) {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    color: #666666;
}

.cat-text a {
    font-weight: 600;
    line-height: normal;
    font-size: 12px;
    color: #333333;
}















.review-container, .review-details {
    background-color: #fff
}

.review-heading, .review-prod-text {
    word-break: break-word;
    word-wrap: break-word
}

.rate-review-popup:after, .rate-review-popup:before, .share-popup:after, .share-popup:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid transparent;
    left: 9%
}

body {
    background-color: #eee;
    font-family: 'Inter', sans-serif !important;
}

.project-by-text a {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    color: #44a512
}

.review-container {
    margin: 10px 20px
}

    .review-container .rar-divider {
        margin: 12px -4px
    }

.notification-blue-wrapper {
    margin: 10px 0;
    padding: 14px;
    border-radius: 4px;
    border: 1px solid rgba(74,144,226,.5);
    background-color: rgba(74,144,226,.15)
}

    .notification-blue-wrapper .notification-text {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.54;
        color: #242c42
    }

        .notification-blue-wrapper .notification-text .no-text {
            color: #ff595e
        }

.rev-prod-text, .review-details > .review-info > .user-name {
    color: #44a512;
    font-size: 14px;
    font-weight: 500
}

.review-info {
    padding-bottom: 10px;
    display: flex;
    align-items: center
}

    .review-info > .user-star-rating {
        margin: 0;
        padding: 0 10px 0 0;
        display: flex;
        align-items: center
    }

.review-details > .review-info > .user-star-rating span {
    font-size: 18px
}

.user-star-rating .icon-half-star:not(:last-child), .user-star-rating .icon-star-rating:not(:last-child) {
    margin-right: 2px
}

.review-details > .review-info > .user-name {
    padding-right: 2px
}

.review-details > .review-info > .icon-read {
    font-size: 15px
}

.review-details > .updated-text {
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(36,44,66,.6)
}

.reviewed-on {
    padding-top: 10px
}

.grey-text {
    font-size: 14px;
    font-weight: 500;
    color: #999
}

.review-date {
    padding: 6px 0
}

.review-heading {
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.24;
    vertical-align: middle;
    display: inline-block;
    color: #242c42
}

.review-tabs .review-tab-btn a, .rr-rating-no-text, .tab-user-name {
    line-height: 1.73;
    font-size: 15px;
    font-weight: 500
}

.issue-resol-text span, .review-seen span, .review-tabs .review-tab-btn .review-tab-text, .rr-rev-next-prev a {
    vertical-align: middle
}

.featured-blog-tag {
    padding: 0 6px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    background-color: #4a90e2
}

.write-review-button {
    padding: 10px;
    margin-top: 12px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #ea4335;
    display: block
}

    .write-review-button .icon-write-review {
        float: left;
        font-size: 18px;
        color: #ea4335
    }

.write-review-font {
    color: #ea4335;
    font-weight: 500
}

.para-review {
    font-weight: 400
}

.review-prod-text b {
    font-weight: 700
}

.review-prod-text ol li {
    margin-left: 16px
}

.review-prod-text ul li {
    list-style: none
}

.review-prod-text br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 20%
}

.para-review p {
    font-size: 17px;
    line-height: 1.47;
    color: #242c42;
    font-weight: 400;
}

.issue-resol-text {
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    padding-top: 10px;
    text-align: right
}

.review-prod-photo a {
    height: 75px;
    width: 75px;
    position: relative;
    margin: 10px 10px 0 0;
    border-radius: 4px;
    float: left
}

    .review-prod-photo a img {
        height: 100%;
        width: 100%;
        border-radius: 4px
    }

.review-tabs > .row {
    margin: 0 -10px
}

.review-tabs .review-tab-btn {
    position: relative;
    padding: 0 7px;
    float: left;
    text-align: center
}

.like-comment-text {
    font-size: 11px;
    font-weight: 600;
    color: #505768
}

.review-tabs .review-tab-btn .copy-clipboard {
    width: 30px !important
}

.review-tabs .review-tab-btn a {
    color: rgba(36,44,66,.8);
    text-align: center;
    display: inline-block;
    height: 32px
}

.review-tabs .review-tab-btn .review-tab-icon {
    font-size: 22px;
    vertical-align: middle;
    color: rgba(36,44,66,.8);
    display: inline-block
}

.review-tabs .review-tab-btn .review-tab-color-icon {
    font-size: 22px;
    vertical-align: middle
}

.rr-rating-no > a {
    display: block;
    position: relative
}

.rr-rating-no .icon-next {
    margin-top: 4px;
    color: #333
}

.rr-rating-icons {
    display: block;
    float: left
}

    .rr-rating-icons > span {
        font-size: 22px
    }

        .rr-rating-icons > span:not(:last-child) {
            padding-right: 6px
        }

.icon-grey {
    color: rgba(36,44,66,.8)
}

.rr-rating-no-text {
    color: rgba(36,44,66,.8);
    margin-left: 5px
}

.rate-review-popup, .share-popup {
    position: absolute;
    left: 4px;
    top: -67px;
    width: 190px !important;
    padding: 12px;
    opacity: .95;
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,.3);
    text-align: center;
    transition: .25s ease-in;
    transform: scale(0);
    transform-origin: 30% 120%
}

.no-ratings-holder, .rating-tab-holder {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.rate-review-popup:before, .share-popup:before {
    border-top: 13px solid rgba(0,0,0,.3);
    position: absolute;
    bottom: -26px
}

.rate-review-popup:after, .share-popup:after {
    border-top: 13px solid #fff;
    position: absolute;
    bottom: -25px
}

.share-popup {
    margin-top: 0;
    left: inherit;
    right: -80px;
    width: 237px;
    transform-origin: 65% 100%;
    display:flex;
    justify-content:center;
    align-items:center;
        
}

    .share-popup:after, .share-popup:before {
        left: inherit;
        right: 44%
    }

    .rate-review-popup.transform, .share-popup.transform {
        transform: scale(1)
    }

    .rate-review-popup span, .share-popup span {
        font-size: 30px
    }

        .rate-review-popup span:not(:last-child), .share-popup span:not(:last-child) {
            margin-right: 10px
        }

    .share-popup .icon-facebook-1 {
        color: #3a589b
    }

    .share-popup .icon-twitter {
        color: #598dca
    }

    .share-popup .icon-google-plus {
        color: #e34627;
        margin-right: 0 !important
    }

    .share-popup .icon-mail {
        color: #404040
    }

.rating-tab-holder {
    height: 360px;
    padding: 0 20px;
    overflow: auto
}

.rating-tab-content {
    width: 100%;
    padding: 10px 0;
    display: table
}

.tab-profile-pic, .tab-user-name {
    display: table-cell;
    vertical-align: middle
}

.other-reviews, .rating-tab-content:not(:last-child) {
    border-bottom: 1px solid rgba(36,44,66,.1)
}

.tab-profile-pic {
    width: 43px;
    height: 43px;
    padding-right: 20px
}

    .tab-profile-pic img {
        width: 43px;
        height: 43px;
        border-radius: 100%
    }

.next-btn a, .prev-btn a, .tab-user-name {
    color: #242c42
}

.rr-comments-holder .comments-image-box, .uploaded-image-box {
    display: inline-block
}

.anchorclick .touch-edit-holder a, .user-name-id {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #44a512
}

.no-ratings-holder {
    height: 360px;
    position: relative
}

.no-ratings {
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    font-size: 13px;
    text-align: center;
    color: #999
}

#ratingsModal .nav-tabs > li, .home-appli .panel-group, .post-comment-input .form-group, .post-comment-input-response .form-group {
    margin-bottom: 0
}

#uploadPhotos .cust-modal-head {
    text-align: left
}

.upload-photo-text {
    padding-top: 5px;
    padding-bottom: 10px
}

.uploaded-image-holder {
    max-height: 166px;
    overflow: auto
}

.uploaded-image-box {
    position: relative;
    margin-right: 8px;
    margin-bottom: 15px
}

    .uploaded-image-box .uploaded-images, .uploaded-image-box .uploaded-images img {
        width: 68px;
        height: 68px;
        border-radius: 4px
    }

    .uploaded-image-box .cancel-btn {
        position: absolute;
        top: 5px;
        right: 6px;
        font-size: 11px;
        cursor: pointer;
        color: #fff
    }

.browse-photo-btn .btn {
    position: relative
}

.rr-rev-next-prev {
    padding-bottom: 12px;
    margin: 0 12px;
    border-bottom: 1px solid #dadcde;
    text-align: center
}

.prev-btn {
    float: left;
    margin-left: 5px
}

.next-btn {
    float: right;
    margin-right: 5px
}

.rr-total-revs {
    font-size: 15px;
    vertical-align: middle;
    color: #333
}

.rr-comment-no-text {
    padding: 10px 0;
    font-size: 17px;
    font-weight: 600;
    color: #44a512
}

.rr-comment-text, .rr-comments-text {
    font-size: 15px;
    word-break: break-word
}

.rr-comments-container-corp {
    background-color: #f5f9fd
}

    .rr-comments-container-corp .rr-comment-no-text {
        margin: 0;
        padding: 16px 0
    }

    .rr-comments-container-corp .rr-comments-holder {
        margin: 0
    }

    .rr-comments-container-corp .comments-image-box:not(:last-child) {
        margin-right: 16px
    }

    .rr-comments-container-corp .comments-image-holder img {
        width: 60px;
        height: 60px
    }

.rr-comments-holder {
    margin-bottom: 14px
}

.rr-comments-info {
    display: table;
    width: 100%
}

.rr-comments-userdetail, .rr-comments-userpic {
    display: table-cell;
    vertical-align: top
}

.rr-comments-userpic {
    padding-right: 15px;
    width: 48px
}

    .rr-comments-userpic a {
        display: block
    }

        .rr-comments-userpic a > img {
            width: 48px;
            height: 48px;
            border-radius: 100%;
            cursor: pointer
        }

.rr-comments-userdetail .user-name-badge-holder {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.user-name-badge-holder .rr-comment-green-text {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.47;
    word-break: break-word;
    color: #242c42
}

.user-name-badge-holder .user-name-badge {
    flex-shrink: 0;
    padding-right: 5px;
    display: inline-block;
    flex-grow: 1
}

.rr-comments-text {
    font-weight: 500;
    line-height: 1.5;
    color: #242c42
}

    .rr-comments-text p {
        word-break: break-word
    }

.rr-comment-text {
    word-wrap: break-word;
    color: #333
}

.anchorclick .touch-edit-holder, .rr-comment-time {
    margin-top: 10px
}

.rr-comments-holder .grey-text {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 2.6;
    color: rgba(36,44,66,.6)
}

.rr-comments-container .view-more {
    padding: 9px 0;
    margin: 16px 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
    border-radius: 3px;
    border: 1px solid #44a512;
    letter-spacing: .5px;
    color: #44a512 !important
}

.read-more-reviews {
    font-size: 16px;
    color: #44a512;
    padding: 15px 12px;
    text-align: center
}

.rr-post-btn, .rr-post-btn a {
    font-size: 15px;
    font-weight: 500;
    color: #44a512
}

.rr-post-ur-comments {
    padding: 10px 20px;
    margin: 0 -20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(36,44,66,.1);
    background-color: #f3f3f3
}

.rr-comments-container-corp .post-comment-input {
    width: calc(100% - 80px)
}

.post-comment-input, .post-comment-input-response {
    flex-grow: 1
}

    .post-comment-input textarea, .post-comment-input-response textarea {
        resize: none;
        background-color: #fff;
        box-shadow: none
    }

        .post-comment-input textarea::placeholder {
            font-size: 15px;
            font-weight: 500;
            color: #242c42
        }

        .post-comment-input-response textarea::placeholder {
            font-size: 15px;
            font-weight: 500;
            color: #242c42
        }

.rr-post-btn {
    display: flex;
    margin-left: 12px
}

    .rr-post-btn img {
        margin: 0 10px
    }

.rar-banner {
    margin: 12px 16px
}

#ratingsModal .modal-body {
    padding: 0
}

#ratingsModal .nav-tabs {
    border-bottom: 0;
    padding: 0;
    display: block;
    margin: 0 auto;
    background-color: #f3f3f3;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

#ratingsModal ul.nav li {
    text-align: center;
    width: 33.33%
}

    #ratingsModal ul.nav li a {
        padding: 18px 20px;
        font-size: 14px;
        font-weight: 600;
        border: 0;
        line-height: 1;
        white-space: nowrap;
        background-color: initial
    }

    #ratingsModal ul.nav li:nth-child(2n) a {
        border-top: 0;
        border-bottom: 0
    }

.other-reviews .other-reviews-title {
    padding: 10px 0;
    font-size: 19px;
    font-weight: 600;
    color: #44a512
}

.other-reviews .rr-more-reviews a {
    padding: 9px 0;
    margin: 10px 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
    border-radius: 3px;
    border: 1px solid #44a512;
    letter-spacing: .5px;
    color: #44a512 !important;
    display: block;
    text-transform: uppercase
}

.other-reviews .other-rev-divider {
    height: 1px;
    margin: 10px 0;
    background-color: rgba(36,44,66,.1)
}

.custom-accordian-arrow.collapsed:after, .custom-accordian-arrow:after {
    content: "";
    background: url(/App_Themes/SVG/expand.svg) 0 0/contain no-repeat;
    width: 18px;
    height: 18px
}

.rr-accordian-main {
    margin: 0 20px;
    border-bottom: 1px solid rgba(36,44,66,.1)
}

.custom-accordian-arrow {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .custom-accordian-arrow:after {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        flex-shrink: 0
    }

    .custom-accordian-arrow.collapsed:after {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        flex-shrink: 0
    }

.rr-accordian-holder {
    padding: 0 20px;
    margin: 0 -20px 12px
}

#reviewRateModal .modal-dialog {
    margin-top: 50%
}

#CommentPopup .modal-dialog, #RatingPopup .modal-dialog {
    top: 170px
}

.thick-divider {
    border-bottom: 8px solid #f5f5f5
}

.notification-blue-wrapper @media only screen and (max-width:360px) {
    padding: 18px 12px
}

.rate-review-btn .icon-not-useful, .rate-review-btn .icon-useful, .rate-review-btn .icon-very-useful {
    vertical-align: middle;
    font-size: 22px
}

@media only screen and (max-width:414px) {
    .cc-picker-code-filter, .cc-picker-code-list {
        position: absolute;
        border: 1px solid #dad8d8;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        width: 86% !important
    }

    .cc-picker-code-list {
        list-style: none;
        padding: 1px;
        max-height: 200px;
        overflow-y: scroll;
        background-color: #fff
    }

    .cc-picker-code-filter {
        padding: 12px;
        top: 540.844px;
        left: 29px
    }
}

@media only screen and (width:768px) {
    .cc-picker-code-filter, .cc-picker-code-list {
        position: absolute;
        border: 1px solid #dad8d8;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px
    }

    .cc-picker-code-list {
        list-style: none;
        padding: 1px;
        max-height: 200px;
        overflow-y: scroll;
        background-color: #fff
    }

    .cc-picker-code-filter {
        padding: 12px;
        top: 518.844px !important;
        left: 101px !important;
        width: 74% !important
    }

    .cc-picker-code-list {
        top: 561.844px !important;
        left: 100px !important;
        width: 74% !important
    }
}

@media only screen and (width:540px) {
    .cc-picker-code-filter, .cc-picker-code-list {
        position: absolute;
        border: 1px solid #dad8d8;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px
    }

    .cc-picker-code-list {
        list-style: none;
        padding: 1px;
        max-height: 200px;
        overflow-y: scroll;
        background-color: #fff
    }

    .cc-picker-code-filter {
        padding: 12px;
        top: 518.844px !important;
        left: 101px !important;
        width: 89% !important
    }

    .cc-picker-code-list {
        top: 561.844px !important;
        left: 100px !important;
        width: 89% !important
    }
}