﻿.tp-box a.footer,
.tp-box h2 {
    background: #DDD;
    font-weight: 700
}

h3:first-letter,
p:first-letter {
    text-transform: capitalize
}

.blue-box {
    padding: 10px!important
}

.blue-box h3.tp-heading {
    font-weight: 900;
    overflow: hidden;
    max-height: 47px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    
}

.blue-box span.tp-desc {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    max-height: 90px;
    display: block;
    margin-top: 8px;
    
}

.blue-box .tp-link {
    font-size: 12px;
    color: #fff;
    -moz-opacity: .6;
    opacity: .6;
    text-transform: uppercase;
    float: right;
    
}

.blue-box .tp-link:HOVER {
    color: orange
}

.tp-desc {
    margin-bottom: 10px
}

.blue-box .tp-ownername {
    float: left;
    font-size: 10px;
    padding: 0;
    font-weight: 700;
    margin: 0;
    font-style: italic;
    color: #fff
}

.blue-box .tp-date {
    color: #fff
}

.tp-box {
    font-family: sans-serif;
    font-size: 11px;
    -moz-border-radius-topleft: 5px;
    border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius-bottomleft: 5px;
    display: block;
    -webkit-border-radius: 5px
}

.tp-box header {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-radius-topright: 5px;
    text-align: center;
    padding: 6px 10px 12px
}

.tp-box header h1 {
    font: 700 2.182em/1.255em sans-serif;
    margin: 0
}

.tp-box header p.review-count {
    margin: 5px 0 0
}

.tp-box h2 {
    font-size: 1.273em;
    color: #444;
    padding: 5px 10px
}

.tp-box section.reviews {
    display: block;
    height: none;
    overflow-y: auto;
    margin: 0 0 25px;
    padding: 10px 10px 0
}

.tp-box section.reviews article {
    border-bottom: 1px solid #DDD;
    margin: 0 0 15px;
    padding: 0 0 10px
}

.tp-box section.reviews article a {
    color: #CE5600
}

.tp-box section.reviews article:last-child {
    border-bottom: none;
    margin: 0
}

.tp-box time {
    display: block;
    float: right;
    -moz-opacity: .6;
    opacity: .6;
    position: relative;
    top: -2px;
    text-transform: lowercase;
}

.tp-box h3 {
    clear: both;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 0 0;
    font-family: Montserrat, sans-serif
}

.tp-box p.desc {
    padding: 0 0 8px
}

.tp-box img.user-img {
    float: left;
    padding: 0 6px 0 0
}

.tp-box p.author {
    position: relative;
    font-style: italic;
    top: -2px
}

.tp-box a.footer {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius-bottomleft: 5px;
    font-size: 11px;
    width: 100%;
    padding: 0 0 4px;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    text-decoration: none
}

.tp-box a.footer span {
    display: inline-block;
    float: left;
    margin: 5px 0 0
}

.tp-box a.footer span.trust {
    color: #000;
    margin: 5px 0 0 4px
}

.tp-box a.footer span.pilot {
    color: #444
}

.tp-box a.footer span.logo {
    background: url(/img/Trustpilot/icon_flat_transparent_mini.png) no-repeat;
    height: 12px;
    margin: 6px 0 0 10px;
    width: 12px
}

.tp-box div.clear {
    clear: both;
    font-size: 1px
}

.tp-wrapper {
    margin: 0 0 0 5px
}

.tp-wrapper .tp-header {
    margin: 7px 0
}

.tp-header .tp-rating {
    float: left
}

.tp-header .tp-rating img {
    display: block!important
}

.tp-header .tp-date-wrapper {
    float: right
}

.tp-date-wrapper .tp-date {
    font-size: 10px;
    display: inline-block;
    float: right;
    -moz-opacity: .6;
    opacity: .6
}

.tp-info .tp-heading {
    background: 0 0;
    margin-bottom: 0;
    min-height: 0;
    clear: both;
    color: #444;
    font-size: 13.3px;
    font-weight: bold;
    padding: 6px 0 0;
    font-family: inherit;
    border-bottom: 0
}

.tp-info .tp-desc {
    line-height: 16px;
    font-size: 10px;
    color: #444
}

.clear {
    clear: both
}

.tp-footer .tp-user-icon {
    float: left
}

.tp-footer .tp-user-thumb {
    display: block!important
}

.tp-owner .tp-ownername {
    float: left;
    vertical-align: middle;
    line-height: 16px;
    font-size: 10px;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    font-style: italic
}

@media all and (max-width:1024px) {
    .tp-header .tp-date-wrapper {
        float: left;
        margin-left: 15px
    }
}

@media all and (max-width:640px) {
    .tp-date-wrapper .tp-date,
    .tp-header .tp-date-wrapper,
    .tp-header .tp-rating {
        text-align: center;
        float: none
    }
    .tp-header .tp-rating img {
        display: inline-block!important
    }
    .tp-footer .tp-user-icon,
    .tp-owner .tp-ownername {
        float: none
    }
}
