/*
        Copyright PRO TV S.A. All rights reserved.
        Author: Sabin Tudor
        Contact: sabin.tudor@protv.ro
*/

@import url('bootstrap.css');
@import url('animate.css');

/* FONTS */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext');
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&subset=latin,latin-ext');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'); /* ICONS */

body {
    font-family: "Open Sans", sans-serif;
    background: #eee!important;
    background-color: #eee!important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

h1 {
    position: relative;
    margin-top: 0;
}

h2 {
    font-size: 24px;
}

h2 span {
    font-weight: 400;
}

h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #242728;
}

h3 a {
    color: #242728;
}

h4 {
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: 400;
}

h4 a {
    color: #242728;
}

.navbar-toggle {
    margin-top: 32px;
}

.breadcrumb {
    position: relative;
    padding: 15px 15px 15px 15px;
    margin: 0;
    background: none;
}

.pane {
}

.white-pane {
    background: #fff;
}

.black-pane {
    background: #000;
}

.social-media-pane {
    padding: 40px 0 30px 0;
}

.navbar {
    border: 0;
}

.navbar-default {
    margin: 0;
}

.navbar-inverse {
    background: #ffb537;
    margin-bottom: 0px;

    /* TEMP DISABLE */
    /*background: url(../images/header.jpg) no-repeat 39% center #242728;*/
}

.ora-difuzare {
    position: absolute;
    top: 22px;
    left: 220px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.ora-difuzare span.row1 {
    display: block;
    font-size: 25px;
    line-height: 25px;
}

.ora-difuzare span.row2 {
    display: block;
    font-size: 18px;
    line-height: 18px;
}

.ora-difuzare span.ora {
    display: block;
    font-size: 31px;
    line-height: 26px;
}

.branding-cosmote {
    width: 85px;
    height: 53px;
    display: block;
    position: absolute;
    top: 20px;
    left: 28%;
    background: url(../images/branding-cosmote.png) no-repeat 0 0;
}

.logo-protv {
    width: 70px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/logo-protv.png) no-repeat center center;
}

.search-button {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    background: url(../images/search.png) no-repeat center center;
}

.logo {
    display: block;

    width: 101px;
    height: 95px;

    background: url(../images/lasfierbinti/logo-fierbinti.png) no-repeat center center;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.navbar-inverse .navbar-nav > li > a {
    font-size: 18px;
    color: #000;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}

.navbar-inverse .navbar-nav {
    padding: 22px 0;
}

.search-protv {
    width: 300px;
    display: none;
    padding: 0 15px 0 0;
}

.container {
    max-width: 1000px;
}

.main-article {
    position: relative;
}

.main-article img {
    width: 100%;
    height: auto;
}

.main-article h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    background: url(../images/gradient.png) repeat-x 0 0;
}

.main-article h1 a {
    color: #fff;
}

.article-box {
    padding: 0 0 20px 0;
}

.article-box a {
    position: relative;
    display: block;
}

.item-image {
    display: block;
    position: relative;
}

span.play-button {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    background: rgba(36,39,40,0.8);
}

span.play-button span.glyphicon {
    margin: 18px 0 0 20px;
    font-size: 30px;
    color: #fff;
}

a.item-image:hover span.play-button {
    background: #242728;
}

.item-meta {
    display: block;
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #858585;
}

.article-date {
    position: relative;
    padding: 0 0 20px 0;
}

.white-pane.article {
    padding-top: 15px;
}

.article-image {
    position: relative;
    padding: 0 0 10px 0;
}

.article-image img {
    width: 100%;
    height: auto;
}

.ed-image {
    padding: 30px 0 0 0;
}

.lead {
    margin-top: 20px;
}

.article-text img {
    width: 100%;
    height: auto;
    margin: 10px 0 30px 0;
}

.article-text iframe {
    width: 100%;
}

.fluid-width-video-wrapper {
    overflow: hidden;
}

.video-player {
    width: 960px;
    height: 540px;
    position: relative;
    margin: 15px 5px 0 5px;
}

#videoPlayer {
    width: 98% !important;
    height: 540px;
    position: relative;
    display:block;
    margin:0 auto;
}

.video-overlayer {
    top: 444px;
    left: 170px;
    width: 600px;
    height: 70px;
    position: absolute;
    background: transparent;
    visibility: hidden;
    overflow: hidden;
}

.white-row {
    clear: both;
    padding: 15px 0;
    margin: 0 0 20px 0;
    background: #fff;
    overflow: hidden;
}

.rebel-mouse-container {
    padding: 0 0 20px 0;
}

.padding-box {
}

.padding-box h3 {
    margin-bottom: 10px;
}

.padding-box.border-left {
    padding: 10px 0 10px 20px;
    border-left: solid 2px #eee;
}

.border-left div {
    padding: 5px 0 5px 0;
}

.broadcast {
    font-size: 16px;
    color: #858585;
    font-weight: 600;
}

.comments-list {
    padding: 20px 0 0 0;
}

.comment {
    padding: 10px 0;
}

.comment-name {
    font-size: 18px;
    font-weight: 700;
}

.comment-name span {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.comment-text {
    padding: 5px 0 15px 0;
    border-bottom: solid 1px #ccc;
}

.dezbatere .contents {
    padding: 0 0 30px 0;
}

.row.related {
    padding-top: 15px;
}

.nav-pills {
    margin: 0 0 20px 0;
}

.image-gallery-image {
    display: block;
    margin: 0 0 20px 0;
    cursor: pointer;
}

.banner300 {
    padding: 30px 0;
}

span.eliminat {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: url(../images/eliminat.png) no-repeat center center rgba(0,0,0,0.5);
}

.share-buttons {
    clear: both;
    padding: 20px 0;
    overflow: hidden;
}

.share-buttons div {
    float: left;
    padding: 0 10px 0 0;
}

.footer-social-media {
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.social-media-pane {
    text-align: center;
}

.social-media-pane a {
    width: 35px;
    height: 34px;
    display: inline-block;
    margin: 0 5px;
    background: url(../images/social-media-icons.png) no-repeat 0 0;
}

a.facebook-round-button {
    background-position: 0 0;
}

a.twitter-round-button {
    background-position: -35px 0;
}

a.instagram-round-button {
    background-position: -70px 0;
}

.program {
    padding: 20px 0 10px 0;
    color: #fff;
    background: #242728;
}

.program li {
    padding: 0 0 0 25px;
    font-weight: bold;
    text-align: left;
}

.program li.program-label {
    padding: 0 0 0 15px;
}

.program li span {
    font-weight: normal;
}

.program li a {
    color: #fff;
}

.footer .nav {
    padding: 10px 0 0 0;
}


.cosmote-branding{
    border:3px solid #95c11c;
    margin:10px 0px 0px;
    padding:0px;


}
.cosmote-branding .inside{
    padding:10px;
}
.logo-cosmote-side {

    display: block;
    height: 120px;
    width: 500px;
    margin-top: 10px;
    margin-left: -15px;
    background: url(../images/branding/branding-cosmote.png) center center no-repeat scroll #95c11c;
}
.logo-cosmote-side-art {

    display: block;
    height: 120px;
    width: 667px;
    margin-top: 10px;
    margin-left: -15px;
    background: url(../images/branding/branding-cosmote.png) center center no-repeat scroll #95c11c;
}
.logo-cosmote-inner {

    display: block;
    height: 120px;
    width: 100%;
    background: url(../images/branding/branding-cosmote.png) center center no-repeat scroll #95c11c;
    display: none;
}


.brandingVideoPlayer{
    border: 3px solid #80bd01;
    margin-top:15px;
    padding-bottom: 10px;

}
.brandingVideoPlayer a { display:block; margin-top:10px;}
.brandingVideoPlayer a img { display:block; width:100%; }


/* ############################################################################ //
// ########## VOCEA ROMANIEI ################################################## //
// ############################################################################ */

/* POSITIONING helpers */
.translateCenter {
    position:  absolute;
    top:       50%;
    left:      50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.positionCenter {
    margin: auto;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

/* DECORATIONS helpers */
.hexa {
    background: url(../images/lasfierbinti/bg-porumb.png) no-repeat bottom center #abc0e9;

    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #dbdbdb;
}

.vocea-red { color: #ed1b24; }

.dot-border { border: 1px dashed #bdc3c7; }

/* ---------------------------------------------------------------------------- //
// ---------- HEADER EMISIUNE  ------------------------------------------------ //
// ---------------------------------------------------------------------------- */
.header-emisiune {
    position: relative;
    max-height: 430px;
    overflow: hidden;

    background-image: url(../images/lasfierbinti/bg_header.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #000 !important;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wrapper-emisiune {
    width: 100%;
    height: 100%;

    max-width: 1280px;

    margin: 0px auto;
}

.header-emisiune .box-wrapper {
    height: 100%;
    position: relative;
}

.header-emisiune .box-juriu {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
}

.header-emisiune .box-cta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    padding: 30px 30px;
    margin: 20px 0px;

    background: rgba(0, 0, 0, 0.8);

    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
}

.header-emisiune .box-cta .tag-line {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
}
.header-emisiune .box-cta .tag-line > span { color: #ffb537; }

.header-emisiune .box-cta .message-line {
    font-weight: 300;
    line-height: 1.2;

    margin: 10px 0px 30px;
}
.header-emisiune .box-cta .message-line a { color: #fff; }

.header-emisiune .box-cta .btn {
    display: none;
    background: none;

    text-transform: uppercase;
    font-weight: 300;
    color: #fff;

    border-color: #656565;
}
.header-emisiune .box-cta .btn:hover { color: #000; background: #fff; border-color: #fff; }
.header-emisiune .box-cta .btn > span.glyphicon { margin-right: 8px; }

/* ORA difuzare */
.ora-difuzare { font-weight: 300; }
.ora-difuzare .ora { font-weight: 400; }


/* ---------------------------------------------------------------------------- //
// ---------- SECTIONS  ------------------------------------------------------- //
// ---------------------------------------------------------------------------- */

section { padding: 40px 0px; }

/* TAG */
section .tag {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;

    color: #000;

    margin-bottom: 40px;

    text-align: center;
}
section .tag > span { color: #ed1b24; font-weight: 700; }

/* MAIN VIDEO */
section.main-video {
    padding: 30px 0px 40px;
}

section.main-video .media-content {
    position: relative;
    padding: 20px 15px;

    overflow: hidden;
}
section.main-video .video-player { width:100%; height:100%; margin: 0px; }
section.main-video #videoPlayer { height: 287px; }

section.main-video h1 { margin-bottom: 30px; text-align: center; padding:10px 15px 0px; }
section.main-video .media-content .comments-box h2 { margin: 0px 0px 20px; }
section.main-video .media-content .comments-box .btn-trimite { display: block; margin: 0px auto; }

section.main-video .media-content .comments-box .form-control { border-color: #ddd; box-shadow: none; }
section.main-video .media-content .comments-box .form-control:focus { border-color: #ff8f94; }

section.main-video .media-content .comments-box .icon-comments {
    color: #e8e8e8;
    font-size: 70px;
    font-size: 7rem;

    position: absolute;
    top: -10px;
    right: -10px;
}

/* MORE VIDEOS */
section.main-video .more-videos { margin-top: 35px; }

/* PLAY BTTNs */
span.play-button {
    text-align: left;

    -webkit-transform:  rotate(45deg);
    -moz-transform:     rotate(45deg);
    -ms-transform:      rotate(45deg);
    -o-transform:       rotate(45deg);
    transform:          rotate(45deg);
}

span.play-button span.glyphicon {
    -webkit-transform:  rotate(-45deg);
    -moz-transform:     rotate(-45deg);
    -ms-transform:      rotate(-45deg);
    -o-transform:       rotate(-45deg);
    transform:          rotate(-45deg);
}

a.item-image:hover span.play-button { background: rgba(255,181,55, 0.9); }

/* CHANNEL BTTNs */
.buttons-channels { padding:20px 0; }
.buttons-channels a {
    display: block;

    padding: 10px 0px;
    margin: 0px 10px 3px;

    background: #ecf7ff;

    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    text-align: center;

    border: 1px solid #cde0ed;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.buttons-channels a:hover{
    background: #e4f0f9;
    text-decoration: none;
}

/*
    TOP VIDEO / MOST VIEWED CAROUSEL
*/
section.most-viewed {
    /*max-height: 400px;*/
    overflow: hidden;

    background-color: #ffb537;
    background-position: center center;
    /*background: url(../images/vocea/bg_topvideo.png) no-repeat center center #a2170d;*/

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: lightblue;
}
section.most-viewed .tag,
section.most-viewed .tag span { color: #000; }

section.most-viewed .tag .pull-right { float: none !important; }
section.most-viewed .tag a {
    /*display: block;*/
    text-transform: uppercase;

    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    color: #000;
}

/* CAROUSEL */
section.most-viewed .carousel {
    margin-bottom: 0;
    padding: 0px 0px 40px;
}

/* Controls */
section.most-viewed .carousel-control {
    width: 40px;
    height: 40px;

    font-size: 40px;
    font-size: 4rem;
    line-height: 1;

    opacity: 0.4; /* layer alpha */
    color: #fff; /* text color */

    background: none;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); /* drop shadow */

    top: initial;
    bottom: -20px;
}
section.most-viewed .carousel-control.left { left: 20px; }
section.most-viewed .carousel-control.right { right: 20px; }
section.most-viewed .carousel-control:hover { color: #fff; opacity: 1; }

/* Indicators */
section.most-viewed .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
section.most-viewed .carousel-indicators li { background: transparent; border-color: #000;}
section.most-viewed .carousel-indicators .active { background: #000;; }

/* Items */
section.most-viewed .carousel .carousel-inner { text-align: center; }
section.most-viewed .carousel .article-box { display: inline-block; width: 100%; }

section.most-viewed .carousel .article-box h3 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; }
section.most-viewed .carousel .article-box h3,
section.most-viewed .carousel .article-box h3 a { color: #000; font-weight: 300; }

section.most-viewed .article-box > a > img {
    border: 1px solid #000;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
section.most-viewed .article-box > a:hover > img {
    border-color: #fff;

    -moz-box-shadow: 0 5px 15px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0, 0.2);
    box-shadow: 0 5px 15px rgba(0,0,0, 0.2);
}


/*
    ULTIMELE STIRI
*/
section.ultimele-stiri { }


.inner-dot { 
    padding:15px;
}
.dot-margin{
    margin: 10px auto;
}
.radius15 {
    border-radius: 15px;
    overflow:hidden;

}
.radius15 img { width: 100%; }
.ultima-stire {
    background: none repeat scroll 0 0 #ff4c4c;
    color: #ffffff;
    font-size: 12px;
    left: -5px;
    padding: 5px;
    position: absolute;
    top: 20px;
}

.relative { position:relative; }

.inner-dot .first-news {
    color: #000000;
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0;
}
.inner-dot .first-news:hover {
    text-decoration: none;
    color:#ffb537;
}

.text-warning { color: #FF0000; }

/* ARTICLE BOXes */
section.ultimele-stiri .article-box {
    position: relative;
    overflow: hidden;

    padding: 0px;
    margin-bottom: 30px;

    border: 1px solid transparent;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* sizes */
section.ultimele-stiri .article-box.type-1 { height: 175px; }
section.ultimele-stiri .article-box.type-2 { height: 260px; }
section.ultimele-stiri .article-box.type-3 { height: 322px; }

/* banner 300 x 600 */
section.ultimele-stiri .article-box.type-4 {
    display: block;
    position: relative;

    /*max-height: 612px;*/
    height: 100%;
    height: 612px;

    /*background: #eaeaea;*/
    text-align: center;
}
section.ultimele-stiri .article-box.type-4 .banner-wrapper {
    display: inline-block;
    /*width: 100%;*/
}

/* ARTICLE IMAGE  */
section.ultimele-stiri .article-box .item-image {
    width: 100%;
    height: 100%;

    background-color: #fff;
    background-position: center top;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    /*transition*/
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
section.ultimele-stiri .article-box .item-image > img { display: none; }

/* ARTICLE TITLE */
section.ultimele-stiri .article-box .article-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    margin: 0px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);

    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    color: #fff;
}
section.ultimele-stiri .article-box .article-title a { color: #fff; text-decoration: none; }

/* hover */
section.ultimele-stiri .article-box:not(.type-4):hover {
    border: 1px solid #ed1b23;

    -moz-box-shadow: 0 5px 15px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0, 0.3);
    box-shadow: 0 5px 15px rgba(0,0,0, 0.3);
}

section.ultimele-stiri .article-box:hover .item-image {
    /*transform*/
    -webkit-transform: rotate(2deg) scale(1.1);
    -moz-transform: rotate(2deg) scale(1.1);
    -ms-transform: rotate(2deg) scale(1.1);
    -o-transform: rotate(2deg) scale(1.1);
    transform: rotate(2deg) scale(1.1);
}
section.ultimele-stiri .article-box:hover .article-title { background: rgba(237,27,36, 0.9); }

/* PLAY BTTN */
section.ultimele-stiri .article-box span.play-button {
    width: 40px;
    height: 40px;

    margin: 20px 20px 0px 0px;

    top: 0px;
    right: 0px;
    left: initial;
}
section.ultimele-stiri .article-box span.play-button span.glyphicon {
    font-size: 20px;
    font-size: 2rem;

    margin: 8px 0px 0px 10px;
}

section.ultimele-stiri .article-box:hover span.play-button {
    background: rgba(237,27,36, 0.9);
    /*-moz-background-clip: padding;*/
    /*-webkit-background-clip: padding-box;*/
    /*background-clip: padding-box;*/

    -moz-box-shadow: 3px 3px 5px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0, 0.2);
    box-shadow: 3px 3px 5px rgba(0,0,0, 0.2);
}

/* LOAD MORE BTTN */
section.ultimele-stiri .bttn-load-more {
    display: inline-block;

    padding: 20px 40px;
    background: #73169d;

    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1;
}
section.ultimele-stiri .bttn-load-more:hover {
    text-decoration: none;
    background: #8927b7;
}

section.ultimele-stiri .bttn-load-more > span.icon {
    font-size: 20px;
    font-size: 2rem;
    margin-right: 10px;
}

/* PAGINATION */
section.ultimele-stiri .pagination {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 30px;
}


/*
    ECHIPE
*/
section.echipe-sezoane {
    background: #fff;
}

section.echipe-sezoane .echipa {
    padding: 40px 0px;

    background: #fbfbfb;
    border-top: 1px solid #dbdbdb;
}
section.echipe-sezoane .echipa:nth-child(2n+1) { background: #fff; }
section.echipe-sezoane .echipa:last-child { border-bottom: 1px solid #dbdbdb; }

/* ANTRENOR */
section.echipe-sezoane .echipa .antrenor {
    display: inline-block;
    padding: 0px 20px;

    margin-bottom: 50px;
}

section.echipe-sezoane .echipa .antrenor .name { font-size: 30px; font-size: 3rem; }
section.echipe-sezoane .echipa .antrenor .name > span { color: #000; }

section.echipe-sezoane .echipa .antrenor .avatar { text-align: center; margin-bottom: 20px; }
section.echipe-sezoane .echipa .antrenor .avatar a { display: inline-block; }
section.echipe-sezoane .echipa .antrenor .avatar img { background: #e8e8e8; display: inline-block; }

section.echipe-sezoane .echipa .antrenor .description { margin-bottom: 30px; }

section.echipe-sezoane .echipa .antrenor .bttn-more { color: #858585; font-weight: 300; display: block; }
section.echipe-sezoane .echipa .antrenor .bttn-more:hover { color: #000; }

/* LISTA ECHIPE */
section.echipe-sezoane .echipa .lista-echipa {
    display: inline-block;
    text-align: center;
}

section.echipe-sezoane .echipa .lista-echipa ul { }
section.echipe-sezoane .echipa .lista-echipa ul li { margin-bottom: 30px; }

section.echipe-sezoane .echipa .lista-echipa ul li .concurent { }

section.echipe-sezoane .echipa .lista-echipa ul li .concurent .name {
    font-size: 12px;
    font-size: 1.2rem;
    color: #858585;

    margin-top: 10px;
}
section.echipe-sezoane .echipa .lista-echipa ul li a:hover .concurent .name { color: #000; }

section.echipe-sezoane .echipa .lista-echipa ul li .concurent .avatar {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

section.echipe-sezoane .echipa .lista-echipa ul li .concurent .avatar .eliminat {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(255, 0, 0, 0.8);
}

section.echipe-sezoane .echipa .lista-echipa ul li .concurent .avatar .eliminat > span {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    color: #fff;

    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0px 0px -9px;
}

.no-padding-top { padding-top:0px; }


/*
    FII ANTRENOR
*/
section.fii-antrenor {
    /*max-height: 560px;*/
    position: relative;
    overflow: hidden;

    background-color: #000;
    background: url(../images/vocea/bg_2nd-screen.png) no-repeat center bottom #000;
}

section.fii-antrenor .tag { color: #fff; }

section.fii-antrenor h2 {
    font-weight: 600;

    margin-top: 0px;
    margin-bottom: 20px;
}
section.fii-antrenor .disclaimer {
    color: #fff;

    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;

    text-align: center;
}
section.fii-antrenor .disclaimer p { margin-bottom: 15px; }

section.fii-antrenor .store-buttons { text-align: center; margin: 50px 0px 30px; }
section.fii-antrenor .store-buttons a { display: inline-block; }
section.fii-antrenor .store-buttons a:first-child { margin-right: 20px; }

/* PHONE */
section.fii-antrenor .phone {
    height: 400px;
    position: relative;

    text-align: center;
}
section.fii-antrenor .phone > img { display: inline-block; }

section.fii-antrenor a.vezi-regulament {
    display: inline-block;

    margin-top: 15px;
    color: #fff;
}


/* ---------------------------------------------------------------------------- //
// ---------- PAGE: FII ANTRENOR ---------------------------------------------- //
// ---------------------------------------------------------------------------- */

.page.fii-antrenor {
    padding: 40px 0px;

    color: #fff;
    text-align: center;

    background: url(../images/vocea/fiiantrenor/bg_main.jpg) no-repeat center top #000;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

/* typography */
.page.fii-antrenor h1, h2 { color: inherit; }
.page.fii-antrenor h1 {
    font-size: 30px;
    font-size: 3rem;

    font-weight: 600;
    margin-bottom: 40px;
}
.page.fii-antrenor h2 {
    font-size: 18px;
    font-size: 1.8rem;

    margin: 0px auto;
    max-width: 820px;

    font-weight: 300;
}

.page.fii-antrenor .icon { margin:0px auto; text-align: center; }
.page.fii-antrenor .icon > img { display: inline-block; }

/*
    ZONE AREAS
*/
.page.fii-antrenor .area { margin-bottom: 60px; }

/* ------ area #01 ------ */
.page.fii-antrenor .area-1 { }

.page.fii-antrenor .area-1 .icon {
    font-size: 40px;
    font-size: 4rem;
    line-height: 1;

    margin-top: 100px;
}

/* ------ area #02 ------ */
.page.fii-antrenor .area-2 { }
.page.fii-antrenor .area-2 h1 {
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;

    margin: 0px;
}

.page.fii-antrenor .area-2 .icon { margin: 60px 0px; }

.page.fii-antrenor .clasament { }

.page.fii-antrenor .clasament .headline {
    display: block;

    font-size: 20px;
    font-size: 2rem;
    font-weight: 300;

    margin-bottom: 50px;
}
.page.fii-antrenor .clasament .headline b { font-weight: 600; }

.page.fii-antrenor .clasament span.ico {
    display: block;

    font-size: 24px;
    font-size: 2.4rem;
}


.page.fii-antrenor .clasament .table-responsive { border: none; margin-bottom: 50px; }

.page.fii-antrenor .clasament .table {
    text-align: center;
    font-weight: 300;
}

.page.fii-antrenor .clasament .table thead { background: url('../images/vocea/fiiantrenor/pattern_block_3x3.png') repeat top left #212121; }
.page.fii-antrenor .clasament .table thead th {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    text-align: center;

    border-bottom: 1px solid #353535;
    padding: 10px 14px;
}

.page.fii-antrenor .clasament .table tr td {
    padding: 14px 8px;
    border-top: 1px solid #222222;
}

.page.fii-antrenor .clasament .table tr td:nth-child(2),
.page.fii-antrenor .clasament .table .borderz {
    border-left: 1px solid #222222;
    border-right: 1px solid #222222;
}


/* ------ area #03 ------ */
.page.fii-antrenor .area-3 { }

.page.fii-antrenor .area-3 .image {
    display:inline-block;
    max-width: 1600px;

    margin-top: 40px;

    background: url(../images/vocea/fiiantrenor/bg_screens.jpg) no-repeat center top #000;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.page.fii-antrenor .area-3 .image img {
    /*opacity: 0;*/

    /*animation-delay*/
    /*-webkit-animation-delay: 0.2s;*/
    /*-moz-animation-delay: 0.2s;*/
    /*-ms-animation-delay: 0.2s;*/
    /*-o-animation-delay: 0.2s;*/
    /*animation-delay: 0.2s;*/
}

/* ------ area #04 ------ */
.page.fii-antrenor .area-4 { }
.page.fii-antrenor .area-4 h2 { }

.page.fii-antrenor .area-4 .image {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;

    margin: 50px auto;
}
.page.fii-antrenor .area-4 .image b { font-weight: 600; }

/*.page.fii-antrenor .area-4 .image > img { opacity: 0; }*/
.page.fii-antrenor .area-4 .image.premiu-2 img { margin-top: 35px; }

/* ------ area #05 ------ */
.page.fii-antrenor .area-5 { font-weight: 300; margin-bottom: 60px !important; }
.page.fii-antrenor .area-5 .image img { display: inline-block; }

.page.fii-antrenor .area-5 .image.applogo { margin-bottom: 60px; }

.page.fii-antrenor .area-5 .image.qr { margin: 40px auto 70px; }
.page.fii-antrenor .area-5 .image.qr img { width: 180px; }

.page.fii-antrenor .area-5 .downloads { font-size: 18px; font-size: 1.8rem; }

.page.fii-antrenor .area-5 .downloads .store-buttons { margin: 50px auto; }
.page.fii-antrenor .area-5 .downloads .store-buttons a { display: inline-block; margin: 0px auto; }

.page.fii-antrenor .area-5 a.vezi-regulament { color: #fff; font-size: 16px; font-size: 1.6rem; }



/* ---------------------------------------------------------------------------- //
// ---------- FACEBOOK TWEAKS  ------------------------------------------------ //
// ---------------------------------------------------------------------------- */
.facebook-box { padding: 40px 0px; }

.facebook-box .fb-like-box {
    width: 100%;
    max-height: 258px;
    overflow: hidden;

    background: #fff;
}
.facebook-box .fb-like-box > span { width: 100% !important; }
.facebook-box .fb-like-box iframe { width: 100% !important; }


/* ---------------------------------------------------------------------------- //
// ---------- BRANDING: TELEKOM ----------------------------------------------- //
// ---------------------------------------------------------------------------- */
.facebook-box.branding-telekom .row {
    background: #d80074;
    padding: 30px 30px 10px;
}

.facebook-box.branding-telekom .fb-like-box {
    /*box-shadow*/
    -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.5);
}

.facebook-box.branding-telekom .pwd {
    text-align: left;

    color: #fff;
    font-size: 10px;
    font-size: 1rem;
}
.facebook-box.branding-telekom .pwd p { margin-top: 10px; margin-bottom: 24px; }
.facebook-box.branding-telekom .pwd a { color: #fff; }

/* VIDEO PLAYER */
.branding-telekom-video {
    background: #d80074;
    padding: 14px 0px;
}
.branding-telekom-video .pwd {
    width: 98%;
    margin: 14px auto;
    padding: 0px 5px;
}

.banner-ad-telekom { padding: 40px 0px; }


/* ---------------------------------------------------------------------------- //
// ---------- MEDIA QUERIES / RESPONSIVENESS ---------------------------------- //
// ---------------------------------------------------------------------------- */

@media screen and (max-width: 1260px) {
    .logo-cosmote-side-art {
        width: 647px;
    }
    .widgetScroll{
        display:none;
    }
}

@media screen and (max-width: 1000px) {
    .logo-cosmote-side,.logo-cosmote-side-art { display:none;}
    .logo-cosmote-inner{ display:block; }
}


@media screen and (max-width: 1260px) {
    .navbar-inverse {
        background-image: none;
    }
}

@media screen and (max-width: 1200px) {
    .video-player {
        width: 100%;
        height: 529px;
        margin: 15px 0 0 0;
    }

    #videoPlayer {
        width: 100%;
        height: 529px;
    }
}

@media screen and (max-width: 1130px) {
    .navbar-inverse {
        background-image: none;
    }

    .branding-cosmote {
        left: 315px;
    }

    .program .container {
        width: 100%;
    }
}

@media screen and (max-width: 1060px) {
    .ora-difuzare {
        display: none;
    }

    .branding-cosmote {
        left: 220px;
    }
}

@media screen and (max-width: 960px) {
    .logo {
        /*width: 101px;*/
        /*height: 95px;*/
    }

    .branding-cosmote {
        left: 170px;
    }
}

@media screen and (max-width: 772px) {
    .navbar-inverse .navbar-nav.pull-right {
        float: none !important;
    }

    .main-article h1 {
        background-position: 0 bottom;
    }

    .video-player {
        height: 405px;
    }

    #videoPlayer {
        height: 405px;
    }

    h1 {
        font-size: 22px;
    }

    /* SECTIONS */
    section.main-video .media-content .comments-box { margin-top: 30px; }
    section.main-video .media-content .comments-box .icon-comments { top: 20px; }
}
#z_protv_vocearomaniei_stiri_contextualvideoad div a img { width:auto !important; }
/*
    NEW
*/
@media screen and (max-width: 320px) {

    /* HEADER EMISIUNE */
    .header-emisiune { height: 150px; }
    .header-emisiune .box-juriu {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /* SECTIONS */
    section.main-video #videoPlayer { height: 187px; }
}

@media screen and (min-width: 400px) {
    /*.header-emisiune { height: 300px; }*/

    /*
        PAGE: FII ANTRENOR
    */
    .page.fii-antrenor .clasament span.ico {
        display: inline-block;
        margin-right: 10px;
    }

    .page.fii-antrenor .area-4 .image { font-size: 20px; font-size: 2rem; }

    .page.fii-antrenor .area-5 .downloads .store-buttons { margin: 50px auto 80px; }
    .page.fii-antrenor .area-5 .downloads .store-buttons a { margin: 0px 20px; }
}

@media screen and (min-width: 768px) {
    /* HEADER EMISIUNE */
    .header-emisiune { height: 300px; }
    .header-emisiune .box-juriu {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .header-emisiune .box-cta { display: block;  }

    /*
        SECTIONS
    */
    section .tag { text-align: left; }

    section.main-video h1 { text-align: left; }

    /* MOST VIEWED */
    section.most-viewed {
        max-height: 430px;
        background-image: url(../images/lasfierbinti/bg_topvideo.png);
        background-repeat: no-repeat;
    }
    section.most-viewed .tag .pull-right { float: right !important; }
    section.most-viewed .carousel .article-box { padding-bottom: 0px; }

    /* ULTIMELE STIRI */
    section.ultimele-stiri .article-box.type-4 .banner-wrapper { width: 100%; }

    /* ECHIPE */
    section.echipe-sezoane .echipa .antrenor .avatar { margin-bottom: 0px; }
    section.echipe-sezoane .echipa .antrenor .bttn-more { display: inline-block; }

    /* FII ANTRENOR */
    section.fii-antrenor {
        /*max-height: 560px;*/
        background-position-x: -200%;
    }

    section.fii-antrenor .disclaimer,
    section.fii-antrenor .store-buttons { text-align: left; }

    section.fii-antrenor .store-buttons { margin: 50px 0px 0px; }

    /*
        PAGE: FII ANTRENOR
    */
    .page.fii-antrenor .area { margin-bottom: 120px; }
    .page.fii-antrenor h1 { font-size: 40px; font-size: 4rem; }
    .page.fii-antrenor h2 { font-size: 24px; font-size: 2.4rem; }

    .page.fii-antrenor .clasament { background: url('../images/vocea/fiiantrenor/pattern_block_1x1.png') repeat-y top center; }
    .page.fii-antrenor .clasament .table-responsive { margin-bottom: 0px; }

    .page.fii-antrenor .area-4 .image { font-size: 30px; font-size: 3rem; }
    .page.fii-antrenor .area-4 .image.premiu-2 img { margin-top: 70px; }

    .page.fii-antrenor .area-5 h1 { font-size: 45px; font-size: 4.5rem; }
    .page.fii-antrenor .area-5 .downloads { font-size: 24px; font-size: 2.4rem; }
}


@media screen and (min-width: 992px) {
    /* HEADER EMISIUNE */
    .header-emisiune { height: 320px; }
    .header-emisiune .box-cta .btn { display: inline-block; }

    .logo {
        width: 220px;
        height: 148px;

        position: absolute;
        top: -28px;
    }

    /* SECTIONS */
    section.main-video #videoPlayer { height: 377px; }
    section.main-video .media-content .comments-box .icon-comments { font-size: 80px; font-size: 8rem; }

    /* MOST VIEWED */
    section.most-viewed .carousel-control {
        color: #000;
        width: 80px;
        height: 80px;

        font-size: 80px;
        font-size: 8rem;

        top: 40px;
    }
    section.most-viewed .carousel-control.left { left: -90px; }
    section.most-viewed .carousel-control.right { right: -90px; }

    /* ECHIPE */
    section.echipe-sezoane .echipa .lista-echipa { text-align: left; }

    /* FII ANTRENOR */
    section.fii-antrenor { background-position-x: 200%; }

    section.fii-antrenor .phone {
        position: absolute;
        top: -100px;
    }
}

@media screen and (min-width: 1200px) {

    /* HEADER EMISIUNE */
    .header-emisiune {
        height: 430px;
        background-position: 80% bottom;
    }

    .header-emisiune .box-cta {
        font-size: 28px;
        font-size: 2.8rem;

        margin: 40px 0px;
    }

    /* SECTIONS */
    section.most-viewed .carousel-control.left { left: -120px; }
    section.most-viewed .carousel-control.right { right: -120px; }

    /* FII ANTRENOR */
    section.fii-antrenor { background-position-x: 120%; }

    /*
        PAGE: FII ANTRENOR
    */
    .page.fii-antrenor {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
}

@media screen and (min-width: 1400px) {
    /* HEADER EMISIUNE */
    .header-emisiune {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;

        background-position: 30% bottom;
    }

}

@media screen and (min-width: 1500px) {
    /* FII ANTRENOR */
    section.fii-antrenor { background-position-x: 100%; }
}

@media screen and (min-width: 1700px) {
    /* FII ANTRENOR */
    section.fii-antrenor { background-position-x: 80%; }
}

@media screen and (min-width: 1920px) {
    /* FII ANTRENOR */
    section.fii-antrenor { background-position-x: 70%; }
}