.team-header-thumb .post-thumbnail img {

    width: 100%;

}



/* Team header block */



.stars-container {

    position: relative;

    display: inline-block;

    color: transparent;

    white-space: nowrap;

    width: 87px;

    font-size: 20px;

}



.stars-container:before {

    position: absolute;

    top: 0;

    left: 0;

    content: '★★★★★';

    color: #ffffff;

    opacity: 0.5;

}



.stars-container > div {

    position: absolute;

    top: 0;

    left: 0;

    color: #f6996a;

    overflow: hidden;

}



.team-header{

    position: relative;

}



.team-header-title {

    width: 100%;

    background: rgba(51,51,51,.9);

    color: #ffffff;

    z-index: 2;

    position: absolute;

    bottom:0;

    padding: 24px 24px;

}



.team-header-title h1 {

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.team-author {

    font-weight: 700;

}



.team-author a {

    color: #f6996a;

    opacity: 1;

}



.team-author a:hover,

.team-author a:focus {

    color: #f6996a;

    opacity: 0.5;

}



.team-date,

.stars-container,

.team-author {

    float: left;

    line-height: 24px;

    margin-right: 10px;

}



.team-score {

    position: absolute;

    z-index: 2;

    top: 30px;

    left: 0;

    width: 90px;

    text-align: center;

    font-weight: 700;

    font-size: 28px;

    font-size: 2.8rem;

    line-height: 1;

    color: #F26722;

}



.team-out-of-score {

    font-size: 10px;

    font-size: 1rem;

    font-weight: 300;

    line-height: 1;

    text-align: center;

    color: #ffffff;

}



/* Team categories */



.team-categories ul {

    list-style: none;

    overflow: hidden;

    margin: 24px 0 0 0;

}



.team-categories li {

    float: left;

    margin-right: 10px;

}



.team-categories li a {



}



.team-categories li a:hover,

.team-categories li a:focus {



}



/* Team after content block */



.proscons {

    padding-top: 24px;

    padding-bottom: 24px;

    margin-bottom: 24px;

    background-color: #dbddde;

    color: #686868;

    position: relative;

}



@media (min-width: 992px) {



    .proscons:before {

        content: '';

        display: block;

        height: 50%;

        width: 1px;

        border-right: 1px solid #cccccc;

        position: absolute;

        top: 24px;

        right: 50%;

    }



    .proscons:after {

        content: '';

        display: block;

        height: 50%;

        width: 1px;

        border-right: 1px solid #cccccc;

        position: absolute;

        bottom: 24px;

        right: 50%;

    }



    .proscons > .row > .col-md-6 {

        padding-left: 24px;

        padding-right: 24px;

    }



}



.proscons-title {

    font-size: 18px;

    font-size: 1.8rem;

    font-weight: 700;

    line-height: 1.3334;

    text-transform: uppercase;

    padding-bottom: 24px;

    color: #333333;

}



.member-cons .member-data,

.member-pros .member-data {

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: 400;

    line-height: 1.7143;

    color: #333333

}



@media (max-width: 991px) {



    .member-cons .proscons-title {

        padding-top: 24px;

        margin-top: 24px;

        border-top: solid 1px #cccccc;

    }



}



.proscons .fa-thumbs-up {

    color: #369049

}



.proscons .fa-thumbs-down {

    color: red;

}



/* Conclusion */



.conclusion-header {

    padding: 6px 30px 5px 30px;

    background-color: #999999;

    color: #ffffff;

}



.entry-content .conclusion-header h3 {

    display: inline-block;

    margin: 0 5px 0 0;

    padding: 0;

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.875;

    text-transform: uppercase;

}



.conclusion {

    position: relative;

    padding: 60px 60px 60px 180px;

}



.conclusion.cct-norating {

    padding-left: 60px;

}



.conclusion:before {

    content: '';

    display: block;

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background-color: rgba(51,51,51,.85);

    z-index: 0;

}



.conclusion .member-conclusion {

    position: relative;

    z-index: 1;

    color: #ffffff;

}



.conclusion .conclusion-title {

    font-size: 28px;

    font-size: 2.8rem;

    font-weight: 700;

    line-height: 1.0715;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.conclusion .member-data {

    font-size: 20px;

    font-size: 2rem;

    font-weight: 400;

    line-height: 1.5;

}



.proscons .member-data br {

    display: block;

    content: ' ';

    margin-top: 12px;

}



/* Test */



.circle {

    position: absolute;

    top: 60px;

    left: 20px;

    width: 90px;

    height: 90px;

}

.circle svg {

    position: absolute;

    width: 100%;

    height: 100%;

}

.circle svg.circleFill {

    z-index: 1;

    stroke-dasharray: 322;

    stroke-dashoffset: 322;

    -webkit-transition: all 3s;

    transition: all 3s;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

.circle svg.circleFill.filled {

    stroke-dashoffset: 38.5;

}

.circle svg.circleTrack {

    z-index: 0;

}