/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r8zRAW.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r6zRAW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r8zRAW.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r6zRAW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r8zRAW.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r6zRAW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{ padding: 0; margin: 0; font-family: 'Catamaran', sans-serif; color: #292c33; font-size: 18px; padding-top: 118px; background-color: #fff;}
body.body-article { background-color: #fff;}

H1,H2{font-family: 'Catamaran', sans-serif; font-weight: bold}
H1{ margin-bottom: 20px; font-size: 32px; line-height: 38px;  }
a:hover{ text-decoration: underline}
a:focus,button{ outline-style:none; outline-width:0}
LI{ list-style-type: none; box-sizing: border-box}

.wrap{ width: 100%;  max-width: 1240px; margin: 0 auto; text-align: left; position: relative; box-sizing: border-box; }
.section.grey .wrap { background-color:#f2f3f5; }
.partners.section.grey .wrap { background-color:#FFF; }
.wrap-flex .wrap{ display: flex}

/*--------------HEADER--------*/
#header{position: fixed; left: 0; top: 0; width: 100%; z-index: 10001; background-color: #292c33; display: flex; flex-direction: column}
#header .wrap{ padding: 0 20px 1px; }
#logo{ order: 3; display: block; background-position: center; background-repeat: no-repeat; background-size:97px auto; position: relative; background-image: url(../images/antena3_new.svg); text-indent: -9999px; overflow: hidden; height: 100%;  width: 100%; flex: 1; height: 60px}
#nav{ display: flex; align-items: center; flex-wrap: wrap}
.burger{cursor: pointer; order: 2 }
.burger .bar1, .burger .bar2, .burger .bar3 {
    width: 25px;
    height: 3px;
    background-color: #FFF;
    margin: 6px auto;
    margin-right: 0;
    transition: 0.4s;
}
#header.active .bar1, #header.submenu .bar1 {  -webkit-transform: rotate(-45deg) translate(-9px, 6px);  transform: rotate(-45deg) translate(-7px, 6px);}
#header.active .bar2, #header.submenu .bar2 {opacity: 0;}
#header.active .bar3, #header.submenu .bar3 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-6px, -6px);}

#search{color: #FFF; text-align: center; overflow: hidden; text-indent: -99999px;  background-image: url('https://www.antena3.ro/static/images/search_white.svg'); background-size: 25px 25px; background-repeat: no-repeat; width: 25px; height:25px;background-position: center; margin: 0; order: 4}

/*--------------PREVIWE LIVE VIDEO--------*/
#preview-video{ position:relative; height: 60px; display: flex; flex-wrap: nowrap; width: 100%; order: 1}
#preview-video .thumb{ width: 107px; flex: 0 0 auto; position: relative; overflow: hidden}
#preview-video .thumb::before{content:""; background-color: #ffbe03; width: 25px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 1; background-repeat: no-repeat;
    background-size: 28%;    background-image: url(https://www.antena3.ro/static/images/play-black.svg?v=3);    background-position: 8px center;}
#preview-video .title{ flex: 1; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #FFF; text-align: right; justify-content:flex-end; }
#preview-video .thumb IMG {position: absolute;    left: 50%;    top: 0px;    display: block;    transform: translateX(-50%);    width: auto;    height: 100%;}
#preview-video .tv{ display: flex; align-items: center}

/*--------------MENU TOP--------*/
#menu-top{ justify-content:flex-end; display: none; flex-direction: row; align-items: center; height: 35px; background-color: transparent; justify-content:center; padding: 15px 0; box-sizing: border-box; width: 100%}
#menu-top LI{}
#menu-top LI A{ display: block; padding: 10px;font-size: 12px; color: #000; font-weight: bold; }
#menu-top .camp-cautare INPUT{ border:1px solid #DDD; border-radius: 3px; padding: 3px 10px; padding-left: 28px; width: 100%;  font-size: 16px; background-image: url("https://www.antena3.ro/static/images/search.svg"); background-position: 5px center; background-size: 15px; background-repeat: no-repeat; background-color: #EEE; font-family: 'Open Sans Condensed', sans-serif; box-sizing: border-box; }
#menu-top .buton-cautare{ display: block; background-color: #ff0000; color: #FFF; padding: 10px; border: 0; margin: 0 auto; margin-top: 10px; width: 100%}
#menu-top form{ width: 100%; max-width: 400px}
.header-new.search #menu-top{ display: flex; height: auto}

/*--------------SUBMENU--------*/
#submenu{ order: 3;  padding: 15px 0; box-sizing: border-box; width: 100%; overflow: auto; display: none;   margin: 0 auto}
.header-new.submenu #submenu{ display: block}
#submenu #subsectiuni{display: flex; flex-wrap:wrap; justify-content: space-between; flex-direction: column}
#submenu .submenu-item{  width: 100%; margin-bottom: 20px}
#submenu .submenu-item LI{ display: inline-block}
#submenu .submenu-item LI a{  border-right: 1px solid #FFF;padding-right: 10px;margin-right: 10px; display: block; line-height: 16px}
#submenu .submenu-parent{ text-transform: uppercase; font-weight: bold; display: block; font-size: 15px}
#submenu a{ color: #FFF ;font-family: 'Catamaran', sans-serif;  font-size: 16px; }

#static-pages{ display: flex; flex-wrap: wrap; flex-direction: row; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#static-pages LI{ flex: 0 0 auto; padding: 10px 10px}

#emisiuni-header{ width: 100%; overflow: hidden; overflow-x: auto; scrollbar-width: thin; scrollbar-color:rgba(255,0,0,1) hsla(0,0%,100%,.1); margin-bottom: 20px}
#submenu h3{ color: #FFF; text-transform: uppercase; font-size: 14px; margin-bottom: 10px}
#emisiuni-header::-webkit-scrollbar{width: 5px; height: 10px}
#emisiuni-header::-webkit-scrollbar-thumb{ background-color: red}
#emisiuni-header UL{ display: flex; flex-wrap: nowrap}
#emisiuni-header LI{ flex: 0 0 auto; width: 120px; height: 170px; border: 3px solid #FFF; position: relative}
#emisiuni-header .thumb{ position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden}
#emisiuni-header .thumb IMG {position: absolute;    left: 50%;    top: 0;    display: block;    transform: translateX(-50%);    width: auto;    height: 100%; }
#emisiuni-header .title{ z-index: 2; position: absolute; bottom: 0;  padding: 5px; box-sizing: border-box; text-align: center; font-size: 12px; width: 100% }
#emisiuni-header .title{  font-weight: bold}
#emisiuni-header span{ font-size: 13px; font-weight: normal; color: #FFF; display: block}

/*--------------LOCATION--------*/
#location{font-size:12px; margin-bottom:10px; color:#7f7e7e;white-space: nowrap; overflow: hidden;}
#location A{ font-size:12px; color:#cc0000; font-weight: 800}
#location SPAN{ padding-left:5px; padding-right:5px}


/*--------ARTICLE-----------*/
article{width: 100%;  box-sizing: border-box; position: relative;  background-color: #FFF }
article:hover H2 a{ text-decoration: underline}
article .thumb{ position: relative; display: block; overflow: hidden; margin-bottom: 20px; margin-left: -2px}
article .thumb:hover{ border:0px !important}
article .thumb::after {
    content: '';
    display: block;
    padding-top: 56.25%;
}

article IMG{ position: absolute; left: 0; top: 0; display:block; width: 100%; height: 100%; object-fit: cover; object-position: center}
article.video .thumb::before{ background-color:#cc0000;   background-repeat: no-repeat;   background-image: url(play_new.svg);  background-position:center;  content: "";   width: 50px;  height: 50px;    pointer-events: none;    position: absolute;    left: 0 ; bottom: 0;z-index: 1; background-size: contain}
.section-list .cols2 article.video .thumb::before, .section-list-article  article .thumb::before, .r-top-content article .thumb::before{ width: 30px; height: 30px}


article A{ display: block; font-size: 20px; line-height: 1.2; padding-bottom: 0; box-sizing: border-box; font-weight: bold; font-family: 'Catamaran', sans-serif;}
article A::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

A[data-label]::before {content: attr(data-label); font-size: 65%; display: inline-block; background-color: #FF0000; color: #FFF; text-transform: uppercase; padding: 0 10px; margin-right: 5px; vertical-align: middle}
.thumb[data-label]::before {content: attr(data-label); display: inline-block; background-color: #CC0000; color: #FFF; text-transform: uppercase; padding: 0 10px; z-index: 2; position: absolute; bottom: 0; left: 0; font-size: 12px; font-weight: 800}

article H2, .focus-box article div.title{ box-sizing: border-box; padding: 20px; padding-top: 0}
article H2 span.autor{ font-size: 20px; color: #FFF; display: block}
article .categ_date{ padding: 10px 20px}
article .categ_name{font-family: 'Catamaran', sans-serif;  font-size: 14px;  font-weight: 600; color: #292c33; padding: 0;}
article .date{ font-family:'Catamaran', sans-serif; font-weight: normal; font-size: 14px; display: inline }
article .author{ font-family:'Catamaran', sans-serif; font-weight: normal; font-size: 14px; display: inline; text-transform: uppercase }
article .abs{ padding: 20px; padding-top: 0;  font-family:'Catamaran', sans-serif; font-weight: normal; font-size: 16px;}
article .thumb span {
    position: absolute; left: 0px; bottom :0px;
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    background-color: #ff1500;
    padding: 3px 10px;
    font-family: 'Open Sans Condensed', sans-serif, Arial;
    text-transform: uppercase;
}
article .thumb span.breaking-news{background-color: #ffe45c; color: #000}

article.main A{ font-size: 26px}

/*--------ARTICLE LATOUT 1-----------*/
article.layout1{ background-color: #297acc; border-left:2px solid #CCC;}
article.layout1 .thumb{ margin: 0; opacity: .4}
article.layout1 .date,  article.layout1 .categ_name, article.layout1 .abs, article.layout1 h2{ color: #FFF}
.cols1 article.layout1 .categ_date, .cols1 article.layout1 .abs, .cols1 article.layout1 h2{ position: absolute;  z-index: 1}
.cols1 article.layout1 .date { top: 0; left: 0; }
.cols1 article.layout1 .abs { top: 42px; left: 0; }
.cols1 article.layout1 h2 { bottom: 0; left: 0; }

/*--------ARTICLE LATOUT 2-----------*/
article.layout2{ background-color: #cc0000; border-left:2px solid #CCC;}
article.layout2 .thumb{ margin: 0; opacity: .4}
article.layout2 .date,  article.layout2 .categ_name, article.layout2 .abs, article.layout2 h2{ color: #FFF}
.cols1 article.layout2 .categ_date, .cols1 article.layout2 .abs, .cols1 article.layout2 h2{ position: absolute;  z-index: 1}
.cols1 article.layout2 .date { top: 0; left: 0; }
.cols1 article.layout2 .abs { top: 42px; left: 0; }
.cols1 article.layout2 h2 { bottom: 0; left: 0; }

/*--------ARTICLE LATOUT 3-----------*/
article.layout3{ background-color: #33aaff; border-left:2px solid #297acc;}
article.layout3 .date,  article.layout3 .categ_name, article.layout3 .abs, article.layout3 h2{ color: #FFF}

/*--------ARTICLE LATOUT 4-----------*/
article.layout4{ background-color: #ffff33;}
article.layout4 .thumb{ margin: 0; opacity: .4}
.cols1 article.layout4 .categ_date, .cols1 article.layout4 .abs, .cols1 article.layout4 h2{ position: absolute;  z-index: 1}
.cols1 article.layout4 .date { top: 0; left: 0; }
.cols1 article.layout4 .abs { top: 42px; left: 0; }
.cols1 article.layout4 h2 { bottom: 0; left: 0; }

/*--------ARTICLE LATOUT 5-----------*/
article.layout5{ background-color: #282c33; border-left:2px solid #CCC;}
article.layout5 .thumb{ margin: 0; opacity: .4}
article.layout5 .date,  article.layout5 .abs, article.layout5 h2{ color: #FFF}
.cols1 article.layout5 .categ_date, .cols1 article.layout5 .abs, .cols1 article.layout5 h2{ position: absolute;  z-index: 1}
.cols1 article.layout5 .date { top: 0; left: 0; }
.cols1 article.layout5 .abs { top: 42px; left: 0; }
.cols1 article.layout5 h2 { bottom: 0; left: 0; }

/*--------ARTICLE LATOUT 3-----------*/
article.breaking{ background-color: #CC0000;  border-color: #292C33;}
article.breaking .date,  article.breaking .categ_name, article.breaking .abs, article.breaking h2{ color: #FFF}
article.breaking A[data-label]::before {
    color: #fff;
    border-color: #fff;
}

article.layout1 A[data-label]::before,
article.layout5 A[data-label]::before,
article.layout2 A[data-label]::before {
    color: #fff;
    border-color: #fff;
}

/*--------PLAYER-----------*/
#playerHolder, .ivmWrapper, .player, .title_video{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    display:block;
    overflow:hidden;
}
.sticky-video .video-js, .ivmWrapper  .video-js, .player .video-js, .player iframe, .player video, .title_video iframe, .title_video video, .title_video .video-js{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.sticky-video{position: fixed;  right: 0; top: 61px; width: 100%;z-index: 10;   }
.sticky-video::after{ content:''; padding-bottom: 35%; display: block  }
.sticky-video .video-content{ position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background-color: #000}
/*.sticky-video .video-content[data-title]::before{ content: attr(data-title); width:40%; flex: 0 0 auto; order: 2; height: 92px; overflow: hidden; padding: 0 10px; color: #FFF; box-sizing: border-box;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical; line-height: 23px }*/
.sticky-video .video-int{ position: absolute;    width: 60%; height: 100%;  left: 17%; z-index: 1}

#playerHolder .close,
.ivmWrapper .close {
    flex: 0 0 auto;
    width: 10%;
    height: 100%;
    background-color: #CC0000;
    color: transparent !important;
    background-image: url(close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    order: 3;
    display: none;
}
.ivmWrapper .sticky-video .close{ display: block; position: absolute; right: 0}

#playerHolder .close,.ivmWrapper .close:hover{ text-decoration: none}
#playerHolder .sticky-video .close, .ivmWrapper .sticky-video .close{ display: block}

/*--------ULTIMA ORA-----------*/
.top-stiri{ padding-bottom: 30px }
.ultima-ora{ margin-bottom: 30px; background-color: #FFF;}
.ultima-ora .head{ font-family: Catamaran, sans-serif;    color: #cc0000;  padding: 20px 25px 10px 45px; font-size: 12px;   text-transform: none;}
.ultima-ora .head strong{ font-weight: 800}
.ultima-ora article {background-color: #FFF;  border:0; padding:  10px 25px 10px 45px; margin-bottom: 0}
.ultima-ora article::before { content: ""; display: block; width: 12px; height: 12px; background-color: #cc0000; position: absolute; left: 10px; top: 10px}
.ultima-ora article h3{ line-height: 22px}
.ultima-ora article A{ font-size: 16px;  padding-bottom: 0; display: inline; padding-left: 47px; position: relative}
.ultima-ora article A B{ margin-right: 5px; position: absolute; left: 0; top:1px}
.ultima-ora article .thumb{ display:none}
.ultima-ora article .categ_name{ display:none}
.ultima-ora article .date{ left:10px; right: 0px; bottom: 7px}
.ultima-ora table {
    margin:0;
    padding:0;
    border:none;
    font-size:14px;
    background-color: #FFF;
}
.ultima-ora tr {
    margin:0;
    padding:0;
    border:none;
}
.ultima-ora tr.first {
    background-color:#DDD;
}
.ultima-ora #bg_grey {
    background-color:#CCC;
    padding:10px 0;
}
.ultima-ora #bg_grey a{font-size: 25px; font-family: "Times New Roman"; line-height: 16px; font-weight: bold}
.ultima-ora td {
    height:40px;
    width:14.2%;
    margin:0;
    padding:0;
    padding-bottom: 1px;
    padding-right: 1px;
    border:none;
    text-align:center;
}
.ultima-ora td a {
    height:40px;
    width:100%;
    line-height: 40px;
    display:block;
    background:rgba(127,212,255,0.5);
}
.ultima-ora td a:hover {
    background:rgba(127,212,255,1);
}
.ultima-ora td a.selected {
    background-color:#FF1500;
    text-shadow:0 1px 0 #000;
    color:#fff;
}
.ultima-ora .fl {
    margin:10px 0;
}
.ultima-ora .fr {
    margin:10px 0;
}
.ultima-ora .fl{ float: left}
.ultima-ora .fr{ float: right}
.ultima-ora select{ font-family:Catamaran, sans-serif;  text-transform: uppercase; padding: 5px}

.ultima-ora article.breaking A[data-label]::before{ background-color: transparent;    border: 1px solid #CC0000;    color: #CC0000;}
.ultima-ora .head {
    padding: 20px 25px 10px 45px;
    font-size: 12px;
    text-transform: none;
}

.ultima-ora article {
    padding: 10px 25px 10px 45px;
}

.ultima-ora article::before {
    width: 10px;
    height: 10px;
    left: 20px;
    top: 15px;
}

.ultima-ora .btn {
    display: block;
    width: auto;
    margin: 10px 25px 25px 45px;
    text-align: left;
    padding: 7px 12px 5px;
}

#box_calendar{  padding: 10px}
.citeste_si .date{ display: none}
.citeste_si article A{ padding-bottom: 0}
.citeste_si .head{ background-color: #ff1500}
.citeste_si article a{ color: #0767af}

.arhiva{ background-color: #FFF}
.arhiva > UL{ padding: 10px}
.arhiva li ul { margin-left:20px; }
.arhiva li a {display:block; padding:0px 0 10px 0px;}
.arhiva li a:hover {color:#FF1500; }
.arhiva .head{ font-family: Catamaran, sans-serif;  font-size: 14px;    text-transform: uppercase;    color: #cc0000;    padding: 10px;}
.arhiva .head strong{ font-weight: 800}

/*----------stirile zilei-------------*/
.stirile-zilei{ margin-bottom: 30px; background-color: #FFF}
.stirile-zilei .head{position: relative;    text-align: center;    margin-bottom: 25px;    font-size: 28px;}
.stirile-zilei .head strong{background-color: #FFF;    z-index: 1;    position: relative;    padding: 0 30px;}
.stirile-zilei .head::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000}
.stirile-zilei article{ background-color: #292c33; height: 100%}
.stirile-zilei article a{ color: #FFF; font-size: 16px; line-height: 24px}
.owl-carousel .owl-stage{display: flex;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { font-size: 70px; background-color: rgba(255,255,255,.5); padding: 0 6px !important;}
.owl-carousel .owl-nav button.owl-prev {  position: absolute; left: 0px; top: 50%;}
.owl-carousel .owl-nav button.owl-next {  position: absolute; right: 0px; top: 50%;}

/*----------OPINII-------------*/
#opinii article{ background-color: #33aaff; border-left-color: #2a7ccf}
#opinii article .thumb{ background-color:#292c33 }
#opinii article .thumb::after{ padding-top: 100%}

/*----------EMISIUNI SLIDER-------------*/
#emisiuni-slider .thumb{ margin-bottom: 10px}
#emisiuni-slider a{ font-size: 16px; color: #cc0000; font-weight: bold; line-height: 18px}
#emisiuni-slider span{ display: block;}
#emisiuni-slider span.with{color: #292c33; margin-bottom: 5px}
#emisiuni-slider span.hours{color: #292c33; font-size: 12px; font-weight:normal}
#emisiuni-slider img{object-fit: cover; object-position: top}

/* --------------------- ARTICOl-----------------------------  */
.articol-page .wrap, .articol .wrap{ background-color: #FFF}
.articol .wrap{ max-width: 1010px; padding-left: 20px; padding-right: 20px}
.articol h1{ text-align: justify}
.articol .body{padding-left: 0; box-sizing: border-box; position: relative; margin: 0 auto}
.articol .text {
    font-size:18px;
    line-height:30px;
    margin-bottom:20px;
    text-align: justify;
}
.articol .poza-articol, main.articol .pic{ position:relative; background-color: #f1f1f1; text-align: center; margin-bottom: 20px}
.articol .poza-articol{ margin-bottom: 0}
.articol .poza-articol::after, main.articol .pic::after{content: '';    display: block;    padding-top: 56.25%;}
.articol .poza-articol IMG, main.articol .pic IMG{ position: absolute; display: block;  width: 100%; height: 100%;  margin: 0 auto; object-fit: cover; object-position: center }
.articol .sursa-photo{ font-weight: normal;color: #7f7e7e; font-size: 14px; letter-spacing: .25px; padding: 5px 0; display: block; line-height: 18px; white-space: pre-wrap }
.articol .poza-articol span.supratitle { display: inline-block;    color: #FFF; position: absolute; left: 0px; bottom :0px;text-transform: uppercase; background-color: #ff1500; font-family: 'Open Sans Condensed', sans-serif;    font-size: 30px; padding: 3px 20px; font-weight: bold;}
.articol .poza-articol span.breaking-news{background-color: #ffe45c; color: #000}
.articol .gall {    position: absolute;    bottom: 25px;    right: 25px;    display: block;    color:            #FFF;    padding: 10px 20px;    background-color:            rgba(0, 0, 0, 0.5);
    border: 1px solid    rgba(255, 255, 255, 0.5);    border-radius: 5px;    font-weight: 300;    font-size: 30px;    z-index: 10;}

.articol P.sapou{ font-size: 18px; font-weight: 500; line-height: 30px; margin-top: 20px; margin-bottom: 20px; text-align: justify}
.articol P.sapou a{color:#cc00000;}
.articol .text h2{ margin-bottom: 10px; font-size: 1.4em; line-height:normal}
.articol .text h3{ margin-bottom: 10px; font-size: 1em; line-height:normal}
.articol .text P{ margin-bottom:20px}
.articol .text a {	color:#cc0000; word-break: break-word; hyphens: auto;}
.articol .text ul, .articol .text ol {
    font-size:16px;
    line-height:24px;
    margin-bottom:15px;
    /*max-width:450px;*/
    padding-left:50px;
}
.articol .text ul {
    list-style-type:square;
}
.articol .text li {
    margin-bottom:5px;
    list-style-type: disc;
}
.articol .text OL li { list-style-type: decimal}
.articol .text IMG{ max-width: 100%}
.articol .text IFRAME{ max-width: 100%}
.articol blockquote{ margin-left: 30px; border-left: 5px solid #CCC; padding: 15px; padding-bottom: 1px; margin-bottom: 20px; font-size: 20px; color: #555; line-height: normal; font-style: italic}
.tags{ margin-bottom: 20px}
.tags H3{ font-weight: 500; margin-bottom: 10px}
.tags a {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    border-radius: 10px;
    background: #f1f1f1;
    color: #444;
    font-size: 16px;
    line-height: 24px;
}
/*-------------POLL---------------*/
.formpoll{ border-bottom: 1px solid #CCC; margin-bottom: 20px; padding-bottom: 20px}
.formpoll LABEL{ background-color: #292c33; color: #FFF; padding: 10px; display: block; margin-bottom: 10px; cursor: pointer; position: relative; z-index: 1; display: flex; align-items: center;
    min-height: 60px; line-height: 1.2;}
.formpoll LABEL span.bar{
    animation: bar-progress 2s ease-out infinite;
    position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #cc0000; z-index: -1;
    -moz-transition: width 0.5s, -moz-transform 0.5s;
    -webkit-transition: width 0.5s, -webkit-transform 0.5s;
    -o-transition: width 0.5s, -o-transform 0.5s;}
@keyframes bar-progress {
    from {width: 0px; opacity: 1;}
    to {width: 80%; opacity: 0;}
}

.formpoll LABEL span.votes{ font-weight: bold; padding-right: 10px}
.formpoll  strong{ display: block; margin-bottom: 10px; font-size: 26px;    line-height: 1.4;}
.formpoll  strong[data-label]::before {content: attr(data-label); background-color: transparent;
    border: 1px solid #CC0000;
    color: #CC0000;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    padding: 7px 8px 4px;
    margin-right: 10px;
    font-weight: 800;
    margin-top: -5px;
    vertical-align: middle;
}
.formpoll  .total-results{ color: #cc0000}

/*-------------RECOMANDARE TOP---------------*/

.r-top-content{  margin-bottom: 20px }
.r-top-content article{ background-color: #f2f3f5; padding: 15px; display: flex; flex-wrap: wrap; align-items: center}
.r-top-content article .thumb{ width: 40%; margin-bottom: 0; flex:  0 0 auto;}
.r-top-content article .categ_date{ display: none}
.r-top-content article A::after{ z-index: 1}
.articol .text .r-top-content article a{ color: #292c33}
.r-top-content article .title a{ font-size: 14px}
.r-top-content article .title{ padding-left: 15px;  width: 60%; box-sizing: border-box; flex:  0 0 auto; }

.bara_social{ margin-bottom: 25px}
.autor-ora-comentarii{ flex: 1;}
.autor-ora-comentarii a{ color:#cc0000}
.social{  width: 100%; margin-bottom: 15px}
.social UL{display: flex; justify-content: flex-end}
.social li{ flex: 0 0 auto; width: 60px; text-align: center; font-size: 12px}
.social li A{ width: 40px; height: 40px; border: 2px solid #292c33; border-radius: 100%; padding: 10px; box-sizing: border-box; display: block}
.social li A svg{  width: 100%; height: 100%;  color: #292c33; }
.social li A:hover{ text-decoration: none}

.share2 .social{ margin-top: 30px;  margin-bottom: 30px}
.share2 .social UL{ justify-content: center}
.share2 .social li A{ width: 45px; height: 45px}

.gal{ display: flex; flex-wrap: wrap; position: relative}
.gal .thumb{ flex: 0 0 auto; width: 50%; position: relative; border: 2px solid #FFF; box-sizing: border-box }
.gal .thumb::after{ content: '';display: block; padding-top: 100%;}
.gal IMG{ position: absolute; left: 0; top: 0; display:block; width: 100%; height: 100%; object-fit: cover; object-position: center}
.gal.layout3 .thumb:nth-child(1){ width: 100%}
.gal.layout3 .thumb:nth-child(1)::after{ padding-top: 50%}
.gal.layout5 .thumb:nth-child(3), .gal.layout5 .thumb:nth-child(4), .gal.layout5 .thumb:nth-child(5){ width: 33.3333%}
.gal [data-gal]::before {content: '+' attr(data-gal); position: absolute; left: 0;top: 0; width:100%; height:100%; color: #FFF; padding: 0; background-color: rgba(204, 0, 0, 0.5);
   font-weight: bold;font-size: 36px; z-index: 9; display: flex; align-items: center; justify-content:center}
.gallery-more{ display: block; text-align: center; color: #cc0000 !important; line-height: 35px; font-size: 16px}

.special-box {
    background-color: #f2f3f5;
    border-left: 2px solid #cc0000;
    padding: 20px;
    margin-bottom: 30px;
    box-sizing: border-box;
    font-size: 20px; font-weight: bold;
}
.special-box A{ color: #cc0000}
.contact {
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    line-height: 1.25;
    font-size: 20px;
}
.contact::before{ content: '';  width: 50px; height: 50px; background-image: url("../images/whatsapp2.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; flex: 0 0 auto; margin-right: 15px}
.contact a{ color: #cc0000}
#_ivmOutstreamContainer{ margin-bottom: 20px}

/*------------------TOP VIWES--------------------*/
.section.dark-grey, .section.dark-grey .wrap{ background-color: #292c33; position: relative}

.topviews OL{ counter-reset: mvp-trend;}
.topviews .head{position: relative;    text-align: center;    margin-bottom: 25px;    font-size: 28px; padding: 0}
.topviews .head strong{background-color: #292c33;    z-index: 1;    position: relative;    padding: 0 30px; color: #FFF}
.topviews .head::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #FFF; }
.topviews article{ background-color: transparent;}
.topviews article A{ color: #FFF; font-size: 18px; line-height: 24px; font-weight: bold}
.topviews article div.title, .topviews article h3{ padding: 0 0 10px 15px; padding-bottom: 0;  box-sizing: border-box; }
.topviews LI{ margin-bottom: 30px}
.topviews .thumb{counter-increment: mvp-trend;}
/*.topviews div.title::before {content: counter(mvp-trend);position: absolute; bottom: 0; left: -2px; top:-60px;  color: #FFF; background-color: #CC0000; font-family: Catamaran, sans-serif; font-size: 30px; font-weight: bold; background-image: none; width: 40px; height: 40px; text-align: center; line-height: 40px; font-weight: normal}*/
.topviews .thumb::before{ content: counter(mvp-trend) !important; font-family: Catamaran, sans-serif; font-size: 30px; background-image: none !important; width: 40px !important; height: 40px !important; text-align: center; line-height: 40px; font-weight: normal; color: #FFF; position: absolute;left: 0; bottom: 0; background-color: #C00; z-index: 1}
.topviews article a {    padding: 0;}
.topviews .head::after {    opacity: .5;    top: 46%;}
.topviews .head strong {    padding: 0 20px;    line-height: 1;    display: inline-block;    margin: 0 50px;}

/*------------------LATEST ARTICLE--------------------*/
.latest-article .head{position: relative;    text-align: center;    margin-bottom: 25px; padding: 0}
.latest-article .head strong{background-color: #FFF;    z-index: 1;    position: relative;   color: #000}
.latest-article .head::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000;}
.latest-article .head strong {  font-size: 20px; color: #cc0000;   padding: 0 20px;    line-height: 1;    display: inline-block;    margin: 0 50px; text-transform: uppercase}
.latest-article article{ background-color: transparent;}
.latest-article article A{ font-size: 16px; line-height: 24px; font-weight: bold}
.latest-article article div.title, .latest-article article h3{ padding: 0 0 10px 15px; padding-bottom: 0;  box-sizing: border-box; }
.latest-article LI{ margin-bottom: 30px}
.latest-article .btn{ display: block}

/*------------------PAGINATION--------------------*/
.pagination { display: flex; flex-wrap: wrap; flex-direction: row; line-height: 40px; padding-bottom: 60px}
.pagination A{ background-color: #FFF; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin:4px; font-weight: 700;}
.pagination A:hover{background-color: #EBEBEB; text-decoration:none}
.pagination A.activ{ background-color: #CC0000; color: #FFF; font-weight: bold}
.pagination em{margin: 4px }
.pagination A strong{
    font-size:  44px; line-height: 36px; font-weight: 400}

/*------------------ARTICLE PARTNERS--------------------*/
.partners .wrap{ padding-left: 16px; padding-right: 16px}
.partners .cols4 { display: flex; flex-wrap: wrap;  margin: 0 -12px; flex-direction: row }
.partners .cols4 LI{ flex: 0 0 auto; width: 50%; padding:0 8px; box-sizing: border-box; margin-bottom: 30px}
.partners article{ height: 100%}
.partners .head{position: relative;    text-align: center;    margin-bottom: 25px;    font-size: 28px; padding: 0}
.partners .head strong{background-color: #FFF;    z-index: 1;    position: relative;    padding: 0 30px;}
.partners .head::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000;}
.partners article .thumb{ margin-bottom: 10px}
.partners article A, .ptr{ padding:0 20px; display: block; font-size: 16px; line-height: 1.2; font-weight: bold; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; box-sizing: border-box; }
.partners A[data-label]::before, .ptr[data-label]::before{ display: none}

.partners .cols2 LI article a, .partners .cols4 LI article a {    padding: 0 15px;  }

.partners .head strong {
    padding: 0 20px;
}


/*------------------ARTICLE VICEOS--------------------*/
.video-list .wrap{ padding-left: 16px; padding-right: 16px}
.video-list .cols2{ display: flex; flex-wrap: wrap;  margin: 0 -12px; flex-direction: row }
.video-list .cols2 LI{ width: 50%; padding:0 12px; box-sizing: border-box; margin-bottom: 30px}


.video-list .cols2 LI h2{ padding: 0 15px}
.video-list .cols2 LI A{ font-size: 14px;}
.video-list article .thumb{ margin-bottom: 10px}
.main-video article A::after{ display: none}

/*------------------SECTION--------------------*/
.page-section, .page-section P{ text-align: center}
.page-section h1 strong{background-color: #FFF;    z-index: 1;    position: relative;    padding: 0 30px; font-weight: 800}
.page-section h1{ position: relative; text-align: center}
.page-section h1::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000}
.submenu-sections{ display: flex; flex-wrap: wrap; justify-content: center}
.submenu-sections LI{ padding: 0 15px; border-right: 1px solid #000; margin-bottom: 15px}
.submenu-sections LI:last-child{ border-right: 0}
.submenu-sections A{ font-size: 16px; font-weight: 700; color: #cc0000; display: block; line-height: 16px}
.page-section .pic IMG{ width: 100%}
.page-section p, .page-section .text{ max-width: 600px; margin-right: auto; margin-left: auto; text-align: justify; margin-bottom: 20px}

/*--------------  EMISIUNI -------------*/
.page-emisiuni, .page-emisiuni P{ text-align: center}
.page-emisiuni h1 strong{background-color: #FFF;    z-index: 1;    position: relative;    padding: 0 30px; font-weight: 800}
.page-emisiuni h1{ position: relative; text-align: center}
.page-emisiuni h1::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000}

.emisiuni article{ border: 0}
.emisiuni H2 {text-transform: uppercase; padding: 0}
.emisiuni H2 A{ color: #CC0000; font-size: 20px; font-weight: 700; line-height: 24px}
.emisiuni H3 { font-size: 20px; padding-bottom: 10px; font-weight: bold}
.emisiuni span{ font-size: 16px; font-family: Catamaran, sans-serif; text-transform: uppercase; color: #292c33}

.emisiune-header{ background-color: #FFF;  padding: 15px 0; margin-bottom: 20px}
.emisiune-header H1{ margin-bottom: 0}
.emisiune-header .autor-ora-comentarii{ font-size: 26px; margin-bottom: 15px; font-weight: 500}
.emisiune-header .autor-ora-comentarii SPAN{ font-size: 20px; display: block; font-size: 14px}
.emisiune-header .text-icons{ display: flex; flex-wrap: wrap; align-items: flex-end}
.emisiune-header .text-icons .text{ flex: 0 0 auto; width: 100%; padding-right: 10px; margin-bottom: 20px }
.emisiune-header .icons{ flex: 0 0 auto; display: flex;  }
.emisiune-header .icons A{ flex: 0 0 auto}
.emisiune-header .icons svg{ width: 60px; height: 60px; padding: 15px; box-sizing: border-box}
.emisiune-header a.facebook path, .emisiune-header a.youtube path{ fill: #FFF}
.emisiune-header a.antenaplay svg{ background-color: #000}
.emisiune-header a.facebook svg{ background-color: #4267b2}
.emisiune-header a.youtube svg{ background-color: #ff0000}
.emisiune-header img{ width: 100%}

.focus-box{ margin-bottom: 30px;}
.focus-box.cols1{ border-left:2px solid #CC0000 }
.focus-box.cols1 LI{ margin-left: -2px}
DIV.focus-title{ font-size: 16px; font-weight: 800; background-color: #282c33; padding: 15px 25px; padding-left: 80px; color: #FFF; position: relative }
DIV.focus-title::before{content: ''; background-color: #CC0000; background-image: url("../images/focus.svg"); background-repeat: no-repeat; background-position: center; width: 56px; height: 56px; position: absolute; display: block; left: 0; top: 0 }
DIV.focus-more A{ font-size: 18px; font-weight: 800; background-color: #FFF; padding: 15px 25px; padding-left: 80px; color: #CC0000; position: relative; display: block }
DIV.focus-more A::before{content: ''; background-color: #CC0000; background-image: url("../images/arrow-right.svg?v=1"); background-repeat: no-repeat; background-position: center; width: 56px; height: 60px; position: absolute; display: block; left: 0; top: 0 }

.read_more A{ font-size: 18px; font-weight: 800; background-color: #282c33; padding: 15px 25px; padding-left: 80px; color: #FFF; position: relative; display: block }
.read_more A::before{content: ''; background-color: #CC0000; background-image: url("../images/arrow-right.svg?v=1"); background-repeat: no-repeat; background-position: center; width: 56px; height: 60px; position: absolute; display: block; left: 0; top: 0 }

/*--------------  PAGINA PROGRAM TV -------------*/
.program-page {
    padding:0 0 0 0;
    margin-bottom:20px;
}
.program-page h1 strong{background-color: #FFF;    z-index: 1;    position: relative;    padding: 0 30px; font-weight: 800}
.program-page h1{ position: relative; text-align: center; font-size: 26px; line-height: 38px;}
.program-page h1::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000; border-bottom: 1px solid #000}

.program-page UL{ display: flex}
.program-page li {
    flex:1;
    display:block;
    padding:0;
    margin:0;
    text-align:center;
    color:#000;
    text-shadow:0 1px 0 #fff;
    font-size:12px;
    font-weight:bold;
    overflow:hidden;
    border-bottom:1px solid #000;
    box-shadow:inset 1px 0 0 #fafafa;
}

.program-page li.ui-state-active, .program-page li.sel {
    background-color:#fff;
    border-top:none;
    height:38px;
    padding-top:2px;
}
.program-page li a {
    display:block;
    padding:13px 0 13px 0;
    font-size:18px;
    font-weight:bold;
    font-family:Catamaran, sans-serif;
}
.program-page li a:hover {
    color:#008cff;
}
.program-page li a span{ display: none}
.program-page H2{ margin-top: 20px; margin-bottom: 5px;  font-size: 32px; font-weight: 400}
.program-page table {
    border:none;
    width:100%;
    font-size:18px;
}
.program-page tr{ border-bottom: 1px solid #ccc}
.program-page td {
    padding:8px 10px; vertical-align: top;
}
.program-page td:first-child {
    width:40px;
    font-weight:bold;
    position: relative;
    padding-left: 30px;
}
.program-page td:first-child::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #cc0000;
    position: absolute;
    left: 10px;
    top: 16px;
}
.program-page td a {
    padding:10px 0;
}
.program-page td a:hover {
    color:#ff1500;
}
.program-page td span {
    font-weight:bold;
}

.btn-audio, .btn-video, .btn-aplay{ font-size: 16px; font-weight: 800; background-color: #282c33; padding: 15px 25px; padding-left: 80px; color: #FFF; position: relative; width: 100% }
.btn-audio::before, .btn-video::before{content: ''; background-color: #CC0000; background-image: url("../images/headphones.png"); background-repeat: no-repeat; background-position: center; width: 56px; height: 56px; position: absolute; display: block; left: 0; top: 0 }
.btn-audio, .btn-video{ margin-bottom: 30px;}
.btn-video::before{ background-image: url("../images/tv.png");}
.btn-aplay{padding-left: 20px}
.btn-aplay IMG{ height: 18px;}

/*---------GALLERY----------*/
#gallery{ overflow: hidden; display: flex; flex-wrap: wrap; height: calc(100vh - 106px); flex-direction: column}
#gallery MAIN{ display: flex; flex-direction: column; overflow: hidden; flex: 1; background-color: #FFF; position: relative; width: 100%; order: 2 }
#gallery MAIN .gallery-photo IMG { max-height: 100%; max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#gallery .owl-carousel{ background-color:#f2f3f5}
#gallery MAIN span.foto_name{background-color:#cecece; padding-left:5px; padding-right:5px; color:#1c1919; font-weight:bold; position: absolute;left: 50%;bottom: 0;}
#gallery MAIN .social{ position:absolute; left: 10px; top: 10px; margin-top: 0px}
#gallery MAIN .social a:hover{background-color:#AD1349}
#gallery MAIN .close{ position:absolute; width: 60px; height: 60px; line-height: 60px; font-size: 50px; text-align: center; right: 10px; top: 0px; background-color: #292c33;  display: block; font-family: Catamaran, sans-serif; color: #FFF; font-weight: normal; z-index: 3 }
#gallery MAIN .close:hover{ text-decoration:none; background-color:#AD1349 }
#gallery ASIDE{ width: 100%; height: 100px; flex: 0 0 auto; background-color: #404040; padding-top: 0px; box-sizing: border-box }
#gallery .owl-carousel,#gallery .owl-stage-outer, #gallery .owl-stage,#gallery .owl-item{ height: 100%}
#gallery .owl-carousel .owl-item img{ width: auto}

.gallery-photo{ flex: 1; position: relative; display: flex; flex-direction: column}
.gallery-photo H1{ padding:10px; text-align: left; font-size: 16px; line-height: 23px;  margin-bottom: 0; box-sizing: border-box; order: 2; font-weight: 700}
.gallery-photo H1 span{ display: block; font-weight: normal}
.gallery-thumbs{ height: 95px; flex: 0 0 auto; display: flex; flex-wrap:nowrap; width: 100%; overflow: hidden; overflow-x: auto; box-sizing: border-box; padding: 10px; scrollbar-width: thin; scrollbar-color:rgba(255,0,0,1) hsla(0,0%,100%,.1); }
.gallery-thumbs::-webkit-scrollbar{width: 5px; height: 10px}
.gallery-thumbs::-webkit-scrollbar-thumb{ background-color: red}
.gallery-thumbs .thumb:hover{ border: 1px solid #FFF}
.gallery-thumbs .thumb.activ{ border: 2px solid #FF0000}
.gallery-thumbs .thumb{ flex: 0 0 auto; width: 100px; position: relative;  box-sizing: border-box; margin-right: 5px }
.gallery-thumbs .thumb::after{ content: ''; display: block;padding-top: 69.25%}
.gallery-thumbs IMG{ position: absolute; left: 0; top: 0; display:block; width: 100%; height: 100%; object-fit: cover; object-position: center}
#navContainer{ order: 3; width: 100%; background-color: #000000; height: 60px; flex: 0 0 auto; display: flex; justify-content: space-between}
#navContainer button{ background-color: #292c33; border: 0; width: 60px; flex: 0 0 auto; color: #FFF; font-size: 30px}
#navContainer button.owl-next{ order: 2}
#navContainer #nr{ font-weight: bold; line-height: 60px; font-weight: bold; color: #FFF}

#gallery  .owl-carousel .owl-nav button.owl-next, #gallery  .owl-carousel .owl-nav button.owl-prev{ line-height: 40px }
#gallery   .owl-carousel .owl-nav button.owl-prev{ left: 0}
#gallery   .owl-carousel .owl-nav button.owl-next{ right: 0}
/*#gallery .photo-prev{ left:10px;}
#gallery .photo-next{ right:10px; }
#gallery .photo-prev, .photo-next{line-height: 40px; width: 45px; height: 45px; position: absolute; top: 50%; text-align: center; background-color: #FFF !important; border-radius: 300px; display:block; font-size: 30px; line-height: 38px; margin-top: -20px}
#gallery .photo-prev:hover, .photo-next:hover{ text-decoration:none}*/

.head.oneline{position: relative;    text-align: center; }
.head.oneline strong{ background-color: #FFF;    z-index: 1;    position: relative;  padding: 0 20px; text-transform: uppercase; color: #cc0000;    font-size: 20px;}
.head.oneline::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000;}
.r-top-content .head.oneline{ margin-bottom: 10px; font-size: 20px}
.r-top-content .head.oneline strong{ color:#cc0000; text-transform: uppercase }

/*------------------DIV OVER BOX EMAIL--------------------*/
#overlay{ width:100%; height:100%; background-color:#000; position:fixed; left:0; top:0; z-index:10000; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; display:none}
#box_email {
    background-color:#2A2A2A;
    display:none;
    padding:10px;
    position:absolute;
    width:615px;
    z-index:10001;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFF;
}
#box_email .close{ position:absolute; right:-16px; top:-16px; width:32px; height:32px; display:block; text-indent:-999999px; overflow:hidden }
.ui-tooltip {
    max-width: 300px;
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #1C1C1C;
    padding: 5px;
    opacity: 0.85;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
}
#gdpr{ position: fixed;width: 90%; max-height: 90%; overflow-y: auto;  top: 50%;left: 50%;z-index: 9999;max-width: 500px;transform: translateX(-50%) translateY(-50%); box-sizing: border-box; -moz-box-shadow: 0px 0px 14px #000;	-webkit-box-shadow: 0px 0px 14px #000;	box-shadow: 0px 0px 14px #000;}
#gdpr .text{ background-color:#FFF; padding:20px; width:100%; max-height:100%; overflow:auto; box-sizing:border-box;
    -moz-box-shadow: 0px 0px 14px #000;
    -webkit-box-shadow: 0px 0px 14px #000;
    box-shadow: 0px 0px 14px #000;
    -moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
    -webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
    border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
}
#gdpr A.close{ position:absolute; display:block; padding:10px 15px; right:-15px; top:-15px; font-size:15px; font-weight:bold; color:#FFF; background-color:#41121d;  font-family:"Arial Black", Gadget, sans-serif;
    -moz-border-radius:  				20px 20px 20px 20px /*{global-radii-buttons}*/;
    -webkit-border-radius: 				20px 20px 20px 20px /*{global-radii-buttons}*/;
    border-radius: 						20px 20px 20px 20px /*{global-radii-buttons}*/; display: none
}
.btn {
    color: #fff;
    padding: 10px 30px;
    background: #cc0000;
    text-align: center;
    font-weight: bold;
    display:inline-block;
    box-sizing: border-box;
}
.btn-black { background-color: #000}
.btn-trans { background-color: transparent; color: #CC0000}

/*--------LIST ARTICLE-----------*/
.cols1, .cols2, .cols3 , .cols4{ display: flex; flex-direction: column}
.cols2 LI article a, .cols3 LI article a, .cols4 LI article a{ font-size: 20px; line-height:1.2}
.partners .cols2 li article a, .partners .cols4 li article a{ font-size: 14px}


    /*---------BANNER----------*/
.bannerGrey {
    background-color: #f2f3f5;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.bannerGrey.home{ background-color: #FFF}

.bannerBox {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    min-height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.bannerBox > DIV, .bannerGrey > DIV{  margin: 0 auto;}
.DAGInScrollInner .bannerBox{ overflow: initial}
.section.philip-morris{ background-color: #0062a3}
.bH250{ min-height: 250px; margin-bottom: 20px; position: relative}
.branding{ background-repeat: no-repeat; background-size: cover}
#ribbon {
    position: fixed;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: block; text-align: center; background-color: #FFF;
}

#ribbon .close {background-color: #F00;width: 40px; height: pxpx;z-index: 10001; position: absolute; right: 0; top: -40px; font-size: 30px; line-height: 40px; text-align: center; color: #FFF; cursor: pointer}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}

footer {
    background-color: #292c33;
    padding: 20px 0px;
    text-align: center;
}
footer .wrap{ padding-left: 20px; padding-right: 20px}
.footer_copyright {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
.trusted-anpc{ display: block; text-align: center; margin-top: 20px}
.trusted-anpc img{ height: 50px}

.desktop_only{ display:none}
.fb-post.fb_iframe_widget {
    max-width: 600px !important;
    margin: 0 auto 20px !important;
    display: block !important;
}

.arr{ display: block; position: fixed; width: 50px; height: 50px; background-color: #FFF; top:50%; background-repeat: no-repeat;background-position: center;background-size: 32px; transition: left 0.5s, right 0.5s ;text-indent: -9999px; overflow: hidden; box-shadow: 0 0 10px -6px #000  }
#prev_art{background-image: url("prev-black.svg"); left: -60px }
#next_art{background-image: url("next-black.svg"); right: -60px }
#prev_art.show{ left: 0}
#next_art.show{ right: 0}

#promo-mobile{overflow: hidden; padding: 5px 60px 3px 15px; font-size: 0.9em; line-height: 1.3em; background-color: #C00; z-index: 3; color: #FFF; font-weight: bold; display: flex; align-items: center;position: fixed;bottom: 0;left: 0;width: 100%;height: 50px;box-sizing: border-box;}
#promo-mobile::after{ content: ""; display: block; background-color: #292c33;    border: 0;    width: 60px; height: 50px;  font-size: 30px; background-image: url(next-white.svg); position: absolute;right: 0; top: 0;    background-repeat: no-repeat;    background-position: center;}
@media all and  (min-width: 701px) {
    body{ padding-top: 80px}
    .wrap{ padding: 0 20px 1px; }
    .partners .wrap{ padding-left: 20px; padding-right: 20px}
    #nav{ height: 80px}
    #logo, #search, .burger{ order: 1}
    #preview-video{ width: auto; order: 1}
    #search{ margin-left: 30px}

    #submenu .submenu-parent{ margin-bottom: 6px}
    #submenu #subsectiuni{flex-direction: row}
    #submenu .submenu-item{ max-width: 120px; width: auto}
    #submenu .submenu-item LI{ display: block}
    #submenu .submenu-item LI a{  border-right: 0;padding:0; margin: 0; line-height: normal}
    /*---------SPLITER----------*/
    .spliter { display: flex; flex-wrap: wrap;  margin: 0 -15px; margin-bottom: 0; box-sizing: border-box; justify-content: center}
    .spliter .elements { flex: 0 0 auto; padding-left:15px; padding-right: 15px; box-sizing: border-box; float: left;}

    .marginbottom20{ margin-bottom: 20px}

    /*--------ARTICLE-----------*/
    article.main{ margin-bottom: 30px}
    article{border-left:2px solid #cc0000;}
    .articol h1, #location, .sapou, .articol .text P, .tags, .special-box, .contact, .subh1, .gal, #ivm-inread, .articol .text h2, .articol .text h3, .wrap_article, .articol .instagram-media, .articol .formpoll, .articol .r-top-content{  margin-left: auto !important; margin-right: auto !important; max-width: 600px}


    .gal::before{ content: ''; position: absolute; width: 50px; height: 50px; background-color: #CC0000; left: -50px; top: 2px; background-image: url("../images/camera.png"); background-repeat: no-repeat; background-position: center}
    /*--------LIST ARTICLE-----------*/
    .cols1 LI, .cols2 LI, .cols3 LI , .cols4 LI {margin-bottom: 20px}
    .cols1, .cols2, .cols3 , .cols4{ display: flex; flex-direction:row}
    .cols1 { display: flex; flex-wrap: wrap;  margin: 0; }
    .cols1 LI { flex: 0 0 auto; width: 100%; padding:0; box-sizing: border-box; margin-bottom: 30px}

    .cols2 { display: flex; flex-wrap: wrap;  margin: 0px -12px; }
    .cols2 LI { flex: 0 0 auto; width: 50%; padding:0px 12px; box-sizing: border-box; margin-bottom: 30px}

    .cols3 { display: flex; flex-wrap: wrap;  margin: 0px -12px; }
    .cols3 LI { flex: 0 0 auto; width: 33.3333%; padding:0px 12px; box-sizing: border-box; margin-bottom: 30px}

    .cols4 { display: flex; flex-wrap: wrap;  margin: 0px -12px; }
    .cols4 LI { flex: 0 0 auto; width: 25%; padding:0px 12px; box-sizing: border-box; margin-bottom: 30px}
    LI ARTICLE{height: 100%; }
    .partners .cols4 LI{ width: 25%;}

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background-color:  transparent; padding: 0 !important;}
    .owl-carousel .owl-nav button.owl-prev { position: absolute; left: -40px; top: 20%;}
    .owl-carousel .owl-nav button.owl-next { position: absolute; right: -40px; top: 20%;    }

    /*--------TOP VIWES-----------*/
    .topviews OL{ display: flex; flex-wrap: wrap;  margin: 0px -12px;}
    .topviews LI{ flex: 0 0 auto; width: 20%; padding:0px 12px; box-sizing: border-box;}

    /*--------LATES ARTICLE-----------*/
    .latest-article OL{ display: flex; flex-wrap: wrap;  margin: 0px -12px;}
    .latest-article LI{ flex: 0 0 auto; width: 20%; padding:0px 12px; box-sizing: border-box;}

    .sticky-video{ right: 20px; top: 100px; max-width: 500px; width: 400px; }
    .sticky-video::after{ padding-bottom: 56.25%}
    .sticky-video .video-content{ display: block}
    .sticky-video .video-content[data-title]::before{ display: none}
    .sticky-video .video-int{ width: 100%; left: 0}
    #playerHolder .sticky-video .close, .ivmWrapper .sticky-video .close{ top: -14px; right: -14px; width: 50px; height: 50px; bottom: auto; border-radius: 100%; position: absolute; cursor: pointer; z-index: 2}
    #ribbon{ display: none}

    /*--------EMISIUNi-----------*/
    .emisiune-header .wrap{ display: flex; justify-content: space-between}
    .emisiune-header .text-left { flex: 0 0 auto; width: 360px; padding-right: 30px}
    .emisiune-header .img{ flex: 1}

    /*--------ARTICLE BIGROW-----------*/
    article.big-row{ height: 330px; background-color: transparent; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; margin-bottom: 30px }
    article.big-row .abs,article.big-row .categ_date,article.big-row h2{ width: 40%; box-sizing: border-box; flex: 0 0 auto; color: #FFF}
    article.big-row .thumb{ order: 2; width: 50%; flex: 0 0 auto; margin: 0}

    .program-page li a span{ display: inline}

    .btn-audio, .btn-video .btn-aplay{ width: auto; margin-bottom: 0}
    .btn-aplay{ width: 500px; padding-right: 150px}
    .btn-aplay IMG{ position: absolute;  right: 6px; top: 16px;}

    /*---------GALLERY----------*/
    #gallery{ flex-direction: row; height: calc(100vh - 81px)}
    #gallery MAIN{ order: 0;}
    #gallery ASIDE{ width: 300px; height: auto; padding: 20px}
    .gallery-photo{padding: 10px; box-sizing: border-box; padding-bottom: 0}
    .gallery-photo H1{ order: 0; height: 60px; flex: 0 0 auto; width: calc(100% - 100px); padding: 0}
    #gallery MAIN .close{ top: 10px}
    #gallery .owl-carousel .owl-nav button.owl-next, #gallery .owl-carousel .owl-nav button.owl-prev { top: 50%; margin-top: -30px; width: 60px; height: 60px; background-color: #FFF}
    #gallery #navContainer{ display: none}

    #promo-mobile{ display: none}

    .mobile_only{ display:none !important}
    .desktop_only{ display:block !important}

    .bannerGrey .wrap { max-width: 100%;  }
    .bannerBox { overflow: initial;    }

    .banner-stick,  #latesnews{ position: sticky; top: 100px; margin-bottom: 30px}

    .arr{ display: none}

    .video-list .cols2 LI:nth-child(5n+1) { width: 100%}
    .video-list .cols2 LI:nth-child(5n+1) a{ font-size: 18px}
}
@media screen and (max-width: 700px) {

    .page-section .wrap{ padding:  0 20px}
    /*---------SPLITER----------*/
    .spliter .elements {
        float: none;
        width: 100% !important;
    }
    .bannerBox.min-height100{ min-height: 100px}
    .section-list-article ol{ padding: 0 20px}
    .section-list .cols1 article .categ_date{ padding-top: 5px}
    .section-list .cols2{ padding-left:20px; padding-right: 20px }
    .section-list .cols2 article, .section-list-article article{ display: flex; align-items: center; margin-bottom: 20px }
    .section-list .cols2 article .thumb, .section-list-article  article .thumb{ width: 40%; flex: 0 0 auto; margin-bottom: 0}
    .section-list .cols2 article h2, .section-list-article article h2{ padding-bottom: 0; padding-right: 0}
    .section-list .cols2 LI article a, .section-list-article LI article a{ font-size: 16px; line-height: 1.3}

    .ultima-ora .head{position: relative;  text-align: center;  padding: 0}
    .ultima-ora .head strong{background-color: #FFF;  font-weight: 700;  line-height: 1; display: inline-block;   z-index: 1;    position: relative; color: #000; padding: 0 20px; margin: 0 50px; color: #cc0000;  font-size: 20px; text-transform: uppercase}
    .ultima-ora .head::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px solid #000;}
    .ultima-ora .btn{ margin-left: 20px; margin-right: 20px; text-align: center}

    .articol .poza-articol{ margin-left: -20px; margin-right: -20px}

    .bannerBox{ position: relative}

    .header-new.submenu, .header-new.submenu .wrap { height: 100%}
    .header-new.submenu #submenu{ height: calc(100% - 100px)}
}

@charset "UTF-8";
body {
    padding-top: 106px;
}

@media all and (min-width: 701px) {
    body {
        padding-top: 81px;
    }
}

@media all and (min-width: 701px) {
    .spliter .elements:first-child {
        width: 900px !important;
    }
}

@media all and (min-width: 701px) {
    .spliter .elements:nth-child(2) {
        width: 330px !important;
    }
}

article .abs {
    line-height: 1.375;
}

article .categ_date {
    line-height: 1;
}


article .categ_name + .date {
    font-size: 12px;
}

article .categ_name + .date::before, article .date + .author::before {
    content: "\00a0\00bb\00a0\00a0";
    margin-left: 5px;
}

article.breaking.main .thumb::before {
    background-color: #FF0000;
}

article.main #playerHolder,
article.main .ivmWrapper,
article.main .player,
article.main .title_video {
    margin-bottom: 20px;
    margin-left: -2px;
    width: calc(100% + 2px);
}

#playerHolder,
.ivmWrapper,
.player,
.title_video {
    margin-bottom: 20px;
    width: 100%;
}

A[data-label]::before {
    background-color: transparent;
    border: 1px solid #CC0000;
    color: #CC0000;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    padding: 7px 8px 4px;
    margin-right: 10px;
    font-weight: 800;
    margin-top: -5px;
}

.cols2 LI article a, .cols4 LI article a {
    font-size: 20px;
    line-height: 1.2;
}

.cols2 LI article a A[data-label]::before, .cols4 LI article a A[data-label]::before {
    padding: 5px 6px 2px;
    margin-right: 8px;
}
.section.dark-grey .wrap {
    padding-bottom: 20px;
}

section .wrap,
.section .wrap {
    padding-top: 20px;
    background-color: #FFF;
}


div.focus-title {
    text-transform: uppercase;
    line-height: 1.1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 26px;
}

@media all and (min-width: 701px) {
    div.focus-title {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 16px 25px 14px 80px;
    }
}

div.focus-title::before {
    height: auto;
    bottom: 0;
}

div.focus-more {
    min-height: 56px;
    position: relative;
}

@media all and (min-width: 701px) {
    div.focus-more {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

div.focus-more a {
    line-height: 1.1;
    position: static;
    min-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (min-width: 701px) {
    div.focus-more a {
        padding: 16px 25px 14px 80px;
    }
}

div.focus-more a::before {
    height: auto;
    bottom: 0;
}

@media all and (min-width: 701px) {
    .burger {
        position: relative;
        padding-right: 49px;
    }
    .burger::after {
        content: 'Meniu';
        color: #fff;
        font-weight: 800;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(calc(-50% + 1px));
        transform: translateY(calc(-50% + 1px));
    }
}

.burger .bar1,
.burger .bar2,
.burger .bar3 {
    height: 2px;
    border-radius: 5px;
}

#header.active .bar1, #header.submenu .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5.5px, 5.5px);
    transform: rotate(-45deg) translate(-5.5px, 5.5px);
}

#search {
    background-image: url(search_white.svg);
    height: 32px;
    width: 32px;
    background-size: 32px;
}

@media all and (min-width: 701px) {
    #search {
        position: relative;
        width: 90px;
        background-position: left center;
        margin-left: 35px;
    }
    #search::after {
        content: 'Căutare';
        color: #fff;
        font-weight: 800;
        font-size: 12px;
        position: absolute;
        left: 44px;
        top: 50%;
        -webkit-transform: translateY(calc(-50% + 1px));
        transform: translateY(calc(-50% + 1px));
        text-indent: 0;
    }
}

#preview-video {
    background-color: #000;
    -webkit-box-shadow: 30px 0 0 #000, -30px 0 0 #000;
    box-shadow: 30px 0 0 #000, -30px 0 0 #000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media all and (min-width: 701px) {
    #preview-video {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        margin-left: auto;
        height: auto;
    }
}

#preview-video .tv {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

@media all and (min-width: 701px) {
    #preview-video .tv {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

#preview-video .tv img {
    height: 16px;
}

@media all and (min-width: 701px) {
    #preview-video .tv img {
        height: auto;
    }
}

#preview-video .title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    line-height: 1.2;
    font-size: 12px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 2px;
    display: block;
}

@media all and (min-width: 701px) {
    #preview-video .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        max-width: 260px;
        padding-left: 0;
        padding-right: 16px;
    }
}

@media all and (max-width: 700px) {
    #preview-video .title br {
        content: "";
    }
}

@media all and (max-width: 700px) {
    #preview-video .title br::after {
        content: ':\00a0';
    }
}

@media all and (min-width: 701px) {
    #preview-video .title br {
        display: inline;
    }
}

#menu-top .buton-cautare {
    background-color: #CC0000;
    font-family: 'Catamaran', sans-serif;
}

#menu-top .camp-cautare INPUT {
    font-family: 'Catamaran', sans-serif;
}

.stirile-zilei .head {
    line-height: 1;
}

.stirile-zilei .head::after {
    opacity: .5;
}

.stirile-zilei .head strong {
    padding: 0 20px;
    display: inline-block;
    margin: 0 40px;
}


@media all and (min-width: 701px) {
    .banner-stick, #latesnews {
        margin-bottom: 20px;
    }
}

@media all and (min-width: 701px) {
    .ultima-ora {
        margin-bottom: 20px;
    }
}



.trusted-anpc a {
    display: inline-block;
    margin-bottom: 10px;
}

.trusted-anpc a img {
    vertical-align: top;
}

.footer_copyright {
    line-height: 1.4;
    font-weight: 400;
}

.footer_copyright a::after {
    content: '\a';
    white-space: pre;
}

.footer_copyright a::before {
    content: '\a';
    white-space: pre;
}

.footer_copyright a + a::before {
    display: none;
}

#ot-sdk-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    background-color: #292C33;
    color: #fff;
    margin-top: 10px;
    border-radius: 100px;
    line-height: 1;
    padding: 10px 20px 9px;
    font-family: 'Catamaran', sans-serif;
}

.program-page li a:hover {
    color: #CC0000;
}

.articol h1 {
    text-align: left;
}

.articol p.sapou {
    line-height: 1.5;
    text-align: left;
}

.articol .text {
    line-height: 1.5;
    text-align: left;
}

.articol .text ul,
.articol .text ol {
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}

@media all and (min-width: 701px) {
    .articol .text ul,
    .articol .text ol {
        max-width: 580px;
        margin-left: auto;
        margin-right: auto;
    }
}

.articol .text h2 {
    line-height: 1.2;
    margin-bottom: 20px;
}

.articol blockquote {
    padding: 0 0 0 55px;
    margin: 30px 0;
    font-size: 18px;
    line-height: 1.5;
    font-style: normal;
    border-left: none;
    color: #292C33;
    position: relative;
}

@media all and (min-width: 701px) {
    .articol blockquote {
        max-width: 515px;
        margin: 40px auto;
        padding-left: 85px;
    }
}

.articol blockquote::before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(quote.svg);
    background-color: #CC0000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    z-index: 1;
}

@media all and (min-width: 701px) {
    .articol blockquote::before {
        width: 60px;
        height: 60px;
        background-size: 26px;
    }
}

.articol blockquote::after {
    position: absolute;
    display: block;
    content: '';
    top: 40px;
    left: 39px;
    width: 1px;
    bottom: 0;
    background-color: rgba(41, 44, 51, 0.25);
}

@media all and (min-width: 701px) {
    .articol blockquote::after {
        top: 60px;
        left: 59px;
    }
}

.twitter-tweet {
    max-width: 600px !important;
    margin: 0 auto 20px !important;
}

.autor-ora-comentarii {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 20px;
}

.gal + a {
    font-size: 14px;
    margin-bottom: 20px;
}

.special-box {
    line-height: 1.2;
}



.page-section h1 strong {
    padding: 0 20px;
    line-height: 1;
    display: inline-block;
    margin: 0 50px;
}

.page-section h1::after {
    opacity: .5;
    top: 46%;
}


@media all and (min-width: 701px) {
    .partners .cols4 {
        margin: 0 -12px;
    }
}


@media all and (min-width: 701px) {
    .partners .cols4 li {
        padding: 0 12px;
        margin-bottom: 24px;
    }
}

.fb-video {
    max-width: 600px !important;
    margin: 0 auto 20px !important;
    display: block !important;
}

#ivm-inread {
    width: calc(100vw - 40px);
    height: calc((100vw - 40px) * 9 / 16);
}

@media all and (min-width: 701px) {
    #ivm-inread {
        width: 600px;
        height: 338px;
    }
}

.tags strong {
    margin-right: 5px;
}

.tags a {
    margin: 0 0 4px 0;
    padding-top: 2px;
    border-radius: 100px;
}

@media all and (min-width: 701px) {
    .page-emisiuni h1 {
        margin-bottom: 30px;
        margin-top: 10px;
    }
}

.page-emisiuni h1 strong {
    padding: 0 20px;
}

@media all and (min-width: 701px) {
    .page-emisiuni .cols1 LI, .page-emisiuni .cols2 LI, .page-emisiuni .cols3 LI, .page-emisiuni .cols4 LI {
        margin-bottom: 30px;
    }
}

.emisiuni h2 {
    text-transform: none;
    line-height: 1.2;
}

.emisiuni h2 a {
    line-height: 1.2;
}

.emisiuni h3 {
    line-height: 1.2;
    padding-bottom: 0;
}

.emisiuni span {
    text-transform: none;
}

.emisiuni .thumb {
    margin-left: 0;
    margin-bottom: 15px;
}

.emisiuni .thumb::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #CC0000;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.emisiune-header {
    padding-top: 1px;
    margin-bottom: 5px;
}

@media all and (min-width: 701px) {
    .emisiune-header {
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
    }
}

.emisiune-header .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media all and (min-width: 701px) {
    .emisiune-header .wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        background-color: #fff ;
    }
}

.emisiune-header .text-left {
    border-left: 2px solid #CC0000;
}

@media all and (min-width: 701px) {
    .emisiune-header .text-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
    }
}

.emisiune-header .img img {
    vertical-align: top;
}

.emisiune-header h1 {
    padding: 22px 20px 0;
    font-size: 26px;
    color: #CC0000;
    line-height: 1.2;
}

.emisiune-header .autor-ora-comentarii {
    margin: 0;
    padding: 0 20px;
    font-weight: 700;
    line-height: 1.2;
}

.emisiune-header .autor-ora-comentarii span {
    font-weight: 400;
    padding-top: 5px;
    font-size: 16px;
}

.emisiune-header .text-icons {
    display: block;
}

.emisiune-header .text-icons .text {
    padding: 15px 20px 1px;
    line-height: 1.375;
    font-size: 16px;
    width: auto;
}

.emisiune-header .icons svg {
    vertical-align: top;
}

#ribbon .close {
    background-color: #CC0000;
    color: transparent;
    background-image: url(close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

.special-box-pm {
    margin-bottom: 30px;
    -webkit-box-shadow: inset 2px 0 0 #CC0000;
    box-shadow: inset 2px 0 0 #CC0000;
}

@media all and (min-width: 701px) {
    .special-box-pm {
        margin: 50px auto;
    }
}

.special-box-pm p {
    display: none;
}

.special-box-pm .special-box-pm__titlu {
    text-transform: uppercase;
    background-color: #CC0000;
    font-size: 12px;
    padding: 7px 12px 4px;
    display: inline-block;
    color: #fff;
    margin-bottom: 15px;
}

.special-box-pm h2 {
    line-height: 1.1;
    font-weight: 700;
    display: block;
    padding: 18px 10px 10px 20px;
    font-size: 24px;
}

@media all and (min-width: 701px) {
    .special-box-pm h2 {
        font-size: 32px;
    }
}

.source {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

@media all and (min-width: 701px) {
    .contact {
        font-size: 26px;
    }
}



.emisiune-secundara .autor-ora-comentarii {
    text-align: center;
    margin-top: -10px;
    font-size: 20px;
    line-height: 1.375;
}

.emisiune-secundara .text {
    font-size: 16px;
    line-height: 1.375;
    text-align: left;
    padding: 15px 0 25px;
}

article.layout1,
article.layout5,
article.layout2 {
    border-left-color: #292C33;
}

article.layout1 .thumb,
article.layout5 .thumb,
article.layout2 .thumb {
    mix-blend-mode: luminosity;
    opacity: .3;
}

article.layout1 .thumb::before,
article.layout5 .thumb::before,
article.layout2 .thumb::before {
    display: none;
}

article.layout1 A[data-label]::before,
article.layout5 A[data-label]::before,
article.layout2 A[data-label]::before {
    color: #fff;
    border-color: #fff;
}

.cols1 article.layout1 .categ_date,
.cols1 article.layout1 .abs,
.cols1 article.layout1 h2,
.cols1 article.layout5 .categ_date,
.cols1 article.layout5 .abs,
.cols1 article.layout5 h2,
.cols1 article.layout2 .categ_date,
.cols1 article.layout2 .abs,
.cols1 article.layout2 h2 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}

@media all and (min-width: 701px) {
    .cols1 article.layout1 .categ_date,
    .cols1 article.layout1 .abs,
    .cols1 article.layout1 h2,
    .cols1 article.layout5 .categ_date,
    .cols1 article.layout5 .abs,
    .cols1 article.layout5 h2,
    .cols1 article.layout2 .categ_date,
    .cols1 article.layout2 .abs,
    .cols1 article.layout2 h2 {
        position: absolute;
    }
}

@media all and (min-width: 701px) {
    .cols1 article.layout1 .abs,
    .cols1 article.layout5 .abs,
    .cols1 article.layout2 .abs {
        top: 42px;
    }
}

.cols1 article.layout1 h2,
.cols1 article.layout5 h2,
.cols1 article.layout2 h2 {
    margin-top: 10px;
}

@media all and (min-width: 701px) {
    .cols1 article.layout1 h2,
    .cols1 article.layout5 h2,
    .cols1 article.layout2 h2 {
        margin-top: 0;
        bottom: 0;
    }
}

.cols1 article.layout1 .thumb,
.cols1 article.layout5 .thumb,
.cols1 article.layout2 .thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media all and (min-width: 701px) {
    .cols1 article.layout1 .thumb,
    .cols1 article.layout5 .thumb,
    .cols1 article.layout2 .thumb {
        position: relative;
    }
}

.cols1 article.layout1 .thumb img,
.cols1 article.layout5 .thumb img,
.cols1 article.layout2 .thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#gallery MAIN .close {
    color: transparent;
    background-image: url(close.svg);
    right: 0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    font-size: 0;
}

@media all and (min-width: 701px) {
    #gallery MAIN .close {
        width: 60px;
        height: 60px;
        right: 20px;
        top: 20px;
        background-size: 32px;
    }
}

#gallery MAIN .close:hover {
    background-color: #CC0000;
}

#navContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 1000;
}

#navContainer button {
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
}

#navContainer button.owl-prev {
    background-image: url(prev-white.svg);
}

#navContainer button.owl-next {
    background-image: url(next-white.svg);
}

.gallery-photo H1 {
    padding: 20px 20px 10px;
    line-height: 1.4;
}

@media all and (min-width: 701px) {
    .gallery-photo H1 {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 2px;
    }
}

.gallery-thumbs::-webkit-scrollbar-thumb {
    background-color: #CC0000;
}

.gallery-thumbs::-webkit-scrollbar {
    height: 2px;
}

.gallery-thumbs .thumb.activ {
    border-color: #CC0000;
}

#navContainer #nr {
    font-size: 20px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#gallery ~ footer {
    padding-bottom: 80px;
}

@media all and (min-width: 701px) {
    #gallery ~ footer {
        padding-bottom: 20px;
    }
}

@media all and (min-width: 701px) {
    #gallery ASIDE {
        width: 340px;
    }
}

@media all and (min-width: 701px) {
    .gallery-photo {
        padding: 20px 20px 0;
    }
}

@media all and (min-width: 701px) {
    .gallery-thumbs {
        padding: 5px 20px 20px;
    }
}

@media all and (min-width: 701px) {
    #gallery .owl-carousel .owl-nav button.owl-next,
    #gallery .owl-carousel .owl-nav button.owl-prev {
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 32px;
    }
}

#gallery .owl-carousel .owl-nav button.owl-next:hover,
#gallery .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: rgba(41, 44, 51, 0.1);
}

@media all and (min-width: 701px) {
    #gallery .owl-carousel .owl-nav button.owl-next {
        background-image: url(next-black.svg);
    }
}

@media all and (min-width: 701px) {
    #gallery .owl-carousel .owl-nav button.owl-prev {
        background-image: url(prev-black.svg);
    }
}
@media all and (max-width: 415px) {
    .video-js .vjs-progress-control {
        display: none !important;
    }
}

.DAGInScrollContainer{ position: relative}
/*# sourceMappingURL=style_addon.css.map */