/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCm3FwrK3iLTcvnUwkT9mIzF59cK0sL.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCm3FwrK3iLTcvnUwAT9mIzF59cK0sL.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCm3FwrK3iLTcvnUwoT9mIzF59cK0sL.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCm3FwrK3iLTcvnUwQT9mIzF59cKw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCo3FwrK3iLTcvvYwYZ90A2N59MKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCo3FwrK3iLTcvmYwYZ90A2N59MKw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCo3FwrK3iLTcvsYwYZ90A2N59MKw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://www.antena3.ro/static/fonts/inter/UcCo3FwrK3iLTcviYwYZ90A2N58.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{ padding: 0; margin: 0; font-family: 'Inter', sans-serif; color: #000; font-size: 18px;  background-color: #fff;}
body.body-article { background-color: #fff;}

H1,H2{font-family: 'Inter', sans-serif; font-weight: bold}
H1{ font-size: 32px; line-height: 38px;  }
a:hover{ text-decoration: underline;   text-decoration-thickness: 1px;  text-underline-offset:0.3em; text-decoration-color: #aaa }
a:focus,button{ outline-style:none; outline-width:0}
LI{ list-style-type: none; box-sizing: border-box}

.wrap{ width: 100%;  max-width: 1440px; margin: 0 auto; text-align: left; position: relative; box-sizing: border-box; padding: 0 16px }
.section.grey .wrap { background-color:#f2f3f5; }
.partners.section.grey .wrap { background-color:#FFF; }
.wrap-flex .wrap{ display: flex}
.layout-wrapper{ position: relative; background-color: #FFF;}
/*--------------HEADER--------*/
#header{position: sticky; left: 0; top: 0; width: 100%; z-index: 10001; background-color: #000; display: flex; flex-direction: column}
#header .wrap{ padding: 0 16px; }
#logo{   display: block; background-position: left center; background-repeat: no-repeat; background-size:97px auto; position: relative; background-image: url('../images/logo-antena-3-cnn.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; position: relative; padding-right: 15px  }
.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}

.header-right{ order: 2}
.header-right a{ color: #FFF; font-size: 16px; margin-left: 10px}
.header-right a.stream-audio{ padding-left: 30px; background-image: url('../images/icon-casti.svg'); background-repeat: no-repeat; background-position: left center; background-size: 25px 25px}
.header-right a.video{ padding-left: 28px; background-image: url('../images/video-meniu.svg'); background-repeat: no-repeat; background-position: left center; background-size: 22px 22px}


.section-header{ font-size: 12px; line-height: 16px; color: #7f7e7e}
.section-header h1{ font-size: 12px; line-height: 16px;  display: inline; color: #000}
.section-header .more-desc{ display: none}
.section-header .more-desc.active{ display: inline}
.section-header .show-more{ margin-left: 5px ;background-color: transparent; border: 0}

/*--------------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, #menu-search-bottom{ justify-content:flex-end; display: none; flex-direction: row; align-items: center;   background-color: transparent; justify-content:center; box-sizing: border-box; width: 100%}
#menu-top LI{}
#menu-top LI A, #menu-search-bottom LI A{ display: block; padding: 10px;font-size: 12px; color: #000; font-weight: bold; }
#menu-top .camp-cautare INPUT, #menu-search-bottom .camp-cautare INPUT{ border:0; border-radius: 7px; padding: 7px 10px; padding-right: 28px; width: 100%;  font-size: 16px; background-image: url("https://www.antena3.ro/static/images/search.svg?v=2"); background-position: right center; background-size: 32px; background-repeat: no-repeat; background-color: #FFF; font-family: 'Inter', sans-serif; box-sizing: border-box; }
#menu-top .buton-cautare, #menu-search-bottom .buton-cautare{ display: none; background-color: #ff0000; color: #FFF; padding: 10px; border: 0; margin: 0 auto; margin-top: 10px; width: 100%}
#menu-top form, #menu-search-bottom form{ width: 100%; }
.header-new.search #menu-top{ display: flex; height: auto}
.header-new.submenu #menu-top{ display: block}
#menu-search-bottom{ display: block}


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

#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:#000; font-weight: 500}
#location SPAN{ padding-left:5px; padding-right:5px}

/*--------ARTICLE-----------*/
article{ width: 100%;  box-sizing: border-box; position: relative;  background-color: #FFF; border-bottom: 1px solid #e6e6e6; padding-bottom: 12px }
UL LI:last-child ARTICLE{ border-bottom: 0}
article .thumb{ position: relative; display: block; overflow: hidden; margin-bottom: 10px; margin-left: 0}
article .player{ margin-bottom: 10px}
article .thumb:hover{ border:0px !important}
article .thumb::after {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.thumb-round-corner article .thumb{ border-radius: 5px}

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:rgb(255,255,255,.8);   background-repeat: no-repeat;   background-image: url('../images/play-new.png');  background-position:center; background-size: 70% 70%;  content: "";     pointer-events: none;    position: absolute;    left: 4px ; bottom: 4px; z-index: 1; width: 40px; height: 40px; border-radius: 3px; }
article.gal-foto .thumb::before{ background-color:rgb(255,255,255,.8);   background-repeat: no-repeat;   background-image: url('../images/icon-foto2.svg');  background-position:4px center; background-size: 18px 18px;  content: "Galerie"; padding:   5px 5px 5px 26px;   pointer-events: none;    position: absolute;   left: 4px ; bottom: 4px; z-index: 1; display: flex; align-items: center; font-size: 10px; width: 40px; border-radius: 3px;  }
.section-list .cols2 article.video .thumb::before, .section-list-article  article .thumb::before, .r-top-content article .thumb::before{ width: 30px; height: 30px}

article h3, article h2{  font-size:20px; line-height: 1.3;  }
article A{  padding-bottom: 0;  font-size:20px; line-height: 1.3;  font-weight: 500; font-family: "Inter", serif; }
article A span{ ;}
article A::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
article.no-big-link  A::after{ display: none !important;}
article.mainmap .presedinte, article.mainmap #legend { display: none}
article.mainmap #split_votes{ bottom: 0; font-size: 13px}
article.mainmap .special-states{ width: 115px}
article.mainmap .wrap-map .harta-container{ padding: 10px !important;}

.life article a{ font-family: "Playfair", serif; font-size: 24px ; line-height: 30px }
.travel article a{ font-family: "Slabo 13px", serif; font-size: 22px ; line-height: 28px }

article .thumb[data-labeltext]::before, article .thumb p { background-image:none;  content: attr(data-labeltext); display: inline-block; background-size: auto; background-color: #CC0000; background-image: linear-gradient(to right, #cc0000, #8a2829); color: #FFF; text-transform: uppercase; padding: 3px 10px; z-index: 2; position: absolute; bottom: 4px; left: 4px; font-size: 12px; font-weight: 800; border-radius: 3px; width: auto; height: auto}
article .thumb p::before{ animation: blink 2s ease infinite; background-color: #fff; border-radius: 100%; content: ''; width: 8px; height: 8px; display: inline-block; margin-right: 7px}
@keyframes blink {
    80% {opacity:0}
    100% {opacity:1}
}


article.video.noPic A::before{  background-repeat: no-repeat;   background-image: url('../images/video-meniu.svg?v=1');  background-position:center; background-size: 100% 100%;  content: ""; display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-top: -8px; margin-right: 5px  }
article.gal-foto.noPic A::before{  background-repeat: no-repeat;   background-image: url('../images/icon-foto2.svg');  background-position:0px center; background-size: 21px 21px;  content: ""; display: inline-block; width: 28px; height: 25px; vertical-align: middle; margin-top: -6px   }

footer article.gal-foto.noPic A::before{ background-image: url('../images/icon-foto-alb.svg?v=1')}

article.noPic A[data-labeltext]::before {
    content: attr(data-labeltext);
    display: inline-block;
    background-color: transparent;
    color: #CC0000;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    margin-right: 10px;
    font-weight: 800;
    vertical-align: middle;
    margin-top: -3px;
    width: auto;
    height: auto;
    background-image: none;
}

article.noPic A P {
    display: inline-block;
    color: #CC0000;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    margin-right: 10px;
    font-weight: 800;
    vertical-align: middle;
    margin-top: -3px;
}
article.noPic A P::before{ animation: blink 2s ease infinite; background-color: #CC0000; border-radius: 100%; content: ''; width: 8px; height: 8px; display: inline-block; margin-right: 7px}

article H2 span.autor{ font-size: 20px; color: #FFF; display: block}
article .categ_date{ padding: 10px 20px}
article .categ_name{font-family: 'Inter', sans-serif;  font-size: 14px;  font-weight: 600; color: #292c33; padding: 0;}
article .date{ font-family:'Inter', sans-serif; font-weight: normal; font-size: 12px; display: block; color: #62656d; margin-top: 7px; box-sizing: border-box }
article .author{ font-family:'Inter', sans-serif; font-weight: normal; font-size: 14px; display: inline; text-transform: uppercase }
article .abs{ padding-to: 10px; padding-top: 0;  font-family:'Inter', sans-serif; font-weight: 600; font-size: 22px;}
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{ display: flex; flex-direction: column; border-bottom: 0; margin-bottom: 15px; }
article.main .thumb{ margin-bottom: 0; }
article.main .abs{ order: 3; margin-bottom: 0; margin-top: 12px}
article.main A{ font-size: 32px; line-height: 40px; font-weight: 700; font-family: 'Inter', sans-serif;}
article.main A:hover{ color: #6e6e6e; text-underline-offset: 8px; }
article.main .tt-dd{ z-index: 2; order: -1; margin-bottom: 12px}

/*--------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; }
.cols1.list-articles LI{margin-bottom: 12px}
.cols1.list-articles article h3, .cols1.list-articles article h2{font-size: 16px; line-height: 22px; padding: 0}
.cols1.list-articles article a{ font-size: 16px; line-height: 22px; font-weight: normal; font-family: 'Inter', sans-serif; }
.life .cols1.list-articles article a{ font-size: 20px;  line-height: 24px;  font-family: "Playfair", serif;}
.travel .cols1.list-articles article a{ font-size: 20px;  line-height: 24px;  font-family: "Slabo 13px", serif}
.cols1.with-bullet LI{list-style-type: disc; margin-left: 25px; list-style-position: outside; }

.cols1.pictures-left article{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center}
.cols1.pictures-left article .thumb, .cols1.pictures-left article .player{ flex:  0 0 auto; width: 130px; margin-bottom: 0}
.cols1.pictures-left article .thumb, .other-same-section article .thumb{ border-radius: 4px}
.cols1.pictures-left .tt-dd{ flex: 1; padding-left: 10px}
.cols1.pictures-left h3, .cols1.pictures-left h2{ font-size: 16px; font-weight: normal; line-height: 22px; }
.cols1.pictures-left a{ font-size: 16px; font-weight: normal; line-height: 22px; font-family: 'Inter', sans-serif;}
.life .cols1.pictures-left a{ font-size: 20px;  line-height: 24px;  font-family: "Playfair", serif;}
.travel .cols1.pictures-left a{font-family: "Playfair", serif; "Slabo 13px", serif}

/*--------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 TOP FOOTER-----------*/
.top-articles{ border-bottom: 1px solid #3b3b3b; margin-bottom: 20px}
.top-articles .head{ color: #FFF; font-size: 32px; margin: 30px 0; font-weight: bold}
.top-articles .head::before{display: none}
.top-articles article{ background-color: transparent;  border-bottom: 1px solid #3b3b3b}
.top-articles article a{ color: #FFF}

/*--------PLAYER-----------*/
#playerHolder, .ivmWrapper, .title_video{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    display:block;
    overflow:hidden;
}
.player{position: relative; display:block;    overflow:hidden;    width: 100%; }
.player::after {
    content: '';
    display: block;
    padding-top: 56.25%;
}
.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: 20%; bottom: 60px; width: 60%; z-index: 10003;   }
.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-int{ position: absolute;    width: 60%; height: 100%;  left: 17%; z-index: 1}
*/

#playerHolder .close,
.ivmWrapper .close {

    width: 35px;
    height: 35px;
    background-color: rgba(0,0,0,.7);
    color: transparent !important;
    background-image: url(close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    order: 3;
    display: none;

    border-radius: 100%;
    top: -14px; right: -14px;
    position: absolute; cursor: pointer; z-index: 5000;
    display: none;
}

#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 0px 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 .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 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: 25%;}
.owl-carousel .owl-nav button.owl-next {  position: absolute; right: 0px; top: 25%;}

/*----------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; font-weight: bold; line-height: 18px}
#emisiuni-slider span{ display: block;}
#emisiuni-slider span.title{ color:#555 }
#emisiuni-slider span.with{color: #000; margin-bottom: 5px}
#emisiuni-slider span.hours{color: #000; 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:16px;
    line-height: 1.7;
    text-align: left;
    margin-bottom:20px;
    margin-top: 20px;
}
.poza-articol, main.articol .pic{ position:relative; background-color: #f1f1f1; text-align: center; margin-bottom: 20px}
.poza-articol{ margin-bottom: 0}

.poza-articol.video::before{ background-color:rgb(255,255,255,.8);   background-repeat: no-repeat;   background-image: url('../images/play-new.png');  background-position:center; background-size: 70% 70%;  content: "";     pointer-events: none;    position: absolute;    left: 4px ; bottom: 4px; z-index: 1; width: 40px; height: 40px; border-radius: 3px; }
.poza-articol.gal-foto::before{ background-color:rgb(255,255,255,.8);   background-repeat: no-repeat;   background-image: url('../images/icon-foto2.svg');  background-position:4px center; background-size: 18px 18px;  content: "Galerie"; padding:   5px 5px 5px 26px;   pointer-events: none;    position: absolute;   left: 4px ; bottom: 4px; z-index: 1; display: flex; align-items: center; font-size: 10px; width: 40px; border-radius: 3px;  }
.poza-articol[data-labeltext]::before, .poza-articol p { background-image:none;  content: attr(data-labeltext); display: inline-block; background-size: auto; background-color: #CC0000; background-image: linear-gradient(to right, #cc0000, #8a2829); color: #FFF; text-transform: uppercase; padding: 3px 10px; z-index: 2; position: absolute; bottom: 4px; left: 4px; font-size: 12px; font-weight: 800; border-radius: 3px; width: auto; height: auto}

.poza-articol::after, main.articol .pic::after{content: '';    display: block;    padding-top: 56.25%;}
.poza-articol IMG, main.articol .pic IMG{ position: absolute; display: block;  width: 100%; height: 100%;  margin: 0 auto; object-fit: cover; object-position: center }
.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 }
.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;}
.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: 20px; font-size: 1.4em;  line-height: 1.2;}
.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: 1.5;
    margin-bottom:15px;
    /*max-width:450px;*/
    padding-left:50px;
}


.articol .text ul {
    list-style-type:square;
}
.articol .text li, .live-text .sidebar 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;
}
.folders-home {    display: flex; justify-content: left; overflow: auto ; padding: 30px 20px  15px 20px; background-color: #FFF}
.folders-home a{ border-right:1px solid #CCC; padding-right:10px; margin-right: 10px; font-size: 16px; white-space: nowrap }
.folders-home a:last-child{ border-right:0 }

.article-head{ display: flex; margin-bottom: 20px; flex-direction: column}
.article-head .article-head-left{ width: 100%; flex:  0 0 auto; box-sizing: border-box; }
.article-head .article-head-right{ width: 100%; flex:  0 0 auto }

.live-text .wrap{ max-width: 1210px}
.live-text .text{ margin-top: 0}
.live-text .sidebar{
    font-size:16px;
    line-height: 1.7;
    text-align: left;
    margin-bottom: 40px;
    padding: 20px;
}
.live-text .sidebar p{ margin-bottom: 15px}
.live-text .sidebar UL, .live-text .sidebar OL{ margin-left: 15px}

.livetext-item{ border: 1px solid #e6e6e6; border-radius: 3px; margin-bottom: 25px; padding: 25px; box-sizing: border-box; position: relative}
.livetext-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 1px;
    border-top: 3px solid #cc0000;
}
.livetext-item .time{ font-size: 12px; display: block; margin-bottom: 15px; color: #666}
.livetext-item .social UL{ margin-right: 0 !important; margin-bottom: 0 !important;}
.livetext-item h2{ margin-bottom: 5px !important;}
.select{ flex: 1; text-align: right}
.select select{  background-color: #FFF;  border: 0}

/*-------------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; background-color: #f2f3f5;  }
.r-top-content article{ background-color: #f2f3f5; padding: 15px; display: flex; flex-wrap: wrap; align-items: center; padding-top: 0}
.r-top-content article .thumb{ width: 130px; 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;  box-sizing: border-box; flex:  1; }
.r-top-content .head{ padding-left: 15px}

.bara_social{ margin-bottom: 25px}
.autor-ora-comentarii{ flex: 1;}
.autor-ora-comentarii a{ color:#cc0000}

.subtitle{ display: flex; margin-bottom: 15px; flex-direction: column}
.subh1{ flex: 1; color: #7c7077; font-size: 16px; margin-bottom: 12px}
.subh1 span{ display: block; margin: 7px 0}
.subh1_b{ display: flex; flex-direction: column; }
.subh1_b span{ margin-right: 10px;}
.subtitle .read-time{ background-image: url('../images/clock.svg'); background-position: left center; background-repeat: no-repeat; padding-left: 25px}
.subtitle .time{  color: #7c7077; }

.social{ }
.social UL{display: flex; justify-content: space-between; width: 120px;}
.social li{ flex: 0 0 auto;  text-align: center; font-size: 12px; list-style-type: none !important; position: relative}
.social li A{ width: 30px; height: 30px; box-sizing: border-box; display: block}
.social li A svg{  width: 100%; height: 100%;  color: #292c33; }
.social li A:hover{ text-decoration: none}
.social .copy-url{ position: absolute; left: 50px; top: 5px; white-space: nowrap}


.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: #000 !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: 16px;
    align-items: center;
    margin-top: 10px;
}
.contact::before{ content: '';  width: 30px; height: 30px; background-image: url("../images/whapp.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; flex: 0 0 auto; margin-right: 15px}
.contact a{ color: #000}
#_ivmOutstreamContainer{ margin-bottom: 20px}

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

.topviews { counter-reset: mvp-trend;}
.topviews LI{ margin-bottom: 12px}
.topviews article{counter-increment: mvp-trend; display: flex}
.topviews article::before{ content: counter(mvp-trend) !important; font-family: Inter, sans-serif; font-size:22px; line-height: 22px; font-weight: 600;  color: #C00; width: 40px; flex: 0 0 auto }
.topviews article a {    padding: 0;}
.topviews article a span{ font-weight: normal; font-size: 16px; line-height: 22px}
.topviews .split{ display: flex; flex-direction: column}

/*------------------LATEST ARTICLE--------------------*/
.latest-article article{ background-color: transparent;}
.latest-article article A{ font-size: 18px; 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}

/*------------------other-same-section--------------------*/
.other-same-section article{ display: flex; margin-bottom: 12px; align-items: center}
.other-same-section .thumb{ flex:  0 0 auto; width: 130px; order: 2; margin-bottom: 0}
.other-same-section div.title{ flex: 1; padding-right: 10px}

/*------------------PAGINATION--------------------*/
.pagination { display: flex; flex-wrap: wrap; flex-direction: row; line-height: 40px; padding-bottom: 60px; justify-content: center}
.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{ border-bottom:1px solid #CC0000;  font-weight: bold}
.pagination em{margin: 4px; font-style: normal }
.pagination A strong{
    font-size:  44px; line-height: 36px; font-weight: 400}

/*------------------ARTICLE PARTNERS--------------------*/
.partners .wrap{  }
.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{ display:flex; flex-direction: row; border-bottom: 0; padding-bottom: 25px}
.partners .head{position: relative;    text-align: left;    font-size: 14px; padding: 0; border-top:1px solid #000 }
.partners .head strong{  z-index: 1;    position: relative;    padding: 10px 0; display: block; text-transform: uppercase}
.partners .head::before{ content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 1px; border-top: 3px solid #cc0000;}

.partners article .thumb{ flex: 0 0 auto; width: 130px; margin-bottom: 0}
.partners article A{ padding:0 20px; display: block; font-size: 16px; line-height: 1.2; font-weight: 600; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; box-sizing: border-box;     box-sizing: border-box; padding: 0 !important; padding-left: 10px !important; }
.partners article a span{ display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; color: #555}

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

.partners .item-partener{ width: 77vw}

/*------------------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;   font-weight: 700}

.page-section h1{ position: relative; }
.submenu-sections{ display: flex; flex-wrap: wrap; }
.submenu-sections LI{ padding: 0 15px; border-right: 1px solid #000; margin-bottom: 15px}
.submenu-sections LI:last-child{ border-right: 0}
.submenu-sections LI:first-child{ padding-left: 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, .author-page-head p, .tag-page-head p{ text-align: justify; margin-bottom: 20px; line-height: 1.5; font-size: 16px}


.author-page-head .wrap, .tag-page-head .wrap, .arhiva-page-head .wrap, .search-page-head .wrap{ max-width: 940px; border-bottom: 1px solid #CCC; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px}
.author-page-head .text-picture, .tag-page-head .text-picture{ display: flex; flex-direction: column; text-align: center}
.author-page-head .text-picture .a-text, .tag-page-head .text-picture .a-text{ text-align: left}
.author-page-head .a-picture, .tag-page-head .a-picture{ margin-right: 20px }
.author-page-head .a-picture img{ width: 200px; height: 200px;  object-fit: cover; border-radius: 200px; border: 1px solid #000; padding: 6px }
.tag-page-head .a-picture img{ width: 300px; height: 300px;  object-fit: cover;}
.author-page-head .a-text, .tag-page-head .a-text{ flex: 1}
.author-page-head h1, .tag-page-head h1, .arhiva-page-head h1, .search-page-head h1{  text-align: center; 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}

.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; }
.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;  padding: 15px 0px; padding-left: 56px; color: #000; position: relative; width: 100% }
.btn-audio::before, .btn-video::before, .btn-aplay::before{content: '';  background-image: url('../images/icon-casti.svg'); 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/video-meniu.svg'); background-size: 36%}
.btn-aplay{ padding-left:77px }
.btn-aplay::before{background-image: url('../../media/antenaplay.jpg'); background-size: 100%; }

/*---------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-photo IMG { max-height: 100%; max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.gallery-photo .owl-carousel{ background-color:#f2f3f5}

#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-photo .owl-carousel,.gallery-photo .owl-stage-outer, .gallery-photo .owl-stage,.gallery-photo .owl-item{ height: 100%}
.gallery-photo .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;  margin-bottom: 0; box-sizing: border-box;  font-weight: 700; padding: 10px 20px; line-height: 1.4; padding-bottom: 0 }
#gallery .subh1{ margin-bottom: 5px}
.gallery-photo H1 span{ display: block; font-weight: normal}
.gallery-photo .subtitle{ padding: 0 20px;}
.gallery-photo #captation, .gallery-photo .buttons{  padding: 5px 20px}
.gallery-photo #captation  span{ display: block; font-weight: 700; color: #000}
.gallery-photo .buttons{ display: flex; justify-content: space-between}
.gallery-photo .buttons .btn{font-size: 16px}
.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-photo .owl-carousel .owl-nav button.owl-next {    background-image: url(next-black.svg);}
.gallery-photo .owl-carousel .owl-nav button.owl-prev {    background-image: url(prev-black.svg);}
.gallery-photo  .owl-carousel .owl-nav button.owl-next,.gallery-photo  .owl-carousel .owl-nav button.owl-prev{ line-height: 40px ;  font-size: 0;    background-repeat: no-repeat;    background-position: center;    background-size: 32px;}
.gallery-photo   .owl-carousel .owl-nav button.owl-prev{ left: 0}
.gallery-photo   .owl-carousel .owl-nav button.owl-next{ right: 0}

.gallery-photo .owl-carousel .owl-nav button.owl-next, .gallery-photo .owl-carousel .owl-nav button.owl-prev { top: 50%; margin-top: -30px; width: 60px; height: 60px; background-color: #FFF}
.gallery-photo .owl-carousel .owl-nav button.owl-next:hover,.gallery-photo .owl-carousel .owl-nav button.owl-prev:hover {    background-color: rgba(41, 44, 51, 0.1);}

/*#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}*/

.ggg{ position: relative}
.ggg:after{ content: ''; padding-top: 56%; display: block}
.ggg .gallery-photo{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:#f2f3f5; padding: 0 }


.gallery-photo .owl-nav button.owl-next {    background-image: url(next-black.svg);}
.gallery-photo .owl-nav button.owl-prev {    background-image: url(prev-black.svg);}
.gallery-photo .owl-nav button.owl-next,.gallery-photo .owl-nav button.owl-prev{ line-height: 40px ;  font-size: 0;    background-repeat: no-repeat;    background-position: center;    background-size: 32px; top: 50%; margin-top: -30px; width: 60px; height: 60px; background-color: #FFF; position: absolute; border: 0}
.gallery-photo .owl-nav button.owl-prev{ left: 0}
.gallery-photo  .owl-nav button.owl-next{ right: 0}


.head.oneline{ position: relative;    text-align: left; border-top: 1px solid #000; display: flex; align-items: center; line-height: normal }
.head.oneline strong{  z-index: 1;    position: relative;  padding: 10px 0 ; text-transform: uppercase; color: #000;    font-size: 14px; display: block}
.head.oneline::before{ content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 1px; border-top: 3px solid #cc0000;}

.head{position: relative;    text-align: left;    font-size: 14px; padding: 0; border-top:1px solid #000 }
.head strong{  z-index: 1;    position: relative;    padding: 10px 0; display: block; text-transform: uppercase}
.head::before{ content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 1px; border-top: 3px solid #cc0000;}

/*------------------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: #000;
    padding: 10px 0px;
    text-align: center;
    font-weight: 600;
    display:inline-block;
    box-sizing: border-box;
}
.btn:hover{ text-decoration: underline}
.btn-black { background-color: #000}
.btn-trans { background-color: transparent; color: #000}

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

.cols2 article, .cols3 article, .cols4 article{ border-bottom: 0}

/*---------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;
}
.banner-top-stick{ background-color: #000; position: sticky; top: 0; left: 0;  }
.banner-top-stick .bannerBox{ margin-bottom: 0}

#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: #000;
    padding: 20px 0px;
    margin-top: 20px;
    text-align: center;
    position: relative;
}

.footer_copyright {
    font-size: 16px;
    color: #FFF;
    line-height: 1.4;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.footer_copyright a{ margin-right: 15px}


.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;}

/*---------COVER----------*/
.cover article{ padding-bottom: 0; border-bottom: 0}
.cover .thumb{ margin-bottom: 0}
.cover article .tt-dd{ padding:0 20px; z-index: 2}
.travel .cover article a{ font-family: "Slabo 27px", serif; }


/*---------COVER----------*/
.cover article .tt-dd{ width: 100%;  position: absolute; top: 50%; left: 0;  color: #fff;  padding: 0;  transform: translateY(-50%);  }
.cover article .tt-dd h3 a, .cover article .tt-dd h2 a{ font-size: 26px; line-height: 26px; font-weight: normal; max-width: 600px; border-left:2px solid #cc0000; padding-left: 15px; margin-bottom: 15px; display: block }
.cover article .tt-dd h3, .cover article .tt-dd h2, .cover article .tt-dd .date{ max-width: 1400px; width: 100%; margin: 0 auto; color: #FFF}
.cover article .tt-dd .date{ padding-left: 17px; }
.cover article .thumb:before{
    content: "";
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 1;
    background: none;
    background-image: linear-gradient(to right, rgb(0, 0, 0,.8), rgba(0, 0, 0, 0));
}

/*---------METEO----------*/
.meteo{ margin-bottom: 30px}
.meteo UL{ display: flex ; justify-content: space-between}
.meteo LI{ width: calc(24% - 5px); text-align: center}
.meteo .prognoza-content{ overflow: auto; width: 100%}
.meteo table{ width: 100%; min-width: 1000px}
.meteo TD{text-align: center; font-size: 14px}
.meteo LI span, .meteo td span{ font-size: 12px; font-weight: 700; display: block}
.meteo LI .temp_max, .meteo TD .temp_max{ font-size: 14px; font-weight: 700}
.meteo LI .temp_min, .meteo TD .temp_min{ font-size: 14px; font-weight: 700}
.meteo LI .data{ font-size: 12px; font-weight: 700; color: #666}
.meteo TD .temp_min{ margin-bottom: 10px}

#harta-romania{ max-width: 800px}
.harta path{ fill: #FFF; stroke: #b6b9bf}
.harta text{ font-size: 12px; font-weight: bold}

/*---------CURS VALUTAR----------*/
.curs-valutar{ margin-bottom: 30px  }
.curs-valutar lI{ display: flex; font-size: 12px; border-top: 1px solid #e6e6e6; padding-top: 7px; padding-bottom: 7px}
.curs-valutar span{ flex: 1; font-weight: 700}
.curs-valutar b{ flex: 1; font-weight: 400}
.max-width-970{ max-width: 970px; margin: 0 auto}


.harta-live::before {
    background: #CC0000;
    border-radius: 6px;
    content: "Live";
    font-size: 11px;
    font-weight: 600;
    margin-right: 8px;
    padding: 3px 6px;
    text-transform: uppercase;
}
.harta-live:hover{ text-decoration: none}

#exitpoll{ overflow-y: hidden; overflow-x: auto; padding-bottom: 0px; scrollbar-width: thin; display: flex; flex-wrap: nowrap}
#exitpoll .exit-label{ background-color: #CC0000; width: 30px; flex: 0 0 auto; white-space: nowrap;  color: #FFF; font-weight: bold;  display: flex;  align-items: center;  justify-content: center;}
#exitpoll .exit-label .rotate{transform: rotate(-90deg);    -webkit-transform: rotate(-90deg);    transform-origin: center center;}
.candidati-list-exitpoll{ display: flex; flex-wrap: nowrap; flex: 1}
.candidati-list-exitpoll .candidat-exitpoll{ width: 250px;  height: 120px; display: flex; flex: 0 0 auto}
.candidat-flex{ }
.candidati-list-exitpoll .candidat-exitpoll .poza{ width: 30%; flex: 0 0 auto; overflow: hidden; position: relative}
.candidati-list-exitpoll .candidat-exitpoll .poza-cont{ height: 80%; width: 100%; position: absolute; left: 0; bottom: 0;}
.candidati-list-exitpoll .candidat-exitpoll .poza-cont IMG {
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    margin: 0 auto;
}
.candidati-list-exitpoll .candidat-exitpoll .details{ flex: 1; font-size: 14px ;font-weight: 500; padding: 10px; padding-top: 7px; padding-bottom: 0}
.candidati-list-exitpoll .candidat-exitpoll .logo{ width: 20%; position: absolute; top: 0; right: 0}
.candidati-list-exitpoll .candidat-exitpoll .logo img{ width: 100%}
.candidat-exitpoll .procent{
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #6c7380;
}
.candidat-exitpoll .big{
    font-weight: 500;
    font-size: 46px;
    line-height: 46px;
}
.candidat-exitpoll .small{
    display: flex;
    flex-direction: column;
}
.candidat-exitpoll .small-top{
    font-weight: bold;
    font-size: 16px;
}
.candidat-exitpoll .small-bottom{
    font-weight: bold;
    font-size: 16px;
    opacity: .5;
}



@media all and  (min-width: 701px) {
    .wrap, #header .wrap{ padding: 0 30px; }
    #nav{ height: 80px}

    #preview-video{ width: auto; order: 1}
    #search{ margin-left: 30px}

    /*---------SUBMENu----------*/
    #submenu .submenu-parent, #submenu-bottom .submenu-parent{ margin-bottom: 6px}
    #submenu #subsectiuni, #submenu-bottom #subsectiuni{flex-direction: row}
    #submenu .submenu-item, #submenu-bottom .submenu-item{  width: 14%; padding-right: 10px; box-sizing: border-box}
    #submenu .submenu-item LI, #submenu-bottom .submenu-item LI{ display: block; margin-bottom: 5px}
    #submenu .submenu-item LI a , #submenu-bottom .submenu-item LI a{  border-right: 0;padding:0; margin: 0; line-height: normal}

    /*---------SPLITER----------*/
    .spliter { display: flex; flex-wrap: wrap;  margin: 0;  box-sizing: border-box; justify-content: space-between}
    .spliter .elements { flex: 0 0 auto; padding:0px; box-sizing: border-box; float: left;}

    .marginbottom20{ margin-bottom: 20px}

    /*--------ARTICLE-----------*/
    article{ }
    .sapou, .articol .text P, .tags, .special-box,  .gal, #ivm-inread, .articol .text h2, .articol .text h3, .wrap_article, .articol .instagram-media, .articol .formpoll, .articol .r-top-content, .ggg{  margin-left: auto !important; margin-right: auto !important; max-width: 680px}
    .text .livetext-item p, .text .livetext-item h2{ max-width: none}

    .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}
    .cols2, .cols3 , .cols4{ display: flex; flex-direction:row}
    .cols1 { margin: 0; }
    .cols1 LI { flex: 0 0 auto;   padding:0; box-sizing: border-box; margin-bottom: 12px}

    .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%;}
    .partners .item-partener{ width: 370px}
    #parteneri-slider2.partners .item-partener{ width: 330px}

    .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%; }


    /*--------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; bottom: 60px; 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%;}
    #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;}
    #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: 48%; margin-bottom: 0; box-sizing: border-box}
    .btn-audio, .btn-video {border-right: 1px solid #666; }

    /*---------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;  flex: 0 0 auto; width: calc(100% - 100px); padding: 0}
    .gallery-photo #captation, .gallery-photo .buttons{  padding: 5px 0px}
    #gallery .subtitle{ padding: 0}
    #gallery MAIN .close{ top: 10px}

    #gallery #navContainer{ display: none}

    #promo-mobile{ display: none}

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

    .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}

    .topviews .split{ display: flex; flex-direction: row}
    .topviews .split OL:first-child{ padding-right: 15px}

    .article-head{ flex-direction: row}
    .article-head .article-head-left{ width: 60%; padding-right: 50px }
    .article-head .article-head-right{ width: 40%;  }



    .folders-home{  justify-content: center;}

    .subh1_b{ flex-direction: row; align-items: center}

    .author-page-head .text-picture, .tag-page-head .text-picture{ text-align: left; flex-direction: row}
    .thumb-round-corner article a, .thumb-round-corner article h3{font-size: 16px;    line-height: 22px;    font-weight: normal;    font-family: 'Inter', sans-serif;}

    .cols1.list-articles article h3, .cols1.list-articles article h2{font-size: 16px; line-height: 22px; padding: 0}
    .cols1.list-articles article a{ font-size: 16px; line-height: 22px; font-weight: normal; font-family: 'Inter', sans-serif; }

    /*---------COVER----------*/
    .cover article .tt-dd h3 a, .cover article .tt-dd h2 a{ font-size: 40px; line-height: 46px; }
    .thumb-mobile-only .thumb, .thumb-mobile-only .player{ display: none}
    .thumb-mobile-only.pictures-left .tt-dd{ padding-left: 0}

    .footer_copyright{ flex-direction: row;}
}
@media screen and (max-width: 700px) {
    .stream-audio{ display: none}
    .header-right .video{ display: none}
    .harta-live span{ display: none}
    article.main A{ text-align: center; display: block}

    .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: -16px; margin-right: -16px}

    .bannerBox{ position: relative; max-width: 300px}

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

    .section.padding-top-custom .wrap{ padding-top: 12px}

}

@charset "UTF-8";



article .categ_date {
    line-height: 1;
}


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

article.main #playerHolder,
article.main .ivmWrapper,

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


.section.dark-grey .wrap {
    padding-bottom: 20px;
}
.section{ background-color: #FFF; position: relative; }
section .wrap,
.section .wrap {
    padding-top: 20px;
    background-color: #FFF;
}

.author-page .wrap{max-width: 700px}


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;
}


.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: "";
    }
    .sticky-video{ bottom: auto}
}

@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;
}


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

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


#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;
}





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


.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;
}





@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 .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;
    max-width: 940px ;
}

@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;
}


.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;
}

.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-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 (max-width: 415px) {
    .video-js .vjs-progress-control {
        display: none !important;
    }
}

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